@tomorrowevening/hermes 0.0.36 → 0.0.37

package/dist/hermes.cjs.js

@@ -1,4 +1,4 @@
-"use strict";var kn=Object.defineProperty;var _n=(t,n,a)=>n in t?kn(t,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[n]=a;var B=(t,n,a)=>(_n(t,typeof n!="symbol"?n+"":n,a),a);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("three"),qt=require("@theatre/core"),ot=require("@theatre/studio"),jn=require("tweakpane"),Dn=require("@tweakpane/plugin-essentials"),k=require("react"),sn=require("framer-motion");function In(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 Nn=In(Dn);function $e(t){return t.substring(0,1).toUpperCase()+t.substring(1)}function Ln(t,n,a){return Math.min(n,Math.max(t,a))}function Fn(t,n){const a=t-n;return Math.sqrt(a*a)}function cn(){return Math.round(Math.random()*1e6).toString()}function ln(t){return t.r!==void 0&&t.g!==void 0&&t.b!==void 0}function un(t){const n=Math.round(t.r*255),a=Math.round(t.g*255),e=Math.round(t.b*255),r=u=>{const f=u.toString(16);return f.length===1?"0"+f:f},s=r(n),p=r(a),l=r(e);return"#"+s+p+l}function xt(t,n=1){return Number(t.toFixed(n))}exports.totalThreeObjects=0;const dn=()=>{exports.totalThreeObjects=0},Vt=t=>{if(!t)return;let n=t.name.replace(" ","");n.length===0&&(n=`obj_${exports.totalThreeObjects}`,exports.totalThreeObjects++),t.parent!==null&&(n=`${t.parent.uuid}.${n}`),t.uuid=n,t.children.forEach(a=>{Vt(a)})},Un=t=>{t==null||t.dispose()},fn=t=>{t&&(Array.isArray(t)?t.forEach(n=>n.dispose()):t.dispose())},zt=t=>{var n;if(t){for(;t.children.length>0;){const a=t.children[0];a instanceof c.PositionalAudio?(a.pause(),a.parent&&a.parent.remove(a)):zt(a)}if(t.parent&&t.parent.remove(t),t.isMesh){const a=t;(n=a.geometry)==null||n.dispose(),fn(a.material)}t.dispose!==void 0&&t.dispose()}};class Bn{constructor(n,a,e=!0,r="editor"){B(this,"components",new Map);B(this,"listen");B(this,"_debugEnabled");B(this,"broadcastChannel");B(this,"webSocket");B(this,"_mode","app");B(this,"_connected",!1);B(this,"useBC",!1);B(this,"messageHandler",n=>{this.listen!==void 0&&(this.useBC?this.listen(n.data):this.listen(JSON.parse(n.data)))});B(this,"openHandler",()=>{this._connected=!0});B(this,"closeHandler",()=>{this._connected=!1});this.editor=a&&document.location.hash.search(r)>-1,this._debugEnabled=a,a&&(this.useBC=e,e?(this.broadcastChannel=new BroadcastChannel(n),this.broadcastChannel.addEventListener("message",this.messageHandler)):(this.webSocket=new WebSocket(n),this.webSocket.addEventListener("open",this.openHandler),this.webSocket.addEventListener("close",this.closeHandler),this.webSocket.addEventListener("message",this.messageHandler)))}addComponent(n,a){this.components.set(n,a)}dispose(){this.broadcastChannel!==void 0&&this.broadcastChannel.removeEventListener("message",this.messageHandler),this.webSocket!==void 0&&(this.webSocket.removeEventListener("open",this.openHandler),this.webSocket.removeEventListener("close",this.closeHandler),this.webSocket.removeEventListener("message",this.messageHandler)),this.components.forEach(n=>{n.dispose()}),this.components.clear()}send(n){var a,e;this._mode!==n.target&&(this.useBC?(a=this.broadcastChannel)==null||a.postMessage(n):this._connected&&((e=this.webSocket)==null||e.send(JSON.stringify(n))))}get connected(){return this._connected}get debugEnabled(){return this._debugEnabled}get mode(){return this._mode}get isApp(){return this._mode==="app"}get editor(){return this._mode==="editor"}set editor(n){n&&(this._mode="editor",document.title+=" - Editor")}}const D=new c.EventDispatcher,I={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 ct{constructor(n){B(this,"app");this.app=n}dispose(){}}class hn extends ct{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}})}}function Vn(t,n){switch(n.event){case"selectComponent":D.dispatchEvent({type:I.SELECT_DROPDOWN,value:n.data});break;case"draggableListUpdate":D.dispatchEvent({type:I.DRAG_UPDATE,value:n.data});break}}const pn=()=>{},We=class We extends ct{constructor(){super(...arguments);B(this,"project");B(this,"sheets",new Map);B(this,"sheetObjects",new Map);B(this,"sheetObjectCBs",new Map);B(this,"sheetObjectUnsubscribe",new Map)}init(a,e){return this.project=qt.getProject(a,e),this.project.ready}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}playSheet(a,e){var r;(r=this.sheet(a))==null||r.sequence.play(e),this.app.send({event:"playSheet",target:"editor",data:{sheet:a,value:e}})}pauseSheet(a){var e;(e=this.sheet(a))==null||e.sequence.pause(),this.app.send({event:"pauseSheet",target:"editor",data:{sheet:a}})}clearSheetObjects(a){this.sheetObjects.forEach((e,r)=>{r.search(`${a}_`)>-1&&this.unsubscribe(e)})}sheetObject(a,e,r,s){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const p=this.sheet(a);if(p===void 0)return;const l=`${a}_${e}`;let u=this.sheetObjects.get(l);u!==void 0?u=p.object(e,{...r,...u.value},{reconfigure:!0}):u=p.object(e,r),this.sheetObjects.set(l,u),this.sheetObjectCBs.set(l,s!==void 0?s:pn);const f=u.onValuesChange(y=>{if(this.app.editor){for(const C in y){const x=y[C];typeof x=="object"&&ln(x)&&(y[C]={r:x.r,g:x.g,b:x.b,a:x.a})}this.app.send({event:"updateSheetObject",target:"app",data:{sheet:a,sheetObject:l,values:y}})}const v=this.sheetObjectCBs.get(l);v!==void 0&&v(y)});return this.sheetObjectUnsubscribe.set(l,f),u}unsubscribe(a){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const e=a.address.sheetId,r=a.address.objectKey,s=this.sheets.get(e);s==null||s.detachObject(r);const p=`${e}_${r}`,l=this.sheetObjectUnsubscribe.get(p);l!==void 0&&(this.sheetObjects.delete(p),this.sheetObjectCBs.delete(p),this.sheetObjectUnsubscribe.delete(p),l())}static getRafDriver(){return We.rafDriver||(We.rafDriver=qt.createRafDriver()),We.rafDriver}};B(We,"rafDriver",null);let Le=We,we;function zn(t,n){t.components.forEach(a=>{if(a instanceof Le){let e;const r=a;switch(n.event){case"setSheet":e=r.sheets.get(n.data.sheet),e!==void 0&&(we=e,ot.setSelection([e]));break;case"setSheetObject":e=r.sheetObjects.get(`${n.data.sheet}_${n.data.key}`),e!==void 0&&ot.setSelection([e]);break;case"updateSheetObject":e=r.sheets.get(n.data.sheet),e!==void 0&&e.sequence.pause(),e=r.sheetObjectCBs.get(n.data.sheetObject),e!==void 0&&e(n.data.values);break;case"updateTimeline":e=r.sheets.get(n.data.sheet),we!==void 0&&(we.sequence.position=n.data.position);break}}})}function Hn(t){if(t.editor){let n;t.components.forEach(s=>{s instanceof Le&&(n=s)}),ot.ui.restore(),ot.onSelectionChange(s=>{s.length<1||s.forEach(p=>{let l=p.address.sheetId,u="setSheet",f={};switch(p.type){case"Theatre_Sheet_PublicAPI":u="setSheet",f={sheet:p.address.sheetId},we=n.sheets.get(p.address.sheetId);break;case"Theatre_SheetObject_PublicAPI":u="setSheetObject",l+=`_${p.address.objectKey}`,f={id:l,sheet:p.address.sheetId,key:p.address.objectKey};break}t.send({event:u,target:"app",data:f})})});let a=0;const e=()=>{if(we!==void 0&&a!==we.sequence.position){a=we.sequence.position;const s=we;t.send({event:"updateTimeline",target:"app",data:{position:a,sheet:s.address.sheetId}})}},r=()=>{e(),requestAnimationFrame(r)};e(),r()}else ot.ui.hide()}function Yn(t,n){t.editor&&t.components.forEach(a=>{var e,r;if(a instanceof Le){const s=a;switch(n.event){case"playSheet":(e=s.sheet(n.data.sheet))==null||e.sequence.play(n.data.value);break;case"pauseSheet":(r=s.sheet(n.data.sheet))==null||r.sequence.pause();break}return}})}function Gn(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 mn(t){const n={name:t.name,type:t.type,uuid:t.uuid,children:[]};return t.children.forEach(a=>{n.children.push(mn(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 $n(t){switch(t){case"blendSrcAlpha":case"blendDstAlpha":case"blendEquationAlpha":case"clippingPlanes":case"shadowSide":case"precision":return!0}return!1}function Ye(t){const n={};for(const a in t){if(a.substring(0,1)==="_"||a.substring(0,2)==="is"||$n(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 c.Texture){const s=r.source.toJSON();n[a]={src:s.url}}else r instanceof c.CubeTexture&&(console.log("env map"),console.log(r.source.data),console.log(r.source.toJSON()),n[a]={src:""});else a==="uniforms"&&(n[a]=Wn(n[a]));else n[a]={src:""};break}}return n}function Nt(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(Ye(s))}),n.material=r}else n.material=Ye(e.material)}else if(a.search("points")>-1){const e=t;if(Array.isArray(e.material)){const r=[];e.material.forEach(s=>{r.push(Ye(s))}),n.material=r}else n.material=Ye(e.material)}else if(a.search("line")>-1){const e=t;if(Array.isArray(e.material)){const r=[];e.material.forEach(s=>{r.push(Ye(s))}),n.material=r}else n.material=Ye(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 qn(t,n){const a=n.split(".");switch(a.length){case 1:return t[a[0]];case 2:return t[a[0]][a[1]];case 3:return t[a[0]][a[1]][a[2]];case 4:return t[a[0]][a[1]][a[2]][a[3]];case 5:return t[a[0]][a[1]][a[2]][a[3]][a[4]];case 6:return t[a[0]][a[1]][a[2]][a[3]][a[4]][a[5]]}}function ae(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 Ut(t){return new Promise((n,a)=>{const e=new Image;e.onload=()=>{const r=new c.Texture(e);r.wrapS=c.RepeatWrapping,r.wrapT=c.RepeatWrapping,r.needsUpdate=!0,n(r)},e.onerror=a,e.src=t})}class vn extends ct{constructor(){super(...arguments);B(this,"scene")}getObject(a){this.app.debugEnabled&&this.app.send({event:"getObject",target:"app",data:a})}setObject(a){const e=Nt(a);this.app.send({event:"setObject",target:"editor",data:e})}requestMethod(a,e,r,s){this.app.send({event:"requestMethod",target:"app",data:{uuid:a,key:e,value:r,subitem:s}})}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||(this.scene=a,!this.app.debugEnabled))return;dn(),Vt(this.scene);const e=mn(this.scene);this.app.send({event:"setScene",target:"editor",data:e})}addCamera(a){if(!this.app.debugEnabled)return;const e=Nt(a);this.app.send({event:"addCamera",target:"editor",data:e})}removeCamera(a){if(!this.app.debugEnabled)return;const e=Nt(a);this.app.send({event:"removeCamera",target:"editor",data:e})}}function Kn(t,n){switch(n.event){case"getObject":D.dispatchEvent({type:I.GET_OBJECT,value:n.data});break;case"updateObject":D.dispatchEvent({type:I.UPDATE_OBJECT,value:n.data});break;case"createTexture":D.dispatchEvent({type:I.CREATE_TEXTURE,value:n.data});break;case"requestMethod":D.dispatchEvent({type:I.REQUEST_METHOD,value:n.data});break}}function Xn(t,n){switch(n.event){case"setObject":D.dispatchEvent({type:I.SET_OBJECT,value:n.data});break;case"setScene":D.dispatchEvent({type:I.SET_SCENE,value:n.data});break;case"addCamera":D.dispatchEvent({type:I.ADD_CAMERA,value:n.data});break;case"removeCamera":D.dispatchEvent({type:I.REMOVE_CAMERA,value:n.data});break}}class Ht extends ct{constructor(a){super(a);B(this,"bindCBs");B(this,"buttonCBs");B(this,"pane");B(this,"appCallbacks",0);B(this,"editorCallbacks",0);B(this,"inspectorFolder");this.bindCBs=new Map,this.buttonCBs=new Map,a.editor&&this.createGUI()}createGUI(){this.pane=new jn.Pane({title:"GUI"}),this.pane.registerPlugin(Nn)}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 p=this.bindID,l=r.onChange!==void 0?r.onChange:pn;this.bindCBs.set(p,l),this.app.editor?(this.pane===void 0&&this.createGUI(),(s!==void 0?s:this.pane).addBinding(a,e,r).on("change",f=>{this.app.send({event:"updateBind",target:"app",data:{id:p,value:f.value}})}),this.editorCallbacks++):(this.app.send({event:"bindObject",target:"app",data:{id:p,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])}}function Zn(t,n){t.components.forEach(a=>{if(a instanceof Ht){const e=a;switch(n.event){case"addFolder":e.addFolder(n.data.name,n.data.params,n.data.parent);break;case"bindObject":e.bind(n.data.name,n.data.params,n.data.parent);break;case"updateBind":e.triggerBind(n.data.id,n.data.value);break;case"addButton":e.button(n.data.name,n.data.callback,n.data.parent);break;case"clickButton":e.triggerButton(n.data.id);break}return}})}var Bt={exports:{}},nt={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("three"),Wt=require("@theatre/core"),it=require("@theatre/studio"),An=require("tweakpane"),Pn=require("@tweakpane/plugin-essentials"),P=require("react"),rn=require("framer-motion");function kn(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 _n=kn(Pn);function Ge(t){return t.substring(0,1).toUpperCase()+t.substring(1)}function jn(t,n,a){return Math.min(n,Math.max(t,a))}function Dn(t,n){const a=t-n;return Math.sqrt(a*a)}function on(){return Math.round(Math.random()*1e6).toString()}function sn(t){return t.r!==void 0&&t.g!==void 0&&t.b!==void 0}function cn(t){const n=Math.round(t.r*255),a=Math.round(t.g*255),e=Math.round(t.b*255),o=d=>{const f=d.toString(16);return f.length===1?"0"+f:f},s=o(n),m=o(a),l=o(e);return"#"+s+m+l}function St(t,n=1){return Number(t.toFixed(n))}exports.totalThreeObjects=0;const ln=()=>{exports.totalThreeObjects=0},Ut=t=>{if(!t)return;let n=t.name.replace(" ","");n.length===0&&(n=`obj_${exports.totalThreeObjects}`,exports.totalThreeObjects++),t.parent!==null&&(n=`${t.parent.uuid}.${n}`),t.uuid=n,t.children.forEach(a=>{Ut(a)})},In=t=>{t?.dispose()},un=t=>{t&&(Array.isArray(t)?t.forEach(n=>n.dispose()):t.dispose())},Bt=t=>{if(t){for(;t.children.length>0;){const n=t.children[0];n instanceof c.PositionalAudio?(n.pause(),n.parent&&n.parent.remove(n)):Bt(n)}if(t.parent&&t.parent.remove(t),t.isMesh){const n=t;n.geometry?.dispose(),un(n.material)}t.dispose!==void 0&&t.dispose()}};class Nn{components=new Map;listen;_debugEnabled;broadcastChannel=void 0;webSocket=void 0;_mode="app";_connected=!1;useBC=!1;constructor(n,a,e=!0,o="editor"){this.editor=a&&document.location.hash.search(o)>-1,this._debugEnabled=a,a&&(this.useBC=e,e?(this.broadcastChannel=new BroadcastChannel(n),this.broadcastChannel.addEventListener("message",this.messageHandler)):(this.webSocket=new WebSocket(n),this.webSocket.addEventListener("open",this.openHandler),this.webSocket.addEventListener("close",this.closeHandler),this.webSocket.addEventListener("message",this.messageHandler)))}addComponent(n,a){this.components.set(n,a)}dispose(){this.broadcastChannel!==void 0&&this.broadcastChannel.removeEventListener("message",this.messageHandler),this.webSocket!==void 0&&(this.webSocket.removeEventListener("open",this.openHandler),this.webSocket.removeEventListener("close",this.closeHandler),this.webSocket.removeEventListener("message",this.messageHandler)),this.components.forEach(n=>{n.dispose()}),this.components.clear()}send(n){this._mode!==n.target&&(this.useBC?this.broadcastChannel?.postMessage(n):this._connected&&this.webSocket?.send(JSON.stringify(n)))}messageHandler=n=>{this.listen!==void 0&&(this.useBC?this.listen(n.data):this.listen(JSON.parse(n.data)))};openHandler=()=>{this._connected=!0};closeHandler=()=>{this._connected=!1};get connected(){return this._connected}get debugEnabled(){return this._debugEnabled}get mode(){return this._mode}get isApp(){return this._mode==="app"}get editor(){return this._mode==="editor"}set editor(n){n&&(this._mode="editor",document.title+=" - Editor")}}const D=new c.EventDispatcher,I={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 ot{app;constructor(n){this.app=n}dispose(){}}class dn extends ot{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}})}}function Ln(t,n){switch(n.event){case"selectComponent":D.dispatchEvent({type:I.SELECT_DROPDOWN,value:n.data});break;case"draggableListUpdate":D.dispatchEvent({type:I.DRAG_UPDATE,value:n.data});break}}const fn=()=>{};class be extends ot{project;sheets=new Map;sheetObjects=new Map;sheetObjectCBs=new Map;sheetObjectUnsubscribe=new Map;static rafDriver=null;init(n,a){return this.project=Wt.getProject(n,a),this.project.ready}dispose(){this.project=void 0,this.sheets=new Map,this.sheetObjects=new Map,this.sheetObjectCBs=new Map,this.sheetObjectUnsubscribe=new Map}sheet(n){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}let a=this.sheets.get(n);return a!==void 0||(a=this.project?.sheet(n),this.sheets.set(n,a)),a}playSheet(n,a){this.sheet(n)?.sequence.play(a),this.app.send({event:"playSheet",target:"editor",data:{sheet:n,value:a}})}pauseSheet(n){this.sheet(n)?.sequence.pause(),this.app.send({event:"pauseSheet",target:"editor",data:{sheet:n}})}clearSheetObjects(n){this.sheetObjects.forEach((a,e)=>{e.search(`${n}_`)>-1&&this.unsubscribe(a)})}sheetObject(n,a,e,o){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const s=this.sheet(n);if(s===void 0)return;const m=`${n}_${a}`;let l=this.sheetObjects.get(m);l!==void 0?l=s.object(a,{...e,...l.value},{reconfigure:!0}):l=s.object(a,e),this.sheetObjects.set(m,l),this.sheetObjectCBs.set(m,o!==void 0?o:fn);const d=l.onValuesChange(f=>{if(this.app.editor){for(const y in f){const C=f[y];typeof C=="object"&&sn(C)&&(f[y]={r:C.r,g:C.g,b:C.b,a:C.a})}this.app.send({event:"updateSheetObject",target:"app",data:{sheet:n,sheetObject:m,values:f}})}const g=this.sheetObjectCBs.get(m);g!==void 0&&g(f)});return this.sheetObjectUnsubscribe.set(m,d),l}unsubscribe(n){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const a=n.address.sheetId,e=n.address.objectKey;this.sheets.get(a)?.detachObject(e);const s=`${a}_${e}`,m=this.sheetObjectUnsubscribe.get(s);m!==void 0&&(this.sheetObjects.delete(s),this.sheetObjectCBs.delete(s),this.sheetObjectUnsubscribe.delete(s),m())}static getRafDriver(){return be.rafDriver||(be.rafDriver=Wt.createRafDriver()),be.rafDriver}}let xe;function Fn(t,n){t.components.forEach(a=>{if(a instanceof be){let e;const o=a;switch(n.event){case"setSheet":e=o.sheets.get(n.data.sheet),e!==void 0&&(xe=e,it.setSelection([e]));break;case"setSheetObject":e=o.sheetObjects.get(`${n.data.sheet}_${n.data.key}`),e!==void 0&&it.setSelection([e]);break;case"updateSheetObject":e=o.sheets.get(n.data.sheet),e!==void 0&&e.sequence.pause(),e=o.sheetObjectCBs.get(n.data.sheetObject),e!==void 0&&e(n.data.values);break;case"updateTimeline":e=o.sheets.get(n.data.sheet),xe!==void 0&&(xe.sequence.position=n.data.position);break}}})}function Un(t){if(t.editor){let n;t.components.forEach(s=>{s instanceof be&&(n=s)}),it.ui.restore(),it.onSelectionChange(s=>{s.length<1||s.forEach(m=>{let l=m.address.sheetId,d="setSheet",f={};switch(m.type){case"Theatre_Sheet_PublicAPI":d="setSheet",f={sheet:m.address.sheetId},xe=n.sheets.get(m.address.sheetId);break;case"Theatre_SheetObject_PublicAPI":d="setSheetObject",l+=`_${m.address.objectKey}`,f={id:l,sheet:m.address.sheetId,key:m.address.objectKey};break}t.send({event:d,target:"app",data:f})})});let a=0;const e=()=>{if(xe!==void 0&&a!==xe.sequence.position){a=xe.sequence.position;const s=xe;t.send({event:"updateTimeline",target:"app",data:{position:a,sheet:s.address.sheetId}})}},o=()=>{e(),requestAnimationFrame(o)};e(),o()}else it.ui.hide()}function Bn(t,n){t.editor&&t.components.forEach(a=>{if(a instanceof be){const e=a;switch(n.event){case"playSheet":e.sheet(n.data.sheet)?.sequence.play(n.data.value);break;case"pauseSheet":e.sheet(n.data.sheet)?.sequence.pause();break}return}})}function Vn(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 hn(t){const n={name:t.name,type:t.type,uuid:t.uuid,children:[]};return t.children.forEach(a=>{n.children.push(hn(a))}),n}function zn(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 Hn(t){switch(t){case"blendSrcAlpha":case"blendDstAlpha":case"blendEquationAlpha":case"clippingPlanes":case"shadowSide":case"precision":return!0}return!1}function He(t){const n={};for(const a in t){if(a.substring(0,1)==="_"||a.substring(0,2)==="is"||Hn(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 c.Texture){const s=o.source.toJSON();n[a]={src:s.url}}else o instanceof c.CubeTexture&&(console.log("env map"),console.log(o.source.data),console.log(o.source.toJSON()),n[a]={src:""});else a==="uniforms"&&(n[a]=zn(n[a]));else n[a]={src:""};break}}return n}function Dt(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 o=[];e.material.forEach(s=>{o.push(He(s))}),n.material=o}else n.material=He(e.material)}else if(a.search("points")>-1){const e=t;if(Array.isArray(e.material)){const o=[];e.material.forEach(s=>{o.push(He(s))}),n.material=o}else n.material=He(e.material)}else if(a.search("line")>-1){const e=t;if(Array.isArray(e.material)){const o=[];e.material.forEach(s=>{o.push(He(s))}),n.material=o}else n.material=He(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 Yn(t,n){const a=n.split(".");switch(a.length){case 1:return t[a[0]];case 2:return t[a[0]][a[1]];case 3:return t[a[0]][a[1]][a[2]];case 4:return t[a[0]][a[1]][a[2]][a[3]];case 5:return t[a[0]][a[1]][a[2]][a[3]][a[4]];case 6:return t[a[0]][a[1]][a[2]][a[3]][a[4]][a[5]]}}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 Lt(t){return new Promise((n,a)=>{const e=new Image;e.onload=()=>{const o=new c.Texture(e);o.wrapS=c.RepeatWrapping,o.wrapT=c.RepeatWrapping,o.needsUpdate=!0,n(o)},e.onerror=a,e.src=t})}class pn extends ot{scene=void 0;getObject(n){this.app.debugEnabled&&this.app.send({event:"getObject",target:"app",data:n})}setObject(n){const a=Dt(n);this.app.send({event:"setObject",target:"editor",data:a})}requestMethod(n,a,e,o){this.app.send({event:"requestMethod",target:"app",data:{uuid:n,key:a,value:e,subitem:o}})}updateObject(n,a,e){this.app.send({event:"updateObject",target:"app",data:{uuid:n,key:a,value:e}})}createTexture(n,a,e){this.app.send({event:"createTexture",target:"app",data:{uuid:n,key:a,value:e}})}setScene(n){if(n===void 0||(this.scene=n,!this.app.debugEnabled))return;ln(),Ut(this.scene);const a=hn(this.scene);this.app.send({event:"setScene",target:"editor",data:a})}addCamera(n){if(!this.app.debugEnabled)return;const a=Dt(n);this.app.send({event:"addCamera",target:"editor",data:a})}removeCamera(n){if(!this.app.debugEnabled)return;const a=Dt(n);this.app.send({event:"removeCamera",target:"editor",data:a})}}function Gn(t,n){switch(n.event){case"getObject":D.dispatchEvent({type:I.GET_OBJECT,value:n.data});break;case"updateObject":D.dispatchEvent({type:I.UPDATE_OBJECT,value:n.data});break;case"createTexture":D.dispatchEvent({type:I.CREATE_TEXTURE,value:n.data});break;case"requestMethod":D.dispatchEvent({type:I.REQUEST_METHOD,value:n.data});break}}function Wn(t,n){switch(n.event){case"setObject":D.dispatchEvent({type:I.SET_OBJECT,value:n.data});break;case"setScene":D.dispatchEvent({type:I.SET_SCENE,value:n.data});break;case"addCamera":D.dispatchEvent({type:I.ADD_CAMERA,value:n.data});break;case"removeCamera":D.dispatchEvent({type:I.REMOVE_CAMERA,value:n.data});break}}class Vt extends ot{bindCBs;buttonCBs;pane=void 0;appCallbacks=0;editorCallbacks=0;inspectorFolder=void 0;constructor(n){super(n),this.bindCBs=new Map,this.buttonCBs=new Map,n.editor&&this.createGUI()}createGUI(){this.pane=new An.Pane({title:"GUI"}),this.pane.registerPlugin(_n)}dispose(){this.bindCBs.clear(),this.buttonCBs.clear(),this.appCallbacks=0,this.editorCallbacks=0,this.app.editor&&(this.pane?.dispose(),this.pane=void 0)}addFolder(n,a=void 0,e=void 0){if(this.app.editor)return this.pane===void 0&&this.createGUI(),(e!==void 0?e:this.pane).addFolder({title:n,...a});this.app.send({event:"addFolder",target:"app",data:{name:n,params:a,parent:e}})}get bindID(){return`debug_${Math.max(this.appCallbacks,this.editorCallbacks)}`}bind(n,a,e,o=void 0){const s=this.bindID,m=e.onChange!==void 0?e.onChange:fn;this.bindCBs.set(s,m),this.app.editor?(this.pane===void 0&&this.createGUI(),(o!==void 0?o:this.pane).addBinding(n,a,e).on("change",d=>{this.app.send({event:"updateBind",target:"app",data:{id:s,value:d.value}})}),this.editorCallbacks++):(this.app.send({event:"bindObject",target:"app",data:{id:s,name:a,params:e,parent:o}}),this.appCallbacks++)}triggerBind(n,a){const e=this.bindCBs.get(n);e!==void 0?e(a):console.warn(`No callback for: ${n}`,a)}button(n,a,e=void 0){const o=this.bindID;this.buttonCBs.set(o,a),this.app.editor?(this.pane===void 0&&this.createGUI(),(e!==void 0?e:this.pane).addButton({title:n}).on("click",()=>{this.app.send({event:"clickButton",target:"app",data:{id:o}})}),this.editorCallbacks++):(this.app.send({event:"addButton",target:"app",data:{id:o,name:n,callback:a,parent:e}}),this.appCallbacks++)}triggerButton(n){const a=this.buttonCBs.get(n);a!==void 0&&a()}createInspector(){this.inspectorFolder=this.addFolder("Inspector",this.pane)}clearInspector(){const n=this.inspectorFolder.children.length-1;for(let a=n;a>-1;--a)this.inspectorFolder.remove(this.inspectorFolder.children[a])}}function $n(t,n){t.components.forEach(a=>{if(a instanceof Vt){const e=a;switch(n.event){case"addFolder":e.addFolder(n.data.name,n.data.params,n.data.parent);break;case"bindObject":e.bind(n.data.name,n.data.params,n.data.parent);break;case"updateBind":e.triggerBind(n.data.id,n.data.value);break;case"addButton":e.button(n.data.name,n.data.callback,n.data.parent);break;case"clickButton":e.triggerButton(n.data.id);break}return}})}var Ft={exports:{}},et={};/**
  * @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 Kt;function Jn(){if(Kt)return nt;Kt=1;var t=k,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 p(l,u,f){var y,v={},C=null,x=null;f!==void 0&&(C=""+f),u.key!==void 0&&(C=""+u.key),u.ref!==void 0&&(x=u.ref);for(y in u)e.call(u,y)&&!s.hasOwnProperty(y)&&(v[y]=u[y]);if(l&&l.defaultProps)for(y in u=l.defaultProps,u)v[y]===void 0&&(v[y]=u[y]);return{$$typeof:n,type:l,key:C,ref:x,props:v,_owner:r.current}}return nt.Fragment=a,nt.jsx=p,nt.jsxs=p,nt}var at={};/**
+ */var $t;function qn(){if($t)return et;$t=1;var t=P,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,s={key:!0,ref:!0,__self:!0,__source:!0};function m(l,d,f){var g,y={},C=null,x=null;f!==void 0&&(C=""+f),d.key!==void 0&&(C=""+d.key),d.ref!==void 0&&(x=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:C,ref:x,props:y,_owner:o.current}}return et.Fragment=a,et.jsx=m,et.jsxs=m,et}var tt={};/**
  * @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 Xt;function Qn(){return Xt||(Xt=1,process.env.NODE_ENV!=="production"&&function(){var t=k,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"),p=Symbol.for("react.provider"),l=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),v=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),x=Symbol.for("react.offscreen"),w=Symbol.iterator,R="@@iterator";function K(i){if(i===null||typeof i!="object")return null;var m=w&&i[w]||i[R];return typeof m=="function"?m:null}var L=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function O(i){{for(var m=arguments.length,b=new Array(m>1?m-1:0),M=1;M<m;M++)b[M-1]=arguments[M];W("error",i,b)}}function W(i,m,b){{var M=L.ReactDebugCurrentFrame,N=M.getStackAddendum();N!==""&&(m+="%s",b=b.concat([N]));var H=b.map(function(j){return String(j)});H.unshift("Warning: "+m),Function.prototype.apply.call(console[i],console,H)}}var fe=!1,ne=!1,ie=!1,h=!1,g=!1,S;S=Symbol.for("react.module.reference");function _(i){return!!(typeof i=="string"||typeof i=="function"||i===e||i===s||g||i===r||i===f||i===y||h||i===x||fe||ne||ie||typeof i=="object"&&i!==null&&(i.$$typeof===C||i.$$typeof===v||i.$$typeof===p||i.$$typeof===l||i.$$typeof===u||i.$$typeof===S||i.getModuleId!==void 0))}function G(i,m,b){var M=i.displayName;if(M)return M;var N=m.displayName||m.name||"";return N!==""?b+"("+N+")":b}function Y(i){return i.displayName||"Context"}function V(i){if(i==null)return null;if(typeof i.tag=="number"&&O("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 f:return"Suspense";case y:return"SuspenseList"}if(typeof i=="object")switch(i.$$typeof){case l:var m=i;return Y(m)+".Consumer";case p:var b=i;return Y(b._context)+".Provider";case u:return G(i,i.render,"ForwardRef");case v:var M=i.displayName||null;return M!==null?M:V(i.type)||"Memo";case C:{var N=i,H=N._payload,j=N._init;try{return V(j(H))}catch{return null}}}return null}var F=Object.assign,X=0,Z,A,z,ee,de,Ee,ut;function qe(){}qe.__reactDisabledLog=!0;function Rt(){{if(X===0){Z=console.log,A=console.info,z=console.warn,ee=console.error,de=console.group,Ee=console.groupCollapsed,ut=console.groupEnd;var i={configurable:!0,enumerable:!0,value:qe,writable:!0};Object.defineProperties(console,{info:i,log:i,warn:i,error:i,group:i,groupCollapsed:i,groupEnd:i})}X++}}function At(){{if(X--,X===0){var i={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:F({},i,{value:Z}),info:F({},i,{value:A}),warn:F({},i,{value:z}),error:F({},i,{value:ee}),group:F({},i,{value:de}),groupCollapsed:F({},i,{value:Ee}),groupEnd:F({},i,{value:ut})})}X<0&&O("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Ke=L.ReactCurrentDispatcher,Xe;function Be(i,m,b){{if(Xe===void 0)try{throw Error()}catch(N){var M=N.stack.trim().match(/\n( *(at )?)/);Xe=M&&M[1]||""}return`
-`+Xe+i}}var Ve=!1,xe;{var dt=typeof WeakMap=="function"?WeakMap:Map;xe=new dt}function ft(i,m){if(!i||Ve)return"";{var b=xe.get(i);if(b!==void 0)return b}var M;Ve=!0;var N=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var H;H=Ke.current,Ke.current=null,Rt();try{if(m){var j=function(){throw Error()};if(Object.defineProperty(j.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(j,[])}catch(ge){M=ge}Reflect.construct(i,[],j)}else{try{j.call()}catch(ge){M=ge}i.call(j.prototype)}}else{try{throw Error()}catch(ge){M=ge}i()}}catch(ge){if(ge&&M&&typeof ge.stack=="string"){for(var P=ge.stack.split(`
-`),ue=M.stack.split(`
-`),Q=P.length-1,te=ue.length-1;Q>=1&&te>=0&&P[Q]!==ue[te];)te--;for(;Q>=1&&te>=0;Q--,te--)if(P[Q]!==ue[te]){if(Q!==1||te!==1)do if(Q--,te--,te<0||P[Q]!==ue[te]){var me=`
-`+P[Q].replace(" at new "," at ");return i.displayName&&me.includes("<anonymous>")&&(me=me.replace("<anonymous>",i.displayName)),typeof i=="function"&&xe.set(i,me),me}while(Q>=1&&te>=0);break}}}finally{Ve=!1,Ke.current=H,At(),Error.prepareStackTrace=N}var He=i?i.displayName||i.name:"",$t=He?Be(He):"";return typeof i=="function"&&xe.set(i,$t),$t}function Pt(i,m,b){return ft(i,!1)}function ht(i){var m=i.prototype;return!!(m&&m.isReactComponent)}function Oe(i,m,b){if(i==null)return"";if(typeof i=="function")return ft(i,ht(i));if(typeof i=="string")return Be(i);switch(i){case f:return Be("Suspense");case y:return Be("SuspenseList")}if(typeof i=="object")switch(i.$$typeof){case u:return Pt(i.render);case v:return Oe(i.type,m,b);case C:{var M=i,N=M._payload,H=M._init;try{return Oe(H(N),m,b)}catch{}}}return""}var Me=Object.prototype.hasOwnProperty,pt={},mt=L.ReactDebugCurrentFrame;function Te(i){if(i){var m=i._owner,b=Oe(i.type,i._source,m?m.type:null);mt.setExtraStackFrame(b)}else mt.setExtraStackFrame(null)}function Ze(i,m,b,M,N){{var H=Function.call.bind(Me);for(var j in i)if(H(i,j)){var P=void 0;try{if(typeof i[j]!="function"){var ue=Error((M||"React class")+": "+b+" type `"+j+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof i[j]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ue.name="Invariant Violation",ue}P=i[j](m,j,M,b,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Q){P=Q}P&&!(P instanceof Error)&&(Te(N),O("%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).",M||"React class",b,j,typeof P),Te(null)),P instanceof Error&&!(P.message in pt)&&(pt[P.message]=!0,Te(N),O("Failed %s type: %s",b,P.message),Te(null))}}}var Re=Array.isArray;function Je(i){return Re(i)}function kt(i){{var m=typeof Symbol=="function"&&Symbol.toStringTag,b=m&&i[Symbol.toStringTag]||i.constructor.name||"Object";return b}}function vt(i){try{return gt(i),!1}catch{return!0}}function gt(i){return""+i}function bt(i){if(vt(i))return O("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",kt(i)),gt(i)}var Ce=L.ReactCurrentOwner,Qe={key:!0,ref:!0,__self:!0,__source:!0},et,yt,ze;ze={};function _t(i){if(Me.call(i,"ref")){var m=Object.getOwnPropertyDescriptor(i,"ref").get;if(m&&m.isReactWarning)return!1}return i.ref!==void 0}function jt(i){if(Me.call(i,"key")){var m=Object.getOwnPropertyDescriptor(i,"key").get;if(m&&m.isReactWarning)return!1}return i.key!==void 0}function Et(i,m){if(typeof i.ref=="string"&&Ce.current&&m&&Ce.current.stateNode!==m){var b=V(Ce.current.type);ze[b]||(O('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',V(Ce.current.type),i.ref),ze[b]=!0)}}function Se(i,m){{var b=function(){et||(et=!0,O("%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)",m))};b.isReactWarning=!0,Object.defineProperty(i,"key",{get:b,configurable:!0})}}function Wt(i,m){{var b=function(){yt||(yt=!0,O("%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)",m))};b.isReactWarning=!0,Object.defineProperty(i,"ref",{get:b,configurable:!0})}}var o=function(i,m,b,M,N,H,j){var P={$$typeof:n,type:i,key:m,ref:b,props:j,_owner:H};return P._store={},Object.defineProperty(P._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(P,"_self",{configurable:!1,enumerable:!1,writable:!1,value:M}),Object.defineProperty(P,"_source",{configurable:!1,enumerable:!1,writable:!1,value:N}),Object.freeze&&(Object.freeze(P.props),Object.freeze(P)),P};function E(i,m,b,M,N){{var H,j={},P=null,ue=null;b!==void 0&&(bt(b),P=""+b),jt(m)&&(bt(m.key),P=""+m.key),_t(m)&&(ue=m.ref,Et(m,N));for(H in m)Me.call(m,H)&&!Qe.hasOwnProperty(H)&&(j[H]=m[H]);if(i&&i.defaultProps){var Q=i.defaultProps;for(H in Q)j[H]===void 0&&(j[H]=Q[H])}if(P||ue){var te=typeof i=="function"?i.displayName||i.name||"Unknown":i;P&&Se(j,te),ue&&Wt(j,te)}return o(i,P,ue,N,M,Ce.current,j)}}var T=L.ReactCurrentOwner,U=L.ReactDebugCurrentFrame;function J(i){if(i){var m=i._owner,b=Oe(i.type,i._source,m?m.type:null);U.setExtraStackFrame(b)}else U.setExtraStackFrame(null)}var he;he=!1;function se(i){return typeof i=="object"&&i!==null&&i.$$typeof===n}function Dt(){{if(T.current){var i=V(T.current.type);if(i)return`
+ */var qt;function Kn(){return qt||(qt=1,process.env.NODE_ENV!=="production"&&function(){var t=P,n=Symbol.for("react.element"),a=Symbol.for("react.portal"),e=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),l=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),x=Symbol.for("react.offscreen"),T=Symbol.iterator,j="@@iterator";function q(i){if(i===null||typeof i!="object")return null;var p=T&&i[T]||i[j];return typeof p=="function"?p:null}var V=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function w(i){{for(var p=arguments.length,b=new Array(p>1?p-1:0),S=1;S<p;S++)b[S-1]=arguments[S];Y("error",i,b)}}function Y(i,p,b){{var S=V.ReactDebugCurrentFrame,N=S.getStackAddendum();N!==""&&(p+="%s",b=b.concat([N]));var B=b.map(function(_){return String(_)});B.unshift("Warning: "+p),Function.prototype.apply.call(console[i],console,B)}}var ye=!1,le=!1,se=!1,h=!1,v=!1,O;O=Symbol.for("react.module.reference");function k(i){return!!(typeof i=="string"||typeof i=="function"||i===e||i===s||v||i===o||i===f||i===g||h||i===x||ye||le||se||typeof i=="object"&&i!==null&&(i.$$typeof===C||i.$$typeof===y||i.$$typeof===m||i.$$typeof===l||i.$$typeof===d||i.$$typeof===O||i.getModuleId!==void 0))}function G(i,p,b){var S=i.displayName;if(S)return S;var N=p.displayName||p.name||"";return N!==""?b+"("+N+")":b}function z(i){return i.displayName||"Context"}function H(i){if(i==null)return null;if(typeof i.tag=="number"&&w("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 o:return"StrictMode";case f:return"Suspense";case g:return"SuspenseList"}if(typeof i=="object")switch(i.$$typeof){case l:var p=i;return z(p)+".Consumer";case m:var b=i;return z(b._context)+".Provider";case d:return G(i,i.render,"ForwardRef");case y:var S=i.displayName||null;return S!==null?S:H(i.type)||"Memo";case C:{var N=i,B=N._payload,_=N._init;try{return H(_(B))}catch{return null}}}return null}var L=Object.assign,K=0,X,R,U,Q,pe,Ee,ct;function We(){}We.__reactDisabledLog=!0;function Mt(){{if(K===0){X=console.log,R=console.info,U=console.warn,Q=console.error,pe=console.group,Ee=console.groupCollapsed,ct=console.groupEnd;var i={configurable:!0,enumerable:!0,value:We,writable:!0};Object.defineProperties(console,{info:i,log:i,warn:i,error:i,group:i,groupCollapsed:i,groupEnd:i})}K++}}function Tt(){{if(K--,K===0){var i={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:L({},i,{value:X}),info:L({},i,{value:R}),warn:L({},i,{value:U}),error:L({},i,{value:Q}),group:L({},i,{value:pe}),groupCollapsed:L({},i,{value:Ee}),groupEnd:L({},i,{value:ct})})}K<0&&w("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var $e=V.ReactCurrentDispatcher,qe;function Ue(i,p,b){{if(qe===void 0)try{throw Error()}catch(N){var S=N.stack.trim().match(/\n( *(at )?)/);qe=S&&S[1]||""}return`
+`+qe+i}}var Be=!1,we;{var lt=typeof WeakMap=="function"?WeakMap:Map;we=new lt}function ut(i,p){if(!i||Be)return"";{var b=we.get(i);if(b!==void 0)return b}var S;Be=!0;var N=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var B;B=$e.current,$e.current=null,Mt();try{if(p){var _=function(){throw Error()};if(Object.defineProperty(_.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(_,[])}catch(me){S=me}Reflect.construct(i,[],_)}else{try{_.call()}catch(me){S=me}i.call(_.prototype)}}else{try{throw Error()}catch(me){S=me}i()}}catch(me){if(me&&S&&typeof me.stack=="string"){for(var A=me.stack.split(`
+`),ce=S.stack.split(`
+`),J=A.length-1,ee=ce.length-1;J>=1&&ee>=0&&A[J]!==ce[ee];)ee--;for(;J>=1&&ee>=0;J--,ee--)if(A[J]!==ce[ee]){if(J!==1||ee!==1)do if(J--,ee--,ee<0||A[J]!==ce[ee]){var fe=`
+`+A[J].replace(" at new "," at ");return i.displayName&&fe.includes("<anonymous>")&&(fe=fe.replace("<anonymous>",i.displayName)),typeof i=="function"&&we.set(i,fe),fe}while(J>=1&&ee>=0);break}}}finally{Be=!1,$e.current=B,Tt(),Error.prepareStackTrace=N}var ze=i?i.displayName||i.name:"",Gt=ze?Ue(ze):"";return typeof i=="function"&&we.set(i,Gt),Gt}function Rt(i,p,b){return ut(i,!1)}function dt(i){var p=i.prototype;return!!(p&&p.isReactComponent)}function Oe(i,p,b){if(i==null)return"";if(typeof i=="function")return ut(i,dt(i));if(typeof i=="string")return Ue(i);switch(i){case f:return Ue("Suspense");case g:return Ue("SuspenseList")}if(typeof i=="object")switch(i.$$typeof){case d:return Rt(i.render);case y:return Oe(i.type,p,b);case C:{var S=i,N=S._payload,B=S._init;try{return Oe(B(N),p,b)}catch{}}}return""}var Me=Object.prototype.hasOwnProperty,ft={},ht=V.ReactDebugCurrentFrame;function Te(i){if(i){var p=i._owner,b=Oe(i.type,i._source,p?p.type:null);ht.setExtraStackFrame(b)}else ht.setExtraStackFrame(null)}function Ke(i,p,b,S,N){{var B=Function.call.bind(Me);for(var _ in i)if(B(i,_)){var A=void 0;try{if(typeof i[_]!="function"){var ce=Error((S||"React class")+": "+b+" type `"+_+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof i[_]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ce.name="Invariant Violation",ce}A=i[_](p,_,S,b,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(J){A=J}A&&!(A instanceof Error)&&(Te(N),w("%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).",S||"React class",b,_,typeof A),Te(null)),A instanceof Error&&!(A.message in ft)&&(ft[A.message]=!0,Te(N),w("Failed %s type: %s",b,A.message),Te(null))}}}var Re=Array.isArray;function Xe(i){return Re(i)}function At(i){{var p=typeof Symbol=="function"&&Symbol.toStringTag,b=p&&i[Symbol.toStringTag]||i.constructor.name||"Object";return b}}function pt(i){try{return mt(i),!1}catch{return!0}}function mt(i){return""+i}function vt(i){if(pt(i))return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",At(i)),mt(i)}var Ce=V.ReactCurrentOwner,Ze={key:!0,ref:!0,__self:!0,__source:!0},Je,gt,Ve;Ve={};function Pt(i){if(Me.call(i,"ref")){var p=Object.getOwnPropertyDescriptor(i,"ref").get;if(p&&p.isReactWarning)return!1}return i.ref!==void 0}function kt(i){if(Me.call(i,"key")){var p=Object.getOwnPropertyDescriptor(i,"key").get;if(p&&p.isReactWarning)return!1}return i.key!==void 0}function bt(i,p){if(typeof i.ref=="string"&&Ce.current&&p&&Ce.current.stateNode!==p){var b=H(Ce.current.type);Ve[b]||(w('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',H(Ce.current.type),i.ref),Ve[b]=!0)}}function Se(i,p){{var b=function(){Je||(Je=!0,w("%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 Yt(i,p){{var b=function(){gt||(gt=!0,w("%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 r=function(i,p,b,S,N,B,_){var A={$$typeof:n,type:i,key:p,ref:b,props:_,_owner:B};return A._store={},Object.defineProperty(A._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(A,"_self",{configurable:!1,enumerable:!1,writable:!1,value:S}),Object.defineProperty(A,"_source",{configurable:!1,enumerable:!1,writable:!1,value:N}),Object.freeze&&(Object.freeze(A.props),Object.freeze(A)),A};function E(i,p,b,S,N){{var B,_={},A=null,ce=null;b!==void 0&&(vt(b),A=""+b),kt(p)&&(vt(p.key),A=""+p.key),Pt(p)&&(ce=p.ref,bt(p,N));for(B in p)Me.call(p,B)&&!Ze.hasOwnProperty(B)&&(_[B]=p[B]);if(i&&i.defaultProps){var J=i.defaultProps;for(B in J)_[B]===void 0&&(_[B]=J[B])}if(A||ce){var ee=typeof i=="function"?i.displayName||i.name||"Unknown":i;A&&Se(_,ee),ce&&Yt(_,ee)}return r(i,A,ce,N,S,Ce.current,_)}}var M=V.ReactCurrentOwner,F=V.ReactDebugCurrentFrame;function Z(i){if(i){var p=i._owner,b=Oe(i.type,i._source,p?p.type:null);F.setExtraStackFrame(b)}else F.setExtraStackFrame(null)}var ue;ue=!1;function ie(i){return typeof i=="object"&&i!==null&&i.$$typeof===n}function _t(){{if(M.current){var i=H(M.current.type);if(i)return`
 
-Check the render method of \``+i+"`."}return""}}function It(i){{if(i!==void 0){var m=i.fileName.replace(/^.*[\\\/]/,""),b=i.lineNumber;return`
+Check the render method of \``+i+"`."}return""}}function jt(i){{if(i!==void 0){var p=i.fileName.replace(/^.*[\\\/]/,""),b=i.lineNumber;return`
 
-Check your code at `+m+":"+b+"."}return""}}var tt={};function ve(i){{var m=Dt();if(!m){var b=typeof i=="string"?i:i.displayName||i.name;b&&(m=`
+Check your code at `+p+":"+b+"."}return""}}var Qe={};function he(i){{var p=_t();if(!p){var b=typeof i=="string"?i:i.displayName||i.name;b&&(p=`
 
-Check the top-level render call using <`+b+">.")}return m}}function pe(i,m){{if(!i._store||i._store.validated||i.key!=null)return;i._store.validated=!0;var b=ve(m);if(tt[b])return;tt[b]=!0;var M="";i&&i._owner&&i._owner!==T.current&&(M=" It was passed a child from "+V(i._owner.type)+"."),J(i),O('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',b,M),J(null)}}function Ae(i,m){{if(typeof i!="object")return;if(Je(i))for(var b=0;b<i.length;b++){var M=i[b];se(M)&&pe(M,m)}else if(se(i))i._store&&(i._store.validated=!0);else if(i){var N=K(i);if(typeof N=="function"&&N!==i.entries)for(var H=N.call(i),j;!(j=H.next()).done;)se(j.value)&&pe(j.value,m)}}}function Pe(i){{var m=i.type;if(m==null||typeof m=="string")return;var b;if(typeof m=="function")b=m.propTypes;else if(typeof m=="object"&&(m.$$typeof===u||m.$$typeof===v))b=m.propTypes;else return;if(b){var M=V(m);Ze(b,i.props,"prop",M,i)}else if(m.PropTypes!==void 0&&!he){he=!0;var N=V(m);O("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",N||"Unknown")}typeof m.getDefaultProps=="function"&&!m.getDefaultProps.isReactClassApproved&&O("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ke(i){{for(var m=Object.keys(i.props),b=0;b<m.length;b++){var M=m[b];if(M!=="children"&&M!=="key"){J(i),O("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",M),J(null);break}}i.ref!==null&&(J(i),O("Invalid attribute `ref` supplied to `React.Fragment`."),J(null))}}function _e(i,m,b,M,N,H){{var j=_(i);if(!j){var P="";(i===void 0||typeof i=="object"&&i!==null&&Object.keys(i).length===0)&&(P+=" 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 ue=It(N);ue?P+=ue:P+=Dt();var Q;i===null?Q="null":Je(i)?Q="array":i!==void 0&&i.$$typeof===n?(Q="<"+(V(i.type)||"Unknown")+" />",P=" Did you accidentally export a JSX literal instead of a component?"):Q=typeof i,O("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Q,P)}var te=E(i,m,b,N,H);if(te==null)return te;if(j){var me=m.children;if(me!==void 0)if(M)if(Je(me)){for(var He=0;He<me.length;He++)Ae(me[He],i);Object.freeze&&Object.freeze(me)}else O("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 Ae(me,i)}return i===e?ke(te):Pe(te),te}}function Tn(i,m,b){return _e(i,m,b,!0)}function Rn(i,m,b){return _e(i,m,b,!1)}var An=Rn,Pn=Tn;at.Fragment=e,at.jsx=An,at.jsxs=Pn}()),at}process.env.NODE_ENV==="production"?Bt.exports=Jn():Bt.exports=Qn();var d=Bt.exports;function Yt(t){return t.title.search("<")>-1?d.jsx("button",{className:"svg",dangerouslySetInnerHTML:{__html:t.title}}):d.jsx("button",{children:t.title})}const ea=d.jsxs("svg",{className:"closeIcon",width:"14",height:"14",fill:"none",stroke:"#666666",strokeMiterlimit:"10",children:[d.jsx("circle",{cx:"7",cy:"7",r:"6"}),d.jsx("line",{x1:"4",y1:"4",x2:"10",y2:"10"}),d.jsx("line",{x1:"4",y1:"10",x2:"10",y2:"4"})]}),ta=d.jsx("svg",{className:"dragIcon",width:"14",height:"14",fill:"#666666",stroke:"none",children:d.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 de(i,p){{if(!i._store||i._store.validated||i.key!=null)return;i._store.validated=!0;var b=he(p);if(Qe[b])return;Qe[b]=!0;var S="";i&&i._owner&&i._owner!==M.current&&(S=" It was passed a child from "+H(i._owner.type)+"."),Z(i),w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',b,S),Z(null)}}function Ae(i,p){{if(typeof i!="object")return;if(Xe(i))for(var b=0;b<i.length;b++){var S=i[b];ie(S)&&de(S,p)}else if(ie(i))i._store&&(i._store.validated=!0);else if(i){var N=q(i);if(typeof N=="function"&&N!==i.entries)for(var B=N.call(i),_;!(_=B.next()).done;)ie(_.value)&&de(_.value,p)}}}function Pe(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 S=H(p);Ke(b,i.props,"prop",S,i)}else if(p.PropTypes!==void 0&&!ue){ue=!0;var N=H(p);w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",N||"Unknown")}typeof p.getDefaultProps=="function"&&!p.getDefaultProps.isReactClassApproved&&w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ke(i){{for(var p=Object.keys(i.props),b=0;b<p.length;b++){var S=p[b];if(S!=="children"&&S!=="key"){Z(i),w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",S),Z(null);break}}i.ref!==null&&(Z(i),w("Invalid attribute `ref` supplied to `React.Fragment`."),Z(null))}}function _e(i,p,b,S,N,B){{var _=k(i);if(!_){var A="";(i===void 0||typeof i=="object"&&i!==null&&Object.keys(i).length===0)&&(A+=" 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=jt(N);ce?A+=ce:A+=_t();var J;i===null?J="null":Xe(i)?J="array":i!==void 0&&i.$$typeof===n?(J="<"+(H(i.type)||"Unknown")+" />",A=" Did you accidentally export a JSX literal instead of a component?"):J=typeof i,w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",J,A)}var ee=E(i,p,b,N,B);if(ee==null)return ee;if(_){var fe=p.children;if(fe!==void 0)if(S)if(Xe(fe)){for(var ze=0;ze<fe.length;ze++)Ae(fe[ze],i);Object.freeze&&Object.freeze(fe)}else w("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 Ae(fe,i)}return i===e?ke(ee):Pe(ee),ee}}function On(i,p,b){return _e(i,p,b,!0)}function Mn(i,p,b){return _e(i,p,b,!1)}var Tn=Mn,Rn=On;tt.Fragment=e,tt.jsx=Tn,tt.jsxs=Rn}()),tt}process.env.NODE_ENV==="production"?Ft.exports=qn():Ft.exports=Kn();var u=Ft.exports;function zt(t){return t.title.search("<")>-1?u.jsx("button",{className:"svg",dangerouslySetInnerHTML:{__html:t.title}}):u.jsx("button",{children:t.title})}const Xn=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"})]}),Zn=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 gn(t){return d.jsx(sn.Reorder.Item,{value:t.title,children:d.jsxs("div",{children:[ta,d.jsx("span",{children:t.title}),d.jsx("button",{className:"closeIcon",onClick:()=>{t.onDelete(t.index)},children:ea})]})},t.title)}function bn(t){const[n,a]=k.useState(!1),[e,r]=k.useState(t.options),s=f=>{t.onDragComplete(f),r(f)},p=f=>{const y=[...e];y.splice(f,1),s(y)},l=[];e.forEach((f,y)=>{l.push(d.jsx(gn,{index:y,title:f,onDelete:p},f))});let u="dropdown draggable";return t.subdropdown&&(u+=" subdropdown"),d.jsxs("div",{className:u,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[d.jsx(Yt,{title:t.title}),d.jsx(sn.Reorder.Group,{axis:"y",values:e,onReorder:s,style:{visibility:n?"visible":"hidden"},children:l})]})}function yn(t){const[n,a]=k.useState(!1),e=[];t.options.map((s,p)=>{t.onSelect!==void 0&&(s.onSelect=t.onSelect),e.push(d.jsx(En,{option:s},p))});let r="dropdown";return t.subdropdown&&(r+=" subdropdown"),d.jsxs("div",{className:r,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[d.jsx(Yt,{title:t.title}),d.jsx("ul",{style:{visibility:n?"visible":"hidden"},children:e})]})}function En(t){const{option:n}=t,[a,e]=k.useState("");let r;switch(n.type){case"draggable":r=d.jsx(bn,{title:n.title,options:n.value,onDragComplete:s=>{n.onDragComplete!==void 0&&n.onDragComplete(s)},subdropdown:!0});break;case"dropdown":r=d.jsx(yn,{title:n.title,options:n.value,onSelect:n.onSelect,subdropdown:!0});break;case"option":r=d.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 d.jsx("li",{className:a===n.title?"selected":"",children:r},cn())}function na(t){const n=[],a=[];t.components.forEach(s=>{s instanceof hn?n.push(Vn):s instanceof Le?(n.push(zn),a.push(Yn),Hn(t)):s instanceof vn?(n.push(Kn),a.push(Xn)):s instanceof Ht&&n.push(Zn)});function e(s){switch(n.forEach(p=>p(t,s)),s.event){case"custom":D.dispatchEvent({type:I.CUSTOM,value:s.data});break}}function r(s){switch(a.forEach(p=>p(t,s)),s.event){case"custom":D.dispatchEvent({type:I.CUSTOM,value:s.data});break}}t.listen=s=>{s.target==="editor"?r(s):e(s)}}const aa=`out vec3 worldPosition;
+C11,8.22,10.74,8,10.43,8z`})});function mn(t){return u.jsx(rn.Reorder.Item,{value:t.title,children:u.jsxs("div",{children:[Zn,u.jsx("span",{children:t.title}),u.jsx("button",{className:"closeIcon",onClick:()=>{t.onDelete(t.index)},children:Xn})]})},t.title)}function vn(t){const[n,a]=P.useState(!1),[e,o]=P.useState(t.options),s=f=>{t.onDragComplete(f),o(f)},m=f=>{const g=[...e];g.splice(f,1),s(g)},l=[];e.forEach((f,g)=>{l.push(u.jsx(mn,{index:g,title:f,onDelete:m},f))});let d="dropdown draggable";return t.subdropdown&&(d+=" subdropdown"),u.jsxs("div",{className:d,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[u.jsx(zt,{title:t.title}),u.jsx(rn.Reorder.Group,{axis:"y",values:e,onReorder:s,style:{visibility:n?"visible":"hidden"},children:l})]})}function gn(t){const[n,a]=P.useState(!1),e=[];t.options.map((s,m)=>{t.onSelect!==void 0&&(s.onSelect=t.onSelect),e.push(u.jsx(bn,{option:s},m))});let o="dropdown";return t.subdropdown&&(o+=" subdropdown"),u.jsxs("div",{className:o,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[u.jsx(zt,{title:t.title}),u.jsx("ul",{style:{visibility:n?"visible":"hidden"},children:e})]})}function bn(t){const{option:n}=t,[a,e]=P.useState("");let o;switch(n.type){case"draggable":o=u.jsx(vn,{title:n.title,options:n.value,onDragComplete:s=>{n.onDragComplete!==void 0&&n.onDragComplete(s)},subdropdown:!0});break;case"dropdown":o=u.jsx(gn,{title:n.title,options:n.value,onSelect:n.onSelect,subdropdown:!0});break;case"option":o=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:o},on())}function Jn(t){const n=[],a=[];t.components.forEach(s=>{s instanceof dn?n.push(Ln):s instanceof be?(n.push(Fn),a.push(Bn),Un(t)):s instanceof pn?(n.push(Gn),a.push(Wn)):s instanceof Vt&&n.push($n)});function e(s){switch(n.forEach(m=>m(t,s)),s.event){case"custom":D.dispatchEvent({type:I.CUSTOM,value:s.data});break}}function o(s){switch(a.forEach(m=>m(t,s)),s.event){case"custom":D.dispatchEvent({type:I.CUSTOM,value:s.data});break}}t.listen=s=>{s.target==="editor"?o(s):e(s)}}const Qn=`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);
-}`,ia=`out vec4 fragColor;
+}`,ea=`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 ra extends c.ShaderMaterial{constructor(n){super({extensions:{derivatives:!0},glslVersion:c.GLSL3,side:c.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 c.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:aa,fragmentShader:ia,name:"InfiniteGrid",depthWrite:!1})}}class Cn extends c.Mesh{constructor(){const a=new ra;super(new c.PlaneGeometry(2,2),a);B(this,"gridMaterial");this.gridMaterial=a,this.frustumCulled=!1,this.name="InfiniteGridHelper",this.position.y=.1}update(){this.gridMaterial.needsUpdate=!0}}const oa=`#include <common>
+}`;class ta extends c.ShaderMaterial{constructor(n){super({extensions:{derivatives:!0},glslVersion:c.GLSL3,side:c.DoubleSide,transparent:!0,uniforms:{uScale:{value:n?.scale!==void 0?n?.scale:.1},uDivisions:{value:n?.divisions!==void 0?n?.divisions:10},uColor:{value:n?.color!==void 0?n?.color:new c.Color(16777215)},uDistance:{value:n?.distance!==void 0?n?.distance:1e4},uSubgridOpacity:{value:n?.subgridOpacity!==void 0?n?.subgridOpacity:.15},uGridOpacity:{value:n?.gridOpacity!==void 0?n?.gridOpacity:.25}},vertexShader:Qn,fragmentShader:ea,name:"InfiniteGrid",depthWrite:!1})}}class yn extends c.Mesh{gridMaterial;constructor(){const n=new ta;super(new c.PlaneGeometry(2,2),n),this.gridMaterial=n,this.frustumCulled=!1,this.name="InfiniteGridHelper",this.position.y=.1}update(){this.gridMaterial.needsUpdate=!0}}const na=`#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>
-}`,sa=`
+}`,aa=`
 #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 Sn extends c.ShaderMaterial{constructor(){super({defines:{USE_UV:""},vertexShader:oa,fragmentShader:sa})}}function Mt(t){const[n,a]=k.useState(t.open!==void 0?t.open:!0),e=!n||t.children===void 0;return d.jsxs("div",{className:`accordion ${e?"hide":""}`,children:[d.jsxs("button",{className:"toggle",onClick:()=>{const r=!n;t.onToggle!==void 0&&t.onToggle(r),a(r)},children:[d.jsx("p",{className:`status ${n?"open":""}`,children:"Toggle"}),d.jsx("p",{className:"label",children:$e(t.label)})]}),t.button,d.jsx("div",{className:n?"open":"",children:d.jsx("div",{children:t.children})})]})}function Gt(t){const[n,a]=k.useState(!1),e=t.child.children.length>0,r=[];return t.child.children.length>0&&t.child.children.map(s=>{r.push(d.jsx(Gt,{child:s,three:t.three},Math.random()))}),d.jsxs("div",{className:"childObject",children:[d.jsxs("div",{className:"child",children:[e?d.jsx("button",{className:"status",style:{backgroundPositionX:n?"-14px":"2px"},onClick:()=>{a(!n)}}):null,d.jsx("button",{className:"name",style:{left:e?"20px":"5px"},onClick:()=>{t.three.getObject(t.child.uuid),n||a(!0)},children:t.child.name.length>0?`${t.child.name} (${t.child.type})`:`${t.child.type}::${t.child.uuid}`}),d.jsx("div",{className:`icon ${Gn(t.child)}`})]}),d.jsx("div",{className:n?"open":"",children:d.jsx("div",{className:"container",children:r})})]},Math.random())}function wn(t){const n=[];return t.child.children.map(a=>{n.push(d.jsx(Gt,{child:a,three:t.three},Math.random()))}),d.jsx("div",{className:`scene ${t.class!==void 0?t.class:""}`,children:n})}const ca="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";function la(t){return"items"in t}function Fe(t){const n=[];return t.items.forEach(a=>{la(a)?n.push(d.jsx(Fe,{title:$e(a.title),items:a.items},Math.random())):n.push(d.jsx(rt,{title:a.title,prop:a.prop,value:a.value,type:a.type,min:a.min,max:a.max,step:a.step,disabled:a.disabled,options:a.options,onChange:(e,r)=>{a.onChange!==void 0&&a.onChange(e,r)}},Math.random()))}),d.jsx(Mt,{label:t.title,open:t.expanded===!0,children:n})}function ua(t){return!(t==="alphaHash"||t==="alphaToCoverage"||t==="attenuationDistance"||t==="blendDstAlpha"||t==="colorWrite"||t==="combine"||t==="defaultAttributeValues"||t==="depthFunc"||t==="forceSinglePass"||t==="glslVersion"||t==="linecap"||t==="linejoin"||t==="linewidth"||t==="normalMapType"||t==="precision"||t==="premultipliedAlpha"||t==="shadowSide"||t==="toneMapped"||t==="uniformsGroups"||t==="uniformsNeedUpdate"||t==="userData"||t==="vertexColors"||t==="version"||t==="wireframeLinecap"||t==="wireframeLinejoin"||t==="wireframeLinewidth"||t.slice(0,4)==="clip"||t.slice(0,7)==="polygon"||t.slice(0,7)==="stencil"||t.slice(0,2)==="is")}function je(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"blendAlpha":return"Blend Alpha";case"blendColor":return"Blend Color";case"blendDst":return"Blend Dst";case"blendDstAlpha":return"Blend Dst Alha";case"blendEquation":return"Blend Equation";case"blendEquationAlpha":return"Blend Equation Alpha";case"blending":return"Blending";case"blendSrc":return"Blend Src";case"blendSrcAlpha":return"Blend Src Alpha";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"side":return"Side";case"size":return"Size";case"sizeAttenuation":return"Size Attenuation";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 da(t){return t.toLowerCase().search("intensity")>-1||t==="anisotropyRotation"||t==="blendAlpha"||t==="bumpScale"||t==="clearcoatRoughness"||t==="displacementBias"||t==="displacementScale"||t==="metalness"||t==="opacity"||t==="reflectivity"||t==="refractionRatio"||t==="roughness"||t==="sheenRoughness"||t==="thickness"}function fa(){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()})}const ha=[{title:"Front",value:c.FrontSide},{title:"Back",value:c.BackSide},{title:"Double",value:c.DoubleSide}],pa=[{title:"No Blending",value:c.NoBlending},{title:"Normal",value:c.NormalBlending},{title:"Additive",value:c.AdditiveBlending},{title:"Subtractive",value:c.SubtractiveBlending},{title:"Multiply",value:c.MultiplyBlending},{title:"Custom",value:c.CustomBlending}],ma=[{title:"Add",value:c.AddEquation},{title:"Subtract",value:c.SubtractEquation},{title:"Reverse Subtract",value:c.ReverseSubtractEquation},{title:"Min",value:c.MinEquation},{title:"Max",value:c.MaxEquation}],va=[{title:"Zero",valye:c.ZeroFactor},{title:"One",valye:c.OneFactor},{title:"Src Color",valye:c.SrcColorFactor},{title:"One Minus Src Color",valye:c.OneMinusSrcColorFactor},{title:"Src Alpha",valye:c.SrcAlphaFactor},{title:"One Minus Src Alpha",valye:c.OneMinusSrcAlphaFactor},{title:"Dst Alpha",valye:c.DstAlphaFactor},{title:"One Minus Dst Alpha",valye:c.OneMinusDstAlphaFactor},{title:"Dst Color",valye:c.DstColorFactor},{title:"One Minus Dst Color",valye:c.OneMinusDstColorFactor},{title:"Src Alpha Saturate",valye:c.SrcAlphaSaturateFactor},{title:"Constant Color",valye:c.ConstantColorFactor},{title:"One Minus Constant Color",valye:c.OneMinusConstantColorFactor},{title:"Constant Alpha",valye:c.ConstantAlphaFactor},{title:"One Minus Constant Alpha",valye:c.OneMinusConstantAlphaFactor}],ga=[{title:"Zero",valye:c.ZeroFactor},{title:"One",valye:c.OneFactor},{title:"Src Color",valye:c.SrcColorFactor},{title:"One Minus Src Color",valye:c.OneMinusSrcColorFactor},{title:"Src Alpha",valye:c.SrcAlphaFactor},{title:"One Minus Src Alpha",valye:c.OneMinusSrcAlphaFactor},{title:"Dst Alpha",valye:c.DstAlphaFactor},{title:"One Minus Dst Alpha",valye:c.OneMinusDstAlphaFactor},{title:"Dst Color",valye:c.DstColorFactor},{title:"One Minus Dst Color",valye:c.OneMinusDstColorFactor},{title:"Constant Color",valye:c.ConstantColorFactor},{title:"One Minus Constant Color",valye:c.OneMinusConstantColorFactor},{title:"Constant Alpha",valye:c.ConstantAlphaFactor},{title:"One Minus Constant Alpha",valye:c.OneMinusConstantAlphaFactor}];function it(t,n){t.needsUpdate=!0,t.type="option",t.options=n}function Zt(t,n,a){const e=[];for(const r in t){if(!ua(r))continue;const s=typeof t[r],p=t[r];if(s==="boolean"||s==="number"||s==="string"){const l={title:je(r),prop:r,type:s,value:p,min:void 0,max:void 0,needsUpdate:s==="boolean",onChange:(f,y)=>{var C;a.updateObject(n.uuid,`material.${f}`,y),l.needsUpdate&&a.updateObject(n.uuid,"material.needsUpdate",!0);const v=(C=a.scene)==null?void 0:C.getObjectByProperty("uuid",n.uuid);v!==void 0&&ae(v,`material.${f}`,y)}};switch(r){case"blending":it(l,pa);break;case"blendDst":it(l,ga);break;case"blendEquation":it(l,ma);break;case"blendSrc":it(l,va);break;case"side":it(l,ha);break}da(r)&&(l.value=Number(p),l.type="range",l.min=0,l.max=1,l.step=.01);const u=s==="string"&&(r==="vertexShader"||r==="fragmentShader");u&&(l.disabled=!1,l.latest=l.value,l.onChange=(f,y)=>{l.latest=y}),e.push(l),u&&e.push({title:`${$e(r)} - Update`,type:"button",onChange:()=>{var y;a.updateObject(n.uuid,`material.${r}`,l.latest),a.updateObject(n.uuid,"material.needsUpdate",!0);const f=(y=a.scene)==null?void 0:y.getObjectByProperty("uuid",n.uuid);f!==void 0&&(ae(f,`material.${r}`,l.latest),f.material.needsUpdate=!0)}})}else if(s==="object")if(p.isColor)e.push({title:je(r),prop:r,type:"color",value:p,onChange:(l,u)=>{var v;const f=new c.Color(u);a.updateObject(n.uuid,`material.${l}`,f);const y=(v=a.scene)==null?void 0:v.getObjectByProperty("uuid",n.uuid);y!==void 0&&ae(y,`material.${l}`,f)}});else if(Array.isArray(p)){const l=[];for(const u in p)l.push({title:`${u}`,type:`${typeof p[u]}`,value:p[u],onChange:(f,y)=>{var C;a.updateObject(n.uuid,`material.${r}`,y);const v=(C=a.scene)==null?void 0:C.getObjectByProperty("uuid",n.uuid);v!==void 0&&ae(v,`material.${r}`,y)}});e.push({title:je(r),items:l})}else{const l=[];for(const u in p){const f=p[u];switch(typeof f){case"boolean":case"number":case"string":u==="src"?e.push({title:je(r),type:"image",value:f,onChange:(v,C)=>{var w;a.createTexture(n.uuid,`material.${r}`,C);const x=(w=a.scene)==null?void 0:w.getObjectByProperty("uuid",n.uuid);x!==void 0&&Ut(C).then(R=>{ae(x,`material.${r}`,R),ae(x,"material.needsUpdate",!0)})}}):l.push({title:`${je(u)}`,prop:`material.${r}.${u}`,type:`${typeof t[r][u]}`,value:p[u],onChange:(v,C)=>{var w;a.updateObject(n.uuid,`material.${r}.${u}`,C);const x=(w=a.scene)==null?void 0:w.getObjectByProperty("uuid",n.uuid);x!==void 0&&ae(x,`material.${r}.${u}`,C)}});break;case"object":if(f.value!==void 0&&f.value.src!==void 0)l.push({title:je(u),type:"image",value:f.value.src,onChange:(v,C)=>{var w;a.createTexture(n.uuid,`material.${r}.${u}.value`,p);const x=(w=a.scene)==null?void 0:w.getObjectByProperty("uuid",n.uuid);x!==void 0&&Ut(C).then(R=>{ae(x,`material.${r}.${u}.value`,R)})}});else if(r==="uniforms"){const v=f.value,C=(x,w,R)=>({title:x,type:"number",value:R,step:.01,onChange:(K,L)=>{var fe;const O=`material.uniforms.${u}.value.${w}`;a.updateObject(n.uuid,O,L);const W=(fe=a.scene)==null?void 0:fe.getObjectByProperty("uuid",n.uuid);W!==void 0&&ae(W,O,L)}});if(typeof f.value=="number")l.push({title:u,type:"number",value:f.value,onChange:(x,w)=>{var L;const R=`material.${r}.${x}.value`;a.updateObject(n.uuid,R,w);const K=(L=a.scene)==null?void 0:L.getObjectByProperty("uuid",n.uuid);K!==void 0&&ae(K,R,w)}});else if(v.r!==void 0&&v.g!==void 0&&v.b!==void 0)l.push({title:u,type:"color",value:f.value,onChange:(x,w)=>{var O;const R=new c.Color(w),K=`material.${r}.${x}.value`;a.updateObject(n.uuid,K,R);const L=(O=a.scene)==null?void 0:O.getObjectByProperty("uuid",n.uuid);L!==void 0&&ae(L,K,R)}});else if(v.x!==void 0&&v.y!==void 0&&v.z===void 0&&v.w===void 0)l.push({title:u,items:[C("X","x",f.value.x),C("Y","y",f.value.y)]});else if(v.x!==void 0&&v.y!==void 0&&v.z!==void 0&&v.w===void 0)l.push({title:u,items:[C("X","x",f.value.x),C("Y","y",f.value.y),C("Z","z",f.value.z)]});else if(v.x!==void 0&&v.y!==void 0&&v.z!==void 0&&v.w!==void 0)l.push({title:u,items:[C("X","x",f.value.x),C("Y","y",f.value.y),C("Z","z",f.value.z),C("W","w",f.value.w)]});else if(v.elements!==void 0){const x=v.elements,w=[];for(let R=0;R<x.length;R++)w.push(C(R.toString(),R.toString(),x[R]));l.push({title:u,items:w})}else console.log(">>> need to add this format:",u,v)}else l.push({title:u,type:`${typeof f.value}`,value:f.value,onChange:(v,C)=>{var w;a.updateObject(n.uuid,`material.${r}.${u}.value`,C);const x=(w=a.scene)==null?void 0:w.getObjectByProperty("uuid",n.uuid);x!==void 0&&ae(x,`material.${r}.${u}.value`,C)}});break}}l.length>0&&e.push({title:je(r),items:l})}else p!==void 0&&console.log("other:",r,s,p)}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 ba(t,n){const a=t.material;if(Array.isArray(a)){const e=[],r=a.length;for(let s=0;s<r;s++)e.push(d.jsx(Fe,{title:`Material ${s}`,items:Zt(a[s],t,n)},`Material ${s}`));return d.jsx(d.Fragment,{children:e})}else return d.jsx(Fe,{title:"Material",items:Zt(a,t,n)})}function rt(t){var y;let n=t.value;n!==void 0&&n.isColor!==void 0&&(n=un(t.value));const[a,e]=k.useState(n),r=k.useRef(null),s=k.useRef(null),p=k.useRef(null);k.useEffect(()=>{var fe;let v=!1,C=-1,x=0,w=Number(a);const R=ne=>{v=!0,x=w,C=ne.clientX},K=ne=>{if(!v)return;const ie=t.step!==void 0?t.step:1,h=(ne.clientX-C)*ie;w=Number((x+h).toFixed(4)),s.current!==null&&(s.current.value=w.toString()),t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,w)},L=()=>{v=!1},O=()=>{v=!1},W=t.type==="number";return W&&((fe=r.current)==null||fe.addEventListener("mousedown",R,!1),document.addEventListener("mouseup",L,!1),document.addEventListener("mousemove",K,!1),document.addEventListener("contextmenu",O,!1)),()=>{var ne;W&&((ne=r.current)==null||ne.removeEventListener("mousedown",R),document.removeEventListener("mouseup",L),document.removeEventListener("mousemove",K),document.removeEventListener("contextmenu",O))}},[a]);const l=t.type==="string"&&(a.length>100||a.search(`
-`)>-1),u=l||t.type==="image",f=v=>{let C=v.target.value;t.type==="boolean"?C=v.target.checked:t.type==="option"&&(C=t.options[C].value),e(C),t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,C)};return d.jsxs("div",{className:`field ${u?"block":""}`,children:[t.type!=="button"&&d.jsx("label",{ref:r,children:$e(t.title)},"fieldLabel"),t.type==="string"&&!l&&d.jsx("input",{type:"text",disabled:t.disabled,onChange:f,value:a}),t.type==="string"&&l&&d.jsx("textarea",{cols:50,rows:10,disabled:t.disabled!==void 0?t.disabled:!0,onChange:f,value:a}),t.type==="boolean"&&d.jsx("input",{type:"checkbox",disabled:t.disabled,onChange:f,checked:a}),t.type==="number"&&d.jsx("input",{ref:s,type:"number",value:a,min:t.min,max:t.max,step:t.step,disabled:t.disabled,onChange:f}),t.type==="range"&&d.jsxs(d.Fragment,{children:[d.jsx("input",{type:"text",value:a.toString(),onChange:f,disabled:t.disabled,className:"min"}),d.jsx("input",{disabled:t.disabled,type:"range",value:a,min:t.min,max:t.max,step:t.step,onChange:f})]}),t.type==="color"&&d.jsxs(d.Fragment,{children:[d.jsx("input",{type:"text",value:a.toString(),onChange:f,disabled:t.disabled,className:"color"}),d.jsx("input",{type:"color",value:a,onChange:f,disabled:t.disabled})]}),t.type==="button"&&d.jsx("button",{disabled:t.disabled,onClick:()=>{t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,!0)},children:t.title}),t.type==="image"&&d.jsx("img",{ref:p,onClick:()=>{fa().then(v=>{p.current.src=v,t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,v)})},src:a.length>0?a:ca}),t.type==="option"&&d.jsx(d.Fragment,{children:d.jsx("select",{onChange:f,disabled:t.disabled,defaultValue:t.value,children:(y=t.options)==null?void 0:y.map((v,C)=>d.jsx("option",{value:v.value,children:$e(v.title)},C))})})]})}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 ya(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:(r,s)=>{var l;n.updateObject(t.uuid,r,s),n.requestMethod(t.uuid,"updateProjectionMatrix");const p=(l=n.scene)==null?void 0:l.getObjectByProperty("uuid",t.uuid);p!==void 0&&(ae(p,r,s),p.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:(r,s)=>{var l;n.updateObject(t.uuid,r,s),n.requestMethod(t.uuid,"updateProjectionMatrix");const p=(l=n.scene)==null?void 0:l.getObjectByProperty("uuid",t.uuid);p!==void 0&&(ae(p,r,s),p.updateProjectionMatrix())}});return d.jsx(Fe,{title:"Camera",items:a})}const Ea=Math.PI/180,Ca=180/Math.PI;function Ge(t,n,a,e,r){return e+(t-n)*(r-e)/(a-n)}function Sa(t){return t*Ea}function Lt(t){return t*Ca}function wa(t,n){const a=new c.Matrix4;a.elements=t.matrix;const e=new c.Vector3,r=new c.Euler,s=new c.Vector3;t.uuid.length>0&&(e.setFromMatrixPosition(a),r.setFromRotationMatrix(a),s.setFromMatrixScale(a));const p=(u,f)=>{var v;n.updateObject(t.uuid,u,f);const y=(v=n.scene)==null?void 0:v.getObjectByProperty("uuid",t.uuid);y!==void 0&&ae(y,u,f)},l=(u,f)=>{p(u,Sa(f))};return d.jsx(Fe,{title:"Transform",items:[{title:"Position X",prop:"position.x",type:"number",value:e.x,onChange:p},{title:"Position Y",prop:"position.y",type:"number",value:e.y,onChange:p},{title:"Position Z",prop:"position.z",type:"number",value:e.z,onChange:p},{title:"Rotation X",prop:"rotation.x",type:"number",value:xt(Lt(r.x)),min:-360,max:360,step:.1,onChange:l},{title:"Rotation Y",prop:"rotation.y",type:"number",value:xt(Lt(r.y)),min:-360,max:360,step:.1,onChange:l},{title:"Rotation Z",prop:"rotation.z",type:"number",value:xt(Lt(r.z)),min:-360,max:360,step:.1,onChange:l},{title:"Scale X",prop:"scale.x",type:"number",value:s.x,step:.01,onChange:p},{title:"Scale Y",prop:"scale.y",type:"number",value:s.y,step:.01,onChange:p},{title:"Scale Z",prop:"scale.z",type:"number",value:s.z,step:.01,onChange:p}]})}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 xa(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:Qt(e),prop:e,type:"color",value:r,onChange:(s,p)=>{var f;const l=new c.Color(p);n.updateObject(t.uuid,s,l);const u=(f=n.scene)==null?void 0:f.getObjectByProperty("uuid",t.uuid);u!==void 0&&ae(u,s,l)}}):a.push({title:Qt(e),prop:e,type:typeof r,value:r,step:typeof r=="number"?.01:void 0,onChange:(s,p)=>{var u;n.updateObject(t.uuid,s,p);const l=(u=n.scene)==null?void 0:u.getObjectByProperty("uuid",t.uuid);l!==void 0&&ae(l,s,p)}}))}return d.jsx(Fe,{title:"Light",items:a})}function Oa(t,n){var l;const a=[],e=[];let r=0;t.animations.forEach(u=>{r=Math.max(r,u.duration),u.duration>0&&e.push({title:u.name,items:[{title:"Duration",type:"number",value:u.duration,disabled:!0},{title:"Blend Mode",type:"option",disabled:!0,options:[{title:"Normal",value:2500},{title:"Additive",value:2501}]}]})}),a.push({title:"Animations",items:e});const s=(l=n.scene)==null?void 0:l.getObjectByProperty("uuid",t.uuid);let p=!1;if(s!==void 0){const u=s.mixer;if(p=u!==void 0,p){const f=[{title:"Time Scale",type:"range",value:u.timeScale,step:.01,min:-1,max:2,onChange:(y,v)=>{u.timeScale=v,n.updateObject(t.uuid,"mixer.timeScale",v)}}];f.push({title:"Stop All",type:"button",onChange:()=>{u.stopAllAction(),n.requestMethod(t.uuid,"stopAllAction",void 0,"mixer")}}),a.push({title:"Mixer",items:f})}}return d.jsx(Fe,{title:"Animation",items:a})}const xn={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};let re={...xn};function On(t){const[n,a]=k.useState(-1);k.useEffect(()=>{function p(u){re={...u.value},a(Date.now())}function l(){re={...xn},a(Date.now())}return D.addEventListener(I.SET_SCENE,l),D.addEventListener(I.SET_OBJECT,p),()=>{D.removeEventListener(I.SET_SCENE,l),D.removeEventListener(I.SET_OBJECT,p)}},[]);const e=re.type.toLowerCase(),r=re.animations.length>0||re.mixer!==void 0,s=e.search("mesh")>-1||e.search("line")>-1||e.search("points")>-1;return d.jsx(Mt,{label:"Inspector",children:d.jsx("div",{id:"Inspector",className:t.class,children:re.uuid.length>0&&d.jsxs(d.Fragment,{children:[d.jsxs(d.Fragment,{children:[d.jsx(rt,{type:"string",title:"Name",prop:"name",value:re.name,disabled:!0}),d.jsx(rt,{type:"string",title:"Type",prop:"type",value:re.type,disabled:!0}),d.jsx(rt,{type:"string",title:"UUID",prop:"uuid",value:re.uuid,disabled:!0}),d.jsx(rt,{type:"boolean",title:"Visible",prop:"visible",value:re.visible,onChange:(p,l)=>{var f;t.three.updateObject(re.uuid,p,l);const u=(f=t.three.scene)==null?void 0:f.getObjectByProperty("uuid",re.uuid);u!==void 0&&ae(u,p,l)}})]}),d.jsxs(d.Fragment,{children:[wa(re,t.three),r?Oa(re,t.three):null,e.search("camera")>-1?ya(re,t.three):null,e.search("light")>-1?xa(re,t.three):null,s?ba(re,t.three):null]})]})},n)},"Inspector")}class Ma extends k.Component{constructor(a){super(a);B(this,"three");B(this,"setScene",a=>{this.setState(()=>({scene:a.value}))});this.state={scene:a.scene!==void 0?a.scene:null},this.three=a.three,D.addEventListener(I.SET_SCENE,this.setScene)}componentWillUnmount(){D.removeEventListener(I.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 d.jsx("div",{id:"SidePanel",children:d.jsxs(d.Fragment,{children:[d.jsx(Mt,{label:e,open:!0,children:d.jsx(d.Fragment,{children:a&&d.jsx(wn,{child:this.componentState.scene,three:this.three})})}),d.jsx(On,{three:this.three})]})},"SidePanel")}get componentState(){return this.state}}function Ta(t){function n(){return t.three.scene===void 0?(console.log("No scene:",t.three),!1):!0}const a=l=>{var f;if(!n())return;const u=(f=t.three.scene)==null?void 0:f.getObjectByProperty("uuid",l.value);u!==void 0&&t.three.setObject(u)},e=(l,u,f)=>{var v;if(!n())return;const y=(v=t.three.scene)==null?void 0:v.getObjectByProperty("uuid",l);y!==void 0&&ae(y,u,f)},r=l=>{if(!n())return;const u=l.value,{key:f,value:y,uuid:v}=u;e(v,f,y)},s=l=>{if(!n())return;const u=l.value;Ut(u.value).then(f=>{e(u.uuid,u.key,f),e(u.uuid,"material.needsUpdate",!0)})},p=l=>{var x;if(!n())return;const{key:u,uuid:f,value:y,subitem:v}=l.value,C=(x=t.three.scene)==null?void 0:x.getObjectByProperty("uuid",f);if(C!==void 0)try{v!==void 0?qn(C,v)[u](y):C[u](y)}catch(w){console.log("Error requesting method:"),console.log(w),console.log(u),console.log(y)}};return k.useEffect(()=>(D.addEventListener(I.GET_OBJECT,a),D.addEventListener(I.UPDATE_OBJECT,r),D.addEventListener(I.CREATE_TEXTURE,s),D.addEventListener(I.REQUEST_METHOD,p),()=>{D.removeEventListener(I.GET_OBJECT,a),D.removeEventListener(I.UPDATE_OBJECT,r),D.removeEventListener(I.CREATE_TEXTURE,s),D.removeEventListener(I.REQUEST_METHOD,p)}),[]),null}const en={type:"change"},Ft={type:"start"},tn={type:"end"},Ct=new c.Ray,nn=new c.Plane,Ra=Math.cos(70*c.MathUtils.DEG2RAD);class Aa extends c.EventDispatcher{constructor(n,a){super(),this.object=n,this.domElement=a,this.domElement.style.touchAction="none",this.enabled=!0,this.target=new c.Vector3,this.cursor=new c.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:c.MOUSE.ROTATE,MIDDLE:c.MOUSE.DOLLY,RIGHT:c.MOUSE.PAN},this.touches={ONE:c.TOUCH.ROTATE,TWO:c.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",Qe),this._domElementKeyEvents=o},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(en),e.update(),s=r.NONE},this.update=function(){const o=new c.Vector3,E=new c.Quaternion().setFromUnitVectors(n.up,new c.Vector3(0,1,0)),T=E.clone().invert(),U=new c.Vector3,J=new c.Quaternion,he=new c.Vector3,se=2*Math.PI;return function(It=null){const tt=e.object.position;o.copy(tt).sub(e.target),o.applyQuaternion(E),l.setFromVector3(o),e.autoRotate&&s===r.NONE&&Y(_(It)),e.enableDamping?(l.theta+=u.theta*e.dampingFactor,l.phi+=u.phi*e.dampingFactor):(l.theta+=u.theta,l.phi+=u.phi);let ve=e.minAzimuthAngle,pe=e.maxAzimuthAngle;isFinite(ve)&&isFinite(pe)&&(ve<-Math.PI?ve+=se:ve>Math.PI&&(ve-=se),pe<-Math.PI?pe+=se:pe>Math.PI&&(pe-=se),ve<=pe?l.theta=Math.max(ve,Math.min(pe,l.theta)):l.theta=l.theta>(ve+pe)/2?Math.max(ve,l.theta):Math.min(pe,l.theta)),l.phi=Math.max(e.minPolarAngle,Math.min(e.maxPolarAngle,l.phi)),l.makeSafe(),e.enableDamping===!0?e.target.addScaledVector(y,e.dampingFactor):e.target.add(y),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=de(l.radius):l.radius=de(l.radius*f),o.setFromSpherical(l),o.applyQuaternion(T),tt.copy(e.target).add(o),e.object.lookAt(e.target),e.enableDamping===!0?(u.theta*=1-e.dampingFactor,u.phi*=1-e.dampingFactor,y.multiplyScalar(1-e.dampingFactor)):(u.set(0,0,0),y.set(0,0,0));let Ae=!1;if(e.zoomToCursor&&ie){let Pe=null;if(e.object.isPerspectiveCamera){const ke=o.length();Pe=de(ke*f);const _e=ke-Pe;e.object.position.addScaledVector(fe,_e),e.object.updateMatrixWorld()}else if(e.object.isOrthographicCamera){const ke=new c.Vector3(ne.x,ne.y,0);ke.unproject(e.object),e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/f)),e.object.updateProjectionMatrix(),Ae=!0;const _e=new c.Vector3(ne.x,ne.y,0);_e.unproject(e.object),e.object.position.sub(_e).add(ke),e.object.updateMatrixWorld(),Pe=o.length()}else console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."),e.zoomToCursor=!1;Pe!==null&&(this.screenSpacePanning?e.target.set(0,0,-1).transformDirection(e.object.matrix).multiplyScalar(Pe).add(e.object.position):(Ct.origin.copy(e.object.position),Ct.direction.set(0,0,-1).transformDirection(e.object.matrix),Math.abs(e.object.up.dot(Ct.direction))<Ra?n.lookAt(e.target):(nn.setFromNormalAndCoplanarPoint(e.object.up,e.target),Ct.intersectPlane(nn,e.target))))}else e.object.isOrthographicCamera&&(Ae=f!==1,Ae&&(e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/f)),e.object.updateProjectionMatrix()));return f=1,ie=!1,Ae||U.distanceToSquared(e.object.position)>p||8*(1-J.dot(e.object.quaternion))>p||he.distanceToSquared(e.target)>0?(e.dispatchEvent(en),U.copy(e.object.position),J.copy(e.object.quaternion),he.copy(e.target),!0):!1}}(),this.dispose=function(){e.domElement.removeEventListener("contextmenu",ze),e.domElement.removeEventListener("pointerdown",Te),e.domElement.removeEventListener("pointercancel",Re),e.domElement.removeEventListener("wheel",vt),e.domElement.removeEventListener("pointermove",Ze),e.domElement.removeEventListener("pointerup",Re),e._domElementKeyEvents!==null&&(e._domElementKeyEvents.removeEventListener("keydown",Qe),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 p=1e-6,l=new c.Spherical,u=new c.Spherical;let f=1;const y=new c.Vector3,v=new c.Vector2,C=new c.Vector2,x=new c.Vector2,w=new c.Vector2,R=new c.Vector2,K=new c.Vector2,L=new c.Vector2,O=new c.Vector2,W=new c.Vector2,fe=new c.Vector3,ne=new c.Vector2;let ie=!1;const h=[],g={};let S=!1;function _(o){return o!==null?2*Math.PI/60*e.autoRotateSpeed*o:2*Math.PI/60/60*e.autoRotateSpeed}function G(o){const E=Math.abs(o*.01);return Math.pow(.95,e.zoomSpeed*E)}function Y(o){u.theta-=o}function V(o){u.phi-=o}const F=function(){const o=new c.Vector3;return function(T,U){o.setFromMatrixColumn(U,0),o.multiplyScalar(-T),y.add(o)}}(),X=function(){const o=new c.Vector3;return function(T,U){e.screenSpacePanning===!0?o.setFromMatrixColumn(U,1):(o.setFromMatrixColumn(U,0),o.crossVectors(e.object.up,o)),o.multiplyScalar(T),y.add(o)}}(),Z=function(){const o=new c.Vector3;return function(T,U){const J=e.domElement;if(e.object.isPerspectiveCamera){const he=e.object.position;o.copy(he).sub(e.target);let se=o.length();se*=Math.tan(e.object.fov/2*Math.PI/180),F(2*T*se/J.clientHeight,e.object.matrix),X(2*U*se/J.clientHeight,e.object.matrix)}else e.object.isOrthographicCamera?(F(T*(e.object.right-e.object.left)/e.object.zoom/J.clientWidth,e.object.matrix),X(U*(e.object.top-e.object.bottom)/e.object.zoom/J.clientHeight,e.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),e.enablePan=!1)}}();function A(o){e.object.isPerspectiveCamera||e.object.isOrthographicCamera?f/=o:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function z(o){e.object.isPerspectiveCamera||e.object.isOrthographicCamera?f*=o:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function ee(o,E){if(!e.zoomToCursor)return;ie=!0;const T=e.domElement.getBoundingClientRect(),U=o-T.left,J=E-T.top,he=T.width,se=T.height;ne.x=U/he*2-1,ne.y=-(J/se)*2+1,fe.set(ne.x,ne.y,1).unproject(e.object).sub(e.object.position).normalize()}function de(o){return Math.max(e.minDistance,Math.min(e.maxDistance,o))}function Ee(o){v.set(o.clientX,o.clientY)}function ut(o){ee(o.clientX,o.clientX),L.set(o.clientX,o.clientY)}function qe(o){w.set(o.clientX,o.clientY)}function Rt(o){C.set(o.clientX,o.clientY),x.subVectors(C,v).multiplyScalar(e.rotateSpeed);const E=e.domElement;Y(2*Math.PI*x.x/E.clientHeight),V(2*Math.PI*x.y/E.clientHeight),v.copy(C),e.update()}function At(o){O.set(o.clientX,o.clientY),W.subVectors(O,L),W.y>0?A(G(W.y)):W.y<0&&z(G(W.y)),L.copy(O),e.update()}function Ke(o){R.set(o.clientX,o.clientY),K.subVectors(R,w).multiplyScalar(e.panSpeed),Z(K.x,K.y),w.copy(R),e.update()}function Xe(o){ee(o.clientX,o.clientY),o.deltaY<0?z(G(o.deltaY)):o.deltaY>0&&A(G(o.deltaY)),e.update()}function Be(o){let E=!1;switch(o.code){case e.keys.UP:o.ctrlKey||o.metaKey||o.shiftKey?V(2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):Z(0,e.keyPanSpeed),E=!0;break;case e.keys.BOTTOM:o.ctrlKey||o.metaKey||o.shiftKey?V(-2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):Z(0,-e.keyPanSpeed),E=!0;break;case e.keys.LEFT:o.ctrlKey||o.metaKey||o.shiftKey?Y(2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):Z(e.keyPanSpeed,0),E=!0;break;case e.keys.RIGHT:o.ctrlKey||o.metaKey||o.shiftKey?Y(-2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):Z(-e.keyPanSpeed,0),E=!0;break}E&&(o.preventDefault(),e.update())}function Ve(o){if(h.length===1)v.set(o.pageX,o.pageY);else{const E=Se(o),T=.5*(o.pageX+E.x),U=.5*(o.pageY+E.y);v.set(T,U)}}function xe(o){if(h.length===1)w.set(o.pageX,o.pageY);else{const E=Se(o),T=.5*(o.pageX+E.x),U=.5*(o.pageY+E.y);w.set(T,U)}}function dt(o){const E=Se(o),T=o.pageX-E.x,U=o.pageY-E.y,J=Math.sqrt(T*T+U*U);L.set(0,J)}function ft(o){e.enableZoom&&dt(o),e.enablePan&&xe(o)}function Pt(o){e.enableZoom&&dt(o),e.enableRotate&&Ve(o)}function ht(o){if(h.length==1)C.set(o.pageX,o.pageY);else{const T=Se(o),U=.5*(o.pageX+T.x),J=.5*(o.pageY+T.y);C.set(U,J)}x.subVectors(C,v).multiplyScalar(e.rotateSpeed);const E=e.domElement;Y(2*Math.PI*x.x/E.clientHeight),V(2*Math.PI*x.y/E.clientHeight),v.copy(C)}function Oe(o){if(h.length===1)R.set(o.pageX,o.pageY);else{const E=Se(o),T=.5*(o.pageX+E.x),U=.5*(o.pageY+E.y);R.set(T,U)}K.subVectors(R,w).multiplyScalar(e.panSpeed),Z(K.x,K.y),w.copy(R)}function Me(o){const E=Se(o),T=o.pageX-E.x,U=o.pageY-E.y,J=Math.sqrt(T*T+U*U);O.set(0,J),W.set(0,Math.pow(O.y/L.y,e.zoomSpeed)),A(W.y),L.copy(O);const he=(o.pageX+E.x)*.5,se=(o.pageY+E.y)*.5;ee(he,se)}function pt(o){e.enableZoom&&Me(o),e.enablePan&&Oe(o)}function mt(o){e.enableZoom&&Me(o),e.enableRotate&&ht(o)}function Te(o){e.enabled!==!1&&(h.length===0&&(e.domElement.setPointerCapture(o.pointerId),e.domElement.addEventListener("pointermove",Ze),e.domElement.addEventListener("pointerup",Re)),_t(o),o.pointerType==="touch"?et(o):Je(o))}function Ze(o){e.enabled!==!1&&(o.pointerType==="touch"?yt(o):kt(o))}function Re(o){switch(jt(o),h.length){case 0:e.domElement.releasePointerCapture(o.pointerId),e.domElement.removeEventListener("pointermove",Ze),e.domElement.removeEventListener("pointerup",Re),e.dispatchEvent(tn),s=r.NONE;break;case 1:const E=h[0],T=g[E];et({pointerId:E,pageX:T.x,pageY:T.y});break}}function Je(o){let E;switch(o.button){case 0:E=e.mouseButtons.LEFT;break;case 1:E=e.mouseButtons.MIDDLE;break;case 2:E=e.mouseButtons.RIGHT;break;default:E=-1}switch(E){case c.MOUSE.DOLLY:if(e.enableZoom===!1)return;ut(o),s=r.DOLLY;break;case c.MOUSE.ROTATE:if(o.ctrlKey||o.metaKey||o.shiftKey){if(e.enablePan===!1)return;qe(o),s=r.PAN}else{if(e.enableRotate===!1)return;Ee(o),s=r.ROTATE}break;case c.MOUSE.PAN:if(o.ctrlKey||o.metaKey||o.shiftKey){if(e.enableRotate===!1)return;Ee(o),s=r.ROTATE}else{if(e.enablePan===!1)return;qe(o),s=r.PAN}break;default:s=r.NONE}s!==r.NONE&&e.dispatchEvent(Ft)}function kt(o){switch(s){case r.ROTATE:if(e.enableRotate===!1)return;Rt(o);break;case r.DOLLY:if(e.enableZoom===!1)return;At(o);break;case r.PAN:if(e.enablePan===!1)return;Ke(o);break}}function vt(o){e.enabled===!1||e.enableZoom===!1||s!==r.NONE||(o.preventDefault(),e.dispatchEvent(Ft),Xe(gt(o)),e.dispatchEvent(tn))}function gt(o){const E=o.deltaMode,T={clientX:o.clientX,clientY:o.clientY,deltaY:o.deltaY};switch(E){case 1:T.deltaY*=16;break;case 2:T.deltaY*=100;break}return o.ctrlKey&&!S&&(T.deltaY*=10),T}function bt(o){o.key==="Control"&&(S=!0,e.domElement.getRootNode().addEventListener("keyup",Ce,{passive:!0,capture:!0}))}function Ce(o){o.key==="Control"&&(S=!1,e.domElement.getRootNode().removeEventListener("keyup",Ce,{passive:!0,capture:!0}))}function Qe(o){e.enabled===!1||e.enablePan===!1||Be(o)}function et(o){switch(Et(o),h.length){case 1:switch(e.touches.ONE){case c.TOUCH.ROTATE:if(e.enableRotate===!1)return;Ve(o),s=r.TOUCH_ROTATE;break;case c.TOUCH.PAN:if(e.enablePan===!1)return;xe(o),s=r.TOUCH_PAN;break;default:s=r.NONE}break;case 2:switch(e.touches.TWO){case c.TOUCH.DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;ft(o),s=r.TOUCH_DOLLY_PAN;break;case c.TOUCH.DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;Pt(o),s=r.TOUCH_DOLLY_ROTATE;break;default:s=r.NONE}break;default:s=r.NONE}s!==r.NONE&&e.dispatchEvent(Ft)}function yt(o){switch(Et(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;Oe(o),e.update();break;case r.TOUCH_DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;pt(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 ze(o){e.enabled!==!1&&o.preventDefault()}function _t(o){h.push(o.pointerId)}function jt(o){delete g[o.pointerId];for(let E=0;E<h.length;E++)if(h[E]==o.pointerId){h.splice(E,1);return}}function Et(o){let E=g[o.pointerId];E===void 0&&(E=new c.Vector2,g[o.pointerId]=E),E.set(o.pageX,o.pageY)}function Se(o){const E=o.pointerId===h[0]?h[1]:h[0];return g[E]}e.domElement.addEventListener("contextmenu",ze),e.domElement.addEventListener("pointerdown",Te),e.domElement.addEventListener("pointercancel",Re),e.domElement.addEventListener("wheel",vt,{passive:!1}),e.domElement.getRootNode().addEventListener("keydown",bt,{passive:!0,capture:!0}),this.update()}}const Ot=t=>{const[n,a]=k.useState(t.options[t.index]),e=()=>{t.onToggle(!t.open)},r=s=>{s!==n&&(t.onSelect(s),a(s)),t.onToggle(!1)};return d.jsxs("div",{className:`dropdown ${t.up===!0?"up":""}`,children:[d.jsx("div",{className:"dropdown-toggle",onClick:e,children:n}),t.open&&d.jsx("ul",{className:"dropdown-menu",children:t.options.map(s=>d.jsx("li",{onClick:()=>r(s),children:s},s))})]})},De=k.forwardRef(function(n,a){const[e,r]=k.useState(!1),s=n.options.indexOf(n.camera.name);return d.jsxs("div",{className:"CameraWindow",children:[d.jsx("div",{ref:a,className:"clickable",onClick:()=>{e&&r(!1)}}),d.jsx(Ot,{index:s,open:e,options:n.options,onSelect:n.onSelect,onToggle:p=>{r(p)},up:!0})]})}),an=["Single","Side by Side","Stacked","Quad"],oe=new Map,ce=new Map,be=new Map;function Ue(t,n){const a=new c.OrthographicCamera(-100,100,100,-100,50,3e3);return a.name=t,a.position.copy(n),a.lookAt(0,0,0),oe.set(t,a),a}Ue("Top",new c.Vector3(0,1e3,0));Ue("Bottom",new c.Vector3(0,-1e3,0));Ue("Left",new c.Vector3(-1e3,0,0));Ue("Right",new c.Vector3(1e3,0,0));Ue("Front",new c.Vector3(0,0,1e3));Ue("Back",new c.Vector3(0,0,-1e3));Ue("Orthographic",new c.Vector3(1e3,1e3,1e3));const Tt=new c.PerspectiveCamera(60,1,50,3e3);Tt.name="Debug";Tt.position.set(500,500,500);Tt.lookAt(0,0,0);oe.set("Debug",Tt);const rn=["Renderer","Depth","Normals","UVs","Wireframe"],Pa=new c.MeshDepthMaterial,ka=new c.MeshNormalMaterial,_a=new Sn,ja=new c.MeshBasicMaterial({opacity:.33,transparent:!0,wireframe:!0});let St="Renderer";const q=new c.Scene;q.name="Debug Scene";let ye=new c.Scene;q.add(ye);const lt=new c.Group;lt.name="helpers";q.add(lt);const Da=new Cn;lt.add(Da);const Mn=new c.AxesHelper(500);Mn.name="axisHelper";lt.add(Mn);const st=new c.AxesHelper(100);st.name="interactionHelper";lt.add(st);st.visible=!1;let wt=!1,$=oe.get("Debug"),le=oe.get("Orthographic"),Ie=oe.get("Front"),Ne=oe.get("Top"),on=!1;function Ia(t){const[n,a]=k.useState(t.mode!==void 0?t.mode:"Single"),[e,r]=k.useState(null),[s,p]=k.useState(!1),[l,u]=k.useState(!1),[f,y]=k.useState(!1),[,v]=k.useState(Date.now()),C=k.useRef(null),x=k.useRef(null),w=k.useRef(null),R=k.useRef(null),K=k.useRef(null),L=k.useRef(null),O=(h,g)=>{const S=ce.get(h.name);S!==void 0&&S.dispose(),ce.delete(h.name);const _=be.get(h.name);_!==void 0&&(q.remove(_),_.dispose()),be.delete(h.name);const G=new Aa(h,g);switch(G.enableDamping=!0,G.dampingFactor=.05,h.name){case"Top":case"Bottom":case"Left":case"Right":case"Front":case"Back":G.enableRotate=!1;break}if(ce.set(h.name,G),h instanceof c.PerspectiveCamera){const Y=new c.CameraHelper(h);be.set(h.name,Y),q.add(Y)}},W=h=>{const g=be.get(h.name);g!==void 0&&(q.remove(g),g.dispose(),be.delete(h.name));const S=ce.get(h.name);S!==void 0&&(S.dispose(),ce.delete(h.name))},fe=()=>{ce.forEach((h,g)=>{h.dispose();const S=be.get(g);S!==void 0&&(q.remove(S),S.dispose()),be.delete(g),ce.delete(g)}),ce.clear(),be.clear()},ne=()=>{switch(n){case"Single":O($,w.current);break;case"Side by Side":case"Stacked":O($,w.current),O(le,R.current);break;case"Quad":O($,w.current),O(le,R.current),O(Ie,K.current),O(Ne,L.current);break}};k.useEffect(()=>{const h=new c.WebGLRenderer({canvas:C.current,stencil:!1});h.autoClear=!1,h.shadowMap.enabled=!0,h.setPixelRatio(devicePixelRatio),h.setClearColor(0),r(h)},[]),k.useEffect(()=>{const h=_=>{zt(ye),q.remove(ye);const G=t.scenes.get(_.value.name);if(G!==void 0){const Y=new G;t.onSceneSet!==void 0&&t.onSceneSet(Y),ye=Y,t.three.scene=ye,q.add(ye),on=!0}},g=_=>{var V;const G=_.value,Y=(V=t.three.scene)==null?void 0:V.getObjectByProperty("uuid",G.uuid);Y!==void 0&&oe.set(G.name,Y),v(Date.now())},S=_=>{oe.delete(_.value.name),v(Date.now())};return D.addEventListener(I.SET_SCENE,h),D.addEventListener(I.ADD_CAMERA,g),D.addEventListener(I.REMOVE_CAMERA,S),()=>{D.removeEventListener(I.SET_SCENE,h),D.removeEventListener(I.ADD_CAMERA,g),D.removeEventListener(I.REMOVE_CAMERA,S)}},[]),k.useEffect(()=>{if(e===null)return;let h=window.innerWidth,g=window.innerHeight,S=Math.floor(h/2),_=Math.floor(g/2),G=-1;const Y=()=>{h=window.innerWidth-300,g=window.innerHeight,S=Math.floor(h/2),_=Math.floor(g/2),e.setSize(h,g);let A=h,z=g;switch(n){case"Side by Side":A=S,z=g;break;case"Stacked":A=h,z=_;break;case"Quad":A=S,z=_;break}oe.forEach(ee=>{var de;ee instanceof c.OrthographicCamera?(ee.left=A/-2,ee.right=A/2,ee.top=z/2,ee.bottom=z/-2,ee.updateProjectionMatrix()):ee instanceof c.PerspectiveCamera&&(ee.aspect=A/z,ee.updateProjectionMatrix(),(de=be.get(ee.name))==null||de.update())})},V=()=>{e.setViewport(0,0,h,g),e.setScissor(0,0,h,g),e.render(q,$)},F=()=>{if(n==="Side by Side")e.setViewport(0,0,S,g),e.setScissor(0,0,S,g),e.render(q,$),e.setViewport(S,0,S,g),e.setScissor(S,0,S,g),e.render(q,le);else{const A=g-_;e.setViewport(0,A,h,_),e.setScissor(0,A,h,_),e.render(q,$),e.setViewport(0,0,h,_),e.setScissor(0,0,h,_),e.render(q,le)}},X=()=>{let A=0,z=0;z=g-_,A=0,e.setViewport(A,z,S,_),e.setScissor(A,z,S,_),e.render(q,$),A=S,e.setViewport(A,z,S,_),e.setScissor(A,z,S,_),e.render(q,le),z=0,A=0,e.setViewport(A,z,S,_),e.setScissor(A,z,S,_),e.render(q,Ie),A=S,e.setViewport(A,z,S,_),e.setScissor(A,z,S,_),e.render(q,Ne)},Z=()=>{switch(ce.forEach(A=>{A.update()}),t.onSceneUpdate!==void 0&&on&&t.onSceneUpdate(ye),e.clear(),n){case"Single":V();break;case"Side by Side":case"Stacked":F();break;case"Quad":X();break}G=requestAnimationFrame(Z)};return ne(),window.addEventListener("resize",Y),Y(),Z(),()=>{window.removeEventListener("resize",Y),cancelAnimationFrame(G),G=-1}},[n,e]),k.useEffect(()=>{if(e!==null){const h=new c.Raycaster,g=new c.Vector2,S=(V,F,X,Z)=>{switch(n){case"Quad":V<X?F<Z?h.setFromCamera(g,$):h.setFromCamera(g,Ie):F<Z?h.setFromCamera(g,le):h.setFromCamera(g,Ne);break;case"Side by Side":V<X?h.setFromCamera(g,$):h.setFromCamera(g,le);break;case"Single":h.setFromCamera(g,$);break;case"Stacked":F<Z?h.setFromCamera(g,$):h.setFromCamera(g,le);break}},_=V=>{if(!wt)return;const F=new c.Vector2;e.getSize(F);const X=Math.min(V.clientX,F.x),Z=Math.min(V.clientY,F.y);g.x=Ge(X,0,F.x,-1,1),g.y=Ge(Z,0,F.y,1,-1);const A=F.x/2,z=F.y/2,ee=()=>{X<A?g.x=Ge(X,0,A,-1,1):g.x=Ge(X,A,F.x,-1,1)},de=()=>{Z<z?g.y=Ge(Z,0,z,1,-1):g.y=Ge(Z,z,F.y,1,-1)};switch(n){case"Quad":ee(),de();break;case"Side by Side":ee();break;case"Stacked":de(),de();break}S(X,Z,A,z);const Ee=h.intersectObjects(ye.children);Ee.length>0&&st.position.copy(Ee[0].point)},G=V=>{if(!wt)return;const F=new c.Vector2;if(e.getSize(F),V.clientX>=F.x)return;_(V);const X=h.intersectObjects(ye.children);X.length>0&&t.three.getObject(X[0].object.uuid)},Y=x.current;return Y.addEventListener("mousemove",_,!1),Y.addEventListener("click",G,!1),()=>{Y.removeEventListener("mousemove",_),Y.removeEventListener("click",G)}}},[n,e]);const ie=[];return oe.forEach((h,g)=>{ie.push(g)}),d.jsxs("div",{className:"multiview",children:[d.jsx("canvas",{ref:C}),d.jsxs("div",{className:`cameras ${n==="Single"||n==="Stacked"?"single":""}`,ref:x,children:[n==="Single"&&d.jsx(d.Fragment,{children:d.jsx(De,{camera:$,options:ie,ref:w,onSelect:h=>{var S;(S=ce.get($.name))==null||S.dispose();const g=oe.get(h);g!==void 0&&(W($),$=g,O(g,w.current))}})}),(n==="Side by Side"||n==="Stacked")&&d.jsxs(d.Fragment,{children:[d.jsx(De,{camera:$,options:ie,ref:w,onSelect:h=>{var S;(S=ce.get($.name))==null||S.dispose();const g=oe.get(h);g!==void 0&&(W($),$=g,O(g,w.current))}}),d.jsx(De,{camera:le,options:ie,ref:R,onSelect:h=>{var S;(S=ce.get(le.name))==null||S.dispose();const g=oe.get(h);g!==void 0&&(W(le),le=g,O(g,R.current))}})]}),n==="Quad"&&d.jsxs(d.Fragment,{children:[d.jsx(De,{camera:$,options:ie,ref:w,onSelect:h=>{var S;(S=ce.get($.name))==null||S.dispose();const g=oe.get(h);g!==void 0&&(W($),$=g,O(g,w.current))}}),d.jsx(De,{camera:le,options:ie,ref:R,onSelect:h=>{var S;(S=ce.get(le.name))==null||S.dispose();const g=oe.get(h);g!==void 0&&(W(le),le=g,O(g,R.current))}}),d.jsx(De,{camera:Ie,options:ie,ref:K,onSelect:h=>{var S;(S=ce.get(Ie.name))==null||S.dispose();const g=oe.get(h);g!==void 0&&(W(Ie),Ie=g,O(g,K.current))}}),d.jsx(De,{camera:Ne,options:ie,ref:L,onSelect:h=>{var S;(S=ce.get(Ne.name))==null||S.dispose();const g=oe.get(h);g!==void 0&&(W(Ne),Ne=g,O(g,L.current))}})]})]}),d.jsxs("div",{className:"settings",children:[d.jsx(Ot,{index:an.indexOf(n),options:an,onSelect:h=>{h!==n&&(fe(),a(h))},open:s,onToggle:h=>{p(h),l&&u(!1),f&&y(!1)}}),d.jsx(Ot,{index:rn.indexOf(St),options:rn,onSelect:h=>{if(h!==St)switch(St=h,St){case"Depth":q.overrideMaterial=Pa;break;case"Normals":q.overrideMaterial=ka;break;default:case"Renderer":q.overrideMaterial=null;break;case"Wireframe":q.overrideMaterial=ja;break;case"UVs":q.overrideMaterial=_a;break}},open:l,onToggle:h=>{s&&p(!1),u(h),f&&y(!1)}}),d.jsx(Ot,{index:0,options:["Orbit Mode","Selection Mode"],onSelect:h=>{wt=h==="Selection Mode",st.visible=wt},open:f,onToggle:h=>{s&&p(!1),l&&u(!1),y(h)}})]})]})}function Na(t){return d.jsxs("div",{className:"editor",ref:t.ref,style:t.style,children:[d.jsx("header",{children:t.header}),t.children,d.jsx("footer",{children:t.footer})]})}exports.Accordion=Mt;exports.Application=Bn;exports.BaseRemote=ct;exports.ChildObject=Gt;exports.ContainerObject=wn;exports.Draggable=bn;exports.DraggableItem=gn;exports.Dropdown=yn;exports.DropdownItem=En;exports.Editor=Na;exports.InfiniteGridHelper=Cn;exports.Inspector=On;exports.MultiView=Ia;exports.NavButton=Yt;exports.RemoteComponents=hn;exports.RemoteController=na;exports.RemoteTheatre=Le;exports.RemoteThree=vn;exports.RemoteTweakpane=Ht;exports.SceneInspector=Ta;exports.SidePanel=Ma;exports.ToolEvents=I;exports.UVMaterial=Sn;exports.capitalize=$e;exports.clamp=Ln;exports.colorToHex=un;exports.debugDispatcher=D;exports.dispose=zt;exports.disposeMaterial=fn;exports.disposeTexture=Un;exports.distance=Fn;exports.hierarchyUUID=Vt;exports.isColor=ln;exports.randomID=cn;exports.resetThreeObjects=dn;exports.round=xt;
+}`;class En extends c.ShaderMaterial{constructor(){super({defines:{USE_UV:""},vertexShader:na,fragmentShader:aa})}}function wt(t){const[n,a]=P.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 o=!n;t.onToggle!==void 0&&t.onToggle(o),a(o)},children:[u.jsx("p",{className:`status ${n?"open":""}`,children:"Toggle"}),u.jsx("p",{className:"label",children:Ge(t.label)})]}),t.button,u.jsx("div",{className:n?"open":"",children:u.jsx("div",{children:t.children})})]})}function Ht(t){const[n,a]=P.useState(!1),e=t.child.children.length>0,o=[];return t.child.children.length>0&&t.child.children.map(s=>{o.push(u.jsx(Ht,{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),n||a(!0)},children:t.child.name.length>0?`${t.child.name} (${t.child.type})`:`${t.child.type}::${t.child.uuid}`}),u.jsx("div",{className:`icon ${Vn(t.child)}`})]}),u.jsx("div",{className:n?"open":"",children:u.jsx("div",{className:"container",children:o})})]},Math.random())}function Cn(t){const n=[];return t.child.children.map(a=>{n.push(u.jsx(Ht,{child:a,three:t.three},Math.random()))}),u.jsx("div",{className:`scene ${t.class!==void 0?t.class:""}`,children:n})}const ia="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";function ra(t){return"items"in t}function Le(t){const n=[];return t.items.forEach(a=>{ra(a)?n.push(u.jsx(Le,{title:Ge(a.title),items:a.items},Math.random())):n.push(u.jsx(at,{title:a.title,prop:a.prop,value:a.value,type:a.type,min:a.min,max:a.max,step:a.step,disabled:a.disabled,options:a.options,onChange:(e,o)=>{a.onChange!==void 0&&a.onChange(e,o)}},Math.random()))}),u.jsx(wt,{label:t.title,open:t.expanded===!0,children:n})}function oa(t){return!(t==="alphaHash"||t==="alphaToCoverage"||t==="attenuationDistance"||t==="blendDstAlpha"||t==="colorWrite"||t==="combine"||t==="defaultAttributeValues"||t==="depthFunc"||t==="forceSinglePass"||t==="glslVersion"||t==="linecap"||t==="linejoin"||t==="linewidth"||t==="normalMapType"||t==="precision"||t==="premultipliedAlpha"||t==="shadowSide"||t==="toneMapped"||t==="uniformsGroups"||t==="uniformsNeedUpdate"||t==="userData"||t==="vertexColors"||t==="version"||t==="wireframeLinecap"||t==="wireframeLinejoin"||t==="wireframeLinewidth"||t.slice(0,4)==="clip"||t.slice(0,7)==="polygon"||t.slice(0,7)==="stencil"||t.slice(0,2)==="is")}function je(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"blendAlpha":return"Blend Alpha";case"blendColor":return"Blend Color";case"blendDst":return"Blend Dst";case"blendDstAlpha":return"Blend Dst Alha";case"blendEquation":return"Blend Equation";case"blendEquationAlpha":return"Blend Equation Alpha";case"blending":return"Blending";case"blendSrc":return"Blend Src";case"blendSrcAlpha":return"Blend Src Alpha";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"side":return"Side";case"size":return"Size";case"sizeAttenuation":return"Size Attenuation";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 sa(t){return t.toLowerCase().search("intensity")>-1||t==="anisotropyRotation"||t==="blendAlpha"||t==="bumpScale"||t==="clearcoatRoughness"||t==="displacementBias"||t==="displacementScale"||t==="metalness"||t==="opacity"||t==="reflectivity"||t==="refractionRatio"||t==="roughness"||t==="sheenRoughness"||t==="thickness"}function ca(){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(s){n(s.target.result)},o.readAsDataURL(e)}}),t.click()})}const la=[{title:"Front",value:c.FrontSide},{title:"Back",value:c.BackSide},{title:"Double",value:c.DoubleSide}],ua=[{title:"No Blending",value:c.NoBlending},{title:"Normal",value:c.NormalBlending},{title:"Additive",value:c.AdditiveBlending},{title:"Subtractive",value:c.SubtractiveBlending},{title:"Multiply",value:c.MultiplyBlending},{title:"Custom",value:c.CustomBlending}],da=[{title:"Add",value:c.AddEquation},{title:"Subtract",value:c.SubtractEquation},{title:"Reverse Subtract",value:c.ReverseSubtractEquation},{title:"Min",value:c.MinEquation},{title:"Max",value:c.MaxEquation}],fa=[{title:"Zero",valye:c.ZeroFactor},{title:"One",valye:c.OneFactor},{title:"Src Color",valye:c.SrcColorFactor},{title:"One Minus Src Color",valye:c.OneMinusSrcColorFactor},{title:"Src Alpha",valye:c.SrcAlphaFactor},{title:"One Minus Src Alpha",valye:c.OneMinusSrcAlphaFactor},{title:"Dst Alpha",valye:c.DstAlphaFactor},{title:"One Minus Dst Alpha",valye:c.OneMinusDstAlphaFactor},{title:"Dst Color",valye:c.DstColorFactor},{title:"One Minus Dst Color",valye:c.OneMinusDstColorFactor},{title:"Src Alpha Saturate",valye:c.SrcAlphaSaturateFactor},{title:"Constant Color",valye:c.ConstantColorFactor},{title:"One Minus Constant Color",valye:c.OneMinusConstantColorFactor},{title:"Constant Alpha",valye:c.ConstantAlphaFactor},{title:"One Minus Constant Alpha",valye:c.OneMinusConstantAlphaFactor}],ha=[{title:"Zero",valye:c.ZeroFactor},{title:"One",valye:c.OneFactor},{title:"Src Color",valye:c.SrcColorFactor},{title:"One Minus Src Color",valye:c.OneMinusSrcColorFactor},{title:"Src Alpha",valye:c.SrcAlphaFactor},{title:"One Minus Src Alpha",valye:c.OneMinusSrcAlphaFactor},{title:"Dst Alpha",valye:c.DstAlphaFactor},{title:"One Minus Dst Alpha",valye:c.OneMinusDstAlphaFactor},{title:"Dst Color",valye:c.DstColorFactor},{title:"One Minus Dst Color",valye:c.OneMinusDstColorFactor},{title:"Constant Color",valye:c.ConstantColorFactor},{title:"One Minus Constant Color",valye:c.OneMinusConstantColorFactor},{title:"Constant Alpha",valye:c.ConstantAlphaFactor},{title:"One Minus Constant Alpha",valye:c.OneMinusConstantAlphaFactor}];function nt(t,n){t.needsUpdate=!0,t.type="option",t.options=n}function Kt(t,n,a){const e=[];for(const o in t){if(!oa(o))continue;const s=typeof t[o],m=t[o];if(s==="boolean"||s==="number"||s==="string"){const l={title:je(o),prop:o,type:s,value:m,min:void 0,max:void 0,needsUpdate:s==="boolean",onChange:(f,g)=>{a.updateObject(n.uuid,`material.${f}`,g),l.needsUpdate&&a.updateObject(n.uuid,"material.needsUpdate",!0);const y=a.scene?.getObjectByProperty("uuid",n.uuid);y!==void 0&&te(y,`material.${f}`,g)}};switch(o){case"blending":nt(l,ua);break;case"blendDst":nt(l,ha);break;case"blendEquation":nt(l,da);break;case"blendSrc":nt(l,fa);break;case"side":nt(l,la);break}sa(o)&&(l.value=Number(m),l.type="range",l.min=0,l.max=1,l.step=.01);const d=s==="string"&&(o==="vertexShader"||o==="fragmentShader");d&&(l.disabled=!1,l.latest=l.value,l.onChange=(f,g)=>{l.latest=g}),e.push(l),d&&e.push({title:`${Ge(o)} - Update`,type:"button",onChange:()=>{a.updateObject(n.uuid,`material.${o}`,l.latest),a.updateObject(n.uuid,"material.needsUpdate",!0);const f=a.scene?.getObjectByProperty("uuid",n.uuid);f!==void 0&&(te(f,`material.${o}`,l.latest),f.material.needsUpdate=!0)}})}else if(s==="object")if(m.isColor)e.push({title:je(o),prop:o,type:"color",value:m,onChange:(l,d)=>{const f=new c.Color(d);a.updateObject(n.uuid,`material.${l}`,f);const g=a.scene?.getObjectByProperty("uuid",n.uuid);g!==void 0&&te(g,`material.${l}`,f)}});else if(Array.isArray(m)){const l=[];for(const d in m)l.push({title:`${d}`,type:`${typeof m[d]}`,value:m[d],onChange:(f,g)=>{a.updateObject(n.uuid,`material.${o}`,g);const y=a.scene?.getObjectByProperty("uuid",n.uuid);y!==void 0&&te(y,`material.${o}`,g)}});e.push({title:je(o),items:l})}else{const l=[];for(const d in m){const f=m[d];switch(typeof f){case"boolean":case"number":case"string":d==="src"?e.push({title:je(o),type:"image",value:f,onChange:(y,C)=>{a.createTexture(n.uuid,`material.${o}`,C);const x=a.scene?.getObjectByProperty("uuid",n.uuid);x!==void 0&&Lt(C).then(T=>{te(x,`material.${o}`,T),te(x,"material.needsUpdate",!0)})}}):l.push({title:`${je(d)}`,prop:`material.${o}.${d}`,type:`${typeof t[o][d]}`,value:m[d],onChange:(y,C)=>{a.updateObject(n.uuid,`material.${o}.${d}`,C);const x=a.scene?.getObjectByProperty("uuid",n.uuid);x!==void 0&&te(x,`material.${o}.${d}`,C)}});break;case"object":if(f.value!==void 0&&f.value.src!==void 0)l.push({title:je(d),type:"image",value:f.value.src,onChange:(y,C)=>{a.createTexture(n.uuid,`material.${o}.${d}.value`,m);const x=a.scene?.getObjectByProperty("uuid",n.uuid);x!==void 0&&Lt(C).then(T=>{te(x,`material.${o}.${d}.value`,T)})}});else if(o==="uniforms"){const y=f.value,C=(x,T,j)=>({title:x,type:"number",value:j,step:.01,onChange:(q,V)=>{const w=`material.uniforms.${d}.value.${T}`;a.updateObject(n.uuid,w,V);const Y=a.scene?.getObjectByProperty("uuid",n.uuid);Y!==void 0&&te(Y,w,V)}});if(typeof f.value=="number")l.push({title:d,type:"number",value:f.value,onChange:(x,T)=>{const j=`material.${o}.${x}.value`;a.updateObject(n.uuid,j,T);const q=a.scene?.getObjectByProperty("uuid",n.uuid);q!==void 0&&te(q,j,T)}});else if(y.r!==void 0&&y.g!==void 0&&y.b!==void 0)l.push({title:d,type:"color",value:f.value,onChange:(x,T)=>{const j=new c.Color(T),q=`material.${o}.${x}.value`;a.updateObject(n.uuid,q,j);const V=a.scene?.getObjectByProperty("uuid",n.uuid);V!==void 0&&te(V,q,j)}});else if(y.x!==void 0&&y.y!==void 0&&y.z===void 0&&y.w===void 0)l.push({title:d,items:[C("X","x",f.value.x),C("Y","y",f.value.y)]});else if(y.x!==void 0&&y.y!==void 0&&y.z!==void 0&&y.w===void 0)l.push({title:d,items:[C("X","x",f.value.x),C("Y","y",f.value.y),C("Z","z",f.value.z)]});else if(y.x!==void 0&&y.y!==void 0&&y.z!==void 0&&y.w!==void 0)l.push({title:d,items:[C("X","x",f.value.x),C("Y","y",f.value.y),C("Z","z",f.value.z),C("W","w",f.value.w)]});else if(y.elements!==void 0){const x=y.elements,T=[];for(let j=0;j<x.length;j++)T.push(C(j.toString(),j.toString(),x[j]));l.push({title:d,items:T})}else console.log(">>> need to add this format:",d,y)}else l.push({title:d,type:`${typeof f.value}`,value:f.value,onChange:(y,C)=>{a.updateObject(n.uuid,`material.${o}.${d}.value`,C);const x=a.scene?.getObjectByProperty("uuid",n.uuid);x!==void 0&&te(x,`material.${o}.${d}.value`,C)}});break}}l.length>0&&e.push({title:je(o),items:l})}else m!==void 0&&console.log("other:",o,s,m)}return e.sort((o,s)=>o.title<s.title?-1:o.title>s.title?1:0),e.push({title:"Update Material",type:"button",onChange:()=>{a.updateObject(n.uuid,"material.needsUpdate",!0)}}),e}function pa(t,n){const a=t.material;if(Array.isArray(a)){const e=[],o=a.length;for(let s=0;s<o;s++)e.push(u.jsx(Le,{title:`Material ${s}`,items:Kt(a[s],t,n)},`Material ${s}`));return u.jsx(u.Fragment,{children:e})}else return u.jsx(Le,{title:"Material",items:Kt(a,t,n)})}function at(t){let n=t.value;n!==void 0&&n.isColor!==void 0&&(n=cn(t.value));const[a,e]=P.useState(n),o=P.useRef(null),s=P.useRef(null),m=P.useRef(null);P.useEffect(()=>{let g=!1,y=-1,C=0,x=Number(a);const T=Y=>{g=!0,C=x,y=Y.clientX},j=Y=>{if(!g)return;const ye=t.step!==void 0?t.step:1,le=(Y.clientX-y)*ye;x=Number((C+le).toFixed(4)),s.current!==null&&(s.current.value=x.toString()),t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,x)},q=()=>{g=!1},V=()=>{g=!1},w=t.type==="number";return w&&(o.current?.addEventListener("mousedown",T,!1),document.addEventListener("mouseup",q,!1),document.addEventListener("mousemove",j,!1),document.addEventListener("contextmenu",V,!1)),()=>{w&&(o.current?.removeEventListener("mousedown",T),document.removeEventListener("mouseup",q),document.removeEventListener("mousemove",j),document.removeEventListener("contextmenu",V))}},[a]);const l=t.type==="string"&&(a.length>100||a.search(`
+`)>-1),d=l||t.type==="image",f=g=>{let y=g.target.value;t.type==="boolean"?y=g.target.checked:t.type==="option"&&(y=t.options[y].value),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:o,children:Ge(t.title)},"fieldLabel"),t.type==="string"&&!l&&u.jsx("input",{type:"text",disabled:t.disabled,onChange:f,value:a}),t.type==="string"&&l&&u.jsx("textarea",{cols:50,rows:10,disabled:t.disabled!==void 0?t.disabled:!0,onChange:f,value:a}),t.type==="boolean"&&u.jsx("input",{type:"checkbox",disabled:t.disabled,onChange:f,checked:a}),t.type==="number"&&u.jsx("input",{ref:s,type:"number",value:a,min:t.min,max:t.max,step:t.step,disabled:t.disabled,onChange:f}),t.type==="range"&&u.jsxs(u.Fragment,{children:[u.jsx("input",{type:"text",value:a.toString(),onChange:f,disabled:t.disabled,className:"min"}),u.jsx("input",{disabled:t.disabled,type:"range",value:a,min:t.min,max:t.max,step:t.step,onChange:f})]}),t.type==="color"&&u.jsxs(u.Fragment,{children:[u.jsx("input",{type:"text",value:a.toString(),onChange:f,disabled:t.disabled,className:"color"}),u.jsx("input",{type:"color",value:a,onChange:f,disabled:t.disabled})]}),t.type==="button"&&u.jsx("button",{disabled:t.disabled,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:m,onClick:()=>{ca().then(g=>{m.current.src=g,t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,g)})},src:a.length>0?a:ia}),t.type==="option"&&u.jsx(u.Fragment,{children:u.jsx("select",{onChange:f,disabled:t.disabled,defaultValue:t.value,children:t.options?.map((g,y)=>u.jsx("option",{value:g.value,children:Ge(g.title)},y))})})]})}function Xt(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 ma(t,n){const a=[];if(t.perspectiveCameraInfo!==void 0)for(const e in t.perspectiveCameraInfo)a.push({title:Xt(e),prop:e,type:"number",step:.01,value:t.perspectiveCameraInfo[e],onChange:(o,s)=>{n.updateObject(t.uuid,o,s),n.requestMethod(t.uuid,"updateProjectionMatrix");const m=n.scene?.getObjectByProperty("uuid",t.uuid);m!==void 0&&(te(m,o,s),m.updateProjectionMatrix())}});else if(t.orthographicCameraInfo!==void 0)for(const e in t.orthographicCameraInfo)a.push({title:Xt(e),prop:e,type:"number",step:.01,value:t.perspectiveCameraInfo[e],onChange:(o,s)=>{n.updateObject(t.uuid,o,s),n.requestMethod(t.uuid,"updateProjectionMatrix");const m=n.scene?.getObjectByProperty("uuid",t.uuid);m!==void 0&&(te(m,o,s),m.updateProjectionMatrix())}});return u.jsx(Le,{title:"Camera",items:a})}const va=Math.PI/180,ga=180/Math.PI;function Ye(t,n,a,e,o){return e+(t-n)*(o-e)/(a-n)}function ba(t){return t*va}function It(t){return t*ga}function ya(t,n){const a=new c.Matrix4;a.elements=t.matrix;const e=new c.Vector3,o=new c.Euler,s=new c.Vector3;t.uuid.length>0&&(e.setFromMatrixPosition(a),o.setFromRotationMatrix(a),s.setFromMatrixScale(a));const m=(d,f)=>{n.updateObject(t.uuid,d,f);const g=n.scene?.getObjectByProperty("uuid",t.uuid);g!==void 0&&te(g,d,f)},l=(d,f)=>{m(d,ba(f))};return u.jsx(Le,{title:"Transform",items:[{title:"Position X",prop:"position.x",type:"number",value:e.x,onChange:m},{title:"Position Y",prop:"position.y",type:"number",value:e.y,onChange:m},{title:"Position Z",prop:"position.z",type:"number",value:e.z,onChange:m},{title:"Rotation X",prop:"rotation.x",type:"number",value:St(It(o.x)),min:-360,max:360,step:.1,onChange:l},{title:"Rotation Y",prop:"rotation.y",type:"number",value:St(It(o.y)),min:-360,max:360,step:.1,onChange:l},{title:"Rotation Z",prop:"rotation.z",type:"number",value:St(It(o.z)),min:-360,max:360,step:.1,onChange:l},{title:"Scale X",prop:"scale.x",type:"number",value:s.x,step:.01,onChange:m},{title:"Scale Y",prop:"scale.y",type:"number",value:s.y,step:.01,onChange:m},{title:"Scale Z",prop:"scale.z",type:"number",value:s.z,step:.01,onChange:m}]})}function Zt(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 Ea(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:Zt(e),prop:e,type:"color",value:o,onChange:(s,m)=>{const l=new c.Color(m);n.updateObject(t.uuid,s,l);const d=n.scene?.getObjectByProperty("uuid",t.uuid);d!==void 0&&te(d,s,l)}}):a.push({title:Zt(e),prop:e,type:typeof o,value:o,step:typeof o=="number"?.01:void 0,onChange:(s,m)=>{n.updateObject(t.uuid,s,m);const l=n.scene?.getObjectByProperty("uuid",t.uuid);l!==void 0&&te(l,s,m)}}))}return u.jsx(Le,{title:"Light",items:a})}function Ca(t,n){const a=[],e=[];let o=0;t.animations.forEach(l=>{o=Math.max(o,l.duration),l.duration>0&&e.push({title:l.name,items:[{title:"Duration",type:"number",value:l.duration,disabled:!0},{title:"Blend Mode",type:"option",disabled:!0,options:[{title:"Normal",value:2500},{title:"Additive",value:2501}]}]})}),a.push({title:"Animations",items:e});const s=n.scene?.getObjectByProperty("uuid",t.uuid);let m=!1;if(s!==void 0){const l=s.mixer;if(m=l!==void 0,m){const d=[{title:"Time Scale",type:"range",value:l.timeScale,step:.01,min:-1,max:2,onChange:(f,g)=>{l.timeScale=g,n.updateObject(t.uuid,"mixer.timeScale",g)}}];d.push({title:"Stop All",type:"button",onChange:()=>{l.stopAllAction(),n.requestMethod(t.uuid,"stopAllAction",void 0,"mixer")}}),a.push({title:"Mixer",items:d})}}return u.jsx(Le,{title:"Animation",items:a})}const Sn={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};let ne={...Sn};function xn(t){const[n,a]=P.useState(-1);P.useEffect(()=>{function m(d){ne={...d.value},a(Date.now())}function l(){ne={...Sn},a(Date.now())}return D.addEventListener(I.SET_SCENE,l),D.addEventListener(I.SET_OBJECT,m),()=>{D.removeEventListener(I.SET_SCENE,l),D.removeEventListener(I.SET_OBJECT,m)}},[]);const e=ne.type.toLowerCase(),o=ne.animations.length>0||ne.mixer!==void 0,s=e.search("mesh")>-1||e.search("line")>-1||e.search("points")>-1;return u.jsx(wt,{label:"Inspector",children:u.jsx("div",{id:"Inspector",className:t.class,children:ne.uuid.length>0&&u.jsxs(u.Fragment,{children:[u.jsxs(u.Fragment,{children:[u.jsx(at,{type:"string",title:"Name",prop:"name",value:ne.name,disabled:!0}),u.jsx(at,{type:"string",title:"Type",prop:"type",value:ne.type,disabled:!0}),u.jsx(at,{type:"string",title:"UUID",prop:"uuid",value:ne.uuid,disabled:!0}),u.jsx(at,{type:"boolean",title:"Visible",prop:"visible",value:ne.visible,onChange:(m,l)=>{t.three.updateObject(ne.uuid,m,l);const d=t.three.scene?.getObjectByProperty("uuid",ne.uuid);d!==void 0&&te(d,m,l)}})]}),u.jsxs(u.Fragment,{children:[ya(ne,t.three),o?Ca(ne,t.three):null,e.search("camera")>-1?ma(ne,t.three):null,e.search("light")>-1?Ea(ne,t.three):null,s?pa(ne,t.three):null]})]})},n)},"Inspector")}class Sa extends P.Component{three;constructor(n){super(n),this.state={scene:n.scene!==void 0?n.scene:null},this.three=n.three,D.addEventListener(I.SET_SCENE,this.setScene)}componentWillUnmount(){D.removeEventListener(I.SET_SCENE,this.setScene)}render(){const n=this.componentState.scene!==null,a="Hierarchy - "+(n?`${this.componentState.scene?.name}`:"No Scene");return u.jsx("div",{id:"SidePanel",children:u.jsxs(u.Fragment,{children:[u.jsx(wt,{label:a,open:!0,children:u.jsx(u.Fragment,{children:n&&u.jsx(Cn,{child:this.componentState.scene,three:this.three})})}),u.jsx(xn,{three:this.three})]})},"SidePanel")}setScene=n=>{this.setState(()=>({scene:n.value}))};get componentState(){return this.state}}function xa(t){function n(){return t.three.scene===void 0?(console.log("No scene:",t.three),!1):!0}const a=l=>{if(!n())return;const d=t.three.scene?.getObjectByProperty("uuid",l.value);d!==void 0&&t.three.setObject(d)},e=(l,d,f)=>{if(!n())return;const g=t.three.scene?.getObjectByProperty("uuid",l);g!==void 0&&te(g,d,f)},o=l=>{if(!n())return;const d=l.value,{key:f,value:g,uuid:y}=d;e(y,f,g)},s=l=>{if(!n())return;const d=l.value;Lt(d.value).then(f=>{e(d.uuid,d.key,f),e(d.uuid,"material.needsUpdate",!0)})},m=l=>{if(!n())return;const{key:d,uuid:f,value:g,subitem:y}=l.value,C=t.three.scene?.getObjectByProperty("uuid",f);if(C!==void 0)try{y!==void 0?Yn(C,y)[d](g):C[d](g)}catch(x){console.log("Error requesting method:"),console.log(x),console.log(d),console.log(g)}};return P.useEffect(()=>(D.addEventListener(I.GET_OBJECT,a),D.addEventListener(I.UPDATE_OBJECT,o),D.addEventListener(I.CREATE_TEXTURE,s),D.addEventListener(I.REQUEST_METHOD,m),()=>{D.removeEventListener(I.GET_OBJECT,a),D.removeEventListener(I.UPDATE_OBJECT,o),D.removeEventListener(I.CREATE_TEXTURE,s),D.removeEventListener(I.REQUEST_METHOD,m)}),[]),null}const Jt={type:"change"},Nt={type:"start"},Qt={type:"end"},yt=new c.Ray,en=new c.Plane,wa=Math.cos(70*c.MathUtils.DEG2RAD);class Oa extends c.EventDispatcher{constructor(n,a){super(),this.object=n,this.domElement=a,this.domElement.style.touchAction="none",this.enabled=!0,this.target=new c.Vector3,this.cursor=new c.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:c.MOUSE.ROTATE,MIDDLE:c.MOUSE.DOLLY,RIGHT:c.MOUSE.PAN},this.touches={ONE:c.TOUCH.ROTATE,TWO:c.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(r){r.addEventListener("keydown",Ze),this._domElementKeyEvents=r},this.stopListenToKeyEvents=function(){this._domElementKeyEvents.removeEventListener("keydown",Ze),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(Jt),e.update(),s=o.NONE},this.update=function(){const r=new c.Vector3,E=new c.Quaternion().setFromUnitVectors(n.up,new c.Vector3(0,1,0)),M=E.clone().invert(),F=new c.Vector3,Z=new c.Quaternion,ue=new c.Vector3,ie=2*Math.PI;return function(jt=null){const Qe=e.object.position;r.copy(Qe).sub(e.target),r.applyQuaternion(E),l.setFromVector3(r),e.autoRotate&&s===o.NONE&&z(k(jt)),e.enableDamping?(l.theta+=d.theta*e.dampingFactor,l.phi+=d.phi*e.dampingFactor):(l.theta+=d.theta,l.phi+=d.phi);let he=e.minAzimuthAngle,de=e.maxAzimuthAngle;isFinite(he)&&isFinite(de)&&(he<-Math.PI?he+=ie:he>Math.PI&&(he-=ie),de<-Math.PI?de+=ie:de>Math.PI&&(de-=ie),he<=de?l.theta=Math.max(he,Math.min(de,l.theta)):l.theta=l.theta>(he+de)/2?Math.max(he,l.theta):Math.min(de,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&&se||e.object.isOrthographicCamera?l.radius=pe(l.radius):l.radius=pe(l.radius*f),r.setFromSpherical(l),r.applyQuaternion(M),Qe.copy(e.target).add(r),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 Ae=!1;if(e.zoomToCursor&&se){let Pe=null;if(e.object.isPerspectiveCamera){const ke=r.length();Pe=pe(ke*f);const _e=ke-Pe;e.object.position.addScaledVector(ye,_e),e.object.updateMatrixWorld()}else if(e.object.isOrthographicCamera){const ke=new c.Vector3(le.x,le.y,0);ke.unproject(e.object),e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/f)),e.object.updateProjectionMatrix(),Ae=!0;const _e=new c.Vector3(le.x,le.y,0);_e.unproject(e.object),e.object.position.sub(_e).add(ke),e.object.updateMatrixWorld(),Pe=r.length()}else console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."),e.zoomToCursor=!1;Pe!==null&&(this.screenSpacePanning?e.target.set(0,0,-1).transformDirection(e.object.matrix).multiplyScalar(Pe).add(e.object.position):(yt.origin.copy(e.object.position),yt.direction.set(0,0,-1).transformDirection(e.object.matrix),Math.abs(e.object.up.dot(yt.direction))<wa?n.lookAt(e.target):(en.setFromNormalAndCoplanarPoint(e.object.up,e.target),yt.intersectPlane(en,e.target))))}else e.object.isOrthographicCamera&&(Ae=f!==1,Ae&&(e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/f)),e.object.updateProjectionMatrix()));return f=1,se=!1,Ae||F.distanceToSquared(e.object.position)>m||8*(1-Z.dot(e.object.quaternion))>m||ue.distanceToSquared(e.target)>0?(e.dispatchEvent(Jt),F.copy(e.object.position),Z.copy(e.object.quaternion),ue.copy(e.target),!0):!1}}(),this.dispose=function(){e.domElement.removeEventListener("contextmenu",Ve),e.domElement.removeEventListener("pointerdown",Te),e.domElement.removeEventListener("pointercancel",Re),e.domElement.removeEventListener("wheel",pt),e.domElement.removeEventListener("pointermove",Ke),e.domElement.removeEventListener("pointerup",Re),e._domElementKeyEvents!==null&&(e._domElementKeyEvents.removeEventListener("keydown",Ze),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 s=o.NONE;const m=1e-6,l=new c.Spherical,d=new c.Spherical;let f=1;const g=new c.Vector3,y=new c.Vector2,C=new c.Vector2,x=new c.Vector2,T=new c.Vector2,j=new c.Vector2,q=new c.Vector2,V=new c.Vector2,w=new c.Vector2,Y=new c.Vector2,ye=new c.Vector3,le=new c.Vector2;let se=!1;const h=[],v={};let O=!1;function k(r){return r!==null?2*Math.PI/60*e.autoRotateSpeed*r:2*Math.PI/60/60*e.autoRotateSpeed}function G(r){const E=Math.abs(r*.01);return Math.pow(.95,e.zoomSpeed*E)}function z(r){d.theta-=r}function H(r){d.phi-=r}const L=function(){const r=new c.Vector3;return function(M,F){r.setFromMatrixColumn(F,0),r.multiplyScalar(-M),g.add(r)}}(),K=function(){const r=new c.Vector3;return function(M,F){e.screenSpacePanning===!0?r.setFromMatrixColumn(F,1):(r.setFromMatrixColumn(F,0),r.crossVectors(e.object.up,r)),r.multiplyScalar(M),g.add(r)}}(),X=function(){const r=new c.Vector3;return function(M,F){const Z=e.domElement;if(e.object.isPerspectiveCamera){const ue=e.object.position;r.copy(ue).sub(e.target);let ie=r.length();ie*=Math.tan(e.object.fov/2*Math.PI/180),L(2*M*ie/Z.clientHeight,e.object.matrix),K(2*F*ie/Z.clientHeight,e.object.matrix)}else e.object.isOrthographicCamera?(L(M*(e.object.right-e.object.left)/e.object.zoom/Z.clientWidth,e.object.matrix),K(F*(e.object.top-e.object.bottom)/e.object.zoom/Z.clientHeight,e.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),e.enablePan=!1)}}();function R(r){e.object.isPerspectiveCamera||e.object.isOrthographicCamera?f/=r:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function U(r){e.object.isPerspectiveCamera||e.object.isOrthographicCamera?f*=r:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function Q(r,E){if(!e.zoomToCursor)return;se=!0;const M=e.domElement.getBoundingClientRect(),F=r-M.left,Z=E-M.top,ue=M.width,ie=M.height;le.x=F/ue*2-1,le.y=-(Z/ie)*2+1,ye.set(le.x,le.y,1).unproject(e.object).sub(e.object.position).normalize()}function pe(r){return Math.max(e.minDistance,Math.min(e.maxDistance,r))}function Ee(r){y.set(r.clientX,r.clientY)}function ct(r){Q(r.clientX,r.clientX),V.set(r.clientX,r.clientY)}function We(r){T.set(r.clientX,r.clientY)}function Mt(r){C.set(r.clientX,r.clientY),x.subVectors(C,y).multiplyScalar(e.rotateSpeed);const E=e.domElement;z(2*Math.PI*x.x/E.clientHeight),H(2*Math.PI*x.y/E.clientHeight),y.copy(C),e.update()}function Tt(r){w.set(r.clientX,r.clientY),Y.subVectors(w,V),Y.y>0?R(G(Y.y)):Y.y<0&&U(G(Y.y)),V.copy(w),e.update()}function $e(r){j.set(r.clientX,r.clientY),q.subVectors(j,T).multiplyScalar(e.panSpeed),X(q.x,q.y),T.copy(j),e.update()}function qe(r){Q(r.clientX,r.clientY),r.deltaY<0?U(G(r.deltaY)):r.deltaY>0&&R(G(r.deltaY)),e.update()}function Ue(r){let E=!1;switch(r.code){case e.keys.UP:r.ctrlKey||r.metaKey||r.shiftKey?H(2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):X(0,e.keyPanSpeed),E=!0;break;case e.keys.BOTTOM:r.ctrlKey||r.metaKey||r.shiftKey?H(-2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):X(0,-e.keyPanSpeed),E=!0;break;case e.keys.LEFT:r.ctrlKey||r.metaKey||r.shiftKey?z(2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):X(e.keyPanSpeed,0),E=!0;break;case e.keys.RIGHT:r.ctrlKey||r.metaKey||r.shiftKey?z(-2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):X(-e.keyPanSpeed,0),E=!0;break}E&&(r.preventDefault(),e.update())}function Be(r){if(h.length===1)y.set(r.pageX,r.pageY);else{const E=Se(r),M=.5*(r.pageX+E.x),F=.5*(r.pageY+E.y);y.set(M,F)}}function we(r){if(h.length===1)T.set(r.pageX,r.pageY);else{const E=Se(r),M=.5*(r.pageX+E.x),F=.5*(r.pageY+E.y);T.set(M,F)}}function lt(r){const E=Se(r),M=r.pageX-E.x,F=r.pageY-E.y,Z=Math.sqrt(M*M+F*F);V.set(0,Z)}function ut(r){e.enableZoom&&lt(r),e.enablePan&&we(r)}function Rt(r){e.enableZoom&&lt(r),e.enableRotate&&Be(r)}function dt(r){if(h.length==1)C.set(r.pageX,r.pageY);else{const M=Se(r),F=.5*(r.pageX+M.x),Z=.5*(r.pageY+M.y);C.set(F,Z)}x.subVectors(C,y).multiplyScalar(e.rotateSpeed);const E=e.domElement;z(2*Math.PI*x.x/E.clientHeight),H(2*Math.PI*x.y/E.clientHeight),y.copy(C)}function Oe(r){if(h.length===1)j.set(r.pageX,r.pageY);else{const E=Se(r),M=.5*(r.pageX+E.x),F=.5*(r.pageY+E.y);j.set(M,F)}q.subVectors(j,T).multiplyScalar(e.panSpeed),X(q.x,q.y),T.copy(j)}function Me(r){const E=Se(r),M=r.pageX-E.x,F=r.pageY-E.y,Z=Math.sqrt(M*M+F*F);w.set(0,Z),Y.set(0,Math.pow(w.y/V.y,e.zoomSpeed)),R(Y.y),V.copy(w);const ue=(r.pageX+E.x)*.5,ie=(r.pageY+E.y)*.5;Q(ue,ie)}function ft(r){e.enableZoom&&Me(r),e.enablePan&&Oe(r)}function ht(r){e.enableZoom&&Me(r),e.enableRotate&&dt(r)}function Te(r){e.enabled!==!1&&(h.length===0&&(e.domElement.setPointerCapture(r.pointerId),e.domElement.addEventListener("pointermove",Ke),e.domElement.addEventListener("pointerup",Re)),Pt(r),r.pointerType==="touch"?Je(r):Xe(r))}function Ke(r){e.enabled!==!1&&(r.pointerType==="touch"?gt(r):At(r))}function Re(r){switch(kt(r),h.length){case 0:e.domElement.releasePointerCapture(r.pointerId),e.domElement.removeEventListener("pointermove",Ke),e.domElement.removeEventListener("pointerup",Re),e.dispatchEvent(Qt),s=o.NONE;break;case 1:const E=h[0],M=v[E];Je({pointerId:E,pageX:M.x,pageY:M.y});break}}function Xe(r){let E;switch(r.button){case 0:E=e.mouseButtons.LEFT;break;case 1:E=e.mouseButtons.MIDDLE;break;case 2:E=e.mouseButtons.RIGHT;break;default:E=-1}switch(E){case c.MOUSE.DOLLY:if(e.enableZoom===!1)return;ct(r),s=o.DOLLY;break;case c.MOUSE.ROTATE:if(r.ctrlKey||r.metaKey||r.shiftKey){if(e.enablePan===!1)return;We(r),s=o.PAN}else{if(e.enableRotate===!1)return;Ee(r),s=o.ROTATE}break;case c.MOUSE.PAN:if(r.ctrlKey||r.metaKey||r.shiftKey){if(e.enableRotate===!1)return;Ee(r),s=o.ROTATE}else{if(e.enablePan===!1)return;We(r),s=o.PAN}break;default:s=o.NONE}s!==o.NONE&&e.dispatchEvent(Nt)}function At(r){switch(s){case o.ROTATE:if(e.enableRotate===!1)return;Mt(r);break;case o.DOLLY:if(e.enableZoom===!1)return;Tt(r);break;case o.PAN:if(e.enablePan===!1)return;$e(r);break}}function pt(r){e.enabled===!1||e.enableZoom===!1||s!==o.NONE||(r.preventDefault(),e.dispatchEvent(Nt),qe(mt(r)),e.dispatchEvent(Qt))}function mt(r){const E=r.deltaMode,M={clientX:r.clientX,clientY:r.clientY,deltaY:r.deltaY};switch(E){case 1:M.deltaY*=16;break;case 2:M.deltaY*=100;break}return r.ctrlKey&&!O&&(M.deltaY*=10),M}function vt(r){r.key==="Control"&&(O=!0,e.domElement.getRootNode().addEventListener("keyup",Ce,{passive:!0,capture:!0}))}function Ce(r){r.key==="Control"&&(O=!1,e.domElement.getRootNode().removeEventListener("keyup",Ce,{passive:!0,capture:!0}))}function Ze(r){e.enabled===!1||e.enablePan===!1||Ue(r)}function Je(r){switch(bt(r),h.length){case 1:switch(e.touches.ONE){case c.TOUCH.ROTATE:if(e.enableRotate===!1)return;Be(r),s=o.TOUCH_ROTATE;break;case c.TOUCH.PAN:if(e.enablePan===!1)return;we(r),s=o.TOUCH_PAN;break;default:s=o.NONE}break;case 2:switch(e.touches.TWO){case c.TOUCH.DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;ut(r),s=o.TOUCH_DOLLY_PAN;break;case c.TOUCH.DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;Rt(r),s=o.TOUCH_DOLLY_ROTATE;break;default:s=o.NONE}break;default:s=o.NONE}s!==o.NONE&&e.dispatchEvent(Nt)}function gt(r){switch(bt(r),s){case o.TOUCH_ROTATE:if(e.enableRotate===!1)return;dt(r),e.update();break;case o.TOUCH_PAN:if(e.enablePan===!1)return;Oe(r),e.update();break;case o.TOUCH_DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;ft(r),e.update();break;case o.TOUCH_DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;ht(r),e.update();break;default:s=o.NONE}}function Ve(r){e.enabled!==!1&&r.preventDefault()}function Pt(r){h.push(r.pointerId)}function kt(r){delete v[r.pointerId];for(let E=0;E<h.length;E++)if(h[E]==r.pointerId){h.splice(E,1);return}}function bt(r){let E=v[r.pointerId];E===void 0&&(E=new c.Vector2,v[r.pointerId]=E),E.set(r.pageX,r.pageY)}function Se(r){const E=r.pointerId===h[0]?h[1]:h[0];return v[E]}e.domElement.addEventListener("contextmenu",Ve),e.domElement.addEventListener("pointerdown",Te),e.domElement.addEventListener("pointercancel",Re),e.domElement.addEventListener("wheel",pt,{passive:!1}),e.domElement.getRootNode().addEventListener("keydown",vt,{passive:!0,capture:!0}),this.update()}}const xt=t=>{const[n,a]=P.useState(t.options[t.index]),e=()=>{t.onToggle(!t.open)},o=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:()=>o(s),children:s},s))})]})},De=P.forwardRef(function(n,a){const[e,o]=P.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&&o(!1)}}),u.jsx(xt,{index:s,open:e,options:n.options,onSelect:n.onSelect,onToggle:m=>{o(m)},up:!0})]})}),tn=["Single","Side by Side","Stacked","Quad"],ae=new Map,re=new Map,ve=new Map;function Fe(t,n){const a=new c.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}Fe("Top",new c.Vector3(0,1e3,0));Fe("Bottom",new c.Vector3(0,-1e3,0));Fe("Left",new c.Vector3(-1e3,0,0));Fe("Right",new c.Vector3(1e3,0,0));Fe("Front",new c.Vector3(0,0,1e3));Fe("Back",new c.Vector3(0,0,-1e3));Fe("Orthographic",new c.Vector3(1e3,1e3,1e3));const Ot=new c.PerspectiveCamera(60,1,50,3e3);Ot.name="Debug";Ot.position.set(500,500,500);Ot.lookAt(0,0,0);ae.set("Debug",Ot);const nn=["Renderer","Depth","Normals","UVs","Wireframe"],Ma=new c.MeshDepthMaterial,Ta=new c.MeshNormalMaterial,Ra=new En,Aa=new c.MeshBasicMaterial({opacity:.33,transparent:!0,wireframe:!0});let Et="Renderer";const $=new c.Scene;$.name="Debug Scene";let ge=new c.Scene;$.add(ge);const st=new c.Group;st.name="helpers";$.add(st);const Pa=new yn;st.add(Pa);const wn=new c.AxesHelper(500);wn.name="axisHelper";st.add(wn);const rt=new c.AxesHelper(100);rt.name="interactionHelper";st.add(rt);rt.visible=!1;let Ct=!1,W=ae.get("Debug"),oe=ae.get("Orthographic"),Ie=ae.get("Front"),Ne=ae.get("Top"),an=!1;function ka(t){const[n,a]=P.useState(t.mode!==void 0?t.mode:"Single"),[e,o]=P.useState(null),[s,m]=P.useState(!1),[l,d]=P.useState(!1),[f,g]=P.useState(!1),[,y]=P.useState(Date.now()),C=P.useRef(null),x=P.useRef(null),T=P.useRef(null),j=P.useRef(null),q=P.useRef(null),V=P.useRef(null),w=(h,v)=>{const O=re.get(h.name);O!==void 0&&O.dispose(),re.delete(h.name);const k=ve.get(h.name);k!==void 0&&($.remove(k),k.dispose()),ve.delete(h.name);const G=new Oa(h,v);switch(G.enableDamping=!0,G.dampingFactor=.05,h.name){case"Top":case"Bottom":case"Left":case"Right":case"Front":case"Back":G.enableRotate=!1;break}if(re.set(h.name,G),h instanceof c.PerspectiveCamera){const z=new c.CameraHelper(h);ve.set(h.name,z),$.add(z)}},Y=h=>{const v=ve.get(h.name);v!==void 0&&($.remove(v),v.dispose(),ve.delete(h.name));const O=re.get(h.name);O!==void 0&&(O.dispose(),re.delete(h.name))},ye=()=>{re.forEach((h,v)=>{h.dispose();const O=ve.get(v);O!==void 0&&($.remove(O),O.dispose()),ve.delete(v),re.delete(v)}),re.clear(),ve.clear()},le=()=>{switch(n){case"Single":w(W,T.current);break;case"Side by Side":case"Stacked":w(W,T.current),w(oe,j.current);break;case"Quad":w(W,T.current),w(oe,j.current),w(Ie,q.current),w(Ne,V.current);break}};P.useEffect(()=>{const h=new c.WebGLRenderer({canvas:C.current,stencil:!1});h.autoClear=!1,h.shadowMap.enabled=!0,h.setPixelRatio(devicePixelRatio),h.setClearColor(0),o(h)},[]),P.useEffect(()=>{const h=k=>{Bt(ge),$.remove(ge);const G=t.scenes.get(k.value.name);if(G!==void 0){const z=new G;t.onSceneSet!==void 0&&t.onSceneSet(z),ge=z,t.three.scene=ge,$.add(ge),an=!0}},v=k=>{const G=k.value,z=t.three.scene?.getObjectByProperty("uuid",G.uuid);z!==void 0&&ae.set(G.name,z),y(Date.now())},O=k=>{ae.delete(k.value.name),y(Date.now())};return D.addEventListener(I.SET_SCENE,h),D.addEventListener(I.ADD_CAMERA,v),D.addEventListener(I.REMOVE_CAMERA,O),()=>{D.removeEventListener(I.SET_SCENE,h),D.removeEventListener(I.ADD_CAMERA,v),D.removeEventListener(I.REMOVE_CAMERA,O)}},[]),P.useEffect(()=>{if(e===null)return;let h=window.innerWidth,v=window.innerHeight,O=Math.floor(h/2),k=Math.floor(v/2),G=-1;const z=()=>{h=window.innerWidth-300,v=window.innerHeight,O=Math.floor(h/2),k=Math.floor(v/2),e.setSize(h,v);let R=h,U=v;switch(n){case"Side by Side":R=O,U=v;break;case"Stacked":R=h,U=k;break;case"Quad":R=O,U=k;break}ae.forEach(Q=>{Q instanceof c.OrthographicCamera?(Q.left=R/-2,Q.right=R/2,Q.top=U/2,Q.bottom=U/-2,Q.updateProjectionMatrix()):Q instanceof c.PerspectiveCamera&&(Q.aspect=R/U,Q.updateProjectionMatrix(),ve.get(Q.name)?.update())})},H=()=>{e.setViewport(0,0,h,v),e.setScissor(0,0,h,v),e.render($,W)},L=()=>{if(n==="Side by Side")e.setViewport(0,0,O,v),e.setScissor(0,0,O,v),e.render($,W),e.setViewport(O,0,O,v),e.setScissor(O,0,O,v),e.render($,oe);else{const R=v-k;e.setViewport(0,R,h,k),e.setScissor(0,R,h,k),e.render($,W),e.setViewport(0,0,h,k),e.setScissor(0,0,h,k),e.render($,oe)}},K=()=>{let R=0,U=0;U=v-k,R=0,e.setViewport(R,U,O,k),e.setScissor(R,U,O,k),e.render($,W),R=O,e.setViewport(R,U,O,k),e.setScissor(R,U,O,k),e.render($,oe),U=0,R=0,e.setViewport(R,U,O,k),e.setScissor(R,U,O,k),e.render($,Ie),R=O,e.setViewport(R,U,O,k),e.setScissor(R,U,O,k),e.render($,Ne)},X=()=>{switch(re.forEach(R=>{R.update()}),t.onSceneUpdate!==void 0&&an&&t.onSceneUpdate(ge),e.clear(),n){case"Single":H();break;case"Side by Side":case"Stacked":L();break;case"Quad":K();break}G=requestAnimationFrame(X)};return le(),window.addEventListener("resize",z),z(),X(),()=>{window.removeEventListener("resize",z),cancelAnimationFrame(G),G=-1}},[n,e]),P.useEffect(()=>{if(e!==null){const h=new c.Raycaster,v=new c.Vector2,O=(H,L,K,X)=>{switch(n){case"Quad":H<K?L<X?h.setFromCamera(v,W):h.setFromCamera(v,Ie):L<X?h.setFromCamera(v,oe):h.setFromCamera(v,Ne);break;case"Side by Side":H<K?h.setFromCamera(v,W):h.setFromCamera(v,oe);break;case"Single":h.setFromCamera(v,W);break;case"Stacked":L<X?h.setFromCamera(v,W):h.setFromCamera(v,oe);break}},k=H=>{if(!Ct)return;const L=new c.Vector2;e.getSize(L);const K=Math.min(H.clientX,L.x),X=Math.min(H.clientY,L.y);v.x=Ye(K,0,L.x,-1,1),v.y=Ye(X,0,L.y,1,-1);const R=L.x/2,U=L.y/2,Q=()=>{K<R?v.x=Ye(K,0,R,-1,1):v.x=Ye(K,R,L.x,-1,1)},pe=()=>{X<U?v.y=Ye(X,0,U,1,-1):v.y=Ye(X,U,L.y,1,-1)};switch(n){case"Quad":Q(),pe();break;case"Side by Side":Q();break;case"Stacked":pe(),pe();break}O(K,X,R,U);const Ee=h.intersectObjects(ge.children);Ee.length>0&&rt.position.copy(Ee[0].point)},G=H=>{if(!Ct)return;const L=new c.Vector2;if(e.getSize(L),H.clientX>=L.x)return;k(H);const K=h.intersectObjects(ge.children);K.length>0&&t.three.getObject(K[0].object.uuid)},z=x.current;return z.addEventListener("mousemove",k,!1),z.addEventListener("click",G,!1),()=>{z.removeEventListener("mousemove",k),z.removeEventListener("click",G)}}},[n,e]);const se=[];return ae.forEach((h,v)=>{se.push(v)}),u.jsxs("div",{className:"multiview",children:[u.jsx("canvas",{ref:C}),u.jsxs("div",{className:`cameras ${n==="Single"||n==="Stacked"?"single":""}`,ref:x,children:[n==="Single"&&u.jsx(u.Fragment,{children:u.jsx(De,{camera:W,options:se,ref:T,onSelect:h=>{re.get(W.name)?.dispose();const v=ae.get(h);v!==void 0&&(Y(W),W=v,w(v,T.current))}})}),(n==="Side by Side"||n==="Stacked")&&u.jsxs(u.Fragment,{children:[u.jsx(De,{camera:W,options:se,ref:T,onSelect:h=>{re.get(W.name)?.dispose();const v=ae.get(h);v!==void 0&&(Y(W),W=v,w(v,T.current))}}),u.jsx(De,{camera:oe,options:se,ref:j,onSelect:h=>{re.get(oe.name)?.dispose();const v=ae.get(h);v!==void 0&&(Y(oe),oe=v,w(v,j.current))}})]}),n==="Quad"&&u.jsxs(u.Fragment,{children:[u.jsx(De,{camera:W,options:se,ref:T,onSelect:h=>{re.get(W.name)?.dispose();const v=ae.get(h);v!==void 0&&(Y(W),W=v,w(v,T.current))}}),u.jsx(De,{camera:oe,options:se,ref:j,onSelect:h=>{re.get(oe.name)?.dispose();const v=ae.get(h);v!==void 0&&(Y(oe),oe=v,w(v,j.current))}}),u.jsx(De,{camera:Ie,options:se,ref:q,onSelect:h=>{re.get(Ie.name)?.dispose();const v=ae.get(h);v!==void 0&&(Y(Ie),Ie=v,w(v,q.current))}}),u.jsx(De,{camera:Ne,options:se,ref:V,onSelect:h=>{re.get(Ne.name)?.dispose();const v=ae.get(h);v!==void 0&&(Y(Ne),Ne=v,w(v,V.current))}})]})]}),u.jsxs("div",{className:"settings",children:[u.jsx(xt,{index:tn.indexOf(n),options:tn,onSelect:h=>{h!==n&&(ye(),a(h))},open:s,onToggle:h=>{m(h),l&&d(!1),f&&g(!1)}}),u.jsx(xt,{index:nn.indexOf(Et),options:nn,onSelect:h=>{if(h!==Et)switch(Et=h,Et){case"Depth":$.overrideMaterial=Ma;break;case"Normals":$.overrideMaterial=Ta;break;default:case"Renderer":$.overrideMaterial=null;break;case"Wireframe":$.overrideMaterial=Aa;break;case"UVs":$.overrideMaterial=Ra;break}},open:l,onToggle:h=>{s&&m(!1),d(h),f&&g(!1)}}),u.jsx(xt,{index:0,options:["Orbit Mode","Selection Mode"],onSelect:h=>{Ct=h==="Selection Mode",rt.visible=Ct},open:f,onToggle:h=>{s&&m(!1),l&&d(!1),g(h)}})]})]})}function _a(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})]})}exports.Accordion=wt;exports.Application=Nn;exports.BaseRemote=ot;exports.ChildObject=Ht;exports.ContainerObject=Cn;exports.Draggable=vn;exports.DraggableItem=mn;exports.Dropdown=gn;exports.DropdownItem=bn;exports.Editor=_a;exports.InfiniteGridHelper=yn;exports.Inspector=xn;exports.MultiView=ka;exports.NavButton=zt;exports.RemoteComponents=dn;exports.RemoteController=Jn;exports.RemoteTheatre=be;exports.RemoteThree=pn;exports.RemoteTweakpane=Vt;exports.SceneInspector=xa;exports.SidePanel=Sa;exports.ToolEvents=I;exports.UVMaterial=En;exports.capitalize=Ge;exports.clamp=jn;exports.colorToHex=cn;exports.debugDispatcher=D;exports.dispose=Bt;exports.disposeMaterial=un;exports.disposeTexture=In;exports.distance=Dn;exports.hierarchyUUID=Ut;exports.isColor=sn;exports.randomID=on;exports.resetThreeObjects=ln;exports.round=St;