x-prop-tree 0.8.26 → 0.8.28

package/dist/index.js

@@ -1 +1,3561 @@
-import{n as e,r as t,t as n}from"./vendor.e8wfa9wu.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,h as f,inject as p,isRef as m,mergeModels as h,mergeProps as g,normalizeStyle as _,onBeforeUnmount as v,onMounted as y,onUnmounted as b,openBlock as x,provide as S,ref as C,renderList as w,renderSlot as T,resolveComponent as E,resolveDirective as D,toDisplayString as O,unref as k,useId as A,useModel as j,useTemplateRef as M,watch as N,watchEffect as P,withCtx as F,withDirectives as I,withKeys as L,withModifiers as R}from"vue";import{eventBus as z,globalObjects as ee,injectDark as te,injectLocale as ne,openNumberDlg as re,openPromptDlg as ie,useColor as B,useSystem as V,useViewStack as H}from"x-essential-lib";import{getElement as ae,getItems as oe,getPropertyDefault as U,getPropertyDefaultArray as W,getTag as se,getTypes as ce,isHexColor as le,isThemeColor as ue,makeSlotId as de,parseNumberUnit as fe,pkgs as pe,rules as me,themeColors as he,unwrapSlotId as ge}from"x-runtime-lib";import{getListEntry as G,setCollapse as _e,tidyList as ve}from"x-group-list";import{useI18n as K}from"vue-i18n";import{globalState as ye}from"x-state-lib";import{useDisplay as be}from"vuetify";import{XBlockly as xe}from"x-block-lib";function Se(e,t){let n={key:``,name:``,children:e};for(let e of t)if(typeof e!=`number`){if(!n)throw Error(`target must be valid`);if(n.ui)throw Error(`target ui must be invalid`);n=n.children.find(t=>t.key===e)}return n}function q(e,t){let n=e;for(let e of t){if(!n)throw Error(`target must be valid`);n=n[e]}return n}function Ce(t,n,r,i,a,o){if(i!==void 0&&!a){if(!(r[i]instanceof Array)){let a=W(n);e(a,r[i])||(r[i]=a,o(t,r[i]))}return r[i]}else{if(!(r[n.key]instanceof Array)){let i=W(n);e(i,r[n.key])||(r[n.key]=i,o(t,r[n.key]))}return r[n.key]}}function J(t,n,r,i,a,o){if(i!==void 0&&!a){if(r[i]===void 0){let a=U(n);e(a,r[i])||(r[i]=a,o(t,r[i]))}return r[i]}else{if(r[n.key]===void 0){let i=U(n);e(i,r[n.key])||(r[n.key]=i,o(t,r[n.key]))}return r[n.key]}}function Y(n,r,i,a,o,s,c){o!==void 0&&!s?e(a,i[o])||(i[o]=t(a),c(n,i[o])):e(a,i[r.key])||(i[r.key]=t(a),c(n,i[r.key]))}function X(e,t){let n=e.value;for(let e of t){if(!n.children[e])return!0;n=n.children[e]}return n.collapse}function we(e,t,n){let r=e.value;for(let e of t)r.children[e]||(r.children[e]={collapse:!0,children:{}}),r=r.children[e];r.collapse=n}const Te=[`key`,`name`,`children`,`default`,`arrayDefault`];function Ee(t,r){function i(t,r){if(!e(n(t,Te),n(r,Te)))return!1;if(t.ui||r.ui)return!0;if(t.children.length!==r.children.length)return!1;for(let e=0;e<t.children.length;e++)if(!i(t.children[e],r.children[e]))return!1;return!0}return i(t,r)}function De(e,t,n,r,i,a){function o(e,t,n,r,i){if(t.ui){if(t.readonly||t.static)return;Y(e,t,n,r,i,!1,a)}else if(t.array)Y(e,t,n,r,i,!1,a);else for(let i of t.children)typeof n==`object`&&typeof r==`object`&&o([...e,i.key],i,n[t.key],r[i.key],void 0)}o(e,t,n,r,i)}const Oe=[[`basic`,`id`],[`basic`,`name`]];function ke(t){return Oe.find(n=>e(t,n))}function Ae(e,n,r,i,a,o,s){return e=t(e),a===void 0?e.push(n.key):(e.push(a),o&&e.push(n.key)),e?.[0]===`runtime`?{change:!1,warning:!1}:ke(e)?(i.change=!1,i.warning=!1,{change:i.change,warning:i.warning}):n.ui?n.array&&!s?Ne(e,n,r,i,a,o):Pe(n,r,i,a,o):n.array?je(e,n,r,i,a,o):Me(e,n,r,i,a,o)}function je(t,n,r,i,a,o){if(n.ui)throw Error(`execPropertyBranchArray property ui must be invalid`);if(!n.array)throw Error(`execPropertyBranchArray property array must be valid`);let s;if(s=a!==void 0&&!o?r[a]:r[n.key],!(s instanceof Array))return i.change=!1,i.warning=!1,{change:!1,warning:!1};for(let e=0;e<s.length;e++){i.children[e]={change:!1,warning:!1,children:{}};let r=i.children[e];for(let a of n.children){r.children[a.key]={change:!1,warning:!1,children:{}};let{change:n,warning:o}=Ae(t,a,s[e],r.children[a.key],e,!0);!r.change&&n&&(r.change=n),!r.change&&o&&(r.warning=o),!i.change&&r.change&&(i.change=r.change),!i.warning&&r.warning&&(i.warning=r.warning)}}return i.change||(i.change=!e(s,W(n))),{change:i.change,warning:i.warning}}function Me(e,t,n,r,i,a){if(t.ui)throw Error(`execPropertyBranchScalar property ui must be invalid`);if(t.array)throw Error(`execPropertyBranchScalar property array must be invalid`);let o;if(o=i!==void 0&&!a?n[i]:n[t.key],o===void 0)return r.change=!1,r.warning=!1,{change:!1,warning:!1};for(let n=0;n<t.children.length;n++){let i=t.children[n];r.children[i.key]={change:!1,warning:!1,children:{}};let{change:a,warning:s}=Ae(e,i,o,r.children[i.key],void 0,!1);!r.change&&a&&(r.change=a),!r.warning&&s&&(r.warning=s)}return{change:r.change,warning:r.change}}function Ne(t,n,r,i,a,o){if(!n.ui)throw Error(`execPropertyLeafArray property ui must be valid`);if(!n.array)throw Error(`execPropertyLeafArray property aray must be valid`);let s;if(s=a!==void 0&&!o?r[a]:r[n.key],!(s instanceof Array))return i.change=!1,i.warning=!1,{change:!1,warning:!1};for(let e=0;e<s.length;e++){i.children[e]={change:!1,warning:!1,children:{}};let{change:r,warning:a}=Ae(t,n,s,i.children[e],e,!1,!0);!i.change&&r&&(i.change=r),!i.warning&&a&&(i.warning=a)}return i.change||(i.change=!e(s,W(n))),{change:i.change,warning:i.warning}}function Pe(t,n,r,i,a){if(!t.ui)throw Error(`execPropertyLeafScalar property ui must be valid`);let o;return o=i!==void 0&&!a?n[i]:n[t.key],r.change=!e(o,U(t)),t.ui===`comp`||t.ui===`slot`||t.ui,{change:r.change,warning:r.warning}}function Fe(e,t,n){if(t.length<=0||!n){e.value={change:!1,warning:!1,children:{}};return}let r={change:!1,warning:!1,children:{}};for(let e of t){let t={change:!1,warning:!1,children:{}};r.children[e.key]=t,Ae([],e,n,t,void 0,!1)}e.value=r}function Z(e,t){let n=e;for(let e of t){if(!n.children[e])return!1;n=n.children[e]}return n.change}function Q(e,t){let n=e;for(let e of t){if(!n.children[e])return!1;n=n.children[e]}return!!n.warning}const Ie=Symbol(),Le=Symbol(),Re=Symbol(),ze=Symbol(),Be=Symbol(),Ve=Symbol(),He=Symbol(),Ue=Symbol(),We=Symbol(),Ge=Symbol(),Ke=Symbol();function qe(e){S(Ie,e)}function Je(){return p(Ie)}function Ye(e){S(Le,e)}function Xe(){return p(Le)}function Ze(e){S(Re,e)}function Qe(){return p(Re)}function $e(e){S(ze,e)}function et(){return p(ze)}function tt(e){S(Be,e)}function nt(){return p(Be)}function rt(e){S(Ve,e)}function it(){return p(Ve)}function at(e){S(He,e)}function ot(){return p(He)}function st(e){S(Ue,e)}function $(){return p(Ue)}function ct(e){S(We,e)}function lt(){return p(We)}function ut(e){S(Ge,e)}function dt(){return p(Ge)}function ft(e){S(Ke,e)}function pt(){return p(Ke)}function mt(t,n,r,i){if(n.ui){if(n.readonly||n.static)return;if(n.array){let a=t[n.key],o=W(n);e(o,a)||(t[n.key]=o,i([...r,n.key],o))}else{let a=t[n.key],o=U(n);e(o,a)||(t[n.key]=o,i([...r,n.key],o))}}else if(n.array){let a=t[n.key],o=W(n);e(o,a)||(t[n.key]=o,i([...r,n.key],o))}else for(let e of n.children)mt(t[n.key],e,[...r,n.key],i)}function ht(t,n,r,i){let a=r.at(-1);if(a===void 0)return;let o=Se(n,r);if(o)if(o.ui){if(o.readonly||o.static)return;if(o.array)if(typeof a==`string`){let n=q(t,r.slice(0,-1));if(!n)return;let s=n[a],c=W(o);e(c,s)||(n[a]=c,i(r,c))}else{let n=q(t,r.slice(0,-1));if(!n)return;let s=n[a],c=U(o);e(c,s)||(n[a]=c,i(r,c))}else{let n=q(t,r.slice(0,-1));if(!n)return;let s=n[a],c=U(o);e(c,s)||(n[a]=c,i(r,c))}}else if(o.array)if(typeof a==`string`){let n=q(t,r.slice(0,-1));if(!n)return;let s=n[a],c=W(o);e(c,s)||(n[a]=c,i(r,c))}else{let e=q(t,r);if(!e)return;for(let t of o.children)mt(e,t,r,i)}else{let e=q(t,r);if(!e)return;for(let t of o.children)mt(e,t,r,i)}}function gt(e){let{t}=K(),n=et(),r=nt();function i(){return!0}function a(){let t=Se(n.value,e.value);if(!t)return;let i={property:t,object:q(r.value,e.value)};localStorage.setItem(`propTreeCopy`,JSON.stringify(i))}function o(e){i()&&e.push({title:t(`x-prop-tree.copy`),func:a})}return{tryPushCopy:o}}function _t(e){let{t}=K(),n=et(),r=nt(),i=$();function a(){if(e.value.length<=0)return!1;let t=Se(n.value,e.value);if(!t)return!1;let r=localStorage.getItem(`propTreeCopy`);if(!r)return!1;let i;try{i=JSON.parse(r)}catch(e){return console.error(`parse propTreeCopy failed`,e),!1}return!!Ee(t,i.property)}function o(){if(e.value.length<=0)return;let t=Se(n.value,e.value);if(!t)return;let a=localStorage.getItem(`propTreeCopy`);if(!a)return;let o;try{o=JSON.parse(a)}catch(e){console.error(`parse propTreeCopy failed`,e);return}if(!Ee(t,o.property))return;let s=q(r.value,e.value.slice(0,-1));if(!s)return;let c=e.value.at(-1);De(e.value,t,s,o.object,typeof c==`number`?c:void 0,i)}function s(e){a()&&e.push({title:t(`x-prop-tree.paste`),func:o})}return{tryPushPaste:s}}function vt(e){let{t}=K(),n=et(),r=nt(),i=ot(),a=$();function o(){return!(e.value.length<=0||!Z(i.value,e.value))}function s(){ht(r.value,n.value,e.value,a)}function c(e){o()&&e.push({title:t(`x-prop-tree.reset`),func:s})}return{tryPushReset:c}}var yt=d({__name:`index`,setup(e){let t=C(0),n=C(0),o=C([]),c=i(()=>[t.value,n.value]),{tryPushCopy:d}=gt(o),{tryPushPaste:f}=_t(o),{tryPushReset:p}=vt(o),h=i(()=>{let e=[];return d(e),f(e),p(e),e}),{open:g}=H(`propTreeMenu`,e=>{t.value=e.x,n.value=e.y,o.value=e.keys});return(e,t)=>{let n=E(`v-list-item-title`),i=E(`v-list-item`),o=E(`v-list`),d=E(`v-menu`);return x(),a(d,{modelValue:k(g),"onUpdate:modelValue":t[0]||(t[0]=e=>m(g)?g.value=e:null),"location-strategy":`connected`,scrim:`transparent`,target:c.value},{default:F(()=>[u(o,null,{default:F(()=>[(x(!0),s(r,null,w(h.value,(e,t)=>(x(),a(i,{key:t,link:``,onClick:e.func},{default:F(()=>[u(n,null,{default:F(()=>[l(O(e.title),1)]),_:2},1024)]),_:2},1032,[`onClick`]))),128))]),_:1})]),_:1},8,[`modelValue`,`target`])}}});const bt={style:{pointerEvents:`none`}};var xt=d({__name:`index`,props:{title:{type:String,required:!0},collapse:{type:Boolean,required:!0},hasCreate:{type:Boolean,required:!1,default:!1},hasDelete:{type:Boolean,required:!1,default:!1},index:{type:Number,required:!1,default:0}},emits:[`collapse`,`menu`,`create`,`delete`],setup(e,{emit:t}){let{backgroundColor2:n,highlightColor:r}=B(),l=t,d=C(!1),f=i(()=>({background:d.value?r.value:n.value,height:`36px`,marginBottom:`1px`,userSelect:`none`})),p=()=>{l(`collapse`,!e.collapse)},m=e=>{l(`menu`,e.clientX,e.clientY)};return(t,n)=>{let r=E(`v-icon`),i=E(`v-spacer`),h=E(`v-btn`),g=D(`ripple`);return I((x(),s(`div`,{class:`d-flex align-center cursor-pointer`,style:_(f.value),onClick:p,onContextmenu:R(m,[`self`,`prevent`]),onMouseout:n[2]||(n[2]=e=>d.value=!1),onMouseover:n[3]||(n[3]=e=>d.value=!0)},[u(r,{class:`mr-1`,icon:e.collapse?`mdi-chevron-right`:`mdi-chevron-down`},null,8,[`icon`]),c(`span`,bt,O(e.title),1),u(i),e.hasCreate?(x(),a(h,{key:0,class:`mx-3`,density:`compact`,icon:`mdi-plus`,variant:`text`,onClick:n[0]||(n[0]=R(e=>l(`create`),[`stop`]))})):o(`v-if`,!0),e.hasDelete?(x(),a(h,{key:1,class:`mx-3`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:n[1]||(n[1]=R(t=>l(`delete`,e.index),[`stop`]))})):o(`v-if`,!0)],36)),[[g]])}}});function St(){let e=Je(),t=Xe(),n=Qe(),{i18n:r}=ee,i=C([]);ft(i);let a=()=>{if(!e.value||!t.value||!n.value)return[];let a=pe[e.value];if(!a)return console.assert(!1,`invalid version=${e.value}`),[];let o=se(t.value,n.value),s=[];for(let e=0;e<a.groups[o].length;e++){let t=a.groups[o][e],n=G(i,t.key);s.push({id:t.key,type:0,name:r.global.t(t.name),position:e,collapse:n?.collapse??!0,count:0});let c=0;for(let e of t.items){let n=ae(e);if(n&&!n.internal&&n.slots)for(let e of n.slots){let i=de(`elementSlot`,n.key,e.key),a=`${r.global.t(n.name)} / ${r.global.t(e.name)}`;s.push({id:i,type:1,name:a,position:c++,group:t.key,names:[n.name,e.name]})}}}let{activeApp:c,depends:l}=ye.app;for(let{id:e,name:t,position:n}of c.compGroups){let r=G(i,e);s.push({id:e,type:0,name:t,position:n,collapse:r?.collapse??!0})}let u=0;for(let e of c.comps){let t=l[e.id];if(t&&t.meta.slots)for(let n of t.meta.slots){let t=de(`customSlot`,e.id,n.id),r=`${e.name} / ${n.name}`;s.push({id:t,type:1,name:r,position:u++,group:e.groupId,names:[e.name,n.name]})}}return ve(s,!0)},o=()=>{i.value=a()},s,c=()=>{clearTimeout(s),s=window.setTimeout(()=>{o(),s&&c()},1e3)},l=()=>{clearTimeout(s),s=void 0};y(()=>{c()}),v(()=>{l()}),N([e,t,n],()=>{o(),c()})}function Ct(){let e=C([]);ct(e);let t=()=>{let{activeApp:t,depends:n}=ye.app,r=[];for(let{id:n,name:i,position:a}of t.compGroups){let t=e.value.find(e=>e.id===n);r.push({id:n,type:0,name:i,position:a,collapse:t?.collapse??!0})}for(let{id:e,groupId:i,name:a,position:o}of t.comps)n[e]&&r.push({id:e,type:1,name:a,position:o,group:i});e.value=ve(r,!0)},n,r=()=>{clearTimeout(n),n=window.setTimeout(()=>{t(),n&&r()},1e3)},i=()=>{clearTimeout(n),n=void 0};y(()=>{r()}),v(()=>{i()})}function wt(){let e=C([]);ut(e);let t=()=>{let{activeObject:e,activeComp:t}=ye.app;if(e.type!==`comp`||!t.meta.slots)return[];let n=[];for(let{id:e,name:r}of t.meta.slots)n.push({id:e,name:r});return n},n=()=>{e.value=t()},r,i=()=>{clearTimeout(r),r=window.setTimeout(()=>{n(),r&&i()},1e3)},a=()=>{clearTimeout(r),r=void 0};y(()=>{i()}),v(()=>{a()})}const Tt={class:`text-label-large ml-1`},Et={class:`text-body-small text-grey ml-1`};var Dt=d({__name:`group`,props:{id:{type:String,required:!0},title:{type:String,required:!0},collapse:{type:Boolean,required:!0},count:{type:Number,required:!0}},emits:[`x-click`],setup(e,{emit:t}){let{backgroundColor2:n,highlightColor:r}=B(),a=t,o=C(!1),l=i(()=>({background:o.value?r.value:n.value,height:`30px`,marginTop:`1px`,userSelect:`none`}));return(t,n)=>{let r=E(`v-icon`),i=D(`ripple`);return I((x(),s(`div`,{class:`d-flex align-center cursor-pointer`,style:_(l.value),onClick:n[0]||(n[0]=t=>a(`x-click`,e.id)),onMouseout:n[1]||(n[1]=e=>o.value=!1),onMouseover:n[2]||(n[2]=e=>o.value=!0)},[u(r,{icon:e.collapse?`mdi-chevron-right`:`mdi-chevron-down`,size:`small`},null,8,[`icon`]),c(`span`,Tt,O(e.title),1),c(`span`,Et,O(e.count),1)],36)),[[i]])}}});const Ot={class:`text-body-large ml-6`};var kt=d({__name:`item`,props:{id:{type:String,required:!0},title:{type:String,required:!0}},emits:[`x-click`],setup(e,{emit:t}){let{backgroundColor2:n,highlightColor:r}=B(),a=t,o=C(!1),l=i(()=>({background:o.value?r.value:n.value,height:`48px`,marginTop:`1px`,userSelect:`none`}));return(t,n)=>{let r=D(`ripple`);return I((x(),s(`div`,{class:`d-flex align-center cursor-pointer`,style:_(l.value),onClick:n[0]||(n[0]=t=>a(`x-click`,e.id)),onMouseout:n[1]||(n[1]=e=>o.value=!1),onMouseover:n[2]||(n[2]=e=>o.value=!0)},[c(`span`,Ot,O(e.title),1)],36)),[[r]])}}});const At={key:0},jt={key:1,class:`text-body-medium text-grey ml-3`};var Mt=d({__name:`index`,props:{open:{type:Boolean,required:!0},openModifiers:{}},emits:h([`x-select`],[`update:open`]),setup(e,{emit:t}){let{t:n}=K(),i=j(e,`open`),c=t,l=pt(),u=e=>{let t=G(l,e);t&&_e(l,e,!t.collapse)},d=e=>{i.value=!1,c(`x-select`,e)};return(e,t)=>k(l).length>0?(x(),s(`div`,At,[(x(!0),s(r,null,w(k(l),e=>(x(),s(r,{key:e.id},[e.type===0?(x(),a(Dt,{key:0,id:e.id,collapse:e.collapse,count:e.count??0,title:e.name,onXClick:u},null,8,[`id`,`collapse`,`count`,`title`])):o(`v-if`,!0),e.type===1&&e.show?(x(),a(kt,{key:1,id:e.id,title:e.name,onXClick:d},null,8,[`id`,`title`])):o(`v-if`,!0)],64))),128))])):(x(),s(`div`,jt,O(k(n)(`x-prop-tree.noAdaptSlot`)),1))}});const Nt={class:`text-body-large`};var Pt=d({__name:`index`,props:h({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:[Object,null],default:null},modelModifiers:{}}),emits:h([`delete`],[`update:modelValue`]),setup(n,{emit:r}){let{t:s}=K(),d=be(),{sysBarAvail:f}=V(),{backgroundColor1:p}=B(),h=j(n,`modelValue`),v=r,y=pt(),S=i(()=>{let e=`100%`;return d.mdAndUp.value&&(e=`400px`),{background:p.value,width:e,height:`100%`}}),C=i(()=>{let e=48;return f.value&&(e+=24),{position:`relative`,height:`calc(100% - ${e}px)`}}),w=i(()=>({height:`60px`}));P(()=>{if(!h.value)return;let n=G(y,h.value.id);n&&!e(n.names,h.value.names)&&(h.value={...h.value,names:t(n.names)})});let T=i(()=>{if(h.value){let{kind:e}=ge(h.value.id);return e===`elementSlot`||e===`multipleElementSlot`?h.value.names.map(e=>s(e)).join(` / `):h.value.names.join(` / `)}else return s(`x-runtime-lib.notSet`)}),{open:D}=H(`propTreeAdaptSlotSelectDlg${A()}`);b(()=>{D.value=!1});function M(e){if(!e){h.value=null;return}let t=G(y,e);if(!t){h.value=null;return}h.value={id:t.id,names:t.names}}return(e,t)=>{let r=E(`v-btn`),i=E(`v-sheet`),d=E(`v-dialog`);return x(),a(d,{modelValue:k(D),"onUpdate:modelValue":t[5]||(t[5]=e=>m(D)?D.value=e:null),fullscreen:``,"no-click-animation":``,persistent:``,transition:`scroll-x-reverse-transition`,onKeydown:t[6]||(t[6]=L(R(e=>D.value=!1,[`stop`,`prevent`]),[`esc`]))},{activator:F(({props:e})=>[u(r,g(e,{block:``,density:`comfortable`,readonly:n.readonly}),{default:F(()=>[l(O(T.value),1)]),_:1},16,[`readonly`]),n.hasDelete?(x(),a(r,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:t[0]||(t[0]=R(e=>v(`delete`),[`stop`]))})):o(`v-if`,!0)]),default:F(()=>[c(`div`,{class:`w-100 h-100 d-flex flex-row-reverse`,onClick:t[3]||(t[3]=R(e=>D.value=!1,[`self`])),onContextmenu:t[4]||(t[4]=R(e=>D.value=!1,[`self`,`prevent`]))},[c(`div`,{class:`elevation-2`,style:_(S.value)},[k(f)?(x(),a(i,{key:0,color:`transparent`,height:24})):o(`v-if`,!0),u(i,{class:`d-flex align-center px-3`,color:`transparent`,height:48},{default:F(()=>[u(r,{density:`comfortable`,icon:`mdi-close`,variant:`text`,onClick:t[1]||(t[1]=e=>D.value=!1)}),c(`span`,Nt,O(k(s)(`x-prop-tree.selectAdaptSlot`)),1)]),_:1}),c(`div`,{class:`overflow-y-auto`,style:_(C.value)},[u(Mt,{open:k(D),"onUpdate:open":t[2]||(t[2]=e=>m(D)?D.value=e:null),onXSelect:M},null,8,[`open`]),c(`div`,{style:_(w.value)},null,4)],4)],4)],32)]),_:1},8,[`modelValue`])}}});const Ft={class:`text-label-large ml-1`},It={class:`text-body-small text-grey ml-1`};var Lt=d({__name:`group`,props:{id:{type:String,required:!0},title:{type:String,required:!0},collapse:{type:Boolean,required:!0},count:{type:Number,required:!0}},emits:[`x-click`],setup(e,{emit:t}){let{backgroundColor2:n,highlightColor:r}=B(),a=t,o=C(!1),l=i(()=>({background:o.value?r.value:n.value,height:`30px`,marginTop:`1px`,userSelect:`none`}));return(t,n)=>{let r=E(`v-icon`),i=D(`ripple`);return I((x(),s(`div`,{class:`d-flex align-center cursor-pointer`,style:_(l.value),onClick:n[0]||(n[0]=t=>a(`x-click`,e.id)),onMouseout:n[1]||(n[1]=e=>o.value=!1),onMouseover:n[2]||(n[2]=e=>o.value=!0)},[u(r,{icon:e.collapse?`mdi-chevron-right`:`mdi-chevron-down`,size:`small`},null,8,[`icon`]),c(`span`,Ft,O(e.title),1),c(`span`,It,O(e.count),1)],36)),[[i]])}}});const Rt={class:`text-body-large ml-6`};var zt=d({__name:`item`,props:{id:{type:String,required:!0},title:{type:String,required:!0}},emits:[`x-click`],setup(e,{emit:t}){let{backgroundColor2:n,highlightColor:r}=B(),a=t,o=C(!1),l=i(()=>({background:o.value?r.value:n.value,height:`48px`,marginTop:`1px`,userSelect:`none`}));return(t,n)=>{let r=D(`ripple`);return I((x(),s(`div`,{class:`d-flex align-center cursor-pointer`,style:_(l.value),onClick:n[0]||(n[0]=t=>a(`x-click`,e.id)),onMouseout:n[1]||(n[1]=e=>o.value=!1),onMouseover:n[2]||(n[2]=e=>o.value=!0)},[c(`span`,Rt,O(e.title),1)],36)),[[r]])}}});const Bt={key:0},Vt={key:1,class:`text-body-medium text-grey ml-3`};var Ht=d({__name:`index`,props:{open:{type:Boolean,required:!0},openModifiers:{}},emits:h([`x-select`],[`update:open`]),setup(e,{emit:t}){let{t:n}=K(),i=j(e,`open`),c=t,l=lt();function u(e){let t=G(l,e);t&&_e(l,e,!t.collapse)}function d(e){i.value=!1,c(`x-select`,e),z.emit(`refreshDepends`)}return(e,t)=>k(l).length>0?(x(),s(`div`,Bt,[(x(!0),s(r,null,w(k(l),e=>(x(),s(r,{key:e.id},[e.type===0?(x(),a(Lt,{key:0,id:e.id,collapse:e.collapse,count:e.count??0,title:e.name,onXClick:u},null,8,[`id`,`collapse`,`count`,`title`])):o(`v-if`,!0),e.type===1&&e.show?(x(),a(zt,{key:1,id:e.id,title:e.name,onXClick:d},null,8,[`id`,`title`])):o(`v-if`,!0)],64))),128))])):(x(),s(`div`,Vt,O(k(n)(`x-prop-tree.noComp`)),1))}});const Ut={class:`text-body-large`};var Wt=d({__name:`index`,props:h({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:[Object,null],default:null},modelModifiers:{}}),emits:h([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{t:n}=K(),r=be(),{sysBarAvail:s}=V(),{backgroundColor1:d}=B(),f=j(e,`modelValue`),p=t,h=lt(),v=i(()=>{let e=`100%`;return r.mdAndUp.value&&(e=`400px`),{background:d.value,width:e,height:`100%`}}),y=i(()=>{let e=48;return s.value&&(e+=24),{position:`relative`,height:`calc(100% - ${e}px)`}}),S=i(()=>({height:`60px`}));P(()=>{if(!f.value)return;let e=G(h,f.value.id);e&&e.name!==f.value.name&&(f.value={...f.value,name:e.name})});let C=i(()=>f.value?f.value.name:n(`x-runtime-lib.notSet`)),{open:w}=H(`propTreeCompSelectDlg${A()}`);b(()=>{w.value=!1});function T(e){if(!e){f.value=null;return}let t=G(h,e);if(!t){f.value=null;return}f.value={id:t.id,name:t.name}}return(t,r)=>{let i=E(`v-btn`),d=E(`v-sheet`),f=E(`v-dialog`);return x(),a(f,{modelValue:k(w),"onUpdate:modelValue":r[5]||(r[5]=e=>m(w)?w.value=e:null),fullscreen:``,"no-click-animation":``,persistent:``,transition:`scroll-x-reverse-transition`,onKeydown:r[6]||(r[6]=L(R(e=>w.value=!1,[`stop`,`prevent`]),[`esc`]))},{activator:F(({props:t})=>[u(i,g(t,{block:``,density:`comfortable`,readonly:e.readonly}),{default:F(()=>[l(O(C.value),1)]),_:1},16,[`readonly`]),e.hasDelete?(x(),a(i,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:r[0]||(r[0]=R(e=>p(`delete`),[`stop`]))})):o(`v-if`,!0)]),default:F(()=>[c(`div`,{class:`w-100 h-100 d-flex flex-row-reverse`,onClick:r[3]||(r[3]=R(e=>w.value=!1,[`self`])),onContextmenu:r[4]||(r[4]=R(e=>w.value=!1,[`self`,`prevent`]))},[c(`div`,{class:`elevation-2`,style:_(v.value)},[k(s)?(x(),a(d,{key:0,color:`transparent`,height:24})):o(`v-if`,!0),u(d,{class:`d-flex align-center px-3`,color:`transparent`,height:48},{default:F(()=>[u(i,{density:`comfortable`,icon:`mdi-close`,variant:`text`,onClick:r[1]||(r[1]=e=>w.value=!1)}),c(`span`,Ut,O(k(n)(`x-prop-tree.selectComp`)),1)]),_:1}),c(`div`,{class:`overflow-y-auto`,style:_(y.value)},[u(Ht,{open:k(w),"onUpdate:open":r[2]||(r[2]=e=>m(w)?w.value=e:null),onXSelect:T},null,8,[`open`]),c(`div`,{style:_(S.value)},null,4)],4)],4)],32)]),_:1},8,[`modelValue`])}}});const Gt={class:`d-flex justify-space-between align-center`};var Kt=d({__name:`index`,props:h({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:h([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{isMobile:n}=V(),r=j(e,`modelValue`),i=t,c=async t=>{if(!t||e.readonly||!n())return;let i=await ie({title:``,value:r.value});i!==void 0&&(r.value=i)};return(t,n)=>{let l=E(`v-text-field`),d=E(`v-btn`),f=D(`ripple`);return x(),s(`div`,Gt,[I(u(l,{modelValue:r.value,"onUpdate:modelValue":n[0]||(n[0]=e=>r.value=e),density:`compact`,"hide-details":``,readonly:e.readonly,"single-line":``,"onUpdate:focused":c},null,8,[`modelValue`,`readonly`]),[[f,void 0,void 0,{stop:!0}]]),e.hasDelete?(x(),a(d,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:n[1]||(n[1]=R(e=>i(`delete`),[`stop`]))})):o(`v-if`,!0)])}}}),qt=d({__name:`editor`,props:{modelValue:{type:String,required:!0},modelModifiers:{},lock:{type:Boolean,required:!0},lockModifiers:{},scale:{type:Number,required:!0},scaleModifiers:{}},emits:[`update:modelValue`,`update:lock`,`update:scale`],setup(e,{expose:t}){let n=j(e,`modelValue`),r=j(e,`lock`),i=j(e,`scale`),o=te(),s=ne(),c=Je(),l=M(`target`),u=()=>{let e=JSON.parse(n.value);l.value?.load(e)};return t({save:()=>{let e=l.value.save();n.value=JSON.stringify(e,null,2)}}),(e,t)=>(x(),a(k(xe),{ref_key:`target`,ref:l,lock:r.value,"onUpdate:lock":t[0]||(t[0]=e=>r.value=e),scale:i.value,"onUpdate:scale":t[1]||(t[1]=e=>i.value=e),dark:k(o),locale:k(s),type:`json`,version:k(c),onReady:u},null,8,[`lock`,`scale`,`dark`,`locale`,`version`]))}});const Jt={class:`text-body-large`};var Yt=d({__name:`index`,props:h({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:h([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{t:n}=K(),{sysBarAvail:r}=V(),{backgroundColor0:s,backgroundColor1:d,backgroundColor2:f}=B(),p=j(e,`modelValue`),h=t,v=C(!1),y=C(1),S=i(()=>{let e=48;return r.value&&(e+=24),{position:`relative`,background:d.value,height:`calc(100% - ${e}px)`}}),w=i(()=>n(`x-prop-tree.jsonEditor`)),{open:T}=H(`propTreejsonEditorDlg${A()}`);b(()=>{T.value=!1});let D=M(`editor`);return N(T,e=>{e||D.value?.save()}),(t,n)=>{let i=E(`v-btn`),d=E(`v-sheet`),b=E(`v-spacer`),C=E(`v-dialog`);return x(),a(C,{modelValue:k(T),"onUpdate:modelValue":n[5]||(n[5]=e=>m(T)?T.value=e:null),attach:``,fullscreen:``,"no-click-animation":``,persistent:``,transition:`dialog-bottom-transition`,onKeydown:n[6]||(n[6]=L(R(e=>T.value=!1,[`stop`,`prevent`]),[`esc`]))},{activator:F(({props:t})=>[u(i,g(t,{block:``,density:`comfortable`,readonly:e.readonly}),{default:F(()=>[l(O(w.value),1)]),_:1},16,[`readonly`]),e.hasDelete?(x(),a(i,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:n[0]||(n[0]=R(e=>h(`delete`),[`stop`]))})):o(`v-if`,!0)]),default:F(()=>[u(d,{color:k(s),height:`100%`,width:`100%`},{default:F(()=>[k(r)?(x(),a(d,{key:0,color:k(f),height:24},null,8,[`color`])):o(`v-if`,!0),u(d,{class:`d-flex align-center px-2`,color:k(f),height:48},{default:F(()=>[u(i,{density:`comfortable`,icon:`mdi-close`,variant:`text`,onClick:n[1]||(n[1]=e=>T.value=!1)}),c(`span`,Jt,O(w.value),1),u(b)]),_:1},8,[`color`]),c(`div`,{style:_(S.value)},[u(qt,{ref_key:`editor`,ref:D,modelValue:p.value,"onUpdate:modelValue":n[2]||(n[2]=e=>p.value=e),lock:v.value,"onUpdate:lock":n[3]||(n[3]=e=>v.value=e),scale:y.value,"onUpdate:scale":n[4]||(n[4]=e=>y.value=e)},null,8,[`modelValue`,`lock`,`scale`])],4)]),_:1},8,[`color`])]),_:1},8,[`modelValue`])}}});const Xt={class:`d-flex justify-space-between align-center`};var Zt=d({__name:`color`,props:h({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:String},modelModifiers:{}}),emits:h([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{t:n}=K(),r=j(e,`modelValue`),s=t,d=i(()=>{let t=`100%`;return e.hasDelete&&(t=`calc(100% - 37px)`),{width:t}}),f=i(()=>e.readonly),{open:p}=H(`propTreeColorPickerMenu${A()}`);return b(()=>{p.value=!1}),(t,i)=>{let h=E(`v-btn`),v=E(`v-color-picker`),y=E(`v-menu`);return x(),a(y,{modelValue:k(p),"onUpdate:modelValue":i[2]||(i[2]=e=>m(p)?p.value=e:null),"close-on-content-click":!1,scrim:`transparent`},{activator:F(({props:t})=>[c(`div`,Xt,[c(`div`,{class:`flex-grow-1`,style:_(d.value)},[u(h,g(t,{block:``,color:r.value,density:`comfortable`,disabled:f.value}),{default:F(()=>[l(O(r.value?r.value:k(n)(`x-runtime-lib.notSet`)),1)]),_:1},16,[`color`,`disabled`])],4),e.hasDelete?(x(),a(h,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:i[0]||(i[0]=R(e=>s(`delete`),[`stop`]))})):o(`v-if`,!0)])]),default:F(()=>[u(v,{modelValue:r.value,"onUpdate:modelValue":i[1]||(i[1]=e=>r.value=e),mode:`hexa`,"show-swatches":``,"swatches-max-height":`150px`},null,8,[`modelValue`])]),_:1},8,[`modelValue`])}}});const Qt={class:`d-flex justify-space-between align-center my-2`},$t={class:`flex-grow-1`};var en=d({__name:`index`,props:h({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1},types:{type:String,required:!0}},{modelValue:{type:null},modelModifiers:{}}),emits:h([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{t:n}=K(),{isMobile:r}=V(),l=j(e,`modelValue`),d=t,f=i(()=>ce(e.types)),p=C(``),m=i(()=>{let e=[];for(let{value:t,title:r}of f.value)e.push({value:t,title:n(r)});return e});P(()=>{for(let{value:e,validator:t}of f.value)if(t(l.value)){p.value=e;return}_()});let h=i(()=>f.value.find(e=>e.value===p.value));function g(){l.value=h.value?.default}function _(){p.value=f.value[0].value,g()}let v=C(0),y=async e=>{if(!e||!r()||!h.value||h.value.trait!==`number`&&h.value.trait!==`numberUnit`)return;let t=await re({title:``,value:v.value,precision:h.value.precision,min:h.value.min,max:h.value.max,step:h.value.step});t!==void 0&&(v.value=t)};P(()=>{h.value?.trait===`number`?v.value=l.value:h.value?.trait===`numberUnit`&&(v.value=fe(l.value,h.value.unit))}),N(v,e=>{h.value?.trait===`number`?l.value=e:h.value?.trait===`numberUnit`&&(l.value=e+h.value.unit)});let b=C(`#ff00ff`);P(()=>{h.value?.trait===`hexColor`&&le(l.value)&&(b.value=l.value)}),N(b,e=>{h.value?.trait===`hexColor`&&(l.value=e)});let S=C(`primary`),w=i(()=>{let e=[];if(h.value?.trait===`themeColor`)for(let{value:t,title:r}of he)e.push({value:t,title:n(r)});return e});return P(()=>{h.value?.trait===`themeColor`&&ue(l.value)&&(S.value=l.value)}),N(S,e=>{h.value?.trait===`themeColor`&&(l.value=e)}),(t,n)=>{let r=E(`v-select`),i=E(`v-number-input`),l=E(`v-btn`),f=D(`ripple`);return x(),s(`div`,Qt,[c(`div`,$t,[I(u(r,{modelValue:p.value,"onUpdate:modelValue":[n[0]||(n[0]=e=>p.value=e),g],density:`compact`,"hide-details":``,items:m.value,readonly:e.readonly,"single-line":``},null,8,[`modelValue`,`items`,`readonly`]),[[f,void 0,void 0,{stop:!0}]]),h.value?.trait===`number`||h.value?.trait===`numberUnit`?I((x(),a(i,{key:0,modelValue:v.value,"onUpdate:modelValue":n[1]||(n[1]=e=>v.value=e),"control-variant":`stacked`,density:`compact`,"hide-details":``,max:h.value.max,min:h.value.min,precision:h.value.precision,readonly:e.readonly,"single-line":``,step:h.value.step,"onUpdate:focused":y},null,8,[`modelValue`,`max`,`min`,`precision`,`readonly`,`step`])),[[f,void 0,void 0,{stop:!0}]]):o(`v-if`,!0),h.value?.trait===`hexColor`?(x(),a(Zt,{key:1,modelValue:b.value,"onUpdate:modelValue":n[2]||(n[2]=e=>b.value=e)},null,8,[`modelValue`])):o(`v-if`,!0),h.value?.trait===`themeColor`?I((x(),a(r,{key:2,modelValue:S.value,"onUpdate:modelValue":n[3]||(n[3]=e=>S.value=e),density:`compact`,"hide-details":``,items:w.value,"single-line":``},null,8,[`modelValue`,`items`])),[[f,void 0,void 0,{stop:!0}]]):o(`v-if`,!0)]),e.hasDelete?(x(),a(l,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:n[4]||(n[4]=R(e=>d(`delete`),[`stop`]))})):o(`v-if`,!0)])}}});const tn={class:`d-flex justify-space-between align-center`};var nn=d({__name:`index`,props:h({hasDelete:{type:Boolean,required:!1,default:!1},precision:{type:Number,required:!1,default:()=>void 0},min:{type:Number,required:!1,default:()=>-1/0},max:{type:Number,required:!1,default:()=>1/0},step:{type:Number,required:!1,default:1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:Number,required:!0},modelModifiers:{}}),emits:h([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{isMobile:n}=V(),r=j(e,`modelValue`),i=t,c=async t=>{if(!t||e.readonly||!n())return;let i=await re({title:``,value:r.value,precision:e.precision,min:e.min,max:e.max,step:e.step});i!==void 0&&(r.value=i)};return(t,n)=>{let l=E(`v-number-input`),d=E(`v-btn`),f=D(`ripple`);return x(),s(`div`,tn,[I(u(l,{modelValue:r.value,"onUpdate:modelValue":n[0]||(n[0]=e=>r.value=e),"control-variant":`stacked`,density:`compact`,"hide-details":``,max:e.max,min:e.min,precision:e.precision,readonly:e.readonly,"single-line":``,step:e.step,"onUpdate:focused":c},null,8,[`modelValue`,`max`,`min`,`precision`,`readonly`,`step`]),[[f,void 0,void 0,{stop:!0}]]),e.hasDelete?(x(),a(d,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:n[1]||(n[1]=R(e=>i(`delete`),[`stop`]))})):o(`v-if`,!0)])}}});const rn={class:`d-flex justify-space-between align-center my-2`},an={class:`flex-grow-1`};var on=d({__name:`index`,props:h({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:h([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{t:n}=K(),{isMobile:r}=V(),l=j(e,`modelValue`),d=t,f=C(``),p=C(0);P(()=>{let e=l.value.split(`,`);e.length<1||(f.value=e[0],(e[0]===`minLength`||e[1]===`maxLength`||e[2]===`length`)&&(e.length>1?p.value=parseInt(e[1]):p.value=0))});function m(){f.value===`minLength`||f.value===`maxLength`||f.value===`length`?l.value=`${f.value},${p.value}`:l.value=f.value}let h=i(()=>{let e=[{value:``,title:n(`x-runtime-lib.notSet`)}];for(let t of me)e.push({value:t,title:n(`x-runtime-lib.${t}`)});return e});function g(){p.value=0,m()}P(()=>{let e=l.value.split(`,`);e.length>1&&(p.value=parseInt(e[1]))});async function _(e){if(!e||!r())return;let t=await re({title:``,value:p.value,precision:0,min:0,max:1/0,step:1});t!==void 0&&(p.value=t,m())}function v(){m()}return(t,n)=>{let r=E(`v-select`),i=E(`v-number-input`),l=E(`v-btn`),m=D(`ripple`);return x(),s(`div`,rn,[c(`div`,an,[I(u(r,{modelValue:f.value,"onUpdate:modelValue":[n[0]||(n[0]=e=>f.value=e),g],density:`compact`,"hide-details":``,items:h.value,readonly:e.readonly,"single-line":``},null,8,[`modelValue`,`items`,`readonly`]),[[m,void 0,void 0,{stop:!0}]]),f.value===`minLength`||f.value===`maxLength`||f.value===`length`?I((x(),a(i,{key:0,modelValue:p.value,"onUpdate:modelValue":[n[1]||(n[1]=e=>p.value=e),v],"control-variant":`stacked`,density:`compact`,"hide-details":``,max:1/0,min:0,precision:0,readonly:e.readonly,"single-line":``,step:1,"onUpdate:focused":_},null,8,[`modelValue`,`readonly`])),[[m,void 0,void 0,{stop:!0}]]):o(`v-if`,!0)]),e.hasDelete?(x(),a(l,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:n[2]||(n[2]=R(e=>d(`delete`),[`stop`]))})):o(`v-if`,!0)])}}});const sn={class:`d-flex justify-space-between align-center`};var cn=d({__name:`index`,props:h({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1},items:{type:String,required:!0}},{modelValue:{type:String},modelModifiers:{}}),emits:h([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{t:n}=K(),r=j(e,`modelValue`),c=t,l=i(()=>{let t=[];return oe(e.items)?.forEach(({value:e,title:r})=>{let i=e;r&&(i=n(r)),t.push({value:e,title:i})}),t});return(t,n)=>{let i=E(`v-select`),d=E(`v-btn`),f=D(`ripple`);return x(),s(`div`,sn,[I(u(i,{modelValue:r.value,"onUpdate:modelValue":n[0]||(n[0]=e=>r.value=e),density:`compact`,"hide-details":``,items:l.value,readonly:e.readonly,"single-line":``},null,8,[`modelValue`,`items`,`readonly`]),[[f,void 0,void 0,{stop:!0}]]),e.hasDelete?(x(),a(d,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:n[1]||(n[1]=R(e=>c(`delete`),[`stop`]))})):o(`v-if`,!0)])}}});const ln={class:`text-body-large ml-6`};var un=d({__name:`item`,props:{id:{type:String,required:!0},title:{type:String,required:!0}},emits:[`x-click`],setup(e,{emit:t}){let{backgroundColor2:n,highlightColor:r}=B(),a=t,o=C(!1),l=i(()=>({background:o.value?r.value:n.value,height:`48px`,marginTop:`1px`,userSelect:`none`}));return(t,n)=>{let r=D(`ripple`);return I((x(),s(`div`,{class:`d-flex align-center cursor-pointer`,style:_(l.value),onClick:n[0]||(n[0]=t=>a(`x-click`,e.id)),onMouseout:n[1]||(n[1]=e=>o.value=!1),onMouseover:n[2]||(n[2]=e=>o.value=!0)},[c(`span`,ln,O(e.title),1)],36)),[[r]])}}});const dn={key:0},fn={key:1,class:`text-body-medium text-grey ml-3`};var pn=d({__name:`index`,props:{open:{type:Boolean,required:!0},openModifiers:{}},emits:h([`x-select`],[`update:open`]),setup(e,{emit:t}){let{t:n}=K(),i=j(e,`open`),o=t,c=dt(),l=e=>{i.value=!1,o(`x-select`,e)};return(e,t)=>k(c).length>0?(x(),s(`div`,dn,[(x(!0),s(r,null,w(k(c),e=>(x(),a(un,{key:e.id,id:e.id,title:e.name,onXClick:l},null,8,[`id`,`title`]))),128))])):(x(),s(`div`,fn,O(k(n)(`x-prop-tree.noSlot`)),1))}});const mn={class:`text-body-large`};var hn=d({__name:`index`,props:h({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:[Object,null],default:null},modelModifiers:{}}),emits:h([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{t:n}=K(),r=be(),{sysBarAvail:s}=V(),{backgroundColor1:d}=B(),f=j(e,`modelValue`),p=t,h=dt(),v=i(()=>{let e=`100%`;return r.mdAndUp.value&&(e=`400px`),{background:d.value,width:e,height:`100%`}}),y=i(()=>{let e=48;return s.value&&(e+=24),{position:`relative`,height:`calc(100% - ${e}px)`}}),S=i(()=>({height:`60px`}));P(()=>{if(!f.value)return;let e=h.value.find(e=>e.id===f.value.id);e&&e.name!==f.value.name&&(f.value={...f.value,name:e.name})});let C=i(()=>f.value?f.value.name:n(`x-runtime-lib.notSet`)),{open:w}=H(`propTreeSlotSelectDlg${A()}`);b(()=>{w.value=!1});function T(e){if(!e){f.value=null;return}let t=h.value.find(t=>t.id===e);if(!t){f.value=null;return}f.value={id:t.id,name:t.name}}return(t,r)=>{let i=E(`v-btn`),d=E(`v-sheet`),f=E(`v-dialog`);return x(),a(f,{modelValue:k(w),"onUpdate:modelValue":r[5]||(r[5]=e=>m(w)?w.value=e:null),fullscreen:``,"no-click-animation":``,persistent:``,transition:`scroll-x-reverse-transition`,onKeydown:r[6]||(r[6]=L(R(e=>w.value=!1,[`stop`,`prevent`]),[`esc`]))},{activator:F(({props:t})=>[u(i,g(t,{block:``,density:`comfortable`,readonly:e.readonly}),{default:F(()=>[l(O(C.value),1)]),_:1},16,[`readonly`]),e.hasDelete?(x(),a(i,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:r[0]||(r[0]=R(e=>p(`delete`),[`stop`]))})):o(`v-if`,!0)]),default:F(()=>[c(`div`,{class:`w-100 h-100 d-flex flex-row-reverse`,onClick:r[3]||(r[3]=R(e=>w.value=!1,[`self`])),onContextmenu:r[4]||(r[4]=R(e=>w.value=!1,[`self`,`prevent`]))},[c(`div`,{class:`elevation-2`,style:_(v.value)},[k(s)?(x(),a(d,{key:0,color:`transparent`,height:24})):o(`v-if`,!0),u(d,{class:`d-flex align-center px-3`,color:`transparent`,height:48},{default:F(()=>[u(i,{density:`comfortable`,icon:`mdi-close`,variant:`text`,onClick:r[1]||(r[1]=e=>w.value=!1)}),c(`span`,mn,O(k(n)(`x-prop-tree.selectSlot`)),1)]),_:1}),c(`div`,{class:`overflow-y-auto`,style:_(y.value)},[u(pn,{open:k(w),"onUpdate:open":r[2]||(r[2]=e=>m(w)?w.value=e:null),onXSelect:T},null,8,[`open`]),c(`div`,{style:_(S.value)},null,4)],4)],4)],32)]),_:1},8,[`modelValue`])}}});const gn={class:`d-flex justify-space-between align-center`};var _n=d({__name:`index`,props:h({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:h([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let n=j(e,`modelValue`),r=t;return(t,i)=>{let c=E(`v-switch`),l=E(`v-btn`);return x(),s(`div`,gn,[u(c,{modelValue:n.value,"onUpdate:modelValue":i[0]||(i[0]=e=>n.value=e),class:`ml-1`,color:`primary`,density:`compact`,"hide-details":``,readonly:e.readonly},null,8,[`modelValue`,`readonly`]),e.hasDelete?(x(),a(l,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:i[1]||(i[1]=R(e=>r(`delete`),[`stop`]))})):o(`v-if`,!0)])}}});const vn={class:`d-flex justify-space-between align-center`};var yn=d({__name:`index`,props:h({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:h([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{isMobile:n}=V(),r=j(e,`modelValue`),i=t,c=async t=>{if(!t||e.readonly||!n())return;let i=await ie({title:``,value:r.value});i!==void 0&&(r.value=i)};return(t,n)=>{let l=E(`v-text-field`),d=E(`v-btn`),f=D(`ripple`);return x(),s(`div`,vn,[I(u(l,{modelValue:r.value,"onUpdate:modelValue":n[0]||(n[0]=e=>r.value=e),density:`compact`,"hide-details":``,readonly:e.readonly,"single-line":``,"onUpdate:focused":c},null,8,[`modelValue`,`readonly`]),[[f,void 0,void 0,{stop:!0}]]),e.hasDelete?(x(),a(d,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:n[1]||(n[1]=R(e=>i(`delete`),[`stop`]))})):o(`v-if`,!0)])}}});function bn(){let e=$();return{renderUiAdaptSlot:(t,n,r,i,a)=>{if(n.ui!==`adaptSlot`)throw Error(`useUiAdaptSlot property ui must be adaptSlot`);return f(Pt,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},readonly:n.readonly})}}}function xn(){let e=$();return{renderUiComp:(t,n,r,i,a)=>{if(n.ui!==`comp`)throw Error(`renderUiComp property ui must be comp`);return f(Wt,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},readonly:n.readonly})}}}function Sn(){let e=$();return{renderUiDummy:(t,n,r,i,a)=>{if(n.ui!==`dummy`)throw Error(`renderUiDummy property ui must be dummy`);J(t,n,r,i,a,e)}}}function Cn(){let e=$();return{renderUiIcon:(t,n,r,i,a)=>{if(n.ui!==`icon`)throw Error(`renderUiIcon property ui must be icon`);return f(Kt,{modelValue:n.static?n.value:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{n.static||Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},readonly:n.static||n.readonly})}}}function wn(){let e=$();return{renderUiJson:(t,n,r,i,a)=>{if(n.ui!==`json`)throw Error(`renderUiJson property ui must be json`);return f(Yt,{modelValue:J(t,n,r,i,a,e)??`{}`,"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},readonly:n.readonly})}}}function Tn(){let e=$();return{renderUiMultiTypes:(t,n,r,i,a)=>{if(n.ui!==`multiTypes`)throw Error(`renderUiMultiTypes property ui must be multiTypes`);return f(en,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},types:n.types})}}}function En(){let e=$();return{renderUiNumber:(t,n,r,i,a)=>{if(n.ui!==`number`)throw Error(`renderUiNumber property ui must be number`);return f(nn,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},precision:n.precision,min:n.min,max:n.max,step:n.step,readonly:n.readonly})}}}var Dn=d({__name:`index`,props:{minHeight:{type:String,required:!0}},emits:[`menu`],setup(e,{emit:t}){let{backgroundColor2:n,highlightColor:r}=B(),a=t,o=C(!1),c=i(()=>({background:o.value?r.value:n.value,minHeight:e.minHeight,paddingRight:`4px`,marginBottom:`1px`,userSelect:`none`})),l=e=>{a(`menu`,e.clientX,e.clientY)};return(e,t)=>{let n=D(`ripple`);return I((x(),s(`div`,{class:`d-flex justify-space-between align-center cursor-pointer`,style:_(c.value),onContextmenu:R(l,[`self`,`prevent`]),onMouseout:t[0]||(t[0]=e=>o.value=!1),onMouseover:t[1]||(t[1]=e=>o.value=!0)},[T(e.$slots,`default`)],36)),[[n]])}}});function On(){let{t:e}=K(),t=ot();return{renderProperty:(n,r,i)=>{let a=n[n.length-1],o=typeof a==`number`?`[${a+1}]`:e(r.name);return Q(t.value,n)?o+=` !`:Z(t.value,n)&&(o+=` *`),f(Dn,{minHeight:`56px`,onMenu:(e,t)=>{z.emit(`propTreeMenu`,{x:e,y:t,keys:n})}},()=>[f(`span`,{style:{marginLeft:`4px`,pointerEvents:`none`},innerHTML:o}),f(`div`,{style:{width:`200px`}},i)])}}}function kn(){let e=$();function t(t,n,r,i,a){if(n.ui!==`rule`)throw Error(`renderUiRule property ui must be rule`);return f(on,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))}})}return{renderUiRule:t}}function An(){let e=$();return{renderUiSelect:(t,n,r,i,a)=>{if(n.ui!==`select`)throw Error(`renderUiSelect property ui must be select`);return f(cn,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},items:n.items,readonly:n.readonly})}}}function jn(){let e=$();return{renderUiSlot:(t,n,r,i,a)=>{if(n.ui!==`slot`)throw Error(`renderUiSlot property ui must be slot`);return f(hn,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},readonly:n.readonly})}}}function Mn(){let e=$();return{renderUiSwitch:(t,n,r,i,a)=>{if(n.ui!==`switch`)throw Error(`renderUiSwitch property ui must be switch`);return f(_n,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,1),r))},readonly:n.readonly})}}}function Nn(){let e=$();return{renderUiText:(t,n,r,i,a)=>{if(n.ui!==`text`)throw Error(`renderUiText property ui must be text`);return f(yn,{modelValue:n.static?n.value:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{n.static||Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},readonly:n.static||n.readonly})}}}const Pn=`20px`;var Fn=d({__name:`main`,setup(e){let{t:n}=K(),{backgroundColor1:i}=B(),a=et(),o=nt(),c=it(),l=ot(),d=$();Ct(),wt(),St();let{renderProperty:p}=On(),{renderUiDummy:m}=Sn(),{renderUiText:h}=Nn(),{renderUiNumber:g}=En(),{renderUiSwitch:_}=Mn(),{renderUiSelect:v}=An(),{renderUiJson:y}=wn(),{renderUiIcon:b}=Cn(),{renderUiComp:S}=xn(),{renderUiSlot:C}=jn(),{renderUiAdaptSlot:w}=bn(),{renderUiRule:T}=kn(),{renderUiMultiTypes:E}=Tn(),D=(e,n,r,i,a,o)=>{if(e=t(e),i===void 0?e.push(n.key):(e.push(i),a&&e.push(n.key)),e?.[0]!==`runtime`)return n.ui?n.array&&!o?A(e,n,r,i,a):j(e,n,r,i,a):n.array?O(e,n,r,i,a):k(e,n,r,i,a)},O=(e,t,r,i,a)=>{if(t.ui)throw Error(`renderBranchArray property ui must be invalid`);if(!t.array)throw Error(`renderBranchArray property array must be valid`);let o=Ce(e,t,r,i,a,d),s=n(t.name);X(c,e)&&(Q(l.value,e)?s+=` !`:Z(l.value,e)&&(s+=` *`));let u=f(xt,{title:s,collapse:X(c,e),hasCreate:!0,onCollapse:t=>{we(c,e,t)},onMenu:(t,n)=>{z.emit(`propTreeMenu`,{x:t,y:n,keys:e})},onCreate:()=>{o.push({}),d(e,o)}}),p=f(`div`,{style:{paddingLeft:Pn}},(()=>{let n=[];for(let r=0;r<o.length;r++){let i=[...e,r],a=`[${r+1}]`;X(c,[...e,r])&&(Q(l.value,i)?a+=` !`:Z(l.value,i)&&(a+=` *`));let s=f(xt,{title:a,collapse:X(c,[...e,r]),hasDelete:!0,index:r,onCollapse:t=>{we(c,[...e,r],t)},onMenu:(e,t)=>{z.emit(`propTreeMenu`,{x:e,y:t,keys:i})},onDelete:t=>{o.splice(t,1),d(e,o)}});n.push(s);let u=f(`div`,{style:{paddingLeft:Pn}},(()=>{let n=[];for(let i of t.children)n.push(D(e,i,o[r],r,!0));return n})());X(c,[...e,r])||n.push(u)}return n})());return f(`div`,{style:{marginTop:`1px`}},(()=>{let t=[];return t.push(u),X(c,e)||t.push(p),t})())},k=(e,t,r,i,a)=>{if(t.ui)throw Error(`renderBranchScalar property ui must be invalid`);if(t.array)throw Error(`renderBranchScalar property array must be invalid`);let o=n(t.name);X(c,e)&&(Q(l.value,e)?o+=` !`:Z(l.value,e)&&(o+=` *`));let s=f(xt,{title:o,collapse:X(c,e),hasDelete:i!==void 0&&!a,onCollapse:t=>{we(c,e,t)},onMenu:(t,n)=>{z.emit(`propTreeMenu`,{x:t,y:n,keys:e})},onDelete:()=>{i===void 0||a||(r.splice(i,1),d(e.slice(0,-1),r))}}),u=f(`div`,{style:{paddingLeft:Pn}},(()=>{let n=[];for(let i of t.children)n.push(D(e,i,(typeof r[t.key]!=`object`&&(r[t.key]={},d(e,r[t.key])),r[t.key]),void 0,!1));return n})());return f(`div`,{style:{marginTop:`1px`}},(()=>{let t=[];return t.push(s),X(c,e)||t.push(u),t})())},A=(e,t,r,i,a)=>{if(!t.ui)throw Error(`renderLeafArray property ui must be valid`);if(!t.array)throw Error(`renderLeafArray property array must be valid`);let o=Ce(e,t,r,i,a,d),s=n(t.name);X(c,e)&&(Q(l.value,e)?s+=` !`:Z(l.value,e)&&(s+=` *`));let u=f(xt,{title:s,collapse:X(c,e),hasCreate:!0,onCollapse:t=>{we(c,e,t)},onMenu:(t,n)=>{z.emit(`propTreeMenu`,{x:t,y:n,keys:e})},onCreate:()=>{o.push(U(t)),d(e,o)}}),p=f(`div`,{style:{paddingLeft:Pn}},(()=>{let n=[];for(let r=0;r<o.length;r++)n.push(D(e,t,o,r,!1,!0));return n})());return f(`div`,{style:{marginTop:`1px`}},(()=>{let t=[];return t.push(u),X(c,e)||t.push(p),t})())},j=(e,t,n,r,i)=>{if(!t.ui)throw Error(`renderLeafScalar property ui must be valid`);let a;return t.ui===`dummy`?a=m(e,t,n,r,i):t.ui===`text`?a=h(e,t,n,r,i):t.ui===`number`?a=g(e,t,n,r,i):t.ui===`switch`?a=_(e,t,n,r,i):t.ui===`select`?a=v(e,t,n,r,i):t.ui===`json`?a=y(e,t,n,r,i):t.ui===`icon`?a=b(e,t,n,r,i):t.ui===`comp`?a=S(e,t,n,r,i):t.ui===`slot`?a=C(e,t,n,r,i):t.ui===`adaptSlot`?a=w(e,t,n,r,i):t.ui===`rule`?a=T(e,t,n,r,i):t.ui===`multiTypes`?a=E(e,t,n,r,i):console.assert(!1,`renderLeafScalar not implemented`),a?p(e,t,a):f(`div`)},M=()=>f(`div`,{class:`text-body-medium`,style:{background:i.value}},(()=>{let e=[];if(a.value.length>0&&o.value)for(let t of a.value)e.push(D([],t,o.value,void 0,!1));return e})());return(e,t)=>(x(),s(r,null,[u(M),u(yt)],64))}}),In=d({__name:`index`,props:{config:{type:Array,required:!0},object:{type:null,required:!0},version:{type:String,required:!0},type:{type:String,required:!0},subtype:{type:String,required:!0}},emits:[`change`],setup(e,{emit:t}){let n=t,r=C([]);$e(r),P(()=>{r.value=e.config});let i=C();tt(i),P(()=>{i.value=e.object});let o=C(``);qe(o),P(()=>{o.value=e.version});let s=C(e.type);Ye(s),P(()=>{s.value=e.type});let c=C(``);Ze(c),P(()=>{c.value=e.subtype}),rt(C({collapse:!0,children:{}}));let l=C({change:!1,warning:!1,children:{}});at(l);function u(t,r){Fe(l,e.config,e.object),n(`change`,t,r)}st(u);function d(){Fe(l,e.config,e.object)}return y(()=>{z.on(`refreshPropertyState`,d)}),v(()=>{z.off(`refreshPropertyState`,d)}),N([()=>e.config,()=>e.object],()=>{Fe(l,e.config,e.object)},{immediate:!0}),(e,t)=>(x(),a(Fn))}});const Ln=e=>{e.component(`XPropTree`,In)};async function Rn(e){if(e===`en`)return(await import(`./i18n-en.bjdqf6it.js`).then(e=>e.t)).default;if(e===`zhHans`)return(await import(`./i18n-zhHans.erc38kn7.js`).then(e=>e.t)).default;throw Error(`invalid locale=${e}`)}var zn={install:Ln};export{zn as default,Rn as loadLocaleMessagePropTree};
+(function(){try{document.getElementById(`x-prop-tree`)?.remove();const e = document.createElement(`style`);e.setAttribute(`id`, `x-prop-tree`);const t = document.createTextNode(``);e.appendChild(t);document.head.appendChild(e);}catch(e){console.error('rolldown-plugin-inject-css', e);}})()
+import { n as isEqual, r as cloneDeep, t as omit } from "./vendor.o2dszt6f.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, inject, isRef, mergeModels, mergeProps, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDirective, toDisplayString, unref, useId, useModel, useTemplateRef, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { eventBus, globalObjects, injectDark, injectLocale, openNumberDlg, openPromptDlg, useColor, useSystem, useViewStack } from "x-essential-lib";
+import { getElement, getItems, getPropertyDefault, getPropertyDefaultArray, getTag, getTypes, isHexColor, isThemeColor, makeSlotId, parseNumberUnit, pkgs, rules, themeColors, unwrapSlotId } from "x-runtime-lib";
+import { getListEntry, setCollapse, tidyList } from "x-group-list";
+import { useI18n } from "vue-i18n";
+import { globalState } from "x-state-lib";
+import { useDisplay } from "vuetify";
+import { XBlockly } from "x-block-lib";
+
+//#region src/utils/common.ts
+function unpkgProperty(properties, keys) {
+	let target = {
+		key: "",
+		name: "",
+		children: properties
+	};
+	for (const key of keys) {
+		if (typeof key === "number") continue;
+		if (!target) throw new Error(`target must be valid`);
+		if (target.ui) throw new Error(`target ui must be invalid`);
+		target = target.children.find((entry) => entry.key === key);
+	}
+	return target;
+}
+function unpkgObject(root, keys) {
+	let target = root;
+	for (const key of keys) {
+		if (!target) throw new Error(`target must be valid`);
+		target = target[key];
+	}
+	return target;
+}
+function ensureArrayValue(keys, property, object, arrayIndex, isBranch, changeEvent) {
+	if (arrayIndex !== void 0 && !isBranch) {
+		if (!(object[arrayIndex] instanceof Array)) {
+			const d = getPropertyDefaultArray(property);
+			if (!isEqual(d, object[arrayIndex])) {
+				object[arrayIndex] = d;
+				changeEvent(keys, object[arrayIndex]);
+			}
+		}
+		return object[arrayIndex];
+	} else {
+		if (!(object[property.key] instanceof Array)) {
+			const d = getPropertyDefaultArray(property);
+			if (!isEqual(d, object[property.key])) {
+				object[property.key] = d;
+				changeEvent(keys, object[property.key]);
+			}
+		}
+		return object[property.key];
+	}
+}
+function getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent) {
+	if (arrayIndex !== void 0 && !isBranch) {
+		if (object[arrayIndex] === void 0) {
+			const val = getPropertyDefault(property);
+			if (!isEqual(val, object[arrayIndex])) {
+				object[arrayIndex] = val;
+				changeEvent(keys, object[arrayIndex]);
+			}
+		}
+		return object[arrayIndex];
+	} else {
+		if (object[property.key] === void 0) {
+			const val = getPropertyDefault(property);
+			if (!isEqual(val, object[property.key])) {
+				object[property.key] = val;
+				changeEvent(keys, object[property.key]);
+			}
+		}
+		return object[property.key];
+	}
+}
+function setModelValue(keys, property, object, val, arrayIndex, isBranch, changeEvent) {
+	if (arrayIndex !== void 0 && !isBranch) {
+		if (!isEqual(val, object[arrayIndex])) {
+			object[arrayIndex] = cloneDeep(val);
+			changeEvent(keys, object[arrayIndex]);
+		}
+	} else if (!isEqual(val, object[property.key])) {
+		object[property.key] = cloneDeep(val);
+		changeEvent(keys, object[property.key]);
+	}
+}
+
+//#endregion
+//#region src/utils/collapseState.ts
+function isCollapse(root, keys) {
+	let current = root.value;
+	for (const key of keys) {
+		if (!current.children[key]) return true;
+		current = current.children[key];
+	}
+	return current.collapse;
+}
+function setCollapse$1(root, keys, collapse) {
+	let current = root.value;
+	for (const key of keys) {
+		if (!current.children[key]) current.children[key] = {
+			collapse: true,
+			children: {}
+		};
+		current = current.children[key];
+	}
+	current.collapse = collapse;
+}
+
+//#endregion
+//#region src/utils/copyPaste.ts
+const ignoreFields = [
+	"key",
+	"name",
+	"children",
+	"default",
+	"arrayDefault"
+];
+function isPropertyCompatible(l, r) {
+	function execProperty(l, r) {
+		if (!isEqual(omit(l, ignoreFields), omit(r, ignoreFields))) return false;
+		if (l.ui || r.ui) return true;
+		if (l.children.length !== r.children.length) return false;
+		for (let i = 0; i < l.children.length; i++) if (!execProperty(l.children[i], r.children[i])) return false;
+		return true;
+	}
+	return execProperty(l, r);
+}
+function setProperty(keys, property, object, value, arrayIndex, changeEvent) {
+	function execProperty(keys, property, object, value, arrayIndex) {
+		if (property.ui) {
+			if (property.readonly || property.static) return;
+			setModelValue(keys, property, object, value, arrayIndex, false, changeEvent);
+		} else if (property.array) setModelValue(keys, property, object, value, arrayIndex, false, changeEvent);
+		else for (const child of property.children) {
+			if (typeof object !== "object") continue;
+			if (typeof value !== "object") continue;
+			execProperty([...keys, child.key], child, object[property.key], value[child.key], void 0);
+		}
+	}
+	execProperty(keys, property, object, value, arrayIndex);
+}
+
+//#endregion
+//#region src/utils/propertyState.ts
+const propertyStateIgnores = [["basic", "id"], ["basic", "name"]];
+function isPropertyStateIgnored(keys) {
+	return propertyStateIgnores.find((entry) => isEqual(keys, entry));
+}
+function execProperty$1(keys, property, object, state, arrayIndex, isBranch, leafArrayEntry) {
+	keys = cloneDeep(keys);
+	if (arrayIndex !== void 0) {
+		keys.push(arrayIndex);
+		if (isBranch) keys.push(property.key);
+	} else keys.push(property.key);
+	if (keys?.[0] === "runtime") return {
+		change: false,
+		warning: false
+	};
+	if (isPropertyStateIgnored(keys)) {
+		state.change = false;
+		state.warning = false;
+		return {
+			change: state.change,
+			warning: state.warning
+		};
+	}
+	if (property.ui) if (property.array && !leafArrayEntry) return execPropertyLeafArray(keys, property, object, state, arrayIndex, isBranch);
+	else return execPropertyLeafScalar(property, object, state, arrayIndex, isBranch);
+	else if (property.array) return execPropertyBranchArray(keys, property, object, state, arrayIndex, isBranch);
+	else return execPropertyBranchScalar(keys, property, object, state, arrayIndex, isBranch);
+}
+function execPropertyBranchArray(keys, property, object, state, arrayIndex, isBranch) {
+	if (property.ui) throw new Error(`execPropertyBranchArray property ui must be invalid`);
+	if (!property.array) throw new Error(`execPropertyBranchArray property array must be valid`);
+	let value;
+	if (arrayIndex !== void 0 && !isBranch) value = object[arrayIndex];
+	else value = object[property.key];
+	if (!(value instanceof Array)) {
+		state.change = false;
+		state.warning = false;
+		return {
+			change: false,
+			warning: false
+		};
+	}
+	for (let i = 0; i < value.length; i++) {
+		state.children[i] = {
+			change: false,
+			warning: false,
+			children: {}
+		};
+		const entryState = state.children[i];
+		for (const child of property.children) {
+			entryState.children[child.key] = {
+				change: false,
+				warning: false,
+				children: {}
+			};
+			const { change, warning } = execProperty$1(keys, child, value[i], entryState.children[child.key], i, true);
+			if (!entryState.change && change) entryState.change = change;
+			if (!entryState.change && warning) entryState.warning = warning;
+			if (!state.change && entryState.change) state.change = entryState.change;
+			if (!state.warning && entryState.warning) state.warning = entryState.warning;
+		}
+	}
+	if (!state.change) state.change = !isEqual(value, getPropertyDefaultArray(property));
+	return {
+		change: state.change,
+		warning: state.warning
+	};
+}
+function execPropertyBranchScalar(keys, property, object, state, arrayIndex, isBranch) {
+	if (property.ui) throw new Error(`execPropertyBranchScalar property ui must be invalid`);
+	if (property.array) throw new Error(`execPropertyBranchScalar property array must be invalid`);
+	let value;
+	if (arrayIndex !== void 0 && !isBranch) value = object[arrayIndex];
+	else value = object[property.key];
+	if (value === void 0) {
+		state.change = false;
+		state.warning = false;
+		return {
+			change: false,
+			warning: false
+		};
+	}
+	for (let i = 0; i < property.children.length; i++) {
+		const child = property.children[i];
+		state.children[child.key] = {
+			change: false,
+			warning: false,
+			children: {}
+		};
+		const { change, warning } = execProperty$1(keys, child, value, state.children[child.key], void 0, false);
+		if (!state.change && change) state.change = change;
+		if (!state.warning && warning) state.warning = warning;
+	}
+	return {
+		change: state.change,
+		warning: state.change
+	};
+}
+function execPropertyLeafArray(keys, property, object, state, arrayIndex, isBranch) {
+	if (!property.ui) throw new Error(`execPropertyLeafArray property ui must be valid`);
+	if (!property.array) throw new Error(`execPropertyLeafArray property aray must be valid`);
+	let value;
+	if (arrayIndex !== void 0 && !isBranch) value = object[arrayIndex];
+	else value = object[property.key];
+	if (!(value instanceof Array)) {
+		state.change = false;
+		state.warning = false;
+		return {
+			change: false,
+			warning: false
+		};
+	}
+	for (let i = 0; i < value.length; i++) {
+		state.children[i] = {
+			change: false,
+			warning: false,
+			children: {}
+		};
+		const { change, warning } = execProperty$1(keys, property, value, state.children[i], i, false, true);
+		if (!state.change && change) state.change = change;
+		if (!state.warning && warning) state.warning = warning;
+	}
+	if (!state.change) state.change = !isEqual(value, getPropertyDefaultArray(property));
+	return {
+		change: state.change,
+		warning: state.warning
+	};
+}
+function execPropertyLeafScalar(property, object, state, arrayIndex, isBranch) {
+	if (!property.ui) throw new Error(`execPropertyLeafScalar property ui must be valid`);
+	let value;
+	if (arrayIndex !== void 0 && !isBranch) value = object[arrayIndex];
+	else value = object[property.key];
+	state.change = !isEqual(value, getPropertyDefault(property));
+	if (property.ui === "comp") {} else if (property.ui === "slot") {} else if (property.ui === "adaptSlot") {}
+	return {
+		change: state.change,
+		warning: state.warning
+	};
+}
+function rebuildPropertyState(root, config, object) {
+	if (config.length <= 0 || !object) {
+		root.value = {
+			change: false,
+			warning: false,
+			children: {}
+		};
+		return;
+	}
+	const tmpRoot = {
+		change: false,
+		warning: false,
+		children: {}
+	};
+	for (const property of config) {
+		const state = {
+			change: false,
+			warning: false,
+			children: {}
+		};
+		tmpRoot.children[property.key] = state;
+		execProperty$1([], property, object, state, void 0, false);
+	}
+	root.value = tmpRoot;
+}
+function isPropertyChange(root, keys) {
+	let current = root;
+	for (const key of keys) {
+		if (!current.children[key]) return false;
+		current = current.children[key];
+	}
+	return current.change;
+}
+function isPropertyWarning(root, keys) {
+	let current = root;
+	for (const key of keys) {
+		if (!current.children[key]) return false;
+		current = current.children[key];
+	}
+	return !!current.warning;
+}
+
+//#endregion
+//#region src/utils/provideInject.ts
+const versionKey = Symbol();
+const typeKey = Symbol();
+const subtypeKey = Symbol();
+const configKey = Symbol();
+const objectKey = Symbol();
+const collapseStateKey = Symbol();
+const propertyStateKey = Symbol();
+const changeEventKey = Symbol();
+const compListKey = Symbol();
+const slotListKey = Symbol();
+const adaptSlotListKey = Symbol();
+function provideVersion(version) {
+	provide(versionKey, version);
+}
+function injectVersion() {
+	return inject(versionKey);
+}
+function provideType(type) {
+	provide(typeKey, type);
+}
+function injectType() {
+	return inject(typeKey);
+}
+function provideSubtype(version) {
+	provide(subtypeKey, version);
+}
+function injectSubtype() {
+	return inject(subtypeKey);
+}
+function provideConfig(config) {
+	provide(configKey, config);
+}
+function injectConfig() {
+	return inject(configKey);
+}
+function provideObject(object) {
+	provide(objectKey, object);
+}
+function injectObject() {
+	return inject(objectKey);
+}
+function provideCollapseState(collapseState) {
+	provide(collapseStateKey, collapseState);
+}
+function injectCollapseState() {
+	return inject(collapseStateKey);
+}
+function providePropertyState(propertyState) {
+	provide(propertyStateKey, propertyState);
+}
+function injectPropertyState() {
+	return inject(propertyStateKey);
+}
+function provideChangeEvent(changeEvent) {
+	provide(changeEventKey, changeEvent);
+}
+function injectChangeEvent() {
+	return inject(changeEventKey);
+}
+function provideCompList(compList) {
+	provide(compListKey, compList);
+}
+function injectCompList() {
+	return inject(compListKey);
+}
+function provideSlotList(slotList) {
+	provide(slotListKey, slotList);
+}
+function injectSlotList() {
+	return inject(slotListKey);
+}
+function provideAdaptSlotList(adaptSlotList) {
+	provide(adaptSlotListKey, adaptSlotList);
+}
+function injectAdaptSlotList() {
+	return inject(adaptSlotListKey);
+}
+
+//#endregion
+//#region src/utils/reset.ts
+function execProperty(object, property, keys, changeEvent) {
+	if (property.ui) {
+		if (property.readonly || property.static) return;
+		if (property.array) {
+			const oldValue = object[property.key];
+			const newValue = getPropertyDefaultArray(property);
+			if (!isEqual(newValue, oldValue)) {
+				object[property.key] = newValue;
+				changeEvent([...keys, property.key], newValue);
+			}
+		} else {
+			const oldValue = object[property.key];
+			const newValue = getPropertyDefault(property);
+			if (!isEqual(newValue, oldValue)) {
+				object[property.key] = newValue;
+				changeEvent([...keys, property.key], newValue);
+			}
+		}
+	} else if (property.array) {
+		const oldValue = object[property.key];
+		const newValue = getPropertyDefaultArray(property);
+		if (!isEqual(newValue, oldValue)) {
+			object[property.key] = newValue;
+			changeEvent([...keys, property.key], newValue);
+		}
+	} else for (const child of property.children) execProperty(object[property.key], child, [...keys, property.key], changeEvent);
+}
+function resetProperty(root, properties, keys, changeEvent) {
+	const lastKey = keys.at(-1);
+	if (lastKey === void 0) return;
+	const property = unpkgProperty(properties, keys);
+	if (!property) return;
+	if (property.ui) {
+		if (property.readonly || property.static) return;
+		if (property.array) if (typeof lastKey === "string") {
+			const object = unpkgObject(root, keys.slice(0, -1));
+			if (!object) return;
+			const oldValue = object[lastKey];
+			const newValue = getPropertyDefaultArray(property);
+			if (!isEqual(newValue, oldValue)) {
+				object[lastKey] = newValue;
+				changeEvent(keys, newValue);
+			}
+		} else {
+			const object = unpkgObject(root, keys.slice(0, -1));
+			if (!object) return;
+			const oldValue = object[lastKey];
+			const newValue = getPropertyDefault(property);
+			if (!isEqual(newValue, oldValue)) {
+				object[lastKey] = newValue;
+				changeEvent(keys, newValue);
+			}
+		}
+		else {
+			const object = unpkgObject(root, keys.slice(0, -1));
+			if (!object) return;
+			const oldValue = object[lastKey];
+			const newValue = getPropertyDefault(property);
+			if (!isEqual(newValue, oldValue)) {
+				object[lastKey] = newValue;
+				changeEvent(keys, newValue);
+			}
+		}
+	} else if (property.array) if (typeof lastKey === "string") {
+		const object = unpkgObject(root, keys.slice(0, -1));
+		if (!object) return;
+		const oldValue = object[lastKey];
+		const newValue = getPropertyDefaultArray(property);
+		if (!isEqual(newValue, oldValue)) {
+			object[lastKey] = newValue;
+			changeEvent(keys, newValue);
+		}
+	} else {
+		const object = unpkgObject(root, keys);
+		if (!object) return;
+		for (const child of property.children) execProperty(object, child, keys, changeEvent);
+	}
+	else {
+		const object = unpkgObject(root, keys);
+		if (!object) return;
+		for (const child of property.children) execProperty(object, child, keys, changeEvent);
+	}
+}
+
+//#endregion
+//#region src/components/menu/func/copy.ts
+function useFuncCopy(keys) {
+	const { t } = useI18n();
+	const configRef = injectConfig();
+	const objectRef = injectObject();
+	function condition() {
+		return true;
+	}
+	function handle() {
+		const property = unpkgProperty(configRef.value, keys.value);
+		if (!property) return;
+		const copy = {
+			property,
+			object: unpkgObject(objectRef.value, keys.value)
+		};
+		localStorage.setItem("propTreeCopy", JSON.stringify(copy));
+	}
+	function tryPushCopy(items) {
+		if (!condition()) return;
+		items.push({
+			title: t("x-prop-tree.copy"),
+			func: handle
+		});
+	}
+	return { tryPushCopy };
+}
+
+//#endregion
+//#region src/components/menu/func/paste.ts
+function useFuncPaste(keys) {
+	const { t } = useI18n();
+	const configRef = injectConfig();
+	const objectRef = injectObject();
+	const changeEvent = injectChangeEvent();
+	function condition() {
+		if (keys.value.length <= 0) return false;
+		const property = unpkgProperty(configRef.value, keys.value);
+		if (!property) return false;
+		const item = localStorage.getItem("propTreeCopy");
+		if (!item) return false;
+		let copy;
+		try {
+			copy = JSON.parse(item);
+		} catch (e) {
+			console.error("parse propTreeCopy failed", e);
+			return false;
+		}
+		if (!isPropertyCompatible(property, copy.property)) return false;
+		return true;
+	}
+	function handle() {
+		if (keys.value.length <= 0) return;
+		const property = unpkgProperty(configRef.value, keys.value);
+		if (!property) return;
+		const item = localStorage.getItem("propTreeCopy");
+		if (!item) return;
+		let copy;
+		try {
+			copy = JSON.parse(item);
+		} catch (e) {
+			console.error("parse propTreeCopy failed", e);
+			return;
+		}
+		if (!isPropertyCompatible(property, copy.property)) return;
+		const object = unpkgObject(objectRef.value, keys.value.slice(0, -1));
+		if (!object) return;
+		const lastKey = keys.value.at(-1);
+		setProperty(keys.value, property, object, copy.object, typeof lastKey === "number" ? lastKey : void 0, changeEvent);
+	}
+	function tryPushPaste(items) {
+		if (!condition()) return;
+		items.push({
+			title: t("x-prop-tree.paste"),
+			func: handle
+		});
+	}
+	return { tryPushPaste };
+}
+
+//#endregion
+//#region src/components/menu/func/reset.ts
+function useFuncReset(keys) {
+	const { t } = useI18n();
+	const configRef = injectConfig();
+	const objectRef = injectObject();
+	const propertyState = injectPropertyState();
+	const changeEvent = injectChangeEvent();
+	function condition() {
+		if (keys.value.length <= 0) return false;
+		if (!isPropertyChange(propertyState.value, keys.value)) return false;
+		return true;
+	}
+	function handle() {
+		resetProperty(objectRef.value, configRef.value, keys.value, changeEvent);
+	}
+	function tryPushReset(items) {
+		if (!condition()) return;
+		items.push({
+			title: t("x-prop-tree.reset"),
+			func: handle
+		});
+	}
+	return { tryPushReset };
+}
+
+//#endregion
+//#region src/components/menu/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default$17 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	setup(__props) {
+		const x = ref(0);
+		const y = ref(0);
+		const keys = ref([]);
+		const { tryPushCopy } = useFuncCopy(keys);
+		const { tryPushPaste } = useFuncPaste(keys);
+		const { tryPushReset } = useFuncReset(keys);
+		const items = computed(() => {
+			const items = [];
+			tryPushCopy(items);
+			tryPushPaste(items);
+			tryPushReset(items);
+			return items;
+		});
+		const onOpen = (params) => {
+			x.value = params.x;
+			y.value = params.y;
+			keys.value = params.keys;
+		};
+		const { open } = useViewStack("propTreeMenu", onOpen);
+		return (_ctx, _cache) => {
+			const _component_v_list_item_title = resolveComponent("v-list-item-title");
+			const _component_v_list_item = resolveComponent("v-list-item");
+			const _component_v_list = resolveComponent("v-list");
+			const _component_v_menu = resolveComponent("v-menu");
+			return openBlock(), createBlock(_component_v_menu, {
+				modelValue: unref(open),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(open) ? open.value = $event : null),
+				"location-strategy": "connected",
+				scrim: "transparent",
+				target: [x.value, y.value]
+			}, {
+				default: withCtx(() => [createVNode(_component_v_list, null, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
+						return openBlock(), createBlock(_component_v_list_item, {
+							key: index,
+							link: "",
+							onClick: item.func
+						}, {
+							default: withCtx(() => [createVNode(_component_v_list_item_title, null, {
+								default: withCtx(() => [createTextVNode(toDisplayString(item.title), 1)]),
+								_: 2
+							}, 1024)]),
+							_: 2
+						}, 1032, ["onClick"]);
+					}), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["modelValue", "target"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/menu/index.vue
+var menu_default = index_vue_vue_type_script_setup_true_lang_default$17;
+
+//#endregion
+//#region src/components/title/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$20 = { style: { pointerEvents: "none" } };
+var index_vue_vue_type_script_setup_true_lang_default$16 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: {
+		title: {
+			type: String,
+			required: true
+		},
+		collapse: {
+			type: Boolean,
+			required: true
+		},
+		hasCreate: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		index: {
+			type: Number,
+			required: false,
+			default: 0
+		}
+	},
+	emits: [
+		"collapse",
+		"menu",
+		"create",
+		"delete"
+	],
+	setup(__props, { emit: __emit }) {
+		const { backgroundColor2, highlightColor } = useColor();
+		const emit = __emit;
+		const mouseOver = ref(false);
+		const style = computed(() => {
+			return {
+				background: mouseOver.value ? highlightColor.value : backgroundColor2.value,
+				height: "36px",
+				userSelect: "none"
+			};
+		});
+		const onClick = () => {
+			emit("collapse", !__props.collapse);
+		};
+		const onContextMenu = (e) => {
+			emit("menu", e.clientX, e.clientY);
+		};
+		return (_ctx, _cache) => {
+			const _component_v_icon = resolveComponent("v-icon");
+			const _component_v_spacer = resolveComponent("v-spacer");
+			const _component_v_btn = resolveComponent("v-btn");
+			const _directive_ripple = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: normalizeStyle(style.value),
+				onClick,
+				onContextmenu: withModifiers(onContextMenu, ["self", "prevent"]),
+				onMouseout: _cache[2] || (_cache[2] = ($event) => mouseOver.value = false),
+				onMouseover: _cache[3] || (_cache[3] = ($event) => mouseOver.value = true)
+			}, [
+				createVNode(_component_v_icon, {
+					class: "mr-1",
+					icon: __props.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
+				}, null, 8, ["icon"]),
+				createElementVNode("span", _hoisted_1$20, toDisplayString(__props.title), 1),
+				createVNode(_component_v_spacer),
+				__props.hasCreate ? (openBlock(), createBlock(_component_v_btn, {
+					key: 0,
+					class: "mx-3",
+					density: "compact",
+					icon: "mdi-plus",
+					variant: "text",
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("create"), ["stop"]))
+				})) : createCommentVNode("v-if", true),
+				__props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+					key: 1,
+					class: "mx-3",
+					density: "compact",
+					icon: "mdi-minus",
+					variant: "text",
+					onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("delete", __props.index), ["stop"]))
+				})) : createCommentVNode("v-if", true)
+			], 36)), [[_directive_ripple]]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/title/index.vue
+var title_default = index_vue_vue_type_script_setup_true_lang_default$16;
+
+//#endregion
+//#region src/composables/adaptSlotList/index.ts
+function useAdaptSlotList() {
+	const version = injectVersion();
+	const type = injectType();
+	const subtype = injectSubtype();
+	const { i18n } = globalObjects;
+	const adaptSlotList = ref([]);
+	provideAdaptSlotList(adaptSlotList);
+	const getLatest = () => {
+		if (!version.value || !type.value || !subtype.value) return [];
+		const pkg = pkgs[version.value];
+		if (!pkg) {
+			console.assert(false, `invalid version=${version.value}`);
+			return [];
+		}
+		const tag = getTag(type.value, subtype.value);
+		const tmpSlotList = [];
+		for (let i = 0; i < pkg.groups[tag].length; i++) {
+			const group = pkg.groups[tag][i];
+			const last = getListEntry(adaptSlotList, group.key);
+			tmpSlotList.push({
+				id: group.key,
+				type: 0,
+				name: i18n.global.t(group.name),
+				position: i,
+				collapse: last?.collapse ?? true,
+				count: 0
+			});
+			let pos = 0;
+			for (const item of group.items) {
+				const element = getElement(item);
+				if (!element) continue;
+				if (element.internal) continue;
+				if (!element.slots) continue;
+				for (const slot of element.slots) {
+					const id = makeSlotId("elementSlot", element.key, slot.key);
+					const name = `${i18n.global.t(element.name)} / ${i18n.global.t(slot.name)}`;
+					tmpSlotList.push({
+						id,
+						type: 1,
+						name,
+						position: pos++,
+						group: group.key,
+						names: [element.name, slot.name]
+					});
+				}
+			}
+		}
+		const { activeApp, depends } = globalState.app;
+		for (const { id, name, position } of activeApp.compGroups) {
+			const last = getListEntry(adaptSlotList, id);
+			tmpSlotList.push({
+				id,
+				type: 0,
+				name,
+				position,
+				collapse: last?.collapse ?? true
+			});
+		}
+		let pos = 0;
+		for (const comp of activeApp.comps) {
+			const depend = depends[comp.id];
+			if (!depend) continue;
+			if (!depend.meta.slots) continue;
+			for (const slot of depend.meta.slots) {
+				const id = makeSlotId("customSlot", comp.id, slot.id);
+				const name = `${comp.name} / ${slot.name}`;
+				tmpSlotList.push({
+					id,
+					type: 1,
+					name,
+					position: pos++,
+					group: comp.groupId,
+					names: [comp.name, slot.name]
+				});
+			}
+		}
+		return tidyList(tmpSlotList, true);
+	};
+	const refresh = () => {
+		adaptSlotList.value = getLatest();
+	};
+	let handle;
+	const startTimer = () => {
+		clearTimeout(handle);
+		handle = window.setTimeout(() => {
+			refresh();
+			if (handle) startTimer();
+		}, 1e3);
+	};
+	const stopTimer = () => {
+		clearTimeout(handle);
+		handle = void 0;
+	};
+	onMounted(() => {
+		startTimer();
+	});
+	onBeforeUnmount(() => {
+		stopTimer();
+	});
+	watch([
+		version,
+		type,
+		subtype
+	], () => {
+		refresh();
+		startTimer();
+	});
+}
+
+//#endregion
+//#region src/composables/compList/index.ts
+function useCompList() {
+	const compList = ref([]);
+	provideCompList(compList);
+	const refresh = () => {
+		const { activeApp, depends } = globalState.app;
+		const tmpCompList = [];
+		for (const { id, name, position } of activeApp.compGroups) {
+			const last = compList.value.find((entry) => entry.id === id);
+			tmpCompList.push({
+				id,
+				type: 0,
+				name,
+				position,
+				collapse: last?.collapse ?? true
+			});
+		}
+		for (const { id, groupId: group, name, position } of activeApp.comps) {
+			if (!depends[id]) continue;
+			tmpCompList.push({
+				id,
+				type: 1,
+				name,
+				position,
+				group
+			});
+		}
+		compList.value = tidyList(tmpCompList, true);
+	};
+	let handle;
+	const startTimer = () => {
+		clearTimeout(handle);
+		handle = window.setTimeout(() => {
+			refresh();
+			if (handle) startTimer();
+		}, 1e3);
+	};
+	const stopTimer = () => {
+		clearTimeout(handle);
+		handle = void 0;
+	};
+	onMounted(() => {
+		startTimer();
+	});
+	onBeforeUnmount(() => {
+		stopTimer();
+	});
+}
+
+//#endregion
+//#region src/composables/slotList/index.ts
+function useSlotList() {
+	const slotList = ref([]);
+	provideSlotList(slotList);
+	const getLatest = () => {
+		const { activeObject, activeComp } = globalState.app;
+		if (activeObject.type !== "comp") return [];
+		if (!activeComp.meta.slots) return [];
+		const tmpSlotList = [];
+		for (const { id, name } of activeComp.meta.slots) tmpSlotList.push({
+			id,
+			name
+		});
+		return tmpSlotList;
+	};
+	const refresh = () => {
+		slotList.value = getLatest();
+	};
+	let handle;
+	const startTimer = () => {
+		clearTimeout(handle);
+		handle = window.setTimeout(() => {
+			refresh();
+			if (handle) startTimer();
+		}, 1e3);
+	};
+	const stopTimer = () => {
+		clearTimeout(handle);
+		handle = void 0;
+	};
+	onMounted(() => {
+		startTimer();
+	});
+	onBeforeUnmount(() => {
+		stopTimer();
+	});
+}
+
+//#endregion
+//#region src/components/values/adaptSlot/adaptSlotList/group.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$19 = { class: "text-label-large ml-1" };
+const _hoisted_2$6 = { class: "text-body-small text-grey ml-1" };
+var group_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineComponent({
+	__name: "group",
+	props: {
+		id: {
+			type: String,
+			required: true
+		},
+		title: {
+			type: String,
+			required: true
+		},
+		collapse: {
+			type: Boolean,
+			required: true
+		},
+		count: {
+			type: Number,
+			required: true
+		}
+	},
+	emits: ["x-click"],
+	setup(__props, { emit: __emit }) {
+		const { backgroundColor2, highlightColor } = useColor();
+		const emit = __emit;
+		const mouseOver = ref(false);
+		const style = computed(() => {
+			return {
+				background: mouseOver.value ? highlightColor.value : backgroundColor2.value,
+				height: "30px",
+				userSelect: "none"
+			};
+		});
+		return (_ctx, _cache) => {
+			const _component_v_icon = resolveComponent("v-icon");
+			const _directive_ripple = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: normalizeStyle(style.value),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("x-click", __props.id)),
+				onMouseout: _cache[1] || (_cache[1] = ($event) => mouseOver.value = false),
+				onMouseover: _cache[2] || (_cache[2] = ($event) => mouseOver.value = true)
+			}, [
+				createVNode(_component_v_icon, {
+					icon: __props.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+					size: "small"
+				}, null, 8, ["icon"]),
+				createElementVNode("span", _hoisted_1$19, toDisplayString(__props.title), 1),
+				createElementVNode("span", _hoisted_2$6, toDisplayString(__props.count), 1)
+			], 36)), [[_directive_ripple]]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/adaptSlot/adaptSlotList/group.vue
+var group_default$1 = group_vue_vue_type_script_setup_true_lang_default$1;
+
+//#endregion
+//#region src/components/values/adaptSlot/adaptSlotList/item.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$18 = { class: "text-body-large ml-6" };
+var item_vue_vue_type_script_setup_true_lang_default$2 = /*@__PURE__*/ defineComponent({
+	__name: "item",
+	props: {
+		id: {
+			type: String,
+			required: true
+		},
+		title: {
+			type: String,
+			required: true
+		}
+	},
+	emits: ["x-click"],
+	setup(__props, { emit: __emit }) {
+		const { backgroundColor2, highlightColor } = useColor();
+		const emit = __emit;
+		const mouseOver = ref(false);
+		const style = computed(() => {
+			return {
+				background: mouseOver.value ? highlightColor.value : backgroundColor2.value,
+				height: "48px",
+				userSelect: "none"
+			};
+		});
+		return (_ctx, _cache) => {
+			const _directive_ripple = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: normalizeStyle(style.value),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("x-click", __props.id)),
+				onMouseout: _cache[1] || (_cache[1] = ($event) => mouseOver.value = false),
+				onMouseover: _cache[2] || (_cache[2] = ($event) => mouseOver.value = true)
+			}, [createElementVNode("span", _hoisted_1$18, toDisplayString(__props.title), 1)], 36)), [[_directive_ripple]]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/adaptSlot/adaptSlotList/item.vue
+var item_default$2 = item_vue_vue_type_script_setup_true_lang_default$2;
+
+//#endregion
+//#region src/components/values/adaptSlot/adaptSlotList/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$17 = { key: 0 };
+const _hoisted_2$5 = {
+	key: 1,
+	class: "text-body-medium text-grey ml-3"
+};
+var index_vue_vue_type_script_setup_true_lang_default$15 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: {
+		"open": {
+			type: Boolean,
+			required: true
+		},
+		"openModifiers": {}
+	},
+	emits: /*@__PURE__*/ mergeModels(["x-select"], ["update:open"]),
+	setup(__props, { emit: __emit }) {
+		const { t } = useI18n();
+		const open = useModel(__props, "open");
+		const emit = __emit;
+		const adaptSlotList = injectAdaptSlotList();
+		const onGroupClick = (id) => {
+			const group = getListEntry(adaptSlotList, id);
+			if (!group) return;
+			setCollapse(adaptSlotList, id, !group.collapse);
+		};
+		const onItemClick = (id) => {
+			open.value = false;
+			emit("x-select", id);
+		};
+		return (_ctx, _cache) => {
+			return unref(adaptSlotList).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$17, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(adaptSlotList), (item) => {
+				return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.type === 0 ? (openBlock(), createBlock(group_default$1, {
+					key: 0,
+					id: item.id,
+					collapse: item.collapse,
+					count: item.count ?? 0,
+					title: item.name,
+					onXClick: onGroupClick
+				}, null, 8, [
+					"id",
+					"collapse",
+					"count",
+					"title"
+				])) : createCommentVNode("v-if", true), item.type === 1 && item.show ? (openBlock(), createBlock(item_default$2, {
+					key: 1,
+					id: item.id,
+					title: item.name,
+					onXClick: onItemClick
+				}, null, 8, ["id", "title"])) : createCommentVNode("v-if", true)], 64);
+			}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_2$5, toDisplayString(unref(t)("x-prop-tree.noAdaptSlot")), 1));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/adaptSlot/adaptSlotList/index.vue
+var adaptSlotList_default = index_vue_vue_type_script_setup_true_lang_default$15;
+
+//#endregion
+//#region src/components/values/adaptSlot/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$16 = { class: "text-body-large" };
+var index_vue_vue_type_script_setup_true_lang_default$14 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: [Object, null],
+			default: null
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const { t } = useI18n();
+		const display = useDisplay();
+		const { sysBarAvail } = useSystem();
+		const { backgroundColor1 } = useColor();
+		const adaptSlot = useModel(__props, "modelValue");
+		const emit = __emit;
+		const adaptSlotList = injectAdaptSlotList();
+		const wrapStyle = computed(() => {
+			let width = "100%";
+			if (display.mdAndUp.value) width = "400px";
+			return {
+				background: backgroundColor1.value,
+				width,
+				height: "100%"
+			};
+		});
+		const contStyle = computed(() => {
+			let h = 48;
+			if (sysBarAvail.value) h += 24;
+			return {
+				position: "relative",
+				height: `calc(100% - ${h}px)`
+			};
+		});
+		const tailStyle = computed(() => {
+			return { height: "60px" };
+		});
+		watchEffect(() => {
+			if (!adaptSlot.value) return;
+			const item = getListEntry(adaptSlotList, adaptSlot.value.id);
+			if (item && !isEqual(item.names, adaptSlot.value.names)) adaptSlot.value = {
+				...adaptSlot.value,
+				names: cloneDeep(item.names)
+			};
+		});
+		const title = computed(() => {
+			if (adaptSlot.value) {
+				const { kind } = unwrapSlotId(adaptSlot.value.id);
+				if (kind === "elementSlot" || kind === "multipleElementSlot") return adaptSlot.value.names.map((v) => t(v)).join(" / ");
+				else return adaptSlot.value.names.join(" / ");
+			} else return t("x-runtime-lib.notSet");
+		});
+		const { open } = useViewStack(`propTreeAdaptSlotSelectDlg${useId()}`);
+		onUnmounted(() => {
+			open.value = false;
+		});
+		function onAdaptSlotSelect(id) {
+			if (!id) {
+				adaptSlot.value = null;
+				return;
+			}
+			const item = getListEntry(adaptSlotList, id);
+			if (!item) {
+				adaptSlot.value = null;
+				return;
+			}
+			adaptSlot.value = {
+				id: item.id,
+				names: item.names
+			};
+		}
+		return (_ctx, _cache) => {
+			const _component_v_btn = resolveComponent("v-btn");
+			const _component_v_sheet = resolveComponent("v-sheet");
+			const _component_v_dialog = resolveComponent("v-dialog");
+			return openBlock(), createBlock(_component_v_dialog, {
+				modelValue: unref(open),
+				"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(open) ? open.value = $event : null),
+				fullscreen: "",
+				"no-click-animation": "",
+				persistent: "",
+				transition: "scroll-x-reverse-transition",
+				onKeydown: _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => open.value = false, ["stop", "prevent"]), ["esc"]))
+			}, {
+				activator: withCtx(({ props: activatorProps }) => [createVNode(_component_v_btn, mergeProps(activatorProps, {
+					block: "",
+					density: "comfortable",
+					readonly: __props.readonly
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(title.value), 1)]),
+					_: 1
+				}, 16, ["readonly"]), __props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+					key: 0,
+					class: "mx-2",
+					density: "compact",
+					icon: "mdi-minus",
+					variant: "text",
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("delete"), ["stop"]))
+				})) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [createElementVNode("div", {
+					class: "w-100 h-100 d-flex flex-row-reverse",
+					onClick: _cache[3] || (_cache[3] = withModifiers(($event) => open.value = false, ["self"])),
+					onContextmenu: _cache[4] || (_cache[4] = withModifiers(($event) => open.value = false, ["self", "prevent"]))
+				}, [createElementVNode("div", {
+					class: "elevation-2",
+					style: normalizeStyle(wrapStyle.value)
+				}, [
+					unref(sysBarAvail) ? (openBlock(), createBlock(_component_v_sheet, {
+						key: 0,
+						color: "transparent",
+						height: 24
+					})) : createCommentVNode("v-if", true),
+					createVNode(_component_v_sheet, {
+						class: "d-flex align-center px-3",
+						color: "transparent",
+						height: 48
+					}, {
+						default: withCtx(() => [createVNode(_component_v_btn, {
+							density: "comfortable",
+							icon: "mdi-close",
+							variant: "text",
+							onClick: _cache[1] || (_cache[1] = ($event) => open.value = false)
+						}), createElementVNode("span", _hoisted_1$16, toDisplayString(unref(t)("x-prop-tree.selectAdaptSlot")), 1)]),
+						_: 1
+					}),
+					createElementVNode("div", {
+						class: "overflow-y-auto",
+						style: normalizeStyle(contStyle.value)
+					}, [createVNode(adaptSlotList_default, {
+						open: unref(open),
+						"onUpdate:open": _cache[2] || (_cache[2] = ($event) => isRef(open) ? open.value = $event : null),
+						onXSelect: onAdaptSlotSelect
+					}, null, 8, ["open"]), createElementVNode("div", { style: normalizeStyle(tailStyle.value) }, null, 4)], 4)
+				], 4)], 32)]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/adaptSlot/index.vue
+var adaptSlot_default = index_vue_vue_type_script_setup_true_lang_default$14;
+
+//#endregion
+//#region src/components/values/comp/compList/group.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$15 = { class: "text-label-large ml-1" };
+const _hoisted_2$4 = { class: "text-body-small text-grey ml-1" };
+var group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "group",
+	props: {
+		id: {
+			type: String,
+			required: true
+		},
+		title: {
+			type: String,
+			required: true
+		},
+		collapse: {
+			type: Boolean,
+			required: true
+		},
+		count: {
+			type: Number,
+			required: true
+		}
+	},
+	emits: ["x-click"],
+	setup(__props, { emit: __emit }) {
+		const { backgroundColor2, highlightColor } = useColor();
+		const emit = __emit;
+		const mouseOver = ref(false);
+		const style = computed(() => {
+			return {
+				background: mouseOver.value ? highlightColor.value : backgroundColor2.value,
+				height: "30px",
+				userSelect: "none"
+			};
+		});
+		return (_ctx, _cache) => {
+			const _component_v_icon = resolveComponent("v-icon");
+			const _directive_ripple = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: normalizeStyle(style.value),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("x-click", __props.id)),
+				onMouseout: _cache[1] || (_cache[1] = ($event) => mouseOver.value = false),
+				onMouseover: _cache[2] || (_cache[2] = ($event) => mouseOver.value = true)
+			}, [
+				createVNode(_component_v_icon, {
+					icon: __props.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+					size: "small"
+				}, null, 8, ["icon"]),
+				createElementVNode("span", _hoisted_1$15, toDisplayString(__props.title), 1),
+				createElementVNode("span", _hoisted_2$4, toDisplayString(__props.count), 1)
+			], 36)), [[_directive_ripple]]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/comp/compList/group.vue
+var group_default = group_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/values/comp/compList/item.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$14 = { class: "text-body-large ml-6" };
+var item_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineComponent({
+	__name: "item",
+	props: {
+		id: {
+			type: String,
+			required: true
+		},
+		title: {
+			type: String,
+			required: true
+		}
+	},
+	emits: ["x-click"],
+	setup(__props, { emit: __emit }) {
+		const { backgroundColor2, highlightColor } = useColor();
+		const emit = __emit;
+		const mouseOver = ref(false);
+		const style = computed(() => {
+			return {
+				background: mouseOver.value ? highlightColor.value : backgroundColor2.value,
+				height: "48px",
+				userSelect: "none"
+			};
+		});
+		return (_ctx, _cache) => {
+			const _directive_ripple = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: normalizeStyle(style.value),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("x-click", __props.id)),
+				onMouseout: _cache[1] || (_cache[1] = ($event) => mouseOver.value = false),
+				onMouseover: _cache[2] || (_cache[2] = ($event) => mouseOver.value = true)
+			}, [createElementVNode("span", _hoisted_1$14, toDisplayString(__props.title), 1)], 36)), [[_directive_ripple]]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/comp/compList/item.vue
+var item_default$1 = item_vue_vue_type_script_setup_true_lang_default$1;
+
+//#endregion
+//#region src/components/values/comp/compList/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$13 = { key: 0 };
+const _hoisted_2$3 = {
+	key: 1,
+	class: "text-body-medium text-grey ml-3"
+};
+var index_vue_vue_type_script_setup_true_lang_default$13 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: {
+		"open": {
+			type: Boolean,
+			required: true
+		},
+		"openModifiers": {}
+	},
+	emits: /*@__PURE__*/ mergeModels(["x-select"], ["update:open"]),
+	setup(__props, { emit: __emit }) {
+		const { t } = useI18n();
+		const open = useModel(__props, "open");
+		const emit = __emit;
+		const compList = injectCompList();
+		function onGroupClick(id) {
+			const group = getListEntry(compList, id);
+			if (!group) return;
+			setCollapse(compList, id, !group.collapse);
+		}
+		function onItemClick(id) {
+			open.value = false;
+			emit("x-select", id);
+			eventBus.emit("refreshDepends");
+		}
+		return (_ctx, _cache) => {
+			return unref(compList).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$13, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(compList), (item) => {
+				return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.type === 0 ? (openBlock(), createBlock(group_default, {
+					key: 0,
+					id: item.id,
+					collapse: item.collapse,
+					count: item.count ?? 0,
+					title: item.name,
+					onXClick: onGroupClick
+				}, null, 8, [
+					"id",
+					"collapse",
+					"count",
+					"title"
+				])) : createCommentVNode("v-if", true), item.type === 1 && item.show ? (openBlock(), createBlock(item_default$1, {
+					key: 1,
+					id: item.id,
+					title: item.name,
+					onXClick: onItemClick
+				}, null, 8, ["id", "title"])) : createCommentVNode("v-if", true)], 64);
+			}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_2$3, toDisplayString(unref(t)("x-prop-tree.noComp")), 1));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/comp/compList/index.vue
+var compList_default = index_vue_vue_type_script_setup_true_lang_default$13;
+
+//#endregion
+//#region src/components/values/comp/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$12 = { class: "text-body-large" };
+var index_vue_vue_type_script_setup_true_lang_default$12 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: [Object, null],
+			default: null
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const { t } = useI18n();
+		const display = useDisplay();
+		const { sysBarAvail } = useSystem();
+		const { backgroundColor1 } = useColor();
+		const comp = useModel(__props, "modelValue");
+		const emit = __emit;
+		const compList = injectCompList();
+		const wrapStyle = computed(() => {
+			let width = "100%";
+			if (display.mdAndUp.value) width = "400px";
+			return {
+				background: backgroundColor1.value,
+				width,
+				height: "100%"
+			};
+		});
+		const contStyle = computed(() => {
+			let h = 48;
+			if (sysBarAvail.value) h += 24;
+			return {
+				position: "relative",
+				height: `calc(100% - ${h}px)`
+			};
+		});
+		const tailStyle = computed(() => {
+			return { height: "60px" };
+		});
+		watchEffect(() => {
+			if (!comp.value) return;
+			const item = getListEntry(compList, comp.value.id);
+			if (item && item.name !== comp.value.name) comp.value = {
+				...comp.value,
+				name: item.name
+			};
+		});
+		const title = computed(() => {
+			if (comp.value) return comp.value.name;
+			else return t("x-runtime-lib.notSet");
+		});
+		const { open } = useViewStack(`propTreeCompSelectDlg${useId()}`);
+		onUnmounted(() => {
+			open.value = false;
+		});
+		function onCompSelect(id) {
+			if (!id) {
+				comp.value = null;
+				return;
+			}
+			const item = getListEntry(compList, id);
+			if (!item) {
+				comp.value = null;
+				return;
+			}
+			comp.value = {
+				id: item.id,
+				name: item.name
+			};
+		}
+		return (_ctx, _cache) => {
+			const _component_v_btn = resolveComponent("v-btn");
+			const _component_v_sheet = resolveComponent("v-sheet");
+			const _component_v_dialog = resolveComponent("v-dialog");
+			return openBlock(), createBlock(_component_v_dialog, {
+				modelValue: unref(open),
+				"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(open) ? open.value = $event : null),
+				fullscreen: "",
+				"no-click-animation": "",
+				persistent: "",
+				transition: "scroll-x-reverse-transition",
+				onKeydown: _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => open.value = false, ["stop", "prevent"]), ["esc"]))
+			}, {
+				activator: withCtx(({ props: activatorProps }) => [createVNode(_component_v_btn, mergeProps(activatorProps, {
+					block: "",
+					density: "comfortable",
+					readonly: __props.readonly
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(title.value), 1)]),
+					_: 1
+				}, 16, ["readonly"]), __props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+					key: 0,
+					class: "mx-2",
+					density: "compact",
+					icon: "mdi-minus",
+					variant: "text",
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("delete"), ["stop"]))
+				})) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [createElementVNode("div", {
+					class: "w-100 h-100 d-flex flex-row-reverse",
+					onClick: _cache[3] || (_cache[3] = withModifiers(($event) => open.value = false, ["self"])),
+					onContextmenu: _cache[4] || (_cache[4] = withModifiers(($event) => open.value = false, ["self", "prevent"]))
+				}, [createElementVNode("div", {
+					class: "elevation-2",
+					style: normalizeStyle(wrapStyle.value)
+				}, [
+					unref(sysBarAvail) ? (openBlock(), createBlock(_component_v_sheet, {
+						key: 0,
+						color: "transparent",
+						height: 24
+					})) : createCommentVNode("v-if", true),
+					createVNode(_component_v_sheet, {
+						class: "d-flex align-center px-3",
+						color: "transparent",
+						height: 48
+					}, {
+						default: withCtx(() => [createVNode(_component_v_btn, {
+							density: "comfortable",
+							icon: "mdi-close",
+							variant: "text",
+							onClick: _cache[1] || (_cache[1] = ($event) => open.value = false)
+						}), createElementVNode("span", _hoisted_1$12, toDisplayString(unref(t)("x-prop-tree.selectComp")), 1)]),
+						_: 1
+					}),
+					createElementVNode("div", {
+						class: "overflow-y-auto",
+						style: normalizeStyle(contStyle.value)
+					}, [createVNode(compList_default, {
+						open: unref(open),
+						"onUpdate:open": _cache[2] || (_cache[2] = ($event) => isRef(open) ? open.value = $event : null),
+						onXSelect: onCompSelect
+					}, null, 8, ["open"]), createElementVNode("div", { style: normalizeStyle(tailStyle.value) }, null, 4)], 4)
+				], 4)], 32)]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/comp/index.vue
+var comp_default = index_vue_vue_type_script_setup_true_lang_default$12;
+
+//#endregion
+//#region src/components/values/icon/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$11 = { class: "d-flex justify-space-between align-center" };
+var index_vue_vue_type_script_setup_true_lang_default$11 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: String,
+			required: true
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const { isMobile } = useSystem();
+		const input = useModel(__props, "modelValue");
+		const emit = __emit;
+		const onUpdateFocused = async (focus) => {
+			if (!focus || __props.readonly || !isMobile()) return;
+			const res = await openPromptDlg({
+				title: "",
+				value: input.value
+			});
+			if (res === void 0) return;
+			input.value = res;
+		};
+		return (_ctx, _cache) => {
+			const _component_v_text_field = resolveComponent("v-text-field");
+			const _component_v_btn = resolveComponent("v-btn");
+			const _directive_ripple = resolveDirective("ripple");
+			return openBlock(), createElementBlock("div", _hoisted_1$11, [withDirectives(createVNode(_component_v_text_field, {
+				modelValue: input.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+				density: "compact",
+				"hide-details": "",
+				readonly: __props.readonly,
+				"single-line": "",
+				"onUpdate:focused": onUpdateFocused
+			}, null, 8, ["modelValue", "readonly"]), [[
+				_directive_ripple,
+				void 0,
+				void 0,
+				{ stop: true }
+			]]), __props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+				key: 0,
+				class: "mx-2",
+				density: "compact",
+				icon: "mdi-minus",
+				variant: "text",
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("delete"), ["stop"]))
+			})) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/icon/index.vue
+var icon_default = index_vue_vue_type_script_setup_true_lang_default$11;
+
+//#endregion
+//#region src/components/values/json/editor.vue?vue&type=script&setup=true&lang.ts
+var editor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "editor",
+	props: {
+		"modelValue": {
+			type: String,
+			required: true
+		},
+		"modelModifiers": {},
+		"lock": {
+			type: Boolean,
+			required: true
+		},
+		"lockModifiers": {},
+		"scale": {
+			type: Number,
+			required: true
+		},
+		"scaleModifiers": {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:lock",
+		"update:scale"
+	],
+	setup(__props, { expose: __expose }) {
+		const json = useModel(__props, "modelValue");
+		const lock = useModel(__props, "lock");
+		const scale = useModel(__props, "scale");
+		const dark = injectDark();
+		const locale = injectLocale();
+		const version = injectVersion();
+		const target = useTemplateRef("target");
+		const onReady = () => {
+			const object = JSON.parse(json.value);
+			target.value?.load(object);
+		};
+		const save = () => {
+			const object = target.value.save();
+			json.value = JSON.stringify(object, null, 2);
+		};
+		__expose({ save });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(XBlockly), {
+				ref_key: "target",
+				ref: target,
+				lock: lock.value,
+				"onUpdate:lock": _cache[0] || (_cache[0] = ($event) => lock.value = $event),
+				scale: scale.value,
+				"onUpdate:scale": _cache[1] || (_cache[1] = ($event) => scale.value = $event),
+				dark: unref(dark),
+				locale: unref(locale),
+				type: "json",
+				version: unref(version),
+				onReady
+			}, null, 8, [
+				"lock",
+				"scale",
+				"dark",
+				"locale",
+				"version"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/json/editor.vue
+var editor_default = editor_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/values/json/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$10 = { class: "text-body-large" };
+var index_vue_vue_type_script_setup_true_lang_default$10 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: String,
+			required: true
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const { t } = useI18n();
+		const { sysBarAvail } = useSystem();
+		const { backgroundColor0, backgroundColor1, backgroundColor2 } = useColor();
+		const json = useModel(__props, "modelValue");
+		const emit = __emit;
+		const lock = ref(false);
+		const scale = ref(1);
+		const contStyle = computed(() => {
+			let h = 48;
+			if (sysBarAvail.value) h += 24;
+			return {
+				position: "relative",
+				background: backgroundColor1.value,
+				height: `calc(100% - ${h}px)`
+			};
+		});
+		const title = computed(() => {
+			return t("x-prop-tree.jsonEditor");
+		});
+		const { open } = useViewStack(`propTreejsonEditorDlg${useId()}`);
+		onUnmounted(() => {
+			open.value = false;
+		});
+		const editor = useTemplateRef("editor");
+		watch(open, (val) => {
+			if (!val) editor.value?.save();
+		});
+		return (_ctx, _cache) => {
+			const _component_v_btn = resolveComponent("v-btn");
+			const _component_v_sheet = resolveComponent("v-sheet");
+			const _component_v_spacer = resolveComponent("v-spacer");
+			const _component_v_dialog = resolveComponent("v-dialog");
+			return openBlock(), createBlock(_component_v_dialog, {
+				modelValue: unref(open),
+				"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(open) ? open.value = $event : null),
+				attach: "",
+				fullscreen: "",
+				"no-click-animation": "",
+				persistent: "",
+				transition: "dialog-bottom-transition",
+				onKeydown: _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => open.value = false, ["stop", "prevent"]), ["esc"]))
+			}, {
+				activator: withCtx(({ props: activatorProps }) => [createVNode(_component_v_btn, mergeProps(activatorProps, {
+					block: "",
+					density: "comfortable",
+					readonly: __props.readonly
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(title.value), 1)]),
+					_: 1
+				}, 16, ["readonly"]), __props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+					key: 0,
+					class: "mx-2",
+					density: "compact",
+					icon: "mdi-minus",
+					variant: "text",
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("delete"), ["stop"]))
+				})) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [createVNode(_component_v_sheet, {
+					color: unref(backgroundColor0),
+					height: "100%",
+					width: "100%"
+				}, {
+					default: withCtx(() => [
+						unref(sysBarAvail) ? (openBlock(), createBlock(_component_v_sheet, {
+							key: 0,
+							color: unref(backgroundColor2),
+							height: 24
+						}, null, 8, ["color"])) : createCommentVNode("v-if", true),
+						createVNode(_component_v_sheet, {
+							class: "d-flex align-center px-2",
+							color: unref(backgroundColor2),
+							height: 48
+						}, {
+							default: withCtx(() => [
+								createVNode(_component_v_btn, {
+									density: "comfortable",
+									icon: "mdi-close",
+									variant: "text",
+									onClick: _cache[1] || (_cache[1] = ($event) => open.value = false)
+								}),
+								createElementVNode("span", _hoisted_1$10, toDisplayString(title.value), 1),
+								createVNode(_component_v_spacer)
+							]),
+							_: 1
+						}, 8, ["color"]),
+						createElementVNode("div", { style: normalizeStyle(contStyle.value) }, [createVNode(editor_default, {
+							ref_key: "editor",
+							ref: editor,
+							modelValue: json.value,
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => json.value = $event),
+							lock: lock.value,
+							"onUpdate:lock": _cache[3] || (_cache[3] = ($event) => lock.value = $event),
+							scale: scale.value,
+							"onUpdate:scale": _cache[4] || (_cache[4] = ($event) => scale.value = $event)
+						}, null, 8, [
+							"modelValue",
+							"lock",
+							"scale"
+						])], 4)
+					]),
+					_: 1
+				}, 8, ["color"])]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/json/index.vue
+var json_default = index_vue_vue_type_script_setup_true_lang_default$10;
+
+//#endregion
+//#region src/components/values/multiTypes/color.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$9 = { class: "d-flex justify-space-between align-center" };
+var color_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "color",
+	props: /*@__PURE__*/ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	}, {
+		"modelValue": { type: String },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const { t } = useI18n();
+		const color = useModel(__props, "modelValue");
+		const emit = __emit;
+		const style = computed(() => {
+			let width = "100%";
+			if (__props.hasDelete) width = `calc(100% - 37px)`;
+			return { width };
+		});
+		const disabled = computed(() => {
+			return __props.readonly;
+		});
+		const { open } = useViewStack(`propTreeColorPickerMenu${useId()}`);
+		onUnmounted(() => {
+			open.value = false;
+		});
+		return (_ctx, _cache) => {
+			const _component_v_btn = resolveComponent("v-btn");
+			const _component_v_color_picker = resolveComponent("v-color-picker");
+			const _component_v_menu = resolveComponent("v-menu");
+			return openBlock(), createBlock(_component_v_menu, {
+				modelValue: unref(open),
+				"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(open) ? open.value = $event : null),
+				"close-on-content-click": false,
+				scrim: "transparent"
+			}, {
+				activator: withCtx(({ props: activatorProps }) => [createElementVNode("div", _hoisted_1$9, [createElementVNode("div", {
+					class: "flex-grow-1",
+					style: normalizeStyle(style.value)
+				}, [createVNode(_component_v_btn, mergeProps(activatorProps, {
+					block: "",
+					color: color.value,
+					density: "comfortable",
+					disabled: disabled.value
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(color.value ? color.value : unref(t)("x-runtime-lib.notSet")), 1)]),
+					_: 1
+				}, 16, ["color", "disabled"])], 4), __props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+					key: 0,
+					class: "mx-2",
+					density: "compact",
+					icon: "mdi-minus",
+					variant: "text",
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("delete"), ["stop"]))
+				})) : createCommentVNode("v-if", true)])]),
+				default: withCtx(() => [createVNode(_component_v_color_picker, {
+					modelValue: color.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => color.value = $event),
+					mode: "hexa",
+					"show-swatches": "",
+					"swatches-max-height": "150px"
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/multiTypes/color.vue
+var color_default = color_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/values/multiTypes/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$8 = { class: "d-flex justify-space-between align-center my-2" };
+const _hoisted_2$2 = { class: "flex-grow-1" };
+var index_vue_vue_type_script_setup_true_lang_default$9 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		types: {
+			type: String,
+			required: true
+		}
+	}, {
+		"modelValue": { type: null },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const { t } = useI18n();
+		const { isMobile } = useSystem();
+		const input = useModel(__props, "modelValue");
+		const emit = __emit;
+		const types = computed(() => {
+			return getTypes(__props.types);
+		});
+		const select = ref("");
+		const selectItems = computed(() => {
+			const items = [];
+			for (const { value, title } of types.value) items.push({
+				value,
+				title: t(title)
+			});
+			return items;
+		});
+		watchEffect(() => {
+			for (const { value, validator } of types.value) if (validator(input.value)) {
+				select.value = value;
+				return;
+			}
+			selectFirst();
+		});
+		const type = computed(() => {
+			return types.value.find((entry) => entry.value === select.value);
+		});
+		function onSelectUpdate() {
+			input.value = type.value?.default;
+		}
+		function selectFirst() {
+			select.value = types.value[0].value;
+			onSelectUpdate();
+		}
+		const number = ref(0);
+		const onNumberFocused = async (focus) => {
+			if (!focus || !isMobile()) return;
+			if (!type.value) return;
+			if (type.value.trait !== "number" && type.value.trait !== "numberUnit") return;
+			const res = await openNumberDlg({
+				title: "",
+				value: number.value,
+				precision: type.value.precision,
+				min: type.value.min,
+				max: type.value.max,
+				step: type.value.step
+			});
+			if (res === void 0) return;
+			number.value = res;
+		};
+		watchEffect(() => {
+			if (type.value?.trait === "number") number.value = input.value;
+			else if (type.value?.trait === "numberUnit") number.value = parseNumberUnit(input.value, type.value.unit);
+		});
+		watch(number, (val) => {
+			if (type.value?.trait === "number") input.value = val;
+			else if (type.value?.trait === "numberUnit") input.value = val + type.value.unit;
+		});
+		const hexColor = ref("#ff00ff");
+		watchEffect(() => {
+			if (type.value?.trait === "hexColor") {
+				if (isHexColor(input.value)) hexColor.value = input.value;
+			}
+		});
+		watch(hexColor, (val) => {
+			if (type.value?.trait === "hexColor") input.value = val;
+		});
+		const themeColor = ref("primary");
+		const themeColorItems = computed(() => {
+			const items = [];
+			if (type.value?.trait === "themeColor") for (const { value, title } of themeColors) items.push({
+				value,
+				title: t(title)
+			});
+			return items;
+		});
+		watchEffect(() => {
+			if (type.value?.trait === "themeColor") {
+				if (isThemeColor(input.value)) themeColor.value = input.value;
+			}
+		});
+		watch(themeColor, (val) => {
+			if (type.value?.trait === "themeColor") input.value = val;
+		});
+		return (_ctx, _cache) => {
+			const _component_v_select = resolveComponent("v-select");
+			const _component_v_number_input = resolveComponent("v-number-input");
+			const _component_v_btn = resolveComponent("v-btn");
+			const _directive_ripple = resolveDirective("ripple");
+			return openBlock(), createElementBlock("div", _hoisted_1$8, [createElementVNode("div", _hoisted_2$2, [
+				withDirectives(createVNode(_component_v_select, {
+					modelValue: select.value,
+					"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => select.value = $event), onSelectUpdate],
+					density: "compact",
+					"hide-details": "",
+					items: selectItems.value,
+					readonly: __props.readonly,
+					"single-line": ""
+				}, null, 8, [
+					"modelValue",
+					"items",
+					"readonly"
+				]), [[
+					_directive_ripple,
+					void 0,
+					void 0,
+					{ stop: true }
+				]]),
+				type.value?.trait === "number" || type.value?.trait === "numberUnit" ? withDirectives((openBlock(), createBlock(_component_v_number_input, {
+					key: 0,
+					modelValue: number.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => number.value = $event),
+					"control-variant": "stacked",
+					density: "compact",
+					"hide-details": "",
+					max: type.value.max,
+					min: type.value.min,
+					precision: type.value.precision,
+					readonly: __props.readonly,
+					"single-line": "",
+					step: type.value.step,
+					"onUpdate:focused": onNumberFocused
+				}, null, 8, [
+					"modelValue",
+					"max",
+					"min",
+					"precision",
+					"readonly",
+					"step"
+				])), [[
+					_directive_ripple,
+					void 0,
+					void 0,
+					{ stop: true }
+				]]) : createCommentVNode("v-if", true),
+				type.value?.trait === "hexColor" ? (openBlock(), createBlock(color_default, {
+					key: 1,
+					modelValue: hexColor.value,
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => hexColor.value = $event)
+				}, null, 8, ["modelValue"])) : createCommentVNode("v-if", true),
+				type.value?.trait === "themeColor" ? withDirectives((openBlock(), createBlock(_component_v_select, {
+					key: 2,
+					modelValue: themeColor.value,
+					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => themeColor.value = $event),
+					density: "compact",
+					"hide-details": "",
+					items: themeColorItems.value,
+					"single-line": ""
+				}, null, 8, ["modelValue", "items"])), [[
+					_directive_ripple,
+					void 0,
+					void 0,
+					{ stop: true }
+				]]) : createCommentVNode("v-if", true)
+			]), __props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+				key: 0,
+				class: "mx-2",
+				density: "compact",
+				icon: "mdi-minus",
+				variant: "text",
+				onClick: _cache[4] || (_cache[4] = withModifiers(($event) => emit("delete"), ["stop"]))
+			})) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/multiTypes/index.vue
+var multiTypes_default = index_vue_vue_type_script_setup_true_lang_default$9;
+
+//#endregion
+//#region src/components/values/number/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$7 = { class: "d-flex justify-space-between align-center" };
+var index_vue_vue_type_script_setup_true_lang_default$8 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		precision: {
+			type: Number,
+			required: false,
+			default: () => void 0
+		},
+		min: {
+			type: Number,
+			required: false,
+			default: () => -Infinity
+		},
+		max: {
+			type: Number,
+			required: false,
+			default: () => Infinity
+		},
+		step: {
+			type: Number,
+			required: false,
+			default: 1
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: Number,
+			required: true
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const { isMobile } = useSystem();
+		const input = useModel(__props, "modelValue");
+		const emit = __emit;
+		const onUpdateFocused = async (focus) => {
+			if (!focus || __props.readonly || !isMobile()) return;
+			const res = await openNumberDlg({
+				title: "",
+				value: input.value,
+				precision: __props.precision,
+				min: __props.min,
+				max: __props.max,
+				step: __props.step
+			});
+			if (res === void 0) return;
+			input.value = res;
+		};
+		return (_ctx, _cache) => {
+			const _component_v_number_input = resolveComponent("v-number-input");
+			const _component_v_btn = resolveComponent("v-btn");
+			const _directive_ripple = resolveDirective("ripple");
+			return openBlock(), createElementBlock("div", _hoisted_1$7, [withDirectives(createVNode(_component_v_number_input, {
+				modelValue: input.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+				"control-variant": "stacked",
+				density: "compact",
+				"hide-details": "",
+				max: __props.max,
+				min: __props.min,
+				precision: __props.precision,
+				readonly: __props.readonly,
+				"single-line": "",
+				step: __props.step,
+				"onUpdate:focused": onUpdateFocused
+			}, null, 8, [
+				"modelValue",
+				"max",
+				"min",
+				"precision",
+				"readonly",
+				"step"
+			]), [[
+				_directive_ripple,
+				void 0,
+				void 0,
+				{ stop: true }
+			]]), __props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+				key: 0,
+				class: "mx-2",
+				density: "compact",
+				icon: "mdi-minus",
+				variant: "text",
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("delete"), ["stop"]))
+			})) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/number/index.vue
+var number_default = index_vue_vue_type_script_setup_true_lang_default$8;
+
+//#endregion
+//#region src/components/values/rule/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$6 = { class: "d-flex justify-space-between align-center my-2" };
+const _hoisted_2$1 = { class: "flex-grow-1" };
+var index_vue_vue_type_script_setup_true_lang_default$7 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: String,
+			required: true
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const { t } = useI18n();
+		const { isMobile } = useSystem();
+		const rule = useModel(__props, "modelValue");
+		const emit = __emit;
+		const select = ref("");
+		const number = ref(0);
+		watchEffect(() => {
+			const parts = rule.value.split(",");
+			if (parts.length < 1) return;
+			select.value = parts[0];
+			if (parts[0] === "minLength" || parts[1] === "maxLength" || parts[2] === "length") if (parts.length > 1) number.value = parseInt(parts[1]);
+			else number.value = 0;
+		});
+		function syncRule() {
+			if (select.value === "minLength" || select.value === "maxLength" || select.value === "length") rule.value = `${select.value},${number.value}`;
+			else rule.value = select.value;
+		}
+		const selectItems = computed(() => {
+			const items = [{
+				value: "",
+				title: t(`x-runtime-lib.notSet`)
+			}];
+			for (const rule of rules) items.push({
+				value: rule,
+				title: t(`x-runtime-lib.${rule}`)
+			});
+			return items;
+		});
+		function onSelectUpdate() {
+			number.value = 0;
+			syncRule();
+		}
+		watchEffect(() => {
+			const parts = rule.value.split(",");
+			if (parts.length > 1) number.value = parseInt(parts[1]);
+		});
+		async function onNumberFocused(focus) {
+			if (!focus || !isMobile()) return;
+			const res = await openNumberDlg({
+				title: "",
+				value: number.value,
+				precision: 0,
+				min: 0,
+				max: Infinity,
+				step: 1
+			});
+			if (res === void 0) return;
+			number.value = res;
+			syncRule();
+		}
+		function onNumberUpdate() {
+			syncRule();
+		}
+		return (_ctx, _cache) => {
+			const _component_v_select = resolveComponent("v-select");
+			const _component_v_number_input = resolveComponent("v-number-input");
+			const _component_v_btn = resolveComponent("v-btn");
+			const _directive_ripple = resolveDirective("ripple");
+			return openBlock(), createElementBlock("div", _hoisted_1$6, [createElementVNode("div", _hoisted_2$1, [withDirectives(createVNode(_component_v_select, {
+				modelValue: select.value,
+				"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => select.value = $event), onSelectUpdate],
+				density: "compact",
+				"hide-details": "",
+				items: selectItems.value,
+				readonly: __props.readonly,
+				"single-line": ""
+			}, null, 8, [
+				"modelValue",
+				"items",
+				"readonly"
+			]), [[
+				_directive_ripple,
+				void 0,
+				void 0,
+				{ stop: true }
+			]]), select.value === "minLength" || select.value === "maxLength" || select.value === "length" ? withDirectives((openBlock(), createBlock(_component_v_number_input, {
+				key: 0,
+				modelValue: number.value,
+				"onUpdate:modelValue": [_cache[1] || (_cache[1] = ($event) => number.value = $event), onNumberUpdate],
+				"control-variant": "stacked",
+				density: "compact",
+				"hide-details": "",
+				max: Infinity,
+				min: 0,
+				precision: 0,
+				readonly: __props.readonly,
+				"single-line": "",
+				step: 1,
+				"onUpdate:focused": onNumberFocused
+			}, null, 8, ["modelValue", "readonly"])), [[
+				_directive_ripple,
+				void 0,
+				void 0,
+				{ stop: true }
+			]]) : createCommentVNode("v-if", true)]), __props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+				key: 0,
+				class: "mx-2",
+				density: "compact",
+				icon: "mdi-minus",
+				variant: "text",
+				onClick: _cache[2] || (_cache[2] = withModifiers(($event) => emit("delete"), ["stop"]))
+			})) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/rule/index.vue
+var rule_default = index_vue_vue_type_script_setup_true_lang_default$7;
+
+//#endregion
+//#region src/components/values/select/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$5 = { class: "d-flex justify-space-between align-center" };
+var index_vue_vue_type_script_setup_true_lang_default$6 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		items: {
+			type: String,
+			required: true
+		}
+	}, {
+		"modelValue": { type: String },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const { t } = useI18n();
+		const select = useModel(__props, "modelValue");
+		const emit = __emit;
+		const items = computed(() => {
+			const items = [];
+			getItems(__props.items)?.forEach(({ value, title: src }) => {
+				let title = value;
+				if (src) title = t(src);
+				items.push({
+					value,
+					title
+				});
+			});
+			return items;
+		});
+		return (_ctx, _cache) => {
+			const _component_v_select = resolveComponent("v-select");
+			const _component_v_btn = resolveComponent("v-btn");
+			const _directive_ripple = resolveDirective("ripple");
+			return openBlock(), createElementBlock("div", _hoisted_1$5, [withDirectives(createVNode(_component_v_select, {
+				modelValue: select.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => select.value = $event),
+				density: "compact",
+				"hide-details": "",
+				items: items.value,
+				readonly: __props.readonly,
+				"single-line": ""
+			}, null, 8, [
+				"modelValue",
+				"items",
+				"readonly"
+			]), [[
+				_directive_ripple,
+				void 0,
+				void 0,
+				{ stop: true }
+			]]), __props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+				key: 0,
+				class: "mx-2",
+				density: "compact",
+				icon: "mdi-minus",
+				variant: "text",
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("delete"), ["stop"]))
+			})) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/select/index.vue
+var select_default = index_vue_vue_type_script_setup_true_lang_default$6;
+
+//#endregion
+//#region src/components/values/slot/slotList/item.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$4 = { class: "text-body-large ml-6" };
+var item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "item",
+	props: {
+		id: {
+			type: String,
+			required: true
+		},
+		title: {
+			type: String,
+			required: true
+		}
+	},
+	emits: ["x-click"],
+	setup(__props, { emit: __emit }) {
+		const { backgroundColor2, highlightColor } = useColor();
+		const emit = __emit;
+		const mouseOver = ref(false);
+		const style = computed(() => {
+			return {
+				background: mouseOver.value ? highlightColor.value : backgroundColor2.value,
+				height: "48px",
+				userSelect: "none"
+			};
+		});
+		return (_ctx, _cache) => {
+			const _directive_ripple = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: normalizeStyle(style.value),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("x-click", __props.id)),
+				onMouseout: _cache[1] || (_cache[1] = ($event) => mouseOver.value = false),
+				onMouseover: _cache[2] || (_cache[2] = ($event) => mouseOver.value = true)
+			}, [createElementVNode("span", _hoisted_1$4, toDisplayString(__props.title), 1)], 36)), [[_directive_ripple]]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/slot/slotList/item.vue
+var item_default = item_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/values/slot/slotList/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$3 = { key: 0 };
+const _hoisted_2 = {
+	key: 1,
+	class: "text-body-medium text-grey ml-3"
+};
+var index_vue_vue_type_script_setup_true_lang_default$5 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: {
+		"open": {
+			type: Boolean,
+			required: true
+		},
+		"openModifiers": {}
+	},
+	emits: /*@__PURE__*/ mergeModels(["x-select"], ["update:open"]),
+	setup(__props, { emit: __emit }) {
+		const { t } = useI18n();
+		const open = useModel(__props, "open");
+		const emit = __emit;
+		const slotList = injectSlotList();
+		const onItemClick = (id) => {
+			open.value = false;
+			emit("x-select", id);
+		};
+		return (_ctx, _cache) => {
+			return unref(slotList).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(slotList), (item) => {
+				return openBlock(), createBlock(item_default, {
+					key: item.id,
+					id: item.id,
+					title: item.name,
+					onXClick: onItemClick
+				}, null, 8, ["id", "title"]);
+			}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(t)("x-prop-tree.noSlot")), 1));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/slot/slotList/index.vue
+var slotList_default = index_vue_vue_type_script_setup_true_lang_default$5;
+
+//#endregion
+//#region src/components/values/slot/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$2 = { class: "text-body-large" };
+var index_vue_vue_type_script_setup_true_lang_default$4 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: [Object, null],
+			default: null
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const { t } = useI18n();
+		const display = useDisplay();
+		const { sysBarAvail } = useSystem();
+		const { backgroundColor1 } = useColor();
+		const slot = useModel(__props, "modelValue");
+		const emit = __emit;
+		const slotList = injectSlotList();
+		const wrapStyle = computed(() => {
+			let width = "100%";
+			if (display.mdAndUp.value) width = "400px";
+			return {
+				background: backgroundColor1.value,
+				width,
+				height: "100%"
+			};
+		});
+		const contStyle = computed(() => {
+			let h = 48;
+			if (sysBarAvail.value) h += 24;
+			return {
+				position: "relative",
+				height: `calc(100% - ${h}px)`
+			};
+		});
+		const tailStyle = computed(() => {
+			return { height: "60px" };
+		});
+		watchEffect(() => {
+			if (!slot.value) return;
+			const item = slotList.value.find((entry) => entry.id === slot.value.id);
+			if (item && item.name !== slot.value.name) slot.value = {
+				...slot.value,
+				name: item.name
+			};
+		});
+		const title = computed(() => {
+			if (slot.value) return slot.value.name;
+			else return t("x-runtime-lib.notSet");
+		});
+		const { open } = useViewStack(`propTreeSlotSelectDlg${useId()}`);
+		onUnmounted(() => {
+			open.value = false;
+		});
+		function onSlotSelect(id) {
+			if (!id) {
+				slot.value = null;
+				return;
+			}
+			const item = slotList.value.find((entry) => entry.id === id);
+			if (!item) {
+				slot.value = null;
+				return;
+			}
+			slot.value = {
+				id: item.id,
+				name: item.name
+			};
+		}
+		return (_ctx, _cache) => {
+			const _component_v_btn = resolveComponent("v-btn");
+			const _component_v_sheet = resolveComponent("v-sheet");
+			const _component_v_dialog = resolveComponent("v-dialog");
+			return openBlock(), createBlock(_component_v_dialog, {
+				modelValue: unref(open),
+				"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(open) ? open.value = $event : null),
+				fullscreen: "",
+				"no-click-animation": "",
+				persistent: "",
+				transition: "scroll-x-reverse-transition",
+				onKeydown: _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => open.value = false, ["stop", "prevent"]), ["esc"]))
+			}, {
+				activator: withCtx(({ props: activatorProps }) => [createVNode(_component_v_btn, mergeProps(activatorProps, {
+					block: "",
+					density: "comfortable",
+					readonly: __props.readonly
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(title.value), 1)]),
+					_: 1
+				}, 16, ["readonly"]), __props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+					key: 0,
+					class: "mx-2",
+					density: "compact",
+					icon: "mdi-minus",
+					variant: "text",
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("delete"), ["stop"]))
+				})) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [createElementVNode("div", {
+					class: "w-100 h-100 d-flex flex-row-reverse",
+					onClick: _cache[3] || (_cache[3] = withModifiers(($event) => open.value = false, ["self"])),
+					onContextmenu: _cache[4] || (_cache[4] = withModifiers(($event) => open.value = false, ["self", "prevent"]))
+				}, [createElementVNode("div", {
+					class: "elevation-2",
+					style: normalizeStyle(wrapStyle.value)
+				}, [
+					unref(sysBarAvail) ? (openBlock(), createBlock(_component_v_sheet, {
+						key: 0,
+						color: "transparent",
+						height: 24
+					})) : createCommentVNode("v-if", true),
+					createVNode(_component_v_sheet, {
+						class: "d-flex align-center px-3",
+						color: "transparent",
+						height: 48
+					}, {
+						default: withCtx(() => [createVNode(_component_v_btn, {
+							density: "comfortable",
+							icon: "mdi-close",
+							variant: "text",
+							onClick: _cache[1] || (_cache[1] = ($event) => open.value = false)
+						}), createElementVNode("span", _hoisted_1$2, toDisplayString(unref(t)("x-prop-tree.selectSlot")), 1)]),
+						_: 1
+					}),
+					createElementVNode("div", {
+						class: "overflow-y-auto",
+						style: normalizeStyle(contStyle.value)
+					}, [createVNode(slotList_default, {
+						open: unref(open),
+						"onUpdate:open": _cache[2] || (_cache[2] = ($event) => isRef(open) ? open.value = $event : null),
+						onXSelect: onSlotSelect
+					}, null, 8, ["open"]), createElementVNode("div", { style: normalizeStyle(tailStyle.value) }, null, 4)], 4)
+				], 4)], 32)]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/slot/index.vue
+var slot_default = index_vue_vue_type_script_setup_true_lang_default$4;
+
+//#endregion
+//#region src/components/values/switch/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = { class: "d-flex justify-space-between align-center" };
+var index_vue_vue_type_script_setup_true_lang_default$3 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	}, {
+		"modelValue": { type: Boolean },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const modelValue = useModel(__props, "modelValue");
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			const _component_v_switch = resolveComponent("v-switch");
+			const _component_v_btn = resolveComponent("v-btn");
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [createVNode(_component_v_switch, {
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				class: "ml-1",
+				color: "primary",
+				density: "compact",
+				"hide-details": "",
+				readonly: __props.readonly
+			}, null, 8, ["modelValue", "readonly"]), __props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+				key: 0,
+				class: "mx-2",
+				density: "compact",
+				icon: "mdi-minus",
+				variant: "text",
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("delete"), ["stop"]))
+			})) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/switch/index.vue
+var switch_default = index_vue_vue_type_script_setup_true_lang_default$3;
+
+//#endregion
+//#region src/components/values/text/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "d-flex justify-space-between align-center" };
+var index_vue_vue_type_script_setup_true_lang_default$2 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: /*@__PURE__*/ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: String,
+			required: true
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const { isMobile } = useSystem();
+		const input = useModel(__props, "modelValue");
+		const emit = __emit;
+		const onUpdateFocused = async (focus) => {
+			if (!focus || __props.readonly || !isMobile()) return;
+			const res = await openPromptDlg({
+				title: "",
+				value: input.value
+			});
+			if (res === void 0) return;
+			input.value = res;
+		};
+		return (_ctx, _cache) => {
+			const _component_v_text_field = resolveComponent("v-text-field");
+			const _component_v_btn = resolveComponent("v-btn");
+			const _directive_ripple = resolveDirective("ripple");
+			return openBlock(), createElementBlock("div", _hoisted_1, [withDirectives(createVNode(_component_v_text_field, {
+				modelValue: input.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+				density: "compact",
+				"hide-details": "",
+				readonly: __props.readonly,
+				"single-line": "",
+				"onUpdate:focused": onUpdateFocused
+			}, null, 8, ["modelValue", "readonly"]), [[
+				_directive_ripple,
+				void 0,
+				void 0,
+				{ stop: true }
+			]]), __props.hasDelete ? (openBlock(), createBlock(_component_v_btn, {
+				key: 0,
+				class: "mx-2",
+				density: "compact",
+				icon: "mdi-minus",
+				variant: "text",
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("delete"), ["stop"]))
+			})) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/values/text/index.vue
+var text_default = index_vue_vue_type_script_setup_true_lang_default$2;
+
+//#endregion
+//#region src/composables/uis/uiAdaptSlot.ts
+function useUiAdaptSlot() {
+	const changeEvent = injectChangeEvent();
+	const renderUiAdaptSlot = (keys, property, object, arrayIndex, isBranch) => {
+		if (property.ui !== "adaptSlot") throw new Error(`useUiAdaptSlot property ui must be adaptSlot`);
+		return h(adaptSlot_default, {
+			"modelValue": (() => {
+				return getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+			})(),
+			"onUpdate:modelValue": (val) => {
+				setModelValue(keys, property, object, val, arrayIndex, isBranch, changeEvent);
+			},
+			"hasDelete": arrayIndex !== void 0 && !isBranch,
+			"onDelete": () => {
+				if (arrayIndex === void 0 || isBranch) return;
+				object.splice(arrayIndex, 1);
+				changeEvent(keys.slice(0, -1), object);
+			},
+			"readonly": property.readonly
+		});
+	};
+	return { renderUiAdaptSlot };
+}
+
+//#endregion
+//#region src/composables/uis/uiComp.ts
+function useUiComp() {
+	const changeEvent = injectChangeEvent();
+	const renderUiComp = (keys, property, object, arrayIndex, isBranch) => {
+		if (property.ui !== "comp") throw new Error(`renderUiComp property ui must be comp`);
+		return h(comp_default, {
+			"modelValue": (() => {
+				return getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+			})(),
+			"onUpdate:modelValue": (val) => {
+				setModelValue(keys, property, object, val, arrayIndex, isBranch, changeEvent);
+			},
+			"hasDelete": arrayIndex !== void 0 && !isBranch,
+			"onDelete": () => {
+				if (arrayIndex === void 0 || isBranch) return;
+				object.splice(arrayIndex, 1);
+				changeEvent(keys.slice(0, -1), object);
+			},
+			"readonly": property.readonly
+		});
+	};
+	return { renderUiComp };
+}
+
+//#endregion
+//#region src/composables/uis/uiDummy.ts
+function useUiDummy() {
+	const changeEvent = injectChangeEvent();
+	const renderUiDummy = (keys, property, object, arrayIndex, isBranch) => {
+		if (property.ui !== "dummy") throw new Error(`renderUiDummy property ui must be dummy`);
+		getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+	};
+	return { renderUiDummy };
+}
+
+//#endregion
+//#region src/composables/uis/uiIcon.ts
+function useUiIcon() {
+	const changeEvent = injectChangeEvent();
+	const renderUiIcon = (keys, property, object, arrayIndex, isBranch) => {
+		if (property.ui !== "icon") throw new Error(`renderUiIcon property ui must be icon`);
+		return h(icon_default, {
+			"modelValue": (() => {
+				if (property.static) return property.value;
+				return getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+			})(),
+			"onUpdate:modelValue": (val) => {
+				if (property.static) return;
+				setModelValue(keys, property, object, val, arrayIndex, isBranch, changeEvent);
+			},
+			"hasDelete": arrayIndex !== void 0 && !isBranch,
+			"onDelete": () => {
+				if (arrayIndex === void 0 || isBranch) return;
+				object.splice(arrayIndex, 1);
+				changeEvent(keys.slice(0, -1), object);
+			},
+			"readonly": property.static || property.readonly
+		});
+	};
+	return { renderUiIcon };
+}
+
+//#endregion
+//#region src/composables/uis/uiJson.ts
+function useUiJson() {
+	const changeEvent = injectChangeEvent();
+	const renderUiJson = (keys, property, object, arrayIndex, isBranch) => {
+		if (property.ui !== "json") throw new Error(`renderUiJson property ui must be json`);
+		return h(json_default, {
+			"modelValue": (() => {
+				return getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent) ?? "{}";
+			})(),
+			"onUpdate:modelValue": (val) => {
+				setModelValue(keys, property, object, val, arrayIndex, isBranch, changeEvent);
+			},
+			"hasDelete": arrayIndex !== void 0 && !isBranch,
+			"onDelete": () => {
+				if (arrayIndex === void 0 || isBranch) return;
+				object.splice(arrayIndex, 1);
+				changeEvent(keys.slice(0, -1), object);
+			},
+			"readonly": property.readonly
+		});
+	};
+	return { renderUiJson };
+}
+
+//#endregion
+//#region src/composables/uis/uiMultiTypes.ts
+function useUiMultiTypes() {
+	const changeEvent = injectChangeEvent();
+	const renderUiMultiTypes = (keys, property, object, arrayIndex, isBranch) => {
+		if (property.ui !== "multiTypes") throw new Error(`renderUiMultiTypes property ui must be multiTypes`);
+		return h(multiTypes_default, {
+			"modelValue": (() => {
+				return getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+			})(),
+			"onUpdate:modelValue": (val) => {
+				setModelValue(keys, property, object, val, arrayIndex, isBranch, changeEvent);
+			},
+			"hasDelete": arrayIndex !== void 0 && !isBranch,
+			"onDelete": () => {
+				if (arrayIndex === void 0 || isBranch) return;
+				object.splice(arrayIndex, 1);
+				changeEvent(keys.slice(0, -1), object);
+			},
+			"types": property.types
+		});
+	};
+	return { renderUiMultiTypes };
+}
+
+//#endregion
+//#region src/composables/uis/uiNumber.ts
+function useUiNumber() {
+	const changeEvent = injectChangeEvent();
+	const renderUiNumber = (keys, property, object, arrayIndex, isBranch) => {
+		if (property.ui !== "number") throw new Error(`renderUiNumber property ui must be number`);
+		return h(number_default, {
+			"modelValue": (() => {
+				return getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+			})(),
+			"onUpdate:modelValue": (val) => {
+				setModelValue(keys, property, object, val, arrayIndex, isBranch, changeEvent);
+			},
+			"hasDelete": arrayIndex !== void 0 && !isBranch,
+			"onDelete": () => {
+				if (arrayIndex === void 0 || isBranch) return;
+				object.splice(arrayIndex, 1);
+				changeEvent(keys.slice(0, -1), object);
+			},
+			"precision": property.precision,
+			"min": property.min,
+			"max": property.max,
+			"step": property.step,
+			"readonly": property.readonly
+		});
+	};
+	return { renderUiNumber };
+}
+
+//#endregion
+//#region src/components/entry/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: { minHeight: {
+		type: String,
+		required: true
+	} },
+	emits: ["menu"],
+	setup(__props, { emit: __emit }) {
+		const { backgroundColor2, highlightColor } = useColor();
+		const emit = __emit;
+		const mouseOver = ref(false);
+		const style = computed(() => {
+			return {
+				background: mouseOver.value ? highlightColor.value : backgroundColor2.value,
+				minHeight: __props.minHeight,
+				paddingRight: "4px",
+				userSelect: "none"
+			};
+		});
+		const onContextMenu = (e) => {
+			emit("menu", e.clientX, e.clientY);
+		};
+		return (_ctx, _cache) => {
+			const _directive_ripple = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex justify-space-between align-center cursor-pointer",
+				style: normalizeStyle(style.value),
+				onContextmenu: withModifiers(onContextMenu, ["self", "prevent"]),
+				onMouseout: _cache[0] || (_cache[0] = ($event) => mouseOver.value = false),
+				onMouseover: _cache[1] || (_cache[1] = ($event) => mouseOver.value = true)
+			}, [renderSlot(_ctx.$slots, "default")], 36)), [[_directive_ripple]]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/entry/index.vue
+var entry_default = index_vue_vue_type_script_setup_true_lang_default$1;
+
+//#endregion
+//#region src/composables/uis/uiProperty.ts
+function useUiProperty() {
+	const { t } = useI18n();
+	const propertyState = injectPropertyState();
+	const renderProperty = (keys, property, node) => {
+		const lastKey = keys[keys.length - 1];
+		let propertyName = typeof lastKey === "number" ? `[${lastKey + 1}]` : t(property.name);
+		if (isPropertyWarning(propertyState.value, keys)) propertyName += " !";
+		else if (isPropertyChange(propertyState.value, keys)) propertyName += " *";
+		return h(entry_default, {
+			minHeight: "56px",
+			onMenu: (x, y) => {
+				eventBus.emit("propTreeMenu", {
+					x,
+					y,
+					keys
+				});
+			}
+		}, () => [h("span", {
+			style: {
+				marginLeft: "4px",
+				pointerEvents: "none"
+			},
+			innerHTML: propertyName
+		}), h("div", { style: { width: "200px" } }, node)]);
+	};
+	return { renderProperty };
+}
+
+//#endregion
+//#region src/composables/uis/uiRule.ts
+function useUiRule() {
+	const changeEvent = injectChangeEvent();
+	function renderUiRule(keys, property, object, arrayIndex, isBranch) {
+		if (property.ui !== "rule") throw new Error(`renderUiRule property ui must be rule`);
+		return h(rule_default, {
+			"modelValue": (() => {
+				return getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+			})(),
+			"onUpdate:modelValue": (val) => {
+				setModelValue(keys, property, object, val, arrayIndex, isBranch, changeEvent);
+			},
+			"hasDelete": arrayIndex !== void 0 && !isBranch,
+			"onDelete": () => {
+				if (arrayIndex === void 0 || isBranch) return;
+				object.splice(arrayIndex, 1);
+				changeEvent(keys.slice(0, -1), object);
+			}
+		});
+	}
+	return { renderUiRule };
+}
+
+//#endregion
+//#region src/composables/uis/uiSelect.ts
+function useUiSelect() {
+	const changeEvent = injectChangeEvent();
+	const renderUiSelect = (keys, property, object, arrayIndex, isBranch) => {
+		if (property.ui !== "select") throw new Error(`renderUiSelect property ui must be select`);
+		return h(select_default, {
+			"modelValue": (() => {
+				return getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+			})(),
+			"onUpdate:modelValue": (val) => {
+				setModelValue(keys, property, object, val, arrayIndex, isBranch, changeEvent);
+			},
+			"hasDelete": arrayIndex !== void 0 && !isBranch,
+			"onDelete": () => {
+				if (arrayIndex === void 0 || isBranch) return;
+				object.splice(arrayIndex, 1);
+				changeEvent(keys.slice(0, -1), object);
+			},
+			"items": property.items,
+			"readonly": property.readonly
+		});
+	};
+	return { renderUiSelect };
+}
+
+//#endregion
+//#region src/composables/uis/uiSlot.ts
+function useUiSlot() {
+	const changeEvent = injectChangeEvent();
+	const renderUiSlot = (keys, property, object, arrayIndex, isBranch) => {
+		if (property.ui !== "slot") throw new Error(`renderUiSlot property ui must be slot`);
+		return h(slot_default, {
+			"modelValue": (() => {
+				return getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+			})(),
+			"onUpdate:modelValue": (val) => {
+				setModelValue(keys, property, object, val, arrayIndex, isBranch, changeEvent);
+			},
+			"hasDelete": arrayIndex !== void 0 && !isBranch,
+			"onDelete": () => {
+				if (arrayIndex === void 0 || isBranch) return;
+				object.splice(arrayIndex, 1);
+				changeEvent(keys.slice(0, -1), object);
+			},
+			"readonly": property.readonly
+		});
+	};
+	return { renderUiSlot };
+}
+
+//#endregion
+//#region src/composables/uis/uiSwitch.ts
+function useUiSwitch() {
+	const changeEvent = injectChangeEvent();
+	const renderUiSwitch = (keys, property, object, arrayIndex, isBranch) => {
+		if (property.ui !== "switch") throw new Error(`renderUiSwitch property ui must be switch`);
+		return h(switch_default, {
+			"modelValue": (() => {
+				return getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+			})(),
+			"onUpdate:modelValue": (val) => {
+				setModelValue(keys, property, object, val, arrayIndex, isBranch, changeEvent);
+			},
+			"hasDelete": arrayIndex !== void 0 && !isBranch,
+			"onDelete": () => {
+				if (arrayIndex === void 0 || isBranch) return;
+				object.splice(arrayIndex, 1);
+				changeEvent(keys.slice(0, 1), object);
+			},
+			"readonly": property.readonly
+		});
+	};
+	return { renderUiSwitch };
+}
+
+//#endregion
+//#region src/composables/uis/uiText.ts
+function useUiText() {
+	const changeEvent = injectChangeEvent();
+	const renderUiText = (keys, property, object, arrayIndex, isBranch) => {
+		if (property.ui !== "text") throw new Error(`renderUiText property ui must be text`);
+		return h(text_default, {
+			"modelValue": (() => {
+				if (property.static) return property.value;
+				return getModelValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+			})(),
+			"onUpdate:modelValue": (val) => {
+				if (property.static) return;
+				setModelValue(keys, property, object, val, arrayIndex, isBranch, changeEvent);
+			},
+			"hasDelete": arrayIndex !== void 0 && !isBranch,
+			"onDelete": () => {
+				if (arrayIndex === void 0 || isBranch) return;
+				object.splice(arrayIndex, 1);
+				changeEvent(keys.slice(0, -1), object);
+			},
+			"readonly": property.static || property.readonly
+		});
+	};
+	return { renderUiText };
+}
+
+//#endregion
+//#region src/components/propTree/main.vue?vue&type=script&setup=true&lang.ts
+const indent = "20px";
+var main_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "main",
+	setup(__props) {
+		const { t } = useI18n();
+		const { backgroundColor1 } = useColor();
+		const config = injectConfig();
+		const object = injectObject();
+		const collapseState = injectCollapseState();
+		const propertyState = injectPropertyState();
+		const changeEvent = injectChangeEvent();
+		useCompList();
+		useSlotList();
+		useAdaptSlotList();
+		const { renderProperty } = useUiProperty();
+		const { renderUiDummy } = useUiDummy();
+		const { renderUiText } = useUiText();
+		const { renderUiNumber } = useUiNumber();
+		const { renderUiSwitch } = useUiSwitch();
+		const { renderUiSelect } = useUiSelect();
+		const { renderUiJson } = useUiJson();
+		const { renderUiIcon } = useUiIcon();
+		const { renderUiComp } = useUiComp();
+		const { renderUiSlot } = useUiSlot();
+		const { renderUiAdaptSlot } = useUiAdaptSlot();
+		const { renderUiRule } = useUiRule();
+		const { renderUiMultiTypes } = useUiMultiTypes();
+		const renderNode = (keys, property, object, arrayIndex, isBranch, leafArrayEntry) => {
+			keys = cloneDeep(keys);
+			if (arrayIndex !== void 0) {
+				keys.push(arrayIndex);
+				if (isBranch) keys.push(property.key);
+			} else keys.push(property.key);
+			if (keys?.[0] === "runtime") return;
+			if (property.ui) if (property.array && !leafArrayEntry) return renderLeafArray(keys, property, object, arrayIndex, isBranch);
+			else return renderLeafScalar(keys, property, object, arrayIndex, isBranch);
+			else if (property.array) return renderBranchArray(keys, property, object, arrayIndex, isBranch);
+			else return renderBranchScalar(keys, property, object, arrayIndex, isBranch);
+		};
+		const renderBranchArray = (keys, property, object, arrayIndex, isBranch) => {
+			if (property.ui) throw new Error(`renderBranchArray property ui must be invalid`);
+			if (!property.array) throw new Error(`renderBranchArray property array must be valid`);
+			const value = ensureArrayValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+			let propertyName = t(property.name);
+			if (isCollapse(collapseState, keys)) {
+				if (isPropertyWarning(propertyState.value, keys)) propertyName += " !";
+				else if (isPropertyChange(propertyState.value, keys)) propertyName += " *";
+			}
+			const title = h(title_default, {
+				title: propertyName,
+				collapse: isCollapse(collapseState, keys),
+				hasCreate: true,
+				onCollapse: (val) => {
+					setCollapse$1(collapseState, keys, val);
+				},
+				onMenu: (x, y) => {
+					eventBus.emit("propTreeMenu", {
+						x,
+						y,
+						keys
+					});
+				},
+				onCreate: () => {
+					value.push({});
+					changeEvent(keys, value);
+				}
+			});
+			const content = h("div", { style: { paddingLeft: indent } }, (() => {
+				const entries = [];
+				for (let i = 0; i < value.length; i++) {
+					const entryKeys = [...keys, i];
+					let entryName = `[${i + 1}]`;
+					if (isCollapse(collapseState, [...keys, i])) {
+						if (isPropertyWarning(propertyState.value, entryKeys)) entryName += " !";
+						else if (isPropertyChange(propertyState.value, entryKeys)) entryName += " *";
+					}
+					const entryTitle = h(title_default, {
+						title: entryName,
+						collapse: isCollapse(collapseState, [...keys, i]),
+						hasDelete: true,
+						index: i,
+						onCollapse: (val) => {
+							setCollapse$1(collapseState, [...keys, i], val);
+						},
+						onMenu: (x, y) => {
+							eventBus.emit("propTreeMenu", {
+								x,
+								y,
+								keys: entryKeys
+							});
+						},
+						onDelete: (idx) => {
+							value.splice(idx, 1);
+							changeEvent(keys, value);
+						}
+					});
+					entries.push(entryTitle);
+					const entryContent = h("div", { style: { paddingLeft: indent } }, (() => {
+						const nodes = [];
+						for (const child of property.children) nodes.push(renderNode(keys, child, value[i], i, true));
+						return nodes;
+					})());
+					if (!isCollapse(collapseState, [...keys, i])) entries.push(entryContent);
+				}
+				return entries;
+			})());
+			return h("div", {}, (() => {
+				const nodes = [];
+				nodes.push(title);
+				if (!isCollapse(collapseState, keys)) nodes.push(content);
+				return nodes;
+			})());
+		};
+		const renderBranchScalar = (keys, property, object, arrayIndex, isBranch) => {
+			if (property.ui) throw new Error(`renderBranchScalar property ui must be invalid`);
+			if (property.array) throw new Error(`renderBranchScalar property array must be invalid`);
+			let propertyName = t(property.name);
+			if (isCollapse(collapseState, keys)) {
+				if (isPropertyWarning(propertyState.value, keys)) propertyName += " !";
+				else if (isPropertyChange(propertyState.value, keys)) propertyName += " *";
+			}
+			const title = h(title_default, {
+				title: propertyName,
+				collapse: isCollapse(collapseState, keys),
+				hasDelete: arrayIndex !== void 0 && !isBranch,
+				onCollapse: (val) => {
+					setCollapse$1(collapseState, keys, val);
+				},
+				onMenu: (x, y) => {
+					eventBus.emit("propTreeMenu", {
+						x,
+						y,
+						keys
+					});
+				},
+				onDelete: () => {
+					if (arrayIndex === void 0 || isBranch) return;
+					object.splice(arrayIndex, 1);
+					changeEvent(keys.slice(0, -1), object);
+				}
+			});
+			const content = h("div", { style: { paddingLeft: indent } }, (() => {
+				const nodes = [];
+				for (const child of property.children) nodes.push(renderNode(keys, child, (() => {
+					if (typeof object[property.key] !== "object") {
+						object[property.key] = {};
+						changeEvent(keys, object[property.key]);
+					}
+					return object[property.key];
+				})(), void 0, false));
+				return nodes;
+			})());
+			return h("div", {}, (() => {
+				const nodes = [];
+				nodes.push(title);
+				if (!isCollapse(collapseState, keys)) nodes.push(content);
+				return nodes;
+			})());
+		};
+		const renderLeafArray = (keys, property, object, arrayIndex, isBranch) => {
+			if (!property.ui) throw new Error(`renderLeafArray property ui must be valid`);
+			if (!property.array) throw new Error(`renderLeafArray property array must be valid`);
+			const value = ensureArrayValue(keys, property, object, arrayIndex, isBranch, changeEvent);
+			let propertyName = t(property.name);
+			if (isCollapse(collapseState, keys)) {
+				if (isPropertyWarning(propertyState.value, keys)) propertyName += " !";
+				else if (isPropertyChange(propertyState.value, keys)) propertyName += " *";
+			}
+			const title = h(title_default, {
+				title: propertyName,
+				collapse: isCollapse(collapseState, keys),
+				hasCreate: true,
+				onCollapse: (val) => {
+					setCollapse$1(collapseState, keys, val);
+				},
+				onMenu: (x, y) => {
+					eventBus.emit("propTreeMenu", {
+						x,
+						y,
+						keys
+					});
+				},
+				onCreate: () => {
+					value.push(getPropertyDefault(property));
+					changeEvent(keys, value);
+				}
+			});
+			const content = h("div", { style: { paddingLeft: indent } }, (() => {
+				const nodes = [];
+				for (let i = 0; i < value.length; i++) nodes.push(renderNode(keys, property, value, i, false, true));
+				return nodes;
+			})());
+			return h("div", {}, (() => {
+				const nodes = [];
+				nodes.push(title);
+				if (!isCollapse(collapseState, keys)) nodes.push(content);
+				return nodes;
+			})());
+		};
+		const renderLeafScalar = (keys, property, object, arrayIndex, isBranch) => {
+			if (!property.ui) throw new Error(`renderLeafScalar property ui must be valid`);
+			let node;
+			if (property.ui === "dummy") node = renderUiDummy(keys, property, object, arrayIndex, isBranch);
+			else if (property.ui === "text") node = renderUiText(keys, property, object, arrayIndex, isBranch);
+			else if (property.ui === "number") node = renderUiNumber(keys, property, object, arrayIndex, isBranch);
+			else if (property.ui === "switch") node = renderUiSwitch(keys, property, object, arrayIndex, isBranch);
+			else if (property.ui === "select") node = renderUiSelect(keys, property, object, arrayIndex, isBranch);
+			else if (property.ui === "json") node = renderUiJson(keys, property, object, arrayIndex, isBranch);
+			else if (property.ui === "icon") node = renderUiIcon(keys, property, object, arrayIndex, isBranch);
+			else if (property.ui === "comp") node = renderUiComp(keys, property, object, arrayIndex, isBranch);
+			else if (property.ui === "slot") node = renderUiSlot(keys, property, object, arrayIndex, isBranch);
+			else if (property.ui === "adaptSlot") node = renderUiAdaptSlot(keys, property, object, arrayIndex, isBranch);
+			else if (property.ui === "rule") node = renderUiRule(keys, property, object, arrayIndex, isBranch);
+			else if (property.ui === "multiTypes") node = renderUiMultiTypes(keys, property, object, arrayIndex, isBranch);
+			else console.assert(false, `renderLeafScalar not implemented`);
+			if (node) return renderProperty(keys, property, node);
+			else return h("div");
+		};
+		const render = () => {
+			return h("div", {
+				class: "text-body-medium",
+				style: { background: backgroundColor1.value }
+			}, (() => {
+				const nodes = [];
+				if (config.value.length > 0 && object.value) for (const property of config.value) nodes.push(renderNode([], property, object.value, void 0, false));
+				return nodes;
+			})());
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(render), createVNode(menu_default)], 64);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/propTree/main.vue
+var main_default = main_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/propTree/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "index",
+	props: {
+		config: {
+			type: Array,
+			required: true
+		},
+		object: {
+			type: null,
+			required: true
+		},
+		version: {
+			type: String,
+			required: true
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		subtype: {
+			type: String,
+			required: true
+		}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const configRef = ref([]);
+		provideConfig(configRef);
+		watchEffect(() => {
+			configRef.value = __props.config;
+		});
+		const objectRef = ref();
+		provideObject(objectRef);
+		watchEffect(() => {
+			objectRef.value = __props.object;
+		});
+		const versionRef = ref("");
+		provideVersion(versionRef);
+		watchEffect(() => {
+			versionRef.value = __props.version;
+		});
+		const typeRef = ref(__props.type);
+		provideType(typeRef);
+		watchEffect(() => {
+			typeRef.value = __props.type;
+		});
+		const subtypeRef = ref("");
+		provideSubtype(subtypeRef);
+		watchEffect(() => {
+			subtypeRef.value = __props.subtype;
+		});
+		provideCollapseState(ref({
+			collapse: true,
+			children: {}
+		}));
+		const propertyState = ref({
+			change: false,
+			warning: false,
+			children: {}
+		});
+		providePropertyState(propertyState);
+		function changeEvent(keys, val) {
+			rebuildPropertyState(propertyState, __props.config, __props.object);
+			emit("change", keys, val);
+		}
+		provideChangeEvent(changeEvent);
+		function refreshPropertyState() {
+			rebuildPropertyState(propertyState, __props.config, __props.object);
+		}
+		onMounted(() => {
+			eventBus.on("refreshPropertyState", refreshPropertyState);
+		});
+		onBeforeUnmount(() => {
+			eventBus.off("refreshPropertyState", refreshPropertyState);
+		});
+		watch([() => __props.config, () => __props.object], () => {
+			rebuildPropertyState(propertyState, __props.config, __props.object);
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(main_default);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/propTree/index.vue
+var propTree_default = index_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/index.ts
+const install = (app) => {
+	app.component("XPropTree", propTree_default);
+};
+
+//#endregion
+//#region src/i18n/index.ts
+async function loadLocaleMessagePropTree(locale) {
+	if (locale === "en") return (await import("./i18n-en.iiploulp.js").then((n) => n.t)).default;
+	else if (locale === "zhHans") return (await import("./i18n-zhHans.bb5g1fpp.js").then((n) => n.t)).default;
+	else throw new Error(`invalid locale=${locale}`);
+}
+
+//#endregion
+//#region src/index.ts
+var src_default = { install };
+
+//#endregion
+export { src_default as default, loadLocaleMessagePropTree };