three-live 1.2.2 → 1.2.4

package/dist/three-live-viewer.min.js

@@ -14,16 +14,31 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-"use strict";var ThreeLiveViewer=(()=>{var Ee=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var rt=Object.getOwnPropertyNames;var nt=Object.prototype.hasOwnProperty;var st=(n,t)=>{for(var e in t)Ee(n,e,{get:t[e],enumerable:!0})},at=(n,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of rt(t))!nt.call(n,i)&&i!==e&&Ee(n,i,{get:()=>t[i],enumerable:!(r=it(t,i))||r.enumerable});return n};var ot=n=>at(Ee({},"__esModule",{value:!0}),n);var gt={};st(gt,{ThreeLiveElement:()=>ye,ThreeView:()=>ee,toGLBData:()=>pe});var Ie='SecurityError: Client-modified script compilation (Use Case 1) is disabled by default to satisfy strict CSP and Trusted Types requirements. Use script-src="..." or loadScriptFromSrc(url) for server-generated scripts (Use Case 2), or explicitly opt in via ThreeLiveElement.allowClientScripts = true (or the allow-client-scripts attribute).',Ne="Security Error: client-side scripts require allow-client-scripts opt-in.";var we="__THREE_LIVE_REGISTRY__";function K(){let n=typeof globalThis<"u"?globalThis:{};if(!n[we]){let t={plugins:[],decoders:new Map};try{Object.defineProperty(n,we,{value:t,writable:!1,configurable:!1,enumerable:!1})}catch{n[we]=t}}return n[we]}var Z=K().plugins;function Be(n){let t=K().plugins;t.some(e=>e.name===n.name)||t.push(n),n.onRegister?.()}function ke(){return K().plugins}function W(){let n=new Float32Array(16);return n[0]=1,n[5]=1,n[10]=1,n[15]=1,n}function Re(n,t,e,r,i){let s=1/Math.tan(t/2);n.fill(0),n[0]=s/e,n[5]=s,n[11]=-1;let a=1/(r-i);return n[10]=(i+r)*a,n[14]=2*i*r*a,n}function Ae(n,t,e,r){let[i,s,a]=t,[l,o,c]=r,[u,h,x]=e,y=i-u,d=s-h,b=a-x,g=Math.hypot(y,d,b);g<=1e-5?(y=0,d=0,b=1):(y/=g,d/=g,b/=g);let w=o*b-c*d,S=c*y-l*b,T=l*d-o*y;g=Math.hypot(w,S,T),g<=1e-5?(w=0,S=0,T=0):(w/=g,S/=g,T/=g);let M=d*T-b*S,v=b*w-y*T,m=y*S-d*w;return g=Math.hypot(M,v,m),g<=1e-5?(M=0,v=0,m=0):(M/=g,v/=g,m/=g),n[0]=w,n[1]=M,n[2]=y,n[3]=0,n[4]=S,n[5]=v,n[6]=d,n[7]=0,n[8]=T,n[9]=m,n[10]=b,n[11]=0,n[12]=-(w*i+S*s+T*a),n[13]=-(M*i+v*s+m*a),n[14]=-(y*i+d*s+b*a),n[15]=1,n}function Q(n,t,e){let r=t[0],i=t[1],s=t[2],a=t[3],l=t[4],o=t[5],c=t[6],u=t[7],h=t[8],x=t[9],y=t[10],d=t[11],b=t[12],g=t[13],w=t[14],S=t[15],T=e[0],M=e[1],v=e[2],m=e[3];return n[0]=T*r+M*l+v*h+m*b,n[1]=T*i+M*o+v*x+m*g,n[2]=T*s+M*c+v*y+m*w,n[3]=T*a+M*u+v*d+m*S,T=e[4],M=e[5],v=e[6],m=e[7],n[4]=T*r+M*l+v*h+m*b,n[5]=T*i+M*o+v*x+m*g,n[6]=T*s+M*c+v*y+m*w,n[7]=T*a+M*u+v*d+m*S,T=e[8],M=e[9],v=e[10],m=e[11],n[8]=T*r+M*l+v*h+m*b,n[9]=T*i+M*o+v*x+m*g,n[10]=T*s+M*c+v*y+m*w,n[11]=T*a+M*u+v*d+m*S,T=e[12],M=e[13],v=e[14],m=e[15],n[12]=T*r+M*l+v*h+m*b,n[13]=T*i+M*o+v*x+m*g,n[14]=T*s+M*c+v*y+m*w,n[15]=T*a+M*u+v*d+m*S,n}function Pe(n,t,e,r){let i=t[0],s=t[1],a=t[2],l=t[3],o=i+i,c=s+s,u=a+a,h=i*o,x=i*c,y=i*u,d=s*c,b=s*u,g=a*u,w=l*o,S=l*c,T=l*u,M=r[0],v=r[1],m=r[2];return n[0]=(1-(d+g))*M,n[1]=(x+T)*M,n[2]=(y-S)*M,n[3]=0,n[4]=(x-T)*v,n[5]=(1-(h+g))*v,n[6]=(b+w)*v,n[7]=0,n[8]=(y+S)*m,n[9]=(b-w)*m,n[10]=(1-(h+d))*m,n[11]=0,n[12]=e[0],n[13]=e[1],n[14]=e[2],n[15]=1,n}function ce(n,t){let e=t[0],r=t[1],i=t[2],s=t[4],a=t[5],l=t[6],o=t[8],c=t[9],u=t[10],h=u*a-l*c,x=-u*s+l*o,y=c*s-a*o,d=e*h+r*x+i*y;return d&&(d=1/d,n[0]=h*d,n[1]=x*d,n[2]=y*d,n[3]=(-u*r+i*c)*d,n[4]=(u*e-i*o)*d,n[5]=(-c*e+r*o)*d,n[6]=(l*r-i*a)*d,n[7]=(-l*e+i*s)*d,n[8]=(a*e-r*s)*d),n}function Ge(n,t){let e=t[0],r=t[1],i=t[2],s=t[3],a=t[4],l=t[5],o=t[6],c=t[7],u=t[8],h=t[9],x=t[10],y=t[11],d=t[12],b=t[13],g=t[14],w=t[15],S=e*l-r*a,T=e*o-i*a,M=e*c-s*a,v=r*o-i*l,m=r*c-s*l,I=i*c-s*o,k=u*b-h*d,C=u*g-x*d,F=u*w-y*d,E=h*g-x*b,A=h*w-y*b,p=x*w-y*g,R=S*p-T*A+M*E+v*F-m*C+I*k;return R?(R=1/R,n[0]=(l*p-o*A+c*E)*R,n[1]=(i*A-r*p-s*E)*R,n[2]=(b*I-g*m+w*v)*R,n[3]=(x*m-h*I-y*v)*R,n[4]=(o*F-a*p-c*C)*R,n[5]=(e*p-i*F+s*C)*R,n[6]=(g*M-d*I-w*T)*R,n[7]=(u*I-x*M+y*T)*R,n[8]=(a*A-l*F+c*k)*R,n[9]=(r*F-e*A-s*k)*R,n[10]=(d*m-b*M+w*S)*R,n[11]=(h*M-u*m-y*S)*R,n[12]=(l*C-a*E-o*k)*R,n[13]=(e*E-r*C+i*k)*R,n[14]=(b*T-d*v-g*S)*R,n[15]=(u*v-h*T+x*S)*R,n):null}function Se(n,t,e,r,i){let s=i[0]*t+i[4]*e+i[8]*r+i[12],a=i[1]*t+i[5]*e+i[9]*r+i[13],l=i[2]*t+i[6]*e+i[10]*r+i[14],o=i[3]*t+i[7]*e+i[11]*r+i[15],c=o!==0?1/o:1;n[0]=s*c,n[1]=a*c,n[2]=l*c}function _e(n,t,e,r,i,s,a,l,o,c,u,h,x,y,d,b,g=0){let w=c-a,S=u-l,T=h-o,M=x-a,v=y-l,m=d-o,I=i*m-s*v,k=s*M-r*m,C=r*v-i*M,F=w*I+S*k+T*C;if(F>-1e-7&&F<1e-7)return!1;let E=1/F,A=n-a,p=t-l,R=e-o,D=E*(A*I+p*k+R*C);if(D<-g||D>1+g)return!1;let f=p*T-R*S,_=R*w-A*T,P=A*S-p*w,j=E*(r*f+i*_+s*P);if(j<-g||D+j>1+g)return!1;let V=E*(M*f+v*_+m*P);if(V>1e-4&&V<b.distance){b.distance=V,b.point=[n+r*V,t+i*V,e+s*V];let Y=S*m-T*v,B=T*M-w*m,O=w*v-S*M,X=Math.hypot(Y,B,O)||1;return b.normal=[Y/X,B/X,O/X],!0}return!1}function Oe(n,t){let e=Array.isArray(n?.nodes)?n.nodes.length:0,r=[];for(let u=0;u<e;u++)r.push(W());if(e===0)return r;let i=new Set;for(let u of n.nodes)if(Array.isArray(u.children))for(let h of u.children)i.add(h);let s=new Set,a=128,l=(u,h,x=0)=>{if(x>a||u<0||u>=e||s.has(u))return;s.add(u);let y=n.nodes[u];if(!y)return;let d=W();if(t&&t[u])d.set(t[u]);else if(y.matrix&&y.matrix.length===16)d.set(y.matrix);else{let g=y.translation||[0,0,0],w=y.rotation||[0,0,0,1],S=y.scale||[1,1,1];Pe(d,w,g,S)}let b=r[u];if(h?Q(b,h,d):b.set(d),Array.isArray(y.children))for(let g of y.children)typeof g=="number"&&l(g,b,x+1)},o=[],c=n.scenes&&n.scenes[n.scene!==void 0?n.scene:0];if(c&&Array.isArray(c.nodes))o.push(...c.nodes);else for(let u=0;u<e;u++)i.has(u)||o.push(u);for(let u of o)l(u,null);for(let u=0;u<e;u++)!i.has(u)&&!o.includes(u)&&l(u,null);return r}function ut(n){return new TextDecoder().decode(n)}var We=K().decoders;function lt(n,t){We.set(n.toLowerCase(),t)}function de(n){return We.get(n.toLowerCase())}function Xe(n){let t=ArrayBuffer.isView(n)?n.buffer.slice(n.byteOffset,n.byteOffset+n.byteLength):n,e=new DataView(t);if(t.byteLength<12)throw new Error(`Invalid GLB buffer size: ${t.byteLength} bytes`);let r=e.getUint32(0,!0);if(r!==1179937895){let x=e.getUint8(0);throw x===123||x===32||x===10||x===13?new Error("[three-live] Multi-file JSON .gltf is not supported for performance reasons. Please pack your asset into a single binary .glb file."):new Error(`Invalid GLB magic: 0x${r.toString(16)}`)}let i=e.getUint32(4,!0);if(i!==2)throw new Error(`Unsupported GLB version: ${i}`);let s=e.getUint32(8,!0),a=12,l=null,o=null;for(;a+8<=s&&a+8<=t.byteLength;){let x=e.getUint32(a,!0),y=e.getUint32(a+4,!0),d=a+8;if(d+x>t.byteLength)throw new Error(`Truncated GLB chunk: required ${d+x} bytes, buffer has ${t.byteLength}`);if(y===1313821514){let b=new Uint8Array(t,d,x),g=ut(b);l=JSON.parse(g,(w,S)=>w==="__proto__"||w==="constructor"||w==="prototype"?void 0:S)}else y===5130562&&(o=t.slice(d,d+x));a=d+x}if(!l)throw new Error("Missing JSON chunk in GLB");let c=l.extensionsRequired||[];if(c.includes("KHR_draco_mesh_compression")&&!de("draco"))throw new Error("Model requires KHR_draco_mesh_compression. Register a decoder via ThreeLiveElement.registerDecoder('draco', decoder).");if(c.includes("EXT_meshopt_compression")&&!de("meshopt"))throw new Error("Model requires EXT_meshopt_compression. Register a decoder via ThreeLiveElement.registerDecoder('meshopt', decoder).");if(c.includes("KHR_texture_basisu")&&!de("ktx2"))throw new Error("Model requires KHR_texture_basisu. Register a decoder via ThreeLiveElement.registerDecoder('ktx2', decoder).");let u=o||new ArrayBuffer(0),h={gltf:l,bin:u,animations:[]};for(let x of Z)x.onParseGLB?.(h);return h}function ct(n,t,e){return t%4===0?new Float32Array(n,t,e):new Float32Array(n.slice(t,t+e*4))}function ht(n){return typeof n=="object"&&n!==null&&"gltf"in n&&typeof n.gltf=="object"&&n.gltf!==null&&"bin"in n&&(n.bin instanceof ArrayBuffer||ArrayBuffer.isView(n.bin))}function pe(n){if(ht(n))return n;if(n instanceof ArrayBuffer||ArrayBuffer.isView(n))return Xe(n);throw new TypeError("Invalid 3D model input: expected GLBData ({ gltf, bin }) or binary GLB (ArrayBuffer / ArrayBufferView).")}var ze=`#version 300 es
+"use strict";var ThreeLiveViewer=(()=>{var we=Object.defineProperty;var Qe=Object.getOwnPropertyDescriptor;var et=Object.getOwnPropertyNames;var tt=Object.prototype.hasOwnProperty;var it=(n,t)=>{for(var e in t)we(n,e,{get:t[e],enumerable:!0})},rt=(n,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of et(t))!tt.call(n,i)&&i!==e&&we(n,i,{get:()=>t[i],enumerable:!(r=Qe(t,i))||r.enumerable});return n};var nt=n=>rt(we({},"__esModule",{value:!0}),n);var yt={};it(yt,{ThreeLiveElement:()=>be,ThreeView:()=>te,toGLBData:()=>pe});function Re(n,t){let e=n?.trim(),r=e?Number(e):NaN;return Number.isFinite(r)?r:t}var Ie='SecurityError: Client-modified script compilation (Use Case 1) is disabled by default to satisfy strict CSP and Trusted Types requirements. Use script-src="..." or loadScriptFromSrc(url) for server-generated scripts (Use Case 2), or explicitly opt in via ThreeLiveElement.allowClientScripts = true (or the allow-client-scripts attribute).',Fe="Security Error: client-side scripts require allow-client-scripts opt-in.";var xe="__THREE_LIVE_REGISTRY__";function $(){let n=typeof globalThis<"u"?globalThis:{};if(!n[xe]){let t={plugins:[],decoders:new Map};try{Object.defineProperty(n,xe,{value:t,writable:!1,configurable:!1,enumerable:!1})}catch{n[xe]=t}}return n[xe]}var j=$().plugins;function Ne(n){let t=$().plugins;t.some(e=>e.name===n.name)||t.push(n),n.onRegister?.()}function Be(){return $().plugins}var st={5120:1,5121:1,5122:2,5123:2,5125:4,5126:4};function Ae(n,t,e,r){if(!e||e.bufferView===void 0)return null;let i=n.bufferViews?.[e.bufferView];if(!i)return null;let s=Number(e.count??0);if(!Number.isInteger(s)||s<=0)return null;let a=e.componentType??5126,l=st[a];if(!l)throw new RangeError(`glTF accessor has unsupported componentType ${a}`);let o=l*r,c=i.byteStride&&i.byteStride>0?i.byteStride:o,u=(i.byteOffset||0)+(e.byteOffset||0);if(!Number.isInteger(u)||u<0||c<o||u+(s-1)*c+o>t.byteLength)throw new RangeError(`glTF accessor reads past the end of the binary buffer (${t.byteLength} bytes)`);if(a===5126&&c===o&&u%4===0)return new Float32Array(t,u,s*r);let f=new DataView(t),m=e.normalized===!0,g=new Float32Array(s*r);for(let d=0;d<s;d++){let A=u+d*c;for(let v=0;v<r;v++){let x=A+v*l,w;switch(a){case 5126:w=f.getFloat32(x,!0);break;case 5120:w=f.getInt8(x),m&&(w=Math.max(w/127,-1));break;case 5121:w=f.getUint8(x),m&&(w/=255);break;case 5122:w=f.getInt16(x,!0),m&&(w=Math.max(w/32767,-1));break;case 5123:w=f.getUint16(x,!0),m&&(w/=65535);break;default:w=f.getUint32(x,!0),m&&(w/=4294967295)}g[d*r+v]=w}}return g}function ke(n,t){let e=Number(t.offset?.[0]??0)||0,r=Number(t.offset?.[1]??0)||0,i=Number(t.scale?.[0]??1),s=Number(t.scale?.[1]??1),a=Number(t.rotation??0)||0,l=Math.cos(a),o=Math.sin(a),c=(Number.isFinite(i)?i:1)*l,u=(Number.isFinite(i)?i:1)*o,f=-(Number.isFinite(s)?s:1)*o,m=(Number.isFinite(s)?s:1)*l;for(let g=0;g+1<n.length;g+=2){let d=n[g],A=n[g+1];n[g]=c*d+u*A+e,n[g+1]=f*d+m*A+r}}function X(){let n=new Float32Array(16);return n[0]=1,n[5]=1,n[10]=1,n[15]=1,n}function ye(n,t,e,r,i){let s=1/Math.tan(t/2);n.fill(0),n[0]=s/e,n[5]=s,n[11]=-1;let a=1/(r-i);return n[10]=(i+r)*a,n[14]=2*i*r*a,n}function Te(n,t,e,r){let[i,s,a]=t,[l,o,c]=r,[u,f,m]=e,g=i-u,d=s-f,A=a-m,v=Math.hypot(g,d,A);v<=1e-5?(g=0,d=0,A=1):(g/=v,d/=v,A/=v);let x=o*A-c*d,w=c*g-l*A,y=l*d-o*g;v=Math.hypot(x,w,y),v<=1e-5?(x=0,w=0,y=0):(x/=v,w/=v,y/=v);let T=d*y-A*w,p=A*x-g*y,M=g*w-d*x;return v=Math.hypot(T,p,M),v<=1e-5?(T=0,p=0,M=0):(T/=v,p/=v,M/=v),n[0]=x,n[1]=T,n[2]=g,n[3]=0,n[4]=w,n[5]=p,n[6]=d,n[7]=0,n[8]=y,n[9]=M,n[10]=A,n[11]=0,n[12]=-(x*i+w*s+y*a),n[13]=-(T*i+p*s+M*a),n[14]=-(g*i+d*s+A*a),n[15]=1,n}function ee(n,t,e){let r=t[0],i=t[1],s=t[2],a=t[3],l=t[4],o=t[5],c=t[6],u=t[7],f=t[8],m=t[9],g=t[10],d=t[11],A=t[12],v=t[13],x=t[14],w=t[15],y=e[0],T=e[1],p=e[2],M=e[3];return n[0]=y*r+T*l+p*f+M*A,n[1]=y*i+T*o+p*m+M*v,n[2]=y*s+T*c+p*g+M*x,n[3]=y*a+T*u+p*d+M*w,y=e[4],T=e[5],p=e[6],M=e[7],n[4]=y*r+T*l+p*f+M*A,n[5]=y*i+T*o+p*m+M*v,n[6]=y*s+T*c+p*g+M*x,n[7]=y*a+T*u+p*d+M*w,y=e[8],T=e[9],p=e[10],M=e[11],n[8]=y*r+T*l+p*f+M*A,n[9]=y*i+T*o+p*m+M*v,n[10]=y*s+T*c+p*g+M*x,n[11]=y*a+T*u+p*d+M*w,y=e[12],T=e[13],p=e[14],M=e[15],n[12]=y*r+T*l+p*f+M*A,n[13]=y*i+T*o+p*m+M*v,n[14]=y*s+T*c+p*g+M*x,n[15]=y*a+T*u+p*d+M*w,n}function Ee(n,t,e,r){let i=t[0],s=t[1],a=t[2],l=t[3],o=i+i,c=s+s,u=a+a,f=i*o,m=i*c,g=i*u,d=s*c,A=s*u,v=a*u,x=l*o,w=l*c,y=l*u,T=r[0],p=r[1],M=r[2];return n[0]=(1-(d+v))*T,n[1]=(m+y)*T,n[2]=(g-w)*T,n[3]=0,n[4]=(m-y)*p,n[5]=(1-(f+v))*p,n[6]=(A+x)*p,n[7]=0,n[8]=(g+w)*M,n[9]=(A-x)*M,n[10]=(1-(f+d))*M,n[11]=0,n[12]=e[0],n[13]=e[1],n[14]=e[2],n[15]=1,n}function ce(n,t){let e=t[0],r=t[1],i=t[2],s=t[4],a=t[5],l=t[6],o=t[8],c=t[9],u=t[10],f=u*a-l*c,m=-u*s+l*o,g=c*s-a*o,d=e*f+r*m+i*g;return d&&(d=1/d,n[0]=f*d,n[1]=m*d,n[2]=g*d,n[3]=(-u*r+i*c)*d,n[4]=(u*e-i*o)*d,n[5]=(-c*e+r*o)*d,n[6]=(l*r-i*a)*d,n[7]=(-l*e+i*s)*d,n[8]=(a*e-r*s)*d),n}function _e(n,t){let e=t[0],r=t[1],i=t[2],s=t[3],a=t[4],l=t[5],o=t[6],c=t[7],u=t[8],f=t[9],m=t[10],g=t[11],d=t[12],A=t[13],v=t[14],x=t[15],w=e*l-r*a,y=e*o-i*a,T=e*c-s*a,p=r*o-i*l,M=r*c-s*l,_=i*c-s*o,D=u*A-f*d,O=u*v-m*d,V=u*x-g*d,F=f*v-m*A,h=f*x-g*A,E=m*x-g*v,R=w*E-y*h+T*F+p*V-M*O+_*D;return R?(R=1/R,n[0]=(l*E-o*h+c*F)*R,n[1]=(i*h-r*E-s*F)*R,n[2]=(A*_-v*M+x*p)*R,n[3]=(m*M-f*_-g*p)*R,n[4]=(o*V-a*E-c*O)*R,n[5]=(e*E-i*V+s*O)*R,n[6]=(v*T-d*_-x*y)*R,n[7]=(u*_-m*T+g*y)*R,n[8]=(a*h-l*V+c*D)*R,n[9]=(r*V-e*h-s*D)*R,n[10]=(d*M-A*T+x*w)*R,n[11]=(f*T-u*M-g*w)*R,n[12]=(l*O-a*F-o*D)*R,n[13]=(e*F-r*O+i*D)*R,n[14]=(A*y-d*p-v*w)*R,n[15]=(u*p-f*y+m*w)*R,n):null}function Se(n,t,e,r,i){let s=i[0]*t+i[4]*e+i[8]*r+i[12],a=i[1]*t+i[5]*e+i[9]*r+i[13],l=i[2]*t+i[6]*e+i[10]*r+i[14],o=i[3]*t+i[7]*e+i[11]*r+i[15],c=o!==0?1/o:1;n[0]=s*c,n[1]=a*c,n[2]=l*c}function Ge(n,t,e,r,i,s,a,l,o,c,u,f,m,g,d,A,v=0){let x=c-a,w=u-l,y=f-o,T=m-a,p=g-l,M=d-o,_=i*M-s*p,D=s*T-r*M,O=r*p-i*T,V=x*_+w*D+y*O;if(V>-1e-7&&V<1e-7)return!1;let F=1/V,h=n-a,E=t-l,R=e-o,b=F*(h*_+E*D+R*O);if(b<-v||b>1+v)return!1;let N=E*y-R*w,P=R*x-h*y,K=h*w-E*x,S=F*(r*N+i*P+s*K);if(S<-v||b+S>1+v)return!1;let U=F*(T*N+p*P+M*K);if(U>1e-4&&U<A.distance){A.distance=U,A.point=[n+r*U,t+i*U,e+s*U];let k=w*M-y*p,Z=y*T-x*M,J=x*p-w*T,B=Math.hypot(k,Z,J)||1;return A.normal=[k/B,Z/B,J/B],!0}return!1}function Oe(n,t){let e=Array.isArray(n?.nodes)?n.nodes.length:0,r=[];for(let u=0;u<e;u++)r.push(X());if(e===0)return r;let i=new Set;for(let u of n.nodes)if(Array.isArray(u.children))for(let f of u.children)i.add(f);let s=new Set,a=128,l=(u,f,m=0)=>{if(m>a||u<0||u>=e||s.has(u))return;s.add(u);let g=n.nodes[u];if(!g)return;let d=X();if(t&&t[u])d.set(t[u]);else if(g.matrix&&g.matrix.length===16)d.set(g.matrix);else{let v=g.translation||[0,0,0],x=g.rotation||[0,0,0,1],w=g.scale||[1,1,1];Ee(d,x,v,w)}let A=r[u];if(f?ee(A,f,d):A.set(d),Array.isArray(g.children))for(let v of g.children)typeof v=="number"&&l(v,A,m+1)},o=[],c=n.scenes&&n.scenes[n.scene!==void 0?n.scene:0];if(c&&Array.isArray(c.nodes))o.push(...c.nodes);else for(let u=0;u<e;u++)i.has(u)||o.push(u);for(let u of o)l(u,null);for(let u=0;u<e;u++)!i.has(u)&&!o.includes(u)&&l(u,null);return r}var We=["neutral","reinhard","none","aces","agx"];function de(n){let t=String(n??"").trim().toLowerCase();return We.includes(t)?t:"neutral"}function ot(n){return We.indexOf(de(n))}function at(n){return new TextDecoder().decode(n)}var Xe=$().decoders;function ut(n,t){Xe.set(n.toLowerCase(),t)}function me(n){return Xe.get(n.toLowerCase())}function ze(n){let t=ArrayBuffer.isView(n)?n.buffer.slice(n.byteOffset,n.byteOffset+n.byteLength):n,e=new DataView(t);if(t.byteLength<12)throw new Error(`Invalid GLB buffer size: ${t.byteLength} bytes`);let r=e.getUint32(0,!0);if(r!==1179937895){let m=e.getUint8(0);throw m===123||m===32||m===10||m===13?new Error("[three-live] Multi-file JSON .gltf is not supported for performance reasons. Please pack your asset into a single binary .glb file."):new Error(`Invalid GLB magic: 0x${r.toString(16)}`)}let i=e.getUint32(4,!0);if(i!==2)throw new Error(`Unsupported GLB version: ${i}`);let s=e.getUint32(8,!0),a=12,l=null,o=null;for(;a+8<=s&&a+8<=t.byteLength;){let m=e.getUint32(a,!0),g=e.getUint32(a+4,!0),d=a+8;if(d+m>t.byteLength)throw new Error(`Truncated GLB chunk: required ${d+m} bytes, buffer has ${t.byteLength}`);if(g===1313821514){let A=new Uint8Array(t,d,m),v=at(A);l=JSON.parse(v,(x,w)=>x==="__proto__"||x==="constructor"||x==="prototype"?void 0:w)}else g===5130562&&(o=t.slice(d,d+m));a=d+m}if(!l)throw new Error("Missing JSON chunk in GLB");let c=l.extensionsRequired||[];if(c.includes("KHR_draco_mesh_compression")&&!me("draco"))throw new Error("Model requires KHR_draco_mesh_compression. Register a decoder via ThreeLiveElement.registerDecoder('draco', decoder).");for(let m of["EXT_meshopt_compression","KHR_meshopt_compression"])if(c.includes(m)&&!me("meshopt"))throw new Error(`Model requires ${m}. Register a decoder via ThreeLiveElement.registerDecoder('meshopt', decoder).`);if(c.includes("KHR_texture_basisu")&&!me("ktx2"))throw new Error("Model requires KHR_texture_basisu. Register a decoder via ThreeLiveElement.registerDecoder('ktx2', decoder).");let u=o||new ArrayBuffer(0),f={gltf:l,bin:u,animations:[]};for(let m of j)m.onParseGLB?.(f);return f}function lt(n){return typeof n=="object"&&n!==null&&"gltf"in n&&typeof n.gltf=="object"&&n.gltf!==null&&"bin"in n&&(n.bin instanceof ArrayBuffer||ArrayBuffer.isView(n.bin))}function pe(n){if(lt(n))return n;if(n instanceof ArrayBuffer||ArrayBuffer.isView(n))return ze(n);throw new TypeError("Invalid 3D model input: expected GLBData ({ gltf, bin }) or binary GLB (ArrayBuffer / ArrayBufferView).")}var Ye=`#version 300 es
 layout(location=0) in vec3 aPosition;
 layout(location=1) in vec3 aNormal;
 layout(location=2) in vec2 aUV;
 uniform mat4 uMVP,uModel;
 uniform mat3 uNormalMatrix;
 uniform vec4 uUvTransform;
+layout(location=8) in vec4 aInst0;
+layout(location=9) in vec4 aInst1;
+layout(location=10) in vec4 aInst2;
+layout(location=11) in vec4 aInst3;
+layout(location=12) in vec4 aInstColor;
+uniform int uInstanced;
+uniform mat4 uViewProj;
+out vec4 vInstTint;
+mat4 xrModel(){return uInstanced==1?uModel*mat4(aInst0,aInst1,aInst2,aInst3):uModel;}
+mat4 xrMVP(){return uInstanced==1?uViewProj*xrModel():uMVP;}
+mat3 xrNormalMatrix(){return uInstanced==1?transpose(inverse(mat3(xrModel()))):uNormalMatrix;}
+#define uModel xrModel()
+#define uMVP xrMVP()
+#define uNormalMatrix xrNormalMatrix()
 out vec3 vNormal,vWorldPos;
 out vec2 vUV;
 void main(){
+vInstTint=uInstanced==1?aInstColor:vec4(1.0);
 vec3 rawN=uNormalMatrix*aNormal;
 vNormal=length(rawN)>1e-5?normalize(rawN):vec3(0.0);
 vec4 world=uModel*vec4(aPosition,1.0);
@@ -32,12 +47,14 @@ vec2 scaleUV=uUvTransform.zw;
 if(scaleUV.x==0.0&&scaleUV.y==0.0)scaleUV=vec2(1.0);
 vUV=aUV*scaleUV+uUvTransform.xy;
 gl_Position=uMVP*vec4(aPosition,1.0);
-}`,mt=`#version 300 es
+}`,ct=`#version 300 es
 precision highp float;
 in vec3 vNormal,vWorldPos;
 in vec2 vUV;
 uniform vec4 uBaseColor;
-uniform float uMetallic,uRoughness,uEmissive,uEnvIntensity;
+in vec4 vInstTint;
+#define uBaseColor (uBaseColor*vInstTint)
+uniform float uMetallic,uRoughness,uEmissive,uEnvIntensity,uExposure;
 uniform vec2 uClearcoat;
 uniform vec3 uCameraPos,uAmbientColor;
 uniform sampler2D uBaseColorTexture,uMetallicRoughnessTexture,uNormalTexture,uOcclusionTexture,uEnvironmentMap;
@@ -218,15 +235,16 @@ if(uClearcoat.x>0.0){
 vec3 ccF=F_SchlickRoughness(vec3(0.04),uClearcoat.y,NoV)*uClearcoat.x;
 color=color*(vec3(1.0)-ccF)+getStudioRadiance(R,uClearcoat.y)*ccF*uEnvIntensity;
 }
+color*=uExposure;
 color=applyToneMapping(color,uToneMapping);
 float outAlpha=base.a;
 /*XRD_O*/
 fragColor=vec4(color,outAlpha);
-}`;var dt=`#version 300 es
+}`;var ht=`#version 300 es
 layout(location=0) in vec3 aPosition;
 uniform mat4 uMVP;
-void main(){gl_Position=uMVP*vec4(aPosition,1.0);}`,pt=`#version 300 es
+void main(){gl_Position=uMVP*vec4(aPosition,1.0);}`,mt=`#version 300 es
 precision highp float;
 uniform vec4 uColorId;
 out vec4 fragColor;
-void main(){fragColor=uColorId;}`;function Ue(n,t,e){let r=n.createShader(t);if(n.shaderSource(r,e),n.compileShader(r),!n.getShaderParameter(r,35713)){let i=n.getShaderInfoLog(r);throw n.deleteShader(r),new Error(`Shader compile error: ${i}`)}return r}function De(n,t,e){let r=Ue(n,35633,t),i=Ue(n,35632,e),s=n.createProgram();if(n.attachShader(s,r),n.attachShader(s,i),n.linkProgram(s),!n.getProgramParameter(s,35714)){let a=n.getProgramInfoLog(s);throw n.deleteProgram(s),new Error(`Program link error: ${a}`)}return s}function Le(n,t,e){let r={};for(let i of e)r[i]=n.getUniformLocation(t,i);return r}var Ve=["uMVP","uModel","uNormalMatrix","uUvTransform","uBaseColor","uMetallic","uRoughness","uClearcoat","uEmissive","uCameraPos","uBaseColorTexture","uHasTexture","uMetallicRoughnessTexture","uHasMetallicRoughnessTexture","uNormalTexture","uHasNormalTexture","uNormalScale","uOcclusionTexture","uHasOcclusionTexture","uOcclusionStrength","uToneMapping","uEnvironmentMap","uHasEnvironmentMap","uAmbientColor","uNumDirLights","uDirLightDir","uDirLightColor","uNumPointLights","uPointLightPos","uPointLightColor","uEnvIntensity","uViewportSize","uSectionPlane","uSectionEnabled"];function je(){let n=K().xrDepthShader;return{fs:mt.replace("/*XRD_U*/",n?.uniformsGLSL||"").replace("/*XRD_O*/",n?.occlusionGLSL||""),uniforms:n?[...Ve,...n.uniformNames]:Ve}}function ft(n){if(typeof n!="string")return null;let t=n.trim();if(!t||/[\x00-\x1f\x7f]/.test(t))return null;let e=t.toLowerCase();return e.startsWith("data:")?/^data:image\/(png|jpeg|jpg|webp|ktx2|avif)(;|,)/i.test(t)?t:null:e.startsWith("https://")||e.startsWith("blob:")?t:e.startsWith("//")||/^[a-z][a-z0-9+.-]*:/i.test(t)||/(^|[\\/])\.\.([\\/]|$)/.test(t)?null:t}function Ce(n,t,e,r,i,s,a){if(r===void 0||!t.accessors?.[r])return null;let l=t.accessors[r],o=t.bufferViews[l.bufferView],c=(o.byteOffset||0)+(l.byteOffset||0),u=o.byteStride&&o.byteStride>s*4?o.byteStride>>2:s,h;if(u===s)h=new Float32Array(e,c,l.count*s);else{h=new Float32Array(l.count*s);let y=new Float32Array(e,o.byteOffset||0,Math.floor(o.byteLength/4)),d=(l.byteOffset||0)>>2;for(let b=0;b<l.count;b++){let g=d+b*u;for(let w=0;w<s;w++)h[b*s+w]=y[g+w]}}let x=n.createBuffer();return a.push(x),n.bindBuffer(34962,x),n.bufferData(34962,h,35044),n.enableVertexAttribArray(i),n.vertexAttribPointer(i,s,5126,!1,0,0),h}var Ye=Object.freeze({maxMeshes:1e3,maxTextures:64,maxVertices:1e6,maxIndices:3e6}),$e=Object.freeze({maxMeshes:1/0,maxTextures:1/0,maxVertices:1/0,maxIndices:1/0});function He(n,t,e=$e,r){if(!t||!t.gltf)throw new Error("Invalid GLBData passed to buildGpuScene: missing gltf object.");let{gltf:i}=t,s=de("meshopt");s?.decodeBufferViews&&s.decodeBufferViews(i,t);let a=t.bin,l=[],o=[],c=i.extensions?.KHR_materials_variants;if(c&&Array.isArray(c.variants))for(let E of c.variants)E&&typeof E.name=="string"&&o.push(E.name);let u=Oe(i),h=[];if(Array.isArray(i.nodes))for(let E=0;E<i.nodes.length;E++){let A=i.nodes[E];A.mesh!==void 0&&i.meshes&&i.meshes[A.mesh]&&h.push({node:A,nodeIdx:E,meshIdx:A.mesh})}let x=h.length>0?h:(i.meshes||[]).map((E,A)=>({node:E,nodeIdx:-1,meshIdx:A})),y=[];if(Array.isArray(t.lights)&&t.lights.length>0)y.push(...t.lights);else if(i.extensions?.KHR_lights_punctual?.lights){let E=i.extensions.KHR_lights_punctual.lights;for(let A of E){let p=A.type==="directional"?"directional":A.type==="point"?"point":"ambient";y.push({type:p,color:A.color||[1,1,1],intensity:A.intensity!==void 0?A.intensity:1})}}if(y.length===0&&(y.push({type:"ambient",color:[1,1,1],intensity:.35}),y.push({type:"directional",color:[1,1,1],intensity:.85,direction:[.5,1,.8]})),x.length>e.maxMeshes)throw new Error(`SecurityError: GLB scene exceeds host mesh limit (${e.maxMeshes}). Found: ${x.length}`);let d=[];if(i.textures&&i.images){if(i.textures.length>e.maxTextures)throw new Error(`SecurityError: GLB scene exceeds host texture limit (${e.maxTextures}). Found: ${i.textures.length}`);for(let E=0;E<i.textures.length;E++){let A=i.textures[E],p=i.images[A.source];if(p){let R=n.createTexture();if(n.bindTexture(3553,R),n.texImage2D(3553,0,6408,1,1,0,6408,5121,new Uint8Array([255,255,255,255])),n.texParameteri(3553,10242,10497),n.texParameteri(3553,10243,10497),n.texParameteri(3553,10241,9729),n.texParameteri(3553,10240,9729),p.bufferView!==void 0){let D=i.bufferViews[p.bufferView],f=a.slice(D.byteOffset||0,(D.byteOffset||0)+D.byteLength),_=new Blob([f],{type:p.mimeType||"image/png"});typeof createImageBitmap=="function"&&createImageBitmap(_).then(P=>{n.bindTexture(3553,R),n.texImage2D(3553,0,6408,6408,5121,P),n.generateMipmap(3553),r?.()}).catch(()=>{})}else if(p.uri){let D=ft(p.uri);if(D){let f=new Image;f.crossOrigin="anonymous",f.referrerPolicy="no-referrer",f.onload=()=>{n.bindTexture(3553,R),n.texImage2D(3553,0,6408,6408,5121,f),n.generateMipmap(3553),r?.()},f.src=D}else console.warn("[Three-Live Security] Blocked unsafe glTF image URI:",p.uri)}d.push(R)}else d.push(null)}}let b=[1/0,1/0,1/0],g=[-1/0,-1/0,-1/0],w=0,S=0;for(let E=0;E<x.length;E++){let A=x[E],p=i.meshes[A.meshIdx],R=A.nodeIdx>=0?u[A.nodeIdx]:W(),D=new Float32Array(9);ce(D,R);let f={name:A.node.name||p.name||`Mesh_${A.meshIdx}`,nodeIndex:A.nodeIdx,transform:R,normalMatrix:D,primitives:[],extras:A.node.extras||p.extras},_=A.node?.extensions?.EXT_mesh_gpu_instancing;if(_&&_.attributes&&typeof _.attributes=="object"){let P=_.attributes,j=P.TRANSLATION!==void 0?i.accessors?.[P.TRANSLATION]:null,V=P.ROTATION!==void 0?i.accessors?.[P.ROTATION]:null,Y=P.SCALE!==void 0?i.accessors?.[P.SCALE]:null,B=P._COLOR_0!==void 0?i.accessors?.[P._COLOR_0]:null,O=Number(j?.count??V?.count??Y?.count??0);if(!Number.isFinite(O)||O<0||O>1e4)throw new Error(`SecurityError: EXT_mesh_gpu_instancing exceeds maximum instance limit (10000). Found: ${O}`);if(O>0){let X=(L,q)=>{if(!L||L.bufferView===void 0||!i.bufferViews?.[L.bufferView])return null;let H=(i.bufferViews[L.bufferView].byteOffset||0)+(L.byteOffset||0);return ct(a,H,O*q)},re=X(j,3),U=X(V,4),N=X(Y,3),z=B?.type==="VEC4"?4:3,$=X(B,z),ne=new Float32Array(O*16),se=W();for(let L=0;L<O;L++){let q=re?[re[L*3],re[L*3+1],re[L*3+2]]:[0,0,0],he=U?[U[L*4],U[L*4+1],U[L*4+2],U[L*4+3]]:[0,0,0,1],H=N?[N[L*3],N[L*3+1],N[L*3+2]]:[1,1,1];Pe(se,he,q,H),ne.set(se,L*16)}if(f.instanceMatrices=ne,$){let L=new Float32Array(O*3);for(let q=0;q<O;q++)L[q*3]=$[q*z],L[q*3+1]=$[q*z+1],L[q*3+2]=$[q*z+2];f.instanceColors=L}}}for(let P of p.primitives||[]){if(P.extensions?.KHR_draco_mesh_compression){let G=de("draco");G&&G.decodePrimitive(i,P,a)}let j=[],V=n.createVertexArray();n.bindVertexArray(V);let Y=i.accessors[P.attributes.POSITION],B=Number(Y?.count??0);if(!Number.isFinite(B)||B<0||w+B>e.maxVertices)throw new Error(`SecurityError: GLB scene exceeds host vertex limit (${e.maxVertices}).`);if(w+=B,Y?.min&&Y?.max){let G=te=>{for(let ie=0;ie<3;ie++){let ae=te[12+ie],xe=te[12+ie];for(let me=0;me<3;me++){let Me=te[me*4+ie]*Y.min[me],Te=te[me*4+ie]*Y.max[me];ae+=Me<Te?Me:Te,xe+=Me>Te?Me:Te}ae<b[ie]&&(b[ie]=ae),xe>g[ie]&&(g[ie]=xe)}};if(f.instanceMatrices&&f.instanceMatrices.length>=16){let te=f.instanceMatrices.length>>4,ie=W();for(let ae=0;ae<te;ae++){let xe=f.instanceMatrices.subarray(ae*16,ae*16+16);Q(ie,R,xe),G(ie)}}else G(R)}let O=Ce(n,i,a,P.attributes.POSITION,0,3,j);Ce(n,i,a,P.attributes.NORMAL,1,3,j),Ce(n,i,a,P.attributes.TEXCOORD_0,2,2,j);let X=0,re=5123,U=null;if(P.indices!==void 0){let G=i.accessors[P.indices],ie=(i.bufferViews[G.bufferView].byteOffset||0)+(G.byteOffset||0);if(X=Number(G.count??0),!Number.isFinite(X)||X<0||S+X>e.maxIndices)throw new Error(`SecurityError: GLB scene exceeds host index limit (${e.maxIndices}).`);S+=X,re=G.componentType===5125?5125||5125:5123||5123;let ae=n.createBuffer();j.push(ae),n.bindBuffer(34963,ae),G.componentType===5125?(U=new Uint32Array(a,ie,G.count),n.bufferData(34963,U,35044)):(U=new Uint16Array(a,ie,G.count),n.bufferData(34963,U,35044))}else X=Y.count;let N={};for(let G of Z)if(G.onBuildPrimitiveVAO){let te=G.onBuildPrimitiveVAO(n,V,P,i,a);te&&(N[G.name]=te)}n.bindVertexArray(null);let z=i.materials&&P.material!==void 0?i.materials[P.material]:null,$=je(),ne=ze,se=$.fs,L=!1;for(let G of Z)if(G.onResolveShader){let te=G.onResolveShader(P,z,ne,se);te&&(ne=te.vs,se=te.fs,L=!0)}let q=L?De(n,ne,se):null,he=q?Le(n,q,$.uniforms):null,H=z?.pbrMetallicRoughness,fe=H?.baseColorFactor||[.8,.8,.8,1],be=H?.metallicFactor??.1,ge=H?.roughnessFactor??.5,oe=z?.extensions?.KHR_materials_clearcoat,ue=oe?oe.clearcoatFactor??1:0,le=Math.max(.04,oe?.clearcoatRoughnessFactor??.04),ve=H?.baseColorTexture!==void 0&&d[H.baseColorTexture.index]?d[H.baseColorTexture.index]:null,qe=H?.metallicRoughnessTexture!==void 0&&d[H.metallicRoughnessTexture.index]?d[H.metallicRoughnessTexture.index]:null,Ke=z?.normalTexture!==void 0&&d[z.normalTexture.index]?d[z.normalTexture.index]:null,Ze=z?.normalTexture?.scale??1,Je=z?.occlusionTexture!==void 0&&d[z.occlusionTexture.index]?d[z.occlusionTexture.index]:null,Qe=z?.occlusionTexture?.strength??1,et=!!(z?.extensions?.KHR_materials_transmission||N.materials?.isTransmissive),Fe=P.extensions?.KHR_materials_variants?.mappings,tt=Array.isArray(Fe)?Fe.filter(G=>G&&typeof G.material=="number"&&Array.isArray(G.variants)).map(G=>({material:G.material|0,variants:G.variants.map(te=>Number(te)|0)})):void 0;f.primitives.push({vao:V,indexCount:X,indexType:re,baseColor:fe,metallic:be,roughness:ge,clearcoat:ue,clearcoatRoughness:le,positions:O,indices:U,texture:ve,metallicRoughnessTexture:qe,normalTexture:Ke,occlusionTexture:Je,normalScale:Ze,occlusionStrength:Qe,buffers:j,materialIndex:P.material,defaultMaterialIndex:P.material,variantMappings:tt,pluginData:N,customProgram:q,customUniforms:he,isTransmissive:et})}l.push(f)}isFinite(b[0])||(b=[-1,-1,-1]),isFinite(g[0])||(g=[1,1,1]);let T=[(b[0]+g[0])/2,(b[1]+g[1])/2,(b[2]+g[2])/2],M=g[0]-b[0],v=g[1]-b[1],m=g[2]-b[2],I=Math.max(Math.hypot(M,v,m)/2,.5),k=[b[0],b[1],b[2]],C=[g[0],g[1],g[2]],F=t.animations;if(!F){for(let E of Z)if(E.onParseGLB?.(t),t.animations){F=t.animations;break}}return F||(F=[]),{meshes:l,bounds:{center:T,radius:I,min:k,max:C},lights:y,animations:F,worldMatrices:u,gpuTextures:d,availableVariants:o}}var ee=class{constructor(t,e,r){this.meshes=[];this.backdropMeshes=[];this.bounds={center:[0,0,0],radius:1,min:[-1,-1,-1],max:[1,1,1]};this.lights=[];this.modelRootMatrix=W();this.clearColor=[0,0,0,0];this.envIntensity=1;this.shadowIntensity=0;this.shadowSoftness=.5;this.toneMapping="neutral";this.environmentTexture=null;this.animations=[];this.currentClip=null;this.animationTime=0;this.isPlayingAnimation=!1;this.autoplay=!1;this.animationName="";this.gpuTextures=[];this.availableVariants=[];this.activeVariantName=null;this.gltf=null;this.worldMatrices=[];this.initialNodeTransforms=[];this.projMatrix=W();this.viewMatrix=W();this.modelMatrix=W();this.mvpMatrix=W();this.normalMatrix=new Float32Array(9);this.initialTheta=.6;this.initialPhi=.35;this.initialDistance=null;this.customDistance=!1;this.distanceMode="auto";this.initialCustomTarget=null;this.customTarget=null;this.fov=Math.PI/4;this.minTheta=-1/0;this.maxTheta=1/0;this.minPhi=-Math.PI*.48;this.maxPhi=Math.PI*.48;this.minDistanceLimit=null;this.maxDistanceLimit=null;this.activePointers=new Map;this.isPanning=!1;this.targetTheta=.6;this.currTheta=.6;this.targetPhi=.35;this.currPhi=.35;this.targetDistance=3;this.currDistance=3;this.autoRotate=!1;this.autoRotateSpeed=Math.PI/6;this.autoRotateDelay=3e3;this.lastInteractionTime=-1/0;this.turntableRotation=0;this.isPointerDown=!1;this.interactive=!0;this.skyboxTexture=null;this.lastPointerX=0;this.lastPointerY=0;this.totalDragDist=0;this.selectedMeshName="";this.pickFbo=null;this.pickTexture=null;this.pickDepth=null;this.pickFboWidth=0;this.pickFboHeight=0;this.animFrameId=null;this.isVisible=!0;this.xrSessionActive=!1;this.lastTime=0;this.lastReportedTheta=-999;this.lastReportedPhi=-999;this.lastReportedZoom=-999;this.boundPointerDown=null;this.boundPointerMove=null;this.boundPointerUp=null;this.boundWheel=null;this.boundKeyDown=null;this.boundContextMenu=null;this.boundSetCamera=null;this.boundResetCamera=null;this.stereoSBS=!1;this.renderErrorReported=!1;this.xrDepthState={enabled:!1,texture:null,uvTransform:W(),rawValueToMeters:.001,format:0};this.container=t;let i,s;if(e&&typeof e.getContext=="function"?(i=e,s=r):(s=e,i=s?.canvas),!i){let c=t.querySelector("canvas");c||(c=document.createElement("canvas"),c.style.width="100%",c.style.height="100%",c.style.display="block",c.style.touchAction="none",t.prepend(c)),i=c}this.canvas=i,this.opts=s||{},this.opts.clearColor&&(this.clearColor=this.opts.clearColor);let a=typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.opts.autoRotate!==void 0?this.autoRotate=this.opts.autoRotate&&!a:a&&(this.autoRotate=!1),this.opts.autoRotateSpeed!==void 0&&(this.autoRotateSpeed=this.opts.autoRotateSpeed),this.opts.autoRotateDelay!==void 0&&(this.autoRotateDelay=Math.max(0,Number(this.opts.autoRotateDelay)||0)),this.opts.exposure!==void 0&&(this.envIntensity=Math.max(0,Number(this.opts.exposure))),this.opts.camera&&this.setInitialCamera(this.opts.camera.theta,this.opts.camera.phi,this.opts.camera.distance,this.opts.camera.zoom),this.opts.shadowIntensity!==void 0&&(this.shadowIntensity=Math.max(0,Math.min(1,Number(this.opts.shadowIntensity)||0))),this.opts.shadowSoftness!==void 0&&(this.shadowSoftness=Math.max(0,Math.min(1,Number(this.opts.shadowSoftness)||0))),this.opts.toneMapping!==void 0&&(this.toneMapping=this.opts.toneMapping),this.opts.autoplay!==void 0&&(this.autoplay=this.opts.autoplay),this.opts.animationName!==void 0&&(this.animationName=this.opts.animationName),this.opts.variantName!==void 0&&(this.activeVariantName=this.opts.variantName||null),this.opts.fieldOfView!==void 0&&(this.fov=this.opts.fieldOfView*Math.PI/180),this.opts.distanceMode!==void 0&&(this.distanceMode=this.opts.distanceMode),this.opts.cameraTarget!==void 0&&(this.setTarget(this.opts.cameraTarget[0],this.opts.cameraTarget[1],this.opts.cameraTarget[2]),this.initialCustomTarget=[...this.opts.cameraTarget]),(this.opts.minCameraOrbit||this.opts.maxCameraOrbit)&&this.setOrbitLimits({minTheta:this.opts.minCameraOrbit?.theta,maxTheta:this.opts.maxCameraOrbit?.theta,minPhi:this.opts.minCameraOrbit?.phi,maxPhi:this.opts.maxCameraOrbit?.phi,minDistance:this.opts.minCameraOrbit?.distance,maxDistance:this.opts.maxCameraOrbit?.distance});let l=i.getContext("webgl2",{antialias:!0,alpha:!0,xrCompatible:!0});if(!l)throw new Error("WebGL2 not supported");this.gl=l;let o=je();this.renderProg=De(l,ze,o.fs),this.pickProg=De(l,dt,pt),this.uRender=Le(l,this.renderProg,o.uniforms),this.uPick=Le(l,this.pickProg,["uMVP","uColorId"]),this.setupPickingFbo(),this.setupEvents(),this.opts.environmentImage&&this.setEnvironmentImage(this.opts.environmentImage).catch(()=>{}),typeof requestAnimationFrame<"u"&&this.opts.autoStart!==!1&&this.start()}static registerDecoder(t,e){lt(t,e)}static getDecoder(t){return de(t)}setupPickingFbo(){let t=this.gl;if(typeof t.createFramebuffer!="function")return;this.pickFbo=t.createFramebuffer(),this.pickTexture=t.createTexture(),this.pickDepth=t.createRenderbuffer();let e=Math.max(1,this.canvas.width),r=Math.max(1,this.canvas.height);this.pickFboWidth=e,this.pickFboHeight=r,t.bindTexture(3553,this.pickTexture),t.texImage2D(3553,0,6408,e,r,0,6408,5121,null),t.texParameteri(3553,10241,9728),t.texParameteri(3553,10240,9728),t.bindRenderbuffer(36161,this.pickDepth),t.renderbufferStorage(36161,33189,e,r),t.bindFramebuffer(36160,this.pickFbo),t.framebufferTexture2D(36160,36064,3553,this.pickTexture,0),t.framebufferRenderbuffer(36160,36096,36161,this.pickDepth),t.bindFramebuffer(36160,null)}resizePickingFbo(t,e){if(!this.pickFbo)return;let r=this.gl,i=Math.max(1,t),s=Math.max(1,e);this.pickFboWidth=i,this.pickFboHeight=s,r.bindTexture(3553,this.pickTexture),r.texImage2D(3553,0,6408,i,s,0,6408,5121,null),r.bindRenderbuffer(36161,this.pickDepth),r.renderbufferStorage(36161,33189,i,s)}loadGLBData(t,e){let{meshes:r,bounds:i,lights:s,animations:a,worldMatrices:l,gpuTextures:o,availableVariants:c}=He(this.gl,t,e,()=>this.render());if(this.disposeMeshGpuResources(),this.meshes=r,this.bounds=i,this.turntableRotation=0,this.updateTurntableMatrix(),this.lights=s,this.animations=a||[],this.worldMatrices=l||[],this.gpuTextures=o||[],this.availableVariants=c||[],this.gltf=t.gltf,this.activeVariantName&&this.applyVariantMaterial(this.activeVariantName),this.initialNodeTransforms=[],Array.isArray(t.gltf?.nodes))for(let h of t.gltf.nodes)this.initialNodeTransforms.push({t:h.translation?[h.translation[0],h.translation[1],h.translation[2]]:[0,0,0],r:h.rotation?[h.rotation[0],h.rotation[1],h.rotation[2],h.rotation[3]]:[0,0,0,1],s:h.scale?[h.scale[0],h.scale[1],h.scale[2]]:[1,1,1]});this.autoplay&&this.animations.length>0&&this.playAnimation(this.animationName||void 0);for(let h of Z)h.onLoadModel?.(this,this.gltf);this.customDistance||(this.initialDistance=this.distanceMode==="absolute"?3:i.radius*2.5,this.targetDistance=this.initialDistance,this.currDistance=this.initialDistance);let u=t.exposure??t.environmentIntensity??t.gltf?.extras?.exposure??t.gltf?.extras?.environmentIntensity??t.gltf?.asset?.extras?.exposure??t.gltf?.asset?.extras?.environmentIntensity;u!==void 0&&(this.envIntensity=Math.max(0,Number(u))),this.container&&typeof this.container.hasAttribute=="function"&&this.container.hasAttribute("poster")&&this.container.removeAttribute("poster"),this.resize(),this.update(0),this.render(),this.animFrameId===null&&typeof requestAnimationFrame<"u"&&this.opts.autoStart!==!1&&this.start()}loadGLB(t){this.loadGLBData(Xe(t))}clearScene(){this.disposeMeshGpuResources(),this.lights=[],this.animations=[],this.currentClip=null,this.isPlayingAnimation=!1,this.worldMatrices=[],this.gltf=null,this.initialNodeTransforms=[],this.turntableRotation=0,this.updateTurntableMatrix(),this.gl&&this.render()}loadModel(t){this.loadGLBData(pe(t))}setBackdropGLB(t,e){if(this.disposeMeshListGpuResources(this.backdropMeshes),this.backdropMeshes=[],!t){this.update(0),this.render();return}let r=pe(t),{meshes:i}=He(this.gl,r,$e,()=>this.render());if(e)for(let s of i)s.transform[12]+=e[0],s.transform[13]+=e[1],s.transform[14]+=e[2],ce(s.normalMatrix,s.transform);this.backdropMeshes=i,this.update(0),this.render()}setClearColor(t,e,r,i=1){this.clearColor=[t,e,r,i]}updateMeshTransforms(t){for(let e=0;e<this.meshes.length;e++){let r=this.meshes[e],i;t instanceof Map?i=t.get(r.name)??t.get(e):Array.isArray(t)?i=t[e]:t&&typeof t=="object"&&(Object.prototype.hasOwnProperty.call(t,r.name)?i=t[r.name]:Object.prototype.hasOwnProperty.call(t,e)&&(i=t[e])),i&&i.length===16&&(r.transform.set(i),ce(r.normalMatrix,r.transform))}}bindLights(t=this.uRender){let e=this.gl,r=[.28,.28,.28],i=[],s=[],a=[],l=[];for(let o of this.lights){let c=o.color||[1,1,1],u=o.intensity!==void 0?o.intensity:1;if(o.type==="ambient")r=[c[0]*u,c[1]*u,c[2]*u];else if(o.type==="directional"&&i.length<6){let h=o.direction||[.5,1,.8];i.push(h[0],h[1],h[2]),s.push(c[0]*u,c[1]*u,c[2]*u)}else if(o.type==="point"&&a.length<6){let h=o.position||[0,0,0];a.push(h[0],h[1],h[2]),l.push(c[0]*u,c[1]*u,c[2]*u)}}i.length===0&&(i.push(.5,1,.8),s.push(1,1,1)),e.uniform3fv(t.uAmbientColor,r),e.uniform1i(t.uNumDirLights,i.length/3),i.length>0&&(e.uniform3fv(t.uDirLightDir,i),e.uniform3fv(t.uDirLightColor,s)),e.uniform1i(t.uNumPointLights,a.length/3),a.length>0&&(e.uniform3fv(t.uPointLightPos,a),e.uniform3fv(t.uPointLightColor,l)),e.uniform1f(t.uEnvIntensity,this.envIntensity)}setExposure(t){this.envIntensity=Math.max(0,Number(t))}getExposure(){return this.envIntensity}setShadow(t,e){this.shadowIntensity=Math.max(0,Math.min(1,Number(t)||0)),e!==void 0&&(this.shadowSoftness=Math.max(0,Math.min(1,Number(e)||0)))}getShadowIntensity(){return this.shadowIntensity}getShadowSoftness(){return this.shadowSoftness}setToneMapping(t){this.toneMapping=t}getToneMapping(){return this.toneMapping}async setEnvironmentImage(t){for(let e of Z)if(e.setEnvironmentImage){await e.setEnvironmentImage(this,t);return}}async setSkyboxImage(t){for(let e of Z)if(e.setSkyboxImage){await e.setSkyboxImage(this,t);return}}setInteractive(t){this.interactive=t}isInteractive(){return this.interactive}getCameraOrbit(){let t=this.currTheta,e=this.currPhi,r=this.currDistance;return{theta:t,phi:e,radius:r,toString(){return`${t.toFixed(4)}rad ${e.toFixed(4)}rad ${r.toFixed(4)}m`}}}getCameraTarget(){let t=this.customTarget||this.bounds.center;return{x:t[0],y:t[1],z:t[2],toString(){return`${t[0].toFixed(4)}m ${t[1].toFixed(4)}m ${t[2].toFixed(4)}m`}}}jumpCameraToGoal(){this.currTheta=this.targetTheta,this.currPhi=this.targetPhi,this.currDistance=this.targetDistance,this.update(0),this.render()}getModelMaterials(){let t=this.gltf?.materials?.length?this.gltf.materials:[{name:"DefaultMaterial",pbrMetallicRoughness:{}}];return t.map((e,r)=>{let i=this.meshes.flatMap(u=>u.primitives.filter(h=>h.materialIndex===r||t.length===1&&h.materialIndex===void 0)),s=i[0],a=s?[...s.baseColor]:e.pbrMetallicRoughness?.baseColorFactor||[.8,.8,.8,1],l=s?s.metallic:e.pbrMetallicRoughness?.metallicFactor??.1,o=s?s.roughness:e.pbrMetallicRoughness?.roughnessFactor??.5,c={baseColorFactor:a,metallicFactor:l,roughnessFactor:o,setBaseColorFactor:u=>{let h=[u[0],u[1],u[2],u[3]??1];c.baseColorFactor=h,e.pbrMetallicRoughness&&(e.pbrMetallicRoughness.baseColorFactor=h);for(let x of i)x.baseColor=h;this.render()},setMetallicFactor:u=>{c.metallicFactor=u,e.pbrMetallicRoughness&&(e.pbrMetallicRoughness.metallicFactor=u);for(let h of i)h.metallic=u;this.render()},setRoughnessFactor:u=>{c.roughnessFactor=u,e.pbrMetallicRoughness&&(e.pbrMetallicRoughness.roughnessFactor=u);for(let h of i)h.roughness=u;this.render()}};return{name:e.name||`Material_${r}`,pbrMetallicRoughness:c}})}playAnimation(t){if(this.animations.length!==0){if(t){let e=this.animations.find(r=>r.name===t);e&&(this.currentClip=e)}else this.currentClip||(this.currentClip=this.animations[0]);this.isPlayingAnimation=!0}}pauseAnimation(){this.isPlayingAnimation=!1}getAvailableAnimations(){return this.animations.map(t=>t.name)}getAvailableVariants(){return[...this.availableVariants]}getVariantName(){return this.activeVariantName}selectVariant(t){let e=this.applyVariantMaterial(t);return e&&this.gl&&this.render(),e}applyVariantMaterial(t){let e=t===null||t===""||t==="default",r=-1;if(e)this.activeVariantName=null;else{if(r=this.availableVariants.indexOf(t),r<0)return!1;this.activeVariantName=t}let i=this.gltf?.materials;if(!Array.isArray(i))return e;for(let s of this.meshes)for(let a of s.primitives){let l=a.defaultMaterialIndex;if(!e&&Array.isArray(a.variantMappings)){for(let h of a.variantMappings)if(Array.isArray(h.variants)&&h.variants.includes(r)){l=h.material;break}}if(l===void 0||!i[l]){a.materialIndex=void 0,a.baseColor=[.8,.8,.8,1],a.metallic=.1,a.roughness=.5,a.clearcoat=0,a.clearcoatRoughness=.04,a.texture=null,a.metallicRoughnessTexture=null,a.normalTexture=null,a.normalScale=1,a.occlusionTexture=null,a.occlusionStrength=1,a.isTransmissive=!1;continue}let o=i[l];a.materialIndex=l;let c=o.pbrMetallicRoughness;a.baseColor=c?.baseColorFactor?[c.baseColorFactor[0],c.baseColorFactor[1],c.baseColorFactor[2],c.baseColorFactor[3]??1]:[.8,.8,.8,1],a.metallic=c?.metallicFactor??.1,a.roughness=c?.roughnessFactor??.5;let u=o.extensions?.KHR_materials_clearcoat;a.clearcoat=u?u.clearcoatFactor??1:0,a.clearcoatRoughness=Math.max(.04,u?.clearcoatRoughnessFactor??.04),a.texture=c?.baseColorTexture!==void 0&&this.gpuTextures[c.baseColorTexture.index]?this.gpuTextures[c.baseColorTexture.index]:null,a.metallicRoughnessTexture=c?.metallicRoughnessTexture!==void 0&&this.gpuTextures[c.metallicRoughnessTexture.index]?this.gpuTextures[c.metallicRoughnessTexture.index]:null,a.normalTexture=o.normalTexture!==void 0&&this.gpuTextures[o.normalTexture.index]?this.gpuTextures[o.normalTexture.index]:null,a.normalScale=o.normalTexture?.scale??1,a.occlusionTexture=o.occlusionTexture!==void 0&&this.gpuTextures[o.occlusionTexture.index]?this.gpuTextures[o.occlusionTexture.index]:null,a.occlusionStrength=o.occlusionTexture?.strength??1,a.isTransmissive=!!(o.extensions?.KHR_materials_transmission||a.pluginData?.materials?.isTransmissive)}return!0}setAutoplay(t){this.autoplay=t,t?this.playAnimation(this.animationName||void 0):this.pauseAnimation()}setAnimationName(t){this.animationName=t,(this.isPlayingAnimation||this.autoplay)&&this.playAnimation(t)}evaluateAnimation(t){for(let e of Z)if(e.evaluateAnimation){e.evaluateAnimation(this,t);return}}setTarget(t,e,r){this.customTarget=[t,e,r],this.gl&&(this.meshes.length>0||this.backdropMeshes.length>0)&&(this.update(0),this.render())}getTarget(){return this.customTarget?[...this.customTarget]:null}setFieldOfView(t){let e=Math.max(10,Math.min(90,t));this.fov=e*Math.PI/180}getFieldOfView(){return this.fov*180/Math.PI}setDistanceMode(t){if(this.distanceMode=t,!this.customDistance){let e=this.clampDistance(this.distanceMode==="absolute"?3:this.bounds.radius*2.5);this.initialDistance=e,this.targetDistance=e,this.currDistance=e,this.gl&&(this.meshes.length>0||this.backdropMeshes.length>0)&&(this.update(0),this.render())}}getDistanceMode(){return this.distanceMode}setOrbitLimits(t){t.minTheta!==void 0&&(this.minTheta=t.minTheta*Math.PI/180),t.maxTheta!==void 0&&(this.maxTheta=t.maxTheta*Math.PI/180),t.minPhi!==void 0&&(this.minPhi=Math.max(-Math.PI*.48,t.minPhi*Math.PI/180)),t.maxPhi!==void 0&&(this.maxPhi=Math.min(Math.PI*.48,t.maxPhi*Math.PI/180)),t.minDistance!==void 0&&(this.minDistanceLimit=t.minDistance),t.maxDistance!==void 0&&(this.maxDistanceLimit=t.maxDistance),this.targetTheta=this.clampTheta(this.targetTheta),this.targetPhi=this.clampPhi(this.targetPhi),this.targetDistance=this.clampDistance(this.targetDistance)}getOrbitLimits(){return{minTheta:isFinite(this.minTheta)?this.minTheta*180/Math.PI:void 0,maxTheta:isFinite(this.maxTheta)?this.maxTheta*180/Math.PI:void 0,minPhi:this.minPhi*180/Math.PI,maxPhi:this.maxPhi*180/Math.PI,minDistance:this.minDistanceLimit!==null?this.minDistanceLimit:void 0,maxDistance:this.maxDistanceLimit!==null?this.maxDistanceLimit:void 0}}clampTheta(t){return Math.max(this.minTheta,Math.min(this.maxTheta,t))}clampPhi(t){return Math.max(this.minPhi,Math.min(this.maxPhi,t))}clampDistance(t){let e=this.minDistanceLimit!==null?this.minDistanceLimit:this.bounds?this.bounds.radius*.5:.1,r=this.maxDistanceLimit!==null?this.maxDistanceLimit:this.bounds?this.bounds.radius*8:100;return Math.max(e,Math.min(r,t))}setCamera(t,e,r,i){t!==void 0&&(this.targetTheta=this.clampTheta(t*Math.PI/180)),e!==void 0&&(this.targetPhi=this.clampPhi(e*Math.PI/180)),r!==void 0&&r>0&&(this.targetDistance=this.clampDistance(r)),i!==void 0&&i>0&&(this.targetDistance=this.clampDistance(this.bounds.radius*2.5/i))}setInitialCamera(t,e,r,i){if(t!==void 0&&(this.initialTheta=this.clampTheta(t*Math.PI/180),this.targetTheta=this.initialTheta,this.currTheta=this.initialTheta),e!==void 0&&(this.initialPhi=this.clampPhi(e*Math.PI/180),this.targetPhi=this.initialPhi,this.currPhi=this.initialPhi),r!==void 0&&r>0){let s=this.clampDistance(r);this.initialDistance=s,this.customDistance=!0,this.targetDistance=s,this.currDistance=s}else if(i!==void 0&&i>0){let s=this.clampDistance(this.bounds.radius*2.5/i);this.initialDistance=s,this.customDistance=!0,this.targetDistance=s,this.currDistance=s}else{this.customDistance=!1;let s=this.clampDistance(this.distanceMode==="absolute"?3:this.bounds.radius*2.5);this.initialDistance=s,this.targetDistance=s,this.currDistance=s}this.gl&&(this.meshes.length>0||this.backdropMeshes.length>0)&&(this.update(0),this.render())}resetCamera(){this.targetTheta=this.clampTheta(this.initialTheta),this.targetPhi=this.clampPhi(this.initialPhi),this.initialDistance!==null?this.targetDistance=this.clampDistance(this.initialDistance):this.targetDistance=this.clampDistance(this.bounds.radius*2.5),this.initialCustomTarget?this.customTarget=[...this.initialCustomTarget]:this.customTarget=null,this.turntableRotation=0,this.updateTurntableMatrix()}projectPointToScreen(t,e){let r=W();Q(r,this.projMatrix,this.viewMatrix);let[i,s,a]=t,l=e?e[0]:0,o=e?e[1]:0,c=e?e[2]:0,u=this.modelRootMatrix;u&&(i=u[0]*t[0]+u[4]*t[1]+u[8]*t[2]+u[12],s=u[1]*t[0]+u[5]*t[1]+u[9]*t[2]+u[13],a=u[2]*t[0]+u[6]*t[1]+u[10]*t[2]+u[14],e&&(l=u[0]*e[0]+u[4]*e[1]+u[8]*e[2],o=u[1]*e[0]+u[5]*e[1]+u[9]*e[2],c=u[2]*e[0]+u[6]*e[1]+u[10]*e[2]));let h=r[0]*i+r[4]*s+r[8]*a+r[12],x=r[1]*i+r[5]*s+r[9]*a+r[13],y=r[2]*i+r[6]*s+r[10]*a+r[14],d=r[3]*i+r[7]*s+r[11]*a+r[15];if(d<=1e-4)return{x:0,y:0,z:1,visible:!1};let b=h/d,g=x/d,w=y/d,S=this.canvas.getBoundingClientRect(),T=S.width||this.canvas.clientWidth||this.canvas.width||300,M=S.height||this.canvas.clientHeight||this.canvas.height||150,v=(b*.5+.5)*T,m=(-g*.5+.5)*M,I=b>=-1.1&&b<=1.1&&g>=-1.1&&g<=1.1&&w>=-1&&w<=1;if(I&&e){let k=this.customTarget||this.bounds.center,C=k[0]+this.currDistance*Math.cos(this.currPhi)*Math.sin(this.currTheta),F=k[1]+this.currDistance*Math.sin(this.currPhi),E=k[2]+this.currDistance*Math.cos(this.currPhi)*Math.cos(this.currTheta),A=[i-C,s-F,a-E];l*A[0]+o*A[1]+c*A[2]>.05&&(I=!1)}return{x:v,y:m,z:w,visible:I}}setSelectedMesh(t){this.selectedMeshName=t||""}getSelectedMesh(){return this.selectedMeshName}setupEvents(){let t=this.canvas;this.boundContextMenu=e=>{e.preventDefault()},t.addEventListener("contextmenu",this.boundContextMenu),this.boundPointerDown=e=>{this.interactive&&(this.isPointerDown=!0,this.lastInteractionTime=typeof performance<"u"?performance.now():Date.now(),this.lastPointerX=e.clientX,this.lastPointerY=e.clientY,this.totalDragDist=0,this.activePointers.set(e.pointerId,{x:e.clientX,y:e.clientY}),this.isPanning=e.button===2||e.shiftKey||this.activePointers.size===2,t.setPointerCapture(e.pointerId))},t.addEventListener("pointerdown",this.boundPointerDown),this.boundPointerMove=e=>{if(!this.isPointerDown||!this.interactive)return;this.lastInteractionTime=typeof performance<"u"?performance.now():Date.now();let r=this.activePointers.get(e.pointerId)||{x:this.lastPointerX,y:this.lastPointerY},i=e.clientX-r.x,s=e.clientY-r.y;if(this.activePointers.set(e.pointerId,{x:e.clientX,y:e.clientY}),this.lastPointerX=e.clientX,this.lastPointerY=e.clientY,this.totalDragDist+=Math.hypot(i,s),this.isPanning||e.button===2||e.shiftKey||this.activePointers.size===2){let a=[this.viewMatrix[0],this.viewMatrix[4],this.viewMatrix[8]],l=[this.viewMatrix[1],this.viewMatrix[5],this.viewMatrix[9]],o=this.customTarget?[...this.customTarget]:[...this.bounds.center],c=this.currDistance/Math.max(t.clientHeight||300,1)*1.5;o[0]+=(-i*a[0]+s*l[0])*c,o[1]+=(-i*a[1]+s*l[1])*c,o[2]+=(-i*a[2]+s*l[2])*c,this.customTarget=o}else this.targetTheta=this.clampTheta(this.targetTheta-i*.008),this.targetPhi=this.clampPhi(this.targetPhi+s*.008)},t.addEventListener("pointermove",this.boundPointerMove),this.boundPointerUp=e=>{this.lastInteractionTime=typeof performance<"u"?performance.now():Date.now(),this.activePointers.delete(e.pointerId),this.activePointers.size===0?(this.isPointerDown=!1,this.isPanning=!1):this.activePointers.size===1&&(this.isPanning=!1);try{t.releasePointerCapture(e.pointerId)}catch{}if(this.totalDragDist<5&&e.button===0){let r=t.getBoundingClientRect(),i=Math.floor((e.clientX-r.left)*(t.width/Math.max(r.width,1))),s=Math.floor((e.clientY-r.top)*(t.height/Math.max(r.height,1)));this.performMeshPick(i,s,!0)}},t.addEventListener("pointerup",this.boundPointerUp),this.boundWheel=e=>{if(!this.interactive)return;e.preventDefault(),this.lastInteractionTime=typeof performance<"u"?performance.now():Date.now();let r=Math.exp(e.deltaY*.001);this.targetDistance=this.clampDistance(this.targetDistance*r)},t.addEventListener("wheel",this.boundWheel,{passive:!1}),this.boundSetCamera=e=>{let r=e.detail||{};r.reset?this.resetCamera():this.setCamera(r.theta,r.phi,r.distance,r.zoom)},this.container.addEventListener("setCamera",this.boundSetCamera),this.boundResetCamera=()=>{this.resetCamera()},this.container.addEventListener("resetCamera",this.boundResetCamera),t.tabIndex!==void 0&&t.tabIndex<0&&(t.tabIndex=0),t.getAttribute?.("role")||t.setAttribute?.("role","region"),t.getAttribute?.("aria-label")||t.setAttribute?.("aria-label","Interactive 3D model viewport"),this.boundKeyDown=e=>{if(!this.interactive)return;let r=typeof performance<"u"?performance.now():Date.now();switch(e.key){case"ArrowLeft":this.lastInteractionTime=r,this.targetTheta=this.clampTheta(this.targetTheta-.1),e.preventDefault();break;case"ArrowRight":this.lastInteractionTime=r,this.targetTheta=this.clampTheta(this.targetTheta+.1),e.preventDefault();break;case"ArrowUp":this.lastInteractionTime=r,this.targetPhi=this.clampPhi(this.targetPhi+.08),e.preventDefault();break;case"ArrowDown":this.lastInteractionTime=r,this.targetPhi=this.clampPhi(this.targetPhi-.08),e.preventDefault();break;case"+":case"=":{this.lastInteractionTime=r,this.targetDistance=this.clampDistance(this.targetDistance*.9),e.preventDefault();break}case"-":case"_":{this.lastInteractionTime=r,this.targetDistance=this.clampDistance(this.targetDistance*1.1),e.preventDefault();break}case"Home":this.lastInteractionTime=r,this.resetCamera(),e.preventDefault();break}},t.addEventListener("keydown",this.boundKeyDown)}teardownEvents(){let t=this.canvas;this.boundContextMenu&&(t.removeEventListener("contextmenu",this.boundContextMenu),this.boundContextMenu=null),this.boundPointerDown&&(t.removeEventListener("pointerdown",this.boundPointerDown),this.boundPointerDown=null),this.boundPointerMove&&(t.removeEventListener("pointermove",this.boundPointerMove),this.boundPointerMove=null),this.boundPointerUp&&(t.removeEventListener("pointerup",this.boundPointerUp),this.boundPointerUp=null),this.boundWheel&&(t.removeEventListener("wheel",this.boundWheel),this.boundWheel=null),this.boundKeyDown&&(t.removeEventListener("keydown",this.boundKeyDown),this.boundKeyDown=null),this.boundSetCamera&&(this.container.removeEventListener("setCamera",this.boundSetCamera),this.boundSetCamera=null),this.boundResetCamera&&(this.container.removeEventListener("resetCamera",this.boundResetCamera),this.boundResetCamera=null)}raycastFromScreenPoint(t,e){let r=this.canvas,i=r.getBoundingClientRect(),s=r.width||300,a=r.height||300,l=i.width>0?Math.floor((t-i.left)*(s/i.width)):Math.floor(t),o=i.height>0?Math.floor((e-i.top)*(a/i.height)):Math.floor(e);return this.performMeshPick(l,o,!1)}performMeshPick(t,e,r=!0){if(this.meshes.length===0)return null;let i=this.gl,s=Math.max(1,this.canvas.width||300),a=Math.max(1,this.canvas.height||300);t=this.mapStereoPickX(t,s);let l=W();Q(l,this.projMatrix,this.viewMatrix);let o=[],c=Math.max(0,Math.min(s-1,t)),u=Math.max(0,Math.min(a-1,a-1-e));if(this.pickFbo&&i&&!this.xrSessionActive){(this.pickFboWidth!==s||this.pickFboHeight!==a)&&this.resizePickingFbo(s,a),i.bindFramebuffer(36160,this.pickFbo),i.viewport(0,0,s,a),i.enable(2929),i.clearColor(0,0,0,0),i.clear(16384|256),i.useProgram(this.pickProg);for(let k=0;k<this.meshes.length;k++){let C=this.meshes[k];if(C.visible===!1||C.isPluginMesh)continue;let F=k+1,E=(F&255)/255,A=(F>>8&255)/255,p=(F>>16&255)/255;i.uniform4f(this.uPick.uColorId,E,A,p,1),Q(this.modelMatrix,this.modelRootMatrix,C.transform);let R=C.instanceMatrices;if(R&&R.length>=16){let D=R.length>>4,f=W();for(let _ of C.primitives){i.bindVertexArray(_.vao);for(let P=0;P<D;P++)Q(f,this.modelMatrix,R.subarray(P*16,P*16+16)),Q(this.mvpMatrix,l,f),i.uniformMatrix4fv(this.uPick.uMVP,!1,this.mvpMatrix),_.indices?i.drawElements(4,_.indexCount,_.indexType,0):i.drawArrays(4,0,_.indexCount)}}else{Q(this.mvpMatrix,l,this.modelMatrix),i.uniformMatrix4fv(this.uPick.uMVP,!1,this.mvpMatrix);for(let D of C.primitives)i.bindVertexArray(D.vao),D.indices?i.drawElements(4,D.indexCount,D.indexType,0):i.drawArrays(4,0,D.indexCount)}}let m=new Uint8Array(4);i.readPixels(c,u,1,1,6408,5121,m),i.bindFramebuffer(36160,null);let I=m[0]+(m[1]<<8)+(m[2]<<16);I>0&&I<=this.meshes.length&&(o=[this.meshes[I-1]])}o.length===0&&(o=this.meshes.filter(m=>m.visible!==!1));let h=null,x=1/0,y=[0,0,0],d=[0,1,0],b=this.customTarget||this.bounds.center,g=b[0]+this.currDistance*Math.cos(this.currPhi)*Math.sin(this.currTheta),w=b[1]+this.currDistance*Math.sin(this.currPhi),S=b[2]+this.currDistance*Math.cos(this.currPhi)*Math.cos(this.currTheta),T=W();for(let m of o){Q(T,this.modelRootMatrix,m.transform);let I=m.instanceMatrices,k=I&&I.length>=16?I.length>>4:1;for(let C=0;C<k;C++){I&&I.length>=16?Q(this.modelMatrix,T,I.subarray(C*16,C*16+16)):this.modelMatrix.set(T),Q(this.mvpMatrix,l,this.modelMatrix);let F=W();if(!Ge(F,this.mvpMatrix))continue;let E=(c+.5)/s*2-1,A=(u+.5)/a*2-1,p=[0,0,0],R=[0,0,0];Se(p,E,A,-1,F),Se(R,E,A,1,F);let D=R[0]-p[0],f=R[1]-p[1],_=R[2]-p[2],P=Math.hypot(D,f,_)||1,j=D/P,V=f/P,Y=_/P,B={distance:1/0,point:[0,0,0],normal:[0,1,0]};if((X=>{for(let re of m.primitives){if(!re.positions)continue;let U=re.positions,N=re.indices,z=Math.floor(N?N.length/3:U.length/9);for(let $=0;$<z;$++){let ne=N?N[$*3]:$*3,se=N?N[$*3+1]:$*3+1,L=N?N[$*3+2]:$*3+2;_e(p[0],p[1],p[2],j,V,Y,U[ne*3],U[ne*3+1],U[ne*3+2],U[se*3],U[se*3+1],U[se*3+2],U[L*3],U[L*3+1],U[L*3+2],B,X)}}})(1e-4),isFinite(B.distance)){let X=B.point[0],re=B.point[1],U=B.point[2],N=this.modelMatrix,z=N[0]*X+N[4]*re+N[8]*U+N[12],$=N[1]*X+N[5]*re+N[9]*U+N[13],ne=N[2]*X+N[6]*re+N[10]*U+N[14],se=z-g,L=$-w,q=ne-S,he=Math.hypot(se,L,q);if(he<x){ce(this.normalMatrix,this.modelMatrix);let H=this.normalMatrix,fe=B.normal[0],be=B.normal[1],ge=B.normal[2],oe=H[0]*fe+H[3]*be+H[6]*ge,ue=H[1]*fe+H[4]*be+H[7]*ge,le=H[2]*fe+H[5]*be+H[8]*ge,ve=Math.hypot(oe,ue,le)||1;oe/=ve,ue/=ve,le/=ve,oe*se+ue*L+le*q>0&&(oe=-oe,ue=-ue,le=-le),h=m,x=Math.round(he*1e3)/1e3,y=[Math.round(z*1e3)/1e3,Math.round($*1e3)/1e3,Math.round(ne*1e3)/1e3],d=[Math.round(oe*1e3)/1e3,Math.round(ue*1e3)/1e3,Math.round(le*1e3)/1e3]}}}}if(!h)return null;let v={meshIndex:this.meshes.indexOf(h),meshName:h.name,nodeIndex:h.nodeIndex,distance:x,hitPoint:y,normal:d,screenX:t,screenY:e};if(r){for(let m of Z)m.onMeshSelect?.(this,v);this.opts.onMeshClick&&this.opts.onMeshClick(v),typeof CustomEvent<"u"&&typeof this.container.dispatchEvent=="function"&&this.container.dispatchEvent(new CustomEvent("meshClick",{bubbles:!0,detail:v}))}return v}mapStereoPickX(t,e){if(!this.stereoSBS||this.xrSessionActive||e<2)return t;let r=Math.max(1,Math.floor(e*.5)),i=t>=r,s=i?t-r:t,a=i?Math.max(1,e-r):r,l=(s+.5)/a*2-1;return Math.floor((l*.5+1)*.5*e)}setStereoSBS(t){this.stereoSBS=!!t,this.xrSessionActive||(this.syncCameraMatrices(),this.render())}syncCameraMatrices(){let t=Math.max(1,this.canvas.width||1)/Math.max(1,this.canvas.height||1),e=this.backdropMeshes.length>0?Math.max(this.bounds.radius*20,120):Math.max(this.bounds.radius*20,10);Re(this.projMatrix,this.fov,t,.1,e);let r=this.customTarget||this.bounds.center,i=r[0]+this.currDistance*Math.cos(this.currPhi)*Math.sin(this.currTheta),s=r[1]+this.currDistance*Math.sin(this.currPhi),a=r[2]+this.currDistance*Math.cos(this.currPhi)*Math.cos(this.currTheta);Ae(this.viewMatrix,[i,s,a],r,[0,1,0]),Q(this.mvpMatrix,this.projMatrix,this.viewMatrix),ce(this.normalMatrix,this.modelMatrix)}resize(){let t=Math.min((typeof window<"u"?window.devicePixelRatio:1)||1,2),e=this.canvas.getBoundingClientRect(),r=Math.max(1,Math.floor(e.width*t)),i=Math.max(1,Math.floor(e.height*t));this.canvas.width!==r||this.canvas.height!==i?(this.canvas.width=r,this.canvas.height=i,this.resizePickingFbo(r,i),this.xrSessionActive||this.syncCameraMatrices()):!this.xrSessionActive&&this.projMatrix[0]===0&&this.syncCameraMatrices()}getGLContext(){return this.gl}setXRSessionActive(t){let e=this.xrSessionActive;if(this.xrSessionActive=t,e&&!t){this.xrDepthState.enabled=!1;for(let r of Z)r.onXRSessionEnd?.(this);if(this.lastTime=typeof performance<"u"?performance.now():Date.now(),this.updateTurntableMatrix(),this.isVisible)try{this.resize(),this.syncCameraMatrices(),this.render()}catch(r){this.reportRenderError(r)}}}reportRenderError(t){this.renderErrorReported||(this.renderErrorReported=!0,typeof console<"u"&&console.warn("[three-live] render frame failed:",t))}stepXRUpdate(t){for(let e of Z)e.onUpdate?.(this,t)}start(){if(this.animFrameId!==null)return;this.lastTime=typeof performance<"u"?performance.now():Date.now();let t=e=>{if(this.animFrameId===null)return;let r=Math.min(Math.max((e-this.lastTime)/1e3,0),.1);if(this.lastTime=e,this.isVisible&&!this.xrSessionActive)try{this.resize(),this.update(r),this.render()}catch(i){this.reportRenderError(i)}this.animFrameId!==null&&(this.animFrameId=requestAnimationFrame(t))};this.animFrameId=requestAnimationFrame(t)}stop(){this.animFrameId!==null&&(cancelAnimationFrame(this.animFrameId),this.animFrameId=null)}setAutoRotate(t){this.autoRotate=t}getAutoRotate(){return this.autoRotate}setAutoRotateSpeed(t){this.autoRotateSpeed=t}getAutoRotateSpeed(){return this.autoRotateSpeed}setAutoRotateDelay(t){this.autoRotateDelay=Math.max(0,Number(t)||0)}getAutoRotateDelay(){return this.autoRotateDelay}resetTurntableRotation(t=0){this.turntableRotation=Number(t)||0,this.updateTurntableMatrix(),this.render()}updateTurntableMatrix(){let t=Math.cos(this.turntableRotation),e=Math.sin(this.turntableRotation),r=this.bounds.center[0],i=this.bounds.center[2],s=this.modelRootMatrix;s[0]=t,s[1]=0,s[2]=-e,s[3]=0,s[4]=0,s[5]=1,s[6]=0,s[7]=0,s[8]=e,s[9]=0,s[10]=t,s[11]=0,s[12]=r-(t*r+e*i),s[13]=0,s[14]=i-(-e*r+t*i),s[15]=1}setVisible(t){this.isVisible=t}update(t){for(let a of Z)a.onUpdate?.(this,t);let e=typeof performance<"u"?performance.now():Date.now();if(!this.isPointerDown&&this.autoRotate&&e-this.lastInteractionTime>=this.autoRotateDelay){this.turntableRotation+=this.autoRotateSpeed*t,this.updateTurntableMatrix();for(let a of Z)a.onCameraChange?.(this,this.container)}this.currTheta+=(this.targetTheta-this.currTheta)*.12,this.currPhi+=(this.targetPhi-this.currPhi)*.12,this.currDistance+=(this.targetDistance-this.currDistance)*.12,this.syncCameraMatrices();let r=Math.round((this.currTheta*180/Math.PI%360+360)%360),i=Math.round(this.currPhi*180/Math.PI),s=Math.round(this.bounds.radius*2.5/this.currDistance*100)/100;if(Math.abs(r-this.lastReportedTheta)>=1||Math.abs(i-this.lastReportedPhi)>=1||Math.abs(s-this.lastReportedZoom)>=.02){this.lastReportedTheta=r,this.lastReportedPhi=i,this.lastReportedZoom=s;let a={theta:r,phi:i,zoom:s,distance:Math.round(this.currDistance*100)/100};this.opts.onCameraChange&&this.opts.onCameraChange(a),typeof CustomEvent<"u"&&typeof this.container.dispatchEvent=="function"&&this.container.dispatchEvent(new CustomEvent("cameraChange",{bubbles:!0,detail:a}))}}renderXRView(t,e,r,i,s=!0,a=0){this.onBeforeRenderXRView&&this.onBeforeRenderXRView(t);let l=t?.transform?.inverse?.matrix||this.viewMatrix,o=t?.projectionMatrix||this.projMatrix,c=t?.transform?.position,u=c?[c.x,c.y,c.z]:[0,1.6,0];e?this.modelRootMatrix.set(e):r&&e&&this.modelRootMatrix.set(e),this.render({viewMatrix:l,projMatrix:o,eyePos:u,viewport:i,eye:t?.eye||"none",clear:a>0?!1:t?.eye!=="right",isAR:s})}render(t){if(!t&&this.stereoSBS){let M=Math.max(2,this.canvas.width||2),v=Math.max(1,this.canvas.height||1),m=Math.max(1,Math.floor(M*.5)),I=Math.max(1,M-m),k=this.backdropMeshes.length>0?Math.max(this.bounds.radius*20,120):Math.max(this.bounds.radius*20,10),C=this.customTarget||this.bounds.center,F=C[0]+this.currDistance*Math.cos(this.currPhi)*Math.sin(this.currTheta),E=C[1]+this.currDistance*Math.sin(this.currPhi),A=C[2]+this.currDistance*Math.cos(this.currPhi)*Math.cos(this.currTheta),p=Math.cos(this.currTheta),R=-Math.sin(this.currTheta),D=.032,f=W(),_=W(),P=[F-p*D,E,A-R*D],j=[C[0]-p*D*.25,C[1],C[2]-R*D*.25];Re(f,this.fov,m/v,.1,k),Ae(_,P,j,[0,1,0]);let V=W(),Y=W(),B=[F+p*D,E,A+R*D],O=[C[0]+p*D*.25,C[1],C[2]+R*D*.25];Re(V,this.fov,I/v,.1,k),Ae(Y,B,O,[0,1,0]),this.render({viewMatrix:_,projMatrix:f,eyePos:P,viewport:[0,0,m,v],eye:"left",clear:!0,isAR:!1}),this.render({viewMatrix:Y,projMatrix:V,eyePos:B,viewport:[m,0,I,v],eye:"right",clear:!1,isAR:!1}),this.gl.viewport(0,0,M,v);return}let e=this.gl,r=0,i=0,s=this.canvas.width,a=this.canvas.height;t?.viewport?(r=t.viewport[0],i=t.viewport[1],s=t.viewport[2],a=t.viewport[3],e.viewport(r,i,s,a)):e.viewport(0,0,this.canvas.width,this.canvas.height),e.enable(2929),(!t||t.clear!==!1)&&(t?.isAR?e.clearColor(0,0,0,0):e.clearColor(this.clearColor[0],this.clearColor[1],this.clearColor[2],this.clearColor[3]),e.clear(16384|256));let l=W(),o=t?.viewMatrix??this.viewMatrix;Q(l,t?.projMatrix??this.projMatrix,o);let c=K().xrDepthShader,u=this.toneMapping==="reinhard"?1:this.toneMapping==="none"?2:this.toneMapping==="aces"?3:this.toneMapping==="agx"?4:0,h=this.customTarget||this.bounds.center,x=t?t.eyePos[0]:h[0]+this.currDistance*Math.cos(this.currPhi)*Math.sin(this.currTheta),y=t?t.eyePos[1]:h[1]+this.currDistance*Math.sin(this.currPhi),d=t?t.eyePos[2]:h[2]+this.currDistance*Math.cos(this.currPhi)*Math.cos(this.currTheta);for(let M of Z)M.onBeforeDrawScene?.(this,e,l,[x,y,d],u);let b=t?.isAR?0:this.backdropMeshes.length;if(this.meshes.length===0&&b===0)return;let g=t?.eye||"none",w=!1,S=b>0?[...this.backdropMeshes,...this.meshes]:this.meshes,T=M=>{for(let v=0;v<S.length;v++){let m=S[v];if(m.visible===!1)continue;let I=this.selectedMeshName!==""&&m.name===this.selectedMeshName;v<b||m.worldSpace===!0||m.name==="__xr_reticle__"?this.modelMatrix.set(m.transform):Q(this.modelMatrix,this.modelRootMatrix,m.transform),Q(this.mvpMatrix,l,this.modelMatrix),ce(m.normalMatrix,this.modelMatrix);let k=m.extras?.xr?.stereo||m.userData?.xr?.stereo,C=0,F=0,E=1,A=1;k==="sbs"?(E=.5,C=g==="right"?.5:0):k==="ou"&&(A=.5,F=g==="right"?.5:0);for(let p of m.primitives){let R=!!p.isTransmissive;if(!M&&R){w=!0;continue}if(M&&!R)continue;let D=p.customProgram||this.renderProg,f=p.customUniforms||this.uRender;e.useProgram(D),e.uniform1i(f.uToneMapping,u),e.uniform1f(f.uEnvIntensity,this.envIntensity),e.uniform3f(f.uCameraPos,x,y,d),e.uniform1f(f.uEmissive,I?1:0),e.uniformMatrix4fv(f.uMVP,!1,this.mvpMatrix),e.uniformMatrix4fv(f.uModel,!1,this.modelMatrix),e.uniformMatrix3fv(f.uNormalMatrix,!1,m.normalMatrix),f.uUvTransform&&e.uniform4f(f.uUvTransform,C,F,E,A),f.uViewportSize&&e.uniform2f(f.uViewportSize,Math.max(1,s),Math.max(1,a)),c?.bind(e,f,this.xrDepthState,o,[r,i,Math.max(1,s),Math.max(1,a)]),this.environmentTexture?(e.activeTexture(33988),e.bindTexture(3553,this.environmentTexture),e.uniform1i(f.uEnvironmentMap,4),e.uniform1i(f.uHasEnvironmentMap,1)):e.uniform1i(f.uHasEnvironmentMap,0),this.bindLights(f),f.uSectionEnabled&&e.uniform1i(f.uSectionEnabled,0);for(let P of Z)P.onBeforeDrawPrimitive?.(e,D,p,m,this.worldMatrices||[],this.gltf);e.uniform4fv(f.uBaseColor,p.baseColor),e.uniform1f(f.uMetallic,p.metallic),e.uniform1f(f.uRoughness,p.roughness),f.uClearcoat&&e.uniform2f(f.uClearcoat,p.clearcoat??0,p.clearcoatRoughness??.04),p.texture?(e.activeTexture(33984),e.bindTexture(3553,p.texture),e.uniform1i(f.uBaseColorTexture,0),e.uniform1i(f.uHasTexture,1)):e.uniform1i(f.uHasTexture,0),p.metallicRoughnessTexture?(e.activeTexture(33985),e.bindTexture(3553,p.metallicRoughnessTexture),e.uniform1i(f.uMetallicRoughnessTexture,1),e.uniform1i(f.uHasMetallicRoughnessTexture,1)):e.uniform1i(f.uHasMetallicRoughnessTexture,0),p.normalTexture?(e.activeTexture(33986),e.bindTexture(3553,p.normalTexture),e.uniform1i(f.uNormalTexture,2),e.uniform1i(f.uHasNormalTexture,1),e.uniform1f(f.uNormalScale,p.normalScale)):e.uniform1i(f.uHasNormalTexture,0),p.occlusionTexture?(e.activeTexture(33987),e.bindTexture(3553,p.occlusionTexture),e.uniform1i(f.uOcclusionTexture,3),e.uniform1i(f.uHasOcclusionTexture,1),e.uniform1f(f.uOcclusionStrength,p.occlusionStrength)):e.uniform1i(f.uHasOcclusionTexture,0),e.bindVertexArray(p.vao);let _=m.instanceMatrices;if(_&&_.length>=16){let P=_.length>>4,j=m.instanceColors,V=W(),Y=new Float32Array(9),B=[p.baseColor[0],p.baseColor[1],p.baseColor[2],p.baseColor[3]];for(let O=0;O<P;O++)Q(V,this.modelMatrix,_.subarray(O*16,O*16+16)),Q(this.mvpMatrix,l,V),ce(Y,V),e.uniformMatrix4fv(f.uMVP,!1,this.mvpMatrix),e.uniformMatrix4fv(f.uModel,!1,V),e.uniformMatrix3fv(f.uNormalMatrix,!1,Y),j&&(B[0]=p.baseColor[0]*j[O*3],B[1]=p.baseColor[1]*j[O*3+1],B[2]=p.baseColor[2]*j[O*3+2],B[3]=p.baseColor[3],e.uniform4fv(f.uBaseColor,B)),p.indices?e.drawElements(4,p.indexCount,p.indexType,0):e.drawArrays(4,0,p.indexCount)}else p.indices?e.drawElements(4,p.indexCount,p.indexType,0):e.drawArrays(4,0,p.indexCount)}}};if(T(!1),w){for(let M of Z)M.onBeforeTransmissivePass?.(e,this);T(!0)}for(let M of Z)M.onAfterRender?.(e,this,l)}disposeMeshListGpuResources(t,e){let r=this.gl,i=new Set,s=a=>{a&&!i.has(a)&&(i.add(a),r.deleteTexture(a))};for(let a of t)for(let l of a.primitives){if(l.vao&&r.deleteVertexArray(l.vao),l.buffers)for(let o of l.buffers)r.deleteBuffer(o);s(l.texture),s(l.metallicRoughnessTexture),s(l.normalTexture),s(l.occlusionTexture),l.customProgram&&r.deleteProgram(l.customProgram)}if(e)for(let a of e)s(a)}disposeMeshGpuResources(){this.disposeMeshListGpuResources(this.meshes,this.gpuTextures),this.meshes=[],this.gpuTextures=[],this.availableVariants=[]}disposeGpuResources(){let t=this.gl;this.disposeMeshGpuResources(),this.disposeMeshListGpuResources(this.backdropMeshes),this.backdropMeshes=[];for(let e of Z)e.onDestroy?.(t,this);this.environmentTexture&&(t.deleteTexture(this.environmentTexture),this.environmentTexture=null),this.renderProg&&t.deleteProgram(this.renderProg),this.pickProg&&t.deleteProgram(this.pickProg),this.pickFbo&&t.deleteFramebuffer(this.pickFbo),this.pickTexture&&t.deleteTexture(this.pickTexture),this.pickDepth&&t.deleteRenderbuffer(this.pickDepth),this.pickFbo=null,this.pickTexture=null,this.pickDepth=null}dispose(){this.stop(),this.teardownEvents(),this.disposeGpuResources()}destroy(){this.dispose()}};ee.registerPlugin=Be,ee.getRegisteredPlugins=ke;var bt=typeof HTMLElement<"u"?HTMLElement:class{};typeof CustomEvent>"u"&&typeof Event<"u"&&(globalThis.CustomEvent=class extends Event{constructor(n,t){super(n,t),this.detail=t?.detail??null}});var J=class J extends bt{constructor(){super(...arguments);this.viewer=null;this.canvas=null;this.posterEl=null;this.arButton=null;this.currentModel=null;this.activeXRSession=null;this.toastTimer=null;this.currentModelLimits=void 0;this.isModelLoaded=!1;this.scriptHandle=null;this.resizeObserver=null;this.mutationObserver=null}static get arProvider(){return K().arProvider}static set arProvider(e){K().arProvider=e}static get scriptRunner(){return K().scriptRunner}static set scriptRunner(e){K().scriptRunner=e}static get sandboxEngineSrc(){return K().sandboxEngineSrc??null}static set sandboxEngineSrc(e){K().sandboxEngineSrc=e}static get sandboxIframeSrc(){return K().sandboxIframeSrc??null}static set sandboxIframeSrc(e){K().sandboxIframeSrc=e}static get allowClientScripts(){return!!K().allowClientScripts}static set allowClientScripts(e){K().allowClientScripts=e}static registerScriptRunner(e){J.scriptRunner=e}static registerDecoder(e,r){ee.registerDecoder(e,r)}static getDecoder(e){return ee.getDecoder(e)}static registerAR(e){typeof e=="function"?J.arProvider={activateAR:e}:J.arProvider=e,typeof document<"u"&&document.querySelectorAll("three-live").forEach(i=>{i instanceof J&&i.updateARButtonVisibility()})}static isARSupported(){return!!J.arProvider}getLoadedModel(){return this.currentModel}connectedCallback(){if(typeof document>"u")return;(!this.style.display||this.style.display==="inline")&&(this.style.display="block"),getComputedStyle(this).position==="static"&&(this.style.position="relative"),this.style.overflow="hidden",this.setupDOM(),this.initViewer(),this.setupResizeObserver();let e=this.getAttribute("src"),r=this.getAttribute("script-src");if(e)this.loadModelFromSrc(e).catch(()=>{});else if(r)this.loadScriptFromSrc(r).catch(()=>{});else{let i=this.querySelector('script[type="text/three"], script[type="text/three-live"]');i&&i.textContent&&this.executeScript(i.textContent).catch(()=>{})}for(let i of ee.getRegisteredPlugins())i.onElementConnected?.(this)}disconnectedCallback(){for(let e of ee.getRegisteredPlugins())e.onElementDisconnected?.(this);this.scriptHandle&&(this.scriptHandle.terminate(),this.scriptHandle=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.activeXRSession&&(this.activeXRSession.stop?.().catch?.(()=>{}),this.activeXRSession=null),this.toastTimer&&(clearTimeout(this.toastTimer),this.toastTimer=null),this.viewer&&(this.viewer.destroy(),this.viewer=null),this.isModelLoaded=!1}attributeChangedCallback(e,r,i){if(r!==i){switch(e){case"src":i&&this.loadModelFromSrc(i).catch(()=>{});break;case"camera-target":this.applyCameraTarget(i);break;case"min-camera-orbit":case"max-camera-orbit":this.applyOrbitLimits();break;case"field-of-view":this.applyFieldOfView(i);break;case"script-src":i&&this.loadScriptFromSrc(i).catch(()=>{});break;case"sandbox":case"allow-client-scripts":case"ios-src":break;case"poster":this.updatePoster(i);break;case"camera-orbit":this.applyCameraOrbit(i);break;case"selected-mesh":this.viewer&&i!==null&&this.viewer.setSelectedMesh(i);break;case"exposure":if(this.viewer&&i!==null){let s=parseFloat(i);isNaN(s)||this.viewer.setExposure(s)}break;case"shadow-intensity":case"shadow-softness":this.viewer&&this.viewer.setShadow(this.shadowIntensity,this.shadowSoftness);break;case"tone-mapping":this.viewer&&i&&this.viewer.setToneMapping(i);break;case"environment-image":this.viewer&&this.viewer.setEnvironmentImage(i).catch(()=>{});break;case"skybox-image":this.viewer&&this.viewer.setSkyboxImage?.(i)?.catch?.(()=>{});break;case"camera-controls":{let s=this.cameraControls;this.viewer&&this.viewer.setInteractive?.(s),this.canvas&&(this.canvas.style.touchAction=s?"none":"auto");break}case"autoplay":this.viewer&&this.viewer.setAutoplay(i!==null&&i!=="false");break;case"animation-name":this.viewer&&i!==null&&this.viewer.setAnimationName(i);break;case"variant-name":this.viewer&&this.selectVariant(i);break;case"auto-rotate":this.viewer&&this.viewer.setAutoRotate(i!==null&&i!=="false");break;case"auto-rotate-delay":this.viewer&&this.viewer.setAutoRotateDelay(this.autoRotateDelay);break;case"rotation-per-second":this.viewer&&this.viewer.setAutoRotateSpeed(this.parseRotationPerSecond(i));break;case"ar":this.updateARButtonVisibility();break}for(let s of ee.getRegisteredPlugins())s.onAttributeChanged?.(this,e,r,i)}}getAttr(e){return this.getAttribute(e)}setAttr(e,r){r!==null?this.setAttribute(e,r):this.removeAttribute(e)}getBoolAttr(e){return this.hasAttribute(e)&&this.getAttribute(e)!=="false"}setBoolAttr(e,r){r?this.setAttribute(e,""):this.removeAttribute(e)}getFloatAttr(e,r){let i=this.getAttribute(e);return i!==null?parseFloat(i):r}get src(){return this.getAttr("src")}set src(e){this.setAttr("src",e)}get cameraControls(){return this.getBoolAttr("camera-controls")}set cameraControls(e){this.setBoolAttr("camera-controls",e)}get cameraOrbit(){return this.getAttr("camera-orbit")}set cameraOrbit(e){this.setAttr("camera-orbit",e)}get cameraTarget(){return this.getAttr("camera-target")}set cameraTarget(e){this.setAttr("camera-target",e)}get minCameraOrbit(){return this.getAttr("min-camera-orbit")}set minCameraOrbit(e){this.setAttr("min-camera-orbit",e)}get maxCameraOrbit(){return this.getAttr("max-camera-orbit")}set maxCameraOrbit(e){this.setAttr("max-camera-orbit",e)}get fieldOfView(){return this.getAttr("field-of-view")}set fieldOfView(e){this.setAttr("field-of-view",e)}get iosSrc(){return this.getAttr("ios-src")}set iosSrc(e){this.setAttr("ios-src",e)}get scriptSrc(){return this.getAttr("script-src")}set scriptSrc(e){this.setAttr("script-src",e)}get sandbox(){return this.getAttribute("sandbox")||(K().sandboxIframeSrc?"iframe":"worker")}set sandbox(e){this.setAttribute("sandbox",e)}get allowClientScripts(){return this.getBoolAttr("allow-client-scripts")||J.allowClientScripts}set allowClientScripts(e){this.setBoolAttr("allow-client-scripts",e)}get poster(){return this.getAttr("poster")}set poster(e){this.setAttr("poster",e)}get selectedMesh(){return this.getAttr("selected-mesh")}set selectedMesh(e){this.setAttr("selected-mesh",e)}get exposure(){return this.getFloatAttr("exposure",1)}set exposure(e){this.setAttribute("exposure",String(e))}get autoRotate(){return this.getBoolAttr("auto-rotate")}set autoRotate(e){this.setBoolAttr("auto-rotate",e)}get autoRotateDelay(){return this.getFloatAttr("auto-rotate-delay",3e3)}set autoRotateDelay(e){this.setAttribute("auto-rotate-delay",String(e))}get rotationPerSecond(){return this.getAttr("rotation-per-second")||"30deg"}set rotationPerSecond(e){this.setAttr("rotation-per-second",e)}get turntableRotation(){return this.viewer?this.viewer.turntableRotation:0}get ar(){return this.hasAttribute("ar")}set ar(e){this.setBoolAttr("ar",e)}get arScale(){return this.getAttribute("ar-scale")||"auto"}set arScale(e){this.setAttribute("ar-scale",e)}get arPlacement(){return this.getAttribute("ar-placement")||"floor"}set arPlacement(e){this.setAttribute("ar-placement",e)}get canActivateAR(){return J.isARSupported()}get shadowIntensity(){return this.getFloatAttr("shadow-intensity",0)}set shadowIntensity(e){this.setAttribute("shadow-intensity",String(e))}get shadowSoftness(){return this.getFloatAttr("shadow-softness",.5)}set shadowSoftness(e){this.setAttribute("shadow-softness",String(e))}get toneMapping(){return this.getAttribute("tone-mapping")||"neutral"}set toneMapping(e){this.setAttribute("tone-mapping",e)}get bloom(){return this.getFloatAttr("bloom",0)}set bloom(e){this.setAttribute("bloom",String(e))}get bloomThreshold(){return this.getFloatAttr("bloom-threshold",.8)}set bloomThreshold(e){this.setAttribute("bloom-threshold",String(e))}get bloomRadius(){return this.getFloatAttr("bloom-radius",.5)}set bloomRadius(e){this.setAttribute("bloom-radius",String(e))}get outlineSelected(){return this.getBoolAttr("outline-selected")}set outlineSelected(e){this.setBoolAttr("outline-selected",e)}get outlineColor(){return this.getAttr("outline-color")||"#38bdf8"}set outlineColor(e){this.setAttr("outline-color",e)}get environmentImage(){return this.getAttr("environment-image")}set environmentImage(e){this.setAttr("environment-image",e)}get skyboxImage(){return this.getAttr("skybox-image")}set skyboxImage(e){this.setAttr("skybox-image",e)}get autoplay(){return this.getBoolAttr("autoplay")}set autoplay(e){this.setBoolAttr("autoplay",e)}get animationName(){return this.getAttr("animation-name")}set animationName(e){this.setAttr("animation-name",e)}get availableAnimations(){return this.viewer?this.viewer.getAvailableAnimations():[]}get variantName(){return this.viewer?this.viewer.getVariantName():this.getAttr("variant-name")}set variantName(e){this.setAttr("variant-name",e)}get availableVariants(){return this.viewer?this.viewer.getAvailableVariants():[]}selectVariant(e){if(!this.viewer)return!1;let r=this.viewer.selectVariant(e);return r&&this.dispatchEvent(new CustomEvent("variant-applied",{bubbles:!0,composed:!0,detail:{variantName:this.viewer.getVariantName()}})),r}get model(){let e=this.viewer?this.viewer.getModelMaterials():[];return{materials:e,getMaterialByName(r){return e.find(i=>i.name===r)??null}}}play(){this.viewer&&this.viewer.playAnimation(this.animationName||void 0)}pause(){this.viewer&&this.viewer.pauseAnimation()}resetCamera(){this.viewer?.resetCamera()}resetTurntableRotation(e=0){this.viewer?.resetTurntableRotation(e)}setCamera(e,r,i,s){this.viewer&&this.viewer.setCamera(e,r,i,s)}getCameraOrbit(){return this.viewer?this.viewer.getCameraOrbit():{theta:0,phi:0,radius:3,toString(){return"0rad 0rad 3m"}}}getCameraTarget(){return this.viewer?this.viewer.getCameraTarget():{x:0,y:0,z:0,toString(){return"0m 0m 0m"}}}getFieldOfView(){return this.viewer?this.viewer.getFieldOfView():45}jumpCameraToGoal(){this.viewer?.jumpCameraToGoal()}toDataURL(e,r){return this.viewer&&this.viewer.render?.(),this.canvas?this.canvas.toDataURL(e,r):""}toBlob(e){return this.viewer&&this.viewer.render?.(),new Promise((r,i)=>{if(!this.canvas||typeof this.canvas.toBlob!="function"){i(new Error("Canvas toBlob is not supported in this environment."));return}this.canvas.toBlob(s=>{s?r(s):i(new Error("Failed to capture canvas blob."))},e?.mimeType,e?.qualityArgument)})}positionAndNormalFromPoint(e,r){if(!this.viewer)return null;let i=this.viewer.raycastFromScreenPoint(e,r);if(!i)return null;let[s,a,l]=i.hitPoint||i.point,[o,c,u]=i.normal;return{position:{x:s,y:a,z:l,toString(){return`${s}m ${a}m ${l}m`}},normal:{x:o,y:c,z:u,toString(){return`${o}m ${c}m ${u}m`}}}}async loadModel(e){return this.loadModelWithLimits(e)}async loadModelWithLimits(e,r){if(!this.viewer){this.currentModel=e,this.currentModelLimits=r;return}try{let i;if(typeof e=="string"){this.isModelLoaded=!1,this.viewer?.clearScene?.();let o=await fetch(e);if(!o.ok)throw new Error(`Failed to load 3D model from "${e}": HTTP ${o.status}`);i=await o.arrayBuffer()}else i=e;let s=pe(i);this.viewer.loadGLBData(s,r),this.currentModel=s,this.currentModelLimits=r,this.isModelLoaded=!0,this.hidePoster(),this.updateHotspots();let a=this.getAttribute("selected-mesh");a&&this.viewer.setSelectedMesh(a);let l=this.getAttribute("variant-name");l&&this.selectVariant(l),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,composed:!0,detail:{model:s}}))}catch(i){throw this.dispatchEvent(new CustomEvent("error",{bubbles:!0,composed:!0,detail:{error:i}})),i}}showToast(e,r=4500){if(typeof document>"u")return;let i=this.querySelector(".three-live-toast");i||(i=document.createElement("div"),i.className="three-live-toast",i.style.cssText="position:absolute;bottom:70px;left:50%;transform:translateX(-50%) translateY(10px);z-index:10;padding:10px 16px;background-color:rgba(15,23,42,0.94);color:#f8fafc;border:1px solid rgba(56,189,248,0.45);border-radius:14px;font:500 13px/1.35 system-ui,-apple-system,sans-serif;box-shadow:0 10px 25px rgba(0,0,0,0.45);backdrop-filter:blur(12px);pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease;max-width:88%;text-align:center;white-space:normal;word-break:break-word",this.appendChild(i)),i.textContent=e,this.toastTimer&&(clearTimeout(this.toastTimer),this.toastTimer=null),typeof requestAnimationFrame<"u"?requestAnimationFrame(()=>{i&&(i.style.opacity="1",i.style.transform="translateX(-50%) translateY(0)")}):(i.style.opacity="1",i.style.transform="translateX(-50%) translateY(0)"),this.toastTimer=setTimeout(()=>{i&&(i.style.opacity="0",i.style.transform="translateX(-50%) translateY(10px)"),this.toastTimer=null},r)}async activateAR(){if(this.activeXRSession&&typeof this.activeXRSession.isSessionActive=="function"&&this.activeXRSession.isSessionActive()&&(await this.activeXRSession.stop().catch(()=>{}),this.activeXRSession=null),!this.currentModel){let i=new Error("No 3D model is loaded in <three-live>.");throw this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:i}})),this.showToast(i.message,6e3),i}if(!J.arProvider){let i=new Error("AR module not bundled. Use the default 'three-live' bundle or call ThreeLiveElement.registerAR().");throw this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:i}})),this.showToast(i.message,6e3),i}let e=this.getAttribute("ios-src"),r=(this.getAttribute("ar-modes")||"").split(/\s+/).filter(Boolean);try{this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"session-started"}}));let i=await J.arProvider.activateAR({model:e||this.currentModel,glbUrl:typeof this.currentModel=="string"?this.currentModel:void 0,view:this.viewer||void 0,element:this,preferredModes:r.length>0?r:void 0,arScale:this.arScale,arPlacement:this.arPlacement,webXROptions:{onExit:()=>{this.activeXRSession=null,this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"not-presenting"}}))},onError:s=>{this.activeXRSession=null,this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:s}})),this.showToast(`AR error: ${s.message}`,6e3)}}});if(i.success)i.session&&(this.activeXRSession=i.session),i.mode==="quick-look"?this.showToast("Opening Apple AR Quick Look..."):i.mode==="scene-viewer"?this.showToast("Opening Google Scene Viewer..."):i.mode==="webxr"&&this.showToast("WebXR AR session started.");else{let s=typeof navigator<"u"&&navigator.userAgent||"",a=/Macintosh/i.test(s)&&!(typeof navigator<"u"&&navigator.maxTouchPoints>1),l=/Android|iPhone|iPad|iPod/i.test(s);if(a&&!l&&typeof document<"u"&&this.currentModel&&J.arProvider.createUSDZBlob)try{let o=this.currentModel instanceof Blob&&this.currentModel.type==="model/vnd.usdz+zip"?this.currentModel:J.arProvider.createUSDZBlob(this.currentModel),c=URL.createObjectURL(o),u=document.createElement("a");u.href=c,u.download="three_live_model.usdz",document.body.appendChild(u),u.click(),document.body.removeChild(u),setTimeout(()=>URL.revokeObjectURL(c),3e3),this.showToast("Downloaded USDZ preview for macOS Quick Look.",5e3)}catch{this.showToast(i.error?.message||"AR requires an iOS (Quick Look) or Android (WebXR / Scene Viewer) device.",6e3)}else this.showToast(i.error?.message||"AR requires an iOS (Quick Look) or Android (WebXR / Scene Viewer) device.",6e3);i.error&&this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:i.error}}))}return i}catch(i){throw this.activeXRSession=null,this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:i}})),this.showToast(`AR error: ${i.message||String(i)}`,6e3),i}}setupDOM(){let e=this.querySelector("canvas");e||(e=document.createElement("canvas"),e.style.width="100%",e.style.height="100%",e.style.display="block",e.style.touchAction=this.cameraControls?"none":"auto",e.style.outline="none",this.appendChild(e)),this.canvas=e;let r=this.getAttribute("poster");r&&this.updatePoster(r),this.createARButton(),typeof MutationObserver<"u"&&!this.mutationObserver&&(this.mutationObserver=new MutationObserver(()=>{this.updateARButtonVisibility()}),this.mutationObserver.observe(this,{childList:!0}))}initViewer(){if(!this.canvas)return;let e=this.autoRotate,r=this.exposure,i=this.parseOrbitLimit(this.getAttribute("min-camera-orbit")),s=this.parseOrbitLimit(this.getAttribute("max-camera-orbit")),a=this.parseCameraTarget(this.getAttribute("camera-target")),l=this.parseFieldOfView(this.getAttribute("field-of-view"));this.viewer=new ee(this,this.canvas,{autoRotate:e,autoRotateDelay:this.autoRotateDelay,autoRotateSpeed:this.parseRotationPerSecond(this.getAttribute("rotation-per-second")),exposure:r,shadowIntensity:this.shadowIntensity,shadowSoftness:this.shadowSoftness,toneMapping:this.toneMapping,environmentImage:this.environmentImage,autoplay:this.autoplay,animationName:this.animationName||void 0,variantName:this.getAttribute("variant-name")||void 0,fieldOfView:l,cameraTarget:a,minCameraOrbit:i,maxCameraOrbit:s,onMeshClick:c=>{this.dispatchEvent(new CustomEvent("meshclick",{bubbles:!0,composed:!0,detail:c}))},onCameraChange:c=>{this.updateHotspots();for(let u of ee.getRegisteredPlugins())u.onCameraChange?.(this.viewer,this);this.dispatchEvent(new CustomEvent("camera-change",{bubbles:!0,composed:!0,detail:c}))}}),this.viewer.setInteractive(this.cameraControls),this.skyboxImage&&this.viewer.setSkyboxImage(this.skyboxImage).catch(()=>{});let o=this.getAttribute("camera-orbit");o&&this.applyCameraOrbit(o),this.currentModel&&this.loadModelWithLimits(this.currentModel,this.currentModelLimits)}setupResizeObserver(){typeof ResizeObserver>"u"||(this.resizeObserver=new ResizeObserver(()=>{this.viewer&&(this.viewer.resize(),this.viewer.render(),this.updateHotspots())}),this.resizeObserver.observe(this))}updatePoster(e){if(!(typeof document>"u")){if(!e){this.posterEl&&(this.posterEl.remove(),this.posterEl=null);return}this.posterEl||(this.posterEl=document.createElement("img"),this.posterEl.setAttribute("alt","3D Scene Preview"),this.posterEl.style.position="absolute",this.posterEl.style.inset="0",this.posterEl.style.width="100%",this.posterEl.style.height="100%",this.posterEl.style.objectFit="cover",this.posterEl.style.transition="opacity 0.35s ease-out",this.posterEl.style.pointerEvents="none",this.posterEl.style.zIndex="1",this.appendChild(this.posterEl)),this.posterEl.src=e,this.isModelLoaded||(this.posterEl.style.opacity="1")}}hidePoster(){this.posterEl&&(this.posterEl.style.opacity="0",setTimeout(()=>{this.isModelLoaded&&this.posterEl&&(this.posterEl.remove(),this.posterEl=null)},400))}createARButton(){if(!(typeof document>"u")){if(!this.arButton){let e=document.createElement("button");e.setAttribute("type","button"),e.setAttribute("aria-label","View in Augmented Reality"),e.className="three-live-ar-button",e.setAttribute("part","default-ar-button");let r="http://www.w3.org/2000/svg";if(typeof document.createElementNS=="function"){let s=document.createElementNS(r,"svg");s.setAttribute("width","20"),s.setAttribute("height","20"),s.setAttribute("viewBox","0 0 24 24"),s.setAttribute("fill","none"),s.setAttribute("stroke","currentColor"),s.setAttribute("stroke-width","2"),s.setAttribute("stroke-linecap","round"),s.setAttribute("stroke-linejoin","round"),s.style.marginRight="6px";let a=document.createElementNS(r,"path");a.setAttribute("d","M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z");let l=document.createElementNS(r,"polyline");l.setAttribute("points","3.27 6.96 12 12.01 20.73 6.96");let o=document.createElementNS(r,"line");o.setAttribute("x1","12"),o.setAttribute("y1","22.08"),o.setAttribute("x2","12"),o.setAttribute("y2","12"),s.appendChild(a),s.appendChild(l),s.appendChild(o),e.appendChild(s)}let i=document.createElement("span");i.textContent="View in AR",e.appendChild(i),e.style.cssText="position:absolute;right:16px;bottom:16px;z-index:2;align-items:center;justify-content:center;padding:8px 16px;background-color:rgba(15,23,42,0.85);color:#fff;border:1px solid rgba(255,255,255,0.15);border-radius:9999px;font:600 13px system-ui,-apple-system,sans-serif;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 4px 12px rgba(0,0,0,0.25);transition:transform .15s ease,background-color .15s ease;display:none",e.addEventListener("mouseenter",()=>{e.style.backgroundColor="rgba(30, 41, 59, 0.95)",e.style.transform="scale(1.04)"}),e.addEventListener("mouseleave",()=>{e.style.backgroundColor="rgba(15, 23, 42, 0.85)",e.style.transform="scale(1)"}),e.addEventListener("click",s=>{s.stopPropagation(),this.activateAR()}),this.arButton=e,this.appendChild(e)}this.updateARButtonVisibility()}}updateARButtonVisibility(){let e=this.hasAttribute("ar")&&!!J.arProvider,r=typeof this.querySelector=="function"?this.querySelector('[slot="ar-button"]'):null;r?(this.arButton&&(this.arButton.style.display="none"),r.__tlARBound||(r.__tlARBound=!0,r.addEventListener("click",i=>{i.stopPropagation(),this.activateAR()})),r.dataset.tlOrigDisplay===void 0&&(r.dataset.tlOrigDisplay=r.style.display==="none"?"":r.style.display),r.style.display=e?r.dataset.tlOrigDisplay||"":"none"):this.arButton&&(this.arButton.style.display=e?"flex":"none")}applyCameraOrbit(e){if(!(!e||!this.viewer))try{let r=JSON.parse(e);this.viewer.setInitialCamera(r.theta,r.phi,r.distance,r.zoom)}catch{let r=e.trim().split(/\s+/);if(r.length>=2){let i=o=>o.endsWith("rad")?parseFloat(o)*180/Math.PI:parseFloat(o.replace(/deg$/,"")),s=r[0]==="auto"?void 0:i(r[0]),a=r[1]==="auto"?void 0:i(r[1]),l;r.length>=3&&r[2]!=="auto"&&(l=parseFloat(r[2].replace(/m$/,""))),(s!==void 0&&!isNaN(s)||a!==void 0&&!isNaN(a))&&this.viewer.setInitialCamera(s!==void 0&&!isNaN(s)?s:void 0,a!==void 0&&!isNaN(a)?a:void 0,l!==void 0&&!isNaN(l)?l:void 0)}}}parseOrbitLimit(e){if(!e)return{};let r=e.trim().split(/\s+/),i={};if(r.length>0&&r[0]!=="auto"){let s=r[0].endsWith("rad")?parseFloat(r[0])*180/Math.PI:parseFloat(r[0].replace(/deg$/,""));isNaN(s)||(i.theta=s)}if(r.length>1&&r[1]!=="auto"){let s=r[1].endsWith("rad")?parseFloat(r[1])*180/Math.PI:parseFloat(r[1].replace(/deg$/,""));isNaN(s)||(i.phi=s)}if(r.length>2&&r[2]!=="auto"){let s=parseFloat(r[2].replace(/m$/,""));isNaN(s)||(i.distance=s)}return i}applyOrbitLimits(){if(!this.viewer)return;let e=this.parseOrbitLimit(this.getAttribute("min-camera-orbit")),r=this.parseOrbitLimit(this.getAttribute("max-camera-orbit"));this.viewer.setOrbitLimits({minTheta:e.theta,maxTheta:r.theta,minPhi:e.phi,maxPhi:r.phi,minDistance:e.distance,maxDistance:r.distance})}parseCameraTarget(e){if(!e)return;let r=e.trim().split(/\s+/).map(i=>parseFloat(i.replace(/m$/,"")));return r.length>=3&&!r.some(isNaN)?[r[0],r[1],r[2]]:void 0}parseFieldOfView(e){if(!e)return;let r=e.endsWith("rad")?parseFloat(e)*180/Math.PI:parseFloat(e.replace(/deg$/,""));return isNaN(r)?void 0:r}parseRotationPerSecond(e){if(!e)return Math.PI/6;let r=e.trim(),i=parseFloat(r);return isNaN(i)?Math.PI/6:r.endsWith("rad")?i:r.endsWith("%")?i/100*Math.PI*2:i*Math.PI/180}applyCameraTarget(e){let r=this.parseCameraTarget(e);this.viewer&&r&&this.viewer.setTarget(r[0],r[1],r[2])}applyFieldOfView(e){let r=this.parseFieldOfView(e);this.viewer&&r!==void 0&&this.viewer.setFieldOfView(r)}updateHotspot(e){let r=this.querySelector(`[slot="${e.name}"]`);r&&(e.position!==void 0&&r.setAttribute("data-position",e.position),e.normal!==void 0&&r.setAttribute("data-normal",e.normal)),this.updateHotspots()}updateHotspots(){for(let e of ee.getRegisteredPlugins())if(e.updateHotspotsForElement){e.updateHotspotsForElement(this,this.viewer);return}}async loadModelFromSrc(e){await this.loadModel(e)}runWithScriptRunner(e){let r=J.scriptRunner;if(!r){let i=new Error('Procedural script execution requires "three-live/full" or ThreeLiveElement.registerScriptRunner().');return this.showToast(i.message),this.dispatchEvent(new CustomEvent("error",{bubbles:!0,composed:!0,detail:{error:i}})),Promise.reject(i)}return this.scriptHandle&&(this.scriptHandle.terminate(),this.scriptHandle=null),this.isModelLoaded=!1,this.viewer?.clearScene?.(),new Promise((i,s)=>{let a=!1;e(r,{onModelReady:o=>{this.loadModelWithLimits(o,Ye).then(()=>{a||(a=!0,i(o))},c=>{let u=c instanceof Error?c.message:String(c);this.showToast(u),a||(a=!0,s(c))})},onUpdateTransforms:o=>this.viewer?.updateMeshTransforms(o),onError:o=>{this.showToast(o.message),this.dispatchEvent(new CustomEvent("error",{bubbles:!0,composed:!0,detail:{error:o}})),a||(a=!0,s(o))},onToast:o=>this.showToast(o)}).then(o=>{o&&(this.scriptHandle=o)},o=>{o instanceof Error&&o.message&&this.showToast(o.message),a||(a=!0,s(o))})})}loadScriptFromSrc(e){return this.runWithScriptRunner((r,i)=>{if(typeof r.executeUrl!="function"){let s=new Error("Registered ScriptRunner does not support executeUrl() for server-generated scripts.");return i.onError?.(s),Promise.reject(s)}return r.executeUrl(e,this.sandbox,i)})}executeScript(e){if(!J.scriptRunner)return this.runWithScriptRunner(()=>Promise.resolve());if(!this.allowClientScripts){let r=new Error(Ie);return this.showToast(Ne),this.dispatchEvent(new CustomEvent("error",{bubbles:!0,composed:!0,detail:{error:r}})),Promise.reject(r)}return this.runWithScriptRunner((r,i)=>r.execute(e,this.sandbox,i,{allowClientScripts:!0}))}};J.observedAttributes=["src","ios-src","script-src","sandbox","allow-client-scripts","poster","camera-controls","camera-orbit","camera-target","min-camera-orbit","max-camera-orbit","field-of-view","selected-mesh","ar","ar-modes","ar-scale","ar-placement","exposure","shadow-intensity","shadow-softness","tone-mapping","bloom","bloom-threshold","bloom-radius","outline","outline-selected","outline-color","environment-image","skybox-image","autoplay","animation-name","variant-name","auto-rotate","auto-rotate-delay","rotation-per-second"],J.registerPlugin=ee.registerPlugin,J.getRegisteredPlugins=ee.getRegisteredPlugins;var ye=J;typeof customElements<"u"&&!customElements.get("three-live")&&customElements.define("three-live",ye);return ot(gt);})();
+void main(){fragColor=uColorId;}`;function Ue(n,t,e){let r=n.createShader(t);if(n.shaderSource(r,e),n.compileShader(r),!n.getShaderParameter(r,35713)){let i=n.getShaderInfoLog(r);throw n.deleteShader(r),new Error(`Shader compile error: ${i}`)}return r}function De(n,t,e){let r=Ue(n,35633,t),i=Ue(n,35632,e),s=n.createProgram();if(n.attachShader(s,r),n.attachShader(s,i),n.linkProgram(s),!n.getProgramParameter(s,35714)){let a=n.getProgramInfoLog(s);throw n.deleteProgram(s),new Error(`Program link error: ${a}`)}return s}function Le(n,t,e){let r={};for(let i of e)r[i]=n.getUniformLocation(t,i);return r}var Ve=["uMVP","uModel","uInstanced","uViewProj","uNormalMatrix","uUvTransform","uBaseColor","uMetallic","uRoughness","uClearcoat","uEmissive","uCameraPos","uBaseColorTexture","uHasTexture","uMetallicRoughnessTexture","uHasMetallicRoughnessTexture","uNormalTexture","uHasNormalTexture","uNormalScale","uOcclusionTexture","uHasOcclusionTexture","uOcclusionStrength","uToneMapping","uEnvironmentMap","uHasEnvironmentMap","uAmbientColor","uNumDirLights","uDirLightDir","uDirLightColor","uNumPointLights","uPointLightPos","uPointLightColor","uEnvIntensity","uExposure","uViewportSize","uSectionPlane","uSectionEnabled"];function je(){let n=$().xrDepthShader;return{fs:ct.replace("/*XRD_U*/",n?.uniformsGLSL||"").replace("/*XRD_O*/",n?.occlusionGLSL||""),uniforms:n?[...Ve,...n.uniformNames]:Ve}}function dt(n){if(typeof n!="string")return null;let t=n.trim();if(!t||/[\x00-\x1f\x7f]/.test(t))return null;let e=t.toLowerCase();return e.startsWith("data:")?/^data:image\/(png|jpeg|jpg|webp|ktx2|avif)(;|,)/i.test(t)?t:null:e.startsWith("https://")||e.startsWith("blob:")?t:e.startsWith("//")||/^[a-z][a-z0-9+.-]*:/i.test(t)||/(^|[\\/])\.\.([\\/]|$)/.test(t)?null:t}function Pe(n,t,e,r,i,s,a,l){if(r===void 0||!t.accessors?.[r])return null;let o=Ae(t,e,t.accessors[r],s);if(!o)return null;l&&(o=o.slice(),ke(o,l));let c=n.createBuffer();return a.push(c),n.bindBuffer(34962,c),n.bufferData(34962,o,35044),n.enableVertexAttribArray(i),n.vertexAttribPointer(i,s,5126,!1,0,0),o}function Ce(n){let t=Number(n);return Number.isFinite(t)?Math.max(0,t):1}function $e(n,t,e){let r=je(),i=Ye,s=r.fs,a=!1;for(let o of j)if(o.onResolveShader){let c=o.onResolveShader(t,e,i,s);c&&(i=c.vs,s=c.fs,a=!0)}let l=a?De(n,i,s):null;return{program:l,uniforms:l?Le(n,l,r.uniforms):null}}function pt(n,t,e){let r=t.instanceMatrices;if(!r||r.length<16||typeof n.vertexAttribDivisor!="function"||typeof n.drawElementsInstanced!="function")return!1;let i=r.length>>4,s=t.instanceColors,a=new Float32Array(i*20);for(let o=0;o<i;o++)a.set(r.subarray(o*16,o*16+16),o*20),a[o*20+16]=s?s[o*3]:1,a[o*20+17]=s?s[o*3+1]:1,a[o*20+18]=s?s[o*3+2]:1,a[o*20+19]=1;let l=n.createBuffer();e.push(l),n.bindBuffer(34962,l),n.bufferData(34962,a,35044);for(let o=0;o<5;o++)n.enableVertexAttribArray(8+o),n.vertexAttribPointer(8+o,4,5126,!1,80,o*16),n.vertexAttribDivisor(8+o,1);return!0}function ft(n,t){let e=n.materials?.[t?.material];if(!e)return null;let r=[e.pbrMetallicRoughness?.baseColorTexture,e.pbrMetallicRoughness?.metallicRoughnessTexture,e.normalTexture,e.occlusionTexture,e.emissiveTexture];for(let i of r){let s=i?.extensions?.KHR_texture_transform;if(s&&typeof s=="object")return s}return null}var qe=Object.freeze({maxMeshes:1e3,maxTextures:64,maxVertices:1e6,maxIndices:3e6}),Ke=Object.freeze({maxMeshes:1/0,maxTextures:1/0,maxVertices:1/0,maxIndices:1/0});function Me(n,t){t.indices?n.drawElements(4,t.indexCount,t.indexType,0):n.drawArrays(4,0,t.indexCount)}function Ze(n,t){let e=n?.pbrMetallicRoughness,r=e?.baseColorFactor,i=n?.extensions?.KHR_materials_clearcoat,s=a=>a!==void 0&&t[a.index]?t[a.index]:null;return{baseColor:r?[r[0],r[1],r[2],r[3]??1]:[.8,.8,.8,1],metallic:e?.metallicFactor??.1,roughness:e?.roughnessFactor??.5,clearcoat:i?i.clearcoatFactor??1:0,clearcoatRoughness:Math.max(.04,i?.clearcoatRoughnessFactor??.04),texture:s(e?.baseColorTexture),metallicRoughnessTexture:s(e?.metallicRoughnessTexture),normalTexture:s(n?.normalTexture),normalScale:n?.normalTexture?.scale??1,occlusionTexture:s(n?.occlusionTexture),occlusionStrength:n?.occlusionTexture?.strength??1,isTransmissive:(n?.extensions?.KHR_materials_transmission?.transmissionFactor??0)>0}}function Je(n,t,e){let r=new Set,i=s=>{s&&!r.has(s)&&(r.add(s),n.deleteTexture(s))};for(let s of t)for(let a of s.primitives){if(a.vao&&n.deleteVertexArray(a.vao),a.buffers)for(let o of a.buffers)n.deleteBuffer(o);i(a.texture),i(a.metallicRoughnessTexture),i(a.normalTexture),i(a.occlusionTexture);let l=new Set;a.customProgram&&l.add(a.customProgram);for(let o of a.programCache?.values()??[])o.program&&l.add(o.program);for(let o of l)n.deleteProgram(o)}if(e)for(let s of e)i(s)}function He(n,t,e=Ke,r){let i={meshes:[],mesh:null,gpuTextures:[],vao:null,buffers:[]};try{return bt(n,t,e,r,i)}catch(s){let a=i.mesh&&!i.meshes.includes(i.mesh)?[...i.meshes,i.mesh]:i.meshes;Je(n,a,i.gpuTextures),i.vao&&n.deleteVertexArray(i.vao);for(let l of i.buffers)n.deleteBuffer(l);throw s}}function bt(n,t,e,r,i){if(!t||!t.gltf)throw new Error("Invalid GLBData passed to buildGpuScene: missing gltf object.");let{gltf:s}=t,a=me("meshopt");a?.decodeBufferViews&&a.decodeBufferViews(s,t);let l=t.bin,o=[];i.meshes=o;let c=[],u=s.extensions?.KHR_materials_variants;u&&Array.isArray(u.variants)&&u.variants.forEach((h,E)=>{c.push(typeof h?.name=="string"&&h.name?h.name:`Variant_${E}`)});let f=Oe(s),m=[];if(Array.isArray(s.nodes))for(let h=0;h<s.nodes.length;h++){let E=s.nodes[h];E.mesh!==void 0&&s.meshes&&s.meshes[E.mesh]&&m.push({node:E,nodeIdx:h,meshIdx:E.mesh})}let g=m.length>0?m:(s.meshes||[]).map((h,E)=>({node:h,nodeIdx:-1,meshIdx:E})),d=[];if(Array.isArray(t.lights)&&t.lights.length>0)d.push(...t.lights);else if(s.extensions?.KHR_lights_punctual?.lights){let h=s.extensions.KHR_lights_punctual.lights;for(let E of h){let R=E.type==="directional"?"directional":E.type==="point"?"point":"ambient";d.push({type:R,color:E.color||[1,1,1],intensity:E.intensity!==void 0?E.intensity:1})}}if(d.length===0&&(d.push({type:"ambient",color:[1,1,1],intensity:.35}),d.push({type:"directional",color:[1,1,1],intensity:.85,direction:[.5,1,.8]})),g.length>e.maxMeshes)throw new Error(`SecurityError: GLB scene exceeds host mesh limit (${e.maxMeshes}). Found: ${g.length}`);let A=[];if(i.gpuTextures=A,s.textures&&s.images){if(s.textures.length>e.maxTextures)throw new Error(`SecurityError: GLB scene exceeds host texture limit (${e.maxTextures}). Found: ${s.textures.length}`);for(let h=0;h<s.textures.length;h++){let E=s.textures[h],R=s.images[E.source];if(R){let b=n.createTexture();if(n.bindTexture(3553,b),n.texImage2D(3553,0,6408,1,1,0,6408,5121,new Uint8Array([255,255,255,255])),n.texParameteri(3553,10242,10497),n.texParameteri(3553,10243,10497),n.texParameteri(3553,10241,9729),n.texParameteri(3553,10240,9729),R.bufferView!==void 0){let N=s.bufferViews[R.bufferView],P=l.slice(N.byteOffset||0,(N.byteOffset||0)+N.byteLength),K=new Blob([P],{type:R.mimeType||"image/png"});typeof createImageBitmap=="function"&&createImageBitmap(K).then(S=>{n.bindTexture(3553,b),n.texImage2D(3553,0,6408,6408,5121,S),n.generateMipmap(3553),r?.()}).catch(()=>{})}else if(R.uri){let N=dt(R.uri);if(N){let P=new Image;P.crossOrigin="anonymous",P.referrerPolicy="no-referrer",P.onload=()=>{n.bindTexture(3553,b),n.texImage2D(3553,0,6408,6408,5121,P),n.generateMipmap(3553),r?.()},P.src=N}else console.warn("[Three-Live Security] Blocked unsafe glTF image URI:",R.uri)}A.push(b)}else A.push(null)}}let v=[1/0,1/0,1/0],x=[-1/0,-1/0,-1/0],w=0,y=0;for(let h=0;h<g.length;h++){let E=g[h],R=s.meshes[E.meshIdx],b=E.nodeIdx>=0?f[E.nodeIdx]:X(),N=new Float32Array(9);ce(N,b);let P={name:E.node.name||R.name||`Mesh_${E.meshIdx}`,nodeIndex:E.nodeIdx,transform:b,normalMatrix:N,primitives:[],extras:E.node.extras||R.extras};i.mesh=P;let K=E.node?.extensions?.EXT_mesh_gpu_instancing;if(K&&K.attributes&&typeof K.attributes=="object"){let S=K.attributes,U=S.TRANSLATION!==void 0?s.accessors?.[S.TRANSLATION]:null,k=S.ROTATION!==void 0?s.accessors?.[S.ROTATION]:null,Z=S.SCALE!==void 0?s.accessors?.[S.SCALE]:null,J=S._COLOR_0!==void 0?s.accessors?.[S._COLOR_0]:null,B=Number(U?.count??k?.count??Z?.count??0);if(!Number.isFinite(B)||B<0||B>1e4)throw new Error(`SecurityError: EXT_mesh_gpu_instancing exceeds maximum instance limit (10000). Found: ${B}`);if(B>0){let z=(I,W)=>{if(!I||I.bufferView===void 0||!s.bufferViews?.[I.bufferView])return null;let ne=I.componentType??5126,ae=Y=>(console.warn(`[three-live] EXT_mesh_gpu_instancing: skipping accessor (${Y})`),null);if(ne!==5120&&ne!==5121&&ne!==5122&&ne!==5123&&ne!==5126)return ae(`componentType ${ne}`);if(!(Number(I.count)>=B))return ae(`count ${I.count} < ${B}`);let C=null;try{C=Ae(s,l,{...I,count:B},W)}catch{return ae("out of bounds")}return!C||!C.every(Number.isFinite)?ae("non-finite value"):C},L=z(U,3),se=z(k,4),H=z(Z,3),ie=J?.type==="VEC4"?4:3,re=z(J,ie),oe=new Float32Array(B*16),le=X();for(let I=0;I<B;I++){let W=L?[L[I*3],L[I*3+1],L[I*3+2]]:[0,0,0],ne=se?[se[I*4],se[I*4+1],se[I*4+2],se[I*4+3]]:[0,0,0,1],ae=H?[H[I*3],H[I*3+1],H[I*3+2]]:[1,1,1];Ee(le,ne,W,ae),oe.set(le,I*16)}if(P.instanceMatrices=oe,re){let I=new Float32Array(B*3);for(let W=0;W<B;W++)I[W*3]=re[W*ie],I[W*3+1]=re[W*ie+1],I[W*3+2]=re[W*ie+2];P.instanceColors=I}}}for(let S of R.primitives||[]){if(S.extensions?.KHR_draco_mesh_compression){let C=me("draco");C&&C.decodePrimitive(s,S,l)}let U=[],k=n.createVertexArray();i.vao=k,i.buffers=U,n.bindVertexArray(k);let Z=pt(n,P,U),J=s.accessors[S.attributes.POSITION],B=Number(J?.count??0);if(!Number.isFinite(B)||B<0||w+B>e.maxVertices)throw new Error(`SecurityError: GLB scene exceeds host vertex limit (${e.maxVertices}).`);if(w+=B,J?.min&&J?.max){let C=Y=>{for(let G=0;G<3;G++){let Q=Y[12+G],ue=Y[12+G];for(let he=0;he<3;he++){let ve=Y[he*4+G]*J.min[he],ge=Y[he*4+G]*J.max[he];Q+=ve<ge?ve:ge,ue+=ve>ge?ve:ge}Q<v[G]&&(v[G]=Q),ue>x[G]&&(x[G]=ue)}};if(P.instanceMatrices&&P.instanceMatrices.length>=16){let Y=P.instanceMatrices.length>>4,G=X();for(let Q=0;Q<Y;Q++){let ue=P.instanceMatrices.subarray(Q*16,Q*16+16);ee(G,b,ue),C(G)}}else C(b)}let z=Pe(n,s,l,S.attributes.POSITION,0,3,U);Pe(n,s,l,S.attributes.NORMAL,1,3,U),Pe(n,s,l,S.attributes.TEXCOORD_0,2,2,U,ft(s,S));let L=0,se=5123,H=null;if(S.indices!==void 0){let C=s.accessors[S.indices],G=(s.bufferViews[C.bufferView].byteOffset||0)+(C.byteOffset||0);if(L=Number(C.count??0),!Number.isFinite(L)||L<0||y+L>e.maxIndices)throw new Error(`SecurityError: GLB scene exceeds host index limit (${e.maxIndices}).`);y+=L,se=C.componentType===5125?5125||5125:5123||5123;let Q=n.createBuffer();U.push(Q),n.bindBuffer(34963,Q),C.componentType===5125?(H=new Uint32Array(l,G,C.count),n.bufferData(34963,H,35044)):C.componentType===5121?(H=Uint16Array.from(new Uint8Array(l,G,C.count)),n.bufferData(34963,H,35044)):(H=G%2===0?new Uint16Array(l,G,C.count):new Uint16Array(l.slice(G,G+C.count*2)),n.bufferData(34963,H,35044))}else L=J.count;let ie={};for(let C of j)if(C.onBuildPrimitiveVAO){let Y=C.onBuildPrimitiveVAO(n,k,S,s,l);Y&&(ie[C.name]=Y)}n.bindVertexArray(null);let re=s.materials&&S.material!==void 0?s.materials[S.material]:null,{program:oe,uniforms:le}=$e(n,S,re),I=Ze(re,A),W=!!(re?.extensions?.KHR_materials_transmission||ie.materials?.isTransmissive),ne=S.extensions?.KHR_materials_variants?.mappings,ae=Array.isArray(ne)?ne.filter(C=>C&&typeof C.material=="number"&&Array.isArray(C.variants)).map(C=>({material:C.material|0,variants:C.variants.map(Y=>Number(Y)|0)})):void 0;P.primitives.push({vao:k,instanced:Z,indexCount:L,indexType:se,...I,positions:z,indices:H,buffers:U,materialIndex:S.material,defaultMaterialIndex:S.material,variantMappings:ae,primitiveDef:S,programCache:new Map([[S.material??-1,{program:oe,uniforms:le}]]),pluginData:ie,customProgram:oe,customUniforms:le,isTransmissive:W})}o.push(P)}isFinite(v[0])||(v=[-1,-1,-1]),isFinite(x[0])||(x=[1,1,1]);let T=[(v[0]+x[0])/2,(v[1]+x[1])/2,(v[2]+x[2])/2],p=x[0]-v[0],M=x[1]-v[1],_=x[2]-v[2],D=Math.max(Math.hypot(p,M,_)/2,.5),O=[v[0],v[1],v[2]],V=[x[0],x[1],x[2]],F=t.animations;if(!F){for(let h of j)if(h.onParseGLB?.(t),t.animations){F=t.animations;break}}return F||(F=[]),{meshes:o,bounds:{center:T,radius:D,min:O,max:V},lights:d,animations:F,worldMatrices:f,gpuTextures:A,availableVariants:c}}function fe(n){let t=n.customTarget||n.bounds.center,e=n.currDistance*Math.cos(n.currPhi);return[t[0]+e*Math.sin(n.currTheta),t[1]+n.currDistance*Math.sin(n.currPhi),t[2]+e*Math.cos(n.currTheta)]}var te=class{constructor(t,e,r){this.meshes=[];this.backdropMeshes=[];this.bounds={center:[0,0,0],radius:1,min:[-1,-1,-1],max:[1,1,1]};this.lights=[];this.modelRootMatrix=X();this.clearColor=[0,0,0,0];this.envIntensity=1;this.exposure=1;this.shadowIntensity=0;this.shadowSoftness=.5;this.toneMapping="neutral";this.environmentTexture=null;this.animations=[];this.currentClip=null;this.animationTime=0;this.isPlayingAnimation=!1;this.autoplay=!1;this.animationName="";this.gpuTextures=[];this.availableVariants=[];this.activeVariantName=null;this.gltf=null;this.worldMatrices=[];this.initialNodeTransforms=[];this.projMatrix=X();this.viewMatrix=X();this.activeViewMatrix=null;this.modelMatrix=X();this.mvpMatrix=X();this.normalMatrix=new Float32Array(9);this.initialTheta=.6;this.initialPhi=.35;this.initialDistance=null;this.customDistance=!1;this.distanceMode="auto";this.initialCustomTarget=null;this.customTarget=null;this.fov=Math.PI/4;this.minTheta=-1/0;this.maxTheta=1/0;this.minPhi=-Math.PI*.48;this.maxPhi=Math.PI*.48;this.minDistanceLimit=null;this.maxDistanceLimit=null;this.activePointers=new Map;this.isPanning=!1;this.targetTheta=.6;this.currTheta=.6;this.targetPhi=.35;this.currPhi=.35;this.targetDistance=3;this.currDistance=3;this.autoRotate=!1;this.autoRotateSpeed=Math.PI/6;this.autoRotateDelay=3e3;this.lastInteractionTime=-1/0;this.turntableRotation=0;this.isPointerDown=!1;this.interactive=!0;this.skyboxTexture=null;this.lastPointerX=0;this.lastPointerY=0;this.totalDragDist=0;this.selectedMeshName="";this.pickFbo=null;this.pickTexture=null;this.pickDepth=null;this.pickFboWidth=0;this.pickFboHeight=0;this.animFrameId=null;this.isVisible=!0;this.xrSessionActive=!1;this.lastTime=0;this.lastReportedTheta=-999;this.lastReportedPhi=-999;this.lastReportedZoom=-999;this.boundPointerDown=null;this.boundPointerMove=null;this.boundPointerUp=null;this.boundWheel=null;this.boundKeyDown=null;this.boundContextMenu=null;this.boundSetCamera=null;this.boundResetCamera=null;this.contextLost=!1;this.lastGlbData=null;this.boundContextLost=null;this.boundContextRestored=null;this.stereoSBS=!1;this.renderErrorReported=!1;this.xrDepthState={enabled:!1,texture:null,uvTransform:X(),rawValueToMeters:.001,format:0};this.container=t;let i,s;if(e&&typeof e.getContext=="function"?(i=e,s=r):(s=e,i=s?.canvas),!i){let o=t.querySelector("canvas");o||(o=document.createElement("canvas"),o.style.width="100%",o.style.height="100%",o.style.display="block",o.style.touchAction="none",t.prepend(o)),i=o}this.canvas=i,this.opts=s||{},this.opts.clearColor&&(this.clearColor=this.opts.clearColor);let a=typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.opts.autoRotate!==void 0?this.autoRotate=this.opts.autoRotate&&!a:a&&(this.autoRotate=!1),this.opts.autoRotateSpeed!==void 0&&(this.autoRotateSpeed=this.opts.autoRotateSpeed),this.opts.autoRotateDelay!==void 0&&(this.autoRotateDelay=Math.max(0,Number(this.opts.autoRotateDelay)||0)),this.opts.exposure!==void 0&&(this.exposure=Ce(this.opts.exposure)),this.opts.camera&&this.setInitialCamera(this.opts.camera.theta,this.opts.camera.phi,this.opts.camera.distance,this.opts.camera.zoom),this.opts.shadowIntensity!==void 0&&(this.shadowIntensity=Math.max(0,Math.min(1,Number(this.opts.shadowIntensity)||0))),this.opts.shadowSoftness!==void 0&&(this.shadowSoftness=Math.max(0,Math.min(1,Number(this.opts.shadowSoftness)||0))),this.opts.toneMapping!==void 0&&(this.toneMapping=de(this.opts.toneMapping)),this.opts.autoplay!==void 0&&(this.autoplay=this.opts.autoplay),this.opts.animationName!==void 0&&(this.animationName=this.opts.animationName),this.opts.variantName!==void 0&&(this.activeVariantName=this.opts.variantName||null),this.opts.fieldOfView!==void 0&&(this.fov=this.opts.fieldOfView*Math.PI/180),this.opts.distanceMode!==void 0&&(this.distanceMode=this.opts.distanceMode),this.opts.cameraTarget!==void 0&&(this.setTarget(this.opts.cameraTarget[0],this.opts.cameraTarget[1],this.opts.cameraTarget[2]),this.initialCustomTarget=[...this.opts.cameraTarget]),(this.opts.minCameraOrbit||this.opts.maxCameraOrbit)&&this.setOrbitLimits({minTheta:this.opts.minCameraOrbit?.theta,maxTheta:this.opts.maxCameraOrbit?.theta,minPhi:this.opts.minCameraOrbit?.phi,maxPhi:this.opts.maxCameraOrbit?.phi,minDistance:this.opts.minCameraOrbit?.distance,maxDistance:this.opts.maxCameraOrbit?.distance});let l=i.getContext("webgl2",{antialias:!0,alpha:!0,xrCompatible:!0});if(!l)throw new Error("WebGL2 not supported");this.gl=l,this.initGlState(),this.setupEvents(),this.setupContextLossHandling(),this.opts.environmentImage&&this.setEnvironmentImage(this.opts.environmentImage).catch(()=>{}),typeof requestAnimationFrame<"u"&&this.opts.autoStart!==!1&&this.start()}static registerDecoder(t,e){ut(t,e)}static getDecoder(t){return me(t)}setupContextLossHandling(){let t=this.canvas;typeof t?.addEventListener=="function"&&(this.boundContextLost=e=>{e.preventDefault?.(),this.contextLost=!0,this.stop()},this.boundContextRestored=()=>this.restoreContext(),t.addEventListener("webglcontextlost",this.boundContextLost),t.addEventListener("webglcontextrestored",this.boundContextRestored))}initGlState(){let t=this.gl,e=je();this.renderProg=De(t,Ye,e.fs),this.pickProg=De(t,ht,mt),this.uRender=Le(t,this.renderProg,e.uniforms),this.uPick=Le(t,this.pickProg,["uMVP","uColorId"]),this.setupPickingFbo()}restoreContext(){let t=this.gl;this.contextLost=!1,this.initGlState();for(let e of j)e.onContextRestored?.(t,this);this.meshes=[],this.gpuTextures=[],this.environmentTexture=null,this.lastGlbData&&this.loadGLBData(this.lastGlbData,this.lastLimits),this.opts.environmentImage&&this.setEnvironmentImage(this.opts.environmentImage).catch(()=>{}),typeof requestAnimationFrame<"u"&&this.opts.autoStart!==!1&&this.start()}setupPickingFbo(){let t=this.gl;if(typeof t.createFramebuffer!="function")return;this.pickFbo=t.createFramebuffer(),this.pickTexture=t.createTexture(),this.pickDepth=t.createRenderbuffer();let e=Math.max(1,this.canvas.width),r=Math.max(1,this.canvas.height);this.pickFboWidth=e,this.pickFboHeight=r,t.bindTexture(3553,this.pickTexture),t.texImage2D(3553,0,6408,e,r,0,6408,5121,null),t.texParameteri(3553,10241,9728),t.texParameteri(3553,10240,9728),t.bindRenderbuffer(36161,this.pickDepth),t.renderbufferStorage(36161,33189,e,r),t.bindFramebuffer(36160,this.pickFbo),t.framebufferTexture2D(36160,36064,3553,this.pickTexture,0),t.framebufferRenderbuffer(36160,36096,36161,this.pickDepth),t.bindFramebuffer(36160,null)}resizePickingFbo(t,e){if(!this.pickFbo)return;let r=this.gl,i=Math.max(1,t),s=Math.max(1,e);this.pickFboWidth=i,this.pickFboHeight=s,r.bindTexture(3553,this.pickTexture),r.texImage2D(3553,0,6408,i,s,0,6408,5121,null),r.bindRenderbuffer(36161,this.pickDepth),r.renderbufferStorage(36161,33189,i,s)}loadGLBData(t,e){this.lastGlbData=t,this.lastLimits=e;let{meshes:r,bounds:i,lights:s,animations:a,worldMatrices:l,gpuTextures:o,availableVariants:c}=He(this.gl,t,e,()=>this.render());if(this.disposeMeshGpuResources(),this.meshes=r,this.bounds=i,this.turntableRotation=0,this.updateTurntableMatrix(),this.lights=s,this.animations=a||[],this.worldMatrices=l||[],this.gpuTextures=o||[],this.availableVariants=c||[],this.gltf=t.gltf,this.activeVariantName&&!this.applyVariantMaterial(this.activeVariantName)&&(this.activeVariantName=null),this.initialNodeTransforms=[],Array.isArray(t.gltf?.nodes))for(let m of t.gltf.nodes)this.initialNodeTransforms.push({t:m.translation?[m.translation[0],m.translation[1],m.translation[2]]:[0,0,0],r:m.rotation?[m.rotation[0],m.rotation[1],m.rotation[2],m.rotation[3]]:[0,0,0,1],s:m.scale?[m.scale[0],m.scale[1],m.scale[2]]:[1,1,1]});this.autoplay&&this.animations.length>0&&this.playAnimation(this.animationName||void 0);for(let m of j)m.onLoadModel?.(this,this.gltf);this.customDistance||(this.initialDistance=this.distanceMode==="absolute"?3:i.radius*2.5,this.targetDistance=this.initialDistance,this.currDistance=this.initialDistance);let u=t.exposure??t.gltf?.extras?.exposure??t.gltf?.asset?.extras?.exposure;u!==void 0&&(this.exposure=Ce(u));let f=t.environmentIntensity??t.gltf?.extras?.environmentIntensity??t.gltf?.asset?.extras?.environmentIntensity;f!==void 0&&(this.envIntensity=Math.max(0,Number(f)||0)),this.container&&typeof this.container.hasAttribute=="function"&&this.container.hasAttribute("poster")&&this.container.removeAttribute("poster"),this.resize(),this.update(0),this.render(),this.animFrameId===null&&typeof requestAnimationFrame<"u"&&this.opts.autoStart!==!1&&this.start()}loadGLB(t){this.loadGLBData(ze(t))}clearScene(){this.disposeMeshGpuResources(),this.lights=[],this.animations=[],this.currentClip=null,this.isPlayingAnimation=!1,this.worldMatrices=[],this.gltf=null,this.initialNodeTransforms=[],this.turntableRotation=0,this.updateTurntableMatrix(),this.gl&&this.render()}loadModel(t){this.loadGLBData(pe(t))}setBackdropGLB(t,e){if(this.disposeMeshListGpuResources(this.backdropMeshes),this.backdropMeshes=[],!t){this.update(0),this.render();return}let r=pe(t),{meshes:i}=He(this.gl,r,Ke,()=>this.render());if(e)for(let s of i)s.transform[12]+=e[0],s.transform[13]+=e[1],s.transform[14]+=e[2],ce(s.normalMatrix,s.transform);this.backdropMeshes=i,this.update(0),this.render()}setClearColor(t,e,r,i=1){this.clearColor=[t,e,r,i]}updateMeshTransforms(t){for(let e=0;e<this.meshes.length;e++){let r=this.meshes[e],i;t instanceof Map?i=t.get(r.name)??t.get(e):Array.isArray(t)?i=t[e]:t&&typeof t=="object"&&(Object.prototype.hasOwnProperty.call(t,r.name)?i=t[r.name]:Object.prototype.hasOwnProperty.call(t,e)&&(i=t[e])),i&&i.length===16&&(r.transform.set(i),ce(r.normalMatrix,r.transform))}}bindLights(t=this.uRender){let e=this.gl,r=[.28,.28,.28],i=[],s=[],a=[],l=[];for(let o of this.lights){let c=o.color||[1,1,1],u=o.intensity!==void 0?o.intensity:1;if(o.type==="ambient")r=[c[0]*u,c[1]*u,c[2]*u];else if(o.type==="directional"&&i.length<6){let f=o.direction||[.5,1,.8];i.push(f[0],f[1],f[2]),s.push(c[0]*u,c[1]*u,c[2]*u)}else if(o.type==="point"&&a.length<6){let f=o.position||[0,0,0];a.push(f[0],f[1],f[2]),l.push(c[0]*u,c[1]*u,c[2]*u)}}i.length===0&&(i.push(.5,1,.8),s.push(1,1,1)),e.uniform3fv(t.uAmbientColor,r),e.uniform1i(t.uNumDirLights,i.length/3),i.length>0&&(e.uniform3fv(t.uDirLightDir,i),e.uniform3fv(t.uDirLightColor,s)),e.uniform1i(t.uNumPointLights,a.length/3),a.length>0&&(e.uniform3fv(t.uPointLightPos,a),e.uniform3fv(t.uPointLightColor,l)),e.uniform1f(t.uEnvIntensity,this.envIntensity)}setExposure(t){this.exposure=Ce(t)}getExposure(){return this.exposure}setShadow(t,e){this.shadowIntensity=Math.max(0,Math.min(1,Number(t)||0)),e!==void 0&&(this.shadowSoftness=Math.max(0,Math.min(1,Number(e)||0)))}getShadowIntensity(){return this.shadowIntensity}getShadowSoftness(){return this.shadowSoftness}setToneMapping(t){this.toneMapping=de(t)}getToneMapping(){return this.toneMapping}async setEnvironmentImage(t){for(let e of j)if(e.setEnvironmentImage){await e.setEnvironmentImage(this,t);return}}async setSkyboxImage(t){for(let e of j)if(e.setSkyboxImage){await e.setSkyboxImage(this,t);return}}setInteractive(t){this.interactive=t}isInteractive(){return this.interactive}getCameraOrbit(){let t=this.currTheta,e=this.currPhi,r=this.currDistance;return{theta:t,phi:e,radius:r,toString(){return`${t.toFixed(4)}rad ${e.toFixed(4)}rad ${r.toFixed(4)}m`}}}getCameraTarget(){let t=this.customTarget||this.bounds.center;return{x:t[0],y:t[1],z:t[2],toString(){return`${t[0].toFixed(4)}m ${t[1].toFixed(4)}m ${t[2].toFixed(4)}m`}}}jumpCameraToGoal(){this.currTheta=this.targetTheta,this.currPhi=this.targetPhi,this.currDistance=this.targetDistance,this.update(0),this.render()}getModelMaterials(){let t=this.gltf?.materials?.length?this.gltf.materials:[{name:"DefaultMaterial",pbrMetallicRoughness:{}}];return t.map((e,r)=>{let i=this.meshes.flatMap(u=>u.primitives.filter(f=>f.materialIndex===r||t.length===1&&f.materialIndex===void 0)),s=i[0],a=s?[...s.baseColor]:e.pbrMetallicRoughness?.baseColorFactor||[.8,.8,.8,1],l=s?s.metallic:e.pbrMetallicRoughness?.metallicFactor??.1,o=s?s.roughness:e.pbrMetallicRoughness?.roughnessFactor??.5,c={baseColorFactor:a,metallicFactor:l,roughnessFactor:o,setBaseColorFactor:u=>{let f=[u[0],u[1],u[2],u[3]??1];c.baseColorFactor=f,e.pbrMetallicRoughness&&(e.pbrMetallicRoughness.baseColorFactor=f);for(let m of i)m.baseColor=f;this.render()},setMetallicFactor:u=>{c.metallicFactor=u,e.pbrMetallicRoughness&&(e.pbrMetallicRoughness.metallicFactor=u);for(let f of i)f.metallic=u;this.render()},setRoughnessFactor:u=>{c.roughnessFactor=u,e.pbrMetallicRoughness&&(e.pbrMetallicRoughness.roughnessFactor=u);for(let f of i)f.roughness=u;this.render()}};return{name:e.name||`Material_${r}`,pbrMetallicRoughness:c}})}playAnimation(t){if(this.animations.length!==0){if(t){let e=this.animations.find(r=>r.name===t);e&&(this.currentClip=e)}else this.currentClip||(this.currentClip=this.animations[0]);this.isPlayingAnimation=!0}}pauseAnimation(){this.isPlayingAnimation=!1}getAvailableAnimations(){return this.animations.map(t=>t.name)}getAvailableVariants(){return[...this.availableVariants]}getVariantName(){return this.activeVariantName}selectVariant(t){let e=this.applyVariantMaterial(t);return e&&this.gl&&this.render(),e}applyVariantMaterial(t){let e=t===null||t==="",r=-1;if(e)this.activeVariantName=null;else{if(r=this.availableVariants.indexOf(t),r<0)return!1;this.activeVariantName=t}let i=this.gltf?.materials;if(!Array.isArray(i))return e;for(let s of this.meshes)for(let a of s.primitives){let l=a.defaultMaterialIndex;if(!e&&Array.isArray(a.variantMappings)){for(let c of a.variantMappings)if(Array.isArray(c.variants)&&c.variants.includes(r)){l=c.material;break}}let o=l!==void 0?i[l]:void 0;a.materialIndex=o?l:void 0,Object.assign(a,Ze(o,this.gpuTextures)),this.applyPrimitiveProgram(a,a.materialIndex,o??null)}return!0}applyPrimitiveProgram(t,e,r){if(!this.gl||!t.primitiveDef)return;t.programCache??(t.programCache=new Map);let i=e??-1,s=t.programCache.get(i);s||(s=$e(this.gl,{...t.primitiveDef,material:e},r),t.programCache.set(i,s)),t.customProgram=s.program,t.customUniforms=s.uniforms,t.pluginData&&(t.pluginData.materials=t.isTransmissive?{isTransmissive:!0}:void 0)}setAutoplay(t){this.autoplay=t,t?this.playAnimation(this.animationName||void 0):this.pauseAnimation()}setAnimationName(t){this.animationName=t,(this.isPlayingAnimation||this.autoplay)&&this.playAnimation(t)}evaluateAnimation(t){for(let e of j)if(e.evaluateAnimation){e.evaluateAnimation(this,t);return}}setTarget(t,e,r){this.customTarget=[t,e,r],this.gl&&(this.meshes.length>0||this.backdropMeshes.length>0)&&(this.update(0),this.render())}getTarget(){return this.customTarget?[...this.customTarget]:null}setFieldOfView(t){let e=Math.max(10,Math.min(90,t));this.fov=e*Math.PI/180}getFieldOfView(){return this.fov*180/Math.PI}setDistanceMode(t){if(this.distanceMode=t,!this.customDistance){let e=this.clampDistance(this.distanceMode==="absolute"?3:this.bounds.radius*2.5);this.initialDistance=e,this.targetDistance=e,this.currDistance=e,this.gl&&(this.meshes.length>0||this.backdropMeshes.length>0)&&(this.update(0),this.render())}}getDistanceMode(){return this.distanceMode}setOrbitLimits(t){t.minTheta!==void 0&&(this.minTheta=t.minTheta*Math.PI/180),t.maxTheta!==void 0&&(this.maxTheta=t.maxTheta*Math.PI/180),t.minPhi!==void 0&&(this.minPhi=Math.max(-Math.PI*.48,t.minPhi*Math.PI/180)),t.maxPhi!==void 0&&(this.maxPhi=Math.min(Math.PI*.48,t.maxPhi*Math.PI/180)),t.minDistance!==void 0&&(this.minDistanceLimit=t.minDistance),t.maxDistance!==void 0&&(this.maxDistanceLimit=t.maxDistance),this.targetTheta=this.clampTheta(this.targetTheta),this.targetPhi=this.clampPhi(this.targetPhi),this.targetDistance=this.clampDistance(this.targetDistance)}getOrbitLimits(){return{minTheta:isFinite(this.minTheta)?this.minTheta*180/Math.PI:void 0,maxTheta:isFinite(this.maxTheta)?this.maxTheta*180/Math.PI:void 0,minPhi:this.minPhi*180/Math.PI,maxPhi:this.maxPhi*180/Math.PI,minDistance:this.minDistanceLimit!==null?this.minDistanceLimit:void 0,maxDistance:this.maxDistanceLimit!==null?this.maxDistanceLimit:void 0}}clampTheta(t){return Math.max(this.minTheta,Math.min(this.maxTheta,t))}clampPhi(t){return Math.max(this.minPhi,Math.min(this.maxPhi,t))}clampDistance(t){let e=this.minDistanceLimit!==null?this.minDistanceLimit:this.bounds?this.bounds.radius*.5:.1,r=this.maxDistanceLimit!==null?this.maxDistanceLimit:this.bounds?this.bounds.radius*8:100;return Math.max(e,Math.min(r,t))}setCamera(t,e,r,i){t!==void 0&&(this.targetTheta=this.clampTheta(t*Math.PI/180)),e!==void 0&&(this.targetPhi=this.clampPhi(e*Math.PI/180)),r!==void 0&&r>0&&(this.targetDistance=this.clampDistance(r)),i!==void 0&&i>0&&(this.targetDistance=this.clampDistance(this.bounds.radius*2.5/i))}setInitialCamera(t,e,r,i){if(t!==void 0&&(this.initialTheta=this.clampTheta(t*Math.PI/180),this.targetTheta=this.initialTheta,this.currTheta=this.initialTheta),e!==void 0&&(this.initialPhi=this.clampPhi(e*Math.PI/180),this.targetPhi=this.initialPhi,this.currPhi=this.initialPhi),r!==void 0&&r>0){let s=this.clampDistance(r);this.initialDistance=s,this.customDistance=!0,this.targetDistance=s,this.currDistance=s}else if(i!==void 0&&i>0){let s=this.clampDistance(this.bounds.radius*2.5/i);this.initialDistance=s,this.customDistance=!0,this.targetDistance=s,this.currDistance=s}else{this.customDistance=!1;let s=this.clampDistance(this.distanceMode==="absolute"?3:this.bounds.radius*2.5);this.initialDistance=s,this.targetDistance=s,this.currDistance=s}this.gl&&(this.meshes.length>0||this.backdropMeshes.length>0)&&(this.update(0),this.render())}resetCamera(){this.targetTheta=this.clampTheta(this.initialTheta),this.targetPhi=this.clampPhi(this.initialPhi),this.initialDistance!==null?this.targetDistance=this.clampDistance(this.initialDistance):this.targetDistance=this.clampDistance(this.bounds.radius*2.5),this.initialCustomTarget?this.customTarget=[...this.initialCustomTarget]:this.customTarget=null,this.turntableRotation=0,this.updateTurntableMatrix()}projectPointToScreen(t,e){let r=X();ee(r,this.projMatrix,this.viewMatrix);let[i,s,a]=t,l=e?e[0]:0,o=e?e[1]:0,c=e?e[2]:0,u=this.modelRootMatrix;u&&(i=u[0]*t[0]+u[4]*t[1]+u[8]*t[2]+u[12],s=u[1]*t[0]+u[5]*t[1]+u[9]*t[2]+u[13],a=u[2]*t[0]+u[6]*t[1]+u[10]*t[2]+u[14],e&&(l=u[0]*e[0]+u[4]*e[1]+u[8]*e[2],o=u[1]*e[0]+u[5]*e[1]+u[9]*e[2],c=u[2]*e[0]+u[6]*e[1]+u[10]*e[2]));let f=r[0]*i+r[4]*s+r[8]*a+r[12],m=r[1]*i+r[5]*s+r[9]*a+r[13],g=r[2]*i+r[6]*s+r[10]*a+r[14],d=r[3]*i+r[7]*s+r[11]*a+r[15];if(d<=1e-4)return{x:0,y:0,z:1,visible:!1};let A=f/d,v=m/d,x=g/d,w=this.canvas.getBoundingClientRect(),y=w.width||this.canvas.clientWidth||this.canvas.width||300,T=w.height||this.canvas.clientHeight||this.canvas.height||150,p=(A*.5+.5)*y,M=(-v*.5+.5)*T,_=A>=-1.1&&A<=1.1&&v>=-1.1&&v<=1.1&&x>=-1&&x<=1;if(_&&e){let[D,O,V]=fe(this),F=[i-D,s-O,a-V];l*F[0]+o*F[1]+c*F[2]>.05&&(_=!1)}return{x:p,y:M,z:x,visible:_}}setSelectedMesh(t){this.selectedMeshName=t||""}getSelectedMesh(){return this.selectedMeshName}setupEvents(){let t=this.canvas;this.boundContextMenu=e=>{e.preventDefault()},t.addEventListener("contextmenu",this.boundContextMenu),this.boundPointerDown=e=>{this.interactive&&(this.isPointerDown=!0,this.lastInteractionTime=typeof performance<"u"?performance.now():Date.now(),this.lastPointerX=e.clientX,this.lastPointerY=e.clientY,this.totalDragDist=0,this.activePointers.set(e.pointerId,{x:e.clientX,y:e.clientY}),this.isPanning=e.button===2||e.shiftKey||this.activePointers.size===2,t.setPointerCapture(e.pointerId))},t.addEventListener("pointerdown",this.boundPointerDown),this.boundPointerMove=e=>{if(!this.isPointerDown||!this.interactive)return;this.lastInteractionTime=typeof performance<"u"?performance.now():Date.now();let r=this.activePointers.get(e.pointerId)||{x:this.lastPointerX,y:this.lastPointerY},i=e.clientX-r.x,s=e.clientY-r.y;if(this.activePointers.set(e.pointerId,{x:e.clientX,y:e.clientY}),this.lastPointerX=e.clientX,this.lastPointerY=e.clientY,this.totalDragDist+=Math.hypot(i,s),this.isPanning||e.button===2||e.shiftKey||this.activePointers.size===2){let a=[this.viewMatrix[0],this.viewMatrix[4],this.viewMatrix[8]],l=[this.viewMatrix[1],this.viewMatrix[5],this.viewMatrix[9]],o=this.customTarget?[...this.customTarget]:[...this.bounds.center],c=this.currDistance/Math.max(t.clientHeight||300,1)*1.5;o[0]+=(-i*a[0]+s*l[0])*c,o[1]+=(-i*a[1]+s*l[1])*c,o[2]+=(-i*a[2]+s*l[2])*c,this.customTarget=o}else this.targetTheta=this.clampTheta(this.targetTheta-i*.008),this.targetPhi=this.clampPhi(this.targetPhi+s*.008)},t.addEventListener("pointermove",this.boundPointerMove),this.boundPointerUp=e=>{this.lastInteractionTime=typeof performance<"u"?performance.now():Date.now(),this.activePointers.delete(e.pointerId),this.activePointers.size===0?(this.isPointerDown=!1,this.isPanning=!1):this.activePointers.size===1&&(this.isPanning=!1);try{t.releasePointerCapture(e.pointerId)}catch{}if(this.totalDragDist<5&&e.button===0){let r=t.getBoundingClientRect(),i=Math.floor((e.clientX-r.left)*(t.width/Math.max(r.width,1))),s=Math.floor((e.clientY-r.top)*(t.height/Math.max(r.height,1)));this.performMeshPick(i,s,!0)}},t.addEventListener("pointerup",this.boundPointerUp),this.boundWheel=e=>{if(!this.interactive)return;e.preventDefault(),this.lastInteractionTime=typeof performance<"u"?performance.now():Date.now();let r=Math.exp(e.deltaY*.001);this.targetDistance=this.clampDistance(this.targetDistance*r)},t.addEventListener("wheel",this.boundWheel,{passive:!1}),this.boundSetCamera=e=>{let r=e.detail||{};r.reset?this.resetCamera():this.setCamera(r.theta,r.phi,r.distance,r.zoom)},this.container.addEventListener("setCamera",this.boundSetCamera),this.boundResetCamera=()=>{this.resetCamera()},this.container.addEventListener("resetCamera",this.boundResetCamera),t.tabIndex!==void 0&&t.tabIndex<0&&(t.tabIndex=0),t.getAttribute?.("role")||t.setAttribute?.("role","region"),t.getAttribute?.("aria-label")||t.setAttribute?.("aria-label","Interactive 3D model viewport"),this.boundKeyDown=e=>{if(!this.interactive)return;let r=typeof performance<"u"?performance.now():Date.now();switch(e.key){case"ArrowLeft":this.lastInteractionTime=r,this.targetTheta=this.clampTheta(this.targetTheta-.1),e.preventDefault();break;case"ArrowRight":this.lastInteractionTime=r,this.targetTheta=this.clampTheta(this.targetTheta+.1),e.preventDefault();break;case"ArrowUp":this.lastInteractionTime=r,this.targetPhi=this.clampPhi(this.targetPhi+.08),e.preventDefault();break;case"ArrowDown":this.lastInteractionTime=r,this.targetPhi=this.clampPhi(this.targetPhi-.08),e.preventDefault();break;case"+":case"=":{this.lastInteractionTime=r,this.targetDistance=this.clampDistance(this.targetDistance*.9),e.preventDefault();break}case"-":case"_":{this.lastInteractionTime=r,this.targetDistance=this.clampDistance(this.targetDistance*1.1),e.preventDefault();break}case"Home":this.lastInteractionTime=r,this.resetCamera(),e.preventDefault();break}},t.addEventListener("keydown",this.boundKeyDown)}teardownEvents(){let t=this.canvas;this.boundContextLost&&(t.removeEventListener("webglcontextlost",this.boundContextLost),this.boundContextLost=null),this.boundContextRestored&&(t.removeEventListener("webglcontextrestored",this.boundContextRestored),this.boundContextRestored=null),this.boundContextMenu&&(t.removeEventListener("contextmenu",this.boundContextMenu),this.boundContextMenu=null),this.boundPointerDown&&(t.removeEventListener("pointerdown",this.boundPointerDown),this.boundPointerDown=null),this.boundPointerMove&&(t.removeEventListener("pointermove",this.boundPointerMove),this.boundPointerMove=null),this.boundPointerUp&&(t.removeEventListener("pointerup",this.boundPointerUp),this.boundPointerUp=null),this.boundWheel&&(t.removeEventListener("wheel",this.boundWheel),this.boundWheel=null),this.boundKeyDown&&(t.removeEventListener("keydown",this.boundKeyDown),this.boundKeyDown=null),this.boundSetCamera&&(this.container.removeEventListener("setCamera",this.boundSetCamera),this.boundSetCamera=null),this.boundResetCamera&&(this.container.removeEventListener("resetCamera",this.boundResetCamera),this.boundResetCamera=null)}raycastFromScreenPoint(t,e){let r=this.canvas,i=r.getBoundingClientRect(),s=r.width||300,a=r.height||300,l=i.width>0?Math.floor((t-i.left)*(s/i.width)):Math.floor(t),o=i.height>0?Math.floor((e-i.top)*(a/i.height)):Math.floor(e);return this.performMeshPick(l,o,!1)}performMeshPick(t,e,r=!0){if(this.meshes.length===0)return null;let i=this.gl,s=Math.max(1,this.canvas.width||300),a=Math.max(1,this.canvas.height||300);t=this.mapStereoPickX(t,s);let l=X();ee(l,this.projMatrix,this.viewMatrix);let o=[],c=Math.max(0,Math.min(s-1,t)),u=Math.max(0,Math.min(a-1,a-1-e));if(this.pickFbo&&i&&!this.xrSessionActive){(this.pickFboWidth!==s||this.pickFboHeight!==a)&&this.resizePickingFbo(s,a),i.bindFramebuffer(36160,this.pickFbo),i.viewport(0,0,s,a),i.enable(2929),i.clearColor(0,0,0,0),i.clear(16384|256),i.useProgram(this.pickProg);for(let _=0;_<this.meshes.length;_++){let D=this.meshes[_];if(D.visible===!1||D.isPluginMesh)continue;let O=_+1,V=(O&255)/255,F=(O>>8&255)/255,h=(O>>16&255)/255;i.uniform4f(this.uPick.uColorId,V,F,h,1),ee(this.modelMatrix,this.modelRootMatrix,D.transform);let E=D.instanceMatrices;if(E&&E.length>=16){let R=E.length>>4,b=X();for(let N of D.primitives){i.bindVertexArray(N.vao);for(let P=0;P<R;P++)ee(b,this.modelMatrix,E.subarray(P*16,P*16+16)),ee(this.mvpMatrix,l,b),i.uniformMatrix4fv(this.uPick.uMVP,!1,this.mvpMatrix),Me(i,N)}}else{ee(this.mvpMatrix,l,this.modelMatrix),i.uniformMatrix4fv(this.uPick.uMVP,!1,this.mvpMatrix);for(let R of D.primitives)i.bindVertexArray(R.vao),Me(i,R)}}let p=new Uint8Array(4);i.readPixels(c,u,1,1,6408,5121,p),i.bindFramebuffer(36160,null);let M=p[0]+(p[1]<<8)+(p[2]<<16);M>0&&M<=this.meshes.length&&(o=[this.meshes[M-1]])}o.length===0&&(o=this.meshes.filter(p=>p.visible!==!1));let f=null,m=1/0,g=[0,0,0],d=[0,1,0],[A,v,x]=fe(this),w=X();for(let p of o){ee(w,this.modelRootMatrix,p.transform);let M=p.instanceMatrices,_=M&&M.length>=16?M.length>>4:1;for(let D=0;D<_;D++){M&&M.length>=16?ee(this.modelMatrix,w,M.subarray(D*16,D*16+16)):this.modelMatrix.set(w),ee(this.mvpMatrix,l,this.modelMatrix);let O=X();if(!_e(O,this.mvpMatrix))continue;let V=(c+.5)/s*2-1,F=(u+.5)/a*2-1,h=[0,0,0],E=[0,0,0];Se(h,V,F,-1,O),Se(E,V,F,1,O);let R=E[0]-h[0],b=E[1]-h[1],N=E[2]-h[2],P=Math.hypot(R,b,N)||1,K=R/P,S=b/P,U=N/P,k={distance:1/0,point:[0,0,0],normal:[0,1,0]};if((J=>{for(let B of p.primitives){if(!B.positions)continue;let z=B.positions,L=B.indices,se=Math.floor(L?L.length/3:z.length/9);for(let H=0;H<se;H++){let ie=L?L[H*3]:H*3,re=L?L[H*3+1]:H*3+1,oe=L?L[H*3+2]:H*3+2;Ge(h[0],h[1],h[2],K,S,U,z[ie*3],z[ie*3+1],z[ie*3+2],z[re*3],z[re*3+1],z[re*3+2],z[oe*3],z[oe*3+1],z[oe*3+2],k,J)}}})(1e-4),isFinite(k.distance)){let J=k.point[0],B=k.point[1],z=k.point[2],L=this.modelMatrix,se=L[0]*J+L[4]*B+L[8]*z+L[12],H=L[1]*J+L[5]*B+L[9]*z+L[13],ie=L[2]*J+L[6]*B+L[10]*z+L[14],re=se-A,oe=H-v,le=ie-x,I=Math.hypot(re,oe,le);if(I<m){ce(this.normalMatrix,this.modelMatrix);let W=this.normalMatrix,ne=k.normal[0],ae=k.normal[1],C=k.normal[2],Y=W[0]*ne+W[3]*ae+W[6]*C,G=W[1]*ne+W[4]*ae+W[7]*C,Q=W[2]*ne+W[5]*ae+W[8]*C,ue=Math.hypot(Y,G,Q)||1;Y/=ue,G/=ue,Q/=ue,Y*re+G*oe+Q*le>0&&(Y=-Y,G=-G,Q=-Q),f=p,m=Math.round(I*1e3)/1e3,g=[Math.round(se*1e3)/1e3,Math.round(H*1e3)/1e3,Math.round(ie*1e3)/1e3],d=[Math.round(Y*1e3)/1e3,Math.round(G*1e3)/1e3,Math.round(Q*1e3)/1e3]}}}}if(!f)return null;let T={meshIndex:this.meshes.indexOf(f),meshName:f.name,nodeIndex:f.nodeIndex,distance:m,hitPoint:g,normal:d,screenX:t,screenY:e};if(r){for(let p of j)p.onMeshSelect?.(this,T);this.opts.onMeshClick&&this.opts.onMeshClick(T),typeof CustomEvent<"u"&&typeof this.container.dispatchEvent=="function"&&this.container.dispatchEvent(new CustomEvent("meshClick",{bubbles:!0,detail:T}))}return T}mapStereoPickX(t,e){if(!this.stereoSBS||this.xrSessionActive||e<2)return t;let r=Math.max(1,Math.floor(e*.5)),i=t>=r,s=i?t-r:t,a=i?Math.max(1,e-r):r,l=(s+.5)/a*2-1;return Math.floor((l*.5+1)*.5*e)}setStereoSBS(t){this.stereoSBS=!!t,this.xrSessionActive||(this.syncCameraMatrices(),this.render())}syncCameraMatrices(){let t=Math.max(1,this.canvas.width||1)/Math.max(1,this.canvas.height||1),e=this.backdropMeshes.length>0?Math.max(this.bounds.radius*20,120):Math.max(this.bounds.radius*20,10);ye(this.projMatrix,this.fov,t,.1,e);let r=this.customTarget||this.bounds.center;Te(this.viewMatrix,fe(this),r,[0,1,0]),ee(this.mvpMatrix,this.projMatrix,this.viewMatrix),ce(this.normalMatrix,this.modelMatrix)}resize(){let t=Math.min((typeof window<"u"?window.devicePixelRatio:1)||1,2),e=this.canvas.getBoundingClientRect(),r=Math.max(1,Math.floor(e.width*t)),i=Math.max(1,Math.floor(e.height*t));this.canvas.width!==r||this.canvas.height!==i?(this.canvas.width=r,this.canvas.height=i,this.resizePickingFbo(r,i),this.xrSessionActive||this.syncCameraMatrices()):!this.xrSessionActive&&this.projMatrix[0]===0&&this.syncCameraMatrices()}getGLContext(){return this.gl}setXRSessionActive(t){let e=this.xrSessionActive;if(this.xrSessionActive=t,e&&!t){this.xrDepthState.enabled=!1;for(let r of j)r.onXRSessionEnd?.(this);if(this.lastTime=typeof performance<"u"?performance.now():Date.now(),this.updateTurntableMatrix(),this.isVisible)try{this.resize(),this.syncCameraMatrices(),this.render()}catch(r){this.reportRenderError(r)}}}reportRenderError(t){this.renderErrorReported||(this.renderErrorReported=!0,typeof console<"u"&&console.warn("[three-live] render frame failed:",t))}stepXRUpdate(t){for(let e of j)e.onUpdate?.(this,t)}start(){if(this.animFrameId!==null)return;this.lastTime=typeof performance<"u"?performance.now():Date.now();let t=e=>{if(this.animFrameId===null)return;let r=Math.min(Math.max((e-this.lastTime)/1e3,0),.1);if(this.lastTime=e,this.isVisible&&!this.xrSessionActive)try{this.resize(),this.update(r),this.render()}catch(i){this.reportRenderError(i)}this.animFrameId!==null&&(this.animFrameId=requestAnimationFrame(t))};this.animFrameId=requestAnimationFrame(t)}stop(){this.animFrameId!==null&&(cancelAnimationFrame(this.animFrameId),this.animFrameId=null)}setAutoRotate(t){this.autoRotate=t}getAutoRotate(){return this.autoRotate}setAutoRotateSpeed(t){this.autoRotateSpeed=t}getAutoRotateSpeed(){return this.autoRotateSpeed}setAutoRotateDelay(t){this.autoRotateDelay=Math.max(0,Number(t)||0)}getAutoRotateDelay(){return this.autoRotateDelay}resetTurntableRotation(t=0){this.turntableRotation=Number(t)||0,this.updateTurntableMatrix(),this.render()}updateTurntableMatrix(){let t=Math.cos(this.turntableRotation),e=Math.sin(this.turntableRotation),r=this.bounds.center[0],i=this.bounds.center[2],s=this.modelRootMatrix;s[0]=t,s[1]=0,s[2]=-e,s[3]=0,s[4]=0,s[5]=1,s[6]=0,s[7]=0,s[8]=e,s[9]=0,s[10]=t,s[11]=0,s[12]=r-(t*r+e*i),s[13]=0,s[14]=i-(-e*r+t*i),s[15]=1}setVisible(t){this.isVisible=t}update(t){for(let a of j)a.onUpdate?.(this,t);let e=typeof performance<"u"?performance.now():Date.now();if(!this.isPointerDown&&this.autoRotate&&e-this.lastInteractionTime>=this.autoRotateDelay){this.turntableRotation+=this.autoRotateSpeed*t,this.updateTurntableMatrix();for(let a of j)a.onCameraChange?.(this,this.container)}this.currTheta+=(this.targetTheta-this.currTheta)*.12,this.currPhi+=(this.targetPhi-this.currPhi)*.12,this.currDistance+=(this.targetDistance-this.currDistance)*.12,this.syncCameraMatrices();let r=Math.round((this.currTheta*180/Math.PI%360+360)%360),i=Math.round(this.currPhi*180/Math.PI),s=Math.round(this.bounds.radius*2.5/this.currDistance*100)/100;if(Math.abs(r-this.lastReportedTheta)>=1||Math.abs(i-this.lastReportedPhi)>=1||Math.abs(s-this.lastReportedZoom)>=.02){this.lastReportedTheta=r,this.lastReportedPhi=i,this.lastReportedZoom=s;let a={theta:r,phi:i,zoom:s,distance:Math.round(this.currDistance*100)/100};this.opts.onCameraChange&&this.opts.onCameraChange(a),typeof CustomEvent<"u"&&typeof this.container.dispatchEvent=="function"&&this.container.dispatchEvent(new CustomEvent("cameraChange",{bubbles:!0,detail:a}))}}renderXRView(t,e,r,i,s=!0,a=0){this.onBeforeRenderXRView&&this.onBeforeRenderXRView(t);let l=t?.transform?.inverse?.matrix||this.viewMatrix,o=t?.projectionMatrix||this.projMatrix,c=t?.transform?.position,u=c?[c.x,c.y,c.z]:[0,1.6,0];e?this.modelRootMatrix.set(e):r&&e&&this.modelRootMatrix.set(e),this.render({viewMatrix:l,projMatrix:o,eyePos:u,viewport:i,eye:t?.eye||"none",clear:a>0?!1:t?.eye!=="right",isAR:s})}render(t){if(this.contextLost)return;if(!t&&this.stereoSBS){let y=Math.max(2,this.canvas.width||2),T=Math.max(1,this.canvas.height||1),p=Math.max(1,Math.floor(y*.5)),M=Math.max(1,y-p),_=this.backdropMeshes.length>0?Math.max(this.bounds.radius*20,120):Math.max(this.bounds.radius*20,10),D=this.customTarget||this.bounds.center,[O,V,F]=fe(this),h=Math.cos(this.currTheta),E=-Math.sin(this.currTheta),R=.032,b=X(),N=X(),P=[O-h*R,V,F-E*R],K=[D[0]-h*R*.25,D[1],D[2]-E*R*.25];ye(b,this.fov,p/T,.1,_),Te(N,P,K,[0,1,0]);let S=X(),U=X(),k=[O+h*R,V,F+E*R],Z=[D[0]+h*R*.25,D[1],D[2]+E*R*.25];ye(S,this.fov,M/T,.1,_),Te(U,k,Z,[0,1,0]),this.render({viewMatrix:N,projMatrix:b,eyePos:P,viewport:[0,0,p,T],eye:"left",clear:!0,isAR:!1}),this.render({viewMatrix:U,projMatrix:S,eyePos:k,viewport:[p,0,M,T],eye:"right",clear:!1,isAR:!1}),this.gl.viewport(0,0,y,T);return}let e=this.gl,r=0,i=0,s=this.canvas.width,a=this.canvas.height;t?.viewport?(r=t.viewport[0],i=t.viewport[1],s=t.viewport[2],a=t.viewport[3],e.viewport(r,i,s,a)):e.viewport(0,0,this.canvas.width,this.canvas.height),e.enable(2929),(!t||t.clear!==!1)&&(t?.isAR?e.clearColor(0,0,0,0):e.clearColor(this.clearColor[0],this.clearColor[1],this.clearColor[2],this.clearColor[3]),e.clear(16384|256));let l=X(),o=t?.viewMatrix??this.viewMatrix;this.activeViewMatrix=o,ee(l,t?.projMatrix??this.projMatrix,o);let c=$().xrDepthShader,u=ot(this.toneMapping),[f,m,g]=t?t.eyePos:fe(this);for(let y of j)y.onBeforeDrawScene?.(this,e,l,[f,m,g],u);let d=t?.isAR?0:this.backdropMeshes.length;if(this.meshes.length===0&&d===0)return;let A=t?.eye||"none",v=!1,x=d>0?[...this.backdropMeshes,...this.meshes]:this.meshes,w=y=>{for(let T=0;T<x.length;T++){let p=x[T];if(p.visible===!1)continue;let M=this.selectedMeshName!==""&&p.name===this.selectedMeshName;T<d||p.worldSpace===!0||p.name==="__xr_reticle__"?this.modelMatrix.set(p.transform):ee(this.modelMatrix,this.modelRootMatrix,p.transform),ee(this.mvpMatrix,l,this.modelMatrix),ce(p.normalMatrix,this.modelMatrix);let _=p.extras?.xr?.stereo||p.userData?.xr?.stereo,D=0,O=0,V=1,F=1;_==="sbs"?(V=.5,D=A==="right"?.5:0):_==="ou"&&(F=.5,O=A==="right"?.5:0);for(let h of p.primitives){let E=!!h.isTransmissive;if(!y&&E){v=!0;continue}if(y&&!E)continue;let R=h.customProgram||this.renderProg,b=h.customUniforms||this.uRender;e.useProgram(R),e.uniform1i(b.uToneMapping,u),e.uniform1f(b.uEnvIntensity,this.envIntensity),b.uExposure&&e.uniform1f(b.uExposure,this.exposure),e.uniform3f(b.uCameraPos,f,m,g),e.uniform1f(b.uEmissive,M?1:0),e.uniformMatrix4fv(b.uMVP,!1,this.mvpMatrix),e.uniformMatrix4fv(b.uModel,!1,this.modelMatrix),e.uniformMatrix3fv(b.uNormalMatrix,!1,p.normalMatrix),b.uUvTransform&&e.uniform4f(b.uUvTransform,D,O,V,F),b.uViewportSize&&e.uniform2f(b.uViewportSize,Math.max(1,s),Math.max(1,a)),c?.bind(e,b,this.xrDepthState,o,[r,i,Math.max(1,s),Math.max(1,a)]),this.environmentTexture?(e.activeTexture(33988),e.bindTexture(3553,this.environmentTexture),e.uniform1i(b.uEnvironmentMap,4),e.uniform1i(b.uHasEnvironmentMap,1)):e.uniform1i(b.uHasEnvironmentMap,0),this.bindLights(b),b.uSectionEnabled&&e.uniform1i(b.uSectionEnabled,0);for(let P of j)P.onBeforeDrawPrimitive?.(e,R,h,p,this.worldMatrices||[],this.gltf);e.uniform4fv(b.uBaseColor,h.baseColor),e.uniform1f(b.uMetallic,h.metallic),e.uniform1f(b.uRoughness,h.roughness),b.uClearcoat&&e.uniform2f(b.uClearcoat,h.clearcoat??0,h.clearcoatRoughness??.04),h.texture?(e.activeTexture(33984),e.bindTexture(3553,h.texture),e.uniform1i(b.uBaseColorTexture,0),e.uniform1i(b.uHasTexture,1)):e.uniform1i(b.uHasTexture,0),h.metallicRoughnessTexture?(e.activeTexture(33985),e.bindTexture(3553,h.metallicRoughnessTexture),e.uniform1i(b.uMetallicRoughnessTexture,1),e.uniform1i(b.uHasMetallicRoughnessTexture,1)):e.uniform1i(b.uHasMetallicRoughnessTexture,0),h.normalTexture?(e.activeTexture(33986),e.bindTexture(3553,h.normalTexture),e.uniform1i(b.uNormalTexture,2),e.uniform1i(b.uHasNormalTexture,1),e.uniform1f(b.uNormalScale,h.normalScale)):e.uniform1i(b.uHasNormalTexture,0),h.occlusionTexture?(e.activeTexture(33987),e.bindTexture(3553,h.occlusionTexture),e.uniform1i(b.uOcclusionTexture,3),e.uniform1i(b.uHasOcclusionTexture,1),e.uniform1f(b.uOcclusionStrength,h.occlusionStrength)):e.uniform1i(b.uHasOcclusionTexture,0),e.bindVertexArray(h.vao);let N=p.instanceMatrices;if(N&&N.length>=16&&h.instanced&&b.uInstanced&&b.uViewProj){let P=N.length>>4;e.uniform1i(b.uInstanced,1),e.uniformMatrix4fv(b.uViewProj,!1,l),h.indices?e.drawElementsInstanced(4,h.indexCount,h.indexType,0,P):e.drawArraysInstanced(4,0,h.indexCount,P),e.uniform1i(b.uInstanced,0)}else if(N&&N.length>=16){let P=N.length>>4,K=p.instanceColors,S=X(),U=new Float32Array(9),k=[h.baseColor[0],h.baseColor[1],h.baseColor[2],h.baseColor[3]];for(let Z=0;Z<P;Z++)ee(S,this.modelMatrix,N.subarray(Z*16,Z*16+16)),ee(this.mvpMatrix,l,S),ce(U,S),e.uniformMatrix4fv(b.uMVP,!1,this.mvpMatrix),e.uniformMatrix4fv(b.uModel,!1,S),e.uniformMatrix3fv(b.uNormalMatrix,!1,U),K&&(k[0]=h.baseColor[0]*K[Z*3],k[1]=h.baseColor[1]*K[Z*3+1],k[2]=h.baseColor[2]*K[Z*3+2],k[3]=h.baseColor[3],e.uniform4fv(b.uBaseColor,k)),Me(e,h)}else Me(e,h)}}};if(w(!1),v){for(let y of j)y.onBeforeTransmissivePass?.(e,this);w(!0)}for(let y of j)y.onAfterRender?.(e,this,l)}disposeMeshListGpuResources(t,e){Je(this.gl,t,e)}disposeMeshGpuResources(){this.disposeMeshListGpuResources(this.meshes,this.gpuTextures),this.meshes=[],this.gpuTextures=[],this.availableVariants=[]}disposeGpuResources(){let t=this.gl;this.disposeMeshGpuResources(),this.disposeMeshListGpuResources(this.backdropMeshes),this.backdropMeshes=[];for(let e of j)e.onDestroy?.(t,this);this.environmentTexture&&(t.deleteTexture(this.environmentTexture),this.environmentTexture=null),this.renderProg&&t.deleteProgram(this.renderProg),this.pickProg&&t.deleteProgram(this.pickProg),this.pickFbo&&t.deleteFramebuffer(this.pickFbo),this.pickTexture&&t.deleteTexture(this.pickTexture),this.pickDepth&&t.deleteRenderbuffer(this.pickDepth),this.pickFbo=null,this.pickTexture=null,this.pickDepth=null}dispose(){this.stop(),this.teardownEvents(),this.disposeGpuResources()}destroy(){this.dispose()}};te.registerPlugin=Ne,te.getRegisteredPlugins=Be;var xt=typeof HTMLElement<"u"?HTMLElement:class{};typeof CustomEvent>"u"&&typeof Event<"u"&&(globalThis.CustomEvent=class extends Event{constructor(n,t){super(n,t),this.detail=t?.detail??null}});var q=class q extends xt{constructor(){super(...arguments);this.viewer=null;this.canvas=null;this.posterEl=null;this.arButton=null;this.currentModel=null;this.activeXRSession=null;this.toastTimer=null;this.currentModelLimits=void 0;this.isModelLoaded=!1;this.scriptHandle=null;this.resizeObserver=null;this.mutationObserver=null}static get arProvider(){return $().arProvider}static set arProvider(e){$().arProvider=e}static get scriptRunner(){return $().scriptRunner}static set scriptRunner(e){$().scriptRunner=e}static get sandboxEngineSrc(){return $().sandboxEngineSrc??null}static set sandboxEngineSrc(e){$().sandboxEngineSrc=e}static get sandboxIframeSrc(){return $().sandboxIframeSrc??null}static set sandboxIframeSrc(e){$().sandboxIframeSrc=e}static get allowClientScripts(){return!!$().allowClientScripts}static set allowClientScripts(e){$().allowClientScripts=e}static registerScriptRunner(e){q.scriptRunner=e}static registerDecoder(e,r){te.registerDecoder(e,r)}static getDecoder(e){return te.getDecoder(e)}static registerAR(e){typeof e=="function"?q.arProvider={activateAR:e}:q.arProvider=e,typeof document<"u"&&document.querySelectorAll("three-live").forEach(i=>{i instanceof q&&i.updateARButtonVisibility()})}static isARSupported(){return!!q.arProvider}getLoadedModel(){return this.currentModel}connectedCallback(){if(typeof document>"u")return;(!this.style.display||this.style.display==="inline")&&(this.style.display="block"),getComputedStyle(this).position==="static"&&(this.style.position="relative"),this.style.overflow="hidden",this.setupDOM(),this.initViewer(),this.setupResizeObserver();let e=this.getAttribute("src"),r=this.getAttribute("script-src");if(e)this.loadModel(e).catch(()=>{});else if(r)this.loadScriptFromSrc(r).catch(()=>{});else{let i=this.querySelector('script[type="text/three"], script[type="text/three-live"]');i&&i.textContent&&this.executeScript(i.textContent).catch(()=>{})}for(let i of te.getRegisteredPlugins())i.onElementConnected?.(this)}disconnectedCallback(){for(let e of te.getRegisteredPlugins())e.onElementDisconnected?.(this);this.scriptHandle&&(this.scriptHandle.terminate(),this.scriptHandle=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.activeXRSession&&(this.activeXRSession.stop?.().catch?.(()=>{}),this.activeXRSession=null),this.toastTimer&&(clearTimeout(this.toastTimer),this.toastTimer=null),this.viewer&&(this.viewer.destroy(),this.viewer=null),this.isModelLoaded=!1}attributeChangedCallback(e,r,i){if(r!==i){switch(e){case"src":i&&this.loadModel(i).catch(()=>{});break;case"camera-target":this.applyCameraTarget(i);break;case"min-camera-orbit":case"max-camera-orbit":this.applyOrbitLimits();break;case"field-of-view":this.applyFieldOfView(i);break;case"script-src":i&&this.loadScriptFromSrc(i).catch(()=>{});break;case"sandbox":case"allow-client-scripts":case"ios-src":break;case"poster":this.updatePoster(i);break;case"camera-orbit":this.applyCameraOrbit(i);break;case"selected-mesh":this.viewer&&i!==null&&this.viewer.setSelectedMesh(i);break;case"exposure":if(this.viewer&&i!==null){let s=parseFloat(i);isNaN(s)||this.viewer.setExposure(s)}break;case"shadow-intensity":case"shadow-softness":this.viewer&&this.viewer.setShadow(this.shadowIntensity,this.shadowSoftness);break;case"tone-mapping":this.viewer?.setToneMapping(de(i));break;case"environment-image":this.viewer&&this.viewer.setEnvironmentImage(i).catch(()=>{});break;case"skybox-image":this.viewer&&this.viewer.setSkyboxImage?.(i)?.catch?.(()=>{});break;case"camera-controls":{let s=this.cameraControls;this.viewer&&this.viewer.setInteractive?.(s),this.canvas&&(this.canvas.style.touchAction=s?"none":"auto");break}case"autoplay":this.viewer&&this.viewer.setAutoplay(i!==null&&i!=="false");break;case"animation-name":this.viewer&&i!==null&&this.viewer.setAnimationName(i);break;case"variant-name":this.viewer&&this.selectVariant(i);break;case"auto-rotate":this.viewer&&this.viewer.setAutoRotate(i!==null&&i!=="false");break;case"auto-rotate-delay":this.viewer&&this.viewer.setAutoRotateDelay(this.autoRotateDelay);break;case"rotation-per-second":this.viewer&&this.viewer.setAutoRotateSpeed(this.parseRotationPerSecond(i));break;case"ar":this.updateARButtonVisibility();break}for(let s of te.getRegisteredPlugins())s.onAttributeChanged?.(this,e,r,i)}}getAttr(e){return this.getAttribute(e)}setAttr(e,r){r!==null?this.setAttribute(e,r):this.removeAttribute(e)}getBoolAttr(e){return this.hasAttribute(e)&&this.getAttribute(e)!=="false"}setBoolAttr(e,r){r?this.setAttribute(e,""):this.removeAttribute(e)}getFloatAttr(e,r){let i=this.getAttribute(e);return i!==null?parseFloat(i):r}get src(){return this.getAttr("src")}set src(e){this.setAttr("src",e)}get cameraControls(){return this.getBoolAttr("camera-controls")}set cameraControls(e){this.setBoolAttr("camera-controls",e)}get cameraOrbit(){return this.getAttr("camera-orbit")}set cameraOrbit(e){this.setAttr("camera-orbit",e)}get cameraTarget(){return this.getAttr("camera-target")}set cameraTarget(e){this.setAttr("camera-target",e)}get minCameraOrbit(){return this.getAttr("min-camera-orbit")}set minCameraOrbit(e){this.setAttr("min-camera-orbit",e)}get maxCameraOrbit(){return this.getAttr("max-camera-orbit")}set maxCameraOrbit(e){this.setAttr("max-camera-orbit",e)}get fieldOfView(){return this.getAttr("field-of-view")}set fieldOfView(e){this.setAttr("field-of-view",e)}get iosSrc(){return this.getAttr("ios-src")}set iosSrc(e){this.setAttr("ios-src",e)}get scriptSrc(){return this.getAttr("script-src")}set scriptSrc(e){this.setAttr("script-src",e)}get sandbox(){return this.getAttribute("sandbox")||($().sandboxIframeSrc?"iframe":"worker")}set sandbox(e){this.setAttribute("sandbox",e)}get allowClientScripts(){return this.getBoolAttr("allow-client-scripts")||q.allowClientScripts}set allowClientScripts(e){this.setBoolAttr("allow-client-scripts",e)}get poster(){return this.getAttr("poster")}set poster(e){this.setAttr("poster",e)}get selectedMesh(){return this.getAttr("selected-mesh")}set selectedMesh(e){this.setAttr("selected-mesh",e)}get exposure(){return this.getFloatAttr("exposure",1)}set exposure(e){this.setAttribute("exposure",String(e))}get autoRotate(){return this.getBoolAttr("auto-rotate")}set autoRotate(e){this.setBoolAttr("auto-rotate",e)}get autoRotateDelay(){return this.getFloatAttr("auto-rotate-delay",3e3)}set autoRotateDelay(e){this.setAttribute("auto-rotate-delay",String(e))}get rotationPerSecond(){return this.getAttr("rotation-per-second")||"30deg"}set rotationPerSecond(e){this.setAttr("rotation-per-second",e)}get turntableRotation(){return this.viewer?this.viewer.turntableRotation:0}get ar(){return this.hasAttribute("ar")}set ar(e){this.setBoolAttr("ar",e)}get arScale(){return this.getAttribute("ar-scale")||"auto"}set arScale(e){this.setAttribute("ar-scale",e)}get arPlacement(){return this.getAttribute("ar-placement")||"floor"}set arPlacement(e){this.setAttribute("ar-placement",e)}get canActivateAR(){return q.isARSupported()}get shadowIntensity(){return this.getFloatAttr("shadow-intensity",0)}set shadowIntensity(e){this.setAttribute("shadow-intensity",String(e))}get shadowSoftness(){return this.getFloatAttr("shadow-softness",.5)}set shadowSoftness(e){this.setAttribute("shadow-softness",String(e))}get toneMapping(){return de(this.getAttribute("tone-mapping"))}set toneMapping(e){this.setAttribute("tone-mapping",e)}get bloom(){return this.getFloatAttr("bloom",0)}set bloom(e){this.setAttribute("bloom",String(e))}get bloomThreshold(){return Re(this.getAttribute("bloom-threshold"),.62)}set bloomThreshold(e){this.setAttribute("bloom-threshold",String(e))}get bloomRadius(){return Re(this.getAttribute("bloom-radius"),.75)}set bloomRadius(e){this.setAttribute("bloom-radius",String(e))}get outlineSelected(){return this.getBoolAttr("outline-selected")}set outlineSelected(e){this.setBoolAttr("outline-selected",e)}get outlineColor(){return this.getAttr("outline-color")||"#38bdf8"}set outlineColor(e){this.setAttr("outline-color",e)}get environmentImage(){return this.getAttr("environment-image")}set environmentImage(e){this.setAttr("environment-image",e)}get skyboxImage(){return this.getAttr("skybox-image")}set skyboxImage(e){this.setAttr("skybox-image",e)}get autoplay(){return this.getBoolAttr("autoplay")}set autoplay(e){this.setBoolAttr("autoplay",e)}get animationName(){return this.getAttr("animation-name")}set animationName(e){this.setAttr("animation-name",e)}get availableAnimations(){return this.viewer?this.viewer.getAvailableAnimations():[]}get variantName(){return this.viewer?this.viewer.getVariantName():this.getAttr("variant-name")}set variantName(e){this.setAttr("variant-name",e)}get availableVariants(){return this.viewer?this.viewer.getAvailableVariants():[]}selectVariant(e){if(!this.viewer)return!1;let r=this.viewer.selectVariant(e);return r&&this.dispatchEvent(new CustomEvent("variant-applied",{bubbles:!0,composed:!0,detail:{variantName:this.viewer.getVariantName()}})),r}get model(){let e=this.viewer?this.viewer.getModelMaterials():[];return{materials:e,getMaterialByName(r){return e.find(i=>i.name===r)??null}}}play(){this.viewer&&this.viewer.playAnimation(this.animationName||void 0)}pause(){this.viewer&&this.viewer.pauseAnimation()}resetCamera(){this.viewer?.resetCamera()}resetTurntableRotation(e=0){this.viewer?.resetTurntableRotation(e)}setCamera(e,r,i,s){this.viewer&&this.viewer.setCamera(e,r,i,s)}getCameraOrbit(){return this.viewer?this.viewer.getCameraOrbit():{theta:0,phi:0,radius:3,toString(){return"0rad 0rad 3m"}}}getCameraTarget(){return this.viewer?this.viewer.getCameraTarget():{x:0,y:0,z:0,toString(){return"0m 0m 0m"}}}getFieldOfView(){return this.viewer?this.viewer.getFieldOfView():45}jumpCameraToGoal(){this.viewer?.jumpCameraToGoal()}toDataURL(e,r){return this.viewer&&this.viewer.render?.(),this.canvas?this.canvas.toDataURL(e,r):""}toBlob(e){return this.viewer&&this.viewer.render?.(),new Promise((r,i)=>{if(!this.canvas||typeof this.canvas.toBlob!="function"){i(new Error("Canvas toBlob is not supported in this environment."));return}this.canvas.toBlob(s=>{s?r(s):i(new Error("Failed to capture canvas blob."))},e?.mimeType,e?.qualityArgument)})}positionAndNormalFromPoint(e,r){if(!this.viewer)return null;let i=this.viewer.raycastFromScreenPoint(e,r);if(!i)return null;let[s,a,l]=i.hitPoint||i.point,[o,c,u]=i.normal;return{position:{x:s,y:a,z:l,toString(){return`${s}m ${a}m ${l}m`}},normal:{x:o,y:c,z:u,toString(){return`${o}m ${c}m ${u}m`}}}}async loadModel(e){return this.loadModelWithLimits(e)}async loadModelWithLimits(e,r){if(!this.viewer){this.currentModel=e,this.currentModelLimits=r;return}try{let i;if(typeof e=="string"){this.isModelLoaded=!1,this.viewer?.clearScene?.();let o=await fetch(e);if(!o.ok)throw new Error(`Failed to load 3D model from "${e}": HTTP ${o.status}`);i=await o.arrayBuffer()}else i=e;let s=pe(i);this.viewer.loadGLBData(s,r),this.currentModel=s,this.currentModelLimits=r,this.isModelLoaded=!0,this.hidePoster(),this.updateHotspots();let a=this.getAttribute("selected-mesh");a&&this.viewer.setSelectedMesh(a);let l=this.getAttribute("variant-name");l&&this.selectVariant(l),this.dispatchEvent(new CustomEvent("load",{bubbles:!0,composed:!0,detail:{model:s}}))}catch(i){throw this.dispatchEvent(new CustomEvent("error",{bubbles:!0,composed:!0,detail:{error:i}})),i}}showToast(e,r=4500){if(typeof document>"u")return;let i=this.querySelector(".three-live-toast");i||(i=document.createElement("div"),i.className="three-live-toast",i.style.cssText="position:absolute;bottom:70px;left:50%;transform:translateX(-50%) translateY(10px);z-index:10;padding:10px 16px;background-color:rgba(15,23,42,0.94);color:#f8fafc;border:1px solid rgba(56,189,248,0.45);border-radius:14px;font:500 13px/1.35 system-ui,-apple-system,sans-serif;box-shadow:0 10px 25px rgba(0,0,0,0.45);backdrop-filter:blur(12px);pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease;max-width:88%;text-align:center;white-space:normal;word-break:break-word",this.appendChild(i)),i.textContent=e,this.toastTimer&&(clearTimeout(this.toastTimer),this.toastTimer=null),typeof requestAnimationFrame<"u"?requestAnimationFrame(()=>{i&&(i.style.opacity="1",i.style.transform="translateX(-50%) translateY(0)")}):(i.style.opacity="1",i.style.transform="translateX(-50%) translateY(0)"),this.toastTimer=setTimeout(()=>{i&&(i.style.opacity="0",i.style.transform="translateX(-50%) translateY(10px)"),this.toastTimer=null},r)}async activateAR(){if(this.activeXRSession&&typeof this.activeXRSession.isSessionActive=="function"&&this.activeXRSession.isSessionActive()&&(await this.activeXRSession.stop().catch(()=>{}),this.activeXRSession=null),!this.currentModel){let i=new Error("No 3D model is loaded in <three-live>.");throw this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:i}})),this.showToast(i.message,6e3),i}if(!q.arProvider){let i=new Error("AR module not bundled. Use the default 'three-live' bundle or call ThreeLiveElement.registerAR().");throw this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:i}})),this.showToast(i.message,6e3),i}let e=this.getAttribute("ios-src"),r=(this.getAttribute("ar-modes")||"").split(/\s+/).filter(Boolean);try{this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"session-started"}}));let i=await q.arProvider.activateAR({model:e||this.currentModel,glbUrl:typeof this.currentModel=="string"?this.currentModel:void 0,view:this.viewer||void 0,element:this,preferredModes:r.length>0?r:void 0,arScale:this.arScale,arPlacement:this.arPlacement,webXROptions:{onExit:()=>{this.activeXRSession=null,this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"not-presenting"}}))},onError:s=>{this.activeXRSession=null,this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:s}})),this.showToast(`AR error: ${s.message}`,6e3)}}});if(i.success)i.session&&(this.activeXRSession=i.session),i.mode==="quick-look"?this.showToast("Opening Apple AR Quick Look..."):i.mode==="scene-viewer"?this.showToast("Opening Google Scene Viewer..."):i.mode==="webxr"&&this.showToast("WebXR AR session started.");else{let s=typeof navigator<"u"&&navigator.userAgent||"",a=/Macintosh/i.test(s)&&!(typeof navigator<"u"&&navigator.maxTouchPoints>1),l=/Android|iPhone|iPad|iPod/i.test(s);if(a&&!l&&typeof document<"u"&&this.currentModel&&q.arProvider.createUSDZBlob)try{let o=this.currentModel instanceof Blob&&this.currentModel.type==="model/vnd.usdz+zip"?this.currentModel:q.arProvider.createUSDZBlob(this.currentModel),c=URL.createObjectURL(o),u=document.createElement("a");u.href=c,u.download="three_live_model.usdz",document.body.appendChild(u),u.click(),document.body.removeChild(u),setTimeout(()=>URL.revokeObjectURL(c),3e3),this.showToast("Downloaded USDZ preview for macOS Quick Look.",5e3)}catch{this.showToast(i.error?.message||"AR requires an iOS (Quick Look) or Android (WebXR / Scene Viewer) device.",6e3)}else this.showToast(i.error?.message||"AR requires an iOS (Quick Look) or Android (WebXR / Scene Viewer) device.",6e3);i.error&&this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:i.error}}))}return i}catch(i){throw this.activeXRSession=null,this.dispatchEvent(new CustomEvent("ar-status",{bubbles:!0,composed:!0,detail:{status:"failed",error:i}})),this.showToast(`AR error: ${i.message||String(i)}`,6e3),i}}setupDOM(){let e=this.querySelector("canvas");e||(e=document.createElement("canvas"),e.style.width="100%",e.style.height="100%",e.style.display="block",e.style.touchAction=this.cameraControls?"none":"auto",e.style.outline="none",this.appendChild(e)),this.canvas=e;let r=this.getAttribute("poster");r&&this.updatePoster(r),this.createARButton(),typeof MutationObserver<"u"&&!this.mutationObserver&&(this.mutationObserver=new MutationObserver(()=>{this.updateARButtonVisibility()}),this.mutationObserver.observe(this,{childList:!0}))}initViewer(){if(!this.canvas)return;let e=this.autoRotate,r=this.exposure,i=this.parseOrbitLimit(this.getAttribute("min-camera-orbit")),s=this.parseOrbitLimit(this.getAttribute("max-camera-orbit")),a=this.parseCameraTarget(this.getAttribute("camera-target")),l=this.parseFieldOfView(this.getAttribute("field-of-view"));this.viewer=new te(this,this.canvas,{autoRotate:e,autoRotateDelay:this.autoRotateDelay,autoRotateSpeed:this.parseRotationPerSecond(this.getAttribute("rotation-per-second")),exposure:r,shadowIntensity:this.shadowIntensity,shadowSoftness:this.shadowSoftness,toneMapping:this.toneMapping,environmentImage:this.environmentImage,autoplay:this.autoplay,animationName:this.animationName||void 0,variantName:this.getAttribute("variant-name")||void 0,fieldOfView:l,cameraTarget:a,minCameraOrbit:i,maxCameraOrbit:s,onMeshClick:c=>{this.dispatchEvent(new CustomEvent("meshclick",{bubbles:!0,composed:!0,detail:c}))},onCameraChange:c=>{this.updateHotspots();for(let u of te.getRegisteredPlugins())u.onCameraChange?.(this.viewer,this);this.dispatchEvent(new CustomEvent("camera-change",{bubbles:!0,composed:!0,detail:c}))}}),this.viewer.setInteractive(this.cameraControls),this.skyboxImage&&this.viewer.setSkyboxImage(this.skyboxImage).catch(()=>{});let o=this.getAttribute("camera-orbit");o&&this.applyCameraOrbit(o),this.currentModel&&this.loadModelWithLimits(this.currentModel,this.currentModelLimits)}setupResizeObserver(){typeof ResizeObserver>"u"||(this.resizeObserver=new ResizeObserver(()=>{this.viewer&&(this.viewer.resize(),this.viewer.render(),this.updateHotspots())}),this.resizeObserver.observe(this))}updatePoster(e){if(!(typeof document>"u")){if(!e){this.posterEl&&(this.posterEl.remove(),this.posterEl=null);return}this.posterEl||(this.posterEl=document.createElement("img"),this.posterEl.setAttribute("alt","3D Scene Preview"),this.posterEl.style.position="absolute",this.posterEl.style.inset="0",this.posterEl.style.width="100%",this.posterEl.style.height="100%",this.posterEl.style.objectFit="cover",this.posterEl.style.transition="opacity 0.35s ease-out",this.posterEl.style.pointerEvents="none",this.posterEl.style.zIndex="1",this.appendChild(this.posterEl)),this.posterEl.src=e,this.isModelLoaded||(this.posterEl.style.opacity="1")}}hidePoster(){this.posterEl&&(this.posterEl.style.opacity="0",setTimeout(()=>{this.isModelLoaded&&this.posterEl&&(this.posterEl.remove(),this.posterEl=null)},400))}createARButton(){if(!(typeof document>"u")){if(!this.arButton){let e=document.createElement("button");e.setAttribute("type","button"),e.setAttribute("aria-label","View in Augmented Reality"),e.className="three-live-ar-button",e.setAttribute("part","default-ar-button");let r="http://www.w3.org/2000/svg";if(typeof document.createElementNS=="function"){let s=document.createElementNS(r,"svg");s.setAttribute("width","20"),s.setAttribute("height","20"),s.setAttribute("viewBox","0 0 24 24"),s.setAttribute("fill","none"),s.setAttribute("stroke","currentColor"),s.setAttribute("stroke-width","2"),s.setAttribute("stroke-linecap","round"),s.setAttribute("stroke-linejoin","round"),s.style.marginRight="6px";let a=document.createElementNS(r,"path");a.setAttribute("d","M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z");let l=document.createElementNS(r,"polyline");l.setAttribute("points","3.27 6.96 12 12.01 20.73 6.96");let o=document.createElementNS(r,"line");o.setAttribute("x1","12"),o.setAttribute("y1","22.08"),o.setAttribute("x2","12"),o.setAttribute("y2","12"),s.appendChild(a),s.appendChild(l),s.appendChild(o),e.appendChild(s)}let i=document.createElement("span");i.textContent="View in AR",e.appendChild(i),e.style.cssText="position:absolute;right:16px;bottom:16px;z-index:2;align-items:center;justify-content:center;padding:8px 16px;background-color:rgba(15,23,42,0.85);color:#fff;border:1px solid rgba(255,255,255,0.15);border-radius:9999px;font:600 13px system-ui,-apple-system,sans-serif;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 4px 12px rgba(0,0,0,0.25);transition:transform .15s ease,background-color .15s ease;display:none",e.addEventListener("mouseenter",()=>{e.style.backgroundColor="rgba(30, 41, 59, 0.95)",e.style.transform="scale(1.04)"}),e.addEventListener("mouseleave",()=>{e.style.backgroundColor="rgba(15, 23, 42, 0.85)",e.style.transform="scale(1)"}),e.addEventListener("click",s=>{s.stopPropagation(),this.activateAR()}),this.arButton=e,this.appendChild(e)}this.updateARButtonVisibility()}}updateARButtonVisibility(){let e=this.hasAttribute("ar")&&!!q.arProvider,r=typeof this.querySelector=="function"?this.querySelector('[slot="ar-button"]'):null;r?(this.arButton&&(this.arButton.style.display="none"),r.__tlARBound||(r.__tlARBound=!0,r.addEventListener("click",i=>{i.stopPropagation(),this.activateAR()})),r.dataset.tlOrigDisplay===void 0&&(r.dataset.tlOrigDisplay=r.style.display==="none"?"":r.style.display),r.style.display=e?r.dataset.tlOrigDisplay||"":"none"):this.arButton&&(this.arButton.style.display=e?"flex":"none")}applyCameraOrbit(e){if(!(!e||!this.viewer))try{let r=JSON.parse(e);this.viewer.setInitialCamera(r.theta,r.phi,r.distance,r.zoom)}catch{let r=this.parseOrbitLimit(e);(r.theta!==void 0||r.phi!==void 0)&&this.viewer.setInitialCamera(r.theta,r.phi,r.distance)}}parseOrbitLimit(e){if(!e)return{};let r=e.trim().split(/\s+/),i={};if(r.length>0&&r[0]!=="auto"){let s=this.parseFieldOfView(r[0]);s!==void 0&&(i.theta=s)}if(r.length>1&&r[1]!=="auto"){let s=this.parseFieldOfView(r[1]);s!==void 0&&(i.phi=s)}if(r.length>2&&r[2]!=="auto"){let s=parseFloat(r[2].replace(/m$/,""));isNaN(s)||(i.distance=s)}return i}applyOrbitLimits(){if(!this.viewer)return;let e=this.parseOrbitLimit(this.getAttribute("min-camera-orbit")),r=this.parseOrbitLimit(this.getAttribute("max-camera-orbit"));this.viewer.setOrbitLimits({minTheta:e.theta,maxTheta:r.theta,minPhi:e.phi,maxPhi:r.phi,minDistance:e.distance,maxDistance:r.distance})}parseCameraTarget(e){if(!e)return;let r=e.trim().split(/\s+/).map(i=>parseFloat(i.replace(/m$/,"")));return r.length>=3&&!r.some(isNaN)?[r[0],r[1],r[2]]:void 0}parseFieldOfView(e){if(!e)return;let r=e.endsWith("rad")?parseFloat(e)*180/Math.PI:parseFloat(e.replace(/deg$/,""));return isNaN(r)?void 0:r}parseRotationPerSecond(e){if(!e)return Math.PI/6;let r=e.trim(),i=parseFloat(r);return isNaN(i)?Math.PI/6:r.endsWith("rad")?i:r.endsWith("%")?i/100*Math.PI*2:i*Math.PI/180}applyCameraTarget(e){let r=this.parseCameraTarget(e);this.viewer&&r&&this.viewer.setTarget(r[0],r[1],r[2])}applyFieldOfView(e){let r=this.parseFieldOfView(e);this.viewer&&r!==void 0&&this.viewer.setFieldOfView(r)}updateHotspot(e){let r=this.querySelector(`[slot="${e.name}"]`);r&&(e.position!==void 0&&r.setAttribute("data-position",e.position),e.normal!==void 0&&r.setAttribute("data-normal",e.normal)),this.updateHotspots()}updateHotspots(){for(let e of te.getRegisteredPlugins())if(e.updateHotspotsForElement){e.updateHotspotsForElement(this,this.viewer);return}}runWithScriptRunner(e){let r=q.scriptRunner;if(!r){let i=new Error('Procedural script execution requires "three-live/full" or ThreeLiveElement.registerScriptRunner().');return this.showToast(i.message),this.dispatchEvent(new CustomEvent("error",{bubbles:!0,composed:!0,detail:{error:i}})),Promise.reject(i)}return this.scriptHandle&&(this.scriptHandle.terminate(),this.scriptHandle=null),this.isModelLoaded=!1,this.viewer?.clearScene?.(),new Promise((i,s)=>{let a=!1;e(r,{onModelReady:o=>{this.loadModelWithLimits(o,qe).then(()=>{a||(a=!0,i(o))},c=>{let u=c instanceof Error?c.message:String(c);this.showToast(u),a||(a=!0,s(c))})},onUpdateTransforms:o=>this.viewer?.updateMeshTransforms(o),onError:o=>{this.showToast(o.message),this.dispatchEvent(new CustomEvent("error",{bubbles:!0,composed:!0,detail:{error:o}})),a||(a=!0,s(o))},onToast:o=>this.showToast(o)}).then(o=>{o&&(this.scriptHandle=o)},o=>{o instanceof Error&&o.message&&this.showToast(o.message),a||(a=!0,s(o))})})}loadScriptFromSrc(e){return this.runWithScriptRunner((r,i)=>{if(typeof r.executeUrl!="function"){let s=new Error("Registered ScriptRunner does not support executeUrl() for server-generated scripts.");return i.onError?.(s),Promise.reject(s)}return r.executeUrl(e,this.sandbox,i)})}executeScript(e){if(!q.scriptRunner)return this.runWithScriptRunner(()=>Promise.resolve());if(!this.allowClientScripts){let r=new Error(Ie);return this.showToast(Fe),this.dispatchEvent(new CustomEvent("error",{bubbles:!0,composed:!0,detail:{error:r}})),Promise.reject(r)}return this.runWithScriptRunner((r,i)=>r.execute(e,this.sandbox,i,{allowClientScripts:!0}))}};q.observedAttributes=["src","ios-src","script-src","sandbox","allow-client-scripts","poster","camera-controls","camera-orbit","camera-target","min-camera-orbit","max-camera-orbit","field-of-view","selected-mesh","ar","ar-modes","ar-scale","ar-placement","exposure","shadow-intensity","shadow-softness","tone-mapping","bloom","bloom-threshold","bloom-radius","outline","outline-selected","outline-color","environment-image","skybox-image","autoplay","animation-name","variant-name","auto-rotate","auto-rotate-delay","rotation-per-second"],q.registerPlugin=te.registerPlugin,q.getRegisteredPlugins=te.getRegisteredPlugins;var be=q;typeof customElements<"u"&&!customElements.get("three-live")&&customElements.define("three-live",be);return nt(yt);})();