(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,31067,e=>{"use strict";function t(){return(t=Object.assign.bind()).apply(null,arguments)}e.s(["default",()=>t])},60099,e=>{"use strict";let t,r;var n=e.i(31067),i=e.i(71645),s=e.i(88014),o=e.i(90072),a=e.i(28600),l=e.i(25234);let c=new o.Vector3,u=new o.Vector3,m=new o.Vector3,d=new o.Vector2;function h(e,t,r){let n=c.setFromMatrixPosition(e.matrixWorld);n.project(t);let i=r.width/2,s=r.height/2;return[n.x*i+i,-(n.y*s)+s]}let x=e=>1e-10>Math.abs(e)?0:e;function p(e,t,r=""){let n="matrix3d(";for(let r=0;16!==r;r++)n+=x(t[r]*e.elements[r])+(15!==r?",":")");return r+n}let f=(t=[1,-1,1,1,1,-1,1,1,1,-1,1,1,1,-1,1,1],e=>p(e,t)),y=(r=e=>[1/e,1/e,1/e,1,-1/e,-1/e,-1/e,-1,1/e,1/e,1/e,1,1,1,1,1],(e,t)=>p(e,r(t),"translate(-50%,-50%)")),g=i.forwardRef(({children:e,eps:t=.001,style:r,className:p,prepend:g,center:j,fullscreen:M,portal:v,distanceFactor:b,sprite:P=!1,transform:w=!1,occlude:W,onOcclude:E,castShadow:S,receiveShadow:R,material:T,geometry:I,zIndexRange:z=[0x1000037,0],calculatePosition:$=h,as:C="div",wrapperClass:G,pointerEvents:A="auto",...F},B)=>{let{gl:k,camera:N,scene:L,size:V,raycaster:H,events:O,viewport:Y}=(0,a.useThree)(),[D]=i.useState(()=>document.createElement(C)),K=i.useRef(null),U=i.useRef(null),_=i.useRef(0),Z=i.useRef([0,0]),q=i.useRef(null),J=i.useRef(null),Q=(null==v?void 0:v.current)||O.connected||k.domElement.parentNode,X=i.useRef(null),ee=i.useRef(!1),et=i.useMemo(()=>{var e;return W&&"blending"!==W||Array.isArray(W)&&W.length&&(e=W[0])&&"object"==typeof e&&"current"in e},[W]);i.useLayoutEffect(()=>{let e=k.domElement;W&&"blending"===W?(e.style.zIndex=`${Math.floor(z[0]/2)}`,e.style.position="absolute",e.style.pointerEvents="none"):(e.style.zIndex=null,e.style.position=null,e.style.pointerEvents=null)},[W]),i.useLayoutEffect(()=>{if(U.current){let e=K.current=s.createRoot(D);if(L.updateMatrixWorld(),w)D.style.cssText="position:absolute;top:0;left:0;pointer-events:none;overflow:hidden;";else{let e=$(U.current,N,V);D.style.cssText=`position:absolute;top:0;left:0;transform:translate3d(${e[0]}px,${e[1]}px,0);transform-origin:0 0;`}return Q&&(g?Q.prepend(D):Q.appendChild(D)),()=>{Q&&Q.removeChild(D),e.unmount()}}},[Q,w]),i.useLayoutEffect(()=>{G&&(D.className=G)},[G]);let er=i.useMemo(()=>w?{position:"absolute",top:0,left:0,width:V.width,height:V.height,transformStyle:"preserve-3d",pointerEvents:"none"}:{position:"absolute",transform:j?"translate3d(-50%,-50%,0)":"none",...M&&{top:-V.height/2,left:-V.width/2,width:V.width,height:V.height},...r},[r,j,M,V,w]),en=i.useMemo(()=>({position:"absolute",pointerEvents:A}),[A]);i.useLayoutEffect(()=>{var t,n;ee.current=!1,w?null==(t=K.current)||t.render(i.createElement("div",{ref:q,style:er},i.createElement("div",{ref:J,style:en},i.createElement("div",{ref:B,className:p,style:r,children:e})))):null==(n=K.current)||n.render(i.createElement("div",{ref:B,style:er,className:p,children:e}))});let ei=i.useRef(!0);(0,l.useFrame)(e=>{if(U.current){N.updateMatrixWorld(),U.current.updateWorldMatrix(!0,!1);let e=w?Z.current:$(U.current,N,V);if(w||Math.abs(_.current-N.zoom)>t||Math.abs(Z.current[0]-e[0])>t||Math.abs(Z.current[1]-e[1])>t){var r;let t,n,i,s,a=(r=U.current,t=c.setFromMatrixPosition(r.matrixWorld),n=u.setFromMatrixPosition(N.matrixWorld),i=t.sub(n),s=N.getWorldDirection(m),i.angleTo(s)>Math.PI/2),l=!1;et&&(Array.isArray(W)?l=W.map(e=>e.current):"blending"!==W&&(l=[L]));let h=ei.current;l?ei.current=function(e,t,r,n){let i=c.setFromMatrixPosition(e.matrixWorld),s=i.clone();s.project(t),d.set(s.x,s.y),r.setFromCamera(d,t);let o=r.intersectObjects(n,!0);if(o.length){let e=o[0].distance;return i.distanceTo(r.ray.origin)<e}return!0}(U.current,N,H,l)&&!a:ei.current=!a,h!==ei.current&&(E?E(!ei.current):D.style.display=ei.current?"block":"none");let p=Math.floor(z[0]/2),g=W?et?[z[0],p]:[p-1,0]:z;if(D.style.zIndex=`${function(e,t,r){if(t instanceof o.PerspectiveCamera||t instanceof o.OrthographicCamera){let n=c.setFromMatrixPosition(e.matrixWorld),i=u.setFromMatrixPosition(t.matrixWorld),s=n.distanceTo(i),o=(r[1]-r[0])/(t.far-t.near),a=r[1]-o*t.far;return Math.round(o*s+a)}}(U.current,N,g)}`,w){let[e,t]=[V.width/2,V.height/2],r=N.projectionMatrix.elements[5]*t,{isOrthographicCamera:n,top:i,left:s,bottom:o,right:a}=N,l=f(N.matrixWorldInverse),c=n?`scale(${r})translate(${x(-(a+s)/2)}px,${x((i+o)/2)}px)`:`translateZ(${r}px)`,u=U.current.matrixWorld;P&&((u=N.matrixWorldInverse.clone().transpose().copyPosition(u).scale(U.current.scale)).elements[3]=u.elements[7]=u.elements[11]=0,u.elements[15]=1),D.style.width=V.width+"px",D.style.height=V.height+"px",D.style.perspective=n?"":`${r}px`,q.current&&J.current&&(q.current.style.transform=`${c}${l}translate(${e}px,${t}px)`,J.current.style.transform=y(u,1/((b||10)/400)))}else{let t=void 0===b?1:function(e,t){if(t instanceof o.OrthographicCamera)return t.zoom;if(!(t instanceof o.PerspectiveCamera))return 1;{let r=c.setFromMatrixPosition(e.matrixWorld),n=u.setFromMatrixPosition(t.matrixWorld);return 1/(2*Math.tan(t.fov*Math.PI/180/2)*r.distanceTo(n))}}(U.current,N)*b;D.style.transform=`translate3d(${e[0]}px,${e[1]}px,0) scale(${t})`}Z.current=e,_.current=N.zoom}}if(!et&&X.current&&!ee.current)if(w){if(q.current){let e=q.current.children[0];if(null!=e&&e.clientWidth&&null!=e&&e.clientHeight){let{isOrthographicCamera:t}=N;if(t||I)F.scale&&(Array.isArray(F.scale)?F.scale instanceof o.Vector3?X.current.scale.copy(F.scale.clone().divideScalar(1)):X.current.scale.set(1/F.scale[0],1/F.scale[1],1/F.scale[2]):X.current.scale.setScalar(1/F.scale));else{let t=(b||10)/400,r=e.clientWidth*t,n=e.clientHeight*t;X.current.scale.set(r,n,1)}ee.current=!0}}}else{let t=D.children[0];if(null!=t&&t.clientWidth&&null!=t&&t.clientHeight){let e=1/Y.factor,r=t.clientWidth*e,n=t.clientHeight*e;X.current.scale.set(r,n,1),ee.current=!0}X.current.lookAt(e.camera.position)}});let es=i.useMemo(()=>({vertexShader:w?void 0:`
          /*
            This shader is from the THREE's SpriteMaterial.
            We need to turn the backing plane into a Sprite
            (make it always face the camera) if "transfrom"
            is false.
          */
          #include <common>

          void main() {
            vec2 center = vec2(0., 1.);
            float rotation = 0.0;

            // This is somewhat arbitrary, but it seems to work well
            // Need to figure out how to derive this dynamically if it even matters
            float size = 0.03;

            vec4 mvPosition = modelViewMatrix * vec4( 0.0, 0.0, 0.0, 1.0 );
            vec2 scale;
            scale.x = length( vec3( modelMatrix[ 0 ].x, modelMatrix[ 0 ].y, modelMatrix[ 0 ].z ) );
            scale.y = length( vec3( modelMatrix[ 1 ].x, modelMatrix[ 1 ].y, modelMatrix[ 1 ].z ) );

            bool isPerspective = isPerspectiveMatrix( projectionMatrix );
            if ( isPerspective ) scale *= - mvPosition.z;

            vec2 alignedPosition = ( position.xy - ( center - vec2( 0.5 ) ) ) * scale * size;
            vec2 rotatedPosition;
            rotatedPosition.x = cos( rotation ) * alignedPosition.x - sin( rotation ) * alignedPosition.y;
            rotatedPosition.y = sin( rotation ) * alignedPosition.x + cos( rotation ) * alignedPosition.y;
            mvPosition.xy += rotatedPosition;

            gl_Position = projectionMatrix * mvPosition;
          }
      `,fragmentShader:`
        void main() {
          gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);
        }
      `}),[w]);return i.createElement("group",(0,n.default)({},F,{ref:U}),W&&!et&&i.createElement("mesh",{castShadow:S,receiveShadow:R,ref:X},I||i.createElement("planeGeometry",null),T||i.createElement("shaderMaterial",{side:o.DoubleSide,vertexShader:es.vertexShader,fragmentShader:es.fragmentShader})))});e.s(["Html",0,g])},81445,e=>{"use strict";var t=e.i(43476),r=e.i(71645),n=e.i(75056),i=e.i(25234),s=e.i(28600),o=e.i(60099),a=e.i(79877),l=e.i(33623),c=e.i(90072);let u="#C01227",m="#E2354A",d="#f4f4f6",h=[0,.17,.34,.62,.81];function x(e,t=new c.Vector3){let r=Math.PI+e*Math.PI*2;return t.set(2.55*Math.cos(r),0,1.7*Math.sin(r))}let p=[{u:0,n:"01",name:"Shipment Data",figure:"12,480 analysed",color:"#8b8b96",labelY:.95},{u:.25,n:"02",name:"MileTruth AI",figure:"148 patterns found",color:m,labelY:1.15},{u:.5,n:"03",name:"Recommendation",figure:"36 actions issued",color:m,labelY:.95},{u:.75,n:"04",name:"Measured Result",figure:"+6.2% on-time",color:d,labelY:-.75}];function f(){let e=(0,r.useMemo)(()=>{let e=[];for(let t=0;t<96;t++)e.push(x(t/96));let t=new c.CatmullRomCurve3(e,!0,"centripetal");return new c.TubeGeometry(t,220,.016,8,!0)},[]);return(0,t.jsx)("mesh",{geometry:e,children:(0,t.jsx)("meshBasicMaterial",{color:u,transparent:!0,opacity:.55,depthWrite:!1})})}function y({index:e,color:r}){let n=(0,t.jsx)("meshStandardMaterial",{color:r,emissive:r,emissiveIntensity:.9,roughness:.35,metalness:.1});return 0===e?(0,t.jsxs)("group",{children:[(0,t.jsxs)("mesh",{position:[-.13,.07,0],children:[(0,t.jsx)("boxGeometry",{args:[.2,.2,.2]}),n]}),(0,t.jsxs)("mesh",{position:[.12,.05,.05],rotation:[0,.5,0],children:[(0,t.jsx)("boxGeometry",{args:[.16,.16,.16]}),n]}),(0,t.jsxs)("mesh",{position:[0,.26,-.04],rotation:[0,.25,0],children:[(0,t.jsx)("boxGeometry",{args:[.15,.15,.15]}),n]})]}):1===e?null:2===e?(0,t.jsxs)("group",{position:[0,.15,0],children:[(0,t.jsxs)("mesh",{children:[(0,t.jsx)("sphereGeometry",{args:[.13,20,20]}),n]}),(0,t.jsxs)("mesh",{rotation:[Math.PI/2,0,0],children:[(0,t.jsx)("torusGeometry",{args:[.26,.018,10,40]}),(0,t.jsx)("meshBasicMaterial",{color:r,transparent:!0,opacity:.7})]})]}):(0,t.jsx)("group",{children:[.14,.24,.36].map((e,r)=>(0,t.jsxs)("mesh",{position:[(r-1)*.16,e/2,0],children:[(0,t.jsx)("boxGeometry",{args:[.1,e,.1]}),n]},e))})}function g({station:e,index:n,compact:i,reduced:s}){let a=(0,r.useMemo)(()=>x(e.u).toArray(),[e.u]);return(0,t.jsxs)("group",{position:a,children:[1===n?(0,t.jsx)(j,{reduced:s}):(0,t.jsx)(y,{index:n,color:e.color}),(0,t.jsxs)("mesh",{rotation:[-Math.PI/2,0,0],children:[(0,t.jsx)("circleGeometry",{args:[.32,32]}),(0,t.jsx)("meshBasicMaterial",{color:m,transparent:!0,opacity:.12,depthWrite:!1})]}),(0,t.jsx)(o.Html,{center:!0,pointerEvents:"none",zIndexRange:[12,0],position:[0,e.labelY,0],children:(0,t.jsxs)("div",{className:"mtn-lbl",children:[(0,t.jsx)("span",{className:"mtn-lbl-n",children:e.n}),(0,t.jsx)("span",{className:"mtn-lbl-name",children:e.name}),!i&&(0,t.jsx)("span",{className:"mtn-lbl-fig",children:e.figure})]})})]})}function j({reduced:e}){let n=(0,r.useRef)(null),s=(0,r.useRef)(null);return(0,i.useFrame)(t=>{let r=e?0:t.clock.elapsedTime,i=e?.45:function(e){let t=0;for(let r of h)t=Math.max(t,Math.exp(-Math.pow(function(e){let t=Math.abs(e-.25)%1;return Math.min(t,1-t)}((.085*e+r)%1)/.045,2)));return t}(r);n.current&&(n.current.scale.setScalar(1+.14*i),n.current.material.emissiveIntensity=.8+1.2*i),s.current&&(e||(s.current.rotation.y=.25*r),s.current.material.opacity=.2+.35*i)}),(0,t.jsxs)("group",{position:[0,.22,0],children:[(0,t.jsxs)("mesh",{ref:n,children:[(0,t.jsx)("icosahedronGeometry",{args:[.26,1]}),(0,t.jsx)("meshStandardMaterial",{color:u,emissive:m,emissiveIntensity:.8,roughness:.3,metalness:.15})]}),(0,t.jsxs)("mesh",{ref:s,rotation:[.4,0,0],children:[(0,t.jsx)("icosahedronGeometry",{args:[.46,1]}),(0,t.jsx)("meshBasicMaterial",{color:m,wireframe:!0,transparent:!0,opacity:.22,depthWrite:!1})]})]})}function M({offset:e,reduced:n}){let s=(0,r.useRef)(null),o=(0,r.useMemo)(()=>new c.Vector3,[]);return(0,i.useFrame)(t=>{s.current&&(x((.085*(n?0:t.clock.elapsedTime)+e)%1,o),s.current.position.set(o.x,.16,o.z))}),(0,t.jsxs)("group",{ref:s,children:[(0,t.jsxs)("mesh",{children:[(0,t.jsx)("sphereGeometry",{args:[.07,12,12]}),(0,t.jsx)("meshBasicMaterial",{color:d})]}),(0,t.jsxs)("mesh",{children:[(0,t.jsx)("sphereGeometry",{args:[.15,12,12]}),(0,t.jsx)("meshBasicMaterial",{color:m,transparent:!0,opacity:.25,depthWrite:!1})]})]})}function v({children:e}){let n=(0,s.useThree)(e=>e.size),i=(0,s.useThree)(e=>e.viewport),o=(0,r.useMemo)(()=>{let e=n.width/i.width;return Math.max(.55,Math.min(1,(n.width/2-60)/(2.55*e)))},[n.width,i.width]);return(0,t.jsx)("group",{scale:o,children:e})}e.s(["default",0,function({reduced:e=!1,isMobile:r=!1,active:i=!0}){let s=r?h.slice(0,3):h;return(0,t.jsxs)(n.Canvas,{flat:!0,frameloop:i?"always":"never",dpr:[1,r||e?1.2:1.6],camera:{position:[0,0,7.6],fov:40,near:.1,far:60},gl:{antialias:!r,powerPreference:"high-performance",alpha:!1},children:[(0,t.jsx)("color",{attach:"background",args:["#0c0c10"]}),(0,t.jsx)("ambientLight",{intensity:.75}),(0,t.jsx)("directionalLight",{position:[2.5,4,4],intensity:1.1}),(0,t.jsx)(v,{children:(0,t.jsxs)("group",{rotation:[.55,0,0],children:[(0,t.jsxs)("mesh",{rotation:[-Math.PI/2,0,0],children:[(0,t.jsx)("circleGeometry",{args:[2.346,48]}),(0,t.jsx)("meshBasicMaterial",{color:u,transparent:!0,opacity:.035,depthWrite:!1})]}),(0,t.jsx)(f,{}),p.map((n,i)=>(0,t.jsx)(g,{station:n,index:i,compact:r,reduced:e},n.n)),s.map(r=>(0,t.jsx)(M,{offset:r,reduced:e},r))]})}),(0,t.jsx)(a.EffectComposer,{enabled:!r,multisampling:2*!r,children:(0,t.jsx)(a.Bloom,{kernelSize:l.KernelSize.SMALL,luminanceThreshold:.25,intensity:.4,mipmapBlur:!0})})]})}])},52893,e=>{e.n(e.i(81445))}]);