https://gekkoterminal.xyz/_next/static/chunks/5287.d4de23996cfb557d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5287,7668],{34255:(e,t,n)=>{n.d(t,{A:()=>a});let a=(0,n(85568).A)("LoaderCircle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]])},75287:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var a=n(9793),i=n(36997);let r=(0,n(85568).A)("Rotate3d",[["path",{d:"M16.466 7.5C15.643 4.237 13.952 2 12 2 9.239 2 7 6.477 7 12s2.239 10 5 10c.342 0 .677-.069 1-.2",key:"10n0gc"}],["path",{d:"m15.194 13.707 3.814 1.86-1.86 3.814",key:"16shm9"}],["path",{d:"M19 15.57c-1.804.885-4.274 1.43-7 1.43-5.523 0-10-2.239-10-5s4.477-5 10-5c4.838 0 8.873 1.718 9.8 4",key:"1lxi77"}]]);var l=n(34255);function s(e){let{url:t,textureUrls:s,className:o="",lite:c=!1,active:d=!0,showHint:u,onReady:m}=e,f=(0,i.useRef)(null),p=(0,i.useRef)(d),[h,w]=(0,i.useState)(!0),[v,g]=(0,i.useState)(null),x=(0,i.useRef)(m);x.current=m;let y=(0,i.useRef)(s);y.current=s;let M=s?JSON.stringify(s):"";return(0,i.useEffect)(()=>{p.current=d},[d]),(0,i.useEffect)(()=>{let e,a,i,r,l=!1,s=0,o=!0,d=!0,u=f.current;return w(!0),g(null),(async()=>{let m=await Promise.all([n.e(6432),n.e(2037)]).then(n.bind(n,72952)),{GLTFLoader:f}=await Promise.all([n.e(6432),n.e(1777)]).then(n.bind(n,51777)),{OrbitControls:h}=await Promise.all([n.e(6432),n.e(9789)]).then(n.bind(n,89789));if(l||!u)return;let v=new m.Scene,M=new m.PerspectiveCamera(32,u.clientWidth/u.clientHeight,.1,100);(e=new m.WebGLRenderer({antialias:!c,alpha:!0,powerPreference:c?"low-power":"high-performance"})).setPixelRatio(c?1:Math.min(window.devicePixelRatio,1.5)),e.setSize(u.clientWidth,u.clientHeight),e.outputColorSpace=m.SRGBColorSpace,e.toneMapping=m.ACESFilmicToneMapping,e.toneMappingExposure=1.35,u.appendChild(e.domElement);let S=new m.DirectionalLight(0xffffff,2.8);S.position.set(3,6,4);let b=new m.DirectionalLight(0xfff4e8,1.4);b.position.set(-2,2,5);let R=new m.DirectionalLight(0xb8d4ff,1.2);R.position.set(-4,3,-3),v.add(S,b,R,new m.AmbientLight(0xffffff,.9));{let t=new m.PMREMGenerator(e),n=new m.Scene,a=new m.Mesh(new m.SphereGeometry(50,16,16),new m.MeshBasicMaterial({color:6978191,side:m.BackSide}));n.add(a),i=t.fromScene(n,.04).texture,v.environment=i,a.geometry.dispose(),a.material.dispose(),t.dispose()}let C=new h(M,e.domElement);C.enableDamping=!0,C.dampingFactor=.08,C.enablePan=!1,C.enableZoom=!1,C.enableRotate=!c,C.minPolarAngle=.4,C.maxPolarAngle=.52*Math.PI,C.autoRotate=!0,C.autoRotateSpeed=.8,C.addEventListener("start",()=>C.autoRotate=!1);let P=new m.TextureLoader;P.setCrossOrigin("anonymous");let A=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return new Promise(n=>{if(!e)return n(null);P.load(e,e=>{e.flipY=!1,e.colorSpace=t?m.SRGBColorSpace:m.NoColorSpace,e.needsUpdate=!0,n(e)},void 0,()=>n(null))})},E=async(e,t)=>{let[n,a,i,r,l]=await Promise.all([A(t.base_color,!0),c?Promise.resolve(null):A(t.normal),A(t.metallic),A(t.roughness),A(t.emission,!0)]);if(!n&&!a&&!i&&!r&&!l){e.traverse(e=>{if(!e.isMesh)return;let t=e=>{(null==e?void 0:e.isMeshStandardMaterial)&&(e.metalness=0,e.roughness=.85,e.emissive.setScalar(0),e.color.set(0xffffff))};Array.isArray(e.material)?e.material.forEach(t):t(e.material)});return}let s=e=>{var t;let s=new m.MeshStandardMaterial({name:null==e?void 0:e.name,side:m.DoubleSide});return n&&(s.map=n),a&&(s.normalMap=a),i&&(s.metalnessMap=i),r&&(s.roughnessMap=r),l&&(s.emissiveMap=l,s.emissive=new m.Color(0xffffff)),s.color=new m.Color(0xffffff),s.metalness=i?.12:0,s.roughness=r?.55:.72,null==e||null===(t=e.dispose)||void 0===t||t.call(e),s};e.traverse(e=>{e.isMesh&&(e.material=Array.isArray(e.material)?e.material.map(s):s(e.material))})};new f().load(t,async t=>{var n;if(l)return;let a=t.scene;a.traverse(e=>{e.isMesh&&(e.frustumCulled=!1)});let i=y.current;i&&await E(a,i);let r=new m.Box3().setFromObject(a),s=1.8/(r.getSize(new m.Vector3).y||1);a.scale.setScalar(s),r.setFromObject(a);let o=r.getCenter(new m.Vector3);a.position.x-=o.x,a.position.z-=o.z,a.position.y-=r.min.y,v.add(a),r.setFromObject(a);let c=r.getBoundingSphere(new m.Sphere);C.target.set(0,c.center.y,0);let u=M.fov*Math.PI/180,f=c.radius/Math.sin(u/2)*1.25;M.position.set(0,c.center.y+.12*c.radius,f),C.update(),d=!0,null==e||e.render(v,M),d=!0,w(!1),null===(n=x.current)||void 0===n||n.call(x)},void 0,()=>{l||(g("Couldn't load the 3D model."),w(!1))}),(r=new IntersectionObserver(e=>{let[t]=e;

1(o=t.isIntersecting)&&p.current&&!document.hidden&&z()},{threshold:0})).observe(u);let j=c?1e3/30:0,k=0,L=0,N=0,z=()=>{cancelAnimationFrame(s),s=requestAnimationFrame(F)},F=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;if(document.hidden||!p.current||!o)return;if(j&&t-k<j){z();return}if(k=t,C.update(),C.autoRotate&&(d=!0),!d){C.autoRotate&&z();return}d=!1;let n=performance.now();null==e||e.render(v,M),C.autoRotate&&!c&&(L+=1,performance.now()-n>40&&(N+=1),L>=24&&N>=12&&(C.autoRotate=!1)),C.autoRotate&&z()};C.addEventListener("change",()=>{d=!0,z()}),z(),a=()=>{u&&e&&(M.aspect=u.clientWidth/u.clientHeight,M.updateProjectionMatrix(),e.setSize(u.clientWidth,u.clientHeight),d=!0,z())},window.addEventListener("resize",a)})(),()=>{l=!0,cancelAnimationFrame(s),null==r||r.disconnect(),a&&window.removeEventListener("resize",a),null==i||i.dispose(),e&&(e.dispose(),e.domElement.remove())}},[t,M,c]),(0,a.jsxs)("div",{className:"relative h-full w-full overflow-hidden ".concat(o),children:[(0,a.jsx)("div",{ref:f,className:"absolute inset-0 transition-opacity duration-700 ease-out [&>canvas]:block [&>canvas]:h-full [&>canvas]:w-full [&>canvas]:touch-none ".concat(h||v?"opacity-0":"opacity-100")}),!h&&!v&&(null!=u?u:!c)&&(0,a.jsxs)("div",{className:"pointer-events-none absolute right-4 top-4 inline-flex items-center gap-1.5 text-[10px] font-medium uppercase tracking-[0.14em] text-white/30",children:[(0,a.jsx)(r,{className:"h-3 w-3"}),"Drag"]}),!m&&(0,a.jsxs)("div",{className:"pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-3 text-white/40 transition-opacity duration-500 ".concat(h&&!v?"opacity-100":"opacity-0"),children:[(0,a.jsx)(l.A,{className:"h-6 w-6 animate-spin"}),(0,a.jsx)("span",{className:"text-xs uppercase tracking-[0.16em]",children:"Loading model…"})]}),v&&(0,a.jsx)("div",{className:"absolute inset-0 flex items-center justify-center px-6 text-center text-sm text-white/50",children:v})]})}}}]);