@galacean/cli 2.0.0-alpha.16 → 2.0.0-alpha.17

package/dist/viewport-client/_static/{index-07686e59.js → index-6087df7e.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 E,aR as N,aS as p,dD as K,ea as $,aU as B,bN as Q,q as J,eu as xe,bP as Ae,bl as Re,co as L,E as O,eC as we,eD as Me,eE as Ie,p as y,C as R,s as b,e as A,ev as j,f as Pe,eF as f,eG as _,eH as te,aO as Ee,b_ as de,t as ue,b$ as he,eI as ze,aL as se,eJ as Le,x as je,eK as Oe,eL as S,eM as P,eg as q,eN as X,ay as fe,K as Be,bE as Fe,cA as De,cB as Ue,cD as qe,cC as ke,cz as Ve,cE as Ne}from"./index-c91bca3c.js";import"./index-7e3053d3.js";import"./postmen-c85935a0.js";import{c as W}from"./Component-49fa7a68.js";import{F as We}from"./FormItemArray-1eb0a655.js";import{S as $e}from"./SpriteBaseComponent-f1a5422d.js";import{T as He}from"./TextBaseComponent-186ad55d.js";import{T as I}from"./TransformBaseComponent-4fd596d1.js";import{S as Ge}from"./Callout-5731416b.js";import"./Accordion-8e8abfeb.js";import"./IconEdit-e6cba426.js";const Ke=E(({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=E(({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=E(({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=E(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=E(({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=L(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:L(h.props.normal),hover:L(h.props.hover),pressed:L(h.props.pressed),disabled:L(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=E(({model:n,inspectorConfig:e,onModelChange:t})=>{const{label:i}=e,{t:a}=N(),r=n.transitions,o=l=>{const c=L(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=L(oe.SpriteTransition),g=(m=l[0])==null?void 0:m.props.target;c.props.target=g?L(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:L(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:j.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:j.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:j.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:j.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:j.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:j.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=Ee("div",{display:"grid",gap:"var(--space-1)",variants:{column:{1:{gridTemplateColumns:"1fr"},2:{gridTemplateColumns:"repeat(2, 1fr)"},3:{gridTemplateColumns:"repeat(3, 1fr)"}}}}),_t=[],D=E(()=>null),Ct=E(({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(ze,{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=E(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&Le.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([je],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:j.AutoDel}})],x);const Et=E(({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 zt(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,Lt=Object.getOwnPropertyDescriptor,jt=(n,e,t)=>e in n?_e(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,z=(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&&_e(e,t,a),a},Ce=(n,e,t)=>(jt(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 zt(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);z([y({label:"ui.canvas.warning.label",info:"ui.canvas.warning.info",customComponent:Et,when:n=>!n.isRootCanvas()})],w.prototype,"warning",2);z([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);z([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);z([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);z([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);z([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);z([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);z([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);z([se],w.prototype,"_setTransformDisabled",1);w=z([W({type:"UICanvas",componentsMenu:{group:"UI",label:"component.ui-canvas.title"},dependentComponent:{type:"UITransform",dependentMode:j.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:j.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 E,aR as N,aS as p,dD as K,ea as $,aU as B,bN as Q,q as J,eu as xe,bP as Ae,bl as Re,co as L,E as O,eC as we,eD as Me,eE as Ie,p as y,C as R,s as b,e as A,ev as j,f as Pe,eF as f,eG as _,eH as te,aO as Ee,b_ as de,t as ue,b$ as he,eI as ze,aL as se,eJ as Le,x as je,eK as Oe,eL as S,eM as P,eg as q,eN as X,ay as fe,K as Be,bE as Fe,cA as De,cB as Ue,cD as qe,cC as ke,cz as Ve,cE as Ne}from"./index-d07818b5.js";import"./index-0487cdcf.js";import"./postmen-e6429bad.js";import{c as W}from"./Component-964374b8.js";import{F as We}from"./FormItemArray-536e9ade.js";import{S as $e}from"./SpriteBaseComponent-ab727e8e.js";import{T as He}from"./TextBaseComponent-13689460.js";import{T as I}from"./TransformBaseComponent-c0a6a3c8.js";import{S as Ge}from"./Callout-a96a8430.js";import"./Accordion-4581466b.js";import"./IconEdit-493cbbb3.js";const Ke=E(({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=E(({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=E(({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=E(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=E(({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=L(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:L(h.props.normal),hover:L(h.props.hover),pressed:L(h.props.pressed),disabled:L(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=E(({model:n,inspectorConfig:e,onModelChange:t})=>{const{label:i}=e,{t:a}=N(),r=n.transitions,o=l=>{const c=L(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=L(oe.SpriteTransition),g=(m=l[0])==null?void 0:m.props.target;c.props.target=g?L(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:L(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:j.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:j.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:j.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:j.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:j.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:j.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=Ee("div",{display:"grid",gap:"var(--space-1)",variants:{column:{1:{gridTemplateColumns:"1fr"},2:{gridTemplateColumns:"repeat(2, 1fr)"},3:{gridTemplateColumns:"repeat(3, 1fr)"}}}}),_t=[],D=E(()=>null),Ct=E(({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(ze,{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=E(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&Le.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([je],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:j.AutoDel}})],x);const Et=E(({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 zt(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,Lt=Object.getOwnPropertyDescriptor,jt=(n,e,t)=>e in n?_e(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,z=(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&&_e(e,t,a),a},Ce=(n,e,t)=>(jt(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 zt(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);z([y({label:"ui.canvas.warning.label",info:"ui.canvas.warning.info",customComponent:Et,when:n=>!n.isRootCanvas()})],w.prototype,"warning",2);z([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);z([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);z([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);z([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);z([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);z([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);z([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);z([se],w.prototype,"_setTransformDisabled",1);w=z([W({type:"UICanvas",componentsMenu:{group:"UI",label:"component.ui-canvas.title"},dependentComponent:{type:"UITransform",dependentMode:j.AutoAdd},mutuallyComponent:{type:"Transform",dependentMode:j.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-6798427d.js

@@ -0,0 +1 @@
+import{A as l,a as C,b}from"./AnimationClipAsset-a5adbe0b.js";import"./index-d07818b5.js";import"./index-0487cdcf.js";import"./postmen-e6429bad.js";import"./AssetViewer-a2f4ee75.js";import"./assetEditorActions-c4e5962f.js";import"./encode-ac4bb64e.js";import"./meshopt_simplifier.module-cd99529d.js";import"./module-7c8b159f.js";import"./module-4879e776.js";export{l as AnimationClipAsset,C as AnimationClipInspector,b as AnimationClipViewer};

package/dist/viewport-client/_static/{index-07b22cd4.js → index-7abbe07f.js}

@@ -1 +1 @@
-var f=Object.defineProperty;var m=(r,e,t)=>e in r?f(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var o=(r,e,t)=>(m(r,typeof e!="symbol"?e+"":e,t),t);import{a as s,E as S,b as u}from"./ShaderUIScriptAsset-259555e9.js";import{t as P}from"./ShaderUIScriptAsset-259555e9.js";import{q as g,a$ as h}from"./index-c91bca3c.js";import"./index-7e3053d3.js";var l=Object.defineProperty,M=Object.getOwnPropertyDescriptor,b=(r,e,t,p)=>{for(var a=p>1?void 0:p?M(e,t):e,i=r.length-1,c;i>=0;i--)(c=r[i])&&(a=(p?c(e,t,a):c(a))||a);return p&&a&&l(e,t,a),a};class n extends s{constructor(){super(...arguments);o(this,"subType",S.StateMachine)}getMetaConfig(){let t=s.getRegisteredAssetMeta(s);return t={...t,defaultName:"StateMachineScript.ts",dragLayer:g.StateMachineScript},t}}b([h()],n.prototype,"subType",2);s.registerScriptConstruct(S.ShaderUI,u);s.registerScriptConstruct(S.StateMachine,n);export{S as EScriptSubType,s as ScriptAsset,u as ShaderUIScriptAsset,n as StateMachineScript,P as scriptTemplates};
+var f=Object.defineProperty;var m=(r,e,t)=>e in r?f(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var o=(r,e,t)=>(m(r,typeof e!="symbol"?e+"":e,t),t);import{a as s,E as S,b as u}from"./ShaderUIScriptAsset-aa3adb43.js";import{t as P}from"./ShaderUIScriptAsset-aa3adb43.js";import{q as g,a$ as h}from"./index-d07818b5.js";import"./index-0487cdcf.js";var l=Object.defineProperty,M=Object.getOwnPropertyDescriptor,b=(r,e,t,p)=>{for(var a=p>1?void 0:p?M(e,t):e,i=r.length-1,c;i>=0;i--)(c=r[i])&&(a=(p?c(e,t,a):c(a))||a);return p&&a&&l(e,t,a),a};class n extends s{constructor(){super(...arguments);o(this,"subType",S.StateMachine)}getMetaConfig(){let t=s.getRegisteredAssetMeta(s);return t={...t,defaultName:"StateMachineScript.ts",dragLayer:g.StateMachineScript},t}}b([h()],n.prototype,"subType",2);s.registerScriptConstruct(S.ShaderUI,u);s.registerScriptConstruct(S.StateMachine,n);export{S as EScriptSubType,s as ScriptAsset,u as ShaderUIScriptAsset,n as StateMachineScript,P as scriptTemplates};

package/dist/viewport-client/_static/index-7b81c737.js

@@ -0,0 +1 @@
+import{K as E,b as w,T as I,a as R}from"./TextureAsset-77e6000d.js";import{G as F,a as G}from"./GlTFAsset-84f09723.js";import{M as V,a as K}from"./MaterialAsset-088e8e0a.js";import{MeshAsset as X}from"./MeshAsset-ff94b6a7.js";import{AnimatorControllerAsset as D}from"./AnimatorControllerAsset-1b29c766.js";import{A as j,a as q,b as z}from"./AnimationClipAsset-a5adbe0b.js";import{S as H}from"./SpriteAsset-9b36d0ae.js";import{S as N}from"./SpriteAtlasAsset-3f3112ca.js";import{AmbientLightAsset as W}from"./AmbientLightAsset-52dfaaf8.js";import{LottieAsset as Z}from"./LottieAsset-898108e3.js";import{a as $,S as rr}from"./ShaderChunkAsset-6fc715c5.js";import{S as tr}from"./SpineSkeletonDataAsset-cddcc22b.js";import{FontAsset as sr}from"./FontAsset-29ed97fd.js";import{SceneAsset as ar}from"./SceneAsset-c2a6f842.js";import{E as mr,c as Ar,b as Sr,a as fr,S as xr}from"./ShaderAsset-d1e99a96.js";import{E as hr,a as lr,S as Tr,b as cr,t as dr}from"./ShaderUIScriptAsset-aa3adb43.js";import{PrimitiveMesh as Mr}from"./PrimitiveMesh-10b1161f.js";import{XRReferenceImageAsset as ur}from"./XRReferenceImageAsset-b786aca3.js";import{PrefabAsset as Pr}from"./PrefabAsset-0afc28fa.js";import{PhysicsMaterialAsset as Er}from"./PhysicsMaterialAsset-291fc997.js";import{RenderTargetAsset as Ir}from"./RenderTargetAsset-248f1eb5.js";import{AudioAsset as kr}from"./AudioAsset-f206da55.js";import{StateMachineScript as Gr}from"./index-7abbe07f.js";import{MarkdownAsset as Vr}from"./MarkdownAsset-707897f5.js";import"./index-d07818b5.js";import"./enum-58295f88.js";import"./index-0487cdcf.js";import"./postmen-e6429bad.js";import"./encode-ac4bb64e.js";import"./meshopt_simplifier.module-cd99529d.js";import"./Tooltip-c35612f0.js";import"./AssetViewer-a2f4ee75.js";import"./ktx2-encoder-5413e034.js";import"./TaskQueue-05c94a4d.js";import"./glTFIO-79bbca27.js";import"./MaterialInspector-93a0838d.js";import"./IconPointFilled-71525313.js";import"./ProxyConfigs-d85202ac.js";import"./index-ca459192.js";import"./MeshThumbnail-768ca939.js";import"./bundlers-9b0d37fc.js";import"./assetEditorActions-c4e5962f.js";import"./module-7c8b159f.js";import"./module-4879e776.js";import"./FormItemArray-536e9ade.js";import"./Accordion-4581466b.js";import"./IconEdit-493cbbb3.js";import"./module-b565f34f.js";export{W as AmbientLightAsset,j as AnimationClipAsset,q as AnimationClipInspector,z as AnimationClipViewer,D as AnimatorControllerAsset,kr as AudioAsset,hr as EScriptSubType,mr as EShaderPropertyType,sr as FontAsset,F as GlTFAsset,G as GlTFViewer,E as KTX2Options,Z as LottieAsset,Vr as MarkdownAsset,V as MaterialAsset,K as MaterialViewer,X as MeshAsset,Er as PhysicsMaterialAsset,Pr as PrefabAsset,Mr as PrimitiveMesh,Ir as RenderTargetAsset,ar as SceneAsset,lr as ScriptAsset,Ar as ShaderAsset,$ as ShaderChunkAsset,Sr as ShaderPropertyEnumType,fr as ShaderPropertyRangeType,xr as ShaderTemplateConfigs,Tr as ShaderUIScript,cr as ShaderUIScriptAsset,rr as SpineAtlasAsset,tr as SpineSkeletonDataAsset,H as SpriteAsset,N as SpriteAtlasAsset,Gr as StateMachineScript,w as TextureAsset,I as TextureShape,R as TextureUseType,ur as XRReferenceImageAsset,dr as scriptTemplates};

package/dist/viewport-client/_static/{index-f3f5cf05.js → index-8800c7e6.js}

@@ -1,4 +1,4 @@
-import{aH as q,aO as b,b3 as S,aC as n,b8 as w,b9 as De,ey as G,ez as Oe,aP as Ye,eA as it,aT as se,aX as st,eB as at}from"./index-c91bca3c.js";import{C as lt,M as ct}from"./Menu-4b6f69f6.js";/**
+import{aH as q,aO as b,b3 as S,aC as n,b8 as w,b9 as De,ey as G,ez as Oe,aP as Ye,eA as it,aT as se,aX as st,eB as at}from"./index-d07818b5.js";import{C as lt,M as ct}from"./Menu-d694f08a.js";/**
  * @license @tabler/icons-react v3.17.0 - MIT
  *
  * This source code is licensed under the MIT license.

package/dist/viewport-client/_static/index-8b6ebbf6.js

@@ -0,0 +1 @@
+import{C,D as s,F as l,H as c,P as S,a as d,S as J}from"./PhysicsStore-50022658.js";import"./index-d07818b5.js";import"./index-0487cdcf.js";import"./Component-964374b8.js";import"./postmen-e6429bad.js";import"./FormItemArray-536e9ade.js";import"./Accordion-4581466b.js";import"./IconEdit-493cbbb3.js";export{C as CharacterControllerComponent,s as DynamicColliderComponent,l as FixedJointComponent,c as HingeJointComponent,S as PhysicsStore,d as SpringJointComponent,J as StaticColliderComponent};

package/dist/viewport-client/_static/index-8b6efd6a.js

@@ -0,0 +1 @@
+import{A as a,a as n}from"./AnimatorStore-2bd92a36.js";import"./index-d07818b5.js";import"./index-0487cdcf.js";import"./Component-964374b8.js";import"./postmen-e6429bad.js";export{a as AnimatorComponent,n as AnimatorStore};

package/dist/viewport-client/_static/{index-1844727f.js → index-906d9f78.js}

@@ -1 +1 @@
-var w=Object.defineProperty;var O=(p,e,t)=>e in p?w(p,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[e]=t;var m=(p,e,t)=>(O(p,typeof e!="symbol"?e+"":e,t),t);import{aQ as x,aR as E,aU as I,aS as d,bO as _,aW as v,E as R,C as h,bP as g,x as S,p as C,e as b,bQ as T,bR as j}from"./index-c91bca3c.js";import"./index-7e3053d3.js";import{c as N}from"./Component-49fa7a68.js";import"./postmen-c85935a0.js";import{c as V,a as A,b as B}from"./scriptPropertyActions-d3a583d2.js";import"./TextureAsset-be48e190.js";import"./GlTFAsset-f105daea.js";import"./MaterialAsset-1b309564.js";import"./MeshAsset-4c7358f8.js";import"./AnimatorControllerAsset-2d28e356.js";import"./AnimationClipAsset-fc42dad4.js";import"./SpriteAsset-0c49dc5d.js";import"./SpriteAtlasAsset-6461f25f.js";import"./AmbientLightAsset-20ad0c84.js";import"./LottieAsset-4be66309.js";import"./ShaderChunkAsset-e6717d7f.js";import"./SpineSkeletonDataAsset-8ea5b7b8.js";import"./FontAsset-68e03b27.js";import"./SceneAsset-7e22b810.js";import"./ShaderAsset-c9f375b5.js";import"./PrimitiveMesh-dc3ad0fa.js";import"./XRReferenceImageAsset-b3c01eec.js";import"./PrefabAsset-a6b88bbd.js";import"./PhysicsMaterialAsset-af1ebf10.js";import"./RenderTargetAsset-fab94566.js";import"./AudioAsset-4a8dee15.js";import"./index-07b22cd4.js";import"./MarkdownAsset-b5fb62bf.js";import{E as F}from"./ShaderUIScriptAsset-259555e9.js";import"./enum-58295f88.js";import"./encode-ac4bb64e.js";import"./meshopt_simplifier.module-cd99529d.js";import"./Tooltip-01dd51dc.js";import"./AssetViewer-ee5df0a5.js";import"./ktx2-encoder-486056b9.js";import"./TaskQueue-05c94a4d.js";import"./glTFIO-79bbca27.js";import"./MaterialInspector-0f1fa214.js";import"./IconPointFilled-7903ac4b.js";import"./ProxyConfigs-85431ba7.js";import"./index-3c825346.js";import"./MeshThumbnail-e9c08166.js";import"./bundlers-9b0d37fc.js";import"./assetEditorActions-c4e5962f.js";import"./module-ea41b53d.js";import"./module-a20a329a.js";import"./FormItemArray-1eb0a655.js";import"./Accordion-8e8abfeb.js";import"./IconEdit-e6cba426.js";import"./module-b106d3a2.js";const M=["Input","Boolean","Switch","Toggle","Slider","Number","Vector2","Vector3","Vector4","Rect","Color","Select","AssetPicker","Textarea","SegmentControl"];function D(p){p=p.replace(/\/\/.*$/gm,"").replace(/,\s*}/gm,"}");const e=/@inspect\(['"](\w+)['"],?\s?(\{[\s\S]*?\})?\)\s*(?:public|private|static)?\s*(\w+)[:\s\w]+?\s*=\s*(?:['"]([^'"]*?)['"]|(-?[\w.]+));?/g,t=[];let o;for(;(o=e.exec(p))!==null;){let[,r,s,a,n,c]=o,l=n??c;if(M.indexOf(r)===-1){console.warn(`Unsupported property type: ${r}`);continue}let i={property:a.toString(),label:a.toString(),type:r};if(s){s=s.trim().replace(/\s+/g," ").replace(/'/g,'"').replace(/(\w+):/g,'"$1":');try{i=JSON.parse(s),i.type=r,i.label=i.label||a,i.property=i.property||a}catch{console.warn(`Failed to parse property options: ${s}`)}}["Number","Slider"].includes(r)&&(l=parseFloat(l)),t.push({propertyType:r,propertyOptions:i,propertyName:a,propertyValue:l})}return t}async function P(p){const e=D(p.code),t={success:!1,model:{},config:[]};for(let o=0;o<e.length;o++){const r=e[o];t.model[r.propertyName]=r.propertyValue,t.config.push(r.propertyOptions)}return t.success=!0,t}var J=Object.defineProperty,$=Object.getOwnPropertyDescriptor,f=(p,e,t,o)=>{for(var r=o>1?void 0:o?$(e,t):e,s=p.length-1,a;s>=0;s--)(a=p[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&J(e,t,r),r};const k=new BroadcastChannel("Galacean_Editor_Channel"),U=x(function(e){const{model:t}=e,{t:o}=E(),r=V(t.properties,t.root),s=n=>{Object.keys(n.properties).forEach(c=>{T(n,c,{getActualEditorValue:()=>g(n.properties[c]),setActualEditorValue:(l,i,y)=>{l.properties[i]=y}})})};async function a(){t.parsed=!1;const n=t.root.assetStore.assets[t.script.refId],c=await j.assets.getAssetInfo(n.serverId),l=await fetch(c.data.url).then(y=>y.text());await B(t.root,n.id,l,c.data.url);const i=await P(n);i.success&&(t.parsed=!0,t.propertiesConfig=i.config,t.properties=i.model,s(t))}return I.useEffect(()=>{t!=null&&t.properties&&s(t)},[t.properties]),t.script?d.jsxs(d.Fragment,{children:[d.jsx(_,{label:" ",async:a,children:o("component.script.parse-properties")}),t.parsed&&t.properties&&d.jsx(v.List,{model:r,configs:t.propertiesConfig,onModelChange:(n,c)=>{k.postMessage({type:"script-inspector-value-change",payload:{instanceId:t.id,property:n,value:c}}),A(t.root,t.id,n,c)}})]}):null});let u=class extends R{constructor(){super(...arguments);m(this,"parsed",!1);m(this,"propertiesConfig",[]);m(this,"isScript",!0);m(this,"script",null);m(this,"properties",{})}onInitComplete(){if(!this.script)return;this.root.assetStore.getAssetByRef(this.script).then(t=>{if(!t)throw new Error(`Cannot find file ${JSON.stringify(this.script)}`);return this.applyBoundPathChange("_scriptRef",h.AssetPicker,this.script).then(()=>P(t))}).then(t=>{this.propertiesConfig=t.config;for(const[o,r]of Object.entries(t.model))this.properties[o]=this.properties[o]??r;this.parsed=!0}).catch(t=>{console.warn(t)})}async applyBoundPathChange(e,t,o){if(e==="_scriptRef"){this.setBoundPathValue(e,h.Input,o);return}await super.applyBoundPathChange(e,t,o)}deserialize(e){if(super.deserialize(e),this.script=e.refId?{refId:e.refId}:null,e.props)for(const[t,o]of Object.entries(e.props))t!=="enabled"&&(this.properties[t]=o)}toJSON(){const e=super.toJSON();if(delete e.props.script,this.properties){const t=g(this.properties),o=e.props||{};for(const[r,s]of Object.entries(t))r!=="root"&&(o[r]=s);e.props=o}return this.script&&this.root.assetStore.assets[this.script.refId]&&(e.refId=this.script.refId),e}};f([S],u.prototype,"parsed",2);f([S.ref],u.prototype,"propertiesConfig",2);f([C({label:b("component.script.script-label"),type:h.AssetPicker,assetType:"script",bindPath:"_scriptRef",customFilter:p=>p.subType===F.Default,onLocate:p=>{p.onDoubleClick()}})],u.prototype,"script",2);f([C({label:b("component.script.properties-label"),customComponent:U})],u.prototype,"properties",2);u=f([N({type:"Script",componentsMenu:{label:"component.script.title"}})],u);export{u as ScriptComponent};
+var w=Object.defineProperty;var O=(p,e,t)=>e in p?w(p,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[e]=t;var m=(p,e,t)=>(O(p,typeof e!="symbol"?e+"":e,t),t);import{aQ as x,aR as E,aU as I,aS as d,bO as _,aW as v,E as R,C as h,bP as g,x as S,p as C,e as b,bQ as T,bR as j}from"./index-d07818b5.js";import"./index-0487cdcf.js";import{c as N}from"./Component-964374b8.js";import"./postmen-e6429bad.js";import{c as V,a as A,b as B}from"./scriptPropertyActions-d3a583d2.js";import"./TextureAsset-77e6000d.js";import"./GlTFAsset-84f09723.js";import"./MaterialAsset-088e8e0a.js";import"./MeshAsset-ff94b6a7.js";import"./AnimatorControllerAsset-1b29c766.js";import"./AnimationClipAsset-a5adbe0b.js";import"./SpriteAsset-9b36d0ae.js";import"./SpriteAtlasAsset-3f3112ca.js";import"./AmbientLightAsset-52dfaaf8.js";import"./LottieAsset-898108e3.js";import"./ShaderChunkAsset-6fc715c5.js";import"./SpineSkeletonDataAsset-cddcc22b.js";import"./FontAsset-29ed97fd.js";import"./SceneAsset-c2a6f842.js";import"./ShaderAsset-d1e99a96.js";import"./PrimitiveMesh-10b1161f.js";import"./XRReferenceImageAsset-b786aca3.js";import"./PrefabAsset-0afc28fa.js";import"./PhysicsMaterialAsset-291fc997.js";import"./RenderTargetAsset-248f1eb5.js";import"./AudioAsset-f206da55.js";import"./index-7abbe07f.js";import"./MarkdownAsset-707897f5.js";import{E as F}from"./ShaderUIScriptAsset-aa3adb43.js";import"./enum-58295f88.js";import"./encode-ac4bb64e.js";import"./meshopt_simplifier.module-cd99529d.js";import"./Tooltip-c35612f0.js";import"./AssetViewer-a2f4ee75.js";import"./ktx2-encoder-5413e034.js";import"./TaskQueue-05c94a4d.js";import"./glTFIO-79bbca27.js";import"./MaterialInspector-93a0838d.js";import"./IconPointFilled-71525313.js";import"./ProxyConfigs-d85202ac.js";import"./index-ca459192.js";import"./MeshThumbnail-768ca939.js";import"./bundlers-9b0d37fc.js";import"./assetEditorActions-c4e5962f.js";import"./module-7c8b159f.js";import"./module-4879e776.js";import"./FormItemArray-536e9ade.js";import"./Accordion-4581466b.js";import"./IconEdit-493cbbb3.js";import"./module-b565f34f.js";const M=["Input","Boolean","Switch","Toggle","Slider","Number","Vector2","Vector3","Vector4","Rect","Color","Select","AssetPicker","Textarea","SegmentControl"];function D(p){p=p.replace(/\/\/.*$/gm,"").replace(/,\s*}/gm,"}");const e=/@inspect\(['"](\w+)['"],?\s?(\{[\s\S]*?\})?\)\s*(?:public|private|static)?\s*(\w+)[:\s\w]+?\s*=\s*(?:['"]([^'"]*?)['"]|(-?[\w.]+));?/g,t=[];let o;for(;(o=e.exec(p))!==null;){let[,r,s,a,n,c]=o,l=n??c;if(M.indexOf(r)===-1){console.warn(`Unsupported property type: ${r}`);continue}let i={property:a.toString(),label:a.toString(),type:r};if(s){s=s.trim().replace(/\s+/g," ").replace(/'/g,'"').replace(/(\w+):/g,'"$1":');try{i=JSON.parse(s),i.type=r,i.label=i.label||a,i.property=i.property||a}catch{console.warn(`Failed to parse property options: ${s}`)}}["Number","Slider"].includes(r)&&(l=parseFloat(l)),t.push({propertyType:r,propertyOptions:i,propertyName:a,propertyValue:l})}return t}async function P(p){const e=D(p.code),t={success:!1,model:{},config:[]};for(let o=0;o<e.length;o++){const r=e[o];t.model[r.propertyName]=r.propertyValue,t.config.push(r.propertyOptions)}return t.success=!0,t}var J=Object.defineProperty,$=Object.getOwnPropertyDescriptor,f=(p,e,t,o)=>{for(var r=o>1?void 0:o?$(e,t):e,s=p.length-1,a;s>=0;s--)(a=p[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&J(e,t,r),r};const k=new BroadcastChannel("Galacean_Editor_Channel"),U=x(function(e){const{model:t}=e,{t:o}=E(),r=V(t.properties,t.root),s=n=>{Object.keys(n.properties).forEach(c=>{T(n,c,{getActualEditorValue:()=>g(n.properties[c]),setActualEditorValue:(l,i,y)=>{l.properties[i]=y}})})};async function a(){t.parsed=!1;const n=t.root.assetStore.assets[t.script.refId],c=await j.assets.getAssetInfo(n.serverId),l=await fetch(c.data.url).then(y=>y.text());await B(t.root,n.id,l,c.data.url);const i=await P(n);i.success&&(t.parsed=!0,t.propertiesConfig=i.config,t.properties=i.model,s(t))}return I.useEffect(()=>{t!=null&&t.properties&&s(t)},[t.properties]),t.script?d.jsxs(d.Fragment,{children:[d.jsx(_,{label:" ",async:a,children:o("component.script.parse-properties")}),t.parsed&&t.properties&&d.jsx(v.List,{model:r,configs:t.propertiesConfig,onModelChange:(n,c)=>{k.postMessage({type:"script-inspector-value-change",payload:{instanceId:t.id,property:n,value:c}}),A(t.root,t.id,n,c)}})]}):null});let u=class extends R{constructor(){super(...arguments);m(this,"parsed",!1);m(this,"propertiesConfig",[]);m(this,"isScript",!0);m(this,"script",null);m(this,"properties",{})}onInitComplete(){if(!this.script)return;this.root.assetStore.getAssetByRef(this.script).then(t=>{if(!t)throw new Error(`Cannot find file ${JSON.stringify(this.script)}`);return this.applyBoundPathChange("_scriptRef",h.AssetPicker,this.script).then(()=>P(t))}).then(t=>{this.propertiesConfig=t.config;for(const[o,r]of Object.entries(t.model))this.properties[o]=this.properties[o]??r;this.parsed=!0}).catch(t=>{console.warn(t)})}async applyBoundPathChange(e,t,o){if(e==="_scriptRef"){this.setBoundPathValue(e,h.Input,o);return}await super.applyBoundPathChange(e,t,o)}deserialize(e){if(super.deserialize(e),this.script=e.refId?{refId:e.refId}:null,e.props)for(const[t,o]of Object.entries(e.props))t!=="enabled"&&(this.properties[t]=o)}toJSON(){const e=super.toJSON();if(delete e.props.script,this.properties){const t=g(this.properties),o=e.props||{};for(const[r,s]of Object.entries(t))r!=="root"&&(o[r]=s);e.props=o}return this.script&&this.root.assetStore.assets[this.script.refId]&&(e.refId=this.script.refId),e}};f([S],u.prototype,"parsed",2);f([S.ref],u.prototype,"propertiesConfig",2);f([C({label:b("component.script.script-label"),type:h.AssetPicker,assetType:"script",bindPath:"_scriptRef",customFilter:p=>p.subType===F.Default,onLocate:p=>{p.onDoubleClick()}})],u.prototype,"script",2);f([C({label:b("component.script.properties-label"),customComponent:U})],u.prototype,"properties",2);u=f([N({type:"Script",componentsMenu:{label:"component.script.title"}})],u);export{u as ScriptComponent};

package/dist/viewport-client/_static/{index-d7bb5fc3.js → index-b731a7fe.js}

@@ -1,4 +1,4 @@
-import{aH as X,aC as e,b3 as d,b6 as ce,bd as Y,aO as m,e6 as fe,aP as he,aF as ue,eH as Q,f8 as pe,b8 as E,f9 as ge,b9 as me,bj as xe,fa as ve,fb as Ce,fc as we,fd as be,fe as ye,ff as $e,fg as q,fh as J,fi as je,fj as Re,fk as Se,fl as Ie,fm as ke,ez as _,ey as k,fn as Me,fo as Pe}from"./index-c91bca3c.js";import{aT as w0,eA as b0,fX as y0,fY as $0,fp as j0,fQ as R0,fr as S0,fq as I0,aX as k0,fs as M0,dt as P0,aV as L0,c7 as T0,g5 as V0,g6 as E0,fG as Z0,fD as H0,fF as F0,fZ as A0,fI as D0,fH as B0,eI as z0,fR as N0,fE as O0,eB as _0,fJ as U0,fK as G0,fL as W0,b_ as K0,b$ as X0,bM as Y0,fM as Q0,bk as q0,fN as J0,eR as e1,fO as t1,fP as o1,fW as n1,fT as r1,fU as i1,fV as s1,fS as l1,g4 as a1,fx as d1,fu as c1,g2 as f1,c6 as h1,fz as u1,fy as p1,fA as g1,g1 as m1,f$ as x1,fw as v1,bi as C1,fC as w1,c8 as b1,g3 as y1,f_ as $1,dL as j1,fB as R1,g0 as S1,fv as I1,by as k1,ft as M1,g7 as P1}from"./index-c91bca3c.js";import{I as Le}from"./IconEdit-e6cba426.js";import{B as T1}from"./index-f3f5cf05.js";import{A as E1,a as Z1}from"./Accordion-8e8abfeb.js";import{S as F1}from"./Callout-5731416b.js";import{C as D1,D as B1,K as z1,d as N1,h as O1,j as _1,M as U1,i as G1,g as W1,e as K1,f as X1,a as Y1,b as Q1,c as q1,k as J1,S as eo}from"./Menu-4b6f69f6.js";import{T as oo}from"./Tooltip-01dd51dc.js";/**
+import{aH as X,aC as e,b3 as d,b6 as ce,bd as Y,aO as m,e6 as fe,aP as he,aF as ue,eH as Q,f8 as pe,b8 as E,f9 as ge,b9 as me,bj as xe,fa as ve,fb as Ce,fc as we,fd as be,fe as ye,ff as $e,fg as q,fh as J,fi as je,fj as Re,fk as Se,fl as Ie,fm as ke,ez as _,ey as k,fn as Me,fo as Pe}from"./index-d07818b5.js";import{aT as w0,eA as b0,fX as y0,fY as $0,fp as j0,fQ as R0,fr as S0,fq as I0,aX as k0,fs as M0,dt as P0,aV as L0,c7 as T0,g5 as V0,g6 as E0,fG as Z0,fD as H0,fF as F0,fZ as A0,fI as D0,fH as B0,eI as z0,fR as N0,fE as O0,eB as _0,fJ as U0,fK as G0,fL as W0,b_ as K0,b$ as X0,bM as Y0,fM as Q0,bk as q0,fN as J0,eR as e1,fO as t1,fP as o1,fW as n1,fT as r1,fU as i1,fV as s1,fS as l1,g4 as a1,fx as d1,fu as c1,g2 as f1,c6 as h1,fz as u1,fy as p1,fA as g1,g1 as m1,f$ as x1,fw as v1,bi as C1,fC as w1,c8 as b1,g3 as y1,f_ as $1,dL as j1,fB as R1,g0 as S1,fv as I1,by as k1,ft as M1,g7 as P1}from"./index-d07818b5.js";import{I as Le}from"./IconEdit-493cbbb3.js";import{B as T1}from"./index-8800c7e6.js";import{A as E1,a as Z1}from"./Accordion-4581466b.js";import{S as F1}from"./Callout-a96a8430.js";import{C as D1,D as B1,K as z1,d as N1,h as O1,j as _1,M as U1,i as G1,g as W1,e as K1,f as X1,a as Y1,b as Q1,c as q1,k as J1,S as eo}from"./Menu-d694f08a.js";import{T as oo}from"./Tooltip-c35612f0.js";/**
  * @license @tabler/icons-react v3.17.0 - MIT
  *
  * This source code is licensed under the MIT license.

package/dist/viewport-client/_static/index-bd2b1247.js

@@ -0,0 +1 @@
+import{P as e}from"./PostProcessComponent-cd6546b3.js";import"./index-d07818b5.js";import"./index-0487cdcf.js";import"./Component-964374b8.js";import"./Menu-d694f08a.js";import"./Accordion-4581466b.js";export{e as PostProcessComponent};

package/dist/viewport-client/_static/{index-3c825346.js → index-ca459192.js}

@@ -1 +1 @@
-import{aC as e,aD as m,aE as i,aF as l}from"./index-c91bca3c.js";function c(t){const{label:r,info:o,value:s,displayType:a="text"}=t;return e.jsxs(m,{...i(t),children:[a==="text"&&e.jsx(l,{size:"sm",selectable:!0,code:!0,children:s}),a==="image"&&e.jsx("img",{src:s,alt:r})]})}export{c as F};
+import{aC as e,aD as m,aE as i,aF as l}from"./index-d07818b5.js";function c(t){const{label:r,info:o,value:s,displayType:a="text"}=t;return e.jsxs(m,{...i(t),children:[a==="text"&&e.jsx(l,{size:"sm",selectable:!0,code:!0,children:s}),a==="image"&&e.jsx("img",{src:s,alt:r})]})}export{c as F};