@galacean/cli 2.0.0-alpha.14 → 2.0.0-alpha.15

package/dist/viewport-client/_static/{index-f2cb64af.js → index-2cdbb69f.js}

@@ -1 +1 @@
-var G=Object.defineProperty;var $=(n,t,e)=>t in n?G(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var X=(n,t,e)=>($(n,typeof t!="symbol"?t+"":t,e),e);import{aQ as x,aS as f,aW as K,E as b,bQ as Y,bP as A,x as Z,p as ee,e as p,cE as P,S as w,ee as re,e4 as te,aR as j,bm as ne,dH as oe,aO as D,bN as ae,q as ie,cC as se,ef as U,by as ce,C as m,t as W}from"./index-aec7e708.js";import{a as d,b as O,c as E,d as z,e as L,f as V,g as B}from"./module-220b3921.js";import"./index-e8a45e82.js";import"./postmen-2f47f6bb.js";import{F as J}from"./FormItemArray-6d69acd4.js";import{c as pe,a as le}from"./scriptPropertyActions-d3a583d2.js";const ue=x(function(t){const{model:e}=t,o=pe(e.properties,e.root);return f.jsx(K.List,{fullWidth:!0,model:o,configs:e.propertiesConfig,onModelChange:(r,a)=>{a!==void 0&&le(e.root,e.id,r,a)}})});var fe=Object.defineProperty,ge=Object.getOwnPropertyDescriptor,Q=(n,t,e,o)=>{for(var r=o>1?void 0:o?ge(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&&fe(t,e,r),r};class h extends b{constructor(e,o){super(e,o);X(this,"propertiesConfig",[]);X(this,"properties",{})}onInitComplete(){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}})})}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))a!=="root"&&(r[a]=i);e.props=r}return e}}Q([Z.ref],h.prototype,"propertiesConfig",2);Q([ee({label:p("component.script.properties-label"),customComponent:ue})],h.prototype,"properties",2);function S(n,t){return S=Object.setPrototypeOf||function(o,r){return o.__proto__=r,o},S(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&&S(n,t)}var me=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(P);if(i)r.cameraManager.attachCamera(O.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(P);if(c)r.cameraManager.attachCamera(O.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(P);if(u)r.cameraManager.attachCamera(O.RightCamera,u);else throw new Error("XROrigin: The Camera is not included on the Right Camera Entity");break}},t}(w);function N(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 de(n,t,e){return t&&N(n.prototype,t),e&&N(n,e),n}var he=function(n){y(t,n);function t(){var e;return e=n.apply(this,arguments)||this,e._destroyedOnRemoval=!0,e}return de(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}(w);function q(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,H=i.length;k<H;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?(q(i,re)?s=i.instantiateSceneRoot():q(i,te)?s=i.instantiate():s=i.clone(),s.name="TrackedImage"+r.id,a.addChild(s)):s=a.createChild("TrackedImage"+r.id),s.addComponent(he)},t}(w),ye=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),be=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),xe=function(n){y(t,n);function t(o){var r;return r=n.call(this,o,V)||this,r.detectionMode=B.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 ve=x(({model:n,inspectorConfig:t,onModelChange:e})=>{const o=t.property||"anchors",r=n[o]||[],{t:a}=j();return f.jsx(f.Fragment,{children:f.jsx(J,{defaultValue:[],label:a("xr.anchor.list.label"),items:r.map((i,s)=>({removable:!0,children:f.jsx(_e,{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)}})})}),_e=x(({item:n,onChange:t})=>{const{t:e}=j(),{position:o,rotation:r}=n;return f.jsxs(f.Fragment,{children:[f.jsx(ne,{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(oe,{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})}})]})}),Re=D("div",{textAlign:"center"}),Ie=D("img",{maxHeight:"200px",maxWidth:"100%",height:"auto",width:"auto"}),ke=x(({model:n,inspectorConfig:t,onModelChange:e})=>{const o=t.property||"trackingImages",r=n[o]||[],{assets:a}=n.root.assetStore,{t:i}=j(),s=r.map((c,u)=>{const g=a[c.refId];return g?{removable:!0,children:f.jsx(Ce,{item:g,model:n}),id:String(u),arrow:!1,name:Te(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(J,{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(ae,{assets:l,dropLayer:ie.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})]})}),Ce=x(({item:n,model:t})=>f.jsxs(f.Fragment,{children:[f.jsx(Re,{children:f.jsx(Ie,{src:n.imgUrl})}),f.jsx(se,{label:p("xr.image.width.label"),value:n.physicalWidth,onChange:e=>{t.root.inspectorFacade.assetChange(n.id,"physicalWidth",e,"asset-meta")}})]}));function Te(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 _={};U.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&&ce(p("xr.toast.only-one-effect"));break}});U.on("ComponentDestroyInScene",n=>{const{type:t}=n;!t||!_[t]||(_[t]-=1)});R("XR Origin",me,{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:W(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",ye,{class:h,componentsMenu:{label:p("xr.anchor.title"),group:"XR"},type:"XR Anchor Manager",refMap:new Set,external:!1,unique:!0},[{customComponent:ve,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",be,{class:h,componentsMenu:{label:p("xr.image.title"),group:"XR"},type:"XR Image Manager",refMap:new Set,external:!1,unique:!0},[{customComponent:ke,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",xe,{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:W(B)},{type:m.AssetPicker,assetType:"Prefab",property:"prefab",label:"Prefab",info:p("xr.prefab")}]);const Fe=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));export{h as I,Fe as i};
+var G=Object.defineProperty;var $=(n,t,e)=>t in n?G(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var X=(n,t,e)=>($(n,typeof t!="symbol"?t+"":t,e),e);import{aQ as x,aS as f,aW as K,E as b,bQ as Y,bP as A,x as Z,p as ee,e as p,cE as P,S as w,ee as re,e4 as te,aR as j,bm as ne,dH as oe,aO as D,bN as ae,q as ie,cC as se,ef as U,by as ce,C as m,t as W}from"./index-1e23212d.js";import{a as d,b as O,c as E,d as z,e as L,f as V,g as B}from"./module-c6e2d190.js";import"./index-92830754.js";import"./postmen-9e1e15bd.js";import{F as J}from"./FormItemArray-a2f72cf1.js";import{c as pe,a as le}from"./scriptPropertyActions-d3a583d2.js";const ue=x(function(t){const{model:e}=t,o=pe(e.properties,e.root);return f.jsx(K.List,{fullWidth:!0,model:o,configs:e.propertiesConfig,onModelChange:(r,a)=>{a!==void 0&&le(e.root,e.id,r,a)}})});var fe=Object.defineProperty,ge=Object.getOwnPropertyDescriptor,Q=(n,t,e,o)=>{for(var r=o>1?void 0:o?ge(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&&fe(t,e,r),r};class h extends b{constructor(e,o){super(e,o);X(this,"propertiesConfig",[]);X(this,"properties",{})}onInitComplete(){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}})})}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))a!=="root"&&(r[a]=i);e.props=r}return e}}Q([Z.ref],h.prototype,"propertiesConfig",2);Q([ee({label:p("component.script.properties-label"),customComponent:ue})],h.prototype,"properties",2);function S(n,t){return S=Object.setPrototypeOf||function(o,r){return o.__proto__=r,o},S(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&&S(n,t)}var me=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(P);if(i)r.cameraManager.attachCamera(O.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(P);if(c)r.cameraManager.attachCamera(O.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(P);if(u)r.cameraManager.attachCamera(O.RightCamera,u);else throw new Error("XROrigin: The Camera is not included on the Right Camera Entity");break}},t}(w);function N(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 de(n,t,e){return t&&N(n.prototype,t),e&&N(n,e),n}var he=function(n){y(t,n);function t(){var e;return e=n.apply(this,arguments)||this,e._destroyedOnRemoval=!0,e}return de(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}(w);function q(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,H=i.length;k<H;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?(q(i,re)?s=i.instantiateSceneRoot():q(i,te)?s=i.instantiate():s=i.clone(),s.name="TrackedImage"+r.id,a.addChild(s)):s=a.createChild("TrackedImage"+r.id),s.addComponent(he)},t}(w),ye=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),be=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),xe=function(n){y(t,n);function t(o){var r;return r=n.call(this,o,V)||this,r.detectionMode=B.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 ve=x(({model:n,inspectorConfig:t,onModelChange:e})=>{const o=t.property||"anchors",r=n[o]||[],{t:a}=j();return f.jsx(f.Fragment,{children:f.jsx(J,{defaultValue:[],label:a("xr.anchor.list.label"),items:r.map((i,s)=>({removable:!0,children:f.jsx(_e,{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)}})})}),_e=x(({item:n,onChange:t})=>{const{t:e}=j(),{position:o,rotation:r}=n;return f.jsxs(f.Fragment,{children:[f.jsx(ne,{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(oe,{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})}})]})}),Re=D("div",{textAlign:"center"}),Ie=D("img",{maxHeight:"200px",maxWidth:"100%",height:"auto",width:"auto"}),ke=x(({model:n,inspectorConfig:t,onModelChange:e})=>{const o=t.property||"trackingImages",r=n[o]||[],{assets:a}=n.root.assetStore,{t:i}=j(),s=r.map((c,u)=>{const g=a[c.refId];return g?{removable:!0,children:f.jsx(Ce,{item:g,model:n}),id:String(u),arrow:!1,name:Te(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(J,{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(ae,{assets:l,dropLayer:ie.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})]})}),Ce=x(({item:n,model:t})=>f.jsxs(f.Fragment,{children:[f.jsx(Re,{children:f.jsx(Ie,{src:n.imgUrl})}),f.jsx(se,{label:p("xr.image.width.label"),value:n.physicalWidth,onChange:e=>{t.root.inspectorFacade.assetChange(n.id,"physicalWidth",e,"asset-meta")}})]}));function Te(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 _={};U.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&&ce(p("xr.toast.only-one-effect"));break}});U.on("ComponentDestroyInScene",n=>{const{type:t}=n;!t||!_[t]||(_[t]-=1)});R("XR Origin",me,{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:W(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",ye,{class:h,componentsMenu:{label:p("xr.anchor.title"),group:"XR"},type:"XR Anchor Manager",refMap:new Set,external:!1,unique:!0},[{customComponent:ve,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",be,{class:h,componentsMenu:{label:p("xr.image.title"),group:"XR"},type:"XR Image Manager",refMap:new Set,external:!1,unique:!0},[{customComponent:ke,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",xe,{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:W(B)},{type:m.AssetPicker,assetType:"Prefab",property:"prefab",label:"Prefab",info:p("xr.prefab")}]);const Fe=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));export{h as I,Fe as i};

package/dist/viewport-client/_static/{index-7834b582.js → index-31b7a6d3.js}

@@ -1 +1 @@
-var Se=Object.defineProperty;var Te=(n,e,t)=>e in n?Se(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var u=(n,e,t)=>(Te(n,typeof e!="symbol"?e+"":e,t),t);import{aQ as L,aR as N,aS as p,dN as K,e9 as $,aU as B,bN as Q,q as J,et as xe,bP as Ae,bl as Re,cy as j,E as O,eB as we,eC as Me,eD as Ie,p as y,C as R,s as b,e as A,eu as z,f as Pe,eE as f,eF as _,eG as te,aO as Le,c9 as de,t as ue,ca as he,eH as Ee,aL as se,eI as je,x as ze,eJ as Oe,eK as S,eL as P,ef as q,eM as X,ay as fe,K as Be,bE as Fe,cK as De,cL as Ue,cN as qe,cM as ke,cJ as Ve,cO as Ne}from"./index-aec7e708.js";import"./index-e8a45e82.js";import"./postmen-2f47f6bb.js";import{c as W}from"./Component-ed7aa0ab.js";import{F as We}from"./FormItemArray-6d69acd4.js";import{S as $e}from"./SpriteBaseComponent-3edafa31.js";import{T as He}from"./TextBaseComponent-ce1402c3.js";import{T as I}from"./TransformBaseComponent-713d57e9.js";import{S as Ge}from"./Callout-ba7e2adf.js";import"./Accordion-3d330bc6.js";import"./IconEdit-ab77303f.js";const Ke=L(({item:n,onPropsChange:e})=>{const{t}=N(),i=n.props;return p.jsxs(p.Fragment,{children:[p.jsx(K,{label:t("ui.transition.color.normal.label"),value:i.normal,onChange:a=>{e(r=>{r.normal=a})}}),p.jsx(K,{label:t("ui.transition.color.hover.label"),value:i.hover,onChange:a=>{e(r=>{r.hover=a})}}),p.jsx(K,{label:t("ui.transition.color.pressed.label"),value:i.pressed,onChange:a=>{e(r=>{r.pressed=a})}}),p.jsx(K,{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 Je=L(({item:n,onPropsChange:e})=>{const{t}=N(),i=n.props;return p.jsxs(p.Fragment,{children:[p.jsx($,{label:t("ui.transition.scale.normal.label"),value:i.normal,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.normal=a})}}),p.jsx($,{label:t("ui.transition.scale.hover.label"),value:i.hover,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.hover=a})}}),p.jsx($,{label:t("ui.transition.scale.pressed.label"),value:i.pressed,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.pressed=a})}}),p.jsx($,{label:t("ui.transition.scale.disabled.label"),value:i.disabled,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.disabled=a})}})]})});function Xe(n,e){const t=n.props;e.normal=t.normal,e.hover=t.hover,e.pressed=t.pressed,e.disabled=t.disabled}const re=new WeakMap;function Ye(n){const e=(re.get(n)??0)+1;return re.set(n,e),e}function ae(n,e){return re.get(n)===e}function Y(n,e,t,i,a){if(!i){if(!ae(e,t))return;a(null);return}n.getAssetByRef(i).then(r=>{ae(e,t)&&a((r==null?void 0:r.engineObject)??null)}).catch(r=>{ae(e,t)&&(console.warn("[SpriteTransitionOption] syncSpriteTransition failed:",r),a(null))})}function Ze(n,e,t){const{normal:i,hover:a,pressed:r,disabled:o}=e.props,l=Ye(t);Y(n.assetStore,t,l,i,c=>{t.normal=c}),Y(n.assetStore,t,l,a,c=>{t.hover=c}),Y(n.assetStore,t,l,r,c=>{t.pressed=c}),Y(n.assetStore,t,l,o,c=>{t.disabled=c})}function Z(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 et=L(({item:n,model:e,onPropsChange:t})=>{const[i,a]=B.useState(null),[r,o]=B.useState(null),[l,c]=B.useState(null),[g,m]=B.useState(null),{normal:s,hover:d,pressed:h,disabled:T}=n.props,{assetStore:C}=e.root,G=Object.values(C.assets).filter(v=>v.getMetaConfig().type==="sprite");return B.useEffect(()=>Z(C,s,a),[C,s]),B.useEffect(()=>Z(C,d,o),[C,d]),B.useEffect(()=>Z(C,h,c),[C,h]),B.useEffect(()=>Z(C,T,m),[C,T]),p.jsxs(p.Fragment,{children:[p.jsx(Q,{label:"Normal Sprite",dropLayer:J.Sprite,asset:i,value:i==null?void 0:i.name,assets:G,onSelect:v=>{t(U=>{U.normal=(v==null?void 0:v.getCurrentRef())??null})},onDelete:()=>{t(v=>{v.normal=null})},onLocate:()=>{s!=null&&s.refId&&C.selectAsset(s.refId)}}),p.jsx(Q,{label:"Hover Sprite",dropLayer:J.Sprite,asset:r,value:r==null?void 0:r.name,assets:G,onSelect:v=>{t(U=>{U.hover=(v==null?void 0:v.getCurrentRef())??null})},onDelete:()=>{t(v=>{v.hover=null})},onLocate:()=>{d!=null&&d.refId&&C.selectAsset(d.refId)}}),p.jsx(Q,{label:"Pressed Sprite",dropLayer:J.Sprite,asset:l,value:l==null?void 0:l.name,assets:G,onSelect:v=>{t(U=>{U.pressed=(v==null?void 0:v.getCurrentRef())??null})},onDelete:()=>{t(v=>{v.pressed=null})},onLocate:()=>{h!=null&&h.refId&&C.selectAsset(h.refId)}}),p.jsx(Q,{label:"Disabled Sprite",dropLayer:J.Sprite,asset:g,value:g==null?void 0:g.name,assets:G,onSelect:v=>{t(U=>{U.disabled=(v==null?void 0:v.getCurrentRef())??null})},onDelete:()=>{t(v=>{v.disabled=null})},onLocate:()=>{T!=null&&T.refId&&C.selectAsset(T.refId)}})]})});function tt(n,e,t){Ze(n,e,t)}function nt(n,e,t){if(!t)return null;const i=n.entities.get(t);if(!i)return null;for(let a=0,r=e.length;a<r;a++){const o=i.getComponentByTypeName(e[a]);if(o)return{ownerId:t,componentId:o.id}}return null}function it(n,e){n.selectEntity((e==null?void 0:e.ownerId)??null)}function at(n,e){const t=(e==null?void 0:e.ownerId)??null;return{entityId:t,entity:t?n.entities.get(t)??null:null}}const ye=L(n=>{const{inspectorConfig:{property:e,label:t,disabled:i,info:a,componentTypes:r},model:o,onModelChange:l}=n,c=o.root.sceneStore,g=c.rootEntity.children,m=c.entities,{entityId:s,entity:d}=at(c,o[e]??null),{t:h}=N();function T(C){l==null||l(e,nt(c,r,C))}return p.jsx(xe,{info:a,entities:g,entityMap:Ae(m),label:t,value:s,disabled:i,displayValue:d==null?void 0:d.name,placeholder:h("Select component..."),onSelect:T,onLocate:()=>{it(c,o[e]??null)},onDelete:()=>{T(null)}})}),oe={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}}},rt=L(({item:n,index:e,model:t,onModelChange:i})=>{var g;const{t:a}=N();let r,o;switch(n.class){case"SpriteTransition":r=et,o=["Image"];break;case"ColorTransition":r=Ke,o=["Image","Text"];break;case"ScaleTransition":r=Je,o=["Image","Text"];break}const l=m=>{const s=j(t.transitions);m(s),i==null||i("transitions",s)},c=m=>{l(s=>{const d=s[e];d&&m(d)})};return p.jsxs(p.Fragment,{children:[p.jsx(ye,{inspectorConfig:{label:a("ui.transition.target.label"),info:a("ui.transition.target.info"),property:"target",componentTypes:o,value:((g=n.props.target)==null?void 0:g.ownerId)??null},model:n.props,onModelChange:(m,s)=>{c(d=>{d.props.target=s})}}),p.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=>{oe[m].class!==n.class&&c(d=>{const h=oe[m],T=d.props.target;d.class=h.class,d.props={...d.props,duration:h.props.duration,normal:j(h.props.normal),hover:j(h.props.hover),pressed:j(h.props.pressed),disabled:j(h.props.disabled),target:T}})}}),p.jsx(r,{item:n,model:t,onPropsChange:m=>{c(s=>{m(s.props)})}}),p.jsx($,{label:a("ui.transition.duration.label"),info:a("ui.transition.duration.info"),value:n.props.duration,min:0,max:2,step:.05,onChange:m=>{c(s=>{s.props.duration=m})}})]})}),ot=L(({model:n,inspectorConfig:e,onModelChange:t})=>{const{label:i}=e,{t:a}=N(),r=n.transitions,o=l=>{const c=j(r);l(c),t==null||t("transitions",c)};return p.jsx(We,{label:i,items:r.map((l,c)=>{const g={SpriteTransition:a("ui.transition.type.sprite"),ColorTransition:a("ui.transition.type.color"),ScaleTransition:a("ui.transition.type.scale")};return{removable:!0,children:p.jsx(rt,{item:l,index:c,model:n,onModelChange:t}),id:c+"",name:g[l.class]||l.class}}),addable:!0,onAdd:()=>{o(l=>{var m;const c=j(oe.SpriteTransition),g=(m=l[0])==null?void 0:m.props.target;c.props.target=g?j(g):null,l.push(c)})},onDelete:l=>{o(c=>{c.splice(parseInt(l.id),1)})}})});var st=Object.defineProperty,lt=Object.getOwnPropertyDescriptor,le=(n,e,t,i)=>{for(var a=i>1?void 0:i?lt(e,t):e,r=n.length-1,o;r>=0;r--)(o=n[r])&&(a=(i?o(e,t,a):o(a))||a);return i&&a&&st(e,t,a),a};let ee=class extends O{constructor(e,t){super(e,t);u(this,"_transitionMap",new Map);u(this,"interactive",!0);u(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(){const e=this.transitions;for(let t=0,i=e.length;t<i;t++)this.addTransition(e[t])}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 s=this._transitionMap.get(a[r]);s&&(this.engineObject.removeTransition(s),this._transitionMap.delete(e))}const o=this._transitionMap;let l;const c=this.engineObject;switch(t){case"SpriteTransition":l=new Ie,tt(this.root,e,l);break;case"ColorTransition":l=new Me,Qe(e,l);break;case"ScaleTransition":l=new we,Xe(e,l);break}const g=e.props.target;if(g){const s=(m=this.root.sceneStore.entities.get(g.ownerId))==null?void 0:m.getComponentById(g.componentId);s==null||s.onReady().then(()=>{(s==null?void 0:s.status)==="ready"&&(l.target=s==null?void 0:s.engineObject)})}c.addTransition(l),o.set(a[r],l)}getTransition(e){return this._transitionMap.get(e)}};le([y({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 o=0,l=r.length;o<l;o++)r[o]._setState(a,!0)}}),b()],ee.prototype,"interactive",2);le([b({type:"methods",key:"addTransition",onSerialize:n=>n.map(e=>[{class:e.class,props:j(e.props)}]),onDeserialize:n=>n.map(e=>e[0])}),y({label:A("ui.button.transitions.label"),info:A("ui.button.transitions.info"),customComponent:ot,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)}}),b()],ee.prototype,"transitions",2);ee=le([W({type:"Button",componentsMenu:{group:"UI",label:"component.ui-button.title"},dependentComponent:{type:"UITransform",dependentMode:z.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],ee);var be=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,pt=(n,e,t)=>e in n?be(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,ne=(n,e,t,i)=>{for(var a=i>1?void 0:i?ct(e,t):e,r=n.length-1,o;r>=0;r--)(o=n[r])&&(a=(i?o(e,t,a):o(a))||a);return i&&a&&be(e,t,a),a},dt=(n,e,t)=>(pt(n,typeof e!="symbol"?e+"":e,t),t);let F=class extends $e{constructor(e,t){super(e,t);u(this,"raycastEnabled",!0);u(this,"raycastPadding",{x:0,y:0,z:0,w:0});u(this,"material",{refId:F._internalImageMaterialRefId});this.formSchema.addGroup("ui.image.raycast.title",["raycastEnabled","raycastPadding"])}_onInitComplete(){this.raycastEnabled=!1,this.applyBoundPathChange("raycastEnabled",R.Toggle,!1)}};dt(F,"_internalImageMaterialRefId","0000204");ne([y({label:"ui.image.raycast.enabled.label",info:"ui.image.raycast.enabled.info",type:R.Toggle,bindPath:"raycastEnabled"}),b()],F.prototype,"raycastEnabled",2);ne([y({label:"ui.image.raycast.padding.label",info:"ui.image.raycast.padding.info",type:R.Vector4,slotMapping:{x:A("ui.image.raycast.padding.left"),y:A("ui.image.raycast.padding.down"),z:A("ui.image.raycast.padding.right"),w:A("ui.image.raycast.padding.up")}}),b()],F.prototype,"raycastPadding",2);ne([y({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)!=="particle-shader"},onChange:async n=>{const{material:e}=n,t=n.engineObject;if(!e){t.setMaterial(null);return}const{refId:i}=e;if(i===F._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}`)}}}),Pe({engineKey:"setMaterial",getEngineValue:n=>n.getMaterial()}),b({type:"methods",key:"setMaterial",onSerialize:n=>n?[[n]]:void 0,onDeserialize(n){return n?n[0][0]:void 0}})],F.prototype,"material",2);F=ne([W({type:"Image",componentsMenu:{group:"UI",label:"component.ui-image.title"},dependentComponent:{type:"UITransform",dependentMode:z.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],F);var ut=Object.defineProperty,ht=Object.getOwnPropertyDescriptor,gt=(n,e,t,i)=>{for(var a=i>1?void 0:i?ht(e,t):e,r=n.length-1,o;r>=0;r--)(o=n[r])&&(a=(i?o(e,t,a):o(a))||a);return i&&a&&ut(e,t,a),a};let ge=class extends He{constructor(n,e){super(n,e)}};ge=gt([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 ce(n,e,t){var o;const i=(o=n._getParentTransform())==null?void 0:o._rect;if(!i)return;const a=n._rect,r=n.position.x;switch(e){case f.Left:n.alignLeft=r-i.x+a.x,t.push("alignLeft");break;case f.Right:n.alignRight=i.x+i.width-a.x-a.width-r,t.push("alignRight");break;case f.Center:n.alignCenter=r-i.x-i.width*.5+a.x+a.width*.5,t.push("alignCenter");break;case f.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 pe(n,e,t){var o;const i=(o=n._getParentTransform())==null?void 0:o._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 mt(n,e,t=n.horizontalAlignment,i=n.verticalAlignment){e.length=0;const a=n.engineObject;return a.horizontalAlignment=f.None,a.verticalAlignment=_.None,ce(a,t,e),pe(a,i,e),a.horizontalAlignment=t,a.verticalAlignment=i,e}const ft=te({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})(),yt=te({position:"absolute",width:"calc(100% - 40px)",height:"calc(100% - 33px)",border:"1px solid #646c75","border-radius":"5px","pointer-events":"none"})(),bt=te({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"})(),vt=te({display:"grid",columnGap:"$1","align-items":"flex-start","grid-column":"2 / -1","column-gap":"var(--space-1)","row-gap":"var(--space-1)"})(),me=Le("div",{display:"grid",gap:"var(--space-1)",variants:{column:{1:{gridTemplateColumns:"1fr"},2:{gridTemplateColumns:"repeat(2, 1fr)"},3:{gridTemplateColumns:"repeat(3, 1fr)"}}}}),_t=[],D=L(()=>null),Ct=L(({model:n,onModelChange:e})=>{const t=n.engineObject,i=(s,d)=>{const h=mt(n,_t,s,d);for(let T=0;T<h.length;T++){const C=h[T];n._syncTransformToEditor(C,t[C]),e==null||e(C,n[C])}},a=s=>d=>{e==null||e(s,d)},r=s=>{switch(s){case f.None:return 1;case f.Left:case f.Right:case f.Center:return 2;case f.LeftAndRight:return 3;default:return 1}},o=(s,d="")=>p.jsx(Ee,{startSlot:d,value:n[s],onValueChange:a(s)},s),l=s=>{const d=n.horizontalAlignment;let h=d;d&s?h=d&~s:d===f.Center||s===f.Center?h=s:h=d|s,e==null||e("horizontalAlignment",h),i(h,n.verticalAlignment)},c=s=>{const d=n.verticalAlignment;let h=d;d&s?h=d&~s:d===_.Middle||s===_.Middle?h=s:h=d|s,e==null||e("verticalAlignment",h),i(n.horizontalAlignment,h)},g=s=>!!(n.horizontalAlignment&s),m=s=>!!(n.verticalAlignment&s);return p.jsxs("div",{className:bt,children:[p.jsxs("div",{className:ft,id:"ring",children:[p.jsx("div",{className:yt}),p.jsx(k,{...St,isActive:g(f.Left),onClick:()=>l(f.Left)}),p.jsx(k,{...Tt,isActive:g(f.Right),onClick:()=>l(f.Right)}),p.jsx(k,{...xt,isActive:g(f.Center),onClick:()=>l(f.Center)}),p.jsx(k,{...At,isActive:m(_.Top),onClick:()=>c(_.Top)}),p.jsx(k,{...Rt,isActive:m(_.Bottom),onClick:()=>c(_.Bottom)}),p.jsx(k,{...wt,isActive:m(_.Middle),onClick:()=>c(_.Middle)})]}),p.jsxs("div",{className:vt,children:[p.jsxs(me,{column:r(n.horizontalAlignment),children:[p.jsx(de,{startSlot:n.horizontalAlignment===f.None?"Horizontal":"",value:n.horizontalAlignment,onValueChange:s=>{e==null||e("horizontalAlignment",s),i(s,n.verticalAlignment)},children:ue(f).map(s=>p.jsx(he,{value:s.value,children:s.label},s.value))}),n.horizontalAlignment===f.Left&&o("alignLeft"),n.horizontalAlignment===f.Right&&o("alignRight"),n.horizontalAlignment===f.Center&&o("alignCenter"),n.horizontalAlignment===f.LeftAndRight&&p.jsxs(p.Fragment,{children:[o("alignLeft","Left"),o("alignRight","Right")]})]}),p.jsxs(me,{column:r(n.verticalAlignment),children:[p.jsx(de,{startSlot:n.verticalAlignment===_.None?"Vertical":"",value:n.verticalAlignment,onValueChange:s=>{e==null||e("verticalAlignment",s),i(n.horizontalAlignment,s)},children:ue(_).map(s=>p.jsx(he,{value:s.value,children:s.label},s.value))}),n.verticalAlignment===_.Top&&o("alignTop"),n.verticalAlignment===_.Bottom&&o("alignBottom"),n.verticalAlignment===_.Middle&&o("alignMiddle"),n.verticalAlignment===_.TopAndBottom&&p.jsxs(p.Fragment,{children:[o("alignTop","Top"),o("alignBottom","Bottom")]})]})]})]})}),St={left:2,top:"cal(50% - 12px)",width:16,height:25,lw:10,lh:1,activeLH:3,orientation:"h"},Tt={right:2,top:"cal(50% - 12px)",width:16,height:25,lw:10,lh:1,activeLH:3,orientation:"h"},xt={left:"cal(50% - 12px)",top:"cal(50% - 4px)",width:24,height:8,lw:14,lh:1,activeLH:3,orientation:"h"},At={left:"cal(50% - 12px)",top:2,width:25,height:12,lw:1,lh:10,activeLW:3,orientation:"v"},Rt={left:"cal(50% - 12px)",bottom:2,width:25,height:12,lw:1,lh:10,activeLW:3,orientation:"v"},wt={left:"cal(50% - 12px)",top:"cal(50% - 4px)",width:8,h:24,lw:1,lh:14,activeLW:3,orientation:"v"},k=L(function({isActive:e,onClick:t,...i}){return p.jsx("button",{onClick:t,style:{background:"transparent",padding:0,border:0,cursor:"pointer",display:"flex",position:"absolute",justifyContent:"center",alignItems:"center",...i},children:p.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,Mt=Object.getOwnPropertyDescriptor,It=(n,e,t)=>e in n?ve(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,M=(n,e,t,i)=>{for(var a=i>1?void 0:i?Mt(e,t):e,r=n.length-1,o;r>=0;r--)(o=n[r])&&(a=(i?o(e,t,a):o(a))||a);return i&&a&&ve(e,t,a),a},Pt=(n,e,t)=>(It(n,typeof e!="symbol"?e+"":e,t),t);let x=class extends I{constructor(e,t){super(e,t);u(this,"_tempPropertiesForPosition",[]);u(this,"_tempPropertiesForSize",[]);u(this,"disabled",!1);u(this,"size",{x:100,y:100});u(this,"pivot",{x:.5,y:.5});u(this,"alignment",{});u(this,"horizontalAlignment",f.None);u(this,"verticalAlignment",_.None);u(this,"alignLeft",0);u(this,"alignCenter",0);u(this,"alignRight",0);u(this,"alignTop",0);u(this,"alignMiddle",0);u(this,"alignBottom",0);u(this,"syncEngineToEditor",se((e=!1)=>{const t=this.engineObject,{size:i,pivot:a,position:r,rotation:o,scale:l}=t;!e&&this._isLock?(r.copyFrom(this.position),o.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",o),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))}));u(this,"_engineParentEntity");u(this,"_isLock",!1);u(this,"_lockWorldMatrix");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=I.roundToThreeDecimal(e.x),t.y=I.roundToThreeDecimal(e.y),t}static equalVector2(e,t){return e.x===t.x&&e.y===t.y}_updateEditorSize(){const e=this.engineObject,t=I.roundVector2(e.size,I._tempVector2);I.copyVector2(t,this.size)}_updateEditorPosition(){const e=this.engineObject,t=I.roundVector3(e.position,I._tempVector3);I.copyVector3(t,this.position)}onInitComplete(){var e;this._onTransformModify=this._onTransformModify.bind(this),(e=this.engineObject.entity)==null||e._updateFlagManager.addListener(this._onTransformModify)}_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=f.None,i.verticalAlignment=_.None,i.position.copyFrom(this.position),ce(i,e,a),pe(i,t,a),i.horizontalAlignment=e,i.verticalAlignment=t;for(let r=0;r<a.length;r++){const o=a[r];this._syncTransformToEditor(o,i[o])}}else this.engineObject.position.copyFrom(this.position)}_onParentChange(e){e&je.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=I.roundToThreeDecimal(t);this[e]!==i&&(this[e]=i,this.notifyPropertyChange(e,!1));break}case"size":case"pivot":{const i=this[e],a=x.roundVector2(t,x._tempVector2);x.equalVector2(a,i)||(i.x=a.x,i.y=a.y,this.notifyPropertyChange(e,!1));break}default:super._syncTransformToEditor(e,t);break}}};Pt(x,"_tempVector2",{x:0,y:0});M([ze],x.prototype,"disabled",2);M([y({label:A("ui.transform.size.label"),info:A("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:o}=i.size,{horizontalAlignment:l,verticalAlignment:c}=n,g=I.roundToThreeDecimal(r)!==a.x,m=I.roundToThreeDecimal(o)!==a.y;if(!(!g&&!m))if(l||c){const s=n._tempPropertiesForSize;s.length=0,s.push("position"),i.horizontalAlignment=f.None,i.verticalAlignment=_.None,i.size.copyFrom(a),ce(i,l,s),pe(i,c,s),i.horizontalAlignment=l,i.verticalAlignment=c;for(let d=0;d<s.length;d++){const h=s[d];n._syncTransformToEditor(h,i[h])}}else i.size.copyFrom(a)}}),b()],x.prototype,"size",2);M([y({label:A("ui.transform.pivot.label"),info:A("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)}}),b()],x.prototype,"pivot",2);M([y({customComponent:Ct,when:n=>{var e,t;return!((t=(e=n.entityModel)==null?void 0:e.getComponentByTypeName("UICanvas"))!=null&&t.isRootCanvas())}})],x.prototype,"alignment",2);M([y({label:A("ui.transform.horizontalAlignment.label"),customComponent:D,onChange:n=>{n.engineObject.horizontalAlignment=n.horizontalAlignment}}),b()],x.prototype,"horizontalAlignment",2);M([y({label:A("ui.transform.verticalAlignment.label"),customComponent:D,onChange:n=>{n.engineObject.verticalAlignment=n.verticalAlignment}}),b()],x.prototype,"verticalAlignment",2);M([y({label:A("ui.transform.alignLeft.label"),customComponent:D,onChange:n=>{n.engineObject.alignLeft=n.alignLeft,n._updateEditorPosition()}}),b()],x.prototype,"alignLeft",2);M([y({label:A("ui.transform.alignCenter.label"),customComponent:D,onChange:n=>{n.engineObject.alignCenter=n.alignCenter,n._updateEditorPosition()}}),b()],x.prototype,"alignCenter",2);M([y({label:A("ui.transform.alignRight.label"),customComponent:D,onChange:n=>{n.engineObject.alignRight=n.alignRight,n._updateEditorPosition()}}),b()],x.prototype,"alignRight",2);M([y({label:A("ui.transform.alignTop.label"),customComponent:D,onChange:n=>{n.engineObject.alignTop=n.alignTop,n._updateEditorPosition()}}),b()],x.prototype,"alignTop",2);M([y({label:A("ui.transform.alignMiddle.label"),customComponent:D,onChange:n=>{n.engineObject.alignMiddle=n.alignMiddle,n._updateEditorPosition()}}),b()],x.prototype,"alignMiddle",2);M([y({label:A("ui.transform.alignBottom.label"),customComponent:D,onChange:n=>{n.engineObject.alignBottom=n.alignBottom,n._updateEditorPosition()}}),b()],x.prototype,"alignBottom",2);M([se],x.prototype,"syncRotation",1);x=M([W({type:"UITransform",componentsMenu:{group:"UI",label:"component.ui-transform.title"},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],x);const Lt=L(({model:n,inspectorConfig:e})=>{const{t}=N(),i=n.enabled?t("ui.canvas.warning.not-root-canvas-reason-not-closest"):t("ui.canvas.warning.not-root-canvas-reason-disabled");return p.jsxs(Ge,{type:"warning",css:{width:"100%"},children:[t("ui.canvas.warning.not-root-canvas")," ",i]})});function V(n){n.run().then(e=>{n.isActive()&&(n.shouldApply&&!n.shouldApply(e)||n.apply(e))}).catch(()=>{})}function Et(n,e){var t;return e?((t=n.entities.get(e.ownerId))==null?void 0:t.getComponentById(e.componentId))??null:null}var _e=Object.defineProperty,jt=Object.getOwnPropertyDescriptor,zt=(n,e,t)=>e in n?_e(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,E=(n,e,t,i)=>{for(var a=i>1?void 0:i?jt(e,t):e,r=n.length-1,o;r>=0;r--)(o=n[r])&&(a=(i?o(e,t,a):o(a))||a);return i&&a&&_e(e,t,a),a},Ce=(n,e,t)=>(zt(n,typeof e!="symbol"?e+"":e,t),t);let w=class extends O{constructor(e,t){super(e,t);u(this,"_cameraListener");u(this,"_initReadySequence",0);u(this,"_cameraReadySequence",0);u(this,"_poseReadySequence",0);u(this,"_sizeReadySequence",0);u(this,"_canvasReadySequence",0);u(this,"debouncedRootCanvasCheck",Oe(this._triggerRootCanvasCheck.bind(this),500,{edges:["trailing"]}));u(this,"warning","");u(this,"renderMode",S.ScreenSpaceOverlay);u(this,"referenceResolution",{x:800,y:600});u(this,"referenceResolutionPerUnit",100);u(this,"renderCamera",null);u(this,"resolutionAdaptationMode",P.HeightAdaptation);u(this,"sortOrder",0);u(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.applyBoundPathChange("renderMode",R.Select,S.WorldSpace);const e=this._getTransformModel();if(!e)return;const t=++this._initReadySequence;V({run:async()=>(await e.onReady(),e),isActive:()=>this._isSequenceActive(t,this._initReadySequence),shouldApply:()=>{var i;return((i=this._getTransformModel())==null?void 0:i.status)==="ready"},apply:()=>{q.on("UICanvasEnabled",this.debouncedRootCanvasCheck),q.on("UICanvasDisable",this.debouncedRootCanvasCheck),this._engineObject.engine.canvas._sizeUpdateFlagManager.addListener(this._onCanvasSizeListener);const i=this.root.projectStore.currentScene;i&&(i.initComplete?this.debouncedRootCanvasCheck():V({run:async()=>(await i.onReady(),i),isActive:()=>this._isSequenceActive(t,this._initReadySequence),shouldApply:a=>a.status==="ready",apply:()=>{this.debouncedRootCanvasCheck()}}))}})}_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 S.ScreenSpaceCamera:case S.ScreenSpaceOverlay:this._adapterPoseInScreenSpace(),this._adapterSizeInScreenSpace(),this._setTransformDisabled(!0);break;case S.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;V({run:async()=>(await e.onReady(),e),isActive:()=>this._isSequenceActive(t,this._cameraReadySequence),shouldApply:i=>i.status==="ready",apply:i=>{const a=i.engineObject,r=this._cameraListener;r!==a&&(this._cameraListener=a,r&&(r.entity._updateFlagManager.removeListener(this._onCameraTransformListener),r._unRegisterModifyListener(this._onCameraModifyListener)),a&&(a.entity._updateFlagManager.addListener(this._onCameraTransformListener),a._registerModifyListener(this._onCameraModifyListener)))}})}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===S.ScreenSpaceCamera?this._getCameraModel():null)}onEnabled(){super.onEnabled(),q.dispatch("UICanvasEnabled",this)}onDisabled(){super.onDisabled(),q.dispatch("UICanvasDisable",this)}isRootCanvas(){var e;return!!((e=this.engineObject)!=null&&e._isRootCanvas)}destroy(e){this._initReadySequence++,this._cameraReadySequence++,this._poseReadySequence++,this._sizeReadySequence++,this._canvasReadySequence++,q.off("UICanvasEnabled",this.debouncedRootCanvasCheck),q.off("UICanvasDisable",this.debouncedRootCanvasCheck),this._setCameraListener(null),this._engineObject.engine.canvas._sizeUpdateFlagManager.removeListener(this._onCanvasSizeListener),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===S.ScreenSpaceCamera&&this._adapterPoseInScreenSpace()}_adapterPoseInScreenSpace(){var a,r;const e=this.engineObject,t=e.entity.transform,i=this._getCameraModel();if(this.renderMode===S.ScreenSpaceCamera&&i){const o=++this._poseReadySequence;V({run:async()=>(await i.onReady(),i),isActive:()=>this._isSequenceActive(o,this._poseReadySequence),shouldApply:l=>l.status==="ready",apply:l=>{var g,m;const c=l.engineObject;if(!this._isSameEntityOrChildEntity(c.entity)){const{transform:s}=c.entity,{worldPosition:d,worldForward:h}=s,T=e.distance;t.setWorldPosition(d.x+h.x*T,d.y+h.y*T,d.z+h.z*T),t.worldRotationQuaternion.copyFrom(s.worldRotationQuaternion),(m=(g=this.entityModel)==null?void 0:g.transform)==null||m.lock(t.worldMatrix),this._syncPose()}}})}else{this._poseReadySequence++;const{canvas:o}=e.engine,l=o.height,c=o.width;t.setWorldPosition(c*.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===S.ScreenSpaceCamera&&i){const a=++this._sizeReadySequence;V({run:async()=>(await i.onReady(),i),isActive:()=>this._isSequenceActive(a,this._sizeReadySequence),shouldApply:r=>r.status==="ready",apply:r=>{const o=r.engineObject;t=o.isOrthographic?o.orthographicSize*2:2*(Math.tan(Fe.degreeToRadian(o.fieldOfView*.5))*this.engineObject.distance),e=o.aspectRatio*t,this._applySize(e,t)}})}else{this._sizeReadySequence++;const{canvas:a}=this.engineObject.engine;this._applySize(a.width,a.height)}}_onCanvasSizeListener(){const e=++this._canvasReadySequence;V({run:async()=>(await this.onReady(),this),isActive:()=>this._isSequenceActive(e,this._canvasReadySequence),shouldApply:t=>t.status==="ready",apply:()=>{const t=this._getCameraModel(),i=this.renderMode;if(i===S.ScreenSpaceOverlay||i===S.ScreenSpaceCamera&&!t){const a=this.engineObject,{canvas:r}=a.engine;a.entity.transform.setWorldPosition(r.width*.5,r.height*.5,0),this._adapterSizeInScreenSpace()}}})}_applySize(e,t){const i=this.engineObject.entity.transform,{x:a,y:r}=this.referenceResolution;let o,l,c;switch(this.resolutionAdaptationMode){case P.WidthAdaptation:o=l=c=e/a;break;case P.HeightAdaptation:o=l=c=t/r;break;case P.BothAdaptation:o=e/a,l=t/r,c=(o+l)*.5;break;case P.ExpandAdaptation:o=l=c=Math.min(e/a,t/r);break;case P.ShrinkAdaptation:o=l=c=Math.max(e/a,t/r);break}const g=w._tempMat;fe.affineTransformation(w._tempVec3.set(o,l,c),i.worldRotationQuaternion,i.worldPosition,g),i.worldMatrix.copyFrom(g),i.size.set(e/o,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(){return Et(this.root.sceneStore,this.renderCamera)}_isSameEntityOrChildEntity(e){const t=this.engineObject.entity;for(;e;){if(e===t)return!0;e=e.parent}return!1}};Ce(w,"_tempVec3",new Be);Ce(w,"_tempMat",new fe);E([y({label:"ui.canvas.warning.label",info:"ui.canvas.warning.info",customComponent:Lt,when:n=>!n.isRootCanvas()})],w.prototype,"warning",2);E([y({label:"ui.canvas.render-mode.label",info:"ui.canvas.render-mode.info",type:R.Select,value:S.ScreenSpaceOverlay,when:n=>n.isRootCanvas(),triggerAfterInit:!1,options:[{label:"ui.canvas.render-mode.screen-space-overlay",value:S.ScreenSpaceOverlay},{label:"ui.canvas.render-mode.screen-space-camera",value:S.ScreenSpaceCamera},{label:"ui.canvas.render-mode.world-space",value:S.WorldSpace}],onChange(n,e,t){n._onRenderCameraDirty(),n._onRenderModeDirty()}}),b()],w.prototype,"renderMode",2);E([y({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!==S.WorldSpace,onChange:(n,e,t)=>{n._adapterSizeInScreenSpace()}}),b()],w.prototype,"referenceResolution",2);E([y({label:"ui.canvas.resolution-per-unit.label",info:"ui.canvas.resolution-per-unit.info",type:R.Number,when:n=>n.isRootCanvas(),bindPath:"referenceResolutionPerUnit"}),b()],w.prototype,"referenceResolutionPerUnit",2);E([y({label:"ui.canvas.render-camera.label",info:"ui.canvas.render-camera.info",customComponent:ye,triggerAfterInit:!1,componentTypes:["Camera"],when:n=>n.isRootCanvas()&&n.renderMode===S.ScreenSpaceCamera,onChange:(n,e,t)=>{n._onRenderCameraDirty(),n._onRenderModeDirty()}}),b()],w.prototype,"renderCamera",2);E([y({label:"ui.canvas.adaptation-mode.label",info:"ui.canvas.adaptation-mode.info",type:R.Select,value:P.HeightAdaptation,triggerAfterInit:!1,when:n=>n.isRootCanvas()&&n.renderMode!==S.WorldSpace,options:[{label:"ui.canvas.adaptation-mode.width",value:P.WidthAdaptation},{label:"ui.canvas.adaptation-mode.height",value:P.HeightAdaptation},{label:"ui.canvas.adaptation-mode.both",value:P.BothAdaptation},{label:"ui.canvas.adaptation-mode.expand",value:P.ExpandAdaptation},{label:"ui.canvas.adaptation-mode.shrink",value:P.ShrinkAdaptation}],onChange(n,e,t){n._adapterSizeInScreenSpace()}}),b()],w.prototype,"resolutionAdaptationMode",2);E([y({label:"ui.canvas.sort-order.label",info:"ui.canvas.sort-order.info",type:R.Number,when:n=>n.isRootCanvas()&&n.renderMode===S.ScreenSpaceOverlay,bindPath:"sortOrder"}),b()],w.prototype,"sortOrder",2);E([y({label:"ui.canvas.distance.label",info:"ui.canvas.distance.info",type:R.Number,when:n=>n.isRootCanvas()&&n.renderMode===S.ScreenSpaceCamera,bindPath:"distance",triggerAfterInit:!1,onChange:(n,e,t)=>{n.renderCamera&&(n._adapterPoseInScreenSpace(),n._adapterSizeInScreenSpace())}}),b()],w.prototype,"distance",2);E([se],w.prototype,"_setTransformDisabled",1);w=E([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})],w);var Ot=Object.defineProperty,Bt=Object.getOwnPropertyDescriptor,ie=(n,e,t,i)=>{for(var a=i>1?void 0:i?Bt(e,t):e,r=n.length-1,o;r>=0;r--)(o=n[r])&&(a=(i?o(e,t,a):o(a))||a);return i&&a&&Ot(e,t,a),a};let H=class extends O{constructor(e,t){super(e,t);u(this,"alpha",1);u(this,"interactive",!0);u(this,"ignoreParentGroup",!1)}};ie([y({label:"ui.group.alpha.label",info:"ui.group.alpha.info",type:R.Slider,bindPath:"alpha",min:0,max:1,dragStep:.02}),b()],H.prototype,"alpha",2);ie([y({label:"ui.group.interactive.label",info:"ui.group.interactive.info",type:R.Toggle,bindPath:"interactive"}),b()],H.prototype,"interactive",2);ie([y({label:"ui.group.ignore-parent.label",info:"ui.group.ignore-parent.info",type:R.Toggle,bindPath:"ignoreParentGroup"}),b()],H.prototype,"ignoreParentGroup",2);H=ie([W({type:"UIGroup",componentsMenu:{group:"UI",label:"component.ui-group.title"},unique:!0})],H);O.registerCustomEngineComponent("UICanvas",De);O.registerCustomEngineComponent("UIGroup",Ue);O.registerCustomEngineComponent("Image",qe);O.registerCustomEngineComponent("Button",ke);O.registerCustomEngineComponent("UITransform",Ve);O.registerCustomEngineComponent("Text",Ne);export{ee as ButtonComponent,F as ImageComponent,ge as TextComponent,w as UICanvasComponent,H as UIGroupComponent,x as UITransformComponent};
+var Se=Object.defineProperty;var Te=(n,e,t)=>e in n?Se(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var u=(n,e,t)=>(Te(n,typeof e!="symbol"?e+"":e,t),t);import{aQ as L,aR as N,aS as p,dN as K,e9 as $,aU as B,bN as Q,q as J,et as xe,bP as Ae,bl as Re,cy as j,E as O,eB as we,eC as Me,eD as Ie,p as y,C as R,s as b,e as A,eu as z,f as Pe,eE as f,eF as _,eG as te,aO as Le,c9 as de,t as ue,ca as he,eH as Ee,aL as se,eI as je,x as ze,eJ as Oe,eK as S,eL as P,ef as q,eM as X,ay as fe,K as Be,bE as Fe,cK as De,cL as Ue,cN as qe,cM as ke,cJ as Ve,cO as Ne}from"./index-1e23212d.js";import"./index-92830754.js";import"./postmen-9e1e15bd.js";import{c as W}from"./Component-746be670.js";import{F as We}from"./FormItemArray-a2f72cf1.js";import{S as $e}from"./SpriteBaseComponent-a75e84c1.js";import{T as He}from"./TextBaseComponent-95846acf.js";import{T as I}from"./TransformBaseComponent-a8050787.js";import{S as Ge}from"./Callout-b6ac1af7.js";import"./Accordion-930aedee.js";import"./IconEdit-2c768a0a.js";const Ke=L(({item:n,onPropsChange:e})=>{const{t}=N(),i=n.props;return p.jsxs(p.Fragment,{children:[p.jsx(K,{label:t("ui.transition.color.normal.label"),value:i.normal,onChange:a=>{e(r=>{r.normal=a})}}),p.jsx(K,{label:t("ui.transition.color.hover.label"),value:i.hover,onChange:a=>{e(r=>{r.hover=a})}}),p.jsx(K,{label:t("ui.transition.color.pressed.label"),value:i.pressed,onChange:a=>{e(r=>{r.pressed=a})}}),p.jsx(K,{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 Je=L(({item:n,onPropsChange:e})=>{const{t}=N(),i=n.props;return p.jsxs(p.Fragment,{children:[p.jsx($,{label:t("ui.transition.scale.normal.label"),value:i.normal,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.normal=a})}}),p.jsx($,{label:t("ui.transition.scale.hover.label"),value:i.hover,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.hover=a})}}),p.jsx($,{label:t("ui.transition.scale.pressed.label"),value:i.pressed,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.pressed=a})}}),p.jsx($,{label:t("ui.transition.scale.disabled.label"),value:i.disabled,min:.5,max:2,step:.05,onChange:a=>{e(r=>{r.disabled=a})}})]})});function Xe(n,e){const t=n.props;e.normal=t.normal,e.hover=t.hover,e.pressed=t.pressed,e.disabled=t.disabled}const re=new WeakMap;function Ye(n){const e=(re.get(n)??0)+1;return re.set(n,e),e}function ae(n,e){return re.get(n)===e}function Y(n,e,t,i,a){if(!i){if(!ae(e,t))return;a(null);return}n.getAssetByRef(i).then(r=>{ae(e,t)&&a((r==null?void 0:r.engineObject)??null)}).catch(r=>{ae(e,t)&&(console.warn("[SpriteTransitionOption] syncSpriteTransition failed:",r),a(null))})}function Ze(n,e,t){const{normal:i,hover:a,pressed:r,disabled:o}=e.props,l=Ye(t);Y(n.assetStore,t,l,i,c=>{t.normal=c}),Y(n.assetStore,t,l,a,c=>{t.hover=c}),Y(n.assetStore,t,l,r,c=>{t.pressed=c}),Y(n.assetStore,t,l,o,c=>{t.disabled=c})}function Z(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 et=L(({item:n,model:e,onPropsChange:t})=>{const[i,a]=B.useState(null),[r,o]=B.useState(null),[l,c]=B.useState(null),[g,m]=B.useState(null),{normal:s,hover:d,pressed:h,disabled:T}=n.props,{assetStore:C}=e.root,G=Object.values(C.assets).filter(v=>v.getMetaConfig().type==="sprite");return B.useEffect(()=>Z(C,s,a),[C,s]),B.useEffect(()=>Z(C,d,o),[C,d]),B.useEffect(()=>Z(C,h,c),[C,h]),B.useEffect(()=>Z(C,T,m),[C,T]),p.jsxs(p.Fragment,{children:[p.jsx(Q,{label:"Normal Sprite",dropLayer:J.Sprite,asset:i,value:i==null?void 0:i.name,assets:G,onSelect:v=>{t(U=>{U.normal=(v==null?void 0:v.getCurrentRef())??null})},onDelete:()=>{t(v=>{v.normal=null})},onLocate:()=>{s!=null&&s.refId&&C.selectAsset(s.refId)}}),p.jsx(Q,{label:"Hover Sprite",dropLayer:J.Sprite,asset:r,value:r==null?void 0:r.name,assets:G,onSelect:v=>{t(U=>{U.hover=(v==null?void 0:v.getCurrentRef())??null})},onDelete:()=>{t(v=>{v.hover=null})},onLocate:()=>{d!=null&&d.refId&&C.selectAsset(d.refId)}}),p.jsx(Q,{label:"Pressed Sprite",dropLayer:J.Sprite,asset:l,value:l==null?void 0:l.name,assets:G,onSelect:v=>{t(U=>{U.pressed=(v==null?void 0:v.getCurrentRef())??null})},onDelete:()=>{t(v=>{v.pressed=null})},onLocate:()=>{h!=null&&h.refId&&C.selectAsset(h.refId)}}),p.jsx(Q,{label:"Disabled Sprite",dropLayer:J.Sprite,asset:g,value:g==null?void 0:g.name,assets:G,onSelect:v=>{t(U=>{U.disabled=(v==null?void 0:v.getCurrentRef())??null})},onDelete:()=>{t(v=>{v.disabled=null})},onLocate:()=>{T!=null&&T.refId&&C.selectAsset(T.refId)}})]})});function tt(n,e,t){Ze(n,e,t)}function nt(n,e,t){if(!t)return null;const i=n.entities.get(t);if(!i)return null;for(let a=0,r=e.length;a<r;a++){const o=i.getComponentByTypeName(e[a]);if(o)return{ownerId:t,componentId:o.id}}return null}function it(n,e){n.selectEntity((e==null?void 0:e.ownerId)??null)}function at(n,e){const t=(e==null?void 0:e.ownerId)??null;return{entityId:t,entity:t?n.entities.get(t)??null:null}}const ye=L(n=>{const{inspectorConfig:{property:e,label:t,disabled:i,info:a,componentTypes:r},model:o,onModelChange:l}=n,c=o.root.sceneStore,g=c.rootEntity.children,m=c.entities,{entityId:s,entity:d}=at(c,o[e]??null),{t:h}=N();function T(C){l==null||l(e,nt(c,r,C))}return p.jsx(xe,{info:a,entities:g,entityMap:Ae(m),label:t,value:s,disabled:i,displayValue:d==null?void 0:d.name,placeholder:h("Select component..."),onSelect:T,onLocate:()=>{it(c,o[e]??null)},onDelete:()=>{T(null)}})}),oe={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}}},rt=L(({item:n,index:e,model:t,onModelChange:i})=>{var g;const{t:a}=N();let r,o;switch(n.class){case"SpriteTransition":r=et,o=["Image"];break;case"ColorTransition":r=Ke,o=["Image","Text"];break;case"ScaleTransition":r=Je,o=["Image","Text"];break}const l=m=>{const s=j(t.transitions);m(s),i==null||i("transitions",s)},c=m=>{l(s=>{const d=s[e];d&&m(d)})};return p.jsxs(p.Fragment,{children:[p.jsx(ye,{inspectorConfig:{label:a("ui.transition.target.label"),info:a("ui.transition.target.info"),property:"target",componentTypes:o,value:((g=n.props.target)==null?void 0:g.ownerId)??null},model:n.props,onModelChange:(m,s)=>{c(d=>{d.props.target=s})}}),p.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=>{oe[m].class!==n.class&&c(d=>{const h=oe[m],T=d.props.target;d.class=h.class,d.props={...d.props,duration:h.props.duration,normal:j(h.props.normal),hover:j(h.props.hover),pressed:j(h.props.pressed),disabled:j(h.props.disabled),target:T}})}}),p.jsx(r,{item:n,model:t,onPropsChange:m=>{c(s=>{m(s.props)})}}),p.jsx($,{label:a("ui.transition.duration.label"),info:a("ui.transition.duration.info"),value:n.props.duration,min:0,max:2,step:.05,onChange:m=>{c(s=>{s.props.duration=m})}})]})}),ot=L(({model:n,inspectorConfig:e,onModelChange:t})=>{const{label:i}=e,{t:a}=N(),r=n.transitions,o=l=>{const c=j(r);l(c),t==null||t("transitions",c)};return p.jsx(We,{label:i,items:r.map((l,c)=>{const g={SpriteTransition:a("ui.transition.type.sprite"),ColorTransition:a("ui.transition.type.color"),ScaleTransition:a("ui.transition.type.scale")};return{removable:!0,children:p.jsx(rt,{item:l,index:c,model:n,onModelChange:t}),id:c+"",name:g[l.class]||l.class}}),addable:!0,onAdd:()=>{o(l=>{var m;const c=j(oe.SpriteTransition),g=(m=l[0])==null?void 0:m.props.target;c.props.target=g?j(g):null,l.push(c)})},onDelete:l=>{o(c=>{c.splice(parseInt(l.id),1)})}})});var st=Object.defineProperty,lt=Object.getOwnPropertyDescriptor,le=(n,e,t,i)=>{for(var a=i>1?void 0:i?lt(e,t):e,r=n.length-1,o;r>=0;r--)(o=n[r])&&(a=(i?o(e,t,a):o(a))||a);return i&&a&&st(e,t,a),a};let ee=class extends O{constructor(e,t){super(e,t);u(this,"_transitionMap",new Map);u(this,"interactive",!0);u(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(){const e=this.transitions;for(let t=0,i=e.length;t<i;t++)this.addTransition(e[t])}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 s=this._transitionMap.get(a[r]);s&&(this.engineObject.removeTransition(s),this._transitionMap.delete(e))}const o=this._transitionMap;let l;const c=this.engineObject;switch(t){case"SpriteTransition":l=new Ie,tt(this.root,e,l);break;case"ColorTransition":l=new Me,Qe(e,l);break;case"ScaleTransition":l=new we,Xe(e,l);break}const g=e.props.target;if(g){const s=(m=this.root.sceneStore.entities.get(g.ownerId))==null?void 0:m.getComponentById(g.componentId);s==null||s.onReady().then(()=>{(s==null?void 0:s.status)==="ready"&&(l.target=s==null?void 0:s.engineObject)})}c.addTransition(l),o.set(a[r],l)}getTransition(e){return this._transitionMap.get(e)}};le([y({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 o=0,l=r.length;o<l;o++)r[o]._setState(a,!0)}}),b()],ee.prototype,"interactive",2);le([b({type:"methods",key:"addTransition",onSerialize:n=>n.map(e=>[{class:e.class,props:j(e.props)}]),onDeserialize:n=>n.map(e=>e[0])}),y({label:A("ui.button.transitions.label"),info:A("ui.button.transitions.info"),customComponent:ot,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)}}),b()],ee.prototype,"transitions",2);ee=le([W({type:"Button",componentsMenu:{group:"UI",label:"component.ui-button.title"},dependentComponent:{type:"UITransform",dependentMode:z.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],ee);var be=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,pt=(n,e,t)=>e in n?be(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,ne=(n,e,t,i)=>{for(var a=i>1?void 0:i?ct(e,t):e,r=n.length-1,o;r>=0;r--)(o=n[r])&&(a=(i?o(e,t,a):o(a))||a);return i&&a&&be(e,t,a),a},dt=(n,e,t)=>(pt(n,typeof e!="symbol"?e+"":e,t),t);let F=class extends $e{constructor(e,t){super(e,t);u(this,"raycastEnabled",!0);u(this,"raycastPadding",{x:0,y:0,z:0,w:0});u(this,"material",{refId:F._internalImageMaterialRefId});this.formSchema.addGroup("ui.image.raycast.title",["raycastEnabled","raycastPadding"])}_onInitComplete(){this.raycastEnabled=!1,this.applyBoundPathChange("raycastEnabled",R.Toggle,!1)}};dt(F,"_internalImageMaterialRefId","0000204");ne([y({label:"ui.image.raycast.enabled.label",info:"ui.image.raycast.enabled.info",type:R.Toggle,bindPath:"raycastEnabled"}),b()],F.prototype,"raycastEnabled",2);ne([y({label:"ui.image.raycast.padding.label",info:"ui.image.raycast.padding.info",type:R.Vector4,slotMapping:{x:A("ui.image.raycast.padding.left"),y:A("ui.image.raycast.padding.down"),z:A("ui.image.raycast.padding.right"),w:A("ui.image.raycast.padding.up")}}),b()],F.prototype,"raycastPadding",2);ne([y({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)!=="particle-shader"},onChange:async n=>{const{material:e}=n,t=n.engineObject;if(!e){t.setMaterial(null);return}const{refId:i}=e;if(i===F._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}`)}}}),Pe({engineKey:"setMaterial",getEngineValue:n=>n.getMaterial()}),b({type:"methods",key:"setMaterial",onSerialize:n=>n?[[n]]:void 0,onDeserialize(n){return n?n[0][0]:void 0}})],F.prototype,"material",2);F=ne([W({type:"Image",componentsMenu:{group:"UI",label:"component.ui-image.title"},dependentComponent:{type:"UITransform",dependentMode:z.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],F);var ut=Object.defineProperty,ht=Object.getOwnPropertyDescriptor,gt=(n,e,t,i)=>{for(var a=i>1?void 0:i?ht(e,t):e,r=n.length-1,o;r>=0;r--)(o=n[r])&&(a=(i?o(e,t,a):o(a))||a);return i&&a&&ut(e,t,a),a};let ge=class extends He{constructor(n,e){super(n,e)}};ge=gt([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 ce(n,e,t){var o;const i=(o=n._getParentTransform())==null?void 0:o._rect;if(!i)return;const a=n._rect,r=n.position.x;switch(e){case f.Left:n.alignLeft=r-i.x+a.x,t.push("alignLeft");break;case f.Right:n.alignRight=i.x+i.width-a.x-a.width-r,t.push("alignRight");break;case f.Center:n.alignCenter=r-i.x-i.width*.5+a.x+a.width*.5,t.push("alignCenter");break;case f.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 pe(n,e,t){var o;const i=(o=n._getParentTransform())==null?void 0:o._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 mt(n,e,t=n.horizontalAlignment,i=n.verticalAlignment){e.length=0;const a=n.engineObject;return a.horizontalAlignment=f.None,a.verticalAlignment=_.None,ce(a,t,e),pe(a,i,e),a.horizontalAlignment=t,a.verticalAlignment=i,e}const ft=te({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})(),yt=te({position:"absolute",width:"calc(100% - 40px)",height:"calc(100% - 33px)",border:"1px solid #646c75","border-radius":"5px","pointer-events":"none"})(),bt=te({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"})(),vt=te({display:"grid",columnGap:"$1","align-items":"flex-start","grid-column":"2 / -1","column-gap":"var(--space-1)","row-gap":"var(--space-1)"})(),me=Le("div",{display:"grid",gap:"var(--space-1)",variants:{column:{1:{gridTemplateColumns:"1fr"},2:{gridTemplateColumns:"repeat(2, 1fr)"},3:{gridTemplateColumns:"repeat(3, 1fr)"}}}}),_t=[],D=L(()=>null),Ct=L(({model:n,onModelChange:e})=>{const t=n.engineObject,i=(s,d)=>{const h=mt(n,_t,s,d);for(let T=0;T<h.length;T++){const C=h[T];n._syncTransformToEditor(C,t[C]),e==null||e(C,n[C])}},a=s=>d=>{e==null||e(s,d)},r=s=>{switch(s){case f.None:return 1;case f.Left:case f.Right:case f.Center:return 2;case f.LeftAndRight:return 3;default:return 1}},o=(s,d="")=>p.jsx(Ee,{startSlot:d,value:n[s],onValueChange:a(s)},s),l=s=>{const d=n.horizontalAlignment;let h=d;d&s?h=d&~s:d===f.Center||s===f.Center?h=s:h=d|s,e==null||e("horizontalAlignment",h),i(h,n.verticalAlignment)},c=s=>{const d=n.verticalAlignment;let h=d;d&s?h=d&~s:d===_.Middle||s===_.Middle?h=s:h=d|s,e==null||e("verticalAlignment",h),i(n.horizontalAlignment,h)},g=s=>!!(n.horizontalAlignment&s),m=s=>!!(n.verticalAlignment&s);return p.jsxs("div",{className:bt,children:[p.jsxs("div",{className:ft,id:"ring",children:[p.jsx("div",{className:yt}),p.jsx(k,{...St,isActive:g(f.Left),onClick:()=>l(f.Left)}),p.jsx(k,{...Tt,isActive:g(f.Right),onClick:()=>l(f.Right)}),p.jsx(k,{...xt,isActive:g(f.Center),onClick:()=>l(f.Center)}),p.jsx(k,{...At,isActive:m(_.Top),onClick:()=>c(_.Top)}),p.jsx(k,{...Rt,isActive:m(_.Bottom),onClick:()=>c(_.Bottom)}),p.jsx(k,{...wt,isActive:m(_.Middle),onClick:()=>c(_.Middle)})]}),p.jsxs("div",{className:vt,children:[p.jsxs(me,{column:r(n.horizontalAlignment),children:[p.jsx(de,{startSlot:n.horizontalAlignment===f.None?"Horizontal":"",value:n.horizontalAlignment,onValueChange:s=>{e==null||e("horizontalAlignment",s),i(s,n.verticalAlignment)},children:ue(f).map(s=>p.jsx(he,{value:s.value,children:s.label},s.value))}),n.horizontalAlignment===f.Left&&o("alignLeft"),n.horizontalAlignment===f.Right&&o("alignRight"),n.horizontalAlignment===f.Center&&o("alignCenter"),n.horizontalAlignment===f.LeftAndRight&&p.jsxs(p.Fragment,{children:[o("alignLeft","Left"),o("alignRight","Right")]})]}),p.jsxs(me,{column:r(n.verticalAlignment),children:[p.jsx(de,{startSlot:n.verticalAlignment===_.None?"Vertical":"",value:n.verticalAlignment,onValueChange:s=>{e==null||e("verticalAlignment",s),i(n.horizontalAlignment,s)},children:ue(_).map(s=>p.jsx(he,{value:s.value,children:s.label},s.value))}),n.verticalAlignment===_.Top&&o("alignTop"),n.verticalAlignment===_.Bottom&&o("alignBottom"),n.verticalAlignment===_.Middle&&o("alignMiddle"),n.verticalAlignment===_.TopAndBottom&&p.jsxs(p.Fragment,{children:[o("alignTop","Top"),o("alignBottom","Bottom")]})]})]})]})}),St={left:2,top:"cal(50% - 12px)",width:16,height:25,lw:10,lh:1,activeLH:3,orientation:"h"},Tt={right:2,top:"cal(50% - 12px)",width:16,height:25,lw:10,lh:1,activeLH:3,orientation:"h"},xt={left:"cal(50% - 12px)",top:"cal(50% - 4px)",width:24,height:8,lw:14,lh:1,activeLH:3,orientation:"h"},At={left:"cal(50% - 12px)",top:2,width:25,height:12,lw:1,lh:10,activeLW:3,orientation:"v"},Rt={left:"cal(50% - 12px)",bottom:2,width:25,height:12,lw:1,lh:10,activeLW:3,orientation:"v"},wt={left:"cal(50% - 12px)",top:"cal(50% - 4px)",width:8,h:24,lw:1,lh:14,activeLW:3,orientation:"v"},k=L(function({isActive:e,onClick:t,...i}){return p.jsx("button",{onClick:t,style:{background:"transparent",padding:0,border:0,cursor:"pointer",display:"flex",position:"absolute",justifyContent:"center",alignItems:"center",...i},children:p.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,Mt=Object.getOwnPropertyDescriptor,It=(n,e,t)=>e in n?ve(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,M=(n,e,t,i)=>{for(var a=i>1?void 0:i?Mt(e,t):e,r=n.length-1,o;r>=0;r--)(o=n[r])&&(a=(i?o(e,t,a):o(a))||a);return i&&a&&ve(e,t,a),a},Pt=(n,e,t)=>(It(n,typeof e!="symbol"?e+"":e,t),t);let x=class extends I{constructor(e,t){super(e,t);u(this,"_tempPropertiesForPosition",[]);u(this,"_tempPropertiesForSize",[]);u(this,"disabled",!1);u(this,"size",{x:100,y:100});u(this,"pivot",{x:.5,y:.5});u(this,"alignment",{});u(this,"horizontalAlignment",f.None);u(this,"verticalAlignment",_.None);u(this,"alignLeft",0);u(this,"alignCenter",0);u(this,"alignRight",0);u(this,"alignTop",0);u(this,"alignMiddle",0);u(this,"alignBottom",0);u(this,"syncEngineToEditor",se((e=!1)=>{const t=this.engineObject,{size:i,pivot:a,position:r,rotation:o,scale:l}=t;!e&&this._isLock?(r.copyFrom(this.position),o.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",o),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))}));u(this,"_engineParentEntity");u(this,"_isLock",!1);u(this,"_lockWorldMatrix");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=I.roundToThreeDecimal(e.x),t.y=I.roundToThreeDecimal(e.y),t}static equalVector2(e,t){return e.x===t.x&&e.y===t.y}_updateEditorSize(){const e=this.engineObject,t=I.roundVector2(e.size,I._tempVector2);I.copyVector2(t,this.size)}_updateEditorPosition(){const e=this.engineObject,t=I.roundVector3(e.position,I._tempVector3);I.copyVector3(t,this.position)}onInitComplete(){var e;this._onTransformModify=this._onTransformModify.bind(this),(e=this.engineObject.entity)==null||e._updateFlagManager.addListener(this._onTransformModify)}_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=f.None,i.verticalAlignment=_.None,i.position.copyFrom(this.position),ce(i,e,a),pe(i,t,a),i.horizontalAlignment=e,i.verticalAlignment=t;for(let r=0;r<a.length;r++){const o=a[r];this._syncTransformToEditor(o,i[o])}}else this.engineObject.position.copyFrom(this.position)}_onParentChange(e){e&je.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=I.roundToThreeDecimal(t);this[e]!==i&&(this[e]=i,this.notifyPropertyChange(e,!1));break}case"size":case"pivot":{const i=this[e],a=x.roundVector2(t,x._tempVector2);x.equalVector2(a,i)||(i.x=a.x,i.y=a.y,this.notifyPropertyChange(e,!1));break}default:super._syncTransformToEditor(e,t);break}}};Pt(x,"_tempVector2",{x:0,y:0});M([ze],x.prototype,"disabled",2);M([y({label:A("ui.transform.size.label"),info:A("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:o}=i.size,{horizontalAlignment:l,verticalAlignment:c}=n,g=I.roundToThreeDecimal(r)!==a.x,m=I.roundToThreeDecimal(o)!==a.y;if(!(!g&&!m))if(l||c){const s=n._tempPropertiesForSize;s.length=0,s.push("position"),i.horizontalAlignment=f.None,i.verticalAlignment=_.None,i.size.copyFrom(a),ce(i,l,s),pe(i,c,s),i.horizontalAlignment=l,i.verticalAlignment=c;for(let d=0;d<s.length;d++){const h=s[d];n._syncTransformToEditor(h,i[h])}}else i.size.copyFrom(a)}}),b()],x.prototype,"size",2);M([y({label:A("ui.transform.pivot.label"),info:A("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)}}),b()],x.prototype,"pivot",2);M([y({customComponent:Ct,when:n=>{var e,t;return!((t=(e=n.entityModel)==null?void 0:e.getComponentByTypeName("UICanvas"))!=null&&t.isRootCanvas())}})],x.prototype,"alignment",2);M([y({label:A("ui.transform.horizontalAlignment.label"),customComponent:D,onChange:n=>{n.engineObject.horizontalAlignment=n.horizontalAlignment}}),b()],x.prototype,"horizontalAlignment",2);M([y({label:A("ui.transform.verticalAlignment.label"),customComponent:D,onChange:n=>{n.engineObject.verticalAlignment=n.verticalAlignment}}),b()],x.prototype,"verticalAlignment",2);M([y({label:A("ui.transform.alignLeft.label"),customComponent:D,onChange:n=>{n.engineObject.alignLeft=n.alignLeft,n._updateEditorPosition()}}),b()],x.prototype,"alignLeft",2);M([y({label:A("ui.transform.alignCenter.label"),customComponent:D,onChange:n=>{n.engineObject.alignCenter=n.alignCenter,n._updateEditorPosition()}}),b()],x.prototype,"alignCenter",2);M([y({label:A("ui.transform.alignRight.label"),customComponent:D,onChange:n=>{n.engineObject.alignRight=n.alignRight,n._updateEditorPosition()}}),b()],x.prototype,"alignRight",2);M([y({label:A("ui.transform.alignTop.label"),customComponent:D,onChange:n=>{n.engineObject.alignTop=n.alignTop,n._updateEditorPosition()}}),b()],x.prototype,"alignTop",2);M([y({label:A("ui.transform.alignMiddle.label"),customComponent:D,onChange:n=>{n.engineObject.alignMiddle=n.alignMiddle,n._updateEditorPosition()}}),b()],x.prototype,"alignMiddle",2);M([y({label:A("ui.transform.alignBottom.label"),customComponent:D,onChange:n=>{n.engineObject.alignBottom=n.alignBottom,n._updateEditorPosition()}}),b()],x.prototype,"alignBottom",2);M([se],x.prototype,"syncRotation",1);x=M([W({type:"UITransform",componentsMenu:{group:"UI",label:"component.ui-transform.title"},mutuallyComponent:{type:"Transform",dependentMode:z.AutoDel}})],x);const Lt=L(({model:n,inspectorConfig:e})=>{const{t}=N(),i=n.enabled?t("ui.canvas.warning.not-root-canvas-reason-not-closest"):t("ui.canvas.warning.not-root-canvas-reason-disabled");return p.jsxs(Ge,{type:"warning",css:{width:"100%"},children:[t("ui.canvas.warning.not-root-canvas")," ",i]})});function V(n){n.run().then(e=>{n.isActive()&&(n.shouldApply&&!n.shouldApply(e)||n.apply(e))}).catch(()=>{})}function Et(n,e){var t;return e?((t=n.entities.get(e.ownerId))==null?void 0:t.getComponentById(e.componentId))??null:null}var _e=Object.defineProperty,jt=Object.getOwnPropertyDescriptor,zt=(n,e,t)=>e in n?_e(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,E=(n,e,t,i)=>{for(var a=i>1?void 0:i?jt(e,t):e,r=n.length-1,o;r>=0;r--)(o=n[r])&&(a=(i?o(e,t,a):o(a))||a);return i&&a&&_e(e,t,a),a},Ce=(n,e,t)=>(zt(n,typeof e!="symbol"?e+"":e,t),t);let w=class extends O{constructor(e,t){super(e,t);u(this,"_cameraListener");u(this,"_initReadySequence",0);u(this,"_cameraReadySequence",0);u(this,"_poseReadySequence",0);u(this,"_sizeReadySequence",0);u(this,"_canvasReadySequence",0);u(this,"debouncedRootCanvasCheck",Oe(this._triggerRootCanvasCheck.bind(this),500,{edges:["trailing"]}));u(this,"warning","");u(this,"renderMode",S.ScreenSpaceOverlay);u(this,"referenceResolution",{x:800,y:600});u(this,"referenceResolutionPerUnit",100);u(this,"renderCamera",null);u(this,"resolutionAdaptationMode",P.HeightAdaptation);u(this,"sortOrder",0);u(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.applyBoundPathChange("renderMode",R.Select,S.WorldSpace);const e=this._getTransformModel();if(!e)return;const t=++this._initReadySequence;V({run:async()=>(await e.onReady(),e),isActive:()=>this._isSequenceActive(t,this._initReadySequence),shouldApply:()=>{var i;return((i=this._getTransformModel())==null?void 0:i.status)==="ready"},apply:()=>{q.on("UICanvasEnabled",this.debouncedRootCanvasCheck),q.on("UICanvasDisable",this.debouncedRootCanvasCheck),this._engineObject.engine.canvas._sizeUpdateFlagManager.addListener(this._onCanvasSizeListener);const i=this.root.projectStore.currentScene;i&&(i.initComplete?this.debouncedRootCanvasCheck():V({run:async()=>(await i.onReady(),i),isActive:()=>this._isSequenceActive(t,this._initReadySequence),shouldApply:a=>a.status==="ready",apply:()=>{this.debouncedRootCanvasCheck()}}))}})}_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 S.ScreenSpaceCamera:case S.ScreenSpaceOverlay:this._adapterPoseInScreenSpace(),this._adapterSizeInScreenSpace(),this._setTransformDisabled(!0);break;case S.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;V({run:async()=>(await e.onReady(),e),isActive:()=>this._isSequenceActive(t,this._cameraReadySequence),shouldApply:i=>i.status==="ready",apply:i=>{const a=i.engineObject,r=this._cameraListener;r!==a&&(this._cameraListener=a,r&&(r.entity._updateFlagManager.removeListener(this._onCameraTransformListener),r._unRegisterModifyListener(this._onCameraModifyListener)),a&&(a.entity._updateFlagManager.addListener(this._onCameraTransformListener),a._registerModifyListener(this._onCameraModifyListener)))}})}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===S.ScreenSpaceCamera?this._getCameraModel():null)}onEnabled(){super.onEnabled(),q.dispatch("UICanvasEnabled",this)}onDisabled(){super.onDisabled(),q.dispatch("UICanvasDisable",this)}isRootCanvas(){var e;return!!((e=this.engineObject)!=null&&e._isRootCanvas)}destroy(e){this._initReadySequence++,this._cameraReadySequence++,this._poseReadySequence++,this._sizeReadySequence++,this._canvasReadySequence++,q.off("UICanvasEnabled",this.debouncedRootCanvasCheck),q.off("UICanvasDisable",this.debouncedRootCanvasCheck),this._setCameraListener(null),this._engineObject.engine.canvas._sizeUpdateFlagManager.removeListener(this._onCanvasSizeListener),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===S.ScreenSpaceCamera&&this._adapterPoseInScreenSpace()}_adapterPoseInScreenSpace(){var a,r;const e=this.engineObject,t=e.entity.transform,i=this._getCameraModel();if(this.renderMode===S.ScreenSpaceCamera&&i){const o=++this._poseReadySequence;V({run:async()=>(await i.onReady(),i),isActive:()=>this._isSequenceActive(o,this._poseReadySequence),shouldApply:l=>l.status==="ready",apply:l=>{var g,m;const c=l.engineObject;if(!this._isSameEntityOrChildEntity(c.entity)){const{transform:s}=c.entity,{worldPosition:d,worldForward:h}=s,T=e.distance;t.setWorldPosition(d.x+h.x*T,d.y+h.y*T,d.z+h.z*T),t.worldRotationQuaternion.copyFrom(s.worldRotationQuaternion),(m=(g=this.entityModel)==null?void 0:g.transform)==null||m.lock(t.worldMatrix),this._syncPose()}}})}else{this._poseReadySequence++;const{canvas:o}=e.engine,l=o.height,c=o.width;t.setWorldPosition(c*.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===S.ScreenSpaceCamera&&i){const a=++this._sizeReadySequence;V({run:async()=>(await i.onReady(),i),isActive:()=>this._isSequenceActive(a,this._sizeReadySequence),shouldApply:r=>r.status==="ready",apply:r=>{const o=r.engineObject;t=o.isOrthographic?o.orthographicSize*2:2*(Math.tan(Fe.degreeToRadian(o.fieldOfView*.5))*this.engineObject.distance),e=o.aspectRatio*t,this._applySize(e,t)}})}else{this._sizeReadySequence++;const{canvas:a}=this.engineObject.engine;this._applySize(a.width,a.height)}}_onCanvasSizeListener(){const e=++this._canvasReadySequence;V({run:async()=>(await this.onReady(),this),isActive:()=>this._isSequenceActive(e,this._canvasReadySequence),shouldApply:t=>t.status==="ready",apply:()=>{const t=this._getCameraModel(),i=this.renderMode;if(i===S.ScreenSpaceOverlay||i===S.ScreenSpaceCamera&&!t){const a=this.engineObject,{canvas:r}=a.engine;a.entity.transform.setWorldPosition(r.width*.5,r.height*.5,0),this._adapterSizeInScreenSpace()}}})}_applySize(e,t){const i=this.engineObject.entity.transform,{x:a,y:r}=this.referenceResolution;let o,l,c;switch(this.resolutionAdaptationMode){case P.WidthAdaptation:o=l=c=e/a;break;case P.HeightAdaptation:o=l=c=t/r;break;case P.BothAdaptation:o=e/a,l=t/r,c=(o+l)*.5;break;case P.ExpandAdaptation:o=l=c=Math.min(e/a,t/r);break;case P.ShrinkAdaptation:o=l=c=Math.max(e/a,t/r);break}const g=w._tempMat;fe.affineTransformation(w._tempVec3.set(o,l,c),i.worldRotationQuaternion,i.worldPosition,g),i.worldMatrix.copyFrom(g),i.size.set(e/o,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(){return Et(this.root.sceneStore,this.renderCamera)}_isSameEntityOrChildEntity(e){const t=this.engineObject.entity;for(;e;){if(e===t)return!0;e=e.parent}return!1}};Ce(w,"_tempVec3",new Be);Ce(w,"_tempMat",new fe);E([y({label:"ui.canvas.warning.label",info:"ui.canvas.warning.info",customComponent:Lt,when:n=>!n.isRootCanvas()})],w.prototype,"warning",2);E([y({label:"ui.canvas.render-mode.label",info:"ui.canvas.render-mode.info",type:R.Select,value:S.ScreenSpaceOverlay,when:n=>n.isRootCanvas(),triggerAfterInit:!1,options:[{label:"ui.canvas.render-mode.screen-space-overlay",value:S.ScreenSpaceOverlay},{label:"ui.canvas.render-mode.screen-space-camera",value:S.ScreenSpaceCamera},{label:"ui.canvas.render-mode.world-space",value:S.WorldSpace}],onChange(n,e,t){n._onRenderCameraDirty(),n._onRenderModeDirty()}}),b()],w.prototype,"renderMode",2);E([y({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!==S.WorldSpace,onChange:(n,e,t)=>{n._adapterSizeInScreenSpace()}}),b()],w.prototype,"referenceResolution",2);E([y({label:"ui.canvas.resolution-per-unit.label",info:"ui.canvas.resolution-per-unit.info",type:R.Number,when:n=>n.isRootCanvas(),bindPath:"referenceResolutionPerUnit"}),b()],w.prototype,"referenceResolutionPerUnit",2);E([y({label:"ui.canvas.render-camera.label",info:"ui.canvas.render-camera.info",customComponent:ye,triggerAfterInit:!1,componentTypes:["Camera"],when:n=>n.isRootCanvas()&&n.renderMode===S.ScreenSpaceCamera,onChange:(n,e,t)=>{n._onRenderCameraDirty(),n._onRenderModeDirty()}}),b()],w.prototype,"renderCamera",2);E([y({label:"ui.canvas.adaptation-mode.label",info:"ui.canvas.adaptation-mode.info",type:R.Select,value:P.HeightAdaptation,triggerAfterInit:!1,when:n=>n.isRootCanvas()&&n.renderMode!==S.WorldSpace,options:[{label:"ui.canvas.adaptation-mode.width",value:P.WidthAdaptation},{label:"ui.canvas.adaptation-mode.height",value:P.HeightAdaptation},{label:"ui.canvas.adaptation-mode.both",value:P.BothAdaptation},{label:"ui.canvas.adaptation-mode.expand",value:P.ExpandAdaptation},{label:"ui.canvas.adaptation-mode.shrink",value:P.ShrinkAdaptation}],onChange(n,e,t){n._adapterSizeInScreenSpace()}}),b()],w.prototype,"resolutionAdaptationMode",2);E([y({label:"ui.canvas.sort-order.label",info:"ui.canvas.sort-order.info",type:R.Number,when:n=>n.isRootCanvas()&&n.renderMode===S.ScreenSpaceOverlay,bindPath:"sortOrder"}),b()],w.prototype,"sortOrder",2);E([y({label:"ui.canvas.distance.label",info:"ui.canvas.distance.info",type:R.Number,when:n=>n.isRootCanvas()&&n.renderMode===S.ScreenSpaceCamera,bindPath:"distance",triggerAfterInit:!1,onChange:(n,e,t)=>{n.renderCamera&&(n._adapterPoseInScreenSpace(),n._adapterSizeInScreenSpace())}}),b()],w.prototype,"distance",2);E([se],w.prototype,"_setTransformDisabled",1);w=E([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})],w);var Ot=Object.defineProperty,Bt=Object.getOwnPropertyDescriptor,ie=(n,e,t,i)=>{for(var a=i>1?void 0:i?Bt(e,t):e,r=n.length-1,o;r>=0;r--)(o=n[r])&&(a=(i?o(e,t,a):o(a))||a);return i&&a&&Ot(e,t,a),a};let H=class extends O{constructor(e,t){super(e,t);u(this,"alpha",1);u(this,"interactive",!0);u(this,"ignoreParentGroup",!1)}};ie([y({label:"ui.group.alpha.label",info:"ui.group.alpha.info",type:R.Slider,bindPath:"alpha",min:0,max:1,dragStep:.02}),b()],H.prototype,"alpha",2);ie([y({label:"ui.group.interactive.label",info:"ui.group.interactive.info",type:R.Toggle,bindPath:"interactive"}),b()],H.prototype,"interactive",2);ie([y({label:"ui.group.ignore-parent.label",info:"ui.group.ignore-parent.info",type:R.Toggle,bindPath:"ignoreParentGroup"}),b()],H.prototype,"ignoreParentGroup",2);H=ie([W({type:"UIGroup",componentsMenu:{group:"UI",label:"component.ui-group.title"},unique:!0})],H);O.registerCustomEngineComponent("UICanvas",De);O.registerCustomEngineComponent("UIGroup",Ue);O.registerCustomEngineComponent("Image",qe);O.registerCustomEngineComponent("Button",ke);O.registerCustomEngineComponent("UITransform",Ve);O.registerCustomEngineComponent("Text",Ne);export{ee as ButtonComponent,F as ImageComponent,ge as TextComponent,w as UICanvasComponent,H as UIGroupComponent,x as UITransformComponent};

package/dist/viewport-client/_static/index-3439012b.js

@@ -0,0 +1 @@
+import{E as s,c as S,b as i,a as d,S as h}from"./ShaderAsset-98ce1f70.js";import{S as T}from"./ShaderUIScriptAsset-ac824e68.js";import"./index-1e23212d.js";import"./index-92830754.js";import"./ProxyConfigs-ad92ebc7.js";import"./IconPointFilled-209638e2.js";import"./index-b2e1cba4.js";export{s as EShaderPropertyType,S as ShaderAsset,i as ShaderPropertyEnumType,d as ShaderPropertyRangeType,h as ShaderTemplateConfigs,T as ShaderUIScript};