@galacean/cli 2.0.0-alpha.26 → 2.0.0-alpha.27

package/dist/preview-client/_static/{index-0dd5bb36.js → index-70967035.js}

@@ -1 +1 @@
-var K=Object.defineProperty;var Q=(n,t,e)=>t in n?K(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var X=(n,t,e)=>(Q(n,typeof t!="symbol"?t+"":t,e),e);import{aJ as x,av as f,aO as $,E as b,bM as Y,c5 as A,c6 as Z,x as ee,p as re,e as p,co as O,S as j,et as te,er as ne,aK as w,bm as oe,dh as ae,aH as D,bA as ie,q as se,cm as ce,eu as q,bX as pe,C as m,t as U}from"./index-c3dec278.js";import{a as d,b as S,c as E,d as z,e as L,f as V,g as J}from"./module-de7ee724.js";import{r as le}from"./index-cdbb2f4d.js";import"./postmen-2853c0e6.js";import{F as W}from"./FormItemArray-b8cda1d2.js";import{c as ue}from"./create-script-property-context-model-0fe0258f.js";const fe=x(function(t){const{model:e}=t,o=ue(e.properties,e.root);return f.jsx($.List,{fullWidth:!0,model:o,configs:e.propertiesConfig,onModelChange:(r,a)=>{a!==void 0&&le.inspectorFacade.componentChange(e.id,r,a)}})});var ge=Object.defineProperty,me=Object.getOwnPropertyDescriptor,H=(n,t,e,o)=>{for(var r=o>1?void 0:o?me(t,e):t,a=n.length-1,i;a>=0;a--)(i=n[a])&&(r=(o?i(t,e,r):i(r))||r);return o&&r&&ge(t,e,r),r};class h extends b{constructor(e,o){super(e,o);X(this,"propertiesConfig",[]);X(this,"properties",{})}onInitComplete(){this._attachImportScriptBridge()}_attachImportScriptBridge(){const e=b.getRegisteredImportComponentProperty(this.type),{engineObject:o}=this,r={},a=[];for(let s=0;s<e.length;s++){const l=e[s];r[l.property]=o[l.property],a.push(l)}this.propertiesConfig=a;const{properties:i}=this;for(const[s,l]of Object.entries(r))i[s]=i[s]??l;Object.keys(i).forEach(s=>{Y(this,s,{getActualEditorValue:()=>A(i[s]),setActualEditorValue:(l,c,u)=>{l.properties[c]=u}})})}rebindEngineObject(e){super.rebindEngineObject(e),this._attachImportScriptBridge()}deserialize(e){if(super.deserialize(e),e.props)for(const[o,r]of Object.entries(e.props))o!=="enabled"&&(this.properties[o]=r)}toJSON(){const e=super.toJSON();if(delete e.props.script,this.properties){const o=A(this.properties),r=e.props||{};for(const[a,i]of Object.entries(o)){if(a==="root")continue;const s=Z(i);s!==void 0&&(r[a]=s)}e.props=r}return e}}H([ee.ref],h.prototype,"propertiesConfig",2);H([re({label:p("component.script.properties-label"),customComponent:fe})],h.prototype,"properties",2);function P(n,t){return P=Object.setPrototypeOf||function(o,r){return o.__proto__=r,o},P(n,t)}function y(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),t&&P(n,t)}var de=function(n){y(t,n);function t(){var o;return o=n.apply(this,arguments)||this,o.mode=d.AR,o}var e=t.prototype;return e.onEnable=function(){var r=this.engine.xrManager;if(r)switch(this.mode){case d.AR:var a;r.origin=this.origin;var i=(a=this.camera)==null?void 0:a.getComponent(O);if(i)r.cameraManager.attachCamera(S.Camera,i);else throw new Error("XROrigin: The Camera is not included on the Camera Entity");break;case d.VR:var s,l;r.origin=this.origin;var c=(s=this.leftCamera)==null?void 0:s.getComponent(O);if(c)r.cameraManager.attachCamera(S.LeftCamera,c);else throw new Error("XROrigin: The Camera is not included on the Left Camera Entity");var u=(l=this.rightCamera)==null?void 0:l.getComponent(O);if(u)r.cameraManager.attachCamera(S.RightCamera,u);else throw new Error("XROrigin: The Camera is not included on the Right Camera Entity");break}},t}(j);function B(n,t){for(var e=0;e<t.length;e++){var o=t[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}function he(n,t,e){return t&&B(n.prototype,t),e&&B(n,e),n}var ye=function(n){y(t,n);function t(){var e;return e=n.apply(this,arguments)||this,e._destroyedOnRemoval=!0,e}return he(t,[{key:"data",get:function(){return this._data},set:function(o){this._data=o}},{key:"destroyedOnRemoval",get:function(){return this._destroyedOnRemoval},set:function(o){this._destroyedOnRemoval=o}}]),t}(j);function N(n,t){return t!=null&&typeof Symbol<"u"&&t[Symbol.hasInstance]?!!t[Symbol.hasInstance](n):n instanceof t}var M=function(n){y(t,n);function t(o,r){var a;return a=n.call(this,o)||this,a._trackIdToIndex=[],a._trackedComponents=[],a._feature=r,a._onTrackedChanged=a._onTrackedChanged.bind(a),a._onSessionChanged=a._onSessionChanged.bind(a),a}var e=t.prototype;return e.getTrackedComponentByTrackId=function(r){var a=this._trackIdToIndex[r];return a!==void 0?this._trackedComponents[a]:void 0},e.onEnable=function(){var r;(r=this.engine.xrManager)==null||r.sessionManager.addStateChangedListener(this._onSessionChanged)},e.onDisable=function(){var r,a=this.engine.xrManager;a&&((r=a.getFeature(this._feature))==null||r.removeChangedListener(this._onTrackedChanged),a.sessionManager.removeStateChangedListener(this._onSessionChanged))},e._onSessionChanged=function(r){switch(r){case E.Initializing:this._initXRFeature();break;case E.Initialized:var a=this._engine.xrManager.getFeature(this._feature);a?a.addChangedListener(this._onTrackedChanged):console.error("XRTrackedObjectManager: Feature ",this._feature.name," not found");break}},e._onTrackedChanged=function(r,a,i){if(r.length>0)for(var s=0,l=r.length;s<l;s++)this._createOrUpdateTrackedComponents(r[s]);if(a.length>0)for(var c=0,u=a.length;c<u;c++)this._createOrUpdateTrackedComponents(a[c]);if(i.length>0)for(var g=this,I=g._trackIdToIndex,v=g._trackedComponents,k=0,G=i.length;k<G;k++){var F=i[k].id,C=I[F];if(C!==void 0){var T=v[C];v.splice(C,1),delete I[F],T.destroyedOnRemoval?T.entity.destroy():T.entity.parent=null}}},e._createOrUpdateTrackedComponents=function(r){var a=this.getTrackedComponentByTrackId(r.id);if(!a){var i=this,s=i._trackIdToIndex,l=i._trackedComponents;a=this._createTrackedComponents(r),s[r.id]=l.length,l.push(a)}a.data=r;var c=a.entity.transform,u=r.pose;return c.position=u.position,c.rotationQuaternion=u.rotation,a},e._createTrackedComponents=function(r){var a=this._engine.xrManager.origin,i=this.prefab,s;return i?(N(i,te)?s=i.instantiateSceneRoot():N(i,ne)?s=i.instantiate():s=i.clone(),s.name="TrackedImage"+r.id,a.addChild(s)):s=a.createChild("TrackedImage"+r.id),s.addComponent(ye)},t}(j),be=function(n){y(t,n);function t(o){var r;return r=n.call(this,o,z)||this,r.anchors=[],r}var e=t.prototype;return e._initXRFeature=function(){var r=this.anchors,a=this.engine.xrManager;try{for(var i=a.addFeature(z),s=0,l=r.length;s<l;s++){var c=r[s];i.addAnchor(c.position,c.rotation)}}catch(u){console.error("Anchor Tracking is not supported.",u)}},t}(M),xe=function(n){y(t,n);function t(o){var r;return r=n.call(this,o,L)||this,r.trackingImages=[],r}var e=t.prototype;return e._initXRFeature=function(){try{this.engine.xrManager.addFeature(L,this.trackingImages)}catch(r){console.error("Image Tracking is not supported.",r)}},t}(M),ve=function(n){y(t,n);function t(o){var r;return r=n.call(this,o,V)||this,r.detectionMode=J.EveryThing,r}var e=t.prototype;return e._initXRFeature=function(){try{this.engine.xrManager.addFeature(V,this.detectionMode)}catch(r){console.error("Plane Tracking is not supported.",r)}},t}(M);const _e=x(({model:n,inspectorConfig:t,onModelChange:e})=>{const o=t.property||"anchors",r=n[o]||[],{t:a}=w();return f.jsx(f.Fragment,{children:f.jsx(W,{defaultValue:[],label:a("xr.anchor.list.label"),items:r.map((i,s)=>({removable:!0,children:f.jsx(Re,{item:i,onChange:l=>{const c=r.map((u,g)=>g!==s?u:l);e==null||e(o,c)}}),id:String(s),name:a("xr.anchor.item",{index:s})})),addable:!0,onAdd:()=>{const i=r.concat({position:{x:0,y:0,z:0},rotation:{x:0,y:0,z:0,w:1}});e==null||e(o,i)},onDelete:i=>{const s=Number(i.id),l=r.filter((c,u)=>u!==s);e==null||e(o,l)}})})}),Re=x(({item:n,onChange:t})=>{const{t:e}=w(),{position:o,rotation:r}=n;return f.jsxs(f.Fragment,{children:[f.jsx(oe,{label:e("xr.anchor.position"),info:e("xr.anchor.position"),value:{x:o.x,y:o.y,z:o.z},onChange:(a,i)=>{const s={...o,[i]:a[i]};t({...n,position:s})}}),f.jsx(ae,{label:e("xr.anchor.rotation"),info:e("xr.anchor.rotation"),value:{x:r.x,y:r.y,z:r.z,w:r.w},onChange:(a,i)=>{const s={...r,[i]:a[i]};t({...n,rotation:s})}})]})}),Ie=D("div",{textAlign:"center"}),ke=D("img",{maxHeight:"200px",maxWidth:"100%",height:"auto",width:"auto"}),Ce=x(({model:n,inspectorConfig:t,onModelChange:e})=>{const o=t.property||"trackingImages",r=n[o]||[],{assets:a}=n.root.assetStore,{t:i}=w(),s=r.map((c,u)=>{const g=a[c.refId];return g?{removable:!0,children:f.jsx(Te,{item:g,model:n}),id:String(u),arrow:!1,name:Xe(g.name)}:null}).filter(Boolean),l=[];return Object.values(a).forEach(c=>{const{type:u}=c.getMetaConfig();u==="XRReferenceImage"&&!r.find(g=>g.refId===c.id)&&l.push(c)}),f.jsxs(f.Fragment,{children:[f.jsx(W,{defaultValue:[],label:i("xr.image.list.label"),info:i("xr.image.list.info"),items:s,onDelete:async c=>{const u=Number(c.id),g=r.filter((I,v)=>v!==u);e==null||e(o,g)}}),f.jsx(ie,{assets:l,dropLayer:se.XRReferenceImage,onSelect:c=>{const u=r.concat(c.getCurrentRef());e==null||e(o,u)},placeholder:i("xr.image.select"),label:i("xr.image.add"),value:null,asset:null})]})}),Te=x(({item:n,model:t})=>f.jsxs(f.Fragment,{children:[f.jsx(Ie,{children:f.jsx(ke,{src:n.imgUrl})}),f.jsx(ce,{label:p("xr.image.width.label"),value:n.physicalWidth,onChange:e=>{t.root.inspectorFacade.assetChange(n.id,"physicalWidth",e,"asset-meta")}})]}));function Xe(n,t=30){return n.length>t?n.slice(0,t-3)+"...":n}function R(n,t,e,o){b.registerComponent(n,e),b.registerCustomEngineComponent(n,t),b.registerImportComponentProperty(n,o)}const _={};q.on("ComponentAddToScene",n=>{const{type:t}=n;if(t)switch(t){case"XR Origin":case"XR Anchor Manager":case"XR Image Manager":case"XR Plane Manager":(_[t]=(_[t]||0)+1)>1&&pe(p("xr.toast.only-one-effect"));break}});q.on("ComponentDestroyInScene",n=>{const{type:t}=n;!t||!_[t]||(_[t]-=1)});R("XR Origin",de,{class:h,componentsMenu:{label:p("xr.origin.title"),group:"XR"},type:"XR Origin",refMap:new Set,external:!1,unique:!0},[{type:m.SegmentControl,property:"mode",label:p("xr.origin.mode.label"),info:p("xr.origin.mode.info"),options:U(d,void 0,n=>p(`xr.origin.mode.${n.toLowerCase()}`))},{type:m.EntityPicker,property:"origin",label:p("xr.origin.origin.label"),info:p("xr.origin.origin.info"),when:n=>n.mode!==d.None},{type:m.EntityPicker,property:"camera",label:p("xr.origin.camera.label"),info:p("xr.origin.camera.info"),when:n=>n.mode===d.AR},{type:m.EntityPicker,property:"leftCamera",label:p("xr.origin.left-camera.label"),info:p("xr.origin.left-camera.info"),when:n=>n.mode===d.VR},{type:m.EntityPicker,property:"rightCamera",label:p("xr.origin.right-camera.label"),info:p("xr.origin.right-camera.info"),when:n=>n.mode===d.VR}]);R("XR Anchor Manager",be,{class:h,componentsMenu:{label:p("xr.anchor.title"),group:"XR"},type:"XR Anchor Manager",refMap:new Set,external:!1,unique:!0},[{customComponent:_e,property:"anchors",label:p("xr.anchor.list.label"),info:p("xr.anchor.list.info")},{type:m.AssetPicker,assetType:"Prefab",property:"prefab",label:"Prefab",info:p("xr.prefab")}]);R("XR Image Manager",xe,{class:h,componentsMenu:{label:p("xr.image.title"),group:"XR"},type:"XR Image Manager",refMap:new Set,external:!1,unique:!0},[{customComponent:Ce,property:"trackingImages",label:p("xr.image.list.label"),info:p("xr.image.list.info")},{type:m.AssetPicker,assetType:"Prefab",property:"prefab",label:"Prefab",info:p("xr.prefab")}]);R("XR Plane Manager",ve,{class:h,componentsMenu:{label:p("xr.plane.title"),group:"XR"},type:"XR Plane Manager",refMap:new Set,external:!1,unique:!0},[{type:m.Select,property:"detectionMode",label:p("xr.plane.detection-mode.label"),info:p("xr.plane.detection-mode.info"),options:U(J)},{type:m.AssetPicker,assetType:"Prefab",property:"prefab",label:"Prefab",info:p("xr.prefab")}]);const Ae=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));export{h as I,Ae as i};
+var K=Object.defineProperty;var Q=(n,t,e)=>t in n?K(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var X=(n,t,e)=>(Q(n,typeof t!="symbol"?t+"":t,e),e);import{aJ as x,av as f,aO as $,E as b,bM as Y,c6 as A,c7 as Z,x as ee,p as re,e as p,cp as O,S as j,ev as te,et as ne,aK as w,bm as oe,di as ae,aH as D,bA as ie,q as se,cn as ce,ew as q,bX as pe,C as m,t as U}from"./index-b126bb6b.js";import{a as d,b as S,c as E,d as z,e as L,f as V,g as J}from"./module-8efda49c.js";import{r as le}from"./index-c8ed2a45.js";import"./postmen-3b48c572.js";import{F as W}from"./FormItemArray-9ca61884.js";import{c as ue}from"./create-script-property-context-model-0fe0258f.js";const fe=x(function(t){const{model:e}=t,o=ue(e.properties,e.root);return f.jsx($.List,{fullWidth:!0,model:o,configs:e.propertiesConfig,onModelChange:(r,a)=>{a!==void 0&&le.inspectorFacade.componentChange(e.id,r,a)}})});var ge=Object.defineProperty,me=Object.getOwnPropertyDescriptor,H=(n,t,e,o)=>{for(var r=o>1?void 0:o?me(t,e):t,a=n.length-1,i;a>=0;a--)(i=n[a])&&(r=(o?i(t,e,r):i(r))||r);return o&&r&&ge(t,e,r),r};class h extends b{constructor(e,o){super(e,o);X(this,"propertiesConfig",[]);X(this,"properties",{})}onInitComplete(){this._attachImportScriptBridge()}_attachImportScriptBridge(){const e=b.getRegisteredImportComponentProperty(this.type),{engineObject:o}=this,r={},a=[];for(let s=0;s<e.length;s++){const l=e[s];r[l.property]=o[l.property],a.push(l)}this.propertiesConfig=a;const{properties:i}=this;for(const[s,l]of Object.entries(r))i[s]=i[s]??l;Object.keys(i).forEach(s=>{Y(this,s,{getActualEditorValue:()=>A(i[s]),setActualEditorValue:(l,c,u)=>{l.properties[c]=u}})})}rebindEngineObject(e){super.rebindEngineObject(e),this._attachImportScriptBridge()}deserialize(e){if(super.deserialize(e),e.props)for(const[o,r]of Object.entries(e.props))o!=="enabled"&&(this.properties[o]=r)}toJSON(){const e=super.toJSON();if(delete e.props.script,this.properties){const o=A(this.properties),r=e.props||{};for(const[a,i]of Object.entries(o)){if(a==="root")continue;const s=Z(i);s!==void 0&&(r[a]=s)}e.props=r}return e}}H([ee.ref],h.prototype,"propertiesConfig",2);H([re({label:p("component.script.properties-label"),customComponent:fe})],h.prototype,"properties",2);function P(n,t){return P=Object.setPrototypeOf||function(o,r){return o.__proto__=r,o},P(n,t)}function y(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),t&&P(n,t)}var de=function(n){y(t,n);function t(){var o;return o=n.apply(this,arguments)||this,o.mode=d.AR,o}var e=t.prototype;return e.onEnable=function(){var r=this.engine.xrManager;if(r)switch(this.mode){case d.AR:var a;r.origin=this.origin;var i=(a=this.camera)==null?void 0:a.getComponent(O);if(i)r.cameraManager.attachCamera(S.Camera,i);else throw new Error("XROrigin: The Camera is not included on the Camera Entity");break;case d.VR:var s,l;r.origin=this.origin;var c=(s=this.leftCamera)==null?void 0:s.getComponent(O);if(c)r.cameraManager.attachCamera(S.LeftCamera,c);else throw new Error("XROrigin: The Camera is not included on the Left Camera Entity");var u=(l=this.rightCamera)==null?void 0:l.getComponent(O);if(u)r.cameraManager.attachCamera(S.RightCamera,u);else throw new Error("XROrigin: The Camera is not included on the Right Camera Entity");break}},t}(j);function B(n,t){for(var e=0;e<t.length;e++){var o=t[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}function he(n,t,e){return t&&B(n.prototype,t),e&&B(n,e),n}var ye=function(n){y(t,n);function t(){var e;return e=n.apply(this,arguments)||this,e._destroyedOnRemoval=!0,e}return he(t,[{key:"data",get:function(){return this._data},set:function(o){this._data=o}},{key:"destroyedOnRemoval",get:function(){return this._destroyedOnRemoval},set:function(o){this._destroyedOnRemoval=o}}]),t}(j);function N(n,t){return t!=null&&typeof Symbol<"u"&&t[Symbol.hasInstance]?!!t[Symbol.hasInstance](n):n instanceof t}var M=function(n){y(t,n);function t(o,r){var a;return a=n.call(this,o)||this,a._trackIdToIndex=[],a._trackedComponents=[],a._feature=r,a._onTrackedChanged=a._onTrackedChanged.bind(a),a._onSessionChanged=a._onSessionChanged.bind(a),a}var e=t.prototype;return e.getTrackedComponentByTrackId=function(r){var a=this._trackIdToIndex[r];return a!==void 0?this._trackedComponents[a]:void 0},e.onEnable=function(){var r;(r=this.engine.xrManager)==null||r.sessionManager.addStateChangedListener(this._onSessionChanged)},e.onDisable=function(){var r,a=this.engine.xrManager;a&&((r=a.getFeature(this._feature))==null||r.removeChangedListener(this._onTrackedChanged),a.sessionManager.removeStateChangedListener(this._onSessionChanged))},e._onSessionChanged=function(r){switch(r){case E.Initializing:this._initXRFeature();break;case E.Initialized:var a=this._engine.xrManager.getFeature(this._feature);a?a.addChangedListener(this._onTrackedChanged):console.error("XRTrackedObjectManager: Feature ",this._feature.name," not found");break}},e._onTrackedChanged=function(r,a,i){if(r.length>0)for(var s=0,l=r.length;s<l;s++)this._createOrUpdateTrackedComponents(r[s]);if(a.length>0)for(var c=0,u=a.length;c<u;c++)this._createOrUpdateTrackedComponents(a[c]);if(i.length>0)for(var g=this,I=g._trackIdToIndex,v=g._trackedComponents,k=0,G=i.length;k<G;k++){var F=i[k].id,C=I[F];if(C!==void 0){var T=v[C];v.splice(C,1),delete I[F],T.destroyedOnRemoval?T.entity.destroy():T.entity.parent=null}}},e._createOrUpdateTrackedComponents=function(r){var a=this.getTrackedComponentByTrackId(r.id);if(!a){var i=this,s=i._trackIdToIndex,l=i._trackedComponents;a=this._createTrackedComponents(r),s[r.id]=l.length,l.push(a)}a.data=r;var c=a.entity.transform,u=r.pose;return c.position=u.position,c.rotationQuaternion=u.rotation,a},e._createTrackedComponents=function(r){var a=this._engine.xrManager.origin,i=this.prefab,s;return i?(N(i,te)?s=i.instantiateSceneRoot():N(i,ne)?s=i.instantiate():s=i.clone(),s.name="TrackedImage"+r.id,a.addChild(s)):s=a.createChild("TrackedImage"+r.id),s.addComponent(ye)},t}(j),be=function(n){y(t,n);function t(o){var r;return r=n.call(this,o,z)||this,r.anchors=[],r}var e=t.prototype;return e._initXRFeature=function(){var r=this.anchors,a=this.engine.xrManager;try{for(var i=a.addFeature(z),s=0,l=r.length;s<l;s++){var c=r[s];i.addAnchor(c.position,c.rotation)}}catch(u){console.error("Anchor Tracking is not supported.",u)}},t}(M),xe=function(n){y(t,n);function t(o){var r;return r=n.call(this,o,L)||this,r.trackingImages=[],r}var e=t.prototype;return e._initXRFeature=function(){try{this.engine.xrManager.addFeature(L,this.trackingImages)}catch(r){console.error("Image Tracking is not supported.",r)}},t}(M),ve=function(n){y(t,n);function t(o){var r;return r=n.call(this,o,V)||this,r.detectionMode=J.EveryThing,r}var e=t.prototype;return e._initXRFeature=function(){try{this.engine.xrManager.addFeature(V,this.detectionMode)}catch(r){console.error("Plane Tracking is not supported.",r)}},t}(M);const _e=x(({model:n,inspectorConfig:t,onModelChange:e})=>{const o=t.property||"anchors",r=n[o]||[],{t:a}=w();return f.jsx(f.Fragment,{children:f.jsx(W,{defaultValue:[],label:a("xr.anchor.list.label"),items:r.map((i,s)=>({removable:!0,children:f.jsx(Re,{item:i,onChange:l=>{const c=r.map((u,g)=>g!==s?u:l);e==null||e(o,c)}}),id:String(s),name:a("xr.anchor.item",{index:s})})),addable:!0,onAdd:()=>{const i=r.concat({position:{x:0,y:0,z:0},rotation:{x:0,y:0,z:0,w:1}});e==null||e(o,i)},onDelete:i=>{const s=Number(i.id),l=r.filter((c,u)=>u!==s);e==null||e(o,l)}})})}),Re=x(({item:n,onChange:t})=>{const{t:e}=w(),{position:o,rotation:r}=n;return f.jsxs(f.Fragment,{children:[f.jsx(oe,{label:e("xr.anchor.position"),info:e("xr.anchor.position"),value:{x:o.x,y:o.y,z:o.z},onChange:(a,i)=>{const s={...o,[i]:a[i]};t({...n,position:s})}}),f.jsx(ae,{label:e("xr.anchor.rotation"),info:e("xr.anchor.rotation"),value:{x:r.x,y:r.y,z:r.z,w:r.w},onChange:(a,i)=>{const s={...r,[i]:a[i]};t({...n,rotation:s})}})]})}),Ie=D("div",{textAlign:"center"}),ke=D("img",{maxHeight:"200px",maxWidth:"100%",height:"auto",width:"auto"}),Ce=x(({model:n,inspectorConfig:t,onModelChange:e})=>{const o=t.property||"trackingImages",r=n[o]||[],{assets:a}=n.root.assetStore,{t:i}=w(),s=r.map((c,u)=>{const g=a[c.refId];return g?{removable:!0,children:f.jsx(Te,{item:g,model:n}),id:String(u),arrow:!1,name:Xe(g.name)}:null}).filter(Boolean),l=[];return Object.values(a).forEach(c=>{const{type:u}=c.getMetaConfig();u==="XRReferenceImage"&&!r.find(g=>g.refId===c.id)&&l.push(c)}),f.jsxs(f.Fragment,{children:[f.jsx(W,{defaultValue:[],label:i("xr.image.list.label"),info:i("xr.image.list.info"),items:s,onDelete:async c=>{const u=Number(c.id),g=r.filter((I,v)=>v!==u);e==null||e(o,g)}}),f.jsx(ie,{assets:l,dropLayer:se.XRReferenceImage,onSelect:c=>{const u=r.concat(c.getCurrentRef());e==null||e(o,u)},placeholder:i("xr.image.select"),label:i("xr.image.add"),value:null,asset:null})]})}),Te=x(({item:n,model:t})=>f.jsxs(f.Fragment,{children:[f.jsx(Ie,{children:f.jsx(ke,{src:n.imgUrl})}),f.jsx(ce,{label:p("xr.image.width.label"),value:n.physicalWidth,onChange:e=>{t.root.inspectorFacade.assetChange(n.id,"physicalWidth",e,"asset-meta")}})]}));function Xe(n,t=30){return n.length>t?n.slice(0,t-3)+"...":n}function R(n,t,e,o){b.registerComponent(n,e),b.registerCustomEngineComponent(n,t),b.registerImportComponentProperty(n,o)}const _={};q.on("ComponentAddToScene",n=>{const{type:t}=n;if(t)switch(t){case"XR Origin":case"XR Anchor Manager":case"XR Image Manager":case"XR Plane Manager":(_[t]=(_[t]||0)+1)>1&&pe(p("xr.toast.only-one-effect"));break}});q.on("ComponentDestroyInScene",n=>{const{type:t}=n;!t||!_[t]||(_[t]-=1)});R("XR Origin",de,{class:h,componentsMenu:{label:p("xr.origin.title"),group:"XR"},type:"XR Origin",refMap:new Set,external:!1,unique:!0},[{type:m.SegmentControl,property:"mode",label:p("xr.origin.mode.label"),info:p("xr.origin.mode.info"),options:U(d,void 0,n=>p(`xr.origin.mode.${n.toLowerCase()}`))},{type:m.EntityPicker,property:"origin",label:p("xr.origin.origin.label"),info:p("xr.origin.origin.info"),when:n=>n.mode!==d.None},{type:m.EntityPicker,property:"camera",label:p("xr.origin.camera.label"),info:p("xr.origin.camera.info"),when:n=>n.mode===d.AR},{type:m.EntityPicker,property:"leftCamera",label:p("xr.origin.left-camera.label"),info:p("xr.origin.left-camera.info"),when:n=>n.mode===d.VR},{type:m.EntityPicker,property:"rightCamera",label:p("xr.origin.right-camera.label"),info:p("xr.origin.right-camera.info"),when:n=>n.mode===d.VR}]);R("XR Anchor Manager",be,{class:h,componentsMenu:{label:p("xr.anchor.title"),group:"XR"},type:"XR Anchor Manager",refMap:new Set,external:!1,unique:!0},[{customComponent:_e,property:"anchors",label:p("xr.anchor.list.label"),info:p("xr.anchor.list.info")},{type:m.AssetPicker,assetType:"Prefab",property:"prefab",label:"Prefab",info:p("xr.prefab")}]);R("XR Image Manager",xe,{class:h,componentsMenu:{label:p("xr.image.title"),group:"XR"},type:"XR Image Manager",refMap:new Set,external:!1,unique:!0},[{customComponent:Ce,property:"trackingImages",label:p("xr.image.list.label"),info:p("xr.image.list.info")},{type:m.AssetPicker,assetType:"Prefab",property:"prefab",label:"Prefab",info:p("xr.prefab")}]);R("XR Plane Manager",ve,{class:h,componentsMenu:{label:p("xr.plane.title"),group:"XR"},type:"XR Plane Manager",refMap:new Set,external:!1,unique:!0},[{type:m.Select,property:"detectionMode",label:p("xr.plane.detection-mode.label"),info:p("xr.plane.detection-mode.info"),options:U(J)},{type:m.AssetPicker,assetType:"Prefab",property:"prefab",label:"Prefab",info:p("xr.prefab")}]);const Ae=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));export{h as I,Ae as i};

package/dist/preview-client/_static/index-8234e4e2.js

@@ -0,0 +1 @@
+import{A as a,a as n}from"./AnimatorStore-aa58d85c.js";import"./index-b126bb6b.js";import"./index-c8ed2a45.js";import"./Component-398551a0.js";import"./postmen-3b48c572.js";export{a as AnimatorComponent,n as AnimatorStore};

package/dist/preview-client/_static/{index-88650db7.js → index-8784a43a.js}

@@ -1,4 +1,4 @@
-var Cn=Object.defineProperty;var En=(e,t,n)=>t in e?Cn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var x=(e,t,n)=>(En(e,typeof t!="symbol"?t+"":t,n),n);import{CameraComponent as Di}from"./CameraComponent-3dc63451.js";import{DirectLightComponent as Pi}from"./DirectLight-96dbba47.js";import{PointLightComponent as Ai}from"./PointLight-add790ea.js";import{SpotLightComponent as Ii}from"./SpotLight-649b0e21.js";import{MeshRendererComponent as Li}from"./MeshRendererComponent-430774ef.js";import{SkinnedMeshRendererComponent as ki}from"./SkinnedMeshRendererComponent-9756bd5f.js";import{A as Ni,a as zi}from"./AnimatorStore-883a28ad.js";import{SpriteRendererComponent as Fi}from"./SpriteRendererComponent-33b71997.js";import{SpriteMaskComponent as Ui}from"./SpriteMaskComponent-2c1cef5e.js";import{C as Wi,D as Yi,F as Hi,H as Ki,P as Vi,a as Ji,S as qi}from"./PhysicsStore-818c2f61.js";import{ScriptComponent as Zi}from"./index-29c59aff.js";import{TextRendererComponent as es}from"./TextRendererComponent-8dc0d7fb.js";import{LottieAnimationComponent as ns}from"./LottieAnimationComponent-f10dc558.js";import{SpineAnimationComponent as os}from"./SpineAnimationComponent-f3e0ff44.js";import{ParticleRendererComponent as ss}from"./ParticleRendererComponent-e106bd8c.js";import{TrailRendererComponent as ls}from"./TrailRendererComponent-c4635fab.js";import{aM as l,b7 as X,ev as pe,aH as ut,aI as $e,aJ as Dn,aK as Rn,av as E,aL as qe,ew as Pn,bk as Mn,dr as An,bq as _n,ai as In,B as jt,y as On,ex as Ge,L as Ln,bE as De,e2 as Ft,u as Tn,bs as kn,x as le,c2 as Bn,aC as ve,bt as Nn}from"./index-c3dec278.js";import{u as zn}from"./index-cdbb2f4d.js";import"./postmen-2853c0e6.js";import{c as _e}from"./createReactComponent-58d9f0dd.js";import{T as Ze}from"./Tooltip-b5be390f.js";import{I as us}from"./index-0dd5bb36.js";import{P as fs}from"./PostProcessComponent-af270a77.js";import{AudioComponent as ps}from"./AudioComponent-3d6c73ce.js";import{TransformComponent as vs}from"./TransformComponent-e544f7ac.js";import{ButtonComponent as bs,ImageComponent as ys,TextComponent as xs,UICanvasComponent as ws,UIGroupComponent as Ss,UITransformComponent as Cs}from"./index-74bcfad9.js";import"./Component-0f881fc1.js";import"./LightBaseComponent-d651a276.js";import"./createOnModelChange-370b83da.js";import"./ReferencedMaterial-d11151b5.js";import"./MaterialInspector-8d466d59.js";import"./IconPointFilled-62d3c3b2.js";import"./MeshRendererBaseComponent-fde6b6a5.js";import"./SpriteBaseComponent-d2a7ab4c.js";import"./FormItemArray-b8cda1d2.js";import"./Accordion-2cd014f1.js";import"./create-script-property-context-model-0fe0258f.js";import"./TextureAsset-a7ff39b1.js";import"./ktx2-encoder-db93524f.js";import"./TaskQueue-05c94a4d.js";import"./ktx-parse.modern-6c9f771f.js";import"./encode-ac4bb64e.js";import"./meshopt_simplifier.module-cd99529d.js";import"./AssetViewer-3847c058.js";import"./GlTFAsset-5970e707.js";import"./glTFIO-45ff9a17.js";import"./MaterialAsset-5353c4cb.js";import"./shader-data-utils-f0e4f5a3.js";import"./MeshAsset-c2bf60c5.js";import"./index-05b76766.js";import"./MeshThumbnail-07ffa076.js";import"./AnimatorControllerAsset-2716497a.js";import"./bundlers-9b0d37fc.js";import"./AnimationClipAsset-d7b37af0.js";import"./module-ec094ef6.js";import"./module-ada3dced.js";import"./ShaderChunkAsset-e43dde8a.js";import"./IconPlus-def01e2b.js";import"./AmbientLightAsset-be9e872c.js";import"./SpineSkeletonDataAsset-43b731f1.js";import"./FontAsset-d34b5378.js";import"./SceneAsset-08752701.js";import"./ShaderAsset-a9d667f5.js";import"./ShaderUIScriptAsset-e1cd0b8b.js";import"./PrimitiveMesh-075dda8a.js";import"./XRReferenceImageAsset-96f516ba.js";import"./module-de7ee724.js";import"./PrefabAsset-59743dbb.js";import"./PhysicsMaterialAsset-a2f73b5c.js";import"./RenderTargetAsset-b3cd1c49.js";import"./AudioAsset-c28f33ab.js";import"./index-da16047f.js";import"./MarkdownAsset-b2a3fad5.js";import"./TextBaseComponent-9310e0c6.js";import"./index-dd0763bf.js";import"./Menu-c8e6194b.js";import"./TransformBaseComponent-1473deaa.js";import"./Callout-e2a89f6f.js";/**
+var Cn=Object.defineProperty;var En=(e,t,n)=>t in e?Cn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var x=(e,t,n)=>(En(e,typeof t!="symbol"?t+"":t,n),n);import{CameraComponent as Di}from"./CameraComponent-76bc9102.js";import{DirectLightComponent as Pi}from"./DirectLight-50653e81.js";import{PointLightComponent as Ai}from"./PointLight-97975350.js";import{SpotLightComponent as Ii}from"./SpotLight-69f361c9.js";import{MeshRendererComponent as Li}from"./MeshRendererComponent-17a7fc72.js";import{SkinnedMeshRendererComponent as ki}from"./SkinnedMeshRendererComponent-e0f9b133.js";import{A as Ni,a as zi}from"./AnimatorStore-aa58d85c.js";import{SpriteRendererComponent as Fi}from"./SpriteRendererComponent-f7604c68.js";import{SpriteMaskComponent as Ui}from"./SpriteMaskComponent-a7ebcc50.js";import{C as Wi,D as Yi,F as Hi,H as Ki,P as Vi,a as Ji,S as qi}from"./PhysicsStore-ab32886e.js";import{ScriptComponent as Zi}from"./index-d1484803.js";import{TextRendererComponent as es}from"./TextRendererComponent-a5357d52.js";import{LottieAnimationComponent as ns}from"./LottieAnimationComponent-aeb555ea.js";import{SpineAnimationComponent as os}from"./SpineAnimationComponent-1e1655fd.js";import{ParticleRendererComponent as ss}from"./ParticleRendererComponent-1834a159.js";import{TrailRendererComponent as ls}from"./TrailRendererComponent-cdefa368.js";import{aM as l,b7 as X,ex as pe,aH as ut,aI as $e,aJ as Dn,aK as Rn,av as E,aL as qe,ey as Pn,bk as Mn,ds as An,bq as _n,ai as In,B as jt,y as On,ez as Ge,L as Ln,bE as De,e3 as Ft,u as Tn,bs as kn,x as le,c2 as Bn,aC as ve,bt as Nn}from"./index-b126bb6b.js";import{u as zn}from"./index-c8ed2a45.js";import"./postmen-3b48c572.js";import{c as _e}from"./createReactComponent-baa41397.js";import{T as Ze}from"./Tooltip-1bcb87b5.js";import{I as us}from"./index-70967035.js";import{P as fs}from"./PostProcessComponent-9590ec29.js";import{AudioComponent as ps}from"./AudioComponent-b70cc31e.js";import{TransformComponent as vs}from"./TransformComponent-4ec4b7b5.js";import{ButtonComponent as bs,ImageComponent as ys,TextComponent as xs,UICanvasComponent as ws,UIGroupComponent as Ss,UITransformComponent as Cs}from"./index-a0afef01.js";import"./Component-398551a0.js";import"./LightBaseComponent-4cfc9f48.js";import"./createOnModelChange-89f572a6.js";import"./ReferencedMaterial-49a7cbcc.js";import"./MaterialInspector-3fb471d9.js";import"./IconPointFilled-3ba6d082.js";import"./MeshRendererBaseComponent-cd8b743b.js";import"./SpriteBaseComponent-2c2454ea.js";import"./FormItemArray-9ca61884.js";import"./Accordion-4afac60c.js";import"./create-script-property-context-model-0fe0258f.js";import"./TextureAsset-ff089b5a.js";import"./ktx2-encoder-8498815e.js";import"./TaskQueue-05c94a4d.js";import"./ktx-parse.modern-6c9f771f.js";import"./encode-ac4bb64e.js";import"./meshopt_simplifier.module-cd99529d.js";import"./AssetViewer-8338dfe1.js";import"./GlTFAsset-d2ee4f95.js";import"./glTFIO-45ff9a17.js";import"./MaterialAsset-8f3b3302.js";import"./shader-data-utils-c90e48b8.js";import"./MeshAsset-3ddf1ac6.js";import"./index-cd09e78a.js";import"./MeshThumbnail-8c20ee92.js";import"./AnimatorControllerAsset-dcf11a9d.js";import"./bundlers-9b0d37fc.js";import"./AnimationClipAsset-660ecb36.js";import"./module-83a57161.js";import"./module-113ac03a.js";import"./ShaderChunkAsset-4bea2733.js";import"./IconPlus-b3ed4c04.js";import"./AmbientLightAsset-3825f3bf.js";import"./SpineSkeletonDataAsset-afb4afae.js";import"./FontAsset-dc385d41.js";import"./SceneAsset-c3bb667f.js";import"./ShaderAsset-f4eead79.js";import"./ShaderUIScriptAsset-3c731f3b.js";import"./PrimitiveMesh-0492d482.js";import"./XRReferenceImageAsset-ff82ab30.js";import"./module-8efda49c.js";import"./PrefabAsset-2f94de73.js";import"./PhysicsMaterialAsset-e0491877.js";import"./RenderTargetAsset-dc1f9494.js";import"./AudioAsset-6e607154.js";import"./index-29916a80.js";import"./MarkdownAsset-02477e7c.js";import"./TextBaseComponent-cd7ad9f7.js";import"./index-5e4dedda.js";import"./Menu-36c201c0.js";import"./TransformBaseComponent-d26ff236.js";import"./Callout-155c30df.js";/**
  * @license @tabler/icons-react v3.24.0 - MIT
  *
  * This source code is licensed under the MIT license.

package/dist/preview-client/_static/index-94594d06.js

@@ -0,0 +1 @@
+import{A,a as l,b as C}from"./AnimationClipAsset-660ecb36.js";import"./index-b126bb6b.js";import"./index-c8ed2a45.js";import"./postmen-3b48c572.js";import"./AssetViewer-8338dfe1.js";import"./encode-ac4bb64e.js";import"./meshopt_simplifier.module-cd99529d.js";import"./module-83a57161.js";import"./module-113ac03a.js";export{A as AnimationClipAsset,l as AnimationClipInspector,C as AnimationClipViewer};

package/dist/preview-client/_static/{index-74bcfad9.js → index-a0afef01.js}

@@ -1 +1 @@
-var Te=Object.defineProperty;var Se=(n,e,t)=>e in n?Te(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var h=(n,e,t)=>(Se(n,typeof e!="symbol"?e+"":e,t),t);import{aJ as j,aK as $,av as c,dn as Q,ew as H,aM as F,bA as K,q as J,eM as xe,bk as Re,bI as O,E as B,eQ as Ee,eR as Me,eS as Ae,p as b,C as R,s as v,e as x,eN as z,f as we,eT as y,eU as _,eV as ee,aH as Ie,bT as pe,t as ue,bU as he,eW as je,aC as oe,eX as Pe,x as Le,eY as Oe,eZ as T,eu as k,e_ as I,e$ as X,bu as ze,ar as fe,ai as Be,cu as Fe,cv as De,cx as qe,cw as Ue,ct as ke,cy as Ve}from"./index-c3dec278.js";import{r as N}from"./index-cdbb2f4d.js";import"./postmen-2853c0e6.js";import{c as W}from"./Component-0f881fc1.js";import{F as Ne}from"./FormItemArray-b8cda1d2.js";import{S as $e}from"./SpriteBaseComponent-d2a7ab4c.js";import{T as We}from"./TextBaseComponent-9310e0c6.js";import{T as w}from"./TransformBaseComponent-1473deaa.js";import{S as He}from"./Callout-e2a89f6f.js";import"./Accordion-2cd014f1.js";import"./createReactComponent-58d9f0dd.js";const Ge=j(({item:n,onPropsChange:e})=>{const{t}=$(),i=n.props;return c.jsxs(c.Fragment,{children:[c.jsx(Q,{label:t("ui.transition.color.normal.label"),value:i.normal,onChange:a=>{e(r=>{r.normal=a})}}),c.jsx(Q,{label:t("ui.transition.color.hover.label"),value:i.hover,onChange:a=>{e(r=>{r.hover=a})}}),c.jsx(Q,{label:t("ui.transition.color.pressed.label"),value:i.pressed,onChange:a=>{e(r=>{r.pressed=a})}}),c.jsx(Q,{label:t("ui.transition.color.disabled.label"),value:i.disabled,onChange:a=>{e(r=>{r.disabled=a})}})]})});function Qe(n,e){const t=n.props;e.normal.copyFrom(t.normal),e.hover.copyFrom(t.hover),e.pressed.copyFrom(t.pressed),e.disabled.copyFrom(t.disabled)}const Ke=j(({item:n,onPropsChange:e})=>{const{t}=$(),i=n.props;return c.jsxs(c.Fragment,{children:[c.jsx(H,{label:t("ui.transition.scale.normal.label"),value:i.normal,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.normal=a})}}),c.jsx(H,{label:t("ui.transition.scale.hover.label"),value:i.hover,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.hover=a})}}),c.jsx(H,{label:t("ui.transition.scale.pressed.label"),value:i.pressed,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.pressed=a})}}),c.jsx(H,{label:t("ui.transition.scale.disabled.label"),value:i.disabled,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.disabled=a})}})]})});function Je(n,e){const t=n.props;e.normal=t.normal,e.hover=t.hover,e.pressed=t.pressed,e.disabled=t.disabled}const ae=new WeakMap;function Xe(n){const e=(ae.get(n)??0)+1;return ae.set(n,e),e}function ie(n,e){return ae.get(n)===e}function Y(n,e,t){if(!e)return t(null),()=>{};let i=!1;return n.getAssetByRef(e).then(a=>{i||t(a??null)}).catch(()=>{i||t(null)}),()=>{i=!0}}const Ye=j(({item:n,model:e,onPropsChange:t})=>{const[i,a]=F.useState(null),[r,s]=F.useState(null),[l,d]=F.useState(null),[u,m]=F.useState(null),{normal:o,hover:p,pressed:g,disabled:E}=n.props,{assetStore:C}=e.root,U=Object.values(C.assets).filter(f=>f.getMetaConfig().type==="sprite");return F.useEffect(()=>Y(C,o,a),[C,o]),F.useEffect(()=>Y(C,p,s),[C,p]),F.useEffect(()=>Y(C,g,d),[C,g]),F.useEffect(()=>Y(C,E,m),[C,E]),c.jsxs(c.Fragment,{children:[c.jsx(K,{label:"Normal Sprite",dropLayer:J.Sprite,asset:i,value:i==null?void 0:i.name,assets:U,onSelect:f=>{t(L=>{L.normal=(f==null?void 0:f.getCurrentRef())??null})},onDelete:()=>{t(f=>{f.normal=null})},onLocate:()=>{o!=null&&o.refId&&C.selectAsset(o.refId)}}),c.jsx(K,{label:"Hover Sprite",dropLayer:J.Sprite,asset:r,value:r==null?void 0:r.name,assets:U,onSelect:f=>{t(L=>{L.hover=(f==null?void 0:f.getCurrentRef())??null})},onDelete:()=>{t(f=>{f.hover=null})},onLocate:()=>{p!=null&&p.refId&&C.selectAsset(p.refId)}}),c.jsx(K,{label:"Pressed Sprite",dropLayer:J.Sprite,asset:l,value:l==null?void 0:l.name,assets:U,onSelect:f=>{t(L=>{L.pressed=(f==null?void 0:f.getCurrentRef())??null})},onDelete:()=>{t(f=>{f.pressed=null})},onLocate:()=>{g!=null&&g.refId&&C.selectAsset(g.refId)}}),c.jsx(K,{label:"Disabled Sprite",dropLayer:J.Sprite,asset:u,value:u==null?void 0:u.name,assets:U,onSelect:f=>{t(L=>{L.disabled=(f==null?void 0:f.getCurrentRef())??null})},onDelete:()=>{t(f=>{f.disabled=null})},onLocate:()=>{E!=null&&E.refId&&C.selectAsset(E.refId)}})]})});function Ze(n,e){const{normal:t,hover:i,pressed:a,disabled:r}=n.props,s=N.assetStore,l=Xe(e),d=(u,m)=>{if(!u){if(!ie(e,l))return;m(null);return}s.getAssetByRef(u).then(o=>{ie(e,l)&&m((o==null?void 0:o.engineObject)??null)}).catch(o=>{ie(e,l)&&(console.warn("[SpriteTransitionOption] syncSpriteTransition failed:",o),m(null))})};d(t,u=>{e.normal=u}),d(i,u=>{e.hover=u}),d(a,u=>{e.pressed=u}),d(r,u=>{e.disabled=u})}const ye=j(n=>{var g;const{inspectorConfig:{property:e,label:t,disabled:i,info:a,componentTypes:r},model:s,onModelChange:l}=n,d=N.sceneStore.rootEntity.children,u=((g=s[e])==null?void 0:g.ownerId)||null,m=u&&N.sceneStore.getEntityModel(u),{t:o}=$();function p(E){let C;const U=N.sceneStore.getEntityModel(E);if(U)for(let f=0,L=r.length;f<L;f++){const de=U.getComponentByTypeName(r[f]);if(de){C={ownerId:E,componentId:de.id};break}}l==null||l(e,C)}return c.jsx(xe,{info:a,entities:d,label:t,value:u,disabled:i,displayValue:m==null?void 0:m.name,placeholder:o("Select component..."),onSelect:p,onLocate:()=>{N.sceneStore.selectEntity(u)},onDelete:()=>{p(null)}})}),re={SpriteTransition:{class:"SpriteTransition",props:{target:null,normal:null,hover:null,pressed:null,disabled:null,duration:0}},ColorTransition:{class:"ColorTransition",props:{target:null,normal:{r:1,g:1,b:1,a:1},hover:{r:1,g:1,b:1,a:1},pressed:{r:1,g:1,b:1,a:1},disabled:{r:1,g:1,b:1,a:1},duration:0}},ScaleTransition:{class:"ScaleTransition",props:{target:null,normal:1,hover:1,pressed:1.2,disabled:1,duration:.1}}},et=j(({item:n,index:e,model:t,onModelChange:i})=>{var u;const{t:a}=$();let r,s;switch(n.class){case"SpriteTransition":r=Ye,s=["Image"];break;case"ColorTransition":r=Ge,s=["Image","Text"];break;case"ScaleTransition":r=Ke,s=["Image","Text"];break}const l=m=>{const o=O(t.transitions);m(o),i==null||i("transitions",o)},d=m=>{l(o=>{const p=o[e];p&&m(p)})};return c.jsxs(c.Fragment,{children:[c.jsx(ye,{inspectorConfig:{label:a("ui.transition.target.label"),info:a("ui.transition.target.info"),property:"target",componentTypes:s,value:((u=n.props.target)==null?void 0:u.ownerId)??null},model:n.props,onModelChange:(m,o)=>{d(p=>{p.props.target=o})}}),c.jsx(Re,{label:a("ui.transition.type.label"),info:a("ui.transition.type.info"),value:n.class,options:[{label:a("ui.transition.type.sprite"),value:"SpriteTransition"},{label:a("ui.transition.type.scale"),value:"ScaleTransition"},{label:a("ui.transition.type.color"),value:"ColorTransition"}],onChange:m=>{re[m].class!==n.class&&d(p=>{const g=re[m],E=p.props.target;p.class=g.class,p.props={...p.props,duration:g.props.duration,normal:O(g.props.normal),hover:O(g.props.hover),pressed:O(g.props.pressed),disabled:O(g.props.disabled),target:E}})}}),c.jsx(r,{item:n,model:t,onPropsChange:m=>{d(o=>{m(o.props)})}}),c.jsx(H,{label:a("ui.transition.duration.label"),info:a("ui.transition.duration.info"),value:n.props.duration,min:0,max:2,step:.05,onChange:m=>{d(o=>{o.props.duration=m})}})]})}),tt=j(({model:n,inspectorConfig:e,onModelChange:t})=>{const{label:i}=e,{t:a}=$(),r=n.transitions,s=l=>{const d=O(r);l(d),t==null||t("transitions",d)};return c.jsx(Ne,{label:i,items:r.map((l,d)=>{const u={SpriteTransition:a("ui.transition.type.sprite"),ColorTransition:a("ui.transition.type.color"),ScaleTransition:a("ui.transition.type.scale")};return{removable:!0,children:c.jsx(et,{item:l,index:d,model:n,onModelChange:t}),id:d+"",name:u[l.class]||l.class}}),addable:!0,onAdd:()=>{s(l=>{var m;const d=O(re.SpriteTransition),u=(m=l[0])==null?void 0:m.props.target;d.props.target=u?O(u):null,l.push(d)})},onDelete:l=>{s(d=>{d.splice(parseInt(l.id),1)})}})});var nt=Object.defineProperty,it=Object.getOwnPropertyDescriptor,se=(n,e,t,i)=>{for(var a=i>1?void 0:i?it(e,t):e,r=n.length-1,s;r>=0;r--)(s=n[r])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&nt(e,t,a),a};let Z=class extends B{constructor(e,t){super(e,t);h(this,"_transitionMap",new Map);h(this,"interactive",!0);h(this,"transitions",[])}syncTransitionsFromModel(){const e=this.transitions,t=this._transitionMap;for(const[i,a]of Array.from(t.entries()))e.includes(i)||(a&&this.engineObject.removeTransition(a),t.delete(i));for(let i=0,a=e.length;i<a;i++)this.addTransition(e[i])}_onInitComplete(){this._attachEditorButtonTransitions()}_attachEditorButtonTransitions(){const e=this.transitions;for(let t=0,i=e.length;t<i;t++)this.addTransition(e[t])}_detachEditorButtonTransitions(){for(const e of this._transitionMap.values())this.engineObject.removeTransition(e);this._transitionMap.clear()}rebindEngineObject(e){this._detachEditorButtonTransitions(),super.rebindEngineObject(e),this._attachEditorButtonTransitions()}addTransition(e){var m;const t=e==null?void 0:e.class;if(!(t==="SpriteTransition"||t==="ColorTransition"||t==="ScaleTransition")){console.warn(`[ButtonComponent] Unsupported transition.class: ${t}`);return}const a=this.transitions;let r=a.indexOf(e);if(r===-1)r=a.push(e)-1;else{const o=this._transitionMap.get(a[r]);o&&(this.engineObject.removeTransition(o),this._transitionMap.delete(e))}const s=this._transitionMap;let l;const d=this.engineObject;switch(t){case"SpriteTransition":l=new Ae,Ze(e,l);break;case"ColorTransition":l=new Me,Qe(e,l);break;case"ScaleTransition":l=new Ee,Je(e,l);break}const u=e.props.target;if(u){const o=(m=this.root.sceneStore.getEntityModel(u.ownerId))==null?void 0:m.getComponentById(u.componentId);o==null||o.onReady().then(()=>{(o==null?void 0:o.status)==="ready"&&(l.target=o==null?void 0:o.engineObject)})}d.addTransition(l),s.set(a[r],l)}getTransition(e){return this._transitionMap.get(e)}};se([b({label:"ui.button.interactive.label",info:"ui.button.interactive.info",type:R.Toggle,onChange(n,e,t){const i=n.engineObject;i.interactive=t;const a=i._getInteractiveState(),r=i.transitions;for(let s=0,l=r.length;s<l;s++)r[s]._setState(a,!0)}}),v()],Z.prototype,"interactive",2);se([v({onSerialize:n=>n.map(e=>({$type:e.class,...O(e.props)})),onDeserialize:n=>n.map(e=>{const{$type:t,...i}=e;return{class:t,props:i}})}),b({label:x("ui.button.transitions.label"),info:x("ui.button.transitions.info"),customComponent:tt,triggerAfterInit:!1,onChange(n){n.syncTransitionsFromModel();const e=n.engineObject,t=e._getInteractiveState(),i=e.transitions;for(let a=0,r=i.length;a<r;a++)i[a]._setState(t,!0)}}),v()],Z.prototype,"transitions",2);Z=se([W({type:"Button",componentsMenu:{group:"UI",label:"component.ui-button.title"},dependentComponent:{type:"UITransform",dependentMode:z.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],Z);var be=Object.defineProperty,at=Object.getOwnPropertyDescriptor,rt=(n,e,t)=>e in n?be(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,te=(n,e,t,i)=>{for(var a=i>1?void 0:i?at(e,t):e,r=n.length-1,s;r>=0;r--)(s=n[r])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&be(e,t,a),a},ot=(n,e,t)=>(rt(n,typeof e!="symbol"?e+"":e,t),t);let D=class extends $e{constructor(e,t){super(e,t);h(this,"raycastEnabled",!0);h(this,"raycastPadding",{x:0,y:0,z:0,w:0});h(this,"material",{refId:D._internalImageMaterialRefId});this.formSchema.addGroup("ui.image.raycast.title",["raycastEnabled","raycastPadding"])}_onInitComplete(){this.raycastEnabled=!1,this._applyEditorRuntimeState()}rebindEngineObject(e){super.rebindEngineObject(e),this._applyEditorRuntimeState()}_applyEditorRuntimeState(){this.applyBoundPathChange("raycastEnabled",R.Toggle,this.raycastEnabled)}};ot(D,"_internalImageMaterialRefId","0000204");te([b({label:"ui.image.raycast.enabled.label",info:"ui.image.raycast.enabled.info",type:R.Toggle,bindPath:"raycastEnabled"}),v()],D.prototype,"raycastEnabled",2);te([b({label:"ui.image.raycast.padding.label",info:"ui.image.raycast.padding.info",type:R.Vector4,slotMapping:{x:x("ui.image.raycast.padding.left"),y:x("ui.image.raycast.padding.down"),z:x("ui.image.raycast.padding.right"),w:x("ui.image.raycast.padding.up")}}),v()],D.prototype,"raycastPadding",2);te([b({label:"ui.image.material.label",info:"ui.image.material.info",type:R.AssetPicker,assetType:"Material",customFilter:n=>{var e;return((e=n.engineObject.shader)==null?void 0:e.name)!=="Effect/Particle"},onChange:async n=>{const{material:e}=n,t=n.engineObject;if(!e){t.setMaterial(null);return}const{refId:i}=e;if(i===D._internalImageMaterialRefId)t.setMaterial(t.engine._getUIDefaultMaterial());else{const a=await n.root.assetStore.getAssetByRef(e);a?t.setMaterial(a.engineObject):console.error(`Material asset not found: ${e.refId}`)}}}),we({engineKey:"setMaterial",getEngineValue:n=>n.getMaterial()}),v()],D.prototype,"material",2);D=te([W({type:"Image",componentsMenu:{group:"UI",label:"component.ui-image.title"},dependentComponent:{type:"UITransform",dependentMode:z.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],D);var st=Object.defineProperty,lt=Object.getOwnPropertyDescriptor,ct=(n,e,t,i)=>{for(var a=i>1?void 0:i?lt(e,t):e,r=n.length-1,s;r>=0;r--)(s=n[r])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&st(e,t,a),a};let ge=class extends We{constructor(n,e){super(n,e)}};ge=ct([W({type:"Text",componentsMenu:{group:"UI",label:"component.ui-text.title"},dependentComponent:{type:"UITransform",dependentMode:z.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],ge);function le(n,e,t){var s;const i=(s=n._getParentTransform())==null?void 0:s._rect;if(!i)return;const a=n._rect,r=n.position.x;switch(e){case y.Left:n.alignLeft=r-i.x+a.x,t.push("alignLeft");break;case y.Right:n.alignRight=i.x+i.width-a.x-a.width-r,t.push("alignRight");break;case y.Center:n.alignCenter=r-i.x-i.width*.5+a.x+a.width*.5,t.push("alignCenter");break;case y.LeftAndRight:n.alignLeft=r-i.x+a.x,n.alignRight=i.x+i.width-a.x-a.width-r,t.push("alignLeft","alignRight");break}}function ce(n,e,t){var s;const i=(s=n._getParentTransform())==null?void 0:s._rect;if(!i)return;const a=n._rect,r=n.position.y;switch(e){case _.Top:n.alignTop=i.y+i.height-a.y-a.height-r,t.push("alignTop");break;case _.Bottom:n.alignBottom=r-i.y+a.y,t.push("alignBottom");break;case _.Middle:n.alignMiddle=r-i.y-i.height*.5+a.y+a.height*.5,t.push("alignMiddle");break;case _.TopAndBottom:n.alignTop=i.y+i.height-a.y-a.height-r,n.alignBottom=r-i.y+a.y,t.push("alignTop","alignBottom");break}}function dt(n,e,t=n.horizontalAlignment,i=n.verticalAlignment){e.length=0;const a=n.engineObject;return a.horizontalAlignment=y.None,a.verticalAlignment=_.None,le(a,t,e),ce(a,i,e),a.horizontalAlignment=t,a.verticalAlignment=i,e}const pt=ee({position:"relative",width:"95%",height:"100%","border-radius":"5px",background:"#00000000",border:"1px solid #646c75",display:"flex","justify-content":"center","align-items":"center","flex-shrink":0})(),ut=ee({position:"absolute",width:"calc(100% - 40px)",height:"calc(100% - 33px)",border:"1px solid #646c75","border-radius":"5px","pointer-events":"none"})(),ht=ee({display:"grid",width:"100%",padding:"var(--space-0_5)","grid-template-columns":"minmax(0px, 1.3fr) repeat(3, minmax(0px, 1fr))","grid-template-rows":"auto","column-gap":"var(--space-1)",alignItems:"center"})(),gt=ee({display:"grid",columnGap:"$1","align-items":"flex-start","grid-column":"2 / -1","column-gap":"var(--space-1)","row-gap":"var(--space-1)"})(),me=Ie("div",{display:"grid",gap:"var(--space-1)",variants:{column:{1:{gridTemplateColumns:"1fr"},2:{gridTemplateColumns:"repeat(2, 1fr)"},3:{gridTemplateColumns:"repeat(3, 1fr)"}}}}),mt=[],q=j(()=>null),ft=j(({model:n,onModelChange:e})=>{const t=n.engineObject,i=(o,p)=>{const g=dt(n,mt,o,p);for(let E=0;E<g.length;E++){const C=g[E];n._syncTransformToEditor(C,t[C]),e==null||e(C,n[C])}},a=o=>p=>{e==null||e(o,p)},r=o=>{switch(o){case y.None:return 1;case y.Left:case y.Right:case y.Center:return 2;case y.LeftAndRight:return 3;default:return 1}},s=(o,p="")=>c.jsx(je,{startSlot:p,value:n[o],onValueChange:a(o)},o),l=o=>{const p=n.horizontalAlignment;let g=p;p&o?g=p&~o:p===y.Center||o===y.Center?g=o:g=p|o,e==null||e("horizontalAlignment",g),i(g,n.verticalAlignment)},d=o=>{const p=n.verticalAlignment;let g=p;p&o?g=p&~o:p===_.Middle||o===_.Middle?g=o:g=p|o,e==null||e("verticalAlignment",g),i(n.horizontalAlignment,g)},u=o=>!!(n.horizontalAlignment&o),m=o=>!!(n.verticalAlignment&o);return c.jsxs("div",{className:ht,children:[c.jsxs("div",{className:pt,id:"ring",children:[c.jsx("div",{className:ut}),c.jsx(V,{...yt,isActive:u(y.Left),onClick:()=>l(y.Left)}),c.jsx(V,{...bt,isActive:u(y.Right),onClick:()=>l(y.Right)}),c.jsx(V,{...vt,isActive:u(y.Center),onClick:()=>l(y.Center)}),c.jsx(V,{..._t,isActive:m(_.Top),onClick:()=>d(_.Top)}),c.jsx(V,{...Ct,isActive:m(_.Bottom),onClick:()=>d(_.Bottom)}),c.jsx(V,{...Tt,isActive:m(_.Middle),onClick:()=>d(_.Middle)})]}),c.jsxs("div",{className:gt,children:[c.jsxs(me,{column:r(n.horizontalAlignment),children:[c.jsx(pe,{startSlot:n.horizontalAlignment===y.None?"Horizontal":"",value:n.horizontalAlignment,onValueChange:o=>{e==null||e("horizontalAlignment",o),i(o,n.verticalAlignment)},children:ue(y).map(o=>c.jsx(he,{value:o.value,children:o.label},o.value))}),n.horizontalAlignment===y.Left&&s("alignLeft"),n.horizontalAlignment===y.Right&&s("alignRight"),n.horizontalAlignment===y.Center&&s("alignCenter"),n.horizontalAlignment===y.LeftAndRight&&c.jsxs(c.Fragment,{children:[s("alignLeft","Left"),s("alignRight","Right")]})]}),c.jsxs(me,{column:r(n.verticalAlignment),children:[c.jsx(pe,{startSlot:n.verticalAlignment===_.None?"Vertical":"",value:n.verticalAlignment,onValueChange:o=>{e==null||e("verticalAlignment",o),i(n.horizontalAlignment,o)},children:ue(_).map(o=>c.jsx(he,{value:o.value,children:o.label},o.value))}),n.verticalAlignment===_.Top&&s("alignTop"),n.verticalAlignment===_.Bottom&&s("alignBottom"),n.verticalAlignment===_.Middle&&s("alignMiddle"),n.verticalAlignment===_.TopAndBottom&&c.jsxs(c.Fragment,{children:[s("alignTop","Top"),s("alignBottom","Bottom")]})]})]})]})}),yt={left:2,top:"cal(50% - 12px)",width:16,height:25,lw:10,lh:1,activeLH:3,orientation:"h"},bt={right:2,top:"cal(50% - 12px)",width:16,height:25,lw:10,lh:1,activeLH:3,orientation:"h"},vt={left:"cal(50% - 12px)",top:"cal(50% - 4px)",width:24,height:8,lw:14,lh:1,activeLH:3,orientation:"h"},_t={left:"cal(50% - 12px)",top:2,width:25,height:12,lw:1,lh:10,activeLW:3,orientation:"v"},Ct={left:"cal(50% - 12px)",bottom:2,width:25,height:12,lw:1,lh:10,activeLW:3,orientation:"v"},Tt={left:"cal(50% - 12px)",top:"cal(50% - 4px)",width:8,h:24,lw:1,lh:14,activeLW:3,orientation:"v"},V=j(function({isActive:e,onClick:t,...i}){return c.jsx("button",{onClick:t,style:{background:"transparent",padding:0,border:0,cursor:"pointer",display:"flex",position:"absolute",justifyContent:"center",alignItems:"center",...i},children:c.jsx("span",{style:{display:"block",background:e?"#1e88e5":"#a8acb3",borderRadius:e?"2px":"0px",width:i.orientation==="h"?i.lw:e&&i.activeLW||i.lw,height:i.orientation==="v"?i.lh:e&&i.activeLH||i.lh,transition:"all 0.15s ease"}})})});var ve=Object.defineProperty,St=Object.getOwnPropertyDescriptor,xt=(n,e,t)=>e in n?ve(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,A=(n,e,t,i)=>{for(var a=i>1?void 0:i?St(e,t):e,r=n.length-1,s;r>=0;r--)(s=n[r])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&ve(e,t,a),a},Rt=(n,e,t)=>(xt(n,typeof e!="symbol"?e+"":e,t),t);let S=class extends w{constructor(e,t){super(e,t);h(this,"_tempPropertiesForPosition",[]);h(this,"_tempPropertiesForSize",[]);h(this,"disabled",!1);h(this,"size",{x:100,y:100});h(this,"pivot",{x:.5,y:.5});h(this,"alignment",{});h(this,"horizontalAlignment",y.None);h(this,"verticalAlignment",_.None);h(this,"alignLeft",0);h(this,"alignCenter",0);h(this,"alignRight",0);h(this,"alignTop",0);h(this,"alignMiddle",0);h(this,"alignBottom",0);h(this,"syncEngineToEditor",oe((e=!1)=>{const t=this.engineObject,{size:i,pivot:a,position:r,rotation:s,scale:l}=t;!e&&this._isLock?(r.copyFrom(this.position),s.copyFrom(this.rotation),l.copyFrom(this.scale),i.copyFrom(this.size),a.copyFrom(this.pivot),t.horizontalAlignment=this.horizontalAlignment,t.alignLeft=this.alignLeft,t.alignCenter=this.alignCenter,t.alignRight=this.alignRight,t.verticalAlignment=this.verticalAlignment,t.alignTop=this.alignTop,t.alignMiddle=this.alignMiddle,t.alignBottom=this.alignBottom):(this._syncTransformToEditor("position",r),this._syncTransformToEditor("rotation",s),this._syncTransformToEditor("scale",l),this._syncTransformToEditor("size",i),this._syncTransformToEditor("pivot",a),this._syncTransformToEditor("horizontalAlignment",t.horizontalAlignment),this._syncTransformToEditor("alignLeft",t.alignLeft),this._syncTransformToEditor("alignCenter",t.alignCenter),this._syncTransformToEditor("alignRight",t.alignRight),this._syncTransformToEditor("verticalAlignment",t.verticalAlignment),this._syncTransformToEditor("alignTop",t.alignTop),this._syncTransformToEditor("alignMiddle",t.alignMiddle),this._syncTransformToEditor("alignBottom",t.alignBottom))}));h(this,"_engineParentEntity");h(this,"_isLock",!1);h(this,"_lockWorldMatrix");this._onTransformModify=this._onTransformModify.bind(this),this._onParentChange=this._onParentChange.bind(this),this._onParentTransformChange=this._onParentTransformChange.bind(this),this.formSchema.addGroup("ui.transform.relativeLayout",["alignment"],{when:i=>{var a,r;return!((r=(a=i.entityModel)==null?void 0:a.getComponentByTypeName("UICanvas"))!=null&&r.isRootCanvas())}})}static roundVector2(e,t){return t.x=w.roundToThreeDecimal(e.x),t.y=w.roundToThreeDecimal(e.y),t}static equalVector2(e,t){return e.x===t.x&&e.y===t.y}_updateEditorSize(){const e=this.engineObject,t=w.roundVector2(e.size,w._tempVector2);w.copyVector2(t,this.size)}_updateEditorPosition(){const e=this.engineObject,t=w.roundVector3(e.position,w._tempVector3);w.copyVector3(t,this.position)}onInitComplete(){this._attachEditorTransformListeners()}_attachEditorTransformListeners(){var e;if((e=this.engineObject.entity)==null||e._updateFlagManager.addListener(this._onTransformModify),this._isLock){const t=this.engineObject.entity;t._registerModifyListener(this._onParentChange),this._updateParent(t.parent)}}rebindEngineObject(e){super.rebindEngineObject(e),this._attachEditorTransformListeners()}_onTransformModify(e){this.engineObject;const t=512,i=1024;e&t&&this._updateEditorSize(),(e&t||e&i)&&(this.horizontalAlignment||this.verticalAlignment)&&this._updateEditorPosition()}syncRotation(e=!1){!e&&this._isLock?this.engineObject.rotation.copyFrom(this.rotation):this._syncTransformToEditor("rotation",this.engineObject.rotation)}syncTransformToEditor(e){this._isLock||(super.syncTransformToEditor(e),this._syncTransformToEditor("size",e.size),this._syncTransformToEditor("pivot",e.pivot),this._syncTransformToEditor("horizontalAlignment",e.horizontalAlignment),this._syncTransformToEditor("alignLeft",e.alignLeft),this._syncTransformToEditor("alignCenter",e.alignCenter),this._syncTransformToEditor("alignRight",e.alignRight),this._syncTransformToEditor("verticalAlignment",e.verticalAlignment),this._syncTransformToEditor("alignTop",e.alignTop),this._syncTransformToEditor("alignMiddle",e.alignMiddle),this._syncTransformToEditor("alignBottom",e.alignBottom))}destroy(e){var t,i;(i=(t=this.engineObject)==null?void 0:t.entity)==null||i._updateFlagManager.removeListener(this._onTransformModify),super.destroy(e)}checkCanDisable(){return{code:1,msg:"ui.transform.error.cant-disable"}}checkCanDeletable(){return{code:1,msg:"ui.transform.error.cant-delete"}}_onPositionChange(){const{horizontalAlignment:e,verticalAlignment:t}=this;if(e||t){const i=this.engineObject,a=this._tempPropertiesForPosition;a.length=0,i.horizontalAlignment=y.None,i.verticalAlignment=_.None,i.position.copyFrom(this.position),le(i,e,a),ce(i,t,a),i.horizontalAlignment=e,i.verticalAlignment=t;for(let r=0;r<a.length;r++){const s=a[r];this._syncTransformToEditor(s,i[s])}}else this.engineObject.position.copyFrom(this.position)}_onParentChange(e){e&Pe.Parent&&this._updateParent(this.engineObject.entity.parent)}_updateParent(e){const t=this._engineParentEntity;t!==e&&(t&&t._updateFlagManager.removeListener(this._onParentTransformChange),e&&e._updateFlagManager.addListener(this._onParentTransformChange),this._engineParentEntity=e,this._onParentTransformChange())}_onParentTransformChange(){this.engineObject.worldMatrix.copyFrom(this._lockWorldMatrix),this.syncEngineToEditor(!0)}lock(e){this._isLock=!0,this._lockWorldMatrix?this._lockWorldMatrix.copyFrom(e):this._lockWorldMatrix=e.clone();const t=this.engineObject.entity;t._registerModifyListener(this._onParentChange),this._updateParent(t.parent)}unlock(){var e;this._isLock=!1,this.engineObject.entity._unRegisterModifyListener(this._onParentChange),(e=this._engineParentEntity)==null||e._updateFlagManager.removeListener(this._onParentTransformChange)}onShow(){this.syncEngineToEditor(!0)}get ignoreToJSON(){return!0}getEditable(){return!this.disabled}onAddToEntity(e){for(let t=0;t<e.components.length;t++){const i=e.components[t];if((i.type==="Transform"||i.type==="UITransform")&&i!==this){e.removeComponent(i);break}}e.setComponentIndex(this,0)}getAnimatableProperties(){let e=[];const t=i=>{if(!(i!=null&&i.length))return e;i.filter(a=>a.property==="alignment"?!1:!a.when||a.when(this)).forEach(a=>{a.type==="Group"?t(a.children):e.push({property:a.property,label:a.label,type:a.type})})};return t(this.formSchema.items),e=e.concat(this._additionAnimatableProperties),e}_syncTransformToEditor(e,t){switch(e){case"horizontalAlignment":case"verticalAlignment":{this[e]!==t&&(this[e]=t,this.notifyPropertyChange(e,!1));break}case"alignLeft":case"alignCenter":case"alignRight":case"alignTop":case"alignMiddle":case"alignBottom":{const i=w.roundToThreeDecimal(t);this[e]!==i&&(this[e]=i,this.notifyPropertyChange(e,!1));break}case"size":case"pivot":{const i=this[e],a=S.roundVector2(t,S._tempVector2);S.equalVector2(a,i)||(i.x=a.x,i.y=a.y,this.notifyPropertyChange(e,!1));break}default:super._syncTransformToEditor(e,t);break}}};Rt(S,"_tempVector2",{x:0,y:0});A([Le],S.prototype,"disabled",2);A([b({label:x("ui.transform.size.label"),info:x("ui.transform.size.info"),type:R.Vector2,slotMapping:{x:"W",y:"H"},onChange:(n,e,t)=>{const i=n.engineObject,a=n.size,{x:r,y:s}=i.size,{horizontalAlignment:l,verticalAlignment:d}=n,u=w.roundToThreeDecimal(r)!==a.x,m=w.roundToThreeDecimal(s)!==a.y;if(!(!u&&!m))if(l||d){const o=n._tempPropertiesForSize;o.length=0,o.push("position"),i.horizontalAlignment=y.None,i.verticalAlignment=_.None,i.size.copyFrom(a),le(i,l,o),ce(i,d,o),i.horizontalAlignment=l,i.verticalAlignment=d;for(let p=0;p<o.length;p++){const g=o[p];n._syncTransformToEditor(g,i[g])}}else i.size.copyFrom(a)}}),v()],S.prototype,"size",2);A([b({label:x("ui.transform.pivot.label"),info:x("ui.transform.pivot.info"),type:R.Vector2,onChange:(n,e,t)=>{const i=n.pivot,a=n.engineObject;a.pivot.set(i.x,i.y),n._syncTransformToEditor("position",a.position)}}),v()],S.prototype,"pivot",2);A([b({customComponent:ft,when:n=>{var e,t;return!((t=(e=n.entityModel)==null?void 0:e.getComponentByTypeName("UICanvas"))!=null&&t.isRootCanvas())}})],S.prototype,"alignment",2);A([b({label:x("ui.transform.horizontalAlignment.label"),customComponent:q,onChange:n=>{n.engineObject.horizontalAlignment=n.horizontalAlignment}}),v()],S.prototype,"horizontalAlignment",2);A([b({label:x("ui.transform.verticalAlignment.label"),customComponent:q,onChange:n=>{n.engineObject.verticalAlignment=n.verticalAlignment}}),v()],S.prototype,"verticalAlignment",2);A([b({label:x("ui.transform.alignLeft.label"),customComponent:q,onChange:n=>{n.engineObject.alignLeft=n.alignLeft,n._updateEditorPosition()}}),v()],S.prototype,"alignLeft",2);A([b({label:x("ui.transform.alignCenter.label"),customComponent:q,onChange:n=>{n.engineObject.alignCenter=n.alignCenter,n._updateEditorPosition()}}),v()],S.prototype,"alignCenter",2);A([b({label:x("ui.transform.alignRight.label"),customComponent:q,onChange:n=>{n.engineObject.alignRight=n.alignRight,n._updateEditorPosition()}}),v()],S.prototype,"alignRight",2);A([b({label:x("ui.transform.alignTop.label"),customComponent:q,onChange:n=>{n.engineObject.alignTop=n.alignTop,n._updateEditorPosition()}}),v()],S.prototype,"alignTop",2);A([b({label:x("ui.transform.alignMiddle.label"),customComponent:q,onChange:n=>{n.engineObject.alignMiddle=n.alignMiddle,n._updateEditorPosition()}}),v()],S.prototype,"alignMiddle",2);A([b({label:x("ui.transform.alignBottom.label"),customComponent:q,onChange:n=>{n.engineObject.alignBottom=n.alignBottom,n._updateEditorPosition()}}),v()],S.prototype,"alignBottom",2);A([oe],S.prototype,"syncRotation",1);S=A([W({type:"UITransform",componentsMenu:{group:"UI",label:"component.ui-transform.title"},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],S);const Et=j(({model:n,inspectorConfig:e})=>{const{t}=$(),i=n.enabled?t("ui.canvas.warning.not-root-canvas-reason-not-closest"):t("ui.canvas.warning.not-root-canvas-reason-disabled");return c.jsxs(He,{type:"warning",css:{width:"100%"},children:[t("ui.canvas.warning.not-root-canvas")," ",i]})});var _e=Object.defineProperty,Mt=Object.getOwnPropertyDescriptor,At=(n,e,t)=>e in n?_e(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,P=(n,e,t,i)=>{for(var a=i>1?void 0:i?Mt(e,t):e,r=n.length-1,s;r>=0;r--)(s=n[r])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&_e(e,t,a),a},Ce=(n,e,t)=>(At(n,typeof e!="symbol"?e+"":e,t),t);let M=class extends B{constructor(e,t){super(e,t);h(this,"_cameraListener");h(this,"_initReadySequence",0);h(this,"_cameraReadySequence",0);h(this,"_poseReadySequence",0);h(this,"_sizeReadySequence",0);h(this,"_canvasReadySequence",0);h(this,"debouncedRootCanvasCheck",Oe(this._triggerRootCanvasCheck.bind(this),500,{edges:["trailing"]}));h(this,"warning","");h(this,"renderMode",T.ScreenSpaceOverlay);h(this,"referenceResolution",{x:800,y:600});h(this,"referenceResolutionPerUnit",100);h(this,"renderCamera",null);h(this,"resolutionAdaptationMode",I.HeightAdaptation);h(this,"sortOrder",0);h(this,"distance",10);this._onCanvasSizeListener=this._onCanvasSizeListener.bind(this),this._triggerRootCanvasCheck=this._triggerRootCanvasCheck.bind(this),this._onCameraModifyListener=this._onCameraModifyListener.bind(this),this._onCameraTransformListener=this._onCameraTransformListener.bind(this),this.formSchema.addGroup("ui.canvas.adaptation",["referenceResolution","resolutionAdaptationMode","referenceResolutionPerUnit"],{collapsible:!1,when:i=>i.isRootCanvas()})}onInitComplete(){this._attachEditorCanvasBridge()}_attachEditorCanvasBridge(){this.applyBoundPathChange("renderMode",R.Select,T.WorldSpace);const e=this._getTransformModel();if(!e)return;const t=++this._initReadySequence;e.onReady().then(()=>{var a;if(!this._isSequenceActive(t,this._initReadySequence)||((a=this._getTransformModel())==null?void 0:a.status)!=="ready")return;k.on("UICanvasEnabled",this.debouncedRootCanvasCheck),k.on("UICanvasDisable",this.debouncedRootCanvasCheck),this._engineObject.engine.canvas._sizeUpdateFlagManager.addListener(this._onCanvasSizeListener);const i=this.root.projectStore.currentScene;i&&(i.initComplete?this.debouncedRootCanvasCheck():i.onReady().then(()=>{this._isSequenceActive(t,this._initReadySequence)&&i.status==="ready"&&this.debouncedRootCanvasCheck()}).catch(()=>{}))}).catch(()=>{})}_detachEditorCanvasBridge(){var e;this._initReadySequence++,this._cameraReadySequence++,this._poseReadySequence++,this._sizeReadySequence++,this._canvasReadySequence++,k.off("UICanvasEnabled",this.debouncedRootCanvasCheck),k.off("UICanvasDisable",this.debouncedRootCanvasCheck),this._setCameraListener(null),(e=this._engineObject)==null||e.engine.canvas._sizeUpdateFlagManager.removeListener(this._onCanvasSizeListener)}rebindEngineObject(e){this._detachEditorCanvasBridge(),super.rebindEngineObject(e),this._attachEditorCanvasBridge()}_isSequenceActive(e,t){return!this.destroyed&&e===t}_triggerRootCanvasCheck(){var e,t;this._enabled&&this.isRootCanvas()?(this._onRenderCameraDirty(),this._onRenderModeDirty()):(this._setCameraListener(null),(t=(e=this.entityModel)==null?void 0:e.transform)==null||t.unlock(),this._setTransformDisabled(!1))}_onRenderModeDirty(){var t,i;switch(this.renderMode){case T.ScreenSpaceCamera:case T.ScreenSpaceOverlay:this._adapterPoseInScreenSpace(),this._adapterSizeInScreenSpace(),this._setTransformDisabled(!0);break;case T.WorldSpace:(i=(t=this.entityModel)==null?void 0:t.transform)==null||i.unlock(),this._setTransformDisabled(!1);break}}_setCameraListener(e){if(e){const t=++this._cameraReadySequence;e.onReady().then(()=>{if(!this._isSequenceActive(t,this._cameraReadySequence)||e.status!=="ready")return;const i=e.engineObject,a=this._cameraListener;a!==i&&(this._cameraListener=i,a&&(a.entity._updateFlagManager.removeListener(this._onCameraTransformListener),a._unRegisterModifyListener(this._onCameraModifyListener)),i&&(i.entity._updateFlagManager.addListener(this._onCameraTransformListener),i._registerModifyListener(this._onCameraModifyListener)))}).catch(()=>{})}else{this._cameraReadySequence++;const t=this._cameraListener;t&&(t.entity._updateFlagManager.removeListener(this._onCameraTransformListener),t._unRegisterModifyListener(this._onCameraModifyListener)),this._cameraListener=null}}_onRenderCameraDirty(){this._setCameraListener(this.renderMode===T.ScreenSpaceCamera?this._getCameraModel():null)}onEnabled(){super.onEnabled(),k.dispatch("UICanvasEnabled",this)}onDisabled(){super.onDisabled(),k.dispatch("UICanvasDisable",this)}isRootCanvas(){var e;return!!((e=this.engineObject)!=null&&e._isRootCanvas)}destroy(e){this._detachEditorCanvasBridge(),super.destroy(e)}_setTransformDisabled(e){var i;const t=(i=this.entityModel)==null?void 0:i.transform;t&&(t.disabled=e)}_onCameraModifyListener(e){switch(e){case X.ProjectionType:case X.AspectRatio:this._adapterSizeInScreenSpace();break;case X.FieldOfView:!this._cameraListener.isOrthographic&&this._adapterSizeInScreenSpace();break;case X.OrthographicSize:this._cameraListener.isOrthographic&&this._adapterSizeInScreenSpace();break}}_onCameraTransformListener(){this.renderMode===T.ScreenSpaceCamera&&this._adapterPoseInScreenSpace()}_adapterPoseInScreenSpace(){var a,r;const e=this.engineObject,t=e.entity.transform,i=this._getCameraModel();if(this.renderMode===T.ScreenSpaceCamera&&i){const s=++this._poseReadySequence;i.onReady().then(()=>{var d,u;if(!this._isSequenceActive(s,this._poseReadySequence)||i.status!=="ready")return;const l=i.engineObject;if(!this._isSameEntityOrChildEntity(l.entity)){const{transform:m}=l.entity,{worldPosition:o,worldForward:p}=m,g=e.distance;t.setWorldPosition(o.x+p.x*g,o.y+p.y*g,o.z+p.z*g),t.worldRotationQuaternion.copyFrom(m.worldRotationQuaternion),(u=(d=this.entityModel)==null?void 0:d.transform)==null||u.lock(t.worldMatrix),this._syncPose()}}).catch(()=>{})}else{this._poseReadySequence++;const{canvas:s}=e.engine,l=s.height,d=s.width;t.setWorldPosition(d*.5,l*.5,0),t.worldRotationQuaternion.set(0,0,0,1),(r=(a=this.entityModel)==null?void 0:a.transform)==null||r.lock(t.worldMatrix),this._syncPose()}}_adapterSizeInScreenSpace(){let e,t;const i=this._getCameraModel();if(this.renderMode===T.ScreenSpaceCamera&&i){const a=++this._sizeReadySequence;i.onReady().then(()=>{if(!this._isSequenceActive(a,this._sizeReadySequence)||i.status!=="ready")return;const r=i.engineObject;t=r.isOrthographic?r.orthographicSize*2:2*(Math.tan(ze.degreeToRadian(r.fieldOfView*.5))*this.engineObject.distance),e=r.aspectRatio*t,this._applySize(e,t)}).catch(()=>{})}else{this._sizeReadySequence++;const{canvas:a}=this.engineObject.engine;this._applySize(a.width,a.height)}}_onCanvasSizeListener(){const e=++this._canvasReadySequence;this.onReady().then(()=>{if(!this._isSequenceActive(e,this._canvasReadySequence)||this.status!=="ready")return;const t=this._getCameraModel(),i=this.renderMode;if(i===T.ScreenSpaceOverlay||i===T.ScreenSpaceCamera&&!t){const a=this.engineObject,{canvas:r}=a.engine;a.entity.transform.setWorldPosition(r.width*.5,r.height*.5,0),this._adapterSizeInScreenSpace()}}).catch(()=>{})}_applySize(e,t){const i=this.engineObject.entity.transform,{x:a,y:r}=this.referenceResolution;let s,l,d;switch(this.resolutionAdaptationMode){case I.WidthAdaptation:s=l=d=e/a;break;case I.HeightAdaptation:s=l=d=t/r;break;case I.BothAdaptation:s=e/a,l=t/r,d=(s+l)*.5;break;case I.ExpandAdaptation:s=l=d=Math.min(e/a,t/r);break;case I.ShrinkAdaptation:s=l=d=Math.max(e/a,t/r);break}const u=M._tempMat;fe.affineTransformation(M._tempVec3.set(s,l,d),i.worldRotationQuaternion,i.worldPosition,u),i.worldMatrix.copyFrom(u),i.size.set(e/s,t/l),this._syncPose()}_syncPose(){var t;const e=(t=this.entityModel)==null?void 0:t.transform;e&&e.syncEngineToEditor(!0)}_getTransformModel(){var e;return(e=this.entityModel)==null?void 0:e.transform}_getCameraModel(){var t;const e=this.renderCamera;return(t=N.sceneStore.getEntityModel(e==null?void 0:e.ownerId))==null?void 0:t.getComponentById(e.componentId)}_isSameEntityOrChildEntity(e){const t=this.engineObject.entity;for(;e;){if(e===t)return!0;e=e.parent}return!1}};Ce(M,"_tempVec3",new Be);Ce(M,"_tempMat",new fe);P([b({label:"ui.canvas.warning.label",info:"ui.canvas.warning.info",customComponent:Et,when:n=>!n.isRootCanvas()})],M.prototype,"warning",2);P([b({label:"ui.canvas.render-mode.label",info:"ui.canvas.render-mode.info",type:R.Select,value:T.ScreenSpaceOverlay,when:n=>n.isRootCanvas(),triggerAfterInit:!1,options:[{label:"ui.canvas.render-mode.screen-space-overlay",value:T.ScreenSpaceOverlay},{label:"ui.canvas.render-mode.screen-space-camera",value:T.ScreenSpaceCamera},{label:"ui.canvas.render-mode.world-space",value:T.WorldSpace}],onChange(n,e,t){n._onRenderCameraDirty(),n._onRenderModeDirty()}}),v()],M.prototype,"renderMode",2);P([b({label:"ui.canvas.resolution.label",info:"ui.canvas.resolution.info",type:R.Vector2,slotMapping:{x:"W",y:"H"},triggerAfterInit:!1,when:n=>n.isRootCanvas()&&n.renderMode!==T.WorldSpace,onChange:(n,e,t)=>{n._adapterSizeInScreenSpace()}}),v()],M.prototype,"referenceResolution",2);P([b({label:"ui.canvas.resolution-per-unit.label",info:"ui.canvas.resolution-per-unit.info",type:R.Number,when:n=>n.isRootCanvas(),bindPath:"referenceResolutionPerUnit"}),v()],M.prototype,"referenceResolutionPerUnit",2);P([b({label:"ui.canvas.render-camera.label",info:"ui.canvas.render-camera.info",customComponent:ye,triggerAfterInit:!1,componentTypes:["Camera"],when:n=>n.isRootCanvas()&&n.renderMode===T.ScreenSpaceCamera,onChange:(n,e,t)=>{n._onRenderCameraDirty(),n._onRenderModeDirty()}}),v()],M.prototype,"renderCamera",2);P([b({label:"ui.canvas.adaptation-mode.label",info:"ui.canvas.adaptation-mode.info",type:R.Select,value:I.HeightAdaptation,triggerAfterInit:!1,when:n=>n.isRootCanvas()&&n.renderMode!==T.WorldSpace,options:[{label:"ui.canvas.adaptation-mode.width",value:I.WidthAdaptation},{label:"ui.canvas.adaptation-mode.height",value:I.HeightAdaptation},{label:"ui.canvas.adaptation-mode.both",value:I.BothAdaptation},{label:"ui.canvas.adaptation-mode.expand",value:I.ExpandAdaptation},{label:"ui.canvas.adaptation-mode.shrink",value:I.ShrinkAdaptation}],onChange(n,e,t){n._adapterSizeInScreenSpace()}}),v()],M.prototype,"resolutionAdaptationMode",2);P([b({label:"ui.canvas.sort-order.label",info:"ui.canvas.sort-order.info",type:R.Number,when:n=>n.isRootCanvas()&&n.renderMode===T.ScreenSpaceOverlay,bindPath:"sortOrder"}),v()],M.prototype,"sortOrder",2);P([b({label:"ui.canvas.distance.label",info:"ui.canvas.distance.info",type:R.Number,when:n=>n.isRootCanvas()&&n.renderMode===T.ScreenSpaceCamera,bindPath:"distance",triggerAfterInit:!1,onChange:(n,e,t)=>{n.renderCamera&&(n._adapterPoseInScreenSpace(),n._adapterSizeInScreenSpace())}}),v()],M.prototype,"distance",2);P([oe],M.prototype,"_setTransformDisabled",1);M=P([W({type:"UICanvas",componentsMenu:{group:"UI",label:"component.ui-canvas.title"},dependentComponent:{type:"UITransform",dependentMode:z.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel},unique:!0})],M);var wt=Object.defineProperty,It=Object.getOwnPropertyDescriptor,ne=(n,e,t,i)=>{for(var a=i>1?void 0:i?It(e,t):e,r=n.length-1,s;r>=0;r--)(s=n[r])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&wt(e,t,a),a};let G=class extends B{constructor(e,t){super(e,t);h(this,"alpha",1);h(this,"interactive",!0);h(this,"ignoreParentGroup",!1)}};ne([b({label:"ui.group.alpha.label",info:"ui.group.alpha.info",type:R.Slider,bindPath:"alpha",min:0,max:1,dragStep:.02}),v()],G.prototype,"alpha",2);ne([b({label:"ui.group.interactive.label",info:"ui.group.interactive.info",type:R.Toggle,bindPath:"interactive"}),v()],G.prototype,"interactive",2);ne([b({label:"ui.group.ignore-parent.label",info:"ui.group.ignore-parent.info",type:R.Toggle,bindPath:"ignoreParentGroup"}),v()],G.prototype,"ignoreParentGroup",2);G=ne([W({type:"UIGroup",componentsMenu:{group:"UI",label:"component.ui-group.title"},unique:!0})],G);B.registerCustomEngineComponent("UICanvas",Fe);B.registerCustomEngineComponent("UIGroup",De);B.registerCustomEngineComponent("Image",qe);B.registerCustomEngineComponent("Button",Ue);B.registerCustomEngineComponent("UITransform",ke);B.registerCustomEngineComponent("Text",Ve);export{Z as ButtonComponent,D as ImageComponent,ge as TextComponent,M as UICanvasComponent,G as UIGroupComponent,S as UITransformComponent};
+var Te=Object.defineProperty;var Se=(n,e,t)=>e in n?Te(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var h=(n,e,t)=>(Se(n,typeof e!="symbol"?e+"":e,t),t);import{aJ as j,aK as $,av as c,dp as K,ey as H,aM as F,bA as Q,q as J,eO as xe,bk as Re,bI as L,E as B,eS as Ee,eT as Me,eU as Ae,p as b,C as R,s as v,e as x,eP as z,f as we,eV as y,eW as _,eX as ee,aH as Ie,bT as pe,t as ue,bU as he,eY as je,aC as oe,eZ as Pe,x as Oe,e_ as Le,e$ as T,ew as k,f0 as I,f1 as X,bu as ze,ar as fe,ai as Be,cv as Fe,cw as De,cy as qe,cx as Ue,cu as ke,cz as Ve}from"./index-b126bb6b.js";import{r as N}from"./index-c8ed2a45.js";import"./postmen-3b48c572.js";import{c as W}from"./Component-398551a0.js";import{F as Ne}from"./FormItemArray-9ca61884.js";import{S as $e}from"./SpriteBaseComponent-2c2454ea.js";import{T as We}from"./TextBaseComponent-cd7ad9f7.js";import{T as w}from"./TransformBaseComponent-d26ff236.js";import{S as He}from"./Callout-155c30df.js";import"./Accordion-4afac60c.js";import"./createReactComponent-baa41397.js";const Ge=j(({item:n,onPropsChange:e})=>{const{t}=$(),i=n.props;return c.jsxs(c.Fragment,{children:[c.jsx(K,{label:t("ui.transition.color.normal.label"),value:i.normal,onChange:a=>{e(r=>{r.normal=a})}}),c.jsx(K,{label:t("ui.transition.color.hover.label"),value:i.hover,onChange:a=>{e(r=>{r.hover=a})}}),c.jsx(K,{label:t("ui.transition.color.pressed.label"),value:i.pressed,onChange:a=>{e(r=>{r.pressed=a})}}),c.jsx(K,{label:t("ui.transition.color.disabled.label"),value:i.disabled,onChange:a=>{e(r=>{r.disabled=a})}})]})});function Ke(n,e){const t=n.props;e.normal.copyFrom(t.normal),e.hover.copyFrom(t.hover),e.pressed.copyFrom(t.pressed),e.disabled.copyFrom(t.disabled)}const Qe=j(({item:n,onPropsChange:e})=>{const{t}=$(),i=n.props;return c.jsxs(c.Fragment,{children:[c.jsx(H,{label:t("ui.transition.scale.normal.label"),value:i.normal,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.normal=a})}}),c.jsx(H,{label:t("ui.transition.scale.hover.label"),value:i.hover,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.hover=a})}}),c.jsx(H,{label:t("ui.transition.scale.pressed.label"),value:i.pressed,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.pressed=a})}}),c.jsx(H,{label:t("ui.transition.scale.disabled.label"),value:i.disabled,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.disabled=a})}})]})});function Je(n,e){const t=n.props;e.normal=t.normal,e.hover=t.hover,e.pressed=t.pressed,e.disabled=t.disabled}const ae=new WeakMap;function Xe(n){const e=(ae.get(n)??0)+1;return ae.set(n,e),e}function ie(n,e){return ae.get(n)===e}function Y(n,e,t){if(!e)return t(null),()=>{};let i=!1;return n.getAssetByRef(e).then(a=>{i||t(a??null)}).catch(()=>{i||t(null)}),()=>{i=!0}}const Ye=j(({item:n,model:e,onPropsChange:t})=>{const[i,a]=F.useState(null),[r,s]=F.useState(null),[l,d]=F.useState(null),[u,m]=F.useState(null),{normal:o,hover:p,pressed:g,disabled:E}=n.props,{assetStore:C}=e.root,U=Object.values(C.assets).filter(f=>f.getMetaConfig().type==="sprite");return F.useEffect(()=>Y(C,o,a),[C,o]),F.useEffect(()=>Y(C,p,s),[C,p]),F.useEffect(()=>Y(C,g,d),[C,g]),F.useEffect(()=>Y(C,E,m),[C,E]),c.jsxs(c.Fragment,{children:[c.jsx(Q,{label:"Normal Sprite",dropLayer:J.Sprite,asset:i,value:i==null?void 0:i.name,assets:U,onSelect:f=>{t(O=>{O.normal=(f==null?void 0:f.getCurrentRef())??null})},onDelete:()=>{t(f=>{f.normal=null})},onLocate:()=>{o!=null&&o.refId&&C.selectAsset(o.refId)}}),c.jsx(Q,{label:"Hover Sprite",dropLayer:J.Sprite,asset:r,value:r==null?void 0:r.name,assets:U,onSelect:f=>{t(O=>{O.hover=(f==null?void 0:f.getCurrentRef())??null})},onDelete:()=>{t(f=>{f.hover=null})},onLocate:()=>{p!=null&&p.refId&&C.selectAsset(p.refId)}}),c.jsx(Q,{label:"Pressed Sprite",dropLayer:J.Sprite,asset:l,value:l==null?void 0:l.name,assets:U,onSelect:f=>{t(O=>{O.pressed=(f==null?void 0:f.getCurrentRef())??null})},onDelete:()=>{t(f=>{f.pressed=null})},onLocate:()=>{g!=null&&g.refId&&C.selectAsset(g.refId)}}),c.jsx(Q,{label:"Disabled Sprite",dropLayer:J.Sprite,asset:u,value:u==null?void 0:u.name,assets:U,onSelect:f=>{t(O=>{O.disabled=(f==null?void 0:f.getCurrentRef())??null})},onDelete:()=>{t(f=>{f.disabled=null})},onLocate:()=>{E!=null&&E.refId&&C.selectAsset(E.refId)}})]})});function Ze(n,e){const{normal:t,hover:i,pressed:a,disabled:r}=n.props,s=N.assetStore,l=Xe(e),d=(u,m)=>{if(!u){if(!ie(e,l))return;m(null);return}s.getAssetByRef(u).then(o=>{ie(e,l)&&m((o==null?void 0:o.engineObject)??null)}).catch(o=>{ie(e,l)&&(console.warn("[SpriteTransitionOption] syncSpriteTransition failed:",o),m(null))})};d(t,u=>{e.normal=u}),d(i,u=>{e.hover=u}),d(a,u=>{e.pressed=u}),d(r,u=>{e.disabled=u})}const ye=j(n=>{var g;const{inspectorConfig:{property:e,label:t,disabled:i,info:a,componentTypes:r},model:s,onModelChange:l}=n,d=N.sceneStore.rootEntity.children,u=((g=s[e])==null?void 0:g.ownerId)||null,m=u&&N.sceneStore.getEntityModel(u),{t:o}=$();function p(E){let C;const U=N.sceneStore.getEntityModel(E);if(U)for(let f=0,O=r.length;f<O;f++){const de=U.getComponentByTypeName(r[f]);if(de){C={ownerId:E,componentId:de.id};break}}l==null||l(e,C)}return c.jsx(xe,{info:a,entities:d,label:t,value:u,disabled:i,displayValue:m==null?void 0:m.name,placeholder:o("Select component..."),onSelect:p,onLocate:()=>{N.sceneStore.selectEntity(u)},onDelete:()=>{p(null)}})}),re={SpriteTransition:{class:"SpriteTransition",props:{target:null,normal:null,hover:null,pressed:null,disabled:null,duration:0}},ColorTransition:{class:"ColorTransition",props:{target:null,normal:{r:1,g:1,b:1,a:1},hover:{r:1,g:1,b:1,a:1},pressed:{r:1,g:1,b:1,a:1},disabled:{r:1,g:1,b:1,a:1},duration:0}},ScaleTransition:{class:"ScaleTransition",props:{target:null,normal:1,hover:1,pressed:1.2,disabled:1,duration:.1}}},et=j(({item:n,index:e,model:t,onModelChange:i})=>{var u;const{t:a}=$();let r,s;switch(n.class){case"SpriteTransition":r=Ye,s=["Image"];break;case"ColorTransition":r=Ge,s=["Image","Text"];break;case"ScaleTransition":r=Qe,s=["Image","Text"];break}const l=m=>{const o=L(t.transitions);m(o),i==null||i("transitions",o)},d=m=>{l(o=>{const p=o[e];p&&m(p)})};return c.jsxs(c.Fragment,{children:[c.jsx(ye,{inspectorConfig:{label:a("ui.transition.target.label"),info:a("ui.transition.target.info"),property:"target",componentTypes:s,value:((u=n.props.target)==null?void 0:u.ownerId)??null},model:n.props,onModelChange:(m,o)=>{d(p=>{p.props.target=o})}}),c.jsx(Re,{label:a("ui.transition.type.label"),info:a("ui.transition.type.info"),value:n.class,options:[{label:a("ui.transition.type.sprite"),value:"SpriteTransition"},{label:a("ui.transition.type.scale"),value:"ScaleTransition"},{label:a("ui.transition.type.color"),value:"ColorTransition"}],onChange:m=>{re[m].class!==n.class&&d(p=>{const g=re[m],E=p.props.target;p.class=g.class,p.props={...p.props,duration:g.props.duration,normal:L(g.props.normal),hover:L(g.props.hover),pressed:L(g.props.pressed),disabled:L(g.props.disabled),target:E}})}}),c.jsx(r,{item:n,model:t,onPropsChange:m=>{d(o=>{m(o.props)})}}),c.jsx(H,{label:a("ui.transition.duration.label"),info:a("ui.transition.duration.info"),value:n.props.duration,min:0,max:2,step:.05,onChange:m=>{d(o=>{o.props.duration=m})}})]})}),tt=j(({model:n,inspectorConfig:e,onModelChange:t})=>{const{label:i}=e,{t:a}=$(),r=n.transitions,s=l=>{const d=L(r);l(d),t==null||t("transitions",d)};return c.jsx(Ne,{label:i,items:r.map((l,d)=>{const u={SpriteTransition:a("ui.transition.type.sprite"),ColorTransition:a("ui.transition.type.color"),ScaleTransition:a("ui.transition.type.scale")};return{removable:!0,children:c.jsx(et,{item:l,index:d,model:n,onModelChange:t}),id:d+"",name:u[l.class]||l.class}}),addable:!0,onAdd:()=>{s(l=>{var m;const d=L(re.SpriteTransition),u=(m=l[0])==null?void 0:m.props.target;d.props.target=u?L(u):null,l.push(d)})},onDelete:l=>{s(d=>{d.splice(parseInt(l.id),1)})}})});var nt=Object.defineProperty,it=Object.getOwnPropertyDescriptor,se=(n,e,t,i)=>{for(var a=i>1?void 0:i?it(e,t):e,r=n.length-1,s;r>=0;r--)(s=n[r])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&nt(e,t,a),a};let Z=class extends B{constructor(e,t){super(e,t);h(this,"_transitionMap",new Map);h(this,"interactive",!0);h(this,"transitions",[])}syncTransitionsFromModel(){const e=this.transitions,t=this._transitionMap;for(const[i,a]of Array.from(t.entries()))e.includes(i)||(a&&this.engineObject.removeTransition(a),t.delete(i));for(let i=0,a=e.length;i<a;i++)this.addTransition(e[i])}_onInitComplete(){this._attachEditorButtonTransitions()}_attachEditorButtonTransitions(){const e=this.transitions;for(let t=0,i=e.length;t<i;t++)this.addTransition(e[t])}_detachEditorButtonTransitions(){for(const e of this._transitionMap.values())this.engineObject.removeTransition(e);this._transitionMap.clear()}rebindEngineObject(e){this._detachEditorButtonTransitions(),super.rebindEngineObject(e),this._attachEditorButtonTransitions()}addTransition(e){var m;const t=e==null?void 0:e.class;if(!(t==="SpriteTransition"||t==="ColorTransition"||t==="ScaleTransition")){console.warn(`[ButtonComponent] Unsupported transition.class: ${t}`);return}const a=this.transitions;let r=a.indexOf(e);if(r===-1)r=a.push(e)-1;else{const o=this._transitionMap.get(a[r]);o&&(this.engineObject.removeTransition(o),this._transitionMap.delete(e))}const s=this._transitionMap;let l;const d=this.engineObject;switch(t){case"SpriteTransition":l=new Ae,Ze(e,l);break;case"ColorTransition":l=new Me,Ke(e,l);break;case"ScaleTransition":l=new Ee,Je(e,l);break}const u=e.props.target;if(u){const o=(m=this.root.sceneStore.getEntityModel(u.ownerId))==null?void 0:m.getComponentById(u.componentId);o==null||o.onReady().then(()=>{(o==null?void 0:o.status)==="ready"&&(l.target=o==null?void 0:o.engineObject)})}d.addTransition(l),s.set(a[r],l)}getTransition(e){return this._transitionMap.get(e)}};se([b({label:"ui.button.interactive.label",info:"ui.button.interactive.info",type:R.Toggle,onChange(n,e,t){const i=n.engineObject;i.interactive=t;const a=i._getInteractiveState(),r=i.transitions;for(let s=0,l=r.length;s<l;s++)r[s]._setState(a,!0)}}),v()],Z.prototype,"interactive",2);se([v({onSerialize:n=>n.map(e=>({$type:e.class,...L(e.props)})),onDeserialize:n=>n.map(e=>{const{$type:t,...i}=e;return{class:t,props:i}})}),b({label:x("ui.button.transitions.label"),info:x("ui.button.transitions.info"),customComponent:tt,triggerAfterInit:!1,onChange(n){n.syncTransitionsFromModel();const e=n.engineObject,t=e._getInteractiveState(),i=e.transitions;for(let a=0,r=i.length;a<r;a++)i[a]._setState(t,!0)}}),v()],Z.prototype,"transitions",2);Z=se([W({type:"Button",componentsMenu:{group:"UI",label:"component.ui-button.title"},dependentComponent:{type:"UITransform",dependentMode:z.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],Z);var be=Object.defineProperty,at=Object.getOwnPropertyDescriptor,rt=(n,e,t)=>e in n?be(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,te=(n,e,t,i)=>{for(var a=i>1?void 0:i?at(e,t):e,r=n.length-1,s;r>=0;r--)(s=n[r])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&be(e,t,a),a},ot=(n,e,t)=>(rt(n,typeof e!="symbol"?e+"":e,t),t);let D=class extends $e{constructor(e,t){super(e,t);h(this,"raycastEnabled",!0);h(this,"raycastPadding",{x:0,y:0,z:0,w:0});h(this,"material",{refId:D._internalImageMaterialRefId});this.formSchema.addGroup("ui.image.raycast.title",["raycastEnabled","raycastPadding"])}_onInitComplete(){this.raycastEnabled=!1,this._applyEditorRuntimeState()}rebindEngineObject(e){super.rebindEngineObject(e),this._applyEditorRuntimeState()}_applyEditorRuntimeState(){this.applyBoundPathChange("raycastEnabled",R.Toggle,this.raycastEnabled)}};ot(D,"_internalImageMaterialRefId","0000204");te([b({label:"ui.image.raycast.enabled.label",info:"ui.image.raycast.enabled.info",type:R.Toggle,bindPath:"raycastEnabled"}),v()],D.prototype,"raycastEnabled",2);te([b({label:"ui.image.raycast.padding.label",info:"ui.image.raycast.padding.info",type:R.Vector4,slotMapping:{x:x("ui.image.raycast.padding.left"),y:x("ui.image.raycast.padding.down"),z:x("ui.image.raycast.padding.right"),w:x("ui.image.raycast.padding.up")}}),v()],D.prototype,"raycastPadding",2);te([b({label:"ui.image.material.label",info:"ui.image.material.info",type:R.AssetPicker,assetType:"Material",customFilter:n=>{var e;return((e=n.engineObject.shader)==null?void 0:e.name)!=="Effect/Particle"},onChange:async n=>{const{material:e}=n,t=n.engineObject;if(!e){t.setMaterial(null);return}const{refId:i}=e;if(i===D._internalImageMaterialRefId)t.setMaterial(t.engine._getUIDefaultMaterial());else{const a=await n.root.assetStore.getAssetByRef(e);a?t.setMaterial(a.engineObject):console.error(`Material asset not found: ${e.refId}`)}}}),we({engineKey:"setMaterial",getEngineValue:n=>n.getMaterial()}),v()],D.prototype,"material",2);D=te([W({type:"Image",componentsMenu:{group:"UI",label:"component.ui-image.title"},dependentComponent:{type:"UITransform",dependentMode:z.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],D);var st=Object.defineProperty,lt=Object.getOwnPropertyDescriptor,ct=(n,e,t,i)=>{for(var a=i>1?void 0:i?lt(e,t):e,r=n.length-1,s;r>=0;r--)(s=n[r])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&st(e,t,a),a};let ge=class extends We{constructor(n,e){super(n,e)}};ge=ct([W({type:"Text",componentsMenu:{group:"UI",label:"component.ui-text.title"},dependentComponent:{type:"UITransform",dependentMode:z.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],ge);function le(n,e,t){var s;const i=(s=n._getParentTransform())==null?void 0:s._rect;if(!i)return;const a=n._rect,r=n.position.x;switch(e){case y.Left:n.alignLeft=r-i.x+a.x,t.push("alignLeft");break;case y.Right:n.alignRight=i.x+i.width-a.x-a.width-r,t.push("alignRight");break;case y.Center:n.alignCenter=r-i.x-i.width*.5+a.x+a.width*.5,t.push("alignCenter");break;case y.LeftAndRight:n.alignLeft=r-i.x+a.x,n.alignRight=i.x+i.width-a.x-a.width-r,t.push("alignLeft","alignRight");break}}function ce(n,e,t){var s;const i=(s=n._getParentTransform())==null?void 0:s._rect;if(!i)return;const a=n._rect,r=n.position.y;switch(e){case _.Top:n.alignTop=i.y+i.height-a.y-a.height-r,t.push("alignTop");break;case _.Bottom:n.alignBottom=r-i.y+a.y,t.push("alignBottom");break;case _.Middle:n.alignMiddle=r-i.y-i.height*.5+a.y+a.height*.5,t.push("alignMiddle");break;case _.TopAndBottom:n.alignTop=i.y+i.height-a.y-a.height-r,n.alignBottom=r-i.y+a.y,t.push("alignTop","alignBottom");break}}function dt(n,e,t=n.horizontalAlignment,i=n.verticalAlignment){e.length=0;const a=n.engineObject;return a.horizontalAlignment=y.None,a.verticalAlignment=_.None,le(a,t,e),ce(a,i,e),a.horizontalAlignment=t,a.verticalAlignment=i,e}const pt=ee({position:"relative",width:"95%",height:"100%","border-radius":"5px",background:"#00000000",border:"1px solid #646c75",display:"flex","justify-content":"center","align-items":"center","flex-shrink":0})(),ut=ee({position:"absolute",width:"calc(100% - 40px)",height:"calc(100% - 33px)",border:"1px solid #646c75","border-radius":"5px","pointer-events":"none"})(),ht=ee({display:"grid",width:"100%",padding:"var(--space-0_5)","grid-template-columns":"minmax(0px, 1.3fr) repeat(3, minmax(0px, 1fr))","grid-template-rows":"auto","column-gap":"var(--space-1)",alignItems:"center"})(),gt=ee({display:"grid",columnGap:"$1","align-items":"flex-start","grid-column":"2 / -1","column-gap":"var(--space-1)","row-gap":"var(--space-1)"})(),me=Ie("div",{display:"grid",gap:"var(--space-1)",variants:{column:{1:{gridTemplateColumns:"1fr"},2:{gridTemplateColumns:"repeat(2, 1fr)"},3:{gridTemplateColumns:"repeat(3, 1fr)"}}}}),mt=[],q=j(()=>null),ft=j(({model:n,onModelChange:e})=>{const t=n.engineObject,i=(o,p)=>{const g=dt(n,mt,o,p);for(let E=0;E<g.length;E++){const C=g[E];n._syncTransformToEditor(C,t[C]),e==null||e(C,n[C])}},a=o=>p=>{e==null||e(o,p)},r=o=>{switch(o){case y.None:return 1;case y.Left:case y.Right:case y.Center:return 2;case y.LeftAndRight:return 3;default:return 1}},s=(o,p="")=>c.jsx(je,{startSlot:p,value:n[o],onValueChange:a(o)},o),l=o=>{const p=n.horizontalAlignment;let g=p;p&o?g=p&~o:p===y.Center||o===y.Center?g=o:g=p|o,e==null||e("horizontalAlignment",g),i(g,n.verticalAlignment)},d=o=>{const p=n.verticalAlignment;let g=p;p&o?g=p&~o:p===_.Middle||o===_.Middle?g=o:g=p|o,e==null||e("verticalAlignment",g),i(n.horizontalAlignment,g)},u=o=>!!(n.horizontalAlignment&o),m=o=>!!(n.verticalAlignment&o);return c.jsxs("div",{className:ht,children:[c.jsxs("div",{className:pt,id:"ring",children:[c.jsx("div",{className:ut}),c.jsx(V,{...yt,isActive:u(y.Left),onClick:()=>l(y.Left)}),c.jsx(V,{...bt,isActive:u(y.Right),onClick:()=>l(y.Right)}),c.jsx(V,{...vt,isActive:u(y.Center),onClick:()=>l(y.Center)}),c.jsx(V,{..._t,isActive:m(_.Top),onClick:()=>d(_.Top)}),c.jsx(V,{...Ct,isActive:m(_.Bottom),onClick:()=>d(_.Bottom)}),c.jsx(V,{...Tt,isActive:m(_.Middle),onClick:()=>d(_.Middle)})]}),c.jsxs("div",{className:gt,children:[c.jsxs(me,{column:r(n.horizontalAlignment),children:[c.jsx(pe,{startSlot:n.horizontalAlignment===y.None?"Horizontal":"",value:n.horizontalAlignment,onValueChange:o=>{e==null||e("horizontalAlignment",o),i(o,n.verticalAlignment)},children:ue(y).map(o=>c.jsx(he,{value:o.value,children:o.label},o.value))}),n.horizontalAlignment===y.Left&&s("alignLeft"),n.horizontalAlignment===y.Right&&s("alignRight"),n.horizontalAlignment===y.Center&&s("alignCenter"),n.horizontalAlignment===y.LeftAndRight&&c.jsxs(c.Fragment,{children:[s("alignLeft","Left"),s("alignRight","Right")]})]}),c.jsxs(me,{column:r(n.verticalAlignment),children:[c.jsx(pe,{startSlot:n.verticalAlignment===_.None?"Vertical":"",value:n.verticalAlignment,onValueChange:o=>{e==null||e("verticalAlignment",o),i(n.horizontalAlignment,o)},children:ue(_).map(o=>c.jsx(he,{value:o.value,children:o.label},o.value))}),n.verticalAlignment===_.Top&&s("alignTop"),n.verticalAlignment===_.Bottom&&s("alignBottom"),n.verticalAlignment===_.Middle&&s("alignMiddle"),n.verticalAlignment===_.TopAndBottom&&c.jsxs(c.Fragment,{children:[s("alignTop","Top"),s("alignBottom","Bottom")]})]})]})]})}),yt={left:2,top:"cal(50% - 12px)",width:16,height:25,lw:10,lh:1,activeLH:3,orientation:"h"},bt={right:2,top:"cal(50% - 12px)",width:16,height:25,lw:10,lh:1,activeLH:3,orientation:"h"},vt={left:"cal(50% - 12px)",top:"cal(50% - 4px)",width:24,height:8,lw:14,lh:1,activeLH:3,orientation:"h"},_t={left:"cal(50% - 12px)",top:2,width:25,height:12,lw:1,lh:10,activeLW:3,orientation:"v"},Ct={left:"cal(50% - 12px)",bottom:2,width:25,height:12,lw:1,lh:10,activeLW:3,orientation:"v"},Tt={left:"cal(50% - 12px)",top:"cal(50% - 4px)",width:8,h:24,lw:1,lh:14,activeLW:3,orientation:"v"},V=j(function({isActive:e,onClick:t,...i}){return c.jsx("button",{onClick:t,style:{background:"transparent",padding:0,border:0,cursor:"pointer",display:"flex",position:"absolute",justifyContent:"center",alignItems:"center",...i},children:c.jsx("span",{style:{display:"block",background:e?"#1e88e5":"#a8acb3",borderRadius:e?"2px":"0px",width:i.orientation==="h"?i.lw:e&&i.activeLW||i.lw,height:i.orientation==="v"?i.lh:e&&i.activeLH||i.lh,transition:"all 0.15s ease"}})})});var ve=Object.defineProperty,St=Object.getOwnPropertyDescriptor,xt=(n,e,t)=>e in n?ve(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,A=(n,e,t,i)=>{for(var a=i>1?void 0:i?St(e,t):e,r=n.length-1,s;r>=0;r--)(s=n[r])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&ve(e,t,a),a},Rt=(n,e,t)=>(xt(n,typeof e!="symbol"?e+"":e,t),t);let S=class extends w{constructor(e,t){super(e,t);h(this,"_tempPropertiesForPosition",[]);h(this,"_tempPropertiesForSize",[]);h(this,"disabled",!1);h(this,"size",{x:100,y:100});h(this,"pivot",{x:.5,y:.5});h(this,"alignment",{});h(this,"horizontalAlignment",y.None);h(this,"verticalAlignment",_.None);h(this,"alignLeft",0);h(this,"alignCenter",0);h(this,"alignRight",0);h(this,"alignTop",0);h(this,"alignMiddle",0);h(this,"alignBottom",0);h(this,"syncEngineToEditor",oe((e=!1)=>{const t=this.engineObject,{size:i,pivot:a,position:r,rotation:s,scale:l}=t;!e&&this._isLock?(r.copyFrom(this.position),s.copyFrom(this.rotation),l.copyFrom(this.scale),i.copyFrom(this.size),a.copyFrom(this.pivot),t.horizontalAlignment=this.horizontalAlignment,t.alignLeft=this.alignLeft,t.alignCenter=this.alignCenter,t.alignRight=this.alignRight,t.verticalAlignment=this.verticalAlignment,t.alignTop=this.alignTop,t.alignMiddle=this.alignMiddle,t.alignBottom=this.alignBottom):(this._syncTransformToEditor("position",r),this._syncTransformToEditor("rotation",s),this._syncTransformToEditor("scale",l),this._syncTransformToEditor("size",i),this._syncTransformToEditor("pivot",a),this._syncTransformToEditor("horizontalAlignment",t.horizontalAlignment),this._syncTransformToEditor("alignLeft",t.alignLeft),this._syncTransformToEditor("alignCenter",t.alignCenter),this._syncTransformToEditor("alignRight",t.alignRight),this._syncTransformToEditor("verticalAlignment",t.verticalAlignment),this._syncTransformToEditor("alignTop",t.alignTop),this._syncTransformToEditor("alignMiddle",t.alignMiddle),this._syncTransformToEditor("alignBottom",t.alignBottom))}));h(this,"_engineParentEntity");h(this,"_isLock",!1);h(this,"_lockWorldMatrix");this._onTransformModify=this._onTransformModify.bind(this),this._onParentChange=this._onParentChange.bind(this),this._onParentTransformChange=this._onParentTransformChange.bind(this),this.formSchema.addGroup("ui.transform.relativeLayout",["alignment"],{when:i=>{var a,r;return!((r=(a=i.entityModel)==null?void 0:a.getComponentByTypeName("UICanvas"))!=null&&r.isRootCanvas())}})}static roundVector2(e,t){return t.x=w.roundToThreeDecimal(e.x),t.y=w.roundToThreeDecimal(e.y),t}static equalVector2(e,t){return e.x===t.x&&e.y===t.y}_updateEditorSize(){const e=this.engineObject,t=w.roundVector2(e.size,w._tempVector2);w.copyVector2(t,this.size)}_updateEditorPosition(){const e=this.engineObject,t=w.roundVector3(e.position,w._tempVector3);w.copyVector3(t,this.position)}onInitComplete(){this._attachEditorTransformListeners()}_attachEditorTransformListeners(){var e;if((e=this.engineObject.entity)==null||e._updateFlagManager.addListener(this._onTransformModify),this._isLock){const t=this.engineObject.entity;t._registerModifyListener(this._onParentChange),this._updateParent(t.parent)}}rebindEngineObject(e){super.rebindEngineObject(e),this._attachEditorTransformListeners()}_onTransformModify(e){this.engineObject;const t=512,i=1024;e&t&&this._updateEditorSize(),(e&t||e&i)&&(this.horizontalAlignment||this.verticalAlignment)&&this._updateEditorPosition()}syncRotation(e=!1){!e&&this._isLock?this.engineObject.rotation.copyFrom(this.rotation):this._syncTransformToEditor("rotation",this.engineObject.rotation)}syncTransformToEditor(e){this._isLock||(super.syncTransformToEditor(e),this._syncTransformToEditor("size",e.size),this._syncTransformToEditor("pivot",e.pivot),this._syncTransformToEditor("horizontalAlignment",e.horizontalAlignment),this._syncTransformToEditor("alignLeft",e.alignLeft),this._syncTransformToEditor("alignCenter",e.alignCenter),this._syncTransformToEditor("alignRight",e.alignRight),this._syncTransformToEditor("verticalAlignment",e.verticalAlignment),this._syncTransformToEditor("alignTop",e.alignTop),this._syncTransformToEditor("alignMiddle",e.alignMiddle),this._syncTransformToEditor("alignBottom",e.alignBottom))}destroy(e){var t,i;(i=(t=this.engineObject)==null?void 0:t.entity)==null||i._updateFlagManager.removeListener(this._onTransformModify),super.destroy(e)}checkCanDisable(){return{code:1,msg:"ui.transform.error.cant-disable"}}checkCanDeletable(){return{code:1,msg:"ui.transform.error.cant-delete"}}_onPositionChange(){const{horizontalAlignment:e,verticalAlignment:t}=this;if(e||t){const i=this.engineObject,a=this._tempPropertiesForPosition;a.length=0,i.horizontalAlignment=y.None,i.verticalAlignment=_.None,i.position.copyFrom(this.position),le(i,e,a),ce(i,t,a),i.horizontalAlignment=e,i.verticalAlignment=t;for(let r=0;r<a.length;r++){const s=a[r];this._syncTransformToEditor(s,i[s])}}else this.engineObject.position.copyFrom(this.position)}_onParentChange(e){e&Pe.Parent&&this._updateParent(this.engineObject.entity.parent)}_updateParent(e){const t=this._engineParentEntity;t!==e&&(t&&t._updateFlagManager.removeListener(this._onParentTransformChange),e&&e._updateFlagManager.addListener(this._onParentTransformChange),this._engineParentEntity=e,this._onParentTransformChange())}_onParentTransformChange(){this.engineObject.worldMatrix.copyFrom(this._lockWorldMatrix),this.syncEngineToEditor(!0)}lock(e){this._isLock=!0,this._lockWorldMatrix?this._lockWorldMatrix.copyFrom(e):this._lockWorldMatrix=e.clone();const t=this.engineObject.entity;t._registerModifyListener(this._onParentChange),this._updateParent(t.parent)}unlock(){var e;this._isLock=!1,this.engineObject.entity._unRegisterModifyListener(this._onParentChange),(e=this._engineParentEntity)==null||e._updateFlagManager.removeListener(this._onParentTransformChange)}onShow(){this.syncEngineToEditor(!0)}get ignoreToJSON(){return!0}getEditable(){return!this.disabled}onAddToEntity(e){for(let t=0;t<e.components.length;t++){const i=e.components[t];if((i.type==="Transform"||i.type==="UITransform")&&i!==this){e.removeComponent(i);break}}e.setComponentIndex(this,0)}getAnimatableProperties(){let e=[];const t=i=>{if(!(i!=null&&i.length))return e;i.filter(a=>a.property==="alignment"?!1:!a.when||a.when(this)).forEach(a=>{a.type==="Group"?t(a.children):e.push({property:a.property,label:a.label,type:a.type})})};return t(this.formSchema.items),e=e.concat(this._additionAnimatableProperties),e}_syncTransformToEditor(e,t){switch(e){case"horizontalAlignment":case"verticalAlignment":{this[e]!==t&&(this[e]=t,this.notifyPropertyChange(e,!1));break}case"alignLeft":case"alignCenter":case"alignRight":case"alignTop":case"alignMiddle":case"alignBottom":{const i=w.roundToThreeDecimal(t);this[e]!==i&&(this[e]=i,this.notifyPropertyChange(e,!1));break}case"size":case"pivot":{const i=this[e],a=S.roundVector2(t,S._tempVector2);S.equalVector2(a,i)||(i.x=a.x,i.y=a.y,this.notifyPropertyChange(e,!1));break}default:super._syncTransformToEditor(e,t);break}}};Rt(S,"_tempVector2",{x:0,y:0});A([Oe],S.prototype,"disabled",2);A([b({label:x("ui.transform.size.label"),info:x("ui.transform.size.info"),type:R.Vector2,slotMapping:{x:"W",y:"H"},onChange:(n,e,t)=>{const i=n.engineObject,a=n.size,{x:r,y:s}=i.size,{horizontalAlignment:l,verticalAlignment:d}=n,u=w.roundToThreeDecimal(r)!==a.x,m=w.roundToThreeDecimal(s)!==a.y;if(!(!u&&!m))if(l||d){const o=n._tempPropertiesForSize;o.length=0,o.push("position"),i.horizontalAlignment=y.None,i.verticalAlignment=_.None,i.size.copyFrom(a),le(i,l,o),ce(i,d,o),i.horizontalAlignment=l,i.verticalAlignment=d;for(let p=0;p<o.length;p++){const g=o[p];n._syncTransformToEditor(g,i[g])}}else i.size.copyFrom(a)}}),v()],S.prototype,"size",2);A([b({label:x("ui.transform.pivot.label"),info:x("ui.transform.pivot.info"),type:R.Vector2,onChange:(n,e,t)=>{const i=n.pivot,a=n.engineObject;a.pivot.set(i.x,i.y),n._syncTransformToEditor("position",a.position)}}),v()],S.prototype,"pivot",2);A([b({customComponent:ft,when:n=>{var e,t;return!((t=(e=n.entityModel)==null?void 0:e.getComponentByTypeName("UICanvas"))!=null&&t.isRootCanvas())}})],S.prototype,"alignment",2);A([b({label:x("ui.transform.horizontalAlignment.label"),customComponent:q,onChange:n=>{n.engineObject.horizontalAlignment=n.horizontalAlignment}}),v()],S.prototype,"horizontalAlignment",2);A([b({label:x("ui.transform.verticalAlignment.label"),customComponent:q,onChange:n=>{n.engineObject.verticalAlignment=n.verticalAlignment}}),v()],S.prototype,"verticalAlignment",2);A([b({label:x("ui.transform.alignLeft.label"),customComponent:q,onChange:n=>{n.engineObject.alignLeft=n.alignLeft,n._updateEditorPosition()}}),v()],S.prototype,"alignLeft",2);A([b({label:x("ui.transform.alignCenter.label"),customComponent:q,onChange:n=>{n.engineObject.alignCenter=n.alignCenter,n._updateEditorPosition()}}),v()],S.prototype,"alignCenter",2);A([b({label:x("ui.transform.alignRight.label"),customComponent:q,onChange:n=>{n.engineObject.alignRight=n.alignRight,n._updateEditorPosition()}}),v()],S.prototype,"alignRight",2);A([b({label:x("ui.transform.alignTop.label"),customComponent:q,onChange:n=>{n.engineObject.alignTop=n.alignTop,n._updateEditorPosition()}}),v()],S.prototype,"alignTop",2);A([b({label:x("ui.transform.alignMiddle.label"),customComponent:q,onChange:n=>{n.engineObject.alignMiddle=n.alignMiddle,n._updateEditorPosition()}}),v()],S.prototype,"alignMiddle",2);A([b({label:x("ui.transform.alignBottom.label"),customComponent:q,onChange:n=>{n.engineObject.alignBottom=n.alignBottom,n._updateEditorPosition()}}),v()],S.prototype,"alignBottom",2);A([oe],S.prototype,"syncRotation",1);S=A([W({type:"UITransform",componentsMenu:{group:"UI",label:"component.ui-transform.title"},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],S);const Et=j(({model:n,inspectorConfig:e})=>{const{t}=$(),i=n.enabled?t("ui.canvas.warning.not-root-canvas-reason-not-closest"):t("ui.canvas.warning.not-root-canvas-reason-disabled");return c.jsxs(He,{type:"warning",css:{width:"100%"},children:[t("ui.canvas.warning.not-root-canvas")," ",i]})});var _e=Object.defineProperty,Mt=Object.getOwnPropertyDescriptor,At=(n,e,t)=>e in n?_e(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,P=(n,e,t,i)=>{for(var a=i>1?void 0:i?Mt(e,t):e,r=n.length-1,s;r>=0;r--)(s=n[r])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&_e(e,t,a),a},Ce=(n,e,t)=>(At(n,typeof e!="symbol"?e+"":e,t),t);let M=class extends B{constructor(e,t){super(e,t);h(this,"_cameraListener");h(this,"_initReadySequence",0);h(this,"_cameraReadySequence",0);h(this,"_poseReadySequence",0);h(this,"_sizeReadySequence",0);h(this,"_canvasReadySequence",0);h(this,"debouncedRootCanvasCheck",Le(this._triggerRootCanvasCheck.bind(this),500,{edges:["trailing"]}));h(this,"warning","");h(this,"renderMode",T.ScreenSpaceOverlay);h(this,"referenceResolution",{x:800,y:600});h(this,"referenceResolutionPerUnit",100);h(this,"renderCamera",null);h(this,"resolutionAdaptationMode",I.HeightAdaptation);h(this,"sortOrder",0);h(this,"distance",10);this._onCanvasSizeListener=this._onCanvasSizeListener.bind(this),this._triggerRootCanvasCheck=this._triggerRootCanvasCheck.bind(this),this._onCameraModifyListener=this._onCameraModifyListener.bind(this),this._onCameraTransformListener=this._onCameraTransformListener.bind(this),this.formSchema.addGroup("ui.canvas.adaptation",["referenceResolution","resolutionAdaptationMode","referenceResolutionPerUnit"],{collapsible:!1,when:i=>i.isRootCanvas()})}onInitComplete(){this._attachEditorCanvasBridge()}_attachEditorCanvasBridge(){this.applyBoundPathChange("renderMode",R.Select,T.WorldSpace);const e=this._getTransformModel();if(!e)return;const t=++this._initReadySequence;e.onReady().then(()=>{var a;if(!this._isSequenceActive(t,this._initReadySequence)||((a=this._getTransformModel())==null?void 0:a.status)!=="ready")return;k.on("UICanvasEnabled",this.debouncedRootCanvasCheck),k.on("UICanvasDisable",this.debouncedRootCanvasCheck),this._engineObject.engine.canvas._sizeUpdateFlagManager.addListener(this._onCanvasSizeListener);const i=this.root.projectStore.currentScene;i&&(i.initComplete?this.debouncedRootCanvasCheck():i.onReady().then(()=>{this._isSequenceActive(t,this._initReadySequence)&&i.status==="ready"&&this.debouncedRootCanvasCheck()}).catch(()=>{}))}).catch(()=>{})}_detachEditorCanvasBridge(){var e;this._initReadySequence++,this._cameraReadySequence++,this._poseReadySequence++,this._sizeReadySequence++,this._canvasReadySequence++,k.off("UICanvasEnabled",this.debouncedRootCanvasCheck),k.off("UICanvasDisable",this.debouncedRootCanvasCheck),this._setCameraListener(null),(e=this._engineObject)==null||e.engine.canvas._sizeUpdateFlagManager.removeListener(this._onCanvasSizeListener)}rebindEngineObject(e){this._detachEditorCanvasBridge(),super.rebindEngineObject(e),this._attachEditorCanvasBridge()}_isSequenceActive(e,t){return!this.destroyed&&e===t}_triggerRootCanvasCheck(){var e,t;this._enabled&&this.isRootCanvas()?(this._onRenderCameraDirty(),this._onRenderModeDirty()):(this._setCameraListener(null),(t=(e=this.entityModel)==null?void 0:e.transform)==null||t.unlock(),this._setTransformDisabled(!1))}_onRenderModeDirty(){var t,i;switch(this.renderMode){case T.ScreenSpaceCamera:case T.ScreenSpaceOverlay:this._adapterPoseInScreenSpace(),this._adapterSizeInScreenSpace(),this._setTransformDisabled(!0);break;case T.WorldSpace:(i=(t=this.entityModel)==null?void 0:t.transform)==null||i.unlock(),this._setTransformDisabled(!1);break}}_setCameraListener(e){if(e){const t=++this._cameraReadySequence;e.onReady().then(()=>{if(!this._isSequenceActive(t,this._cameraReadySequence)||e.status!=="ready")return;const i=e.engineObject,a=this._cameraListener;a!==i&&(this._cameraListener=i,a&&(a.entity._updateFlagManager.removeListener(this._onCameraTransformListener),a._unRegisterModifyListener(this._onCameraModifyListener)),i&&(i.entity._updateFlagManager.addListener(this._onCameraTransformListener),i._registerModifyListener(this._onCameraModifyListener)))}).catch(()=>{})}else{this._cameraReadySequence++;const t=this._cameraListener;t&&(t.entity._updateFlagManager.removeListener(this._onCameraTransformListener),t._unRegisterModifyListener(this._onCameraModifyListener)),this._cameraListener=null}}_onRenderCameraDirty(){this._setCameraListener(this.renderMode===T.ScreenSpaceCamera?this._getCameraModel():null)}onEnabled(){super.onEnabled(),k.dispatch("UICanvasEnabled",this)}onDisabled(){super.onDisabled(),k.dispatch("UICanvasDisable",this)}isRootCanvas(){var e;return!!((e=this.engineObject)!=null&&e._isRootCanvas)}destroy(e){this._detachEditorCanvasBridge(),super.destroy(e)}_setTransformDisabled(e){var i;const t=(i=this.entityModel)==null?void 0:i.transform;t&&(t.disabled=e)}_onCameraModifyListener(e){switch(e){case X.ProjectionType:case X.AspectRatio:this._adapterSizeInScreenSpace();break;case X.FieldOfView:!this._cameraListener.isOrthographic&&this._adapterSizeInScreenSpace();break;case X.OrthographicSize:this._cameraListener.isOrthographic&&this._adapterSizeInScreenSpace();break}}_onCameraTransformListener(){this.renderMode===T.ScreenSpaceCamera&&this._adapterPoseInScreenSpace()}_adapterPoseInScreenSpace(){var a,r;const e=this.engineObject,t=e.entity.transform,i=this._getCameraModel();if(this.renderMode===T.ScreenSpaceCamera&&i){const s=++this._poseReadySequence;i.onReady().then(()=>{var d,u;if(!this._isSequenceActive(s,this._poseReadySequence)||i.status!=="ready")return;const l=i.engineObject;if(!this._isSameEntityOrChildEntity(l.entity)){const{transform:m}=l.entity,{worldPosition:o,worldForward:p}=m,g=e.distance;t.setWorldPosition(o.x+p.x*g,o.y+p.y*g,o.z+p.z*g),t.worldRotationQuaternion.copyFrom(m.worldRotationQuaternion),(u=(d=this.entityModel)==null?void 0:d.transform)==null||u.lock(t.worldMatrix),this._syncPose()}}).catch(()=>{})}else{this._poseReadySequence++;const{canvas:s}=e.engine,l=s.height,d=s.width;t.setWorldPosition(d*.5,l*.5,0),t.worldRotationQuaternion.set(0,0,0,1),(r=(a=this.entityModel)==null?void 0:a.transform)==null||r.lock(t.worldMatrix),this._syncPose()}}_adapterSizeInScreenSpace(){let e,t;const i=this._getCameraModel();if(this.renderMode===T.ScreenSpaceCamera&&i){const a=++this._sizeReadySequence;i.onReady().then(()=>{if(!this._isSequenceActive(a,this._sizeReadySequence)||i.status!=="ready")return;const r=i.engineObject;t=r.isOrthographic?r.orthographicSize*2:2*(Math.tan(ze.degreeToRadian(r.fieldOfView*.5))*this.engineObject.distance),e=r.aspectRatio*t,this._applySize(e,t)}).catch(()=>{})}else{this._sizeReadySequence++;const{canvas:a}=this.engineObject.engine;this._applySize(a.width,a.height)}}_onCanvasSizeListener(){const e=++this._canvasReadySequence;this.onReady().then(()=>{if(!this._isSequenceActive(e,this._canvasReadySequence)||this.status!=="ready")return;const t=this._getCameraModel(),i=this.renderMode;if(i===T.ScreenSpaceOverlay||i===T.ScreenSpaceCamera&&!t){const a=this.engineObject,{canvas:r}=a.engine;a.entity.transform.setWorldPosition(r.width*.5,r.height*.5,0),this._adapterSizeInScreenSpace()}}).catch(()=>{})}_applySize(e,t){const i=this.engineObject.entity.transform,{x:a,y:r}=this.referenceResolution;let s,l,d;switch(this.resolutionAdaptationMode){case I.WidthAdaptation:s=l=d=e/a;break;case I.HeightAdaptation:s=l=d=t/r;break;case I.BothAdaptation:s=e/a,l=t/r,d=(s+l)*.5;break;case I.ExpandAdaptation:s=l=d=Math.min(e/a,t/r);break;case I.ShrinkAdaptation:s=l=d=Math.max(e/a,t/r);break}const u=M._tempMat;fe.affineTransformation(M._tempVec3.set(s,l,d),i.worldRotationQuaternion,i.worldPosition,u),i.worldMatrix.copyFrom(u),i.size.set(e/s,t/l),this._syncPose()}_syncPose(){var t;const e=(t=this.entityModel)==null?void 0:t.transform;e&&e.syncEngineToEditor(!0)}_getTransformModel(){var e;return(e=this.entityModel)==null?void 0:e.transform}_getCameraModel(){var t;const e=this.renderCamera;return(t=N.sceneStore.getEntityModel(e==null?void 0:e.ownerId))==null?void 0:t.getComponentById(e.componentId)}_isSameEntityOrChildEntity(e){const t=this.engineObject.entity;for(;e;){if(e===t)return!0;e=e.parent}return!1}};Ce(M,"_tempVec3",new Be);Ce(M,"_tempMat",new fe);P([b({label:"ui.canvas.warning.label",info:"ui.canvas.warning.info",customComponent:Et,when:n=>!n.isRootCanvas()})],M.prototype,"warning",2);P([b({label:"ui.canvas.render-mode.label",info:"ui.canvas.render-mode.info",type:R.Select,value:T.ScreenSpaceOverlay,when:n=>n.isRootCanvas(),triggerAfterInit:!1,options:[{label:"ui.canvas.render-mode.screen-space-overlay",value:T.ScreenSpaceOverlay},{label:"ui.canvas.render-mode.screen-space-camera",value:T.ScreenSpaceCamera},{label:"ui.canvas.render-mode.world-space",value:T.WorldSpace}],onChange(n,e,t){n._onRenderCameraDirty(),n._onRenderModeDirty()}}),v()],M.prototype,"renderMode",2);P([b({label:"ui.canvas.resolution.label",info:"ui.canvas.resolution.info",type:R.Vector2,slotMapping:{x:"W",y:"H"},triggerAfterInit:!1,when:n=>n.isRootCanvas()&&n.renderMode!==T.WorldSpace,onChange:(n,e,t)=>{n._adapterSizeInScreenSpace()}}),v()],M.prototype,"referenceResolution",2);P([b({label:"ui.canvas.resolution-per-unit.label",info:"ui.canvas.resolution-per-unit.info",type:R.Number,when:n=>n.isRootCanvas(),bindPath:"referenceResolutionPerUnit"}),v()],M.prototype,"referenceResolutionPerUnit",2);P([b({label:"ui.canvas.render-camera.label",info:"ui.canvas.render-camera.info",customComponent:ye,triggerAfterInit:!1,componentTypes:["Camera"],when:n=>n.isRootCanvas()&&n.renderMode===T.ScreenSpaceCamera,onChange:(n,e,t)=>{n._onRenderCameraDirty(),n._onRenderModeDirty()}}),v()],M.prototype,"renderCamera",2);P([b({label:"ui.canvas.adaptation-mode.label",info:"ui.canvas.adaptation-mode.info",type:R.Select,value:I.HeightAdaptation,triggerAfterInit:!1,when:n=>n.isRootCanvas()&&n.renderMode!==T.WorldSpace,options:[{label:"ui.canvas.adaptation-mode.width",value:I.WidthAdaptation},{label:"ui.canvas.adaptation-mode.height",value:I.HeightAdaptation},{label:"ui.canvas.adaptation-mode.both",value:I.BothAdaptation},{label:"ui.canvas.adaptation-mode.expand",value:I.ExpandAdaptation},{label:"ui.canvas.adaptation-mode.shrink",value:I.ShrinkAdaptation}],onChange(n,e,t){n._adapterSizeInScreenSpace()}}),v()],M.prototype,"resolutionAdaptationMode",2);P([b({label:"ui.canvas.sort-order.label",info:"ui.canvas.sort-order.info",type:R.Number,when:n=>n.isRootCanvas()&&n.renderMode===T.ScreenSpaceOverlay,bindPath:"sortOrder"}),v()],M.prototype,"sortOrder",2);P([b({label:"ui.canvas.distance.label",info:"ui.canvas.distance.info",type:R.Number,when:n=>n.isRootCanvas()&&n.renderMode===T.ScreenSpaceCamera,bindPath:"distance",triggerAfterInit:!1,onChange:(n,e,t)=>{n.renderCamera&&(n._adapterPoseInScreenSpace(),n._adapterSizeInScreenSpace())}}),v()],M.prototype,"distance",2);P([oe],M.prototype,"_setTransformDisabled",1);M=P([W({type:"UICanvas",componentsMenu:{group:"UI",label:"component.ui-canvas.title"},dependentComponent:{type:"UITransform",dependentMode:z.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel},unique:!0})],M);var wt=Object.defineProperty,It=Object.getOwnPropertyDescriptor,ne=(n,e,t,i)=>{for(var a=i>1?void 0:i?It(e,t):e,r=n.length-1,s;r>=0;r--)(s=n[r])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&wt(e,t,a),a};let G=class extends B{constructor(e,t){super(e,t);h(this,"alpha",1);h(this,"interactive",!0);h(this,"ignoreParentGroup",!1)}};ne([b({label:"ui.group.alpha.label",info:"ui.group.alpha.info",type:R.Slider,bindPath:"alpha",min:0,max:1,dragStep:.02}),v()],G.prototype,"alpha",2);ne([b({label:"ui.group.interactive.label",info:"ui.group.interactive.info",type:R.Toggle,bindPath:"interactive"}),v()],G.prototype,"interactive",2);ne([b({label:"ui.group.ignore-parent.label",info:"ui.group.ignore-parent.info",type:R.Toggle,bindPath:"ignoreParentGroup"}),v()],G.prototype,"ignoreParentGroup",2);G=ne([W({type:"UIGroup",componentsMenu:{group:"UI",label:"component.ui-group.title"},unique:!0})],G);B.registerCustomEngineComponent("UICanvas",Fe);B.registerCustomEngineComponent("UIGroup",De);B.registerCustomEngineComponent("Image",qe);B.registerCustomEngineComponent("Button",Ue);B.registerCustomEngineComponent("UITransform",ke);B.registerCustomEngineComponent("Text",Ve);export{Z as ButtonComponent,D as ImageComponent,ge as TextComponent,M as UICanvasComponent,G as UIGroupComponent,S as UITransformComponent};

package/dist/preview-client/_static/index-ad57c6c8.js

@@ -0,0 +1 @@
+import{P as a}from"./PostProcessComponent-9590ec29.js";import"./index-b126bb6b.js";import"./index-c8ed2a45.js";import"./Component-398551a0.js";import"./postmen-3b48c572.js";import"./IconPlus-b3ed4c04.js";import"./createReactComponent-baa41397.js";import"./Menu-36c201c0.js";import"./Accordion-4afac60c.js";export{a as PostProcessComponent};