@tomorrowevening/hermes 0.0.11 → 0.0.12

package/dist/hermes.umd.cjs

@@ -1,4 +1,4 @@
-(function(C,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("three"),require("@theatre/core"),require("tweakpane"),require("@tweakpane/plugin-essentials"),require("react"),require("framer-motion"),require("@theatre/studio")):typeof define=="function"&&define.amd?define(["exports","three","@theatre/core","tweakpane","@tweakpane/plugin-essentials","react","framer-motion","@theatre/studio"],f):(C=typeof globalThis<"u"?globalThis:C||self,f(C.Hermes={},C.Three,C["Theatre Core"],C.tweakpane,C["tweakpane-plugin-essentials"],C.React,C["framer-motion"],C["Theatre Studio"]))})(this,function(C,f,ye,un,dn,j,_t,Fe){"use strict";var da=Object.defineProperty;var fa=(C,f,ye)=>f in C?da(C,f,{enumerable:!0,configurable:!0,writable:!0,value:ye}):C[f]=ye;var Y=(C,f,ye)=>(fa(C,typeof f!="symbol"?f+"":f,ye),ye);function fn(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const e=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,e.get?e:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const hn=fn(dn);function pn(t,n,a){return Math.min(n,Math.max(t,a))}function mn(t,n){const a=t-n;return Math.sqrt(a*a)}function kt(){return Math.round(Math.random()*1e6).toString()}function Dt(t){return t.r!==void 0&&t.g!==void 0&&t.b!==void 0}function It(t){const n=Math.round(t.r*255),a=Math.round(t.g*255),e=Math.round(t.b*255),o=d=>{const m=d.toString(16);return m.length===1?"0"+m:m},u=o(n),c=o(a),s=o(e);return"#"+u+c+s}function et(t,n=1){return Number(t.toFixed(n))}C.totalThreeObjects=0;const At=()=>{C.totalThreeObjects=0},vt=t=>{if(!t)return;let n=t.name.replace(" ","");n.length===0&&(n=`obj_${C.totalThreeObjects}`,C.totalThreeObjects++),t.parent!==null&&(n=`${t.parent.uuid}.${n}`),t.uuid=n,t.children.forEach(a=>{vt(a)})},gn=t=>{t==null||t.dispose()},Nt=t=>{t&&(Array.isArray(t)?t.forEach(n=>n.dispose()):t.dispose())},bt=t=>{var n;if(t){for(;t.children.length>0;){const a=t.children[0];a instanceof f.PositionalAudio?(a.pause(),a.parent&&a.parent.remove(a)):bt(a)}if(t.parent&&t.parent.remove(t),t.isMesh){const a=t;(n=a.geometry)==null||n.dispose(),Nt(a.material)}t.dispose!==void 0&&t.dispose()}};class vn{constructor(n,a,e){Y(this,"channel");Y(this,"components",new Map);Y(this,"_mode","app");this.editor=a&&document.location.hash.search(e)>-1,a&&(this.channel=new BroadcastChannel(n))}addComponent(n,a){this.components.set(n,a)}dispose(){this.components.forEach(n=>{n.dispose()}),this.components.clear()}send(n){this.channel!==void 0&&this._mode!==n.target&&this.channel.postMessage(n)}listen(n){this.channel!==void 0&&(this.channel.onmessage=a=>{n(a.data)})}get mode(){return this._mode}get editor(){return this._mode==="editor"}set editor(n){n&&(this._mode="editor",document.title+=" - Editor")}}const N=new f.EventDispatcher,L={CUSTOM:"ToolEvents::custom",SELECT_DROPDOWN:"ToolEvents::selectDropdown",DRAG_UPDATE:"ToolEvents::dragUpdate",SET_SCENE:"ToolEvents::setScene",GET_OBJECT:"ToolEvents::getObject",SET_OBJECT:"ToolEvents::setObject",UPDATE_OBJECT:"ToolEvents::updateObject",CREATE_TEXTURE:"ToolEvents::createTexture",REQUEST_METHOD:"ToolEvents::requestMethod"};class Ve{constructor(n){Y(this,"app");this.app=n}dispose(){}}class bn extends Ve{selectDropdown(n,a){this.app.send({event:"selectComponent",target:"app",data:{dropdown:n,value:a}})}updateDropdown(n,a){this.app.send({event:"draggableListUpdate",target:"app",data:{dropdown:n,value:a}})}}const Lt=()=>{};class yn extends Ve{constructor(a,e,o){super(a);Y(this,"project");Y(this,"sheets");Y(this,"sheetObjects");Y(this,"sheetObjectCBs");Y(this,"sheetObjectUnsubscribe");this.project=ye.getProject(e,o),this.sheets=new Map,this.sheetObjects=new Map,this.sheetObjectCBs=new Map,this.sheetObjectUnsubscribe=new Map}dispose(){this.project=void 0,this.sheets=new Map,this.sheetObjects=new Map,this.sheetObjectCBs=new Map,this.sheetObjectUnsubscribe=new Map}sheet(a){var o;if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}let e=this.sheets.get(a);return e!==void 0||(e=(o=this.project)==null?void 0:o.sheet(a),this.sheets.set(a,e)),e}sheetObject(a,e,o,u){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const c=this.sheets.get(a);if(c===void 0)return;const s=`${a}_${e}`;let d=this.sheetObjects.get(s);if(d!==void 0)return d=c.object(e,{...o,...d.value},{reconfigure:!0}),d;d=c.object(e,o),this.sheetObjects.set(s,d),this.sheetObjectCBs.set(s,u!==void 0?u:Lt);const m=d.onValuesChange(p=>{if(this.app.editor){for(const y in p){const S=p[y];typeof S=="object"&&Dt(S)&&(p[y]={r:S.r,g:S.g,b:S.b,a:S.a})}this.app.send({event:"updateSheetObject",target:"app",data:{sheetObject:s,values:p}})}else{const y=this.sheetObjectCBs.get(s);y!==void 0&&y(p)}});return this.sheetObjectUnsubscribe.set(s,m),d}unsubscribe(a){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const e=`${a.address.sheetId}_${a.address.objectKey}`,o=this.sheetObjectUnsubscribe.get(e);o!==void 0&&o()}}function En(t){if(t.name==="cameras")return"camera";if(t.name==="interactive")return"interactive";if(t.name==="lights")return"light";if(t.name==="ui")return"ui";if(t.name==="utils")return"utils";const n=t.type;return n.search("Helper")>-1?"icon_utils":n.search("Camera")>-1?"camera":n.search("Light")>-1?"light":"obj3D"}function Ut(t){const n={name:t.name,type:t.type,uuid:t.uuid,children:[]};return t.children.forEach(a=>{n.children.push(Ut(a))}),n}function wn(t){const n={};for(const a in t){const e=t[a].value;n[a]={value:e},e===null?n[a].value={src:""}:e.isTexture&&(n[a].value={src:e.image.src})}return n}function Cn(t){switch(t){case"blendSrcAlpha":case"blendDstAlpha":case"blendEquationAlpha":case"clippingPlanes":case"shadowSide":case"precision":return!0}return!1}function Ft(t){const n={};for(const a in t){if(a.substring(0,1)==="_"||a.substring(0,2)==="is"||Cn(a))continue;const e=typeof t[a],o=t[a];switch(e){case"boolean":case"number":case"string":n[a]=o;break;case"object":if(o!==null)if(n[a]=o,o.isTexture)if(o instanceof f.Texture){const u=o.source.toJSON();n[a]={src:u.url}}else o instanceof f.CubeTexture&&(console.log("env map"),console.log(o.source.data),console.log(o.source.toJSON()),n[a]={src:""});else a==="uniforms"&&(n[a]=wn(n[a]));else n[a]={src:""};break}}return n}function Sn(t){t.updateMatrix();const n={name:t.name,type:t.type,uuid:t.uuid,visible:t.visible,matrix:t.matrix.elements,material:void 0,perspectiveCameraInfo:void 0,orthographicCameraInfo:void 0,lightInfo:void 0},a=t.type.toLowerCase();if(a.search("mesh")>-1){const e=t;if(Array.isArray(e.material)){const o=[];e.material.forEach(u=>{o.push(Ft(u))}),n.material=o}else n.material=Ft(e.material)}else a.search("camera")>-1?t.type==="PerspectiveCamera"?n.perspectiveCameraInfo={fov:t.fov,zoom:t.zoom,near:t.near,far:t.far,focus:t.focus,aspect:t.aspect,filmGauge:t.filmGauge,filmOffset:t.filmOffset}:t.type==="OrthographicCamera"&&(n.orthographicCameraInfo={zoom:t.zoom,near:t.near,far:t.far,left:t.left,right:t.right,top:t.top,bottom:t.bottom}):a.search("light")>-1&&(n.lightInfo={color:t.color,intensity:t.intensity,decay:t.decay,distance:t.distance,angle:t.angle,penumbra:t.penumbra,groundColor:t.groundColor});return n}function J(t,n,a){const e=n.split(".");switch(e.length){case 1:t[e[0]]=a;break;case 2:t[e[0]][e[1]]=a;break;case 3:t[e[0]][e[1]][e[2]]=a;break;case 4:t[e[0]][e[1]][e[2]][e[3]]=a;break;case 5:t[e[0]][e[1]][e[2]][e[3]][e[4]]=a;break}}function yt(t){return new Promise((n,a)=>{const e=new Image;e.onload=()=>{const o=new f.Texture(e);o.wrapS=f.RepeatWrapping,o.wrapT=f.RepeatWrapping,o.needsUpdate=!0,n(o)},e.onerror=a,e.src=t})}class xn extends Ve{constructor(){super(...arguments);Y(this,"scene")}getObject(a){this.app.send({event:"getObject",target:"app",data:a})}setObject(a){const e=Sn(a);this.app.send({event:"setObject",target:"editor",data:e})}requestMethod(a,e,o){this.app.send({event:"requestMethod",target:"app",data:{uuid:a,key:e,value:o}})}updateObject(a,e,o){this.app.send({event:"updateObject",target:"app",data:{uuid:a,key:e,value:o}})}createTexture(a,e,o){this.app.send({event:"createTexture",target:"app",data:{uuid:a,key:e,value:o}})}setScene(a){if(a===void 0)return;this.scene=a,At(),vt(this.scene);const e=Ut(this.scene);this.app.send({event:"setScene",target:"editor",data:e})}}class On extends Ve{constructor(a){super(a);Y(this,"bindCBs");Y(this,"buttonCBs");Y(this,"pane");Y(this,"appCallbacks",0);Y(this,"editorCallbacks",0);Y(this,"inspectorFolder");this.bindCBs=new Map,this.buttonCBs=new Map,a.editor&&this.createGUI()}createGUI(){this.pane=new un.Pane({title:"GUI"}),this.pane.registerPlugin(hn)}dispose(){var a;this.bindCBs.clear(),this.buttonCBs.clear(),this.appCallbacks=0,this.editorCallbacks=0,this.app.editor&&((a=this.pane)==null||a.dispose(),this.pane=void 0)}addFolder(a,e=void 0,o=void 0){if(this.app.editor)return this.pane===void 0&&this.createGUI(),(o!==void 0?o:this.pane).addFolder({title:a,...e});this.app.send({event:"addFolder",target:"app",data:{name:a,params:e,parent:o}})}get bindID(){return`debug_${Math.max(this.appCallbacks,this.editorCallbacks)}`}bind(a,e,o,u=void 0){const c=this.bindID,s=o.onChange!==void 0?o.onChange:Lt;this.bindCBs.set(c,s),this.app.editor?(this.pane===void 0&&this.createGUI(),(u!==void 0?u:this.pane).addBinding(a,e,o).on("change",m=>{this.app.send({event:"updateBind",target:"app",data:{id:c,value:m.value}})}),this.editorCallbacks++):(this.app.send({event:"bindObject",target:"app",data:{id:c,name:e,params:o,parent:u}}),this.appCallbacks++)}triggerBind(a,e){const o=this.bindCBs.get(a);o!==void 0?o(e):console.warn(`No callback for: ${a}`,e)}button(a,e,o=void 0){const u=this.bindID;this.buttonCBs.set(u,e),this.app.editor?(this.pane===void 0&&this.createGUI(),(o!==void 0?o:this.pane).addButton({title:a}).on("click",()=>{this.app.send({event:"clickButton",target:"app",data:{id:u}})}),this.editorCallbacks++):(this.app.send({event:"addButton",target:"app",data:{id:u,name:a,callback:e,parent:o}}),this.appCallbacks++)}triggerButton(a){const e=this.buttonCBs.get(a);e!==void 0&&e()}createInspector(){this.inspectorFolder=this.addFolder("Inspector",this.pane)}clearInspector(){const a=this.inspectorFolder.children.length-1;for(let e=a;e>-1;--e)this.inspectorFolder.remove(this.inspectorFolder.children[e])}}var Et={exports:{}},Be={};/**
+(function(C,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("three"),require("@theatre/core"),require("tweakpane"),require("@tweakpane/plugin-essentials"),require("react"),require("framer-motion"),require("@theatre/studio")):typeof define=="function"&&define.amd?define(["exports","three","@theatre/core","tweakpane","@tweakpane/plugin-essentials","react","framer-motion","@theatre/studio"],f):(C=typeof globalThis<"u"?globalThis:C||self,f(C.Hermes={},C.Three,C["Theatre Core"],C.tweakpane,C["tweakpane-plugin-essentials"],C.React,C["framer-motion"],C["Theatre Studio"]))})(this,function(C,f,xe,mn,gn,R,Nt,Ye){"use strict";var ga=Object.defineProperty;var va=(C,f,xe)=>f in C?ga(C,f,{enumerable:!0,configurable:!0,writable:!0,value:xe}):C[f]=xe;var $=(C,f,xe)=>(va(C,typeof f!="symbol"?f+"":f,xe),xe);function vn(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const e=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,e.get?e:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const bn=vn(gn);function yn(t,n,a){return Math.min(n,Math.max(t,a))}function En(t,n){const a=t-n;return Math.sqrt(a*a)}function Lt(){return Math.round(Math.random()*1e6).toString()}function Ut(t){return t.r!==void 0&&t.g!==void 0&&t.b!==void 0}function Ft(t){const n=Math.round(t.r*255),a=Math.round(t.g*255),e=Math.round(t.b*255),r=d=>{const m=d.toString(16);return m.length===1?"0"+m:m},s=r(n),c=r(a),l=r(e);return"#"+s+c+l}function it(t,n=1){return Number(t.toFixed(n))}C.totalThreeObjects=0;const Vt=()=>{C.totalThreeObjects=0},Ct=t=>{if(!t)return;let n=t.name.replace(" ","");n.length===0&&(n=`obj_${C.totalThreeObjects}`,C.totalThreeObjects++),t.parent!==null&&(n=`${t.parent.uuid}.${n}`),t.uuid=n,t.children.forEach(a=>{Ct(a)})},wn=t=>{t==null||t.dispose()},Bt=t=>{t&&(Array.isArray(t)?t.forEach(n=>n.dispose()):t.dispose())},St=t=>{var n;if(t){for(;t.children.length>0;){const a=t.children[0];a instanceof f.PositionalAudio?(a.pause(),a.parent&&a.parent.remove(a)):St(a)}if(t.parent&&t.parent.remove(t),t.isMesh){const a=t;(n=a.geometry)==null||n.dispose(),Bt(a.material)}t.dispose!==void 0&&t.dispose()}};class Cn{constructor(n,a,e){$(this,"channel");$(this,"components",new Map);$(this,"_mode","app");this.editor=a&&document.location.hash.search(e)>-1,a&&(this.channel=new BroadcastChannel(n))}addComponent(n,a){this.components.set(n,a)}dispose(){this.components.forEach(n=>{n.dispose()}),this.components.clear()}send(n){this.channel!==void 0&&this._mode!==n.target&&this.channel.postMessage(n)}listen(n){this.channel!==void 0&&(this.channel.onmessage=a=>{n(a.data)})}get mode(){return this._mode}get editor(){return this._mode==="editor"}set editor(n){n&&(this._mode="editor",document.title+=" - Editor")}}const D=new f.EventDispatcher,A={CUSTOM:"ToolEvents::custom",SELECT_DROPDOWN:"ToolEvents::selectDropdown",DRAG_UPDATE:"ToolEvents::dragUpdate",SET_SCENE:"ToolEvents::setScene",GET_OBJECT:"ToolEvents::getObject",SET_OBJECT:"ToolEvents::setObject",UPDATE_OBJECT:"ToolEvents::updateObject",CREATE_TEXTURE:"ToolEvents::createTexture",REQUEST_METHOD:"ToolEvents::requestMethod",ADD_CAMERA:"ToolEvents::addCamera",REMOVE_CAMERA:"ToolEvents::removeCamera"};class We{constructor(n){$(this,"app");this.app=n}dispose(){}}class Sn extends We{selectDropdown(n,a){this.app.send({event:"selectComponent",target:"app",data:{dropdown:n,value:a}})}updateDropdown(n,a){this.app.send({event:"draggableListUpdate",target:"app",data:{dropdown:n,value:a}})}}const Gt=()=>{};class xn extends We{constructor(a,e,r){super(a);$(this,"project");$(this,"sheets");$(this,"sheetObjects");$(this,"sheetObjectCBs");$(this,"sheetObjectUnsubscribe");this.project=xe.getProject(e,r),this.sheets=new Map,this.sheetObjects=new Map,this.sheetObjectCBs=new Map,this.sheetObjectUnsubscribe=new Map}dispose(){this.project=void 0,this.sheets=new Map,this.sheetObjects=new Map,this.sheetObjectCBs=new Map,this.sheetObjectUnsubscribe=new Map}sheet(a){var r;if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}let e=this.sheets.get(a);return e!==void 0||(e=(r=this.project)==null?void 0:r.sheet(a),this.sheets.set(a,e)),e}sheetObject(a,e,r,s){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const c=this.sheets.get(a);if(c===void 0)return;const l=`${a}_${e}`;let d=this.sheetObjects.get(l);if(d!==void 0)return d=c.object(e,{...r,...d.value},{reconfigure:!0}),d;d=c.object(e,r),this.sheetObjects.set(l,d),this.sheetObjectCBs.set(l,s!==void 0?s:Gt);const m=d.onValuesChange(g=>{if(this.app.editor){for(const y in g){const S=g[y];typeof S=="object"&&Ut(S)&&(g[y]={r:S.r,g:S.g,b:S.b,a:S.a})}this.app.send({event:"updateSheetObject",target:"app",data:{sheetObject:l,values:g}})}else{const y=this.sheetObjectCBs.get(l);y!==void 0&&y(g)}});return this.sheetObjectUnsubscribe.set(l,m),d}unsubscribe(a){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const e=`${a.address.sheetId}_${a.address.objectKey}`,r=this.sheetObjectUnsubscribe.get(e);r!==void 0&&r()}}function On(t){if(t.name==="cameras")return"camera";if(t.name==="interactive")return"interactive";if(t.name==="lights")return"light";if(t.name==="ui")return"ui";if(t.name==="utils")return"utils";const n=t.type;return n.search("Helper")>-1?"icon_utils":n.search("Camera")>-1?"camera":n.search("Light")>-1?"light":"obj3D"}function zt(t){const n={name:t.name,type:t.type,uuid:t.uuid,children:[]};return t.children.forEach(a=>{n.children.push(zt(a))}),n}function Tn(t){const n={};for(const a in t){const e=t[a].value;n[a]={value:e},e===null?n[a].value={src:""}:e.isTexture&&(n[a].value={src:e.image.src})}return n}function Mn(t){switch(t){case"blendSrcAlpha":case"blendDstAlpha":case"blendEquationAlpha":case"clippingPlanes":case"shadowSide":case"precision":return!0}return!1}function Yt(t){const n={};for(const a in t){if(a.substring(0,1)==="_"||a.substring(0,2)==="is"||Mn(a))continue;const e=typeof t[a],r=t[a];switch(e){case"boolean":case"number":case"string":n[a]=r;break;case"object":if(r!==null)if(n[a]=r,r.isTexture)if(r instanceof f.Texture){const s=r.source.toJSON();n[a]={src:s.url}}else r instanceof f.CubeTexture&&(console.log("env map"),console.log(r.source.data),console.log(r.source.toJSON()),n[a]={src:""});else a==="uniforms"&&(n[a]=Tn(n[a]));else n[a]={src:""};break}}return n}function xt(t){t.updateMatrix();const n={name:t.name,type:t.type,uuid:t.uuid,visible:t.visible,matrix:t.matrix.elements,animations:[],material:void 0,perspectiveCameraInfo:void 0,orthographicCameraInfo:void 0,lightInfo:void 0};t.animations.forEach(e=>{n.animations.push({name:e.name,duration:e.duration,blendMode:e.blendMode})});const a=t.type.toLowerCase();if(a.search("mesh")>-1){const e=t;if(Array.isArray(e.material)){const r=[];e.material.forEach(s=>{r.push(Yt(s))}),n.material=r}else n.material=Yt(e.material)}else a.search("camera")>-1?t.type==="PerspectiveCamera"?n.perspectiveCameraInfo={fov:t.fov,zoom:t.zoom,near:t.near,far:t.far,focus:t.focus,aspect:t.aspect,filmGauge:t.filmGauge,filmOffset:t.filmOffset}:t.type==="OrthographicCamera"&&(n.orthographicCameraInfo={zoom:t.zoom,near:t.near,far:t.far,left:t.left,right:t.right,top:t.top,bottom:t.bottom}):a.search("light")>-1&&(n.lightInfo={color:t.color,intensity:t.intensity,decay:t.decay,distance:t.distance,angle:t.angle,penumbra:t.penumbra,groundColor:t.groundColor});return n}function te(t,n,a){const e=n.split(".");switch(e.length){case 1:t[e[0]]=a;break;case 2:t[e[0]][e[1]]=a;break;case 3:t[e[0]][e[1]][e[2]]=a;break;case 4:t[e[0]][e[1]][e[2]][e[3]]=a;break;case 5:t[e[0]][e[1]][e[2]][e[3]][e[4]]=a;break}}function Ot(t){return new Promise((n,a)=>{const e=new Image;e.onload=()=>{const r=new f.Texture(e);r.wrapS=f.RepeatWrapping,r.wrapT=f.RepeatWrapping,r.needsUpdate=!0,n(r)},e.onerror=a,e.src=t})}class Rn extends We{constructor(){super(...arguments);$(this,"scene")}getObject(a){this.app.send({event:"getObject",target:"app",data:a})}setObject(a){const e=xt(a);this.app.send({event:"setObject",target:"editor",data:e})}requestMethod(a,e,r){this.app.send({event:"requestMethod",target:"app",data:{uuid:a,key:e,value:r}})}updateObject(a,e,r){this.app.send({event:"updateObject",target:"app",data:{uuid:a,key:e,value:r}})}createTexture(a,e,r){this.app.send({event:"createTexture",target:"app",data:{uuid:a,key:e,value:r}})}setScene(a){if(a===void 0)return;this.scene=a,Vt(),Ct(this.scene);const e=zt(this.scene);this.app.send({event:"setScene",target:"editor",data:e})}addCamera(a){const e=xt(a);this.app.send({event:"addCamera",target:"editor",data:e})}removeCamera(a){const e=xt(a);this.app.send({event:"removeCamera",target:"editor",data:e})}}class Pn extends We{constructor(a){super(a);$(this,"bindCBs");$(this,"buttonCBs");$(this,"pane");$(this,"appCallbacks",0);$(this,"editorCallbacks",0);$(this,"inspectorFolder");this.bindCBs=new Map,this.buttonCBs=new Map,a.editor&&this.createGUI()}createGUI(){this.pane=new mn.Pane({title:"GUI"}),this.pane.registerPlugin(bn)}dispose(){var a;this.bindCBs.clear(),this.buttonCBs.clear(),this.appCallbacks=0,this.editorCallbacks=0,this.app.editor&&((a=this.pane)==null||a.dispose(),this.pane=void 0)}addFolder(a,e=void 0,r=void 0){if(this.app.editor)return this.pane===void 0&&this.createGUI(),(r!==void 0?r:this.pane).addFolder({title:a,...e});this.app.send({event:"addFolder",target:"app",data:{name:a,params:e,parent:r}})}get bindID(){return`debug_${Math.max(this.appCallbacks,this.editorCallbacks)}`}bind(a,e,r,s=void 0){const c=this.bindID,l=r.onChange!==void 0?r.onChange:Gt;this.bindCBs.set(c,l),this.app.editor?(this.pane===void 0&&this.createGUI(),(s!==void 0?s:this.pane).addBinding(a,e,r).on("change",m=>{this.app.send({event:"updateBind",target:"app",data:{id:c,value:m.value}})}),this.editorCallbacks++):(this.app.send({event:"bindObject",target:"app",data:{id:c,name:e,params:r,parent:s}}),this.appCallbacks++)}triggerBind(a,e){const r=this.bindCBs.get(a);r!==void 0?r(e):console.warn(`No callback for: ${a}`,e)}button(a,e,r=void 0){const s=this.bindID;this.buttonCBs.set(s,e),this.app.editor?(this.pane===void 0&&this.createGUI(),(r!==void 0?r:this.pane).addButton({title:a}).on("click",()=>{this.app.send({event:"clickButton",target:"app",data:{id:s}})}),this.editorCallbacks++):(this.app.send({event:"addButton",target:"app",data:{id:s,name:a,callback:e,parent:r}}),this.appCallbacks++)}triggerButton(a){const e=this.buttonCBs.get(a);e!==void 0&&e()}createInspector(){this.inspectorFolder=this.addFolder("Inspector",this.pane)}clearInspector(){const a=this.inspectorFolder.children.length-1;for(let e=a;e>-1;--e)this.inspectorFolder.remove(this.inspectorFolder.children[e])}}var Tt={exports:{}},He={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Vt;function Tn(){if(Vt)return Be;Vt=1;var t=j,n=Symbol.for("react.element"),a=Symbol.for("react.fragment"),e=Object.prototype.hasOwnProperty,o=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u={key:!0,ref:!0,__self:!0,__source:!0};function c(s,d,m){var p,y={},S=null,T=null;m!==void 0&&(S=""+m),d.key!==void 0&&(S=""+d.key),d.ref!==void 0&&(T=d.ref);for(p in d)e.call(d,p)&&!u.hasOwnProperty(p)&&(y[p]=d[p]);if(s&&s.defaultProps)for(p in d=s.defaultProps,d)y[p]===void 0&&(y[p]=d[p]);return{$$typeof:n,type:s,key:S,ref:T,props:y,_owner:o.current}}return Be.Fragment=a,Be.jsx=c,Be.jsxs=c,Be}var Ge={};/**
+ */var Wt;function jn(){if(Wt)return He;Wt=1;var t=R,n=Symbol.for("react.element"),a=Symbol.for("react.fragment"),e=Object.prototype.hasOwnProperty,r=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(l,d,m){var g,y={},S=null,O=null;m!==void 0&&(S=""+m),d.key!==void 0&&(S=""+d.key),d.ref!==void 0&&(O=d.ref);for(g in d)e.call(d,g)&&!s.hasOwnProperty(g)&&(y[g]=d[g]);if(l&&l.defaultProps)for(g in d=l.defaultProps,d)y[g]===void 0&&(y[g]=d[g]);return{$$typeof:n,type:l,key:S,ref:O,props:y,_owner:r.current}}return He.Fragment=a,He.jsx=c,He.jsxs=c,He}var Ke={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,19 +14,19 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Bt;function Rn(){return Bt||(Bt=1,process.env.NODE_ENV!=="production"&&function(){var t=j,n=Symbol.for("react.element"),a=Symbol.for("react.portal"),e=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),c=Symbol.for("react.provider"),s=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),T=Symbol.for("react.offscreen"),R=Symbol.iterator,g="@@iterator";function b(i){if(i===null||typeof i!="object")return null;var h=R&&i[R]||i[g];return typeof h=="function"?h:null}var E=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function x(i){{for(var h=arguments.length,v=new Array(h>1?h-1:0),O=1;O<h;O++)v[O-1]=arguments[O];V("error",i,v)}}function V(i,h,v){{var O=E.ReactDebugCurrentFrame,_=O.getStackAddendum();_!==""&&(h+="%s",v=v.concat([_]));var A=v.map(function(P){return String(P)});A.unshift("Warning: "+h),Function.prototype.apply.call(console[i],console,A)}}var H=!1,$=!1,se=!1,W=!1,he=!1,D;D=Symbol.for("react.module.reference");function F(i){return!!(typeof i=="string"||typeof i=="function"||i===e||i===u||he||i===o||i===m||i===p||W||i===T||H||$||se||typeof i=="object"&&i!==null&&(i.$$typeof===S||i.$$typeof===y||i.$$typeof===c||i.$$typeof===s||i.$$typeof===d||i.$$typeof===D||i.getModuleId!==void 0))}function K(i,h,v){var O=i.displayName;if(O)return O;var _=h.displayName||h.name||"";return _!==""?v+"("+_+")":v}function ce(i){return i.displayName||"Context"}function ie(i){if(i==null)return null;if(typeof i.tag=="number"&&x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof i=="function")return i.displayName||i.name||null;if(typeof i=="string")return i;switch(i){case e:return"Fragment";case a:return"Portal";case u:return"Profiler";case o:return"StrictMode";case m:return"Suspense";case p:return"SuspenseList"}if(typeof i=="object")switch(i.$$typeof){case s:var h=i;return ce(h)+".Consumer";case c:var v=i;return ce(v._context)+".Provider";case d:return K(i,i.render,"ForwardRef");case y:var O=i.displayName||null;return O!==null?O:ie(i.type)||"Memo";case S:{var _=i,A=_._payload,P=_._init;try{return ie(P(A))}catch{return null}}}return null}var le=Object.assign,re=0,_e,He,ke,De,We,rt,Ke;function ot(){}ot.__reactDisabledLog=!0;function Tt(){{if(re===0){_e=console.log,He=console.info,ke=console.warn,De=console.error,We=console.group,rt=console.groupCollapsed,Ke=console.groupEnd;var i={configurable:!0,enumerable:!0,value:ot,writable:!0};Object.defineProperties(console,{info:i,log:i,warn:i,error:i,group:i,groupCollapsed:i,groupEnd:i})}re++}}function Rt(){{if(re--,re===0){var i={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:le({},i,{value:_e}),info:le({},i,{value:He}),warn:le({},i,{value:ke}),error:le({},i,{value:De}),group:le({},i,{value:We}),groupCollapsed:le({},i,{value:rt}),groupEnd:le({},i,{value:Ke})})}re<0&&x("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Xe=E.ReactCurrentDispatcher,Ze;function Se(i,h,v){{if(Ze===void 0)try{throw Error()}catch(_){var O=_.stack.trim().match(/\n( *(at )?)/);Ze=O&&O[1]||""}return`
-`+Ze+i}}var Ie=!1,xe;{var Mt=typeof WeakMap=="function"?WeakMap:Map;xe=new Mt}function st(i,h){if(!i||Ie)return"";{var v=xe.get(i);if(v!==void 0)return v}var O;Ie=!0;var _=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var A;A=Xe.current,Xe.current=null,Tt();try{if(h){var P=function(){throw Error()};if(Object.defineProperty(P.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(P,[])}catch(me){O=me}Reflect.construct(i,[],P)}else{try{P.call()}catch(me){O=me}i.call(P.prototype)}}else{try{throw Error()}catch(me){O=me}i()}}catch(me){if(me&&O&&typeof me.stack=="string"){for(var M=me.stack.split(`
-`),q=O.stack.split(`
-`),B=M.length-1,G=q.length-1;B>=1&&G>=0&&M[B]!==q[G];)G--;for(;B>=1&&G>=0;B--,G--)if(M[B]!==q[G]){if(B!==1||G!==1)do if(B--,G--,G<0||M[B]!==q[G]){var oe=`
-`+M[B].replace(" at new "," at ");return i.displayName&&oe.includes("<anonymous>")&&(oe=oe.replace("<anonymous>",i.displayName)),typeof i=="function"&&xe.set(i,oe),oe}while(B>=1&&G>=0);break}}}finally{Ie=!1,Xe.current=A,Rt(),Error.prepareStackTrace=_}var Ue=i?i.displayName||i.name:"",ln=Ue?Se(Ue):"";return typeof i=="function"&&xe.set(i,ln),ln}function ct(i,h,v){return st(i,!1)}function lt(i){var h=i.prototype;return!!(h&&h.isReactComponent)}function Oe(i,h,v){if(i==null)return"";if(typeof i=="function")return st(i,lt(i));if(typeof i=="string")return Se(i);switch(i){case m:return Se("Suspense");case p:return Se("SuspenseList")}if(typeof i=="object")switch(i.$$typeof){case d:return ct(i.render);case y:return Oe(i.type,h,v);case S:{var O=i,_=O._payload,A=O._init;try{return Oe(A(_),h,v)}catch{}}}return""}var Ae=Object.prototype.hasOwnProperty,ut={},Je=E.ReactDebugCurrentFrame;function ge(i){if(i){var h=i._owner,v=Oe(i.type,i._source,h?h.type:null);Je.setExtraStackFrame(v)}else Je.setExtraStackFrame(null)}function Te(i,h,v,O,_){{var A=Function.call.bind(Ae);for(var P in i)if(A(i,P)){var M=void 0;try{if(typeof i[P]!="function"){var q=Error((O||"React class")+": "+v+" type `"+P+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof i[P]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw q.name="Invariant Violation",q}M=i[P](h,P,O,v,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(B){M=B}M&&!(M instanceof Error)&&(ge(_),x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",O||"React class",v,P,typeof M),ge(null)),M instanceof Error&&!(M.message in ut)&&(ut[M.message]=!0,ge(_),x("Failed %s type: %s",v,M.message),ge(null))}}}var Pt=Array.isArray;function Qe(i){return Pt(i)}function dt(i){{var h=typeof Symbol=="function"&&Symbol.toStringTag,v=h&&i[Symbol.toStringTag]||i.constructor.name||"Object";return v}}function qe(i){try{return ft(i),!1}catch{return!0}}function ft(i){return""+i}function ht(i){if(qe(i))return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",dt(i)),ft(i)}var ve=E.ReactCurrentOwner,jt={key:!0,ref:!0,__self:!0,__source:!0},pt,$e,ue;ue={};function r(i){if(Ae.call(i,"ref")){var h=Object.getOwnPropertyDescriptor(i,"ref").get;if(h&&h.isReactWarning)return!1}return i.ref!==void 0}function w(i){if(Ae.call(i,"key")){var h=Object.getOwnPropertyDescriptor(i,"key").get;if(h&&h.isReactWarning)return!1}return i.key!==void 0}function k(i,h){if(typeof i.ref=="string"&&ve.current&&h&&ve.current.stateNode!==h){var v=ie(ve.current.type);ue[v]||(x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',ie(ve.current.type),i.ref),ue[v]=!0)}}function I(i,h){{var v=function(){pt||(pt=!0,x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",h))};v.isReactWarning=!0,Object.defineProperty(i,"key",{get:v,configurable:!0})}}function X(i,h){{var v=function(){$e||($e=!0,x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",h))};v.isReactWarning=!0,Object.defineProperty(i,"ref",{get:v,configurable:!0})}}var de=function(i,h,v,O,_,A,P){var M={$$typeof:n,type:i,key:h,ref:v,props:P,_owner:A};return M._store={},Object.defineProperty(M._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(M,"_self",{configurable:!1,enumerable:!1,writable:!1,value:O}),Object.defineProperty(M,"_source",{configurable:!1,enumerable:!1,writable:!1,value:_}),Object.freeze&&(Object.freeze(M.props),Object.freeze(M)),M};function ee(i,h,v,O,_){{var A,P={},M=null,q=null;v!==void 0&&(ht(v),M=""+v),w(h)&&(ht(h.key),M=""+h.key),r(h)&&(q=h.ref,k(h,_));for(A in h)Ae.call(h,A)&&!jt.hasOwnProperty(A)&&(P[A]=h[A]);if(i&&i.defaultProps){var B=i.defaultProps;for(A in B)P[A]===void 0&&(P[A]=B[A])}if(M||q){var G=typeof i=="function"?i.displayName||i.name||"Unknown":i;M&&I(P,G),q&&X(P,G)}return de(i,M,q,_,O,ve.current,P)}}var mt=E.ReactCurrentOwner,gt=E.ReactDebugCurrentFrame;function pe(i){if(i){var h=i._owner,v=Oe(i.type,i._source,h?h.type:null);gt.setExtraStackFrame(v)}else gt.setExtraStackFrame(null)}var ne;ne=!1;function ae(i){return typeof i=="object"&&i!==null&&i.$$typeof===n}function Ne(){{if(mt.current){var i=ie(mt.current.type);if(i)return`
+ */var Ht;function _n(){return Ht||(Ht=1,process.env.NODE_ENV!=="production"&&function(){var t=R,n=Symbol.for("react.element"),a=Symbol.for("react.portal"),e=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),c=Symbol.for("react.provider"),l=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),O=Symbol.for("react.offscreen"),T=Symbol.iterator,B="@@iterator";function ne(i){if(i===null||typeof i!="object")return null;var p=T&&i[T]||i[B];return typeof p=="function"?p:null}var Z=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function M(i){{for(var p=arguments.length,b=new Array(p>1?p-1:0),x=1;x<p;x++)b[x-1]=arguments[x];Q("error",i,b)}}function Q(i,p,b){{var x=Z.ReactDebugCurrentFrame,I=x.getStackAddendum();I!==""&&(p+="%s",b=b.concat([I]));var V=b.map(function(k){return String(k)});V.unshift("Warning: "+p),Function.prototype.apply.call(console[i],console,V)}}var de=!1,le=!1,ie=!1,h=!1,v=!1,E;E=Symbol.for("react.module.reference");function P(i){return!!(typeof i=="string"||typeof i=="function"||i===e||i===s||v||i===r||i===m||i===g||h||i===O||de||le||ie||typeof i=="object"&&i!==null&&(i.$$typeof===S||i.$$typeof===y||i.$$typeof===c||i.$$typeof===l||i.$$typeof===d||i.$$typeof===E||i.getModuleId!==void 0))}function H(i,p,b){var x=i.displayName;if(x)return x;var I=p.displayName||p.name||"";return I!==""?b+"("+I+")":b}function K(i){return i.displayName||"Context"}function G(i){if(i==null)return null;if(typeof i.tag=="number"&&M("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof i=="function")return i.displayName||i.name||null;if(typeof i=="string")return i;switch(i){case e:return"Fragment";case a:return"Portal";case s:return"Profiler";case r:return"StrictMode";case m:return"Suspense";case g:return"SuspenseList"}if(typeof i=="object")switch(i.$$typeof){case l:var p=i;return K(p)+".Consumer";case c:var b=i;return K(b._context)+".Provider";case d:return H(i,i.render,"ForwardRef");case y:var x=i.displayName||null;return x!==null?x:G(i.type)||"Memo";case S:{var I=i,V=I._payload,k=I._init;try{return G(k(V))}catch{return null}}}return null}var L=Object.assign,z=0,ee,_,U,J,pe,ke,Je;function dt(){}dt.__reactDisabledLog=!0;function _t(){{if(z===0){ee=console.log,_=console.info,U=console.warn,J=console.error,pe=console.group,ke=console.groupCollapsed,Je=console.groupEnd;var i={configurable:!0,enumerable:!0,value:dt,writable:!0};Object.defineProperties(console,{info:i,log:i,warn:i,error:i,group:i,groupCollapsed:i,groupEnd:i})}z++}}function kt(){{if(z--,z===0){var i={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:L({},i,{value:ee}),info:L({},i,{value:_}),warn:L({},i,{value:U}),error:L({},i,{value:J}),group:L({},i,{value:pe}),groupCollapsed:L({},i,{value:ke}),groupEnd:L({},i,{value:Je})})}z<0&&M("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var qe=Z.ReactCurrentDispatcher,$e;function De(i,p,b){{if($e===void 0)try{throw Error()}catch(I){var x=I.stack.trim().match(/\n( *(at )?)/);$e=x&&x[1]||""}return`
+`+$e+i}}var Fe=!1,Ae;{var Dt=typeof WeakMap=="function"?WeakMap:Map;Ae=new Dt}function ft(i,p){if(!i||Fe)return"";{var b=Ae.get(i);if(b!==void 0)return b}var x;Fe=!0;var I=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var V;V=qe.current,qe.current=null,_t();try{if(p){var k=function(){throw Error()};if(Object.defineProperty(k.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(k,[])}catch(Ee){x=Ee}Reflect.construct(i,[],k)}else{try{k.call()}catch(Ee){x=Ee}i.call(k.prototype)}}else{try{throw Error()}catch(Ee){x=Ee}i()}}catch(Ee){if(Ee&&x&&typeof Ee.stack=="string"){for(var j=Ee.stack.split(`
+`),ce=x.stack.split(`
+`),X=j.length-1,q=ce.length-1;X>=1&&q>=0&&j[X]!==ce[q];)q--;for(;X>=1&&q>=0;X--,q--)if(j[X]!==ce[q]){if(X!==1||q!==1)do if(X--,q--,q<0||j[X]!==ce[q]){var me=`
+`+j[X].replace(" at new "," at ");return i.displayName&&me.includes("<anonymous>")&&(me=me.replace("<anonymous>",i.displayName)),typeof i=="function"&&Ae.set(i,me),me}while(X>=1&&q>=0);break}}}finally{Fe=!1,qe.current=V,kt(),Error.prepareStackTrace=I}var ze=i?i.displayName||i.name:"",pn=ze?De(ze):"";return typeof i=="function"&&Ae.set(i,pn),pn}function ht(i,p,b){return ft(i,!1)}function pt(i){var p=i.prototype;return!!(p&&p.isReactComponent)}function Ie(i,p,b){if(i==null)return"";if(typeof i=="function")return ft(i,pt(i));if(typeof i=="string")return De(i);switch(i){case m:return De("Suspense");case g:return De("SuspenseList")}if(typeof i=="object")switch(i.$$typeof){case d:return ht(i.render);case y:return Ie(i.type,p,b);case S:{var x=i,I=x._payload,V=x._init;try{return Ie(V(I),p,b)}catch{}}}return""}var Ve=Object.prototype.hasOwnProperty,mt={},et=Z.ReactDebugCurrentFrame;function we(i){if(i){var p=i._owner,b=Ie(i.type,i._source,p?p.type:null);et.setExtraStackFrame(b)}else et.setExtraStackFrame(null)}function Ne(i,p,b,x,I){{var V=Function.call.bind(Ve);for(var k in i)if(V(i,k)){var j=void 0;try{if(typeof i[k]!="function"){var ce=Error((x||"React class")+": "+b+" type `"+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof i[k]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ce.name="Invariant Violation",ce}j=i[k](p,k,x,b,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(X){j=X}j&&!(j instanceof Error)&&(we(I),M("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",x||"React class",b,k,typeof j),we(null)),j instanceof Error&&!(j.message in mt)&&(mt[j.message]=!0,we(I),M("Failed %s type: %s",b,j.message),we(null))}}}var At=Array.isArray;function tt(i){return At(i)}function gt(i){{var p=typeof Symbol=="function"&&Symbol.toStringTag,b=p&&i[Symbol.toStringTag]||i.constructor.name||"Object";return b}}function nt(i){try{return vt(i),!1}catch{return!0}}function vt(i){return""+i}function bt(i){if(nt(i))return M("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",gt(i)),vt(i)}var Ce=Z.ReactCurrentOwner,It={key:!0,ref:!0,__self:!0,__source:!0},yt,at,ge;ge={};function o(i){if(Ve.call(i,"ref")){var p=Object.getOwnPropertyDescriptor(i,"ref").get;if(p&&p.isReactWarning)return!1}return i.ref!==void 0}function w(i){if(Ve.call(i,"key")){var p=Object.getOwnPropertyDescriptor(i,"key").get;if(p&&p.isReactWarning)return!1}return i.key!==void 0}function N(i,p){if(typeof i.ref=="string"&&Ce.current&&p&&Ce.current.stateNode!==p){var b=G(Ce.current.type);ge[b]||(M('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',G(Ce.current.type),i.ref),ge[b]=!0)}}function F(i,p){{var b=function(){yt||(yt=!0,M("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",p))};b.isReactWarning=!0,Object.defineProperty(i,"key",{get:b,configurable:!0})}}function re(i,p){{var b=function(){at||(at=!0,M("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",p))};b.isReactWarning=!0,Object.defineProperty(i,"ref",{get:b,configurable:!0})}}var ve=function(i,p,b,x,I,V,k){var j={$$typeof:n,type:i,key:p,ref:b,props:k,_owner:V};return j._store={},Object.defineProperty(j._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(j,"_self",{configurable:!1,enumerable:!1,writable:!1,value:x}),Object.defineProperty(j,"_source",{configurable:!1,enumerable:!1,writable:!1,value:I}),Object.freeze&&(Object.freeze(j.props),Object.freeze(j)),j};function ue(i,p,b,x,I){{var V,k={},j=null,ce=null;b!==void 0&&(bt(b),j=""+b),w(p)&&(bt(p.key),j=""+p.key),o(p)&&(ce=p.ref,N(p,I));for(V in p)Ve.call(p,V)&&!It.hasOwnProperty(V)&&(k[V]=p[V]);if(i&&i.defaultProps){var X=i.defaultProps;for(V in X)k[V]===void 0&&(k[V]=X[V])}if(j||ce){var q=typeof i=="function"?i.displayName||i.name||"Unknown":i;j&&F(k,q),ce&&re(k,q)}return ve(i,j,ce,I,x,Ce.current,k)}}var Et=Z.ReactCurrentOwner,wt=Z.ReactDebugCurrentFrame;function ye(i){if(i){var p=i._owner,b=Ie(i.type,i._source,p?p.type:null);wt.setExtraStackFrame(b)}else wt.setExtraStackFrame(null)}var fe;fe=!1;function he(i){return typeof i=="object"&&i!==null&&i.$$typeof===n}function Be(){{if(Et.current){var i=G(Et.current.type);if(i)return`
 
-Check the render method of \``+i+"`."}return""}}function Re(i){{if(i!==void 0){var h=i.fileName.replace(/^.*[\\\/]/,""),v=i.lineNumber;return`
+Check the render method of \``+i+"`."}return""}}function Le(i){{if(i!==void 0){var p=i.fileName.replace(/^.*[\\\/]/,""),b=i.lineNumber;return`
 
-Check your code at `+h+":"+v+"."}return""}}var be={};function Le(i){{var h=Ne();if(!h){var v=typeof i=="string"?i:i.displayName||i.name;v&&(h=`
+Check your code at `+p+":"+b+"."}return""}}var Se={};function Ge(i){{var p=Be();if(!p){var b=typeof i=="string"?i:i.displayName||i.name;b&&(p=`
 
-Check the top-level render call using <`+v+">.")}return h}}function on(i,h){{if(!i._store||i._store.validated||i.key!=null)return;i._store.validated=!0;var v=Le(h);if(be[v])return;be[v]=!0;var O="";i&&i._owner&&i._owner!==mt.current&&(O=" It was passed a child from "+ie(i._owner.type)+"."),pe(i),x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',v,O),pe(null)}}function sn(i,h){{if(typeof i!="object")return;if(Qe(i))for(var v=0;v<i.length;v++){var O=i[v];ae(O)&&on(O,h)}else if(ae(i))i._store&&(i._store.validated=!0);else if(i){var _=b(i);if(typeof _=="function"&&_!==i.entries)for(var A=_.call(i),P;!(P=A.next()).done;)ae(P.value)&&on(P.value,h)}}}function ra(i){{var h=i.type;if(h==null||typeof h=="string")return;var v;if(typeof h=="function")v=h.propTypes;else if(typeof h=="object"&&(h.$$typeof===d||h.$$typeof===y))v=h.propTypes;else return;if(v){var O=ie(h);Te(v,i.props,"prop",O,i)}else if(h.PropTypes!==void 0&&!ne){ne=!0;var _=ie(h);x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",_||"Unknown")}typeof h.getDefaultProps=="function"&&!h.getDefaultProps.isReactClassApproved&&x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function oa(i){{for(var h=Object.keys(i.props),v=0;v<h.length;v++){var O=h[v];if(O!=="children"&&O!=="key"){pe(i),x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",O),pe(null);break}}i.ref!==null&&(pe(i),x("Invalid attribute `ref` supplied to `React.Fragment`."),pe(null))}}function cn(i,h,v,O,_,A){{var P=F(i);if(!P){var M="";(i===void 0||typeof i=="object"&&i!==null&&Object.keys(i).length===0)&&(M+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var q=Re(_);q?M+=q:M+=Ne();var B;i===null?B="null":Qe(i)?B="array":i!==void 0&&i.$$typeof===n?(B="<"+(ie(i.type)||"Unknown")+" />",M=" Did you accidentally export a JSX literal instead of a component?"):B=typeof i,x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",B,M)}var G=ee(i,h,v,_,A);if(G==null)return G;if(P){var oe=h.children;if(oe!==void 0)if(O)if(Qe(oe)){for(var Ue=0;Ue<oe.length;Ue++)sn(oe[Ue],i);Object.freeze&&Object.freeze(oe)}else x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else sn(oe,i)}return i===e?oa(G):ra(G),G}}function sa(i,h,v){return cn(i,h,v,!0)}function ca(i,h,v){return cn(i,h,v,!1)}var la=ca,ua=sa;Ge.Fragment=e,Ge.jsx=la,Ge.jsxs=ua}()),Ge}process.env.NODE_ENV==="production"?Et.exports=Tn():Et.exports=Rn();var l=Et.exports;function wt(t){return t.title.search("<")>-1?l.jsx("button",{className:"svg",dangerouslySetInnerHTML:{__html:t.title}}):l.jsx("button",{children:t.title})}const Mn=l.jsxs("svg",{className:"closeIcon",width:"14",height:"14",fill:"none",stroke:"#666666",strokeMiterlimit:"10",children:[l.jsx("circle",{cx:"7",cy:"7",r:"6"}),l.jsx("line",{x1:"4",y1:"4",x2:"10",y2:"10"}),l.jsx("line",{x1:"4",y1:"10",x2:"10",y2:"4"})]}),Pn=l.jsx("svg",{className:"dragIcon",width:"14",height:"14",fill:"#666666",stroke:"none",children:l.jsx("path",{d:`M10.43,4H3.57C3.26,4,3,4.22,3,4.5v1C3,5.78,3.26,6,3.57,6h6.86C10.74,6,11,5.78,11,5.5v-1
+Check the top-level render call using <`+b+">.")}return p}}function dn(i,p){{if(!i._store||i._store.validated||i.key!=null)return;i._store.validated=!0;var b=Ge(p);if(Se[b])return;Se[b]=!0;var x="";i&&i._owner&&i._owner!==Et.current&&(x=" It was passed a child from "+G(i._owner.type)+"."),ye(i),M('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',b,x),ye(null)}}function fn(i,p){{if(typeof i!="object")return;if(tt(i))for(var b=0;b<i.length;b++){var x=i[b];he(x)&&dn(x,p)}else if(he(i))i._store&&(i._store.validated=!0);else if(i){var I=ne(i);if(typeof I=="function"&&I!==i.entries)for(var V=I.call(i),k;!(k=V.next()).done;)he(k.value)&&dn(k.value,p)}}}function ua(i){{var p=i.type;if(p==null||typeof p=="string")return;var b;if(typeof p=="function")b=p.propTypes;else if(typeof p=="object"&&(p.$$typeof===d||p.$$typeof===y))b=p.propTypes;else return;if(b){var x=G(p);Ne(b,i.props,"prop",x,i)}else if(p.PropTypes!==void 0&&!fe){fe=!0;var I=G(p);M("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",I||"Unknown")}typeof p.getDefaultProps=="function"&&!p.getDefaultProps.isReactClassApproved&&M("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function da(i){{for(var p=Object.keys(i.props),b=0;b<p.length;b++){var x=p[b];if(x!=="children"&&x!=="key"){ye(i),M("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",x),ye(null);break}}i.ref!==null&&(ye(i),M("Invalid attribute `ref` supplied to `React.Fragment`."),ye(null))}}function hn(i,p,b,x,I,V){{var k=P(i);if(!k){var j="";(i===void 0||typeof i=="object"&&i!==null&&Object.keys(i).length===0)&&(j+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var ce=Le(I);ce?j+=ce:j+=Be();var X;i===null?X="null":tt(i)?X="array":i!==void 0&&i.$$typeof===n?(X="<"+(G(i.type)||"Unknown")+" />",j=" Did you accidentally export a JSX literal instead of a component?"):X=typeof i,M("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",X,j)}var q=ue(i,p,b,I,V);if(q==null)return q;if(k){var me=p.children;if(me!==void 0)if(x)if(tt(me)){for(var ze=0;ze<me.length;ze++)fn(me[ze],i);Object.freeze&&Object.freeze(me)}else M("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else fn(me,i)}return i===e?da(q):ua(q),q}}function fa(i,p,b){return hn(i,p,b,!0)}function ha(i,p,b){return hn(i,p,b,!1)}var pa=ha,ma=fa;Ke.Fragment=e,Ke.jsx=pa,Ke.jsxs=ma}()),Ke}process.env.NODE_ENV==="production"?Tt.exports=jn():Tt.exports=_n();var u=Tt.exports;function Mt(t){return t.title.search("<")>-1?u.jsx("button",{className:"svg",dangerouslySetInnerHTML:{__html:t.title}}):u.jsx("button",{children:t.title})}const kn=u.jsxs("svg",{className:"closeIcon",width:"14",height:"14",fill:"none",stroke:"#666666",strokeMiterlimit:"10",children:[u.jsx("circle",{cx:"7",cy:"7",r:"6"}),u.jsx("line",{x1:"4",y1:"4",x2:"10",y2:"10"}),u.jsx("line",{x1:"4",y1:"10",x2:"10",y2:"4"})]}),Dn=u.jsx("svg",{className:"dragIcon",width:"14",height:"14",fill:"#666666",stroke:"none",children:u.jsx("path",{d:`M10.43,4H3.57C3.26,4,3,4.22,3,4.5v1C3,5.78,3.26,6,3.57,6h6.86C10.74,6,11,5.78,11,5.5v-1
 C11,4.22,10.74,4,10.43,4z M10.43,8H3.57C3.26,8,3,8.22,3,8.5v1C3,9.78,3.26,10,3.57,10h6.86C10.74,10,11,9.78,11,9.5v-1
-C11,8.22,10.74,8,10.43,8z`})});function Gt(t){return l.jsx(_t.Reorder.Item,{value:t.title,children:l.jsxs("div",{children:[Pn,l.jsx("span",{children:t.title}),l.jsx("button",{className:"closeIcon",onClick:()=>{t.onDelete(t.index)},children:Mn})]})},t.title)}function Yt(t){const[n,a]=j.useState(!1),[e,o]=j.useState(t.options),u=m=>{t.onDragComplete(m),o(m)},c=m=>{const p=[...e];p.splice(m,1),u(p)},s=[];e.forEach((m,p)=>{s.push(l.jsx(Gt,{index:p,title:m,onDelete:c},m))});let d="dropdown draggable";return t.subdropdown&&(d+=" subdropdown"),l.jsxs("div",{className:d,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[l.jsx(wt,{title:t.title}),l.jsx(_t.Reorder.Group,{axis:"y",values:e,onReorder:u,style:{visibility:n?"visible":"hidden"},children:s})]})}function zt(t){const[n,a]=j.useState(!1),e=[];t.options.map((u,c)=>{t.onSelect!==void 0&&(u.onSelect=t.onSelect),e.push(l.jsx(Ht,{option:u},c))});let o="dropdown";return t.subdropdown&&(o+=" subdropdown"),l.jsxs("div",{className:o,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[l.jsx(wt,{title:t.title}),l.jsx("ul",{style:{visibility:n?"visible":"hidden"},children:e})]})}function Ht(t){const{option:n}=t,[a,e]=j.useState("");let o;switch(n.type){case"draggable":o=l.jsx(Yt,{title:n.title,options:n.value,onDragComplete:u=>{n.onDragComplete!==void 0&&n.onDragComplete(u)},subdropdown:!0});break;case"dropdown":o=l.jsx(zt,{title:n.title,options:n.value,onSelect:n.onSelect,subdropdown:!0});break;case"option":o=l.jsx("button",{onClick:()=>{n.onSelect!==void 0&&n.onSelect(n.value),n.selectable&&(a!==n.title?e(n.title):e(""))},children:n.title});break}return l.jsx("li",{className:a===n.title?"selected":"",children:o},kt())}function jn(t){let n;function a(c){var d,m,p,y,S,T,R,g,b;let s;switch(c.event){case"custom":N.dispatchEvent({type:L.CUSTOM,value:c.data});break;case"selectComponent":N.dispatchEvent({type:L.SELECT_DROPDOWN,value:c.data});break;case"draggableListUpdate":N.dispatchEvent({type:L.DRAG_UPDATE,value:c.data});break;case"addFolder":(d=t.components.get("debug"))==null||d.addFolder(c.data.name,c.data.params,c.data.parent);break;case"bindObject":(m=t.components.get("debug"))==null||m.bind(c.data.name,c.data.params,c.data.parent);break;case"updateBind":(p=t.components.get("debug"))==null||p.triggerBind(c.data.id,c.data.value);break;case"addButton":(y=t.components.get("debug"))==null||y.button(c.data.name,c.data.callback,c.data.parent);break;case"clickButton":(S=t.components.get("debug"))==null||S.triggerButton(c.data.id);break;case"setSheet":s=(T=t.components.get("theatre"))==null?void 0:T.sheets.get(c.data.sheet),s!==void 0&&(n=s,Fe.setSelection([s]));break;case"setSheetObject":s=(R=t.components.get("theatre"))==null?void 0:R.sheetObjects.get(`${c.data.sheet}_${c.data.key}`),s!==void 0&&Fe.setSelection([s]);break;case"updateSheetObject":s=(g=t.components.get("theatre"))==null?void 0:g.sheetObjectCBs.get(c.data.sheetObject),s!==void 0&&s(c.data.values);break;case"updateTimeline":n=(b=t.components.get("theatre"))==null?void 0:b.sheets.get(c.data.sheet),n!==void 0&&(n.sequence.position=c.data.position);break;case"getObject":N.dispatchEvent({type:L.GET_OBJECT,value:c.data});break;case"updateObject":N.dispatchEvent({type:L.UPDATE_OBJECT,value:c.data});break;case"createTexture":N.dispatchEvent({type:L.CREATE_TEXTURE,value:c.data});break;case"requestMethod":N.dispatchEvent({type:L.REQUEST_METHOD,value:c.data});break}}function e(c){switch(c.event){case"custom":N.dispatchEvent({type:L.CUSTOM,value:c.data});break;case"setObject":N.dispatchEvent({type:L.SET_OBJECT,value:c.data});break;case"setScene":N.dispatchEvent({type:L.SET_SCENE,value:c.data});break}}function o(){Fe.ui.hide()}function u(){Fe.ui.restore(),Fe.onSelectionChange(m=>{m.length<1||m.forEach(p=>{var R;let y=p.address.sheetId,S="setSheet",T={};switch(p.type){case"Theatre_Sheet_PublicAPI":S="setSheet",T={sheet:p.address.sheetId},n=(R=t.components.get("theatre"))==null?void 0:R.sheets.get(p.address.sheetId);break;case"Theatre_SheetObject_PublicAPI":S="setSheetObject",y+=`_${p.address.objectKey}`,T={id:y,sheet:p.address.sheetId,key:p.address.objectKey};break}t.send({event:S,target:"app",data:T})})});let c=0;const s=()=>{if(n!==void 0&&c!==n.sequence.position){c=n.sequence.position;const m=n;t.send({event:"updateTimeline",target:"app",data:{position:c,sheet:m.address.sheetId}})}},d=()=>{s(),requestAnimationFrame(d)};s(),d()}t.listen(c=>{t.editor?e(c):a(c)}),t.editor?u():o()}const _n=`out vec3 worldPosition;
+C11,8.22,10.74,8,10.43,8z`})});function Kt(t){return u.jsx(Nt.Reorder.Item,{value:t.title,children:u.jsxs("div",{children:[Dn,u.jsx("span",{children:t.title}),u.jsx("button",{className:"closeIcon",onClick:()=>{t.onDelete(t.index)},children:kn})]})},t.title)}function Xt(t){const[n,a]=R.useState(!1),[e,r]=R.useState(t.options),s=m=>{t.onDragComplete(m),r(m)},c=m=>{const g=[...e];g.splice(m,1),s(g)},l=[];e.forEach((m,g)=>{l.push(u.jsx(Kt,{index:g,title:m,onDelete:c},m))});let d="dropdown draggable";return t.subdropdown&&(d+=" subdropdown"),u.jsxs("div",{className:d,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[u.jsx(Mt,{title:t.title}),u.jsx(Nt.Reorder.Group,{axis:"y",values:e,onReorder:s,style:{visibility:n?"visible":"hidden"},children:l})]})}function Zt(t){const[n,a]=R.useState(!1),e=[];t.options.map((s,c)=>{t.onSelect!==void 0&&(s.onSelect=t.onSelect),e.push(u.jsx(Qt,{option:s},c))});let r="dropdown";return t.subdropdown&&(r+=" subdropdown"),u.jsxs("div",{className:r,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[u.jsx(Mt,{title:t.title}),u.jsx("ul",{style:{visibility:n?"visible":"hidden"},children:e})]})}function Qt(t){const{option:n}=t,[a,e]=R.useState("");let r;switch(n.type){case"draggable":r=u.jsx(Xt,{title:n.title,options:n.value,onDragComplete:s=>{n.onDragComplete!==void 0&&n.onDragComplete(s)},subdropdown:!0});break;case"dropdown":r=u.jsx(Zt,{title:n.title,options:n.value,onSelect:n.onSelect,subdropdown:!0});break;case"option":r=u.jsx("button",{onClick:()=>{n.onSelect!==void 0&&n.onSelect(n.value),n.selectable&&(a!==n.title?e(n.title):e(""))},children:n.title});break}return u.jsx("li",{className:a===n.title?"selected":"",children:r},Lt())}function An(t){let n;function a(c){var d,m,g,y,S,O,T,B,ne;let l;switch(c.event){case"custom":D.dispatchEvent({type:A.CUSTOM,value:c.data});break;case"selectComponent":D.dispatchEvent({type:A.SELECT_DROPDOWN,value:c.data});break;case"draggableListUpdate":D.dispatchEvent({type:A.DRAG_UPDATE,value:c.data});break;case"addFolder":(d=t.components.get("debug"))==null||d.addFolder(c.data.name,c.data.params,c.data.parent);break;case"bindObject":(m=t.components.get("debug"))==null||m.bind(c.data.name,c.data.params,c.data.parent);break;case"updateBind":(g=t.components.get("debug"))==null||g.triggerBind(c.data.id,c.data.value);break;case"addButton":(y=t.components.get("debug"))==null||y.button(c.data.name,c.data.callback,c.data.parent);break;case"clickButton":(S=t.components.get("debug"))==null||S.triggerButton(c.data.id);break;case"setSheet":l=(O=t.components.get("theatre"))==null?void 0:O.sheets.get(c.data.sheet),l!==void 0&&(n=l,Ye.setSelection([l]));break;case"setSheetObject":l=(T=t.components.get("theatre"))==null?void 0:T.sheetObjects.get(`${c.data.sheet}_${c.data.key}`),l!==void 0&&Ye.setSelection([l]);break;case"updateSheetObject":l=(B=t.components.get("theatre"))==null?void 0:B.sheetObjectCBs.get(c.data.sheetObject),l!==void 0&&l(c.data.values);break;case"updateTimeline":n=(ne=t.components.get("theatre"))==null?void 0:ne.sheets.get(c.data.sheet),n!==void 0&&(n.sequence.position=c.data.position);break;case"getObject":D.dispatchEvent({type:A.GET_OBJECT,value:c.data});break;case"updateObject":D.dispatchEvent({type:A.UPDATE_OBJECT,value:c.data});break;case"createTexture":D.dispatchEvent({type:A.CREATE_TEXTURE,value:c.data});break;case"requestMethod":D.dispatchEvent({type:A.REQUEST_METHOD,value:c.data});break}}function e(c){switch(c.event){case"custom":D.dispatchEvent({type:A.CUSTOM,value:c.data});break;case"setObject":D.dispatchEvent({type:A.SET_OBJECT,value:c.data});break;case"setScene":D.dispatchEvent({type:A.SET_SCENE,value:c.data});break;case"addCamera":D.dispatchEvent({type:A.ADD_CAMERA,value:c.data});break;case"removeCamera":D.dispatchEvent({type:A.REMOVE_CAMERA,value:c.data});break}}function r(){Ye.ui.hide()}function s(){Ye.ui.restore(),Ye.onSelectionChange(m=>{m.length<1||m.forEach(g=>{var T;let y=g.address.sheetId,S="setSheet",O={};switch(g.type){case"Theatre_Sheet_PublicAPI":S="setSheet",O={sheet:g.address.sheetId},n=(T=t.components.get("theatre"))==null?void 0:T.sheets.get(g.address.sheetId);break;case"Theatre_SheetObject_PublicAPI":S="setSheetObject",y+=`_${g.address.objectKey}`,O={id:y,sheet:g.address.sheetId,key:g.address.objectKey};break}t.send({event:S,target:"app",data:O})})});let c=0;const l=()=>{if(n!==void 0&&c!==n.sequence.position){c=n.sequence.position;const m=n;t.send({event:"updateTimeline",target:"app",data:{position:c,sheet:m.address.sheetId}})}},d=()=>{l(),requestAnimationFrame(d)};l(),d()}t.listen(c=>{t.editor?e(c):a(c)}),t.editor?s():r()}const In=`out vec3 worldPosition;
 uniform float uDistance;
 
 void main() {
@@ -35,7 +35,7 @@ void main() {
   worldPosition.xz += cameraPosition.xz;
 
   gl_Position = projectionMatrix * modelViewMatrix * vec4(worldPosition, 1.0);
-}`,kn=`out vec4 fragColor;
+}`,Nn=`out vec4 fragColor;
 in vec3 worldPosition;
 
 uniform float uDivisions;
@@ -102,7 +102,7 @@ void main() {
   fragColor.a = mix(fragColor.a, baseOpacity * uGridOpacity, nextGrid);
 
   if (fragColor.a <= 0.0) discard;
-}`;class Dn extends f.ShaderMaterial{constructor(n){super({extensions:{derivatives:!0},glslVersion:f.GLSL3,side:f.DoubleSide,transparent:!0,uniforms:{uScale:{value:(n==null?void 0:n.scale)!==void 0?n==null?void 0:n.scale:.1},uDivisions:{value:(n==null?void 0:n.divisions)!==void 0?n==null?void 0:n.divisions:10},uColor:{value:(n==null?void 0:n.color)!==void 0?n==null?void 0:n.color:new f.Color(16777215)},uDistance:{value:(n==null?void 0:n.distance)!==void 0?n==null?void 0:n.distance:1e4},uSubgridOpacity:{value:(n==null?void 0:n.subgridOpacity)!==void 0?n==null?void 0:n.subgridOpacity:.15},uGridOpacity:{value:(n==null?void 0:n.gridOpacity)!==void 0?n==null?void 0:n.gridOpacity:.25}},vertexShader:_n,fragmentShader:kn,name:"InfiniteGrid",depthWrite:!1})}}class Wt extends f.Mesh{constructor(){const a=new Dn;super(new f.PlaneGeometry(2,2),a);Y(this,"gridMaterial");this.gridMaterial=a,this.frustumCulled=!1,this.name="InfiniteGridHelper",this.position.y=.1}update(){this.gridMaterial.needsUpdate=!0}}const In=`#include <common>
+}`;class Ln extends f.ShaderMaterial{constructor(n){super({extensions:{derivatives:!0},glslVersion:f.GLSL3,side:f.DoubleSide,transparent:!0,uniforms:{uScale:{value:(n==null?void 0:n.scale)!==void 0?n==null?void 0:n.scale:.1},uDivisions:{value:(n==null?void 0:n.divisions)!==void 0?n==null?void 0:n.divisions:10},uColor:{value:(n==null?void 0:n.color)!==void 0?n==null?void 0:n.color:new f.Color(16777215)},uDistance:{value:(n==null?void 0:n.distance)!==void 0?n==null?void 0:n.distance:1e4},uSubgridOpacity:{value:(n==null?void 0:n.subgridOpacity)!==void 0?n==null?void 0:n.subgridOpacity:.15},uGridOpacity:{value:(n==null?void 0:n.gridOpacity)!==void 0?n==null?void 0:n.gridOpacity:.25}},vertexShader:In,fragmentShader:Nn,name:"InfiniteGrid",depthWrite:!1})}}class Jt extends f.Mesh{constructor(){const a=new Ln;super(new f.PlaneGeometry(2,2),a);$(this,"gridMaterial");this.gridMaterial=a,this.frustumCulled=!1,this.name="InfiniteGridHelper",this.position.y=.1}update(){this.gridMaterial.needsUpdate=!0}}const Un=`#include <common>
 #include <batching_pars_vertex>
 #include <uv_pars_vertex>
 #include <color_pars_vertex>
@@ -132,7 +132,7 @@ void main() {
 	#include <logdepthbuf_vertex>
 	#include <clipping_planes_vertex>
 	#include <worldpos_vertex>
-}`,An=`
+}`,Fn=`
 #include <common>
 #include <uv_pars_fragment>
 #include <clipping_planes_pars_fragment>
@@ -140,5 +140,5 @@ void main() {
 void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
-}`;class Kt extends f.ShaderMaterial{constructor(){super({defines:{USE_UV:""},vertexShader:In,fragmentShader:An})}}const ha="";function tt(t){const[n,a]=j.useState(t.open!==void 0?t.open:!0),e=!n||t.children===void 0;return l.jsxs("div",{className:`accordion ${e?"hide":""}`,children:[l.jsxs("button",{className:"toggle",onClick:()=>{const o=!n;t.onToggle!==void 0&&t.onToggle(o),a(o)},children:[l.jsx("p",{className:`status ${n?"open":""}`,children:"Toggle"}),l.jsx("p",{className:"label",children:t.label})]}),t.button,l.jsx("div",{className:n?"open":"",children:l.jsx("div",{children:t.children})})]})}function Ct(t){const[n,a]=j.useState(!1),e=t.child.children.length>0,o=[];return t.child.children.length>0&&t.child.children.map(u=>{o.push(l.jsx(Ct,{child:u,three:t.three},Math.random()))}),l.jsxs("div",{className:"childObject",children:[l.jsxs("div",{className:"child",children:[e?l.jsx("button",{className:"status",style:{backgroundPositionX:n?"-14px":"2px"},onClick:()=>{a(!n)}}):null,l.jsx("button",{className:"name",style:{left:e?"20px":"5px"},onClick:()=>{t.three.getObject(t.child.uuid)},children:t.child.name.length>0?`${t.child.name} (${t.child.type})`:`${t.child.type}::${t.child.uuid}`}),l.jsx("div",{className:`icon ${En(t.child)}`})]}),l.jsx("div",{className:n?"open":"",children:l.jsx("div",{className:"container",children:o})})]},Math.random())}function Xt(t){const n=[];return t.child.children.map(a=>{n.push(l.jsx(Ct,{child:a,three:t.three},Math.random()))}),l.jsx("div",{className:`scene ${t.class!==void 0?t.class:""}`,children:n})}const pa="",Nn="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";function Ln(t){return"items"in t}function Me(t){function n(e,o){console.log("onChange:",e,o)}const a=[];return t.items.forEach(e=>{Ln(e)?a.push(l.jsx(Me,{title:e.title,items:e.items},Math.random())):a.push(l.jsx(Ye,{title:e.title,prop:e.prop,value:e.value,type:e.type,min:e.min,max:e.max,step:e.step,disabled:e.disabled,onChange:(o,u)=>{e.onChange!==void 0?e.onChange(o,u):n(o,u)}},Math.random()))}),l.jsx(tt,{label:t.title,open:!1,children:a})}function Un(t){return!(t==="alphaHash"||t==="alphaToCoverage"||t==="attenuationDistance"||t==="colorWrite"||t==="combine"||t==="defaultAttributeValues"||t==="depthFunc"||t==="forceSinglePass"||t==="glslVersion"||t==="linewidth"||t==="normalMapType"||t==="precision"||t==="premultipliedAlpha"||t==="shadowSide"||t==="side"||t==="toneMapped"||t==="uniformsGroups"||t==="uniformsNeedUpdate"||t==="userData"||t==="vertexColors"||t==="version"||t==="wireframeLinecap"||t==="wireframeLinejoin"||t==="wireframeLinewidth"||t.slice(0,5)==="blend"||t.slice(0,4)==="clip"||t.slice(0,7)==="polygon"||t.slice(0,7)==="stencil"||t.slice(0,2)==="is")}function Ee(t){switch(t){case"alphaMap":return"Alpha Map";case"anisotropyMap":return"Anisotropy Map";case"anisotropyRotation":return"Anisotropy Rotation";case"aoMap":return"AO Map";case"aoMapIntensity":return"AO Map Intensity";case"attenuationColor":return"Attenuation Color";case"bumpMap":return"Bump Map";case"bumpScale":return"Bump Scale";case"clearcoatMap":return"Clearcoat Map";case"clearcoatNormalMap":return"Clearcoat Normal Map";case"clearcoatNormalScale":return"Clearcoat Normal Scale";case"clearcoatRoughness":return"Clearcoat Roughness";case"clearcoatRoughnessMap":return"Clearcoat Roughness Map";case"color":return"Color";case"defines":return"Defines";case"depthTest":return"Depth Test";case"depthWrite":return"Depth Write";case"displacementBias":return"Displacement Bias";case"displacementMap":return"Displacement Map";case"displacementScale":return"Displacement Scale";case"dithering":return"Dithering";case"emissive":return"Emissive";case"emissiveMap":return"Emissive Map";case"emissiveIntensity":return"Emissive Intensity";case"envMap":return"Environment Map";case"envMapIntensity":return"Environment Map Intensity";case"extensions":return"Extensions";case"flatShading":return"Flat Shading";case"fragmentShader":return"Fragment Shader";case"fog":return"Fog";case"gradientMap":return"Gradient Map";case"ior":return"IOR";case"iridescenceIOR":return"Iridescence IOR";case"iridescenceMap":return"Iridescence Map";case"iridescenceThicknessMap":return"Iridescence Thickness Map";case"iridescenceThicknessRange":return"Iridescence Thickness Range";case"lights":return"Lights";case"lightMap":return"Light Map";case"lightMapIntensity":return"Light Map Intensity";case"map":return"Map";case"matcap":return"Matcap";case"metalness":return"Metalness";case"metalnessMap":return"Metalness Map";case"name":return"Name";case"normalMap":return"Normal Map";case"normalScale":return"Normal Scale";case"opacity":return"Opacity";case"reflectivity":return"Reflectivity";case"refractionRatio":return"Refraction Ratio";case"roughness":return"Roughness";case"roughnessMap":return"Roughness Map";case"sheenColor":return"Sheen Color";case"sheenColorMap":return"Sheen Color Map";case"sheenRoughness":return"Sheen Roughness";case"sheenRoughnessMap":return"Sheen Roughness Map";case"shininess":return"Shininess";case"specular":return"Specular";case"specularColor":return"Specular Color";case"specularColorMap":return"Specular Color Map";case"specularIntensity":return"Specular Intensity";case"specularIntensityMap":return"Specular Map Intensity";case"thickness":return"Thickness";case"thicknessMap":return"Thickness Map";case"transmission":return"Transmission";case"transmissionMap":return"Transmission Map";case"transparent":return"Transparent";case"type":return"Type";case"uuid":return"UUID";case"uniforms":return"Uniforms";case"vertexShader":return"Vertex Shader";case"visible":return"Visible";case"wireframe":return"Wireframe"}return t}function Fn(t){return t.toLowerCase().search("intensity")>-1||t==="anisotropyRotation"||t==="bumpScale"||t==="clearcoatRoughness"||t==="displacementBias"||t==="displacementScale"||t==="metalness"||t==="opacity"||t==="reflectivity"||t==="refractionRatio"||t==="roughness"||t==="sheenRoughness"||t==="thickness"}function Vn(){const t=document.createElement("input");return t.type="file",new Promise((n,a)=>{t.addEventListener("change",function(){if(t.files===null)a();else{const e=t.files[0],o=new FileReader;o.onload=function(u){n(u.target.result)},o.readAsDataURL(e)}}),t.click()})}function Zt(t,n,a){const e=[];for(const o in t){if(!Un(o))continue;const u=typeof t[o],c=t[o];if(u==="boolean"||u==="number"||u==="string"){const s={title:Ee(o),prop:o,type:u,value:c,min:void 0,max:void 0,onChange:(d,m)=>{var y;a.updateObject(n.uuid,`material.${d}`,m),u==="boolean"&&a.updateObject(n.uuid,"material.needsUpdate",!0);const p=(y=a.scene)==null?void 0:y.getObjectByProperty("uuid",n.uuid);p!==void 0&&J(p,`material.${d}`,m)}};Fn(o)&&(s.value=Number(c),s.type="range",s.min=0,s.max=1,s.step=.01),e.push(s)}else if(u==="object")if(c.isColor)e.push({title:Ee(o),prop:o,type:"color",value:c,onChange:(s,d)=>{var y;const m=new f.Color(d);a.updateObject(n.uuid,`material.${s}`,m);const p=(y=a.scene)==null?void 0:y.getObjectByProperty("uuid",n.uuid);p!==void 0&&J(p,`material.${s}`,m)}});else if(Array.isArray(c)){const s=[];for(const d in c)s.push({title:`${d}`,type:`${typeof c[d]}`,value:c[d],onChange:(m,p)=>{var S;a.updateObject(n.uuid,`material.${o}`,p);const y=(S=a.scene)==null?void 0:S.getObjectByProperty("uuid",n.uuid);y!==void 0&&J(y,`material.${o}`,p)}});e.push({title:Ee(o),items:s})}else{const s=[];for(const d in c){const m=c[d];switch(typeof m){case"boolean":case"number":case"string":d==="src"?e.push({title:Ee(o),type:"image",value:m,onChange:(y,S)=>{var R;a.createTexture(n.uuid,`material.${o}`,S);const T=(R=a.scene)==null?void 0:R.getObjectByProperty("uuid",n.uuid);T!==void 0&&yt(S).then(g=>{J(T,`material.${o}`,g),J(T,"material.needsUpdate",!0)})}}):s.push({title:`${Ee(d)}`,prop:`material.${o}.${d}`,type:`${typeof t[o][d]}`,value:c[d],onChange:(y,S)=>{var R;a.updateObject(n.uuid,`material.${o}.${d}`,S);const T=(R=a.scene)==null?void 0:R.getObjectByProperty("uuid",n.uuid);T!==void 0&&J(T,`material.${o}.${d}`,S)}});break;case"object":m.value!==void 0&&m.value.src!==void 0?s.push({title:Ee(d),type:"image",value:m.value.src,onChange:(y,S)=>{var R;a.createTexture(n.uuid,`material.${o}.${d}.value`,S);const T=(R=a.scene)==null?void 0:R.getObjectByProperty("uuid",n.uuid);T!==void 0&&yt(S).then(g=>{J(T,`material.${o}.${d}.value`,g)})}}):s.push({title:d,type:`${typeof m.value}`,value:m.value,onChange:(y,S)=>{var R;a.updateObject(n.uuid,`material.${o}.${d}.value`,S);const T=(R=a.scene)==null?void 0:R.getObjectByProperty("uuid",n.uuid);T!==void 0&&J(T,`material.${o}.${d}.value`,S)}});break}}s.length>0&&e.push({title:Ee(o),items:s})}else c!==void 0&&console.log("other:",o,u,c)}return e.sort((o,u)=>o.title<u.title?-1:o.title>u.title?1:0),e.push({title:"Update Material",type:"button",onChange:()=>{a.updateObject(n.uuid,"material.needsUpdate",!0)}}),e}function Bn(t,n){const a=t.material;if(Array.isArray(a)){const e=[],o=a.length;for(let u=0;u<o;u++)e.push(l.jsx(Me,{title:`Material ${u}`,items:Zt(a[u],t,n)},`Material ${u}`));return l.jsx(l.Fragment,{children:e})}else return l.jsx(Me,{title:"Material",items:Zt(a,t,n)})}function Ye(t){let n=t.value;n!==void 0&&n.isColor!==void 0&&(n=It(t.value));const[a,e]=j.useState(n),o=j.useRef(null),u=j.useRef(null),c=j.useRef(null);j.useEffect(()=>{var V;let p=!1,y=-1,S=0,T=Number(a);const R=H=>{p=!0,S=T,y=H.clientX},g=H=>{if(!p)return;const $=t.step!==void 0?t.step:1,se=(H.clientX-y)*$;T=Number((S+se).toFixed(4)),u.current!==null&&(u.current.value=T.toString()),t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,T)},b=()=>{p=!1},E=()=>{p=!1},x=t.type==="number";return x&&((V=o.current)==null||V.addEventListener("mousedown",R,!1),document.addEventListener("mouseup",b,!1),document.addEventListener("mousemove",g,!1),document.addEventListener("contextmenu",E,!1)),()=>{var H;x&&((H=o.current)==null||H.removeEventListener("mousedown",R),document.removeEventListener("mouseup",b),document.removeEventListener("mousemove",g),document.removeEventListener("contextmenu",E))}},[a]);const s=t.type==="string"&&(a.length>100||a.search(`
-`)>-1),d=s||t.type==="image",m=p=>{let y=p.target.value;t.type==="boolean"&&(y=p.target.checked),e(y),t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,y)};return l.jsxs("div",{className:`field ${d?"block":""}`,children:[t.type!=="button"&&l.jsx("label",{ref:o,children:t.title},"fieldLabel"),t.type==="string"&&!s&&l.jsx("input",{type:"text",disabled:t.disabled,onChange:m,value:a}),t.type==="string"&&s&&l.jsx("textarea",{cols:50,rows:10,disabled:!0,onChange:m,value:a}),t.type==="boolean"&&l.jsx("input",{type:"checkbox",disabled:t.disabled,onChange:m,checked:a}),t.type==="number"&&l.jsx("input",{ref:u,type:"number",value:a,min:t.min,max:t.max,step:t.step,onChange:m}),t.type==="range"&&l.jsxs(l.Fragment,{children:[l.jsx("input",{type:"text",value:a.toString(),onChange:m,className:"min"}),l.jsx("input",{disabled:t.disabled,type:"range",value:a,min:t.min,max:t.max,step:t.step,onChange:m})]}),t.type==="color"&&l.jsxs(l.Fragment,{children:[l.jsx("input",{type:"text",value:a.toString(),onChange:m,className:"color"}),l.jsx("input",{type:"color",value:a,onChange:m})]}),t.type==="button"&&l.jsx("button",{onClick:()=>{t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,!0)},children:t.title}),t.type==="image"&&l.jsx("img",{ref:c,onClick:()=>{Vn().then(p=>{c.current.src=p,t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,p)})},src:a.length>0?a:Nn})]})}function Jt(t){switch(t){case"fov":return"FOV";case"zoom":return"Zoom";case"near":return"Near";case"far":return"Far";case"focus":return"Focus";case"aspect":return"Aspect";case"filmGauge":return"Film Gauge";case"filmOffset":return"Film Offset";case"left":return"Left";case"right":return"Right";case"top":return"Top";case"bottom":return"Bottom"}return t}function Gn(t,n){const a=[];if(t.perspectiveCameraInfo!==void 0)for(const e in t.perspectiveCameraInfo)a.push({title:Jt(e),prop:e,type:"number",step:.01,value:t.perspectiveCameraInfo[e],onChange:(o,u)=>{var s;n.updateObject(t.uuid,o,u),n.requestMethod(t.uuid,"updateProjectionMatrix");const c=(s=n.scene)==null?void 0:s.getObjectByProperty("uuid",t.uuid);c!==void 0&&(J(c,o,u),c.updateProjectionMatrix())}});else if(t.orthographicCameraInfo!==void 0)for(const e in t.orthographicCameraInfo)a.push({title:Jt(e),prop:e,type:"number",step:.01,value:t.perspectiveCameraInfo[e],onChange:(o,u)=>{var s;n.updateObject(t.uuid,o,u),n.requestMethod(t.uuid,"updateProjectionMatrix");const c=(s=n.scene)==null?void 0:s.getObjectByProperty("uuid",t.uuid);c!==void 0&&(J(c,o,u),c.updateProjectionMatrix())}});return l.jsx(Me,{title:"Camera",items:a})}const Yn=Math.PI/180,zn=180/Math.PI;function Hn(t){return t*Yn}function St(t){return t*zn}function Wn(t,n){const a=new f.Matrix4;a.elements=t.matrix;const e=new f.Vector3,o=new f.Euler,u=new f.Vector3;t.uuid.length>0&&(e.setFromMatrixPosition(a),o.setFromRotationMatrix(a),u.setFromMatrixScale(a));const c=(d,m)=>{var y;n.updateObject(t.uuid,d,m);const p=(y=n.scene)==null?void 0:y.getObjectByProperty("uuid",t.uuid);p!==void 0&&J(p,d,m)},s=(d,m)=>{c(d,Hn(m))};return l.jsx(Me,{title:"Transform",items:[{title:"Position X",prop:"position.x",type:"number",value:e.x,onChange:c},{title:"Position Y",prop:"position.y",type:"number",value:e.y,onChange:c},{title:"Position Z",prop:"position.z",type:"number",value:e.z,onChange:c},{title:"Rotation X",prop:"rotation.x",type:"number",value:et(St(o.x)),min:-360,max:360,step:.1,onChange:s},{title:"Rotation Y",prop:"rotation.y",type:"number",value:et(St(o.y)),min:-360,max:360,step:.1,onChange:s},{title:"Rotation Z",prop:"rotation.z",type:"number",value:et(St(o.z)),min:-360,max:360,step:.1,onChange:s},{title:"Scale X",prop:"scale.x",type:"number",value:u.x,step:.01,onChange:c},{title:"Scale Y",prop:"scale.y",type:"number",value:u.y,step:.01,onChange:c},{title:"Scale Z",prop:"scale.z",type:"number",value:u.z,step:.01,onChange:c}]})}function Qt(t){switch(t){case"color":return"Color";case"intensity":return"Intensity";case"decay":return"Decay";case"distance":return"Distance";case"angle":return"Angle";case"penumbra":return"Penumbra";case"groundColor":return"Ground Color"}return t}function Kn(t,n){const a=[];if(t.lightInfo!==void 0)for(const e in t.lightInfo){const o=t.lightInfo[e];o!==void 0&&(o.isColor!==void 0?a.push({title:Qt(e),prop:e,type:"color",value:o,onChange:(u,c)=>{var m;const s=new f.Color(c);n.updateObject(t.uuid,u,s);const d=(m=n.scene)==null?void 0:m.getObjectByProperty("uuid",t.uuid);d!==void 0&&J(d,u,s)}}):a.push({title:Qt(e),prop:e,type:typeof o,value:o,step:typeof o=="number"?.01:void 0,onChange:(u,c)=>{var d;n.updateObject(t.uuid,u,c);const s=(d=n.scene)==null?void 0:d.getObjectByProperty("uuid",t.uuid);s!==void 0&&J(s,u,c)}}))}return l.jsx(Me,{title:"Light",items:a})}function qt(t){const[n,a]=j.useState(-1),[e,o]=j.useState({name:"",uuid:"",type:"",visible:!1,matrix:[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],material:void 0,perspectiveCameraInfo:void 0,orthographicCameraInfo:void 0,lightInfo:void 0});j.useEffect(()=>{function c(s){const d=s.value;o(d),a(Date.now())}return N.addEventListener(L.SET_OBJECT,c),()=>{N.removeEventListener(L.SET_OBJECT,c)}},[]);const u=e.type.toLowerCase();return l.jsx("div",{id:"Inspector",className:t.class,children:e.uuid.length>0&&l.jsxs(l.Fragment,{children:[l.jsxs(l.Fragment,{children:[l.jsx(Ye,{type:"string",title:"Name",prop:"name",value:e.name,disabled:!0}),l.jsx(Ye,{type:"string",title:"Type",prop:"type",value:e.type,disabled:!0}),l.jsx(Ye,{type:"string",title:"UUID",prop:"uuid",value:e.uuid,disabled:!0}),l.jsx(Ye,{type:"boolean",title:"Visible",prop:"visible",value:e.visible,onChange:(c,s)=>{var m;t.three.updateObject(e.uuid,c,s);const d=(m=t.three.scene)==null?void 0:m.getObjectByProperty("uuid",e.uuid);d!==void 0&&J(d,c,s)}})]}),l.jsxs(l.Fragment,{children:[Wn(e,t.three),u.search("camera")>-1?Gn(e,t.three):null,u.search("light")>-1?Kn(e,t.three):null,u.search("mesh")>-1?Bn(e,t.three):null]})]})},n)}class Xn extends j.Component{constructor(a){super(a);Y(this,"three");Y(this,"setScene",a=>{this.setState(()=>({scene:a.value}))});this.state={scene:a.scene!==void 0?a.scene:null},this.three=a.three,N.addEventListener(L.SET_SCENE,this.setScene)}componentWillUnmount(){N.removeEventListener(L.SET_SCENE,this.setScene)}render(){var o;const a=this.componentState.scene!==null,e="Hierarchy - "+(a?`${(o=this.componentState.scene)==null?void 0:o.name}`:"No Scene");return l.jsx("div",{id:"SceneHierarchy",children:l.jsxs(l.Fragment,{children:[l.jsx(tt,{label:e,open:!0,children:l.jsx(l.Fragment,{children:a&&l.jsx(Xt,{child:this.componentState.scene,three:this.three})})}),l.jsx(tt,{label:"Inspector",children:l.jsx(qt,{three:this.three},"Inspector")})]})},"SceneHierarchy")}get componentState(){return this.state}}function Zn(t){function n(){return t.three.scene===void 0?(console.log("No scene:",t.three),!1):!0}const a=s=>{var m;if(!n())return;const d=(m=t.three.scene)==null?void 0:m.getObjectByProperty("uuid",s.value);d!==void 0&&t.three.setObject(d)},e=(s,d,m)=>{var y;if(!n())return;const p=(y=t.three.scene)==null?void 0:y.getObjectByProperty("uuid",s);p!==void 0&&J(p,d,m)},o=s=>{if(!n())return;const d=s.value,{key:m,value:p,uuid:y}=d;e(y,m,p)},u=s=>{if(!n())return;const d=s.value;yt(d.value).then(m=>{e(d.uuid,d.key,m),e(d.uuid,"material.needsUpdate",!0)})},c=s=>{var S;if(!n())return;const{key:d,uuid:m,value:p}=s.value,y=(S=t.three.scene)==null?void 0:S.getObjectByProperty("uuid",m);if(y!==void 0)try{y[d](p)}catch(T){console.log("Error requesting method:"),console.log(T),console.log(d),console.log(p)}};return j.useEffect(()=>(N.addEventListener(L.GET_OBJECT,a),N.addEventListener(L.UPDATE_OBJECT,o),N.addEventListener(L.CREATE_TEXTURE,u),N.addEventListener(L.REQUEST_METHOD,c),()=>{N.removeEventListener(L.GET_OBJECT,a),N.removeEventListener(L.UPDATE_OBJECT,o),N.removeEventListener(L.CREATE_TEXTURE,u),N.removeEventListener(L.REQUEST_METHOD,c)}),[]),null}const $t={type:"change"},xt={type:"start"},en={type:"end"},nt=new f.Ray,tn=new f.Plane,Jn=Math.cos(70*f.MathUtils.DEG2RAD);class Qn extends f.EventDispatcher{constructor(n,a){super(),this.object=n,this.domElement=a,this.domElement.style.touchAction="none",this.enabled=!0,this.target=new f.Vector3,this.cursor=new f.Vector3,this.minDistance=0,this.maxDistance=1/0,this.minZoom=0,this.maxZoom=1/0,this.minTargetRadius=0,this.maxTargetRadius=1/0,this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.enableDamping=!1,this.dampingFactor=.05,this.enableZoom=!0,this.zoomSpeed=1,this.enableRotate=!0,this.rotateSpeed=1,this.enablePan=!0,this.panSpeed=1,this.screenSpacePanning=!0,this.keyPanSpeed=7,this.zoomToCursor=!1,this.autoRotate=!1,this.autoRotateSpeed=2,this.keys={LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",BOTTOM:"ArrowDown"},this.mouseButtons={LEFT:f.MOUSE.ROTATE,MIDDLE:f.MOUSE.DOLLY,RIGHT:f.MOUSE.PAN},this.touches={ONE:f.TOUCH.ROTATE,TWO:f.TOUCH.DOLLY_PAN},this.target0=this.target.clone(),this.position0=this.object.position.clone(),this.zoom0=this.object.zoom,this._domElementKeyEvents=null,this.getPolarAngle=function(){return s.phi},this.getAzimuthalAngle=function(){return s.theta},this.getDistance=function(){return this.object.position.distanceTo(this.target)},this.listenToKeyEvents=function(r){r.addEventListener("keydown",qe),this._domElementKeyEvents=r},this.stopListenToKeyEvents=function(){this._domElementKeyEvents.removeEventListener("keydown",qe),this._domElementKeyEvents=null},this.saveState=function(){e.target0.copy(e.target),e.position0.copy(e.object.position),e.zoom0=e.object.zoom},this.reset=function(){e.target.copy(e.target0),e.object.position.copy(e.position0),e.object.zoom=e.zoom0,e.object.updateProjectionMatrix(),e.dispatchEvent($t),e.update(),u=o.NONE},this.update=function(){const r=new f.Vector3,w=new f.Quaternion().setFromUnitVectors(n.up,new f.Vector3(0,1,0)),k=w.clone().invert(),I=new f.Vector3,X=new f.Quaternion,de=new f.Vector3,ee=2*Math.PI;return function(gt=null){const pe=e.object.position;r.copy(pe).sub(e.target),r.applyQuaternion(w),s.setFromVector3(r),e.autoRotate&&u===o.NONE&&K(D(gt)),e.enableDamping?(s.theta+=d.theta*e.dampingFactor,s.phi+=d.phi*e.dampingFactor):(s.theta+=d.theta,s.phi+=d.phi);let ne=e.minAzimuthAngle,ae=e.maxAzimuthAngle;isFinite(ne)&&isFinite(ae)&&(ne<-Math.PI?ne+=ee:ne>Math.PI&&(ne-=ee),ae<-Math.PI?ae+=ee:ae>Math.PI&&(ae-=ee),ne<=ae?s.theta=Math.max(ne,Math.min(ae,s.theta)):s.theta=s.theta>(ne+ae)/2?Math.max(ne,s.theta):Math.min(ae,s.theta)),s.phi=Math.max(e.minPolarAngle,Math.min(e.maxPolarAngle,s.phi)),s.makeSafe(),e.enableDamping===!0?e.target.addScaledVector(p,e.dampingFactor):e.target.add(p),e.target.sub(e.cursor),e.target.clampLength(e.minTargetRadius,e.maxTargetRadius),e.target.add(e.cursor),e.zoomToCursor&&se||e.object.isOrthographicCamera?s.radius=De(s.radius):s.radius=De(s.radius*m),r.setFromSpherical(s),r.applyQuaternion(k),pe.copy(e.target).add(r),e.object.lookAt(e.target),e.enableDamping===!0?(d.theta*=1-e.dampingFactor,d.phi*=1-e.dampingFactor,p.multiplyScalar(1-e.dampingFactor)):(d.set(0,0,0),p.set(0,0,0));let Ne=!1;if(e.zoomToCursor&&se){let Re=null;if(e.object.isPerspectiveCamera){const be=r.length();Re=De(be*m);const Le=be-Re;e.object.position.addScaledVector(H,Le),e.object.updateMatrixWorld()}else if(e.object.isOrthographicCamera){const be=new f.Vector3($.x,$.y,0);be.unproject(e.object),e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/m)),e.object.updateProjectionMatrix(),Ne=!0;const Le=new f.Vector3($.x,$.y,0);Le.unproject(e.object),e.object.position.sub(Le).add(be),e.object.updateMatrixWorld(),Re=r.length()}else console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."),e.zoomToCursor=!1;Re!==null&&(this.screenSpacePanning?e.target.set(0,0,-1).transformDirection(e.object.matrix).multiplyScalar(Re).add(e.object.position):(nt.origin.copy(e.object.position),nt.direction.set(0,0,-1).transformDirection(e.object.matrix),Math.abs(e.object.up.dot(nt.direction))<Jn?n.lookAt(e.target):(tn.setFromNormalAndCoplanarPoint(e.object.up,e.target),nt.intersectPlane(tn,e.target))))}else e.object.isOrthographicCamera&&(e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/m)),e.object.updateProjectionMatrix(),Ne=!0);return m=1,se=!1,Ne||I.distanceToSquared(e.object.position)>c||8*(1-X.dot(e.object.quaternion))>c||de.distanceToSquared(e.target)>0?(e.dispatchEvent($t),I.copy(e.object.position),X.copy(e.object.quaternion),de.copy(e.target),!0):!1}}(),this.dispose=function(){e.domElement.removeEventListener("contextmenu",ve),e.domElement.removeEventListener("pointerdown",Je),e.domElement.removeEventListener("pointercancel",Te),e.domElement.removeEventListener("wheel",dt),e.domElement.removeEventListener("pointermove",ge),e.domElement.removeEventListener("pointerup",Te),e._domElementKeyEvents!==null&&(e._domElementKeyEvents.removeEventListener("keydown",qe),e._domElementKeyEvents=null)};const e=this,o={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_PAN:4,TOUCH_DOLLY_PAN:5,TOUCH_DOLLY_ROTATE:6};let u=o.NONE;const c=1e-6,s=new f.Spherical,d=new f.Spherical;let m=1;const p=new f.Vector3,y=new f.Vector2,S=new f.Vector2,T=new f.Vector2,R=new f.Vector2,g=new f.Vector2,b=new f.Vector2,E=new f.Vector2,x=new f.Vector2,V=new f.Vector2,H=new f.Vector3,$=new f.Vector2;let se=!1;const W=[],he={};function D(r){return r!==null?2*Math.PI/60*e.autoRotateSpeed*r:2*Math.PI/60/60*e.autoRotateSpeed}function F(r){const w=Math.abs(r)/(100*(window.devicePixelRatio|0));return Math.pow(.95,e.zoomSpeed*w)}function K(r){d.theta-=r}function ce(r){d.phi-=r}const ie=function(){const r=new f.Vector3;return function(k,I){r.setFromMatrixColumn(I,0),r.multiplyScalar(-k),p.add(r)}}(),le=function(){const r=new f.Vector3;return function(k,I){e.screenSpacePanning===!0?r.setFromMatrixColumn(I,1):(r.setFromMatrixColumn(I,0),r.crossVectors(e.object.up,r)),r.multiplyScalar(k),p.add(r)}}(),re=function(){const r=new f.Vector3;return function(k,I){const X=e.domElement;if(e.object.isPerspectiveCamera){const de=e.object.position;r.copy(de).sub(e.target);let ee=r.length();ee*=Math.tan(e.object.fov/2*Math.PI/180),ie(2*k*ee/X.clientHeight,e.object.matrix),le(2*I*ee/X.clientHeight,e.object.matrix)}else e.object.isOrthographicCamera?(ie(k*(e.object.right-e.object.left)/e.object.zoom/X.clientWidth,e.object.matrix),le(I*(e.object.top-e.object.bottom)/e.object.zoom/X.clientHeight,e.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),e.enablePan=!1)}}();function _e(r){e.object.isPerspectiveCamera||e.object.isOrthographicCamera?m/=r:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function He(r){e.object.isPerspectiveCamera||e.object.isOrthographicCamera?m*=r:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function ke(r,w){if(!e.zoomToCursor)return;se=!0;const k=e.domElement.getBoundingClientRect(),I=r-k.left,X=w-k.top,de=k.width,ee=k.height;$.x=I/de*2-1,$.y=-(X/ee)*2+1,H.set($.x,$.y,1).unproject(e.object).sub(e.object.position).normalize()}function De(r){return Math.max(e.minDistance,Math.min(e.maxDistance,r))}function We(r){y.set(r.clientX,r.clientY)}function rt(r){ke(r.clientX,r.clientX),E.set(r.clientX,r.clientY)}function Ke(r){R.set(r.clientX,r.clientY)}function ot(r){S.set(r.clientX,r.clientY),T.subVectors(S,y).multiplyScalar(e.rotateSpeed);const w=e.domElement;K(2*Math.PI*T.x/w.clientHeight),ce(2*Math.PI*T.y/w.clientHeight),y.copy(S),e.update()}function Tt(r){x.set(r.clientX,r.clientY),V.subVectors(x,E),V.y>0?_e(F(V.y)):V.y<0&&He(F(V.y)),E.copy(x),e.update()}function Rt(r){g.set(r.clientX,r.clientY),b.subVectors(g,R).multiplyScalar(e.panSpeed),re(b.x,b.y),R.copy(g),e.update()}function Xe(r){ke(r.clientX,r.clientY),r.deltaY<0?He(F(r.deltaY)):r.deltaY>0&&_e(F(r.deltaY)),e.update()}function Ze(r){let w=!1;switch(r.code){case e.keys.UP:r.ctrlKey||r.metaKey||r.shiftKey?ce(2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):re(0,e.keyPanSpeed),w=!0;break;case e.keys.BOTTOM:r.ctrlKey||r.metaKey||r.shiftKey?ce(-2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):re(0,-e.keyPanSpeed),w=!0;break;case e.keys.LEFT:r.ctrlKey||r.metaKey||r.shiftKey?K(2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):re(e.keyPanSpeed,0),w=!0;break;case e.keys.RIGHT:r.ctrlKey||r.metaKey||r.shiftKey?K(-2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):re(-e.keyPanSpeed,0),w=!0;break}w&&(r.preventDefault(),e.update())}function Se(r){if(W.length===1)y.set(r.pageX,r.pageY);else{const w=ue(r),k=.5*(r.pageX+w.x),I=.5*(r.pageY+w.y);y.set(k,I)}}function Ie(r){if(W.length===1)R.set(r.pageX,r.pageY);else{const w=ue(r),k=.5*(r.pageX+w.x),I=.5*(r.pageY+w.y);R.set(k,I)}}function xe(r){const w=ue(r),k=r.pageX-w.x,I=r.pageY-w.y,X=Math.sqrt(k*k+I*I);E.set(0,X)}function Mt(r){e.enableZoom&&xe(r),e.enablePan&&Ie(r)}function st(r){e.enableZoom&&xe(r),e.enableRotate&&Se(r)}function ct(r){if(W.length==1)S.set(r.pageX,r.pageY);else{const k=ue(r),I=.5*(r.pageX+k.x),X=.5*(r.pageY+k.y);S.set(I,X)}T.subVectors(S,y).multiplyScalar(e.rotateSpeed);const w=e.domElement;K(2*Math.PI*T.x/w.clientHeight),ce(2*Math.PI*T.y/w.clientHeight),y.copy(S)}function lt(r){if(W.length===1)g.set(r.pageX,r.pageY);else{const w=ue(r),k=.5*(r.pageX+w.x),I=.5*(r.pageY+w.y);g.set(k,I)}b.subVectors(g,R).multiplyScalar(e.panSpeed),re(b.x,b.y),R.copy(g)}function Oe(r){const w=ue(r),k=r.pageX-w.x,I=r.pageY-w.y,X=Math.sqrt(k*k+I*I);x.set(0,X),V.set(0,Math.pow(x.y/E.y,e.zoomSpeed)),_e(V.y),E.copy(x);const de=(r.pageX+w.x)*.5,ee=(r.pageY+w.y)*.5;ke(de,ee)}function Ae(r){e.enableZoom&&Oe(r),e.enablePan&&lt(r)}function ut(r){e.enableZoom&&Oe(r),e.enableRotate&&ct(r)}function Je(r){e.enabled!==!1&&(W.length===0&&(e.domElement.setPointerCapture(r.pointerId),e.domElement.addEventListener("pointermove",ge),e.domElement.addEventListener("pointerup",Te)),jt(r),r.pointerType==="touch"?ft(r):Pt(r))}function ge(r){e.enabled!==!1&&(r.pointerType==="touch"?ht(r):Qe(r))}function Te(r){pt(r),W.length===0&&(e.domElement.releasePointerCapture(r.pointerId),e.domElement.removeEventListener("pointermove",ge),e.domElement.removeEventListener("pointerup",Te)),e.dispatchEvent(en),u=o.NONE}function Pt(r){let w;switch(r.button){case 0:w=e.mouseButtons.LEFT;break;case 1:w=e.mouseButtons.MIDDLE;break;case 2:w=e.mouseButtons.RIGHT;break;default:w=-1}switch(w){case f.MOUSE.DOLLY:if(e.enableZoom===!1)return;rt(r),u=o.DOLLY;break;case f.MOUSE.ROTATE:if(r.ctrlKey||r.metaKey||r.shiftKey){if(e.enablePan===!1)return;Ke(r),u=o.PAN}else{if(e.enableRotate===!1)return;We(r),u=o.ROTATE}break;case f.MOUSE.PAN:if(r.ctrlKey||r.metaKey||r.shiftKey){if(e.enableRotate===!1)return;We(r),u=o.ROTATE}else{if(e.enablePan===!1)return;Ke(r),u=o.PAN}break;default:u=o.NONE}u!==o.NONE&&e.dispatchEvent(xt)}function Qe(r){switch(u){case o.ROTATE:if(e.enableRotate===!1)return;ot(r);break;case o.DOLLY:if(e.enableZoom===!1)return;Tt(r);break;case o.PAN:if(e.enablePan===!1)return;Rt(r);break}}function dt(r){e.enabled===!1||e.enableZoom===!1||u!==o.NONE||(r.preventDefault(),e.dispatchEvent(xt),Xe(r),e.dispatchEvent(en))}function qe(r){e.enabled===!1||e.enablePan===!1||Ze(r)}function ft(r){switch($e(r),W.length){case 1:switch(e.touches.ONE){case f.TOUCH.ROTATE:if(e.enableRotate===!1)return;Se(r),u=o.TOUCH_ROTATE;break;case f.TOUCH.PAN:if(e.enablePan===!1)return;Ie(r),u=o.TOUCH_PAN;break;default:u=o.NONE}break;case 2:switch(e.touches.TWO){case f.TOUCH.DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;Mt(r),u=o.TOUCH_DOLLY_PAN;break;case f.TOUCH.DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;st(r),u=o.TOUCH_DOLLY_ROTATE;break;default:u=o.NONE}break;default:u=o.NONE}u!==o.NONE&&e.dispatchEvent(xt)}function ht(r){switch($e(r),u){case o.TOUCH_ROTATE:if(e.enableRotate===!1)return;ct(r),e.update();break;case o.TOUCH_PAN:if(e.enablePan===!1)return;lt(r),e.update();break;case o.TOUCH_DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;Ae(r),e.update();break;case o.TOUCH_DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;ut(r),e.update();break;default:u=o.NONE}}function ve(r){e.enabled!==!1&&r.preventDefault()}function jt(r){W.push(r.pointerId)}function pt(r){delete he[r.pointerId];for(let w=0;w<W.length;w++)if(W[w]==r.pointerId){W.splice(w,1);return}}function $e(r){let w=he[r.pointerId];w===void 0&&(w=new f.Vector2,he[r.pointerId]=w),w.set(r.pageX,r.pageY)}function ue(r){const w=r.pointerId===W[0]?W[1]:W[0];return he[w]}e.domElement.addEventListener("contextmenu",ve),e.domElement.addEventListener("pointerdown",Je),e.domElement.addEventListener("pointercancel",Te),e.domElement.addEventListener("wheel",dt,{passive:!1}),this.update()}}const Ot=t=>{const[n,a]=j.useState(!1),[e,o]=j.useState(t.options[t.index]),u=()=>{a(!n)},c=s=>{s!==e&&(t.onSelect(s),o(s)),a(!1)};return l.jsxs("div",{className:`dropdown ${t.up===!0?"up":""}`,children:[l.jsx("div",{className:"dropdown-toggle",onClick:u,children:e}),n&&l.jsx("ul",{className:"dropdown-menu",children:t.options.map(s=>l.jsx("li",{onClick:()=>c(s),children:s},s))})]})},we=j.forwardRef(function(n,a){const e=n.options.indexOf(n.camera.name);return l.jsxs("div",{className:"CameraWindow",children:[l.jsx("div",{ref:a,className:"clickable"}),l.jsx(Ot,{index:e,options:n.options,onSelect:n.onSelect,up:!0})]})}),nn=["Single","Side by Side","Stacked","Quad"],Q=new Map,Z=new Map,fe=new Map;function Ce(t,n){const a=new f.OrthographicCamera(-100,100,100,-100,50,3e3);return a.name=t,a.position.copy(n),a.lookAt(0,0,0),Q.set(t,a),a}Ce("Top",new f.Vector3(0,1e3,0)),Ce("Bottom",new f.Vector3(0,-1e3,0)),Ce("Left",new f.Vector3(-1e3,0,0)),Ce("Right",new f.Vector3(1e3,0,0)),Ce("Front",new f.Vector3(0,0,1e3)),Ce("Back",new f.Vector3(0,0,-1e3)),Ce("Orthographic",new f.Vector3(1e3,1e3,1e3));const at=new f.PerspectiveCamera(60,1,50,3e3);at.name="Debug",at.position.set(500,500,500),at.lookAt(0,0,0),Q.set("Debug",at);const an=["Renderer","Depth","Normals","UVs","Wireframe"],qn=new f.MeshDepthMaterial,$n=new f.MeshNormalMaterial,ea=new Kt,ta=new f.MeshBasicMaterial({opacity:.33,transparent:!0,wireframe:!0}),ma="";let it="Renderer";const U=new f.Scene;U.name="Debug Scene";let ze=new f.Scene;U.add(ze);const na=new Wt;U.add(na);const rn=new f.AxesHelper(500);rn.name="axisHelper",U.add(rn);let z=Q.get("Debug"),te=Q.get("Orthographic"),Pe=Q.get("Front"),je=Q.get("Top");function aa(t){const[n,a]=j.useState(t.mode!==void 0?t.mode:"Quad"),[e,o]=j.useState(null),u=j.useRef(null),c=j.useRef(null),s=j.useRef(null),d=j.useRef(null),m=j.useRef(null),p=(g,b)=>{const E=Z.get(g.name);E!==void 0&&E.dispose(),Z.delete(g.name);const x=fe.get(g.name);x!==void 0&&(U.remove(x),x.dispose()),fe.delete(g.name);const V=new Qn(g,b);switch(V.enableDamping=!0,V.dampingFactor=.05,g.name){case"Top":case"Bottom":case"Left":case"Right":case"Front":case"Back":V.enableRotate=!1;break}if(Z.set(g.name,V),g instanceof f.PerspectiveCamera){const H=new f.CameraHelper(g);fe.set(g.name,H),U.add(H)}},y=g=>{const b=fe.get(g.name);b!==void 0&&(U.remove(b),b.dispose(),fe.delete(g.name));const E=Z.get(g.name);E!==void 0&&(E.dispose(),Z.delete(g.name))},S=()=>{Z.forEach((g,b)=>{g.dispose();const E=fe.get(b);E!==void 0&&(U.remove(E),E.dispose()),fe.delete(b),Z.delete(b)}),Z.clear(),fe.clear()},T=()=>{switch(n){case"Single":p(z,c.current);break;case"Side by Side":case"Stacked":p(z,c.current),p(te,s.current);break;case"Quad":p(z,c.current),p(te,s.current),p(Pe,d.current),p(je,m.current);break}};j.useEffect(()=>{const g=new f.WebGLRenderer({canvas:u.current,stencil:!1});g.autoClear=!1,g.shadowMap.enabled=!0,g.setPixelRatio(devicePixelRatio),g.setClearColor(0),o(g)},[]),j.useEffect(()=>{const g=()=>{bt(ze),U.remove(ze),t.three.scene!==void 0&&(ze=t.three.scene,U.add(ze))};return N.addEventListener(L.SET_SCENE,g),()=>{N.removeEventListener(L.SET_SCENE,g)}},[]),j.useEffect(()=>{if(e===null)return;let g=window.innerWidth,b=window.innerHeight,E=Math.floor(g/2),x=Math.floor(b/2),V=-1;const H=()=>{g=window.innerWidth-300,b=window.innerHeight,E=Math.floor(g/2),x=Math.floor(b/2),e.setSize(g,b);let D=g,F=b;switch(n){case"Side by Side":D=E,F=b;break;case"Stacked":D=g,F=x;break;case"Quad":D=E,F=x;break}Q.forEach(K=>{var ce;K instanceof f.OrthographicCamera?(K.left=D/-2,K.right=D/2,K.top=F/2,K.bottom=F/-2,K.updateProjectionMatrix()):K instanceof f.PerspectiveCamera&&(K.aspect=D/F,K.updateProjectionMatrix(),(ce=fe.get(K.name))==null||ce.update())})},$=()=>{e.setViewport(0,0,g,b),e.setScissor(0,0,g,b),e.render(U,z)},se=()=>{if(n==="Side by Side")e.setViewport(0,0,E,b),e.setScissor(0,0,E,b),e.render(U,z),e.setViewport(E,0,E,b),e.setScissor(E,0,E,b),e.render(U,te);else{const D=b-x;e.setViewport(0,D,g,x),e.setScissor(0,D,g,x),e.render(U,z),e.setViewport(0,0,g,x),e.setScissor(0,0,g,x),e.render(U,te)}},W=()=>{let D=0,F=0;F=b-x,D=0,e.setViewport(D,F,E,x),e.setScissor(D,F,E,x),e.render(U,z),D=E,e.setViewport(D,F,E,x),e.setScissor(D,F,E,x),e.render(U,te),F=0,D=0,e.setViewport(D,F,E,x),e.setScissor(D,F,E,x),e.render(U,Pe),D=E,e.setViewport(D,F,E,x),e.setScissor(D,F,E,x),e.render(U,je)},he=()=>{switch(Z.forEach(D=>{D.update()}),e.clear(),n){case"Single":$();break;case"Side by Side":case"Stacked":se();break;case"Quad":W();break}V=requestAnimationFrame(he)};return T(),window.addEventListener("resize",H),H(),he(),()=>{window.removeEventListener("resize",H),cancelAnimationFrame(V),V=-1}},[n,e]);const R=[];return Q.forEach((g,b)=>{R.push(b)}),l.jsxs("div",{className:"multiview",children:[l.jsx("canvas",{ref:u}),l.jsxs("div",{className:`cameras ${n==="Single"||n==="Stacked"?"single":""}`,children:[n==="Single"&&l.jsx(l.Fragment,{children:l.jsx(we,{camera:z,options:R,ref:c,onSelect:g=>{var E;(E=Z.get(z.name))==null||E.dispose();const b=Q.get(g);b!==void 0&&(y(z),z=b,p(b,c.current))}})}),(n==="Side by Side"||n==="Stacked")&&l.jsxs(l.Fragment,{children:[l.jsx(we,{camera:z,options:R,ref:c,onSelect:g=>{var E;(E=Z.get(z.name))==null||E.dispose();const b=Q.get(g);b!==void 0&&(y(z),z=b,p(b,c.current))}}),l.jsx(we,{camera:te,options:R,ref:s,onSelect:g=>{var E;(E=Z.get(te.name))==null||E.dispose();const b=Q.get(g);b!==void 0&&(y(te),te=b,p(b,s.current))}})]}),n==="Quad"&&l.jsxs(l.Fragment,{children:[l.jsx(we,{camera:z,options:R,ref:c,onSelect:g=>{var E;(E=Z.get(z.name))==null||E.dispose();const b=Q.get(g);b!==void 0&&(y(z),z=b,p(b,c.current))}}),l.jsx(we,{camera:te,options:R,ref:s,onSelect:g=>{var E;(E=Z.get(te.name))==null||E.dispose();const b=Q.get(g);b!==void 0&&(y(te),te=b,p(b,s.current))}}),l.jsx(we,{camera:Pe,options:R,ref:d,onSelect:g=>{var E;(E=Z.get(Pe.name))==null||E.dispose();const b=Q.get(g);b!==void 0&&(y(Pe),Pe=b,p(b,d.current))}}),l.jsx(we,{camera:je,options:R,ref:m,onSelect:g=>{var E;(E=Z.get(je.name))==null||E.dispose();const b=Q.get(g);b!==void 0&&(y(je),je=b,p(b,m.current))}})]})]}),l.jsxs("div",{className:"settings",children:[l.jsx(Ot,{index:nn.indexOf(n),options:nn,onSelect:g=>{g!==n&&(S(),a(g))}}),l.jsx(Ot,{index:an.indexOf(it),options:an,onSelect:g=>{if(g!==it)switch(it=g,it){case"Depth":U.overrideMaterial=qn;break;case"Normals":U.overrideMaterial=$n;break;default:case"Renderer":U.overrideMaterial=null;break;case"Wireframe":U.overrideMaterial=ta;break;case"UVs":U.overrideMaterial=ea;break}}})]})]})}const ga="";function ia(t){return l.jsxs("div",{className:"editor",ref:t.ref,style:t.style,children:[l.jsx("header",{children:t.header}),t.children,l.jsx("footer",{children:t.footer})]})}C.Accordion=tt,C.Application=vn,C.BaseRemote=Ve,C.ChildObject=Ct,C.ContainerObject=Xt,C.Draggable=Yt,C.DraggableItem=Gt,C.Dropdown=zt,C.DropdownItem=Ht,C.Editor=ia,C.InfiniteGridHelper=Wt,C.Inspector=qt,C.MultiView=aa,C.NavButton=wt,C.RemoteComponents=bn,C.RemoteController=jn,C.RemoteTheatre=yn,C.RemoteThree=xn,C.RemoteTweakpane=On,C.SceneHierarchy=Xn,C.SceneInspector=Zn,C.ToolEvents=L,C.UVMaterial=Kt,C.clamp=pn,C.colorToHex=It,C.debugDispatcher=N,C.dispose=bt,C.disposeMaterial=Nt,C.disposeTexture=gn,C.distance=mn,C.hierarchyUUID=vt,C.isColor=Dt,C.randomID=kt,C.resetThreeObjects=At,C.round=et,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
+}`;class qt extends f.ShaderMaterial{constructor(){super({defines:{USE_UV:""},vertexShader:Un,fragmentShader:Fn})}}const ba="";function rt(t){const[n,a]=R.useState(t.open!==void 0?t.open:!0),e=!n||t.children===void 0;return u.jsxs("div",{className:`accordion ${e?"hide":""}`,children:[u.jsxs("button",{className:"toggle",onClick:()=>{const r=!n;t.onToggle!==void 0&&t.onToggle(r),a(r)},children:[u.jsx("p",{className:`status ${n?"open":""}`,children:"Toggle"}),u.jsx("p",{className:"label",children:t.label})]}),t.button,u.jsx("div",{className:n?"open":"",children:u.jsx("div",{children:t.children})})]})}function Rt(t){const[n,a]=R.useState(!1),e=t.child.children.length>0,r=[];return t.child.children.length>0&&t.child.children.map(s=>{r.push(u.jsx(Rt,{child:s,three:t.three},Math.random()))}),u.jsxs("div",{className:"childObject",children:[u.jsxs("div",{className:"child",children:[e?u.jsx("button",{className:"status",style:{backgroundPositionX:n?"-14px":"2px"},onClick:()=>{a(!n)}}):null,u.jsx("button",{className:"name",style:{left:e?"20px":"5px"},onClick:()=>{t.three.getObject(t.child.uuid)},children:t.child.name.length>0?`${t.child.name} (${t.child.type})`:`${t.child.type}::${t.child.uuid}`}),u.jsx("div",{className:`icon ${On(t.child)}`})]}),u.jsx("div",{className:n?"open":"",children:u.jsx("div",{className:"container",children:r})})]},Math.random())}function $t(t){const n=[];return t.child.children.map(a=>{n.push(u.jsx(Rt,{child:a,three:t.three},Math.random()))}),u.jsx("div",{className:`scene ${t.class!==void 0?t.class:""}`,children:n})}const ya="",Vn="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";function Bn(t){return"items"in t}function Oe(t){function n(e,r){console.log("onChange:",e,r)}const a=[];return t.items.forEach(e=>{Bn(e)?a.push(u.jsx(Oe,{title:e.title,items:e.items},Math.random())):a.push(u.jsx(Xe,{title:e.title,prop:e.prop,value:e.value,type:e.type,min:e.min,max:e.max,step:e.step,disabled:e.disabled,onChange:(r,s)=>{e.onChange!==void 0?e.onChange(r,s):n(r,s)}},Math.random()))}),u.jsx(rt,{label:t.title,open:!1,children:a})}function Gn(t){return!(t==="alphaHash"||t==="alphaToCoverage"||t==="attenuationDistance"||t==="colorWrite"||t==="combine"||t==="defaultAttributeValues"||t==="depthFunc"||t==="forceSinglePass"||t==="glslVersion"||t==="linewidth"||t==="normalMapType"||t==="precision"||t==="premultipliedAlpha"||t==="shadowSide"||t==="side"||t==="toneMapped"||t==="uniformsGroups"||t==="uniformsNeedUpdate"||t==="userData"||t==="vertexColors"||t==="version"||t==="wireframeLinecap"||t==="wireframeLinejoin"||t==="wireframeLinewidth"||t.slice(0,5)==="blend"||t.slice(0,4)==="clip"||t.slice(0,7)==="polygon"||t.slice(0,7)==="stencil"||t.slice(0,2)==="is")}function Te(t){switch(t){case"alphaMap":return"Alpha Map";case"anisotropyMap":return"Anisotropy Map";case"anisotropyRotation":return"Anisotropy Rotation";case"aoMap":return"AO Map";case"aoMapIntensity":return"AO Map Intensity";case"attenuationColor":return"Attenuation Color";case"bumpMap":return"Bump Map";case"bumpScale":return"Bump Scale";case"clearcoatMap":return"Clearcoat Map";case"clearcoatNormalMap":return"Clearcoat Normal Map";case"clearcoatNormalScale":return"Clearcoat Normal Scale";case"clearcoatRoughness":return"Clearcoat Roughness";case"clearcoatRoughnessMap":return"Clearcoat Roughness Map";case"color":return"Color";case"defines":return"Defines";case"depthTest":return"Depth Test";case"depthWrite":return"Depth Write";case"displacementBias":return"Displacement Bias";case"displacementMap":return"Displacement Map";case"displacementScale":return"Displacement Scale";case"dithering":return"Dithering";case"emissive":return"Emissive";case"emissiveMap":return"Emissive Map";case"emissiveIntensity":return"Emissive Intensity";case"envMap":return"Environment Map";case"envMapIntensity":return"Environment Map Intensity";case"extensions":return"Extensions";case"flatShading":return"Flat Shading";case"fragmentShader":return"Fragment Shader";case"fog":return"Fog";case"gradientMap":return"Gradient Map";case"ior":return"IOR";case"iridescenceIOR":return"Iridescence IOR";case"iridescenceMap":return"Iridescence Map";case"iridescenceThicknessMap":return"Iridescence Thickness Map";case"iridescenceThicknessRange":return"Iridescence Thickness Range";case"lights":return"Lights";case"lightMap":return"Light Map";case"lightMapIntensity":return"Light Map Intensity";case"map":return"Map";case"matcap":return"Matcap";case"metalness":return"Metalness";case"metalnessMap":return"Metalness Map";case"name":return"Name";case"normalMap":return"Normal Map";case"normalScale":return"Normal Scale";case"opacity":return"Opacity";case"reflectivity":return"Reflectivity";case"refractionRatio":return"Refraction Ratio";case"roughness":return"Roughness";case"roughnessMap":return"Roughness Map";case"sheenColor":return"Sheen Color";case"sheenColorMap":return"Sheen Color Map";case"sheenRoughness":return"Sheen Roughness";case"sheenRoughnessMap":return"Sheen Roughness Map";case"shininess":return"Shininess";case"specular":return"Specular";case"specularColor":return"Specular Color";case"specularColorMap":return"Specular Color Map";case"specularIntensity":return"Specular Intensity";case"specularIntensityMap":return"Specular Map Intensity";case"thickness":return"Thickness";case"thicknessMap":return"Thickness Map";case"transmission":return"Transmission";case"transmissionMap":return"Transmission Map";case"transparent":return"Transparent";case"type":return"Type";case"uuid":return"UUID";case"uniforms":return"Uniforms";case"vertexShader":return"Vertex Shader";case"visible":return"Visible";case"wireframe":return"Wireframe"}return t}function zn(t){return t.toLowerCase().search("intensity")>-1||t==="anisotropyRotation"||t==="bumpScale"||t==="clearcoatRoughness"||t==="displacementBias"||t==="displacementScale"||t==="metalness"||t==="opacity"||t==="reflectivity"||t==="refractionRatio"||t==="roughness"||t==="sheenRoughness"||t==="thickness"}function Yn(){const t=document.createElement("input");return t.type="file",new Promise((n,a)=>{t.addEventListener("change",function(){if(t.files===null)a();else{const e=t.files[0],r=new FileReader;r.onload=function(s){n(s.target.result)},r.readAsDataURL(e)}}),t.click()})}function en(t,n,a){const e=[];for(const r in t){if(!Gn(r))continue;const s=typeof t[r],c=t[r];if(s==="boolean"||s==="number"||s==="string"){const l={title:Te(r),prop:r,type:s,value:c,min:void 0,max:void 0,onChange:(d,m)=>{var y;a.updateObject(n.uuid,`material.${d}`,m),s==="boolean"&&a.updateObject(n.uuid,"material.needsUpdate",!0);const g=(y=a.scene)==null?void 0:y.getObjectByProperty("uuid",n.uuid);g!==void 0&&te(g,`material.${d}`,m)}};zn(r)&&(l.value=Number(c),l.type="range",l.min=0,l.max=1,l.step=.01),e.push(l)}else if(s==="object")if(c.isColor)e.push({title:Te(r),prop:r,type:"color",value:c,onChange:(l,d)=>{var y;const m=new f.Color(d);a.updateObject(n.uuid,`material.${l}`,m);const g=(y=a.scene)==null?void 0:y.getObjectByProperty("uuid",n.uuid);g!==void 0&&te(g,`material.${l}`,m)}});else if(Array.isArray(c)){const l=[];for(const d in c)l.push({title:`${d}`,type:`${typeof c[d]}`,value:c[d],onChange:(m,g)=>{var S;a.updateObject(n.uuid,`material.${r}`,g);const y=(S=a.scene)==null?void 0:S.getObjectByProperty("uuid",n.uuid);y!==void 0&&te(y,`material.${r}`,g)}});e.push({title:Te(r),items:l})}else{const l=[];for(const d in c){const m=c[d];switch(typeof m){case"boolean":case"number":case"string":d==="src"?e.push({title:Te(r),type:"image",value:m,onChange:(y,S)=>{var T;a.createTexture(n.uuid,`material.${r}`,S);const O=(T=a.scene)==null?void 0:T.getObjectByProperty("uuid",n.uuid);O!==void 0&&Ot(S).then(B=>{te(O,`material.${r}`,B),te(O,"material.needsUpdate",!0)})}}):l.push({title:`${Te(d)}`,prop:`material.${r}.${d}`,type:`${typeof t[r][d]}`,value:c[d],onChange:(y,S)=>{var T;a.updateObject(n.uuid,`material.${r}.${d}`,S);const O=(T=a.scene)==null?void 0:T.getObjectByProperty("uuid",n.uuid);O!==void 0&&te(O,`material.${r}.${d}`,S)}});break;case"object":m.value!==void 0&&m.value.src!==void 0?l.push({title:Te(d),type:"image",value:m.value.src,onChange:(y,S)=>{var T;a.createTexture(n.uuid,`material.${r}.${d}.value`,S);const O=(T=a.scene)==null?void 0:T.getObjectByProperty("uuid",n.uuid);O!==void 0&&Ot(S).then(B=>{te(O,`material.${r}.${d}.value`,B)})}}):l.push({title:d,type:`${typeof m.value}`,value:m.value,onChange:(y,S)=>{var T;a.updateObject(n.uuid,`material.${r}.${d}.value`,S);const O=(T=a.scene)==null?void 0:T.getObjectByProperty("uuid",n.uuid);O!==void 0&&te(O,`material.${r}.${d}.value`,S)}});break}}l.length>0&&e.push({title:Te(r),items:l})}else c!==void 0&&console.log("other:",r,s,c)}return e.sort((r,s)=>r.title<s.title?-1:r.title>s.title?1:0),e.push({title:"Update Material",type:"button",onChange:()=>{a.updateObject(n.uuid,"material.needsUpdate",!0)}}),e}function Wn(t,n){const a=t.material;if(Array.isArray(a)){const e=[],r=a.length;for(let s=0;s<r;s++)e.push(u.jsx(Oe,{title:`Material ${s}`,items:en(a[s],t,n)},`Material ${s}`));return u.jsx(u.Fragment,{children:e})}else return u.jsx(Oe,{title:"Material",items:en(a,t,n)})}function Xe(t){let n=t.value;n!==void 0&&n.isColor!==void 0&&(n=Ft(t.value));const[a,e]=R.useState(n),r=R.useRef(null),s=R.useRef(null),c=R.useRef(null);R.useEffect(()=>{var Q;let g=!1,y=-1,S=0,O=Number(a);const T=de=>{g=!0,S=O,y=de.clientX},B=de=>{if(!g)return;const le=t.step!==void 0?t.step:1,ie=(de.clientX-y)*le;O=Number((S+ie).toFixed(4)),s.current!==null&&(s.current.value=O.toString()),t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,O)},ne=()=>{g=!1},Z=()=>{g=!1},M=t.type==="number";return M&&((Q=r.current)==null||Q.addEventListener("mousedown",T,!1),document.addEventListener("mouseup",ne,!1),document.addEventListener("mousemove",B,!1),document.addEventListener("contextmenu",Z,!1)),()=>{var de;M&&((de=r.current)==null||de.removeEventListener("mousedown",T),document.removeEventListener("mouseup",ne),document.removeEventListener("mousemove",B),document.removeEventListener("contextmenu",Z))}},[a]);const l=t.type==="string"&&(a.length>100||a.search(`
+`)>-1),d=l||t.type==="image",m=g=>{let y=g.target.value;t.type==="boolean"&&(y=g.target.checked),e(y),t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,y)};return u.jsxs("div",{className:`field ${d?"block":""}`,children:[t.type!=="button"&&u.jsx("label",{ref:r,children:t.title},"fieldLabel"),t.type==="string"&&!l&&u.jsx("input",{type:"text",disabled:t.disabled,onChange:m,value:a}),t.type==="string"&&l&&u.jsx("textarea",{cols:50,rows:10,disabled:!0,onChange:m,value:a}),t.type==="boolean"&&u.jsx("input",{type:"checkbox",disabled:t.disabled,onChange:m,checked:a}),t.type==="number"&&u.jsx("input",{ref:s,type:"number",value:a,min:t.min,max:t.max,step:t.step,onChange:m}),t.type==="range"&&u.jsxs(u.Fragment,{children:[u.jsx("input",{type:"text",value:a.toString(),onChange:m,className:"min"}),u.jsx("input",{disabled:t.disabled,type:"range",value:a,min:t.min,max:t.max,step:t.step,onChange:m})]}),t.type==="color"&&u.jsxs(u.Fragment,{children:[u.jsx("input",{type:"text",value:a.toString(),onChange:m,className:"color"}),u.jsx("input",{type:"color",value:a,onChange:m})]}),t.type==="button"&&u.jsx("button",{onClick:()=>{t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,!0)},children:t.title}),t.type==="image"&&u.jsx("img",{ref:c,onClick:()=>{Yn().then(g=>{c.current.src=g,t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,g)})},src:a.length>0?a:Vn})]})}function tn(t){switch(t){case"fov":return"FOV";case"zoom":return"Zoom";case"near":return"Near";case"far":return"Far";case"focus":return"Focus";case"aspect":return"Aspect";case"filmGauge":return"Film Gauge";case"filmOffset":return"Film Offset";case"left":return"Left";case"right":return"Right";case"top":return"Top";case"bottom":return"Bottom"}return t}function Hn(t,n){const a=[];if(t.perspectiveCameraInfo!==void 0)for(const e in t.perspectiveCameraInfo)a.push({title:tn(e),prop:e,type:"number",step:.01,value:t.perspectiveCameraInfo[e],onChange:(r,s)=>{var l;n.updateObject(t.uuid,r,s),n.requestMethod(t.uuid,"updateProjectionMatrix");const c=(l=n.scene)==null?void 0:l.getObjectByProperty("uuid",t.uuid);c!==void 0&&(te(c,r,s),c.updateProjectionMatrix())}});else if(t.orthographicCameraInfo!==void 0)for(const e in t.orthographicCameraInfo)a.push({title:tn(e),prop:e,type:"number",step:.01,value:t.perspectiveCameraInfo[e],onChange:(r,s)=>{var l;n.updateObject(t.uuid,r,s),n.requestMethod(t.uuid,"updateProjectionMatrix");const c=(l=n.scene)==null?void 0:l.getObjectByProperty("uuid",t.uuid);c!==void 0&&(te(c,r,s),c.updateProjectionMatrix())}});return u.jsx(Oe,{title:"Camera",items:a})}const Kn=Math.PI/180,Xn=180/Math.PI;function Ue(t,n,a,e,r){return e+(t-n)*(r-e)/(a-n)}function Zn(t){return t*Kn}function Pt(t){return t*Xn}function Qn(t,n){const a=new f.Matrix4;a.elements=t.matrix;const e=new f.Vector3,r=new f.Euler,s=new f.Vector3;t.uuid.length>0&&(e.setFromMatrixPosition(a),r.setFromRotationMatrix(a),s.setFromMatrixScale(a));const c=(d,m)=>{var y;n.updateObject(t.uuid,d,m);const g=(y=n.scene)==null?void 0:y.getObjectByProperty("uuid",t.uuid);g!==void 0&&te(g,d,m)},l=(d,m)=>{c(d,Zn(m))};return u.jsx(Oe,{title:"Transform",items:[{title:"Position X",prop:"position.x",type:"number",value:e.x,onChange:c},{title:"Position Y",prop:"position.y",type:"number",value:e.y,onChange:c},{title:"Position Z",prop:"position.z",type:"number",value:e.z,onChange:c},{title:"Rotation X",prop:"rotation.x",type:"number",value:it(Pt(r.x)),min:-360,max:360,step:.1,onChange:l},{title:"Rotation Y",prop:"rotation.y",type:"number",value:it(Pt(r.y)),min:-360,max:360,step:.1,onChange:l},{title:"Rotation Z",prop:"rotation.z",type:"number",value:it(Pt(r.z)),min:-360,max:360,step:.1,onChange:l},{title:"Scale X",prop:"scale.x",type:"number",value:s.x,step:.01,onChange:c},{title:"Scale Y",prop:"scale.y",type:"number",value:s.y,step:.01,onChange:c},{title:"Scale Z",prop:"scale.z",type:"number",value:s.z,step:.01,onChange:c}]})}function nn(t){switch(t){case"color":return"Color";case"intensity":return"Intensity";case"decay":return"Decay";case"distance":return"Distance";case"angle":return"Angle";case"penumbra":return"Penumbra";case"groundColor":return"Ground Color"}return t}function Jn(t,n){const a=[];if(t.lightInfo!==void 0)for(const e in t.lightInfo){const r=t.lightInfo[e];r!==void 0&&(r.isColor!==void 0?a.push({title:nn(e),prop:e,type:"color",value:r,onChange:(s,c)=>{var m;const l=new f.Color(c);n.updateObject(t.uuid,s,l);const d=(m=n.scene)==null?void 0:m.getObjectByProperty("uuid",t.uuid);d!==void 0&&te(d,s,l)}}):a.push({title:nn(e),prop:e,type:typeof r,value:r,step:typeof r=="number"?.01:void 0,onChange:(s,c)=>{var d;n.updateObject(t.uuid,s,c);const l=(d=n.scene)==null?void 0:d.getObjectByProperty("uuid",t.uuid);l!==void 0&&te(l,s,c)}}))}return u.jsx(Oe,{title:"Light",items:a})}function qn(t,n){const a=[];return t.animations.forEach(e=>{a.push({title:"Name",type:"string",prop:"name",value:e.name,disabled:!0,onChange:(r,s)=>{var l;n.updateObject(t.uuid,r,s);const c=(l=n.scene)==null?void 0:l.getObjectByProperty("uuid",t.uuid);c!==void 0&&te(c,r,s)}}),a.push({title:"Duration",type:"number",prop:"duration",value:e.duration,disabled:!0,onChange:(r,s)=>{var l;n.updateObject(t.uuid,r,s);const c=(l=n.scene)==null?void 0:l.getObjectByProperty("uuid",t.uuid);c!==void 0&&te(c,r,s)}}),a.push({title:"Blend Mode",type:"number",prop:"blendMode",value:e.blendMode,disabled:!0,onChange:(r,s)=>{var l;n.updateObject(t.uuid,r,s);const c=(l=n.scene)==null?void 0:l.getObjectByProperty("uuid",t.uuid);c!==void 0&&te(c,r,s)}})}),u.jsx(Oe,{title:"Animations",items:a})}function an(t){const[n,a]=R.useState(-1),[e,r]=R.useState({name:"",uuid:"",type:"",visible:!1,matrix:[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],animations:[],material:void 0,perspectiveCameraInfo:void 0,orthographicCameraInfo:void 0,lightInfo:void 0});R.useEffect(()=>{function c(l){const d=l.value;if(r(d),a(Date.now()),t.three.scene!==void 0){const m=t.three.scene.getObjectByProperty("uuid",d.uuid);if(m!==void 0&&m.animations.length>0){const g=new f.AnimationMixer(m);console.log(g),console.log(m.animations)}}}return D.addEventListener(A.SET_OBJECT,c),()=>{D.removeEventListener(A.SET_OBJECT,c)}},[]);const s=e.type.toLowerCase();return u.jsx(rt,{label:"Inspector",children:u.jsx("div",{id:"Inspector",className:t.class,children:e.uuid.length>0&&u.jsxs(u.Fragment,{children:[u.jsxs(u.Fragment,{children:[u.jsx(Xe,{type:"string",title:"Name",prop:"name",value:e.name,disabled:!0}),u.jsx(Xe,{type:"string",title:"Type",prop:"type",value:e.type,disabled:!0}),u.jsx(Xe,{type:"string",title:"UUID",prop:"uuid",value:e.uuid,disabled:!0}),u.jsx(Xe,{type:"boolean",title:"Visible",prop:"visible",value:e.visible,onChange:(c,l)=>{var m;t.three.updateObject(e.uuid,c,l);const d=(m=t.three.scene)==null?void 0:m.getObjectByProperty("uuid",e.uuid);d!==void 0&&te(d,c,l)}})]}),u.jsxs(u.Fragment,{children:[Qn(e,t.three),e.animations.length>0?qn(e,t.three):null,s.search("camera")>-1?Hn(e,t.three):null,s.search("light")>-1?Jn(e,t.three):null,s.search("mesh")>-1?Wn(e,t.three):null]})]})},n)},"Inspector")}class $n extends R.Component{constructor(a){super(a);$(this,"three");$(this,"setScene",a=>{this.setState(()=>({scene:a.value}))});this.state={scene:a.scene!==void 0?a.scene:null},this.three=a.three,D.addEventListener(A.SET_SCENE,this.setScene)}componentWillUnmount(){D.removeEventListener(A.SET_SCENE,this.setScene)}render(){var r;const a=this.componentState.scene!==null,e="Hierarchy - "+(a?`${(r=this.componentState.scene)==null?void 0:r.name}`:"No Scene");return u.jsx("div",{id:"SidePanel",children:u.jsxs(u.Fragment,{children:[u.jsx(rt,{label:e,open:!0,children:u.jsx(u.Fragment,{children:a&&u.jsx($t,{child:this.componentState.scene,three:this.three})})}),u.jsx(an,{three:this.three})]})},"SidePanel")}get componentState(){return this.state}}function ea(t){function n(){return t.three.scene===void 0?(console.log("No scene:",t.three),!1):!0}const a=l=>{var m;if(!n())return;const d=(m=t.three.scene)==null?void 0:m.getObjectByProperty("uuid",l.value);d!==void 0&&t.three.setObject(d)},e=(l,d,m)=>{var y;if(!n())return;const g=(y=t.three.scene)==null?void 0:y.getObjectByProperty("uuid",l);g!==void 0&&te(g,d,m)},r=l=>{if(!n())return;const d=l.value,{key:m,value:g,uuid:y}=d;e(y,m,g)},s=l=>{if(!n())return;const d=l.value;Ot(d.value).then(m=>{e(d.uuid,d.key,m),e(d.uuid,"material.needsUpdate",!0)})},c=l=>{var S;if(!n())return;const{key:d,uuid:m,value:g}=l.value,y=(S=t.three.scene)==null?void 0:S.getObjectByProperty("uuid",m);if(y!==void 0)try{y[d](g)}catch(O){console.log("Error requesting method:"),console.log(O),console.log(d),console.log(g)}};return R.useEffect(()=>(D.addEventListener(A.GET_OBJECT,a),D.addEventListener(A.UPDATE_OBJECT,r),D.addEventListener(A.CREATE_TEXTURE,s),D.addEventListener(A.REQUEST_METHOD,c),()=>{D.removeEventListener(A.GET_OBJECT,a),D.removeEventListener(A.UPDATE_OBJECT,r),D.removeEventListener(A.CREATE_TEXTURE,s),D.removeEventListener(A.REQUEST_METHOD,c)}),[]),null}const rn={type:"change"},jt={type:"start"},on={type:"end"},ot=new f.Ray,sn=new f.Plane,ta=Math.cos(70*f.MathUtils.DEG2RAD);class na extends f.EventDispatcher{constructor(n,a){super(),this.object=n,this.domElement=a,this.domElement.style.touchAction="none",this.enabled=!0,this.target=new f.Vector3,this.cursor=new f.Vector3,this.minDistance=0,this.maxDistance=1/0,this.minZoom=0,this.maxZoom=1/0,this.minTargetRadius=0,this.maxTargetRadius=1/0,this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.enableDamping=!1,this.dampingFactor=.05,this.enableZoom=!0,this.zoomSpeed=1,this.enableRotate=!0,this.rotateSpeed=1,this.enablePan=!0,this.panSpeed=1,this.screenSpacePanning=!0,this.keyPanSpeed=7,this.zoomToCursor=!1,this.autoRotate=!1,this.autoRotateSpeed=2,this.keys={LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",BOTTOM:"ArrowDown"},this.mouseButtons={LEFT:f.MOUSE.ROTATE,MIDDLE:f.MOUSE.DOLLY,RIGHT:f.MOUSE.PAN},this.touches={ONE:f.TOUCH.ROTATE,TWO:f.TOUCH.DOLLY_PAN},this.target0=this.target.clone(),this.position0=this.object.position.clone(),this.zoom0=this.object.zoom,this._domElementKeyEvents=null,this.getPolarAngle=function(){return l.phi},this.getAzimuthalAngle=function(){return l.theta},this.getDistance=function(){return this.object.position.distanceTo(this.target)},this.listenToKeyEvents=function(o){o.addEventListener("keydown",nt),this._domElementKeyEvents=o},this.stopListenToKeyEvents=function(){this._domElementKeyEvents.removeEventListener("keydown",nt),this._domElementKeyEvents=null},this.saveState=function(){e.target0.copy(e.target),e.position0.copy(e.object.position),e.zoom0=e.object.zoom},this.reset=function(){e.target.copy(e.target0),e.object.position.copy(e.position0),e.object.zoom=e.zoom0,e.object.updateProjectionMatrix(),e.dispatchEvent(rn),e.update(),s=r.NONE},this.update=function(){const o=new f.Vector3,w=new f.Quaternion().setFromUnitVectors(n.up,new f.Vector3(0,1,0)),N=w.clone().invert(),F=new f.Vector3,re=new f.Quaternion,ve=new f.Vector3,ue=2*Math.PI;return function(wt=null){const ye=e.object.position;o.copy(ye).sub(e.target),o.applyQuaternion(w),l.setFromVector3(o),e.autoRotate&&s===r.NONE&&H(E(wt)),e.enableDamping?(l.theta+=d.theta*e.dampingFactor,l.phi+=d.phi*e.dampingFactor):(l.theta+=d.theta,l.phi+=d.phi);let fe=e.minAzimuthAngle,he=e.maxAzimuthAngle;isFinite(fe)&&isFinite(he)&&(fe<-Math.PI?fe+=ue:fe>Math.PI&&(fe-=ue),he<-Math.PI?he+=ue:he>Math.PI&&(he-=ue),fe<=he?l.theta=Math.max(fe,Math.min(he,l.theta)):l.theta=l.theta>(fe+he)/2?Math.max(fe,l.theta):Math.min(he,l.theta)),l.phi=Math.max(e.minPolarAngle,Math.min(e.maxPolarAngle,l.phi)),l.makeSafe(),e.enableDamping===!0?e.target.addScaledVector(g,e.dampingFactor):e.target.add(g),e.target.sub(e.cursor),e.target.clampLength(e.minTargetRadius,e.maxTargetRadius),e.target.add(e.cursor),e.zoomToCursor&&ie||e.object.isOrthographicCamera?l.radius=J(l.radius):l.radius=J(l.radius*m),o.setFromSpherical(l),o.applyQuaternion(N),ye.copy(e.target).add(o),e.object.lookAt(e.target),e.enableDamping===!0?(d.theta*=1-e.dampingFactor,d.phi*=1-e.dampingFactor,g.multiplyScalar(1-e.dampingFactor)):(d.set(0,0,0),g.set(0,0,0));let Be=!1;if(e.zoomToCursor&&ie){let Le=null;if(e.object.isPerspectiveCamera){const Se=o.length();Le=J(Se*m);const Ge=Se-Le;e.object.position.addScaledVector(de,Ge),e.object.updateMatrixWorld()}else if(e.object.isOrthographicCamera){const Se=new f.Vector3(le.x,le.y,0);Se.unproject(e.object),e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/m)),e.object.updateProjectionMatrix(),Be=!0;const Ge=new f.Vector3(le.x,le.y,0);Ge.unproject(e.object),e.object.position.sub(Ge).add(Se),e.object.updateMatrixWorld(),Le=o.length()}else console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."),e.zoomToCursor=!1;Le!==null&&(this.screenSpacePanning?e.target.set(0,0,-1).transformDirection(e.object.matrix).multiplyScalar(Le).add(e.object.position):(ot.origin.copy(e.object.position),ot.direction.set(0,0,-1).transformDirection(e.object.matrix),Math.abs(e.object.up.dot(ot.direction))<ta?n.lookAt(e.target):(sn.setFromNormalAndCoplanarPoint(e.object.up,e.target),ot.intersectPlane(sn,e.target))))}else e.object.isOrthographicCamera&&(e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/m)),e.object.updateProjectionMatrix(),Be=!0);return m=1,ie=!1,Be||F.distanceToSquared(e.object.position)>c||8*(1-re.dot(e.object.quaternion))>c||ve.distanceToSquared(e.target)>0?(e.dispatchEvent(rn),F.copy(e.object.position),re.copy(e.object.quaternion),ve.copy(e.target),!0):!1}}(),this.dispose=function(){e.domElement.removeEventListener("contextmenu",Ce),e.domElement.removeEventListener("pointerdown",et),e.domElement.removeEventListener("pointercancel",Ne),e.domElement.removeEventListener("wheel",gt),e.domElement.removeEventListener("pointermove",we),e.domElement.removeEventListener("pointerup",Ne),e._domElementKeyEvents!==null&&(e._domElementKeyEvents.removeEventListener("keydown",nt),e._domElementKeyEvents=null)};const e=this,r={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_PAN:4,TOUCH_DOLLY_PAN:5,TOUCH_DOLLY_ROTATE:6};let s=r.NONE;const c=1e-6,l=new f.Spherical,d=new f.Spherical;let m=1;const g=new f.Vector3,y=new f.Vector2,S=new f.Vector2,O=new f.Vector2,T=new f.Vector2,B=new f.Vector2,ne=new f.Vector2,Z=new f.Vector2,M=new f.Vector2,Q=new f.Vector2,de=new f.Vector3,le=new f.Vector2;let ie=!1;const h=[],v={};function E(o){return o!==null?2*Math.PI/60*e.autoRotateSpeed*o:2*Math.PI/60/60*e.autoRotateSpeed}function P(o){const w=Math.abs(o)/(100*(window.devicePixelRatio|0));return Math.pow(.95,e.zoomSpeed*w)}function H(o){d.theta-=o}function K(o){d.phi-=o}const G=function(){const o=new f.Vector3;return function(N,F){o.setFromMatrixColumn(F,0),o.multiplyScalar(-N),g.add(o)}}(),L=function(){const o=new f.Vector3;return function(N,F){e.screenSpacePanning===!0?o.setFromMatrixColumn(F,1):(o.setFromMatrixColumn(F,0),o.crossVectors(e.object.up,o)),o.multiplyScalar(N),g.add(o)}}(),z=function(){const o=new f.Vector3;return function(N,F){const re=e.domElement;if(e.object.isPerspectiveCamera){const ve=e.object.position;o.copy(ve).sub(e.target);let ue=o.length();ue*=Math.tan(e.object.fov/2*Math.PI/180),G(2*N*ue/re.clientHeight,e.object.matrix),L(2*F*ue/re.clientHeight,e.object.matrix)}else e.object.isOrthographicCamera?(G(N*(e.object.right-e.object.left)/e.object.zoom/re.clientWidth,e.object.matrix),L(F*(e.object.top-e.object.bottom)/e.object.zoom/re.clientHeight,e.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),e.enablePan=!1)}}();function ee(o){e.object.isPerspectiveCamera||e.object.isOrthographicCamera?m/=o:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function _(o){e.object.isPerspectiveCamera||e.object.isOrthographicCamera?m*=o:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function U(o,w){if(!e.zoomToCursor)return;ie=!0;const N=e.domElement.getBoundingClientRect(),F=o-N.left,re=w-N.top,ve=N.width,ue=N.height;le.x=F/ve*2-1,le.y=-(re/ue)*2+1,de.set(le.x,le.y,1).unproject(e.object).sub(e.object.position).normalize()}function J(o){return Math.max(e.minDistance,Math.min(e.maxDistance,o))}function pe(o){y.set(o.clientX,o.clientY)}function ke(o){U(o.clientX,o.clientX),Z.set(o.clientX,o.clientY)}function Je(o){T.set(o.clientX,o.clientY)}function dt(o){S.set(o.clientX,o.clientY),O.subVectors(S,y).multiplyScalar(e.rotateSpeed);const w=e.domElement;H(2*Math.PI*O.x/w.clientHeight),K(2*Math.PI*O.y/w.clientHeight),y.copy(S),e.update()}function _t(o){M.set(o.clientX,o.clientY),Q.subVectors(M,Z),Q.y>0?ee(P(Q.y)):Q.y<0&&_(P(Q.y)),Z.copy(M),e.update()}function kt(o){B.set(o.clientX,o.clientY),ne.subVectors(B,T).multiplyScalar(e.panSpeed),z(ne.x,ne.y),T.copy(B),e.update()}function qe(o){U(o.clientX,o.clientY),o.deltaY<0?_(P(o.deltaY)):o.deltaY>0&&ee(P(o.deltaY)),e.update()}function $e(o){let w=!1;switch(o.code){case e.keys.UP:o.ctrlKey||o.metaKey||o.shiftKey?K(2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):z(0,e.keyPanSpeed),w=!0;break;case e.keys.BOTTOM:o.ctrlKey||o.metaKey||o.shiftKey?K(-2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):z(0,-e.keyPanSpeed),w=!0;break;case e.keys.LEFT:o.ctrlKey||o.metaKey||o.shiftKey?H(2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):z(e.keyPanSpeed,0),w=!0;break;case e.keys.RIGHT:o.ctrlKey||o.metaKey||o.shiftKey?H(-2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):z(-e.keyPanSpeed,0),w=!0;break}w&&(o.preventDefault(),e.update())}function De(o){if(h.length===1)y.set(o.pageX,o.pageY);else{const w=ge(o),N=.5*(o.pageX+w.x),F=.5*(o.pageY+w.y);y.set(N,F)}}function Fe(o){if(h.length===1)T.set(o.pageX,o.pageY);else{const w=ge(o),N=.5*(o.pageX+w.x),F=.5*(o.pageY+w.y);T.set(N,F)}}function Ae(o){const w=ge(o),N=o.pageX-w.x,F=o.pageY-w.y,re=Math.sqrt(N*N+F*F);Z.set(0,re)}function Dt(o){e.enableZoom&&Ae(o),e.enablePan&&Fe(o)}function ft(o){e.enableZoom&&Ae(o),e.enableRotate&&De(o)}function ht(o){if(h.length==1)S.set(o.pageX,o.pageY);else{const N=ge(o),F=.5*(o.pageX+N.x),re=.5*(o.pageY+N.y);S.set(F,re)}O.subVectors(S,y).multiplyScalar(e.rotateSpeed);const w=e.domElement;H(2*Math.PI*O.x/w.clientHeight),K(2*Math.PI*O.y/w.clientHeight),y.copy(S)}function pt(o){if(h.length===1)B.set(o.pageX,o.pageY);else{const w=ge(o),N=.5*(o.pageX+w.x),F=.5*(o.pageY+w.y);B.set(N,F)}ne.subVectors(B,T).multiplyScalar(e.panSpeed),z(ne.x,ne.y),T.copy(B)}function Ie(o){const w=ge(o),N=o.pageX-w.x,F=o.pageY-w.y,re=Math.sqrt(N*N+F*F);M.set(0,re),Q.set(0,Math.pow(M.y/Z.y,e.zoomSpeed)),ee(Q.y),Z.copy(M);const ve=(o.pageX+w.x)*.5,ue=(o.pageY+w.y)*.5;U(ve,ue)}function Ve(o){e.enableZoom&&Ie(o),e.enablePan&&pt(o)}function mt(o){e.enableZoom&&Ie(o),e.enableRotate&&ht(o)}function et(o){e.enabled!==!1&&(h.length===0&&(e.domElement.setPointerCapture(o.pointerId),e.domElement.addEventListener("pointermove",we),e.domElement.addEventListener("pointerup",Ne)),It(o),o.pointerType==="touch"?vt(o):At(o))}function we(o){e.enabled!==!1&&(o.pointerType==="touch"?bt(o):tt(o))}function Ne(o){yt(o),h.length===0&&(e.domElement.releasePointerCapture(o.pointerId),e.domElement.removeEventListener("pointermove",we),e.domElement.removeEventListener("pointerup",Ne)),e.dispatchEvent(on),s=r.NONE}function At(o){let w;switch(o.button){case 0:w=e.mouseButtons.LEFT;break;case 1:w=e.mouseButtons.MIDDLE;break;case 2:w=e.mouseButtons.RIGHT;break;default:w=-1}switch(w){case f.MOUSE.DOLLY:if(e.enableZoom===!1)return;ke(o),s=r.DOLLY;break;case f.MOUSE.ROTATE:if(o.ctrlKey||o.metaKey||o.shiftKey){if(e.enablePan===!1)return;Je(o),s=r.PAN}else{if(e.enableRotate===!1)return;pe(o),s=r.ROTATE}break;case f.MOUSE.PAN:if(o.ctrlKey||o.metaKey||o.shiftKey){if(e.enableRotate===!1)return;pe(o),s=r.ROTATE}else{if(e.enablePan===!1)return;Je(o),s=r.PAN}break;default:s=r.NONE}s!==r.NONE&&e.dispatchEvent(jt)}function tt(o){switch(s){case r.ROTATE:if(e.enableRotate===!1)return;dt(o);break;case r.DOLLY:if(e.enableZoom===!1)return;_t(o);break;case r.PAN:if(e.enablePan===!1)return;kt(o);break}}function gt(o){e.enabled===!1||e.enableZoom===!1||s!==r.NONE||(o.preventDefault(),e.dispatchEvent(jt),qe(o),e.dispatchEvent(on))}function nt(o){e.enabled===!1||e.enablePan===!1||$e(o)}function vt(o){switch(at(o),h.length){case 1:switch(e.touches.ONE){case f.TOUCH.ROTATE:if(e.enableRotate===!1)return;De(o),s=r.TOUCH_ROTATE;break;case f.TOUCH.PAN:if(e.enablePan===!1)return;Fe(o),s=r.TOUCH_PAN;break;default:s=r.NONE}break;case 2:switch(e.touches.TWO){case f.TOUCH.DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;Dt(o),s=r.TOUCH_DOLLY_PAN;break;case f.TOUCH.DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;ft(o),s=r.TOUCH_DOLLY_ROTATE;break;default:s=r.NONE}break;default:s=r.NONE}s!==r.NONE&&e.dispatchEvent(jt)}function bt(o){switch(at(o),s){case r.TOUCH_ROTATE:if(e.enableRotate===!1)return;ht(o),e.update();break;case r.TOUCH_PAN:if(e.enablePan===!1)return;pt(o),e.update();break;case r.TOUCH_DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;Ve(o),e.update();break;case r.TOUCH_DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;mt(o),e.update();break;default:s=r.NONE}}function Ce(o){e.enabled!==!1&&o.preventDefault()}function It(o){h.push(o.pointerId)}function yt(o){delete v[o.pointerId];for(let w=0;w<h.length;w++)if(h[w]==o.pointerId){h.splice(w,1);return}}function at(o){let w=v[o.pointerId];w===void 0&&(w=new f.Vector2,v[o.pointerId]=w),w.set(o.pageX,o.pageY)}function ge(o){const w=o.pointerId===h[0]?h[1]:h[0];return v[w]}e.domElement.addEventListener("contextmenu",Ce),e.domElement.addEventListener("pointerdown",et),e.domElement.addEventListener("pointercancel",Ne),e.domElement.addEventListener("wheel",gt,{passive:!1}),this.update()}}const st=t=>{const[n,a]=R.useState(t.options[t.index]),e=()=>{t.onToggle(!t.open)},r=s=>{s!==n&&(t.onSelect(s),a(s)),t.onToggle(!1)};return u.jsxs("div",{className:`dropdown ${t.up===!0?"up":""}`,children:[u.jsx("div",{className:"dropdown-toggle",onClick:e,children:n}),t.open&&u.jsx("ul",{className:"dropdown-menu",children:t.options.map(s=>u.jsx("li",{onClick:()=>r(s),children:s},s))})]})},Me=R.forwardRef(function(n,a){const[e,r]=R.useState(!1),s=n.options.indexOf(n.camera.name);return u.jsxs("div",{className:"CameraWindow",children:[u.jsx("div",{ref:a,className:"clickable",onClick:()=>{e&&r(!1)}}),u.jsx(st,{index:s,open:e,options:n.options,onSelect:n.onSelect,onToggle:c=>{r(c)},up:!0})]})}),cn=["Single","Side by Side","Stacked","Quad"],ae=new Map,oe=new Map,be=new Map;function Re(t,n){const a=new f.OrthographicCamera(-100,100,100,-100,50,3e3);return a.name=t,a.position.copy(n),a.lookAt(0,0,0),ae.set(t,a),a}Re("Top",new f.Vector3(0,1e3,0)),Re("Bottom",new f.Vector3(0,-1e3,0)),Re("Left",new f.Vector3(-1e3,0,0)),Re("Right",new f.Vector3(1e3,0,0)),Re("Front",new f.Vector3(0,0,1e3)),Re("Back",new f.Vector3(0,0,-1e3)),Re("Orthographic",new f.Vector3(1e3,1e3,1e3));const ct=new f.PerspectiveCamera(60,1,50,3e3);ct.name="Debug",ct.position.set(500,500,500),ct.lookAt(0,0,0),ae.set("Debug",ct);const ln=["Renderer","Depth","Normals","UVs","Wireframe"],aa=new f.MeshDepthMaterial,ia=new f.MeshNormalMaterial,ra=new qt,oa=new f.MeshBasicMaterial({opacity:.33,transparent:!0,wireframe:!0}),Ea="";let lt="Renderer";const Y=new f.Scene;Y.name="Debug Scene";let Pe=new f.Scene;Y.add(Pe);const Ze=new f.Group;Ze.name="helpers",Y.add(Ze);const sa=new Jt;Ze.add(sa);const un=new f.AxesHelper(500);un.name="axisHelper",Ze.add(un);const Qe=new f.AxesHelper(100);Qe.name="interactionHelper",Ze.add(Qe),Qe.visible=!1;let ut=!1,W=ae.get("Debug"),se=ae.get("Orthographic"),je=ae.get("Front"),_e=ae.get("Top");function ca(t){const[n,a]=R.useState(t.mode!==void 0?t.mode:"Quad"),[e,r]=R.useState(null),[s,c]=R.useState(!1),[l,d]=R.useState(!1),[m,g]=R.useState(!1),[,y]=R.useState(Date.now()),S=R.useRef(null),O=R.useRef(null),T=R.useRef(null),B=R.useRef(null),ne=R.useRef(null),Z=R.useRef(null),M=(h,v)=>{const E=oe.get(h.name);E!==void 0&&E.dispose(),oe.delete(h.name);const P=be.get(h.name);P!==void 0&&(Y.remove(P),P.dispose()),be.delete(h.name);const H=new na(h,v);switch(H.enableDamping=!0,H.dampingFactor=.05,h.name){case"Top":case"Bottom":case"Left":case"Right":case"Front":case"Back":H.enableRotate=!1;break}if(oe.set(h.name,H),h instanceof f.PerspectiveCamera){const K=new f.CameraHelper(h);be.set(h.name,K),Y.add(K)}},Q=h=>{const v=be.get(h.name);v!==void 0&&(Y.remove(v),v.dispose(),be.delete(h.name));const E=oe.get(h.name);E!==void 0&&(E.dispose(),oe.delete(h.name))},de=()=>{oe.forEach((h,v)=>{h.dispose();const E=be.get(v);E!==void 0&&(Y.remove(E),E.dispose()),be.delete(v),oe.delete(v)}),oe.clear(),be.clear()},le=()=>{switch(n){case"Single":M(W,T.current);break;case"Side by Side":case"Stacked":M(W,T.current),M(se,B.current);break;case"Quad":M(W,T.current),M(se,B.current),M(je,ne.current),M(_e,Z.current);break}};R.useEffect(()=>{const h=new f.WebGLRenderer({canvas:S.current,stencil:!1});h.autoClear=!1,h.shadowMap.enabled=!0,h.setPixelRatio(devicePixelRatio),h.setClearColor(0),r(h)},[]),R.useEffect(()=>{const h=()=>{St(Pe),Y.remove(Pe),t.three.scene!==void 0&&(Pe=t.three.scene,Y.add(Pe))},v=P=>{var G;const H=P.value,K=(G=t.three.scene)==null?void 0:G.getObjectByProperty("uuid",H.uuid);K!==void 0&&ae.set(H.name,K),y(Date.now())},E=P=>{ae.delete(P.value.name),y(Date.now())};return D.addEventListener(A.SET_SCENE,h),D.addEventListener(A.ADD_CAMERA,v),D.addEventListener(A.REMOVE_CAMERA,E),()=>{D.removeEventListener(A.SET_SCENE,h),D.removeEventListener(A.ADD_CAMERA,v),D.removeEventListener(A.REMOVE_CAMERA,E)}},[]),R.useEffect(()=>{if(e===null)return;let h=window.innerWidth,v=window.innerHeight,E=Math.floor(h/2),P=Math.floor(v/2),H=-1;const K=()=>{h=window.innerWidth-300,v=window.innerHeight,E=Math.floor(h/2),P=Math.floor(v/2),e.setSize(h,v);let _=h,U=v;switch(n){case"Side by Side":_=E,U=v;break;case"Stacked":_=h,U=P;break;case"Quad":_=E,U=P;break}ae.forEach(J=>{var pe;J instanceof f.OrthographicCamera?(J.left=_/-2,J.right=_/2,J.top=U/2,J.bottom=U/-2,J.updateProjectionMatrix()):J instanceof f.PerspectiveCamera&&(J.aspect=_/U,J.updateProjectionMatrix(),(pe=be.get(J.name))==null||pe.update())})},G=()=>{e.setViewport(0,0,h,v),e.setScissor(0,0,h,v),e.render(Y,W)},L=()=>{if(n==="Side by Side")e.setViewport(0,0,E,v),e.setScissor(0,0,E,v),e.render(Y,W),e.setViewport(E,0,E,v),e.setScissor(E,0,E,v),e.render(Y,se);else{const _=v-P;e.setViewport(0,_,h,P),e.setScissor(0,_,h,P),e.render(Y,W),e.setViewport(0,0,h,P),e.setScissor(0,0,h,P),e.render(Y,se)}},z=()=>{let _=0,U=0;U=v-P,_=0,e.setViewport(_,U,E,P),e.setScissor(_,U,E,P),e.render(Y,W),_=E,e.setViewport(_,U,E,P),e.setScissor(_,U,E,P),e.render(Y,se),U=0,_=0,e.setViewport(_,U,E,P),e.setScissor(_,U,E,P),e.render(Y,je),_=E,e.setViewport(_,U,E,P),e.setScissor(_,U,E,P),e.render(Y,_e)},ee=()=>{switch(oe.forEach(_=>{_.update()}),e.clear(),n){case"Single":G();break;case"Side by Side":case"Stacked":L();break;case"Quad":z();break}H=requestAnimationFrame(ee)};return le(),window.addEventListener("resize",K),K(),ee(),()=>{window.removeEventListener("resize",K),cancelAnimationFrame(H),H=-1}},[n,e]),R.useEffect(()=>{if(e!==null){const h=new f.Raycaster,v=new f.Vector2,E=(G,L,z,ee)=>{switch(n){case"Quad":G<z?L<ee?h.setFromCamera(v,W):h.setFromCamera(v,je):L<ee?h.setFromCamera(v,se):h.setFromCamera(v,_e);break;case"Side by Side":G<z?h.setFromCamera(v,W):h.setFromCamera(v,se);break;case"Single":h.setFromCamera(v,W);break;case"Stacked":L<ee?h.setFromCamera(v,W):h.setFromCamera(v,se);break}},P=G=>{if(!ut)return;const L=new f.Vector2;e.getSize(L);const z=Math.min(G.clientX,L.x),ee=Math.min(G.clientY,L.y);v.x=Ue(z,0,L.x,-1,1),v.y=Ue(ee,0,L.y,1,-1);const _=L.x/2,U=L.y/2,J=()=>{z<_?v.x=Ue(z,0,_,-1,1):v.x=Ue(z,_,L.x,-1,1)},pe=()=>{ee<U?v.y=Ue(ee,0,U,1,-1):v.y=Ue(ee,U,L.y,1,-1)};switch(n){case"Quad":J(),pe();break;case"Side by Side":J();break;case"Stacked":pe(),pe();break}E(z,ee,_,U);const ke=h.intersectObjects(Pe.children);ke.length>0&&Qe.position.copy(ke[0].point)},H=G=>{if(!ut)return;const L=new f.Vector2;if(e.getSize(L),G.clientX>=L.x)return;P(G);const z=h.intersectObjects(Pe.children);z.length>0&&t.three.getObject(z[0].object.uuid)},K=O.current;return K.addEventListener("mousemove",P,!1),K.addEventListener("click",H,!1),()=>{K.removeEventListener("mousemove",P),K.removeEventListener("click",H)}}},[n,e]);const ie=[];return ae.forEach((h,v)=>{ie.push(v)}),u.jsxs("div",{className:"multiview",children:[u.jsx("canvas",{ref:S}),u.jsxs("div",{className:`cameras ${n==="Single"||n==="Stacked"?"single":""}`,ref:O,children:[n==="Single"&&u.jsx(u.Fragment,{children:u.jsx(Me,{camera:W,options:ie,ref:T,onSelect:h=>{var E;(E=oe.get(W.name))==null||E.dispose();const v=ae.get(h);v!==void 0&&(Q(W),W=v,M(v,T.current))}})}),(n==="Side by Side"||n==="Stacked")&&u.jsxs(u.Fragment,{children:[u.jsx(Me,{camera:W,options:ie,ref:T,onSelect:h=>{var E;(E=oe.get(W.name))==null||E.dispose();const v=ae.get(h);v!==void 0&&(Q(W),W=v,M(v,T.current))}}),u.jsx(Me,{camera:se,options:ie,ref:B,onSelect:h=>{var E;(E=oe.get(se.name))==null||E.dispose();const v=ae.get(h);v!==void 0&&(Q(se),se=v,M(v,B.current))}})]}),n==="Quad"&&u.jsxs(u.Fragment,{children:[u.jsx(Me,{camera:W,options:ie,ref:T,onSelect:h=>{var E;(E=oe.get(W.name))==null||E.dispose();const v=ae.get(h);v!==void 0&&(Q(W),W=v,M(v,T.current))}}),u.jsx(Me,{camera:se,options:ie,ref:B,onSelect:h=>{var E;(E=oe.get(se.name))==null||E.dispose();const v=ae.get(h);v!==void 0&&(Q(se),se=v,M(v,B.current))}}),u.jsx(Me,{camera:je,options:ie,ref:ne,onSelect:h=>{var E;(E=oe.get(je.name))==null||E.dispose();const v=ae.get(h);v!==void 0&&(Q(je),je=v,M(v,ne.current))}}),u.jsx(Me,{camera:_e,options:ie,ref:Z,onSelect:h=>{var E;(E=oe.get(_e.name))==null||E.dispose();const v=ae.get(h);v!==void 0&&(Q(_e),_e=v,M(v,Z.current))}})]})]}),u.jsxs("div",{className:"settings",children:[u.jsx(st,{index:cn.indexOf(n),options:cn,onSelect:h=>{h!==n&&(de(),a(h))},open:s,onToggle:h=>{c(h),l&&d(!1),m&&g(!1)}}),u.jsx(st,{index:ln.indexOf(lt),options:ln,onSelect:h=>{if(h!==lt)switch(lt=h,lt){case"Depth":Y.overrideMaterial=aa;break;case"Normals":Y.overrideMaterial=ia;break;default:case"Renderer":Y.overrideMaterial=null;break;case"Wireframe":Y.overrideMaterial=oa;break;case"UVs":Y.overrideMaterial=ra;break}},open:l,onToggle:h=>{s&&c(!1),d(h),m&&g(!1)}}),u.jsx(st,{index:0,options:["Orbit Mode","Selection Mode"],onSelect:h=>{ut=h==="Selection Mode",Qe.visible=ut},open:m,onToggle:h=>{s&&c(!1),l&&d(!1),g(h)}})]})]})}const wa="";function la(t){return u.jsxs("div",{className:"editor",ref:t.ref,style:t.style,children:[u.jsx("header",{children:t.header}),t.children,u.jsx("footer",{children:t.footer})]})}C.Accordion=rt,C.Application=Cn,C.BaseRemote=We,C.ChildObject=Rt,C.ContainerObject=$t,C.Draggable=Xt,C.DraggableItem=Kt,C.Dropdown=Zt,C.DropdownItem=Qt,C.Editor=la,C.InfiniteGridHelper=Jt,C.Inspector=an,C.MultiView=ca,C.NavButton=Mt,C.RemoteComponents=Sn,C.RemoteController=An,C.RemoteTheatre=xn,C.RemoteThree=Rn,C.RemoteTweakpane=Pn,C.SceneInspector=ea,C.SidePanel=$n,C.ToolEvents=A,C.UVMaterial=qt,C.clamp=yn,C.colorToHex=Ft,C.debugDispatcher=D,C.dispose=St,C.disposeMaterial=Bt,C.disposeTexture=wn,C.distance=En,C.hierarchyUUID=Ct,C.isColor=Ut,C.randomID=Lt,C.resetThreeObjects=Vt,C.round=it,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});