1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1990],{41990:function(e,t,n){n.r(t);var i=n(16835),o=n(67294),a=n(10990),d=n(91575),h=n(19521),r=n(56546),s=n(29257),c=n(85893),l=h.default.div.withConfig({componentId:"sc-dvl0ck-0"})(["position:relative;height:170vh;max-width:100vw;margin-top:-60vh;@media screen and (max-width:767px){margin-top:-70vh;height:220vh;}"]),u=h.default.div.withConfig({componentId:"sc-dvl0ck-1"})(["background-color:black;z-index:0;position:absolute;top:-120vh;"]),f=h.default.div.withConfig({componentId:"sc-dvl0ck-2"})(["margin-top:70vh;height:2px;"]),g=h.default.div.withConfig({componentId:"sc-dvl0ck-3"})(["height:100vh;position:sticky;top:0;left:0;"]),p=h.default.div.withConfig({componentId:"sc-dvl0ck-4"})(["width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;position:absolute;bottom:0;right:0;"]),m=h.default.canvas.withConfig({componentId:"sc-dvl0ck-5"})(["overflow-x:hidden;max-width:100vw;width:100%;height:auto;position:absolute;bottom:0;left:0;@media screen and (max-width:1024px){height:100%;width:auto;}@media screen and (min-width:1025px) and (max-height:800px){width:auto;height:100%;}"]),v=h.default.div.withConfig({componentId:"sc-dvl0ck-6"})(["width:100vw;text-align:center;position:absolute;> img{max-width:100vw;width:100%;height:auto;@media screen and (max-width:767px){height:100vh;width:auto;}@media screen and (min-width:1025px) and (max-height:800px){width:auto;height:100%;}}"]),w=h.default.div.withConfig({componentId:"sc-dvl0ck-7"})(["width:100vw;text-align:left;position:absolute;top:10%;left:0;> img{max-width:100vw;width:100%;height:auto;@media screen and (max-width:767px){height:100vh;width:auto;}@media screen and (min-width:1025px) and (max-height:800px){width:auto;height:100vh;}}"]),x=(0,o.forwardRef)((function(e,t){var n=e.device,h=(0,o.useRef)(null),x=(0,o.useRef)(null),b=(0,o.useRef)(null),k=(0,o.useRef)(null),I=(0,s.R)(k,.1,!0),S=(0,i.Z)(I,1)[0],j=(0,o.useState)(!0),C=j[0],q=j[1],R=(0,o.useState)(!0),E=R[0],y=R[1];(0,o.useEffect)((function(){S&&Z()}),[S]),(0,o.useEffect)((function(){a.p8.registerPlugin(r.ScrollTrigger)}),[]);var Z=function(){var e=h.current;if(!e)return null;for(var t,i=e.getContext("2d"),o="mobile"==n?"/assets/images/p2p-10/pngSeq/mobile/phoneSeq/":"tab"==n?"/assets/images/p2p-10/pngSeq/tab/phoneSeq/":"/assets/images/p2p-10/pngSeq/desktop/phoneSeq/",r="mobile"==n||"tab"==n?126:128,s=[],c={frame:0},l=1,u=!1,f=0;f<r;f++){var g=new Image;g.src=(t=f,"".concat((0,d.Yf)(o)).concat((t+1e3).toString().padStart(4,"0"),".png")),g.onload=function(){(l+=1)===r&&(y(!0),q(!1),u=!1)},g.onerror=function(){q(!0),u=!0},s.push(g)}var p=function(){e.width=s[c.frame].width,e.height=s[c.frame].height,null===i||void 0===i||i.clearRect(0,0,e.width,e.height),l==r?(E&&y(!1),C&&q(!1),s[c.frame].complete&&!u&&(null===i||void 0===i||i.drawImage(s[c.frame],e.width/2-s[c.frame].width/2,0,s[c.frame].width,s[c.frame].height))):q(!0)};a.p8.to(c,{frame:r-1,snap:"frame",ease:"none",scrollTrigger:{scrub:.7,trigger:null===x||void 0===x?void 0:x.current,start:"top 30%",end:"top -50%"},onUpdate:p}),s[0].onload=p};return(0,c.jsxs)(l,{ref:b,children:[(0,c.jsx)(u,{ref:k}),(0,c.jsxs)(g,{ref:t,children:[(0,c.jsx)(f,{ref:x}),(0,c.jsxs)(p,{children:[!C&&E?(0,c.jsx)(v,{children:(0,c.jsx)("img",{src:(0,d.Yf)("/assets/images/p2p-10/pngSeq/".concat(n,"/phoneSeq/1000.png")),alt:"phone fallback image"})}):null,(0,c.jsx)(m,{ref:h})]})]}),C?(0,c.jsx)(w,{children:(0,c.jsx)("img",{src:(0,d.Yf)("/assets/images/p2p-10/fallbackImage/".concat(n,"/phone.png"))})}):null]})}));t.default=x},29257:function(e,t,n){n.d(t,{R:function(){return a}});var i=n(16835),o=n(67294),a=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=o.useState(!1),d=(0,i.Z)(a,2),h=d[0],r=d[1],s=o.useState(null),c=(0,i.Z)(s,2),l=c[0],u=c[1],f="undefined"!==typeof IntersectionObserver?new IntersectionObserver((function(e){var t=(0,i.Z)(e,1)[0];r(t.isIntersecting),t.isIntersecting&&n&&g(t.target)}),{root:l,threshold:t}):null;o.useEffect((function(){if(f&&e.current)return f.observe(e.current),function(){f.disconnect()}}),[l,e.current]);var g=function(e){null===f||void 0===f||f.unobserve(e)};return[h,u]}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.