x-runtime-lib 0.8.140 → 0.8.142

package/dist/index.js

@@ -15,8 +15,8 @@ var Pe = (t, n, e) => {
   } else e && t.push([e]);
   return n;
 }, Le = (t, n, e) => {
-  var o = typeof SuppressedError == "function" ? SuppressedError : function(l, c, u, m) {
-    return m = Error(u), m.name = "SuppressedError", m.error = l, m.suppressed = c, m;
+  var o = typeof SuppressedError == "function" ? SuppressedError : function(l, c, u, p) {
+    return p = Error(u), p.name = "SuppressedError", p.error = l, p.suppressed = c, p;
   }, r = (l) => n = e ? new o(l, n, "An error was suppressed during disposal") : (e = !0, l), i = (l) => {
     for (; l = t.pop(); )
       try {
@@ -29,10 +29,10 @@ var Pe = (t, n, e) => {
   };
   return i();
 };
-import { defineComponent as S, createElementBlock as te, createCommentVNode as se, unref as s, openBlock as k, createElementVNode as We, computed as w, renderSlot as F, normalizeStyle as de, ref as re, watch as pe, onBeforeMount as oi, onUnmounted as Je, watchEffect as xe, createVNode as D, createBlock as $, useTemplateRef as ko, onMounted as wo, nextTick as Io, withCtx as P, resolveComponent as W, isRef as ne, h as K, createSlots as on, renderList as ii, useId as So, withModifiers as ri, normalizeClass as si, toDisplayString as Co, useAttrs as bt, inject as fe, provide as ye, readonly as rn } from "vue";
-import { globalObjects as he, waitUtil as $o, useViewStack as Vo, eventBus as Po, messageInfo as li, messageSuccess as ai, messageWarning as Lo, messageError as zo, createAxios as ci, openConfirmDlg as ui, openPromptDlg as mi } from "x-essential-lib";
+import { defineComponent as S, createElementBlock as te, createCommentVNode as se, unref as s, openBlock as k, createElementVNode as We, computed as w, renderSlot as F, normalizeStyle as de, ref as re, watch as pe, onUnmounted as Be, onBeforeMount as oi, watchEffect as xe, createVNode as D, createBlock as C, useTemplateRef as ko, onMounted as wo, nextTick as Io, withCtx as P, resolveComponent as W, isRef as ne, h as K, createSlots as on, renderList as ii, useId as So, withModifiers as ri, normalizeClass as si, toDisplayString as $o, useAttrs as bt, inject as fe, provide as ye, readonly as rn } from "vue";
+import { globalObjects as he, waitUtil as Co, useViewStack as Vo, eventBus as Po, messageInfo as li, messageSuccess as ai, messageWarning as Lo, messageError as zo, createAxios as ci, openConfirmDlg as ui, openPromptDlg as mi } from "x-essential-lib";
 import { CameraHelper as To, DirectionalLightHelper as pi, PointLightHelper as di, SpotLightHelper as fi } from "three";
-import { i as ce, c as qe, K as yi, M as bi, O as gi, u as hi, r as Eo, e as Ao, a as _i, b as vi, d as xi, f as ki, g as wi, h as Ii, j as Si, k as Ci, l as Mo, m as O, H as $i, n as Vi, o as Pi, p as Li, q as zi } from "./vendor.m8tdmh16.js";
+import { i as ce, c as qe, K as yi, M as bi, O as gi, u as hi, r as Eo, e as Ao, a as _i, b as vi, d as xi, f as ki, g as wi, h as Ii, j as Si, k as $i, l as Mo, m as O, H as Ci, n as Vi, o as Pi, p as Li, q as zi } from "./vendor.m8tdmh16.js";
 import { useTheme as Ti } from "vuetify";
 import { getErrorMessage as Ei } from "x-error-lib";
 const kn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
@@ -77,7 +77,7 @@ function ut(t) {
 function wn(t) {
   return Wo.findIndex((n) => n === t);
 }
-function Oe(t, n) {
+function Fe(t, n) {
   let e;
   for (const o of Ai) {
     if (wn(o) < wn(t))
@@ -160,10 +160,10 @@ function A(t, n) {
 const Mi = ["common", "scene"], Wi = ["common", "scene"];
 function bu({ type: t, version: n, view: e, code: o }) {
   const r = (c, u) => {
-    const m = { id: u.id };
-    u.children && (m.children = [], u.children.forEach((d) => {
-      r(m.children, d);
-    })), c.push(m);
+    const p = { id: u.id };
+    u.children && (p.children = [], u.children.forEach((d) => {
+      r(p.children, d);
+    })), c.push(p);
   }, i = [];
   e.nodeLites.forEach((c) => {
     r(i, c);
@@ -336,11 +336,11 @@ function Su(t, n) {
   let e = "";
   return t === "elementMethod" || (t === "refMethod" || t === "multipleRefMethod" ? e = H("reference") : t === "slotMethod" || t === "multipleSlotMethod" ? e = H("slot") : t === "customMethod" ? e = H("custom") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? e = H("adaptSlot") : console.assert(!1)), an(e, n, Ri(t));
 }
-function Cu(t, n) {
+function $u(t, n) {
   let e = "";
   return t === "elementEvent" || (t === "elementPropertyChangeEvent" ? e = H("propertyChange") : t === "refEvent" ? e = H("reference") : t === "refPropertyChangeEvent" ? e = H("reference", "propertyChange") : t === "multipleRefEvent" ? e = H("reference") : t === "multipleRefPropertyChangeEvent" ? e = H("reference", "propertyChange") : t === "slotEvent" ? e = H("slot") : t === "slotPropertyChangeEvent" ? e = H("slot", "propertyChange") : t === "multipleSlotEvent" ? e = H("slot") : t === "multipleSlotPropertyChangeEvent" ? e = H("slot", "propertyChange") : t === "customEvent" ? e = H("custom") : t === "customPropertyChangeEvent" ? e = H("custom", "propertyChange") : t === "adaptSlotElementEvent" ? e = H("adaptSlot") : t === "adaptSlotElementPropertyChangeEvent" ? e = H("adaptSlot", "propertyChange") : t === "adaptSlotCustomEvent" ? e = H("adaptSlot") : t === "adaptSlotCustomPropertyChangeEvent" ? e = H("adaptSlot", "propertyChange") : t === "stateChangeEvent" ? e = H("state") : console.assert(!1)), an(e, n, Ki(t));
 }
-const Di = ["position", "ratation", "scale"], Be = /* @__PURE__ */ S({
+const Di = ["position", "ratation", "scale"], Re = /* @__PURE__ */ S({
   __name: "index",
   props: {
     position: { default: () => {
@@ -407,7 +407,9 @@ function L(t) {
     e.value = n.value.view.nodes[t.nodeId];
   });
   const { debugTrace: o } = Oi(e);
-  return o("created"), { node: e };
+  return o("created"), Be(() => {
+    o("destroyed");
+  }), { node: e };
 }
 function mt(t, n, e) {
   const o = _e();
@@ -415,7 +417,7 @@ function mt(t, n, e) {
     const r = w(() => Jc("elementMethod", t, n));
     oi(() => {
       o.eventBus?.on(r.value, e);
-    }), Je(() => {
+    }), Be(() => {
       o.eventBus?.off(r.value, e);
     });
   }
@@ -466,20 +468,20 @@ function me(t) {
     "transform",
     "rotation",
     "z"
-  ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: u } = a(t, ["transform", "scale", "y"]), { property: m } = a(t, ["transform", "scale", "z"]), d = re([0, 0, 0]), p = re([0, 0, 0]), f = re([1, 1, 1]);
+  ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: u } = a(t, ["transform", "scale", "y"]), { property: p } = a(t, ["transform", "scale", "z"]), d = re([0, 0, 0]), m = re([0, 0, 0]), f = re([1, 1, 1]);
   return xe(() => {
     d.value = [n.value, e.value, o.value];
   }), xe(() => {
     n.value = d.value[0], e.value = d.value[1], o.value = d.value[2];
   }), xe(() => {
-    p.value = [r.value, i.value, l.value];
+    m.value = [r.value, i.value, l.value];
   }), xe(() => {
-    r.value = p.value[0], i.value = p.value[1], l.value = p.value[2];
+    r.value = m.value[0], i.value = m.value[1], l.value = m.value[2];
   }), xe(() => {
-    f.value = [c.value, u.value, m.value];
+    f.value = [c.value, u.value, p.value];
   }), xe(() => {
-    c.value = f.value[0], u.value = f.value[1], m.value = f.value[2];
-  }), { position: d, rotation: p, scale: f };
+    c.value = f.value[0], u.value = f.value[1], p.value = f.value[2];
+  }), { position: d, rotation: m, scale: f };
 }
 function Bo(t) {
   const n = w(() => t.value.legend?.show), e = w(() => t.value.legend?.data);
@@ -535,23 +537,23 @@ function Oo(t) {
 }
 function Q(t) {
   const { computedThemes: n } = Ti(), e = Ze(), o = w(() => t.value?.mode), r = w(() => {
-    const m = t.value?.theme;
-    return m ? m === "background0" ? e.value ? "#2e2e2e" : "#bdbdbd" : m === "background1" ? e.value ? "#272727" : "#eeeeee" : m === "background2" ? e.value ? "#1e1e1e" : "#ffffff" : (e.value ? n.value.dark : n.value.light).colors[m] : void 0;
+    const p = t.value?.theme;
+    return p ? p === "background0" ? e.value ? "#2e2e2e" : "#bdbdbd" : p === "background1" ? e.value ? "#272727" : "#eeeeee" : p === "background2" ? e.value ? "#1e1e1e" : "#ffffff" : (e.value ? n.value.dark : n.value.light).colors[p] : void 0;
   }), i = w(() => e.value ? t.value.custom?.dark : t.value.custom?.light), l = w(() => o.value === "theme" ? r.value ?? "" : o.value === "custom" ? i.value ?? "" : ""), c = w(() => {
-    const m = l.value;
-    return !m.startsWith("#") || m.length < 7 ? "" : m.substring(0, 7);
+    const p = l.value;
+    return !p.startsWith("#") || p.length < 7 ? "" : p.substring(0, 7);
   }), u = w(() => {
-    const m = l.value;
-    return m.startsWith("#") ? m.length < 9 ? 1 : parseInt(m.substring(7, 9)) / 255 : 0;
+    const p = l.value;
+    return p.startsWith("#") ? p.length < 9 ? 1 : parseInt(p.substring(7, 9)) / 255 : 0;
   });
   return { color: l, rgb: c, alpha: u };
 }
 function cn(t) {
   const n = w(() => t.value.border?.style), e = w(() => t.value.border?.width), o = w(() => t.value.border?.color), { color: r } = Q(o), i = w(() => t.value.border?.roundRadius?.tl), l = w(() => t.value.border?.roundRadius?.tr), c = w(() => t.value.border?.roundRadius?.bl), u = w(() => t.value.border?.roundRadius?.br);
-  function m(d) {
+  function p(d) {
     n.value && (d.borderStyle = n.value), e.value && (d.borderWidth = e.value), r.value && (d.borderColor = r.value), i.value && (d.borderTopLeftRadius = i.value), l.value && (d.borderTopRightRadius = l.value), c.value && (d.borderBottomLeftRadius = c.value), u.value && (d.borderBottomRightRadius = u.value);
   }
-  return { borderStyle: n, borderWidth: e, borderColor: r, applyBorder: m };
+  return { borderStyle: n, borderWidth: e, borderColor: r, applyBorder: p };
 }
 function un(t) {
   const n = w(() => t.value.margin?.top), e = w(() => t.value.margin?.left), o = w(() => t.value.margin?.bottom), r = w(() => t.value.margin?.right);
@@ -568,32 +570,32 @@ function mn(t) {
   return { paddingTop: n, paddingLeft: e, paddingBottom: o, paddingRight: r, applyPadding: i };
 }
 function be(t, n) {
-  const e = Z(), o = De(), r = w(() => n.value.size?.width), i = w(() => n.value.size?.minWidth), l = w(() => n.value.size?.maxWidth), c = w(() => {
+  const e = Z(), o = Oe(), r = w(() => n.value.size?.width), i = w(() => n.value.size?.minWidth), l = w(() => n.value.size?.maxWidth), c = w(() => {
     if (t.outer && e === "editor") {
-      const p = wt(n.value.size?.height);
-      if (p)
-        return p / 100 * o.value.height + "px";
+      const m = wt(n.value.size?.height);
+      if (m)
+        return m / 100 * o.value.height + "px";
     }
     return n.value.size?.height;
   }), u = w(() => {
     if (t.outer && e === "editor") {
-      const p = wt(n.value.size?.minHeight);
-      if (p)
-        return p / 100 * o.value.height + "px";
+      const m = wt(n.value.size?.minHeight);
+      if (m)
+        return m / 100 * o.value.height + "px";
     }
     return n.value.size?.minHeight;
-  }), m = w(() => {
+  }), p = w(() => {
     if (t.outer && e === "editor") {
-      const p = wt(n.value.size?.maxHeight);
-      if (p)
-        return p / 100 * o.value.height + "px";
+      const m = wt(n.value.size?.maxHeight);
+      if (m)
+        return m / 100 * o.value.height + "px";
     }
     return n.value.size?.maxHeight;
   });
-  function d(p) {
-    r.value && (p.width = r.value), i.value && (p.minWidth = i.value), l.value && (p.maxWidth = l.value), c.value && (p.height = c.value), u.value && (p.minHeight = u.value), m.value && (p.maxHeight = m.value);
+  function d(m) {
+    r.value && (m.width = r.value), i.value && (m.minWidth = i.value), l.value && (m.maxWidth = l.value), c.value && (m.height = c.value), u.value && (m.minHeight = u.value), p.value && (m.maxHeight = p.value);
   }
-  return { width: r, minWidth: i, maxWidth: l, height: c, minHeight: u, maxHeight: m, applySize: d };
+  return { width: r, minWidth: i, maxWidth: l, height: c, minHeight: u, maxHeight: p, applySize: d };
 }
 const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Gi = /* @__PURE__ */ S({
   __name: "index",
@@ -603,24 +605,24 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = L(n), o = Z(), { position: r, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
-    return (_, g) => (k(), te("TresOrthographicCamera", {
+    const n = t, { node: e } = L(n), o = Z(), { position: r, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: p } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: m } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
+    return (g, h) => (k(), te("TresOrthographicCamera", {
       bottom: s(c),
       far: s(u),
-      left: s(m),
+      left: s(p),
       near: s(d),
       position: s(r),
-      right: s(p),
+      right: s(m),
       rotation: s(i),
       scale: s(l),
       top: s(f)
     }, [
-      D(s(Be)),
-      s(o) === "editor" ? (k(), $(s(qe), {
+      D(s(Re)),
+      s(o) === "editor" ? (k(), C(s(qe), {
         key: 0,
         type: s(To)
       }, null, 8, ["type"])) : se("", !0),
-      F(_.$slots, "default")
+      F(g.$slots, "default")
     ], 8, ji));
   }
 }), Hi = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Ui = /* @__PURE__ */ S({
@@ -631,41 +633,41 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = L(n), o = Z(), { position: r, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
-    return (p, f) => (k(), te("TresPerspectiveCamera", {
+    const n = t, { node: e } = L(n), o = Z(), { position: r, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: p } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
+    return (m, f) => (k(), te("TresPerspectiveCamera", {
       aspect: s(c),
       far: s(u),
-      fov: s(m),
+      fov: s(p),
       near: s(d),
       position: s(r),
       rotation: s(i),
       scale: s(l)
     }, [
-      D(s(Be)),
-      s(o) === "editor" ? (k(), $(s(qe), {
+      D(s(Re)),
+      s(o) === "editor" ? (k(), C(s(qe), {
         key: 0,
         type: s(To)
       }, null, 8, ["type"])) : se("", !0),
-      F(p.$slots, "default")
+      F(m.$slots, "default")
     ], 8, Hi));
   }
 }), Ji = /* @__PURE__ */ S({
   __name: "index",
   setup(t) {
     const n = Z();
-    return (e, o) => s(n) !== "editor" ? (k(), $(s(yi), { key: 0 })) : se("", !0);
+    return (e, o) => s(n) !== "editor" ? (k(), C(s(yi), { key: 0 })) : se("", !0);
   }
 }), qi = /* @__PURE__ */ S({
   __name: "index",
   setup(t) {
     const n = Z();
-    return (e, o) => s(n) !== "editor" ? (k(), $(s(bi), { key: 0 })) : se("", !0);
+    return (e, o) => s(n) !== "editor" ? (k(), C(s(bi), { key: 0 })) : se("", !0);
   }
 }), Xi = /* @__PURE__ */ S({
   __name: "index",
   setup(t) {
     const n = Z();
-    return (e, o) => s(n) !== "editor" ? (k(), $(s(gi), { key: 0 })) : se("", !0);
+    return (e, o) => s(n) !== "editor" ? (k(), C(s(gi), { key: 0 })) : se("", !0);
   }
 }), Yi = ["args"], Zi = /* @__PURE__ */ S({
   __name: "index",
@@ -685,7 +687,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (m, d) => (k(), te("TresBoxGeometry", {
+    return (p, d) => (k(), te("TresBoxGeometry", {
       args: [
         s(c),
         s(i),
@@ -696,7 +698,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       ]
     }, null, 8, Yi));
   }
-}), Re = (t, n) => {
+}), Ke = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [o, r] of n)
     e[o] = r;
@@ -724,14 +726,14 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { property: u } = a(e, [
       "settings",
       "thetaStart"
-    ]), { property: m } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "widthSegments"
     ]);
-    return (d, p) => (k(), te("TresSphereGeometry", {
+    return (d, m) => (k(), te("TresSphereGeometry", {
       args: [
         s(l),
-        s(m),
+        s(p),
         s(o),
         s(i),
         s(r),
@@ -752,15 +754,15 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "intensity"
     ]);
-    return (m, d) => (k(), te("TresAmbientLight", {
+    return (p, d) => (k(), te("TresAmbientLight", {
       color: s(c),
       intensity: s(u),
       position: s(o),
       rotation: s(r),
       scale: s(i)
     }, [
-      D(s(Be)),
-      F(m.$slots, "default")
+      D(s(Re)),
+      F(p.$slots, "default")
     ], 8, tr));
   }
 }), or = ["color", "intensity", "position", "rotation", "scale"], ir = /* @__PURE__ */ S({
@@ -771,19 +773,19 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = L(n), o = Z(), { position: r, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: m } = a(e, [
+    const n = t, { node: e } = L(n), o = Z(), { position: r, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: p } = a(e, [
       "settings",
       "intensity"
     ]);
-    return (d, p) => (k(), te("TresDirectionalLight", {
+    return (d, m) => (k(), te("TresDirectionalLight", {
       color: s(u),
-      intensity: s(m),
+      intensity: s(p),
       position: s(r),
       rotation: s(i),
       scale: s(l)
     }, [
-      D(s(Be)),
-      s(o) === "editor" ? (k(), $(s(qe), {
+      D(s(Re)),
+      s(o) === "editor" ? (k(), C(s(qe), {
         key: 0,
         type: s(pi)
       }, null, 8, ["type"])) : se("", !0),
@@ -798,24 +800,24 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = L(n), o = Z(), { position: r, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: m } = a(e, ["settings", "decay"]), { property: d } = a(e, [
+    const n = t, { node: e } = L(n), o = Z(), { position: r, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: p } = a(e, ["settings", "decay"]), { property: d } = a(e, [
       "settings",
       "distance"
-    ]), { property: p } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "intensity"
     ]);
-    return (f, _) => (k(), te("TresPointLight", {
+    return (f, g) => (k(), te("TresPointLight", {
       color: s(u),
-      decay: s(m),
+      decay: s(p),
       distance: s(d),
-      intensity: s(p),
+      intensity: s(m),
       position: s(r),
       rotation: s(i),
       scale: s(l)
     }, [
-      D(s(Be)),
-      s(o) === "editor" ? (k(), $(s(qe), {
+      D(s(Re)),
+      s(o) === "editor" ? (k(), C(s(qe), {
         key: 0,
         type: s(di)
       }, null, 8, ["type"])) : se("", !0),
@@ -830,40 +832,40 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = L(n), o = Z(), { position: r, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: m } = Q(u), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
+    const n = t, { node: e } = L(n), o = Z(), { position: r, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: p } = Q(u), { property: d } = a(e, ["settings", "decay"]), { property: m } = a(e, [
       "settings",
       "distance"
     ]), { property: f } = a(e, [
       "settings",
       "intensity"
-    ]), { property: _ } = a(e, [
+    ]), { property: g } = a(e, [
       "settings",
       "penumbra"
     ]);
-    return (g, I) => (k(), te("TresSpotLight", {
+    return (h, I) => (k(), te("TresSpotLight", {
       angle: s(c),
-      color: s(m),
+      color: s(p),
       decay: s(d),
-      distance: s(p),
+      distance: s(m),
       intensity: s(f),
-      penumbra: s(_),
+      penumbra: s(g),
       position: s(o) !== "editor" ? s(r) : [0, 0, 0],
       rotation: s(o) !== "editor" ? s(i) : [0, 0, 0],
       scale: s(o) !== "editor" ? s(l) : [1, 1, 1]
     }, [
-      D(s(Be)),
-      s(o) === "editor" ? (k(), $(s(qe), {
+      D(s(Re)),
+      s(o) === "editor" ? (k(), C(s(qe), {
         key: 0,
         type: s(fi)
       }, null, 8, ["type"])) : se("", !0),
-      F(g.$slots, "default")
+      F(h.$slots, "default")
     ], 8, lr));
   }
 }), cr = {};
 function ur(t, n) {
   return k(), te("TresMeshBasicMaterial");
 }
-const mr = /* @__PURE__ */ Re(cr, [["render", ur]]), pr = ["position", "rotation", "scale"], dr = /* @__PURE__ */ S({
+const mr = /* @__PURE__ */ Ke(cr, [["render", ur]]), pr = ["position", "rotation", "scale"], dr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -897,7 +899,7 @@ const mr = /* @__PURE__ */ Re(cr, [["render", ur]]), pr = ["position", "rotation
       F(l.$slots, "default")
     ], 8, fr));
   }
-}), br = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], gr = "#242424", hr = {}, _r = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, vr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, xr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, kr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Lr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Tr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Er = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Ar = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Mr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Wr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Br = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Rr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Kr = { textStyle: { color: "#eeeeee" } }, Dr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Or = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Fr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Nr = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, jr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Gr = {
+}), br = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], gr = "#242424", hr = {}, _r = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, vr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, xr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, kr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Lr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Tr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Er = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Ar = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Mr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Wr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Br = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Rr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Kr = { textStyle: { color: "#eeeeee" } }, Dr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Or = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Fr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Nr = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, jr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Gr = {
   color: br,
   backgroundColor: gr,
   textStyle: hr,
@@ -908,8 +910,8 @@ const mr = /* @__PURE__ */ Re(cr, [["render", ur]]), pr = ["position", "rotation
   pie: wr,
   scatter: Ir,
   boxplot: Sr,
-  parallel: Cr,
-  sankey: $r,
+  parallel: $r,
+  sankey: Cr,
   funnel: Vr,
   gauge: Pr,
   candlestick: Lr,
@@ -966,7 +968,7 @@ hi([
   wi,
   Ii,
   Si,
-  Ci
+  $i
 ]);
 Eo("dark", Gr);
 Eo("light", xs);
@@ -978,9 +980,9 @@ const ks = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = L(n), o = De(), r = Ze(), i = we(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: _ } = be(n, e), { applyTitle: g } = Ko(e), { applyXAxis: I } = Do(e), { applyYAxis: v } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: b } = Ro(e), h = w(() => {
+    const n = t, { node: e } = L(n), o = Oe(), r = Ze(), i = we(), l = le(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = be(n, e), { applyTitle: h } = Ko(e), { applyXAxis: I } = Do(e), { applyYAxis: v } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: b } = Ro(e), _ = w(() => {
       const z = {}, q = l.value?.type;
-      return i === "page" ? q === "common" ? _(z) : console.assert(!1) : i === "comp" && q === "common" ? _(z) : console.assert(!1), z;
+      return i === "page" ? q === "common" ? g(z) : console.assert(!1) : i === "comp" && q === "common" ? g(z) : console.assert(!1), z;
     }), V = ko("chart");
     let R;
     const N = () => {
@@ -991,11 +993,11 @@ const ks = /* @__PURE__ */ S({
       R?.resize();
     }, j = () => {
       const z = {};
-      g(z), I(z), v(z), x(z), b(z), R?.setOption(z, !0);
+      h(z), I(z), v(z), x(z), b(z), R?.setOption(z, !0);
     };
     return wo(async () => {
-      window.addEventListener("resize", G, !1), await $o(() => !!V.value), N(), j();
-    }), Je(() => {
+      window.addEventListener("resize", G, !1), await Co(() => !!V.value), N(), j();
+    }), Be(() => {
       window.removeEventListener("resize", G, !1), R?.dispose();
     }), pe(
       [
@@ -1003,9 +1005,9 @@ const ks = /* @__PURE__ */ S({
         () => o.value.height,
         c,
         u,
-        m,
-        d,
         p,
+        d,
+        m,
         f
       ],
       async () => {
@@ -1019,14 +1021,14 @@ const ks = /* @__PURE__ */ S({
         j();
       },
       { deep: !0 }
-    ), (z, q) => (k(), $(s(U), {
+    ), (z, q) => (k(), C(s(U), {
       block: "",
       mask: ""
     }, {
       default: P(() => [
         We("div", {
           ref: "chart",
-          style: de(h.value)
+          style: de(_.value)
         }, null, 4)
       ]),
       _: 1
@@ -1040,9 +1042,9 @@ const ks = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = L(n), o = De(), r = Ze(), i = we(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: _ } = be(n, e), { applyTitle: g } = Ko(e), { applyXAxis: I } = Do(e), { applyYAxis: v } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: b } = Ro(e), h = w(() => {
+    const n = t, { node: e } = L(n), o = Oe(), r = Ze(), i = we(), l = le(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = be(n, e), { applyTitle: h } = Ko(e), { applyXAxis: I } = Do(e), { applyYAxis: v } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: b } = Ro(e), _ = w(() => {
       const z = {}, q = l.value?.type;
-      return i === "page" ? q === "common" ? _(z) : console.assert(!1) : i === "comp" && q === "common" ? _(z) : console.assert(!1), z;
+      return i === "page" ? q === "common" ? g(z) : console.assert(!1) : i === "comp" && q === "common" ? g(z) : console.assert(!1), z;
     }), V = ko("chart");
     let R;
     const N = () => {
@@ -1053,11 +1055,11 @@ const ks = /* @__PURE__ */ S({
       R?.resize();
     }, j = () => {
       const z = {};
-      g(z), I(z), v(z), x(z), b(z), R?.setOption(z, !0);
+      h(z), I(z), v(z), x(z), b(z), R?.setOption(z, !0);
     };
     return wo(async () => {
-      window.addEventListener("resize", G, !1), await $o(() => !!V.value), N(), j();
-    }), Je(() => {
+      window.addEventListener("resize", G, !1), await Co(() => !!V.value), N(), j();
+    }), Be(() => {
       window.removeEventListener("resize", G, !1), R?.dispose();
     }), pe(
       [
@@ -1065,9 +1067,9 @@ const ks = /* @__PURE__ */ S({
         () => o.value.height,
         c,
         u,
-        m,
-        d,
         p,
+        d,
+        m,
         f
       ],
       async () => {
@@ -1081,14 +1083,14 @@ const ks = /* @__PURE__ */ S({
         j();
       },
       { deep: !0 }
-    ), (z, q) => (k(), $(s(U), {
+    ), (z, q) => (k(), C(s(U), {
       block: "",
       mask: ""
     }, {
       default: P(() => [
         We("div", {
           ref: "chart",
-          style: de(h.value)
+          style: de(_.value)
         }, null, 4)
       ]),
       _: 1
@@ -1111,9 +1113,9 @@ const ks = /* @__PURE__ */ S({
       "offset",
       "y"
     ]);
-    return (u, m) => {
+    return (u, p) => {
       const d = W("v-badge");
-      return k(), $(s(U), null, {
+      return k(), C(s(U), null, {
         default: P(() => [
           D(d, {
             content: s(o),
@@ -1144,17 +1146,17 @@ const ks = /* @__PURE__ */ S({
       "settings",
       "addIcon",
       "append"
-    ]), { property: i } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: u } = a(e, ["settings", "density"]), { property: m } = a(e, [
+    ]), { property: i } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: u } = a(e, ["settings", "density"]), { property: p } = a(e, [
       "settings",
       "disabled"
-    ]), { property: d } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: _ } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: I } = a(e, ["size", "minWidth"]), { property: v } = a(e, [
+    ]), { property: d } = a(e, ["size", "height"]), { property: m } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: g } = a(e, ["size", "maxWidth"]), { property: h } = a(e, ["size", "minHeight"]), { property: I } = a(e, ["size", "minWidth"]), { property: v } = a(e, [
       "settings",
       "addIcon",
       "prepend"
     ]), { property: x } = a(e, [
       "settings",
       "readonly"
-    ]), { property: b } = a(e, ["settings", "ripple"]), { property: h } = a(e, ["settings", "size"]), { property: V } = a(e, ["settings", "stacked"]), { property: R } = a(e, ["settings", "text"]), { theme: N } = J(), { property: G } = a(e, ["settings", "variant"]), { property: j } = a(e, ["size", "width"]), z = (q) => {
+    ]), { property: b } = a(e, ["settings", "ripple"]), { property: _ } = a(e, ["settings", "size"]), { property: V } = a(e, ["settings", "stacked"]), { property: R } = a(e, ["settings", "text"]), { theme: N } = J(), { property: G } = a(e, ["settings", "variant"]), { property: j } = a(e, ["size", "width"]), z = (q) => {
       if (!o || !o.vm)
         return;
       const { vm: oe } = o;
@@ -1165,7 +1167,7 @@ const ks = /* @__PURE__ */ S({
     };
     return (q, oe) => {
       const ge = W("v-btn");
-      return k(), $(s(U), {
+      return k(), C(s(U), {
         block: s(i),
         mask: ""
       }, {
@@ -1175,17 +1177,17 @@ const ks = /* @__PURE__ */ S({
             block: s(i),
             color: s(c),
             density: s(u),
-            disabled: s(m),
+            disabled: s(p),
             height: s(d),
-            loading: s(p),
+            loading: s(m),
             "max-height": s(f),
-            "max-width": s(_),
-            "min-height": s(g),
+            "max-width": s(g),
+            "min-height": s(h),
             "min-width": s(I),
             "prepend-icon": s(v),
             readonly: s(x),
             ripple: s(b),
-            size: s(h),
+            size: s(_),
             stacked: s(V),
             text: s(R),
             theme: s(N),
@@ -1198,17 +1200,17 @@ const ks = /* @__PURE__ */ S({
       }, 8, ["block"]);
     };
   }
-}), Cs = {};
-function $s(t, n) {
+}), $s = {};
+function Cs(t, n) {
   const e = W("v-btn-group");
-  return k(), $(e, null, {
+  return k(), C(e, null, {
     default: P(() => [
       F(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
+const Vs = /* @__PURE__ */ Ke($s, [["render", Cs]]), Ps = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1228,24 +1230,24 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { property: m } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = J(), { property: f } = a(e, ["settings", "tile"]), { property: _ } = a(e, ["settings", "variant"]);
-    return (g, I) => {
+    ]), { property: p } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: m } = J(), { property: f } = a(e, ["settings", "tile"]), { property: g } = a(e, ["settings", "variant"]);
+    return (h, I) => {
       const v = W("v-btn-toggle");
-      return k(), $(v, {
+      return k(), C(v, {
         block: s(o),
         disabled: s(r),
         divided: s(i),
         mandatory: s(l),
         multiple: s(c),
         readonly: s(u),
-        size: s(m),
+        size: s(p),
         stacked: s(d),
-        theme: s(p),
+        theme: s(m),
         tile: s(f),
-        variant: s(_)
+        variant: s(g)
       }, {
         default: P(() => [
-          F(g.$slots, "default")
+          F(h.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
@@ -1262,13 +1264,13 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "density"]), { property: r } = a(e, [
       "settings",
       "disabled"
-    ]), { property: i } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: u } = a(e, ["size", "maxHeight"]), { property: m } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["size", "minHeight"]), { property: p } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
+    ]), { property: i } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: u } = a(e, ["size", "maxHeight"]), { property: p } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["size", "minHeight"]), { property: m } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
       "settings",
       "subtitle"
-    ]), { property: _ } = a(e, ["settings", "text"]), { theme: g } = J(), { property: I } = a(e, ["settings", "title"]), { property: v } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
-    return (b, h) => {
+    ]), { property: g } = a(e, ["settings", "text"]), { theme: h } = J(), { property: I } = a(e, ["settings", "title"]), { property: v } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
+    return (b, _) => {
       const V = W("v-card");
-      return k(), $(s(U), { block: "" }, {
+      return k(), C(s(U), { block: "" }, {
         default: P(() => [
           D(V, {
             density: s(o),
@@ -1277,12 +1279,12 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
             hover: s(l),
             loading: s(c),
             "max-height": s(u),
-            "max-width": s(m),
+            "max-width": s(p),
             "min-height": s(d),
-            "min-width": s(p),
+            "min-width": s(m),
             subtitle: s(f),
-            text: s(_),
-            theme: s(g),
+            text: s(g),
+            theme: s(h),
             title: s(I),
             variant: s(v),
             width: s(x)
@@ -1314,7 +1316,7 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]);
     return (i, l) => {
       const c = W("v-checkbox");
-      return k(), $(s(U), { mask: "" }, {
+      return k(), C(s(U), { mask: "" }, {
         default: P(() => [
           D(c, {
             disabled: s(o),
@@ -1342,23 +1344,23 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: u } = a(e, [
       "settings",
       "draggable"
-    ]), { property: m } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: _ } = J(), { property: g } = a(e, ["settings", "tile"]), { property: I } = a(e, ["settings", "value"]), { property: v } = a(e, ["settings", "variant"]);
+    ]), { property: p } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: g } = J(), { property: h } = a(e, ["settings", "tile"]), { property: I } = a(e, ["settings", "value"]), { property: v } = a(e, ["settings", "variant"]);
     return (x, b) => {
-      const h = W("v-chip");
-      return k(), $(s(U), { mask: "" }, {
+      const _ = W("v-chip");
+      return k(), C(s(U), { mask: "" }, {
         default: P(() => [
-          D(h, {
+          D(_, {
             closable: s(o),
             color: s(i),
             density: s(l),
             disabled: s(c),
             draggable: s(u),
-            filter: s(m),
+            filter: s(p),
             label: s(d),
-            size: s(p),
+            size: s(m),
             text: s(f),
-            theme: s(_),
-            tile: s(g),
+            theme: s(g),
+            tile: s(h),
             value: s(I),
             variant: s(v)
           }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"])
@@ -1387,22 +1389,22 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: u } = a(e, [
       "settings",
       "multiple"
-    ]), { property: m } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "showArrows"
-    ]), { theme: d } = J(), { property: p } = a(e, ["settings", "value"]);
-    return (f, _) => {
-      const g = W("v-chip-group");
-      return k(), $(g, {
-        modelValue: s(p),
-        "onUpdate:modelValue": _[0] || (_[0] = (I) => ne(p) ? p.value = I : null),
+    ]), { theme: d } = J(), { property: m } = a(e, ["settings", "value"]);
+    return (f, g) => {
+      const h = W("v-chip-group");
+      return k(), C(h, {
+        modelValue: s(m),
+        "onUpdate:modelValue": g[0] || (g[0] = (I) => ne(m) ? m.value = I : null),
         column: s(o),
         direction: s(r),
         disabled: s(i),
         filter: s(l),
         mandatory: s(c),
         multiple: s(u),
-        "show-arrows": s(m),
+        "show-arrows": s(p),
         theme: s(d)
       }, {
         default: P(() => [
@@ -1429,36 +1431,36 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: u } = a(e, [
       "settings",
       "hideCanvas"
-    ]), { property: m } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "hideHeader"
     ]), { property: d } = a(e, [
       "settings",
       "hideInputs"
-    ]), { property: p } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "hideSliders"
     ]), { property: f } = a(e, [
       "settings",
       "landscape"
-    ]), { property: _ } = a(e, [
+    ]), { property: g } = a(e, [
       "settings",
       "showSwatches"
-    ]), { theme: g } = J();
+    ]), { theme: h } = J();
     return (I, v) => {
       const x = W("v-color-picker");
-      return k(), $(s(U), { mask: "" }, {
+      return k(), C(s(U), { mask: "" }, {
         default: P(() => [
           D(x, {
             disabled: s(c),
             "hide-canvas": s(u),
-            "hide-header": s(m),
+            "hide-header": s(p),
             "hide-inputs": s(d),
-            "hide-sliders": s(p),
+            "hide-sliders": s(m),
             landscape: s(f),
-            "show-swatches": s(_),
+            "show-swatches": s(g),
             style: de(l.value),
-            theme: s(g)
+            theme: s(h)
           }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"])
         ]),
         _: 1
@@ -1485,14 +1487,14 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: u } = J(), { property: m } = a(e, ["settings", "value"]);
-    return (d, p) => {
+    ]), { theme: u } = J(), { property: p } = a(e, ["settings", "value"]);
+    return (d, m) => {
       const f = W("v-combobox");
-      return k(), $(s(U), { mask: "" }, {
+      return k(), C(s(U), { mask: "" }, {
         default: P(() => [
           D(f, {
-            modelValue: s(m),
-            "onUpdate:modelValue": p[0] || (p[0] = (_) => ne(m) ? m.value = _ : null),
+            modelValue: s(p),
+            "onUpdate:modelValue": m[0] || (m[0] = (g) => ne(p) ? p.value = g : null),
             "hide-details": s(o),
             label: s(r),
             placeholder: s(i),
@@ -1516,14 +1518,14 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     const n = t, { node: e } = L(n), o = we(), r = le(), { property: i } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: l } = Q(i), { applySize: c } = be(n, e), { applyMargin: u } = un(e), { applyPadding: m } = mn(e), { applyBorder: d } = cn(e), p = w(() => {
-      const f = {}, _ = r.value?.type;
-      return o === "page" ? _ === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && _ === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
+    ]), { color: l } = Q(i), { applySize: c } = be(n, e), { applyMargin: u } = un(e), { applyPadding: p } = mn(e), { applyBorder: d } = cn(e), m = w(() => {
+      const f = {}, g = r.value?.type;
+      return o === "page" ? g === "common" ? (c(f), u(f), p(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && g === "common" ? (c(f), u(f), p(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
     });
-    return (f, _) => (k(), $(s(U), { block: "" }, {
+    return (f, g) => (k(), C(s(U), { block: "" }, {
       default: P(() => [
         We("div", {
-          style: de(p.value)
+          style: de(m.value)
         }, [
           F(f.$slots, "default")
         ], 4)
@@ -1540,12 +1542,12 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = t, e = Z(), o = Qe(), r = re();
-    $e(r);
+    Ce(r);
     const i = w(() => n.refContext.compId);
     et(i, r), ie(e) && tt(r, "slot", "", "", _e());
     function l(u) {
-      const m = ke[u.key];
-      if (!m) {
+      const p = ke[u.key];
+      if (!p) {
         console.assert(!1, `element not found key=${u.key}`);
         return;
       }
@@ -1556,15 +1558,15 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
         parent: n.refContext,
         compId: u.compId
       }), K(
-        m.comp,
+        p.comp,
         {
           key: u.id,
           ...d
         },
         {
           default: () => {
-            if (!m.leaf)
-              return u.children?.map((p) => l(p));
+            if (!p.leaf)
+              return u.children?.map((m) => l(m));
           }
         }
       );
@@ -1582,7 +1584,7 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
           { default: () => r.value.view.nodeLites.map((d) => l(d)) }
         );
     };
-    return (u, m) => (k(), $(c));
+    return (u, p) => (k(), C(c));
   }
 }), Rs = /* @__PURE__ */ S({
   __name: "index",
@@ -1598,13 +1600,13 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: i } = a(e, [
       "settings",
       "fixedHeader"
-    ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: u } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "data"], !0), { property: d } = a(e, ["settings", "loading"]), { property: p } = a(e, [
+    ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: u } = a(e, ["settings", "hover"]), { property: p } = a(e, ["settings", "data"], !0), { property: d } = a(e, ["settings", "loading"]), { property: m } = a(e, [
       "settings",
       "multiSort"
-    ]), { theme: f } = J(), { property: _ } = a(e, ["size", "width"]), { property: g } = a(e, ["slots", "columns"]);
+    ]), { theme: f } = J(), { property: g } = a(e, ["size", "width"]), { property: h } = a(e, ["slots", "columns"]);
     return (I, v) => {
       const x = W("v-data-table");
-      return k(), $(s(U), {
+      return k(), C(s(U), {
         block: "",
         mask: ""
       }, {
@@ -1616,20 +1618,20 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
             headers: s(l),
             height: s(c),
             hover: s(u),
-            items: s(m),
+            items: s(p),
             loading: s(d),
-            "multi-sort": s(p),
+            "multi-sort": s(m),
             theme: s(f),
-            width: s(_)
+            width: s(g)
           }, on({ _: 2 }, [
-            ii(s(g), ({ key: b, comp: h }) => ({
+            ii(s(h), ({ key: b, comp: _ }) => ({
               name: `item.${b}`,
               fn: P(({ value: V }) => [
                 D(Bs, {
                   "node-id": n.nodeId,
                   "ref-context": {
                     parent: n.refContext,
-                    compId: h
+                    compId: _
                   },
                   value: V
                 }, null, 8, ["node-id", "ref-context", "value"])
@@ -1646,7 +1648,7 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
   setup(t) {
     return (n, e) => {
       const o = W("v-date-picker");
-      return k(), $(s(U), { mask: "" }, {
+      return k(), C(s(U), { mask: "" }, {
         default: P(() => [
           D(o)
         ]),
@@ -1669,7 +1671,7 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
       o.value = !1;
     }), (r, i) => {
       const l = W("v-dialog");
-      return k(), $(l, {
+      return k(), C(l, {
         modelValue: s(o),
         "onUpdate:modelValue": i[0] || (i[0] = (c) => ne(o) ? o.value = c : null),
         attach: "#dialogContainer"
@@ -1701,19 +1703,19 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: l } = a(e, [
       "settings",
       "disabled"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: p } = a(e, [
       "settings",
       "multiple"
     ]), { property: d } = a(e, [
       "settings",
       "readonly"
-    ]), { property: p } = a(e, ["settings", "reverse"]), { property: f } = a(e, [
+    ]), { property: m } = a(e, ["settings", "reverse"]), { property: f } = a(e, [
       "settings",
       "singleLine"
     ]);
-    return (_, g) => {
+    return (g, h) => {
       const I = W("v-file-input");
-      return k(), $(s(U), {
+      return k(), C(s(U), {
         block: "",
         mask: ""
       }, {
@@ -1725,9 +1727,9 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
             disabled: s(l),
             label: s(c),
             loading: s(u),
-            multiple: s(m),
+            multiple: s(p),
             readonly: s(d),
-            reverse: s(p),
+            reverse: s(m),
             "single-line": s(f)
           }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"])
         ]),
@@ -1743,27 +1745,27 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = L(n), o = De(), r = we(), i = le(), { applySize: l } = be(n, e), { applyMargin: c } = un(e), { applyPadding: u } = mn(e), { applyBorder: m } = cn(e), { property: d } = a(e, [
+    const n = t, { node: e } = L(n), o = Oe(), r = we(), i = le(), { applySize: l } = be(n, e), { applyMargin: c } = un(e), { applyPadding: u } = mn(e), { applyBorder: p } = cn(e), { property: d } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: p } = Q(d), f = (g) => {
-      p.value && (g.backgroundColor = p.value), g.display = "flex";
-      const I = ut(o.value.width), v = Oe(I, e.value.settings?.direction);
-      v === "row" ? g.flexDirection = "row" : v === "rowReverse" ? g.flexDirection = "row-reverse" : v === "column" ? g.flexDirection = "column" : v === "columnReverse" && (g.flexDirection = "column-reverse");
-      const x = Oe(I, e.value.settings?.wrap);
-      x === "no" ? g.flexWrap = "nowrap" : x === "yes" ? g.flexWrap = "wrap" : x === "reverse" && (g.flexWrap = "wrap-reverse");
-      const b = Oe(I, e.value.settings?.mainAlign);
-      b === "start" ? g.justifyContent = "flex-start" : b === "end" ? g.justifyContent = "flex-end" : b === "center" ? g.justifyContent = "center" : b === "spaceBetween" ? g.justifyContent = "space-between" : b === "spaceAround" ? g.justifyContent = "space-around" : b === "spaceEvenly" && (g.justifyContent = "space-evenly");
-      const h = Oe(I, e.value.settings?.crossAlign);
-      h === "start" ? g.alignItems = "flex-start" : h === "end" ? g.alignItems = "flex-end" : h === "center" ? g.alignItems = "center" : h === "baseline" ? g.alignItems = "baseline" : h === "stretch" && (g.alignItems = "stretch");
-    }, _ = w(() => {
-      const g = {}, I = i.value?.type;
-      return r === "page" ? I === "common" ? (l(g), c(g), u(g), m(g), f(g)) : console.assert(!1) : r === "comp" && I === "common" ? (l(g), c(g), u(g), m(g), f(g)) : console.assert(!1), g;
+    ]), { color: m } = Q(d), f = (h) => {
+      m.value && (h.backgroundColor = m.value), h.display = "flex";
+      const I = ut(o.value.width), v = Fe(I, e.value.settings?.direction);
+      v === "row" ? h.flexDirection = "row" : v === "rowReverse" ? h.flexDirection = "row-reverse" : v === "column" ? h.flexDirection = "column" : v === "columnReverse" && (h.flexDirection = "column-reverse");
+      const x = Fe(I, e.value.settings?.wrap);
+      x === "no" ? h.flexWrap = "nowrap" : x === "yes" ? h.flexWrap = "wrap" : x === "reverse" && (h.flexWrap = "wrap-reverse");
+      const b = Fe(I, e.value.settings?.mainAlign);
+      b === "start" ? h.justifyContent = "flex-start" : b === "end" ? h.justifyContent = "flex-end" : b === "center" ? h.justifyContent = "center" : b === "spaceBetween" ? h.justifyContent = "space-between" : b === "spaceAround" ? h.justifyContent = "space-around" : b === "spaceEvenly" && (h.justifyContent = "space-evenly");
+      const _ = Fe(I, e.value.settings?.crossAlign);
+      _ === "start" ? h.alignItems = "flex-start" : _ === "end" ? h.alignItems = "flex-end" : _ === "center" ? h.alignItems = "center" : _ === "baseline" ? h.alignItems = "baseline" : _ === "stretch" && (h.alignItems = "stretch");
+    }, g = w(() => {
+      const h = {}, I = i.value?.type;
+      return r === "page" ? I === "common" ? (l(h), c(h), u(h), p(h), f(h)) : console.assert(!1) : r === "comp" && I === "common" ? (l(h), c(h), u(h), p(h), f(h)) : console.assert(!1), h;
     });
-    return (g, I) => (k(), te("div", {
-      style: de(_.value)
+    return (h, I) => (k(), te("div", {
+      style: de(g.value)
     }, [
-      F(g.$slots, "default")
+      F(h.$slots, "default")
     ], 4));
   }
 }), js = /* @__PURE__ */ S({
@@ -1775,13 +1777,13 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = t, { node: e } = L(n), o = we(), r = le(), { applySize: i } = be(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = w(() => {
-      const m = {}, d = r.value?.type;
-      return o === "page" ? d === "common" ? (i(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (i(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1), m;
+      const p = {}, d = r.value?.type;
+      return o === "page" ? d === "common" ? (i(p), p.flexGrow = l.value ? 1 : 0, p.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (i(p), p.flexGrow = l.value ? 1 : 0, p.flexShrink = c.value ? 1 : 0) : console.assert(!1), p;
     });
-    return (m, d) => (k(), te("div", {
+    return (p, d) => (k(), te("div", {
       style: de(u.value)
     }, [
-      F(m.$slots, "default")
+      F(p.$slots, "default")
     ], 4));
   }
 }), Gs = /* @__PURE__ */ S({
@@ -1798,9 +1800,9 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: u } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: m } = Q(u), { applySize: d } = be(n, e), { applyMargin: p } = un(e), { applyPadding: f } = mn(e), { applyBorder: _ } = cn(e), g = w(() => {
+    ]), { color: p } = Q(u), { applySize: d } = be(n, e), { applyMargin: m } = un(e), { applyPadding: f } = mn(e), { applyBorder: g } = cn(e), h = w(() => {
       const v = {}, x = r.value?.type;
-      return o === "page" ? x === "common" ? (d(v), p(v), f(v), _(v), m.value && (v.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(v), p(v), f(v), _(v), m.value && (v.backgroundColor = m.value)) : console.assert(!1), v;
+      return o === "page" ? x === "common" ? (d(v), m(v), f(v), g(v), p.value && (v.backgroundColor = p.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(v), m(v), f(v), g(v), p.value && (v.backgroundColor = p.value)) : console.assert(!1), v;
     }), I = () => {
       i && i.callFunction(
         "__triggerEventV1__",
@@ -1809,11 +1811,11 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     };
     return (v, x) => {
       const b = W("v-form");
-      return k(), $(b, {
+      return k(), C(b, {
         modelValue: s(l),
-        "onUpdate:modelValue": x[0] || (x[0] = (h) => ne(l) ? l.value = h : null),
+        "onUpdate:modelValue": x[0] || (x[0] = (_) => ne(l) ? l.value = _ : null),
         "fast-fail": s(c),
-        style: de(g.value),
+        style: de(h.value),
         onSubmit: ri(I, ["prevent"])
       }, {
         default: P(() => [
@@ -1835,9 +1837,9 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
       "settings",
       "disabled"
     ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: u } = J();
-    return (m, d) => {
-      const p = W("v-icon");
-      return k(), $(p, {
+    return (p, d) => {
+      const m = W("v-icon");
+      return k(), C(m, {
         color: s(r),
         disabled: s(i),
         icon: s(l),
@@ -1858,15 +1860,15 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     return mt(n.nodeId, "open", () => {
       if (!o || !o.vm)
         return;
-      const { vm: u } = o, m = u.getProp(u.global, "__pointerPosX__"), d = u.getProp(u.global, "__pointerPosY__");
-      r.value = u.getNumber(m), i.value = u.getNumber(d), m.dispose(), d.dispose(), c.value = !0;
+      const { vm: u } = o, p = u.getProp(u.global, "__pointerPosX__"), d = u.getProp(u.global, "__pointerPosY__");
+      r.value = u.getNumber(p), i.value = u.getNumber(d), p.dispose(), d.dispose(), c.value = !0;
     }), mt(n.nodeId, "close", () => {
       o && (c.value = !1);
-    }), (u, m) => {
+    }), (u, p) => {
       const d = W("v-menu");
-      return k(), $(d, {
+      return k(), C(d, {
         modelValue: s(c),
-        "onUpdate:modelValue": m[0] || (m[0] = (p) => ne(c) ? c.value = p : null),
+        "onUpdate:modelValue": p[0] || (p[0] = (m) => ne(c) ? c.value = m : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
@@ -1907,10 +1909,10 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["size", "maxWidth"]), { property: p } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: _ } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: p } = a(e, ["settings", "max"]), { property: d } = a(e, ["size", "maxWidth"]), { property: m } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: g } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: g } = a(e, [
+    ]), { property: h } = a(e, [
       "settings",
       "precision"
     ]), { property: I } = a(e, ["settings", "prefix"]), { property: v } = a(e, [
@@ -1924,13 +1926,13 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: b } = a(e, [
       "settings",
       "readonly"
-    ]), { property: h } = a(e, ["settings", "reverse"]), { property: V } = a(e, [
+    ]), { property: _ } = a(e, ["settings", "reverse"]), { property: V } = a(e, [
       "settings",
       "singleLine"
     ]), { property: R } = a(e, ["settings", "step"]), { property: N } = a(e, ["settings", "suffix"]), { theme: G } = J(), { property: j } = a(e, ["settings", "value"]), { property: z } = a(e, ["settings", "variant"]), { property: q } = a(e, ["size", "width"]);
     return (oe, ge) => {
       const Ve = W("v-number-input");
-      return k(), $(s(U), {
+      return k(), C(s(U), {
         block: "",
         mask: ""
       }, {
@@ -1944,17 +1946,17 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
             "hide-details": s(l),
             label: s(c),
             loading: s(u),
-            max: s(m),
+            max: s(p),
             "max-width": s(d),
-            min: s(p),
+            min: s(m),
             "min-width": s(f),
-            placeholder: s(_),
-            precision: s(g),
+            placeholder: s(g),
+            precision: s(h),
             prefix: s(I),
             "prepend-icon": s(v),
             "prepend-inner-icon": s(x),
             readonly: s(b),
-            reverse: s(h),
+            reverse: s(_),
             "single-line": s(V),
             step: s(R),
             suffix: s(N),
@@ -1981,13 +1983,13 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "length"]), { property: c } = a(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: u } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "start"]), { theme: d } = J(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: _ } = a(e, ["settings", "variant"]), g = w(() => {
+    ]), { property: u } = a(e, ["settings", "size"]), { property: p } = a(e, ["settings", "start"]), { theme: d } = J(), { property: m } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: g } = a(e, ["settings", "variant"]), h = w(() => {
       const I = {};
       return o === "editor" && (I.pointerEvents = "none"), I;
     });
     return (I, v) => {
       const x = W("v-pagination");
-      return k(), $(s(U), {
+      return k(), C(s(U), {
         block: "",
         mask: ""
       }, {
@@ -2000,11 +2002,11 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
             length: s(l),
             "show-first-last-page": s(c),
             size: s(u),
-            start: s(m),
-            style: de(g.value),
+            start: s(p),
+            style: de(h.value),
             theme: s(d),
-            tile: s(p),
-            variant: s(_)
+            tile: s(m),
+            variant: s(g)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
         ]),
         _: 1
@@ -2025,16 +2027,16 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = J(), { property: d } = a(e, ["settings", "value"]);
-    return (p, f) => {
-      const _ = W("v-radio");
-      return k(), $(_, {
+    ]), { theme: p } = J(), { property: d } = a(e, ["settings", "value"]);
+    return (m, f) => {
+      const g = W("v-radio");
+      return k(), C(g, {
         color: s(r),
         density: s(i),
         disabled: s(l),
         label: s(c),
         readonly: s(u),
-        theme: s(m),
+        theme: s(p),
         value: s(d)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
@@ -2056,14 +2058,14 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "inline"]), { property: c } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: u } = J(), { property: m } = a(e, ["settings", "value"]);
-    return (d, p) => {
+    ]), { theme: u } = J(), { property: p } = a(e, ["settings", "value"]);
+    return (d, m) => {
       const f = W("v-radio-group");
-      return k(), $(s(U), null, {
+      return k(), C(s(U), null, {
         default: P(() => [
           D(f, {
-            modelValue: s(m),
-            "onUpdate:modelValue": p[0] || (p[0] = (_) => ne(m) ? m.value = _ : null),
+            modelValue: s(p),
+            "onUpdate:modelValue": m[0] || (m[0] = (g) => ne(p) ? p.value = g : null),
             density: s(o),
             direction: s(r),
             disabled: s(i),
@@ -2098,18 +2100,18 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "max"]), { property: m } = a(e, ["settings", "min"]), { property: d } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "max"]), { property: p } = a(e, ["settings", "min"]), { property: d } = a(e, [
       "settings",
       "readonly"
-    ]), { property: p } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "showTicks"
     ]), f = w(() => {
-      if (p.value === "always")
+      if (m.value === "always")
         return "always";
-      if (p.value === "show")
+      if (m.value === "show")
         return !0;
-    }), { property: _ } = a(e, ["settings", "step"]), { theme: g } = J(), { property: I } = a(e, [
+    }), { property: g } = a(e, ["settings", "step"]), { theme: h } = J(), { property: I } = a(e, [
       "settings",
       "thumbLabel"
     ]), v = w(() => {
@@ -2120,7 +2122,7 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     }), { property: x } = a(e, [
       "settings",
       "thumbSize"
-    ]), { property: b } = a(e, ["settings", "ticks"]), h = w(() => {
+    ]), { property: b } = a(e, ["settings", "ticks"]), _ = w(() => {
       if (!b.value)
         return;
       const j = {};
@@ -2147,7 +2149,7 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     });
     return (j, z) => {
       const q = W("v-range-slider");
-      return k(), $(s(U), {
+      return k(), C(s(U), {
         block: "",
         mask: ""
       }, {
@@ -2161,15 +2163,15 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
             "hide-details": s(l),
             label: s(c),
             max: s(u),
-            min: s(m),
+            min: s(p),
             readonly: s(d),
             "show-ticks": f.value,
-            step: s(_),
-            theme: s(g),
+            step: s(g),
+            theme: s(h),
             "thumb-label": v.value,
             "thumb-size": s(x),
             "tick-size": s(V),
-            ticks: h.value
+            ticks: _.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
         _: 1
@@ -2193,24 +2195,24 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: l } = a(e, [
       "settings",
       "halfIncrements"
-    ]), { property: c } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "length"]), { property: m } = a(e, [
+    ]), { property: c } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "length"]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: d } = J(), { property: p } = a(e, ["settings", "value"]);
-    return (f, _) => {
-      const g = W("v-rating");
-      return k(), $(s(U), { mask: "" }, {
+    ]), { theme: d } = J(), { property: m } = a(e, ["settings", "value"]);
+    return (f, g) => {
+      const h = W("v-rating");
+      return k(), C(s(U), { mask: "" }, {
         default: P(() => [
-          D(g, {
-            modelValue: s(p),
-            "onUpdate:modelValue": _[0] || (_[0] = (I) => ne(p) ? p.value = I : null),
+          D(h, {
+            modelValue: s(m),
+            "onUpdate:modelValue": g[0] || (g[0] = (I) => ne(m) ? m.value = I : null),
             clearable: s(o),
             density: s(r),
             disabled: s(i),
             "half-increments": s(l),
             hover: s(c),
             length: s(u),
-            readonly: s(m),
+            readonly: s(p),
             theme: s(d)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
@@ -2238,17 +2240,17 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: u } = J(), { property: m } = a(e, ["settings", "value"]);
-    return (d, p) => {
+    ]), { theme: u } = J(), { property: p } = a(e, ["settings", "value"]);
+    return (d, m) => {
       const f = W("v-select");
-      return k(), $(s(U), {
+      return k(), C(s(U), {
         block: "",
         mask: ""
       }, {
         default: P(() => [
           D(f, {
-            modelValue: s(m),
-            "onUpdate:modelValue": p[0] || (p[0] = (_) => ne(m) ? m.value = _ : null),
+            modelValue: s(p),
+            "onUpdate:modelValue": m[0] || (m[0] = (g) => ne(p) ? p.value = g : null),
             "hide-details": s(o),
             label: s(r),
             placeholder: s(i),
@@ -2278,27 +2280,27 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { property: c } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: u } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["settings", "min"]), { property: p } = a(e, [
+    ]), { property: u } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "max"]), { property: d } = a(e, ["settings", "min"]), { property: m } = a(e, [
       "settings",
       "readonly"
-    ]), { property: f } = a(e, ["settings", "reverse"]), { property: _ } = a(e, [
+    ]), { property: f } = a(e, ["settings", "reverse"]), { property: g } = a(e, [
       "settings",
       "showTicks"
-    ]), g = w(() => {
-      if (_.value === "always")
+    ]), h = w(() => {
+      if (g.value === "always")
         return "always";
-      if (_.value === "show")
+      if (g.value === "show")
         return !0;
     }), { property: I } = a(e, ["settings", "step"]), { theme: v } = J(), { property: x } = a(e, [
       "settings",
       "thumbColor"
-    ]), { color: b } = Q(x), { property: h } = a(e, [
+    ]), { color: b } = Q(x), { property: _ } = a(e, [
       "settings",
       "thumbLabel"
     ]), V = w(() => {
-      if (h.value === "always")
+      if (_.value === "always")
         return "always";
-      if (h.value === "show")
+      if (_.value === "show")
         return !0;
     }), { property: R } = a(e, [
       "settings",
@@ -2320,7 +2322,7 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { color: q } = Q(z), { property: oe } = a(e, ["settings", "value"]), { property: ge } = a(e, ["slots", "append"]), { property: Ve } = a(e, ["slots", "prepend"]);
     return (ve, nt) => {
       const kt = W("v-slider");
-      return k(), $(s(U), {
+      return k(), C(s(U), {
         block: "",
         mask: ""
       }, {
@@ -2333,11 +2335,11 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
             disabled: s(l),
             "hide-details": s(c),
             label: s(u),
-            max: s(m),
+            max: s(p),
             min: s(d),
-            readonly: s(p),
+            readonly: s(m),
             reverse: s(f),
-            "show-ticks": g.value,
+            "show-ticks": h.value,
             step: s(I),
             theme: s(v),
             "thumb-color": s(b),
@@ -2389,9 +2391,9 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
     ]), { theme: r } = J(), { property: i } = a(e, ["settings", "value"]);
     return (l, c) => {
       const u = W("v-stepper");
-      return k(), $(u, {
+      return k(), C(u, {
         modelValue: s(i),
-        "onUpdate:modelValue": c[0] || (c[0] = (m) => ne(i) ? i.value = m : null),
+        "onUpdate:modelValue": c[0] || (c[0] = (p) => ne(i) ? i.value = p : null),
         "hide-actions": s(o),
         theme: s(r)
       }, {
@@ -2405,14 +2407,14 @@ const Vs = /* @__PURE__ */ Re(Cs, [["render", $s]]), Ps = /* @__PURE__ */ S({
 }), il = {};
 function rl(t, n) {
   const e = W("v-stepper-header");
-  return k(), $(e, null, {
+  return k(), C(e, null, {
     default: P(() => [
       F(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const sl = /* @__PURE__ */ Re(il, [["render", rl]]), ll = /* @__PURE__ */ S({
+const sl = /* @__PURE__ */ Ke(il, [["render", rl]]), ll = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2423,7 +2425,7 @@ const sl = /* @__PURE__ */ Re(il, [["render", rl]]), ll = /* @__PURE__ */ S({
     const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "value"]);
     return (r, i) => {
       const l = W("v-stepper-item");
-      return k(), $(l, { value: s(o) }, {
+      return k(), C(l, { value: s(o) }, {
         default: P(() => [
           F(r.$slots, "default")
         ]),
@@ -2434,14 +2436,14 @@ const sl = /* @__PURE__ */ Re(il, [["render", rl]]), ll = /* @__PURE__ */ S({
 }), al = {};
 function cl(t, n) {
   const e = W("v-stepper-window");
-  return k(), $(e, null, {
+  return k(), C(e, null, {
     default: P(() => [
       F(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
+const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2452,7 +2454,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "value"]);
     return (r, i) => {
       const l = W("v-stepper-window-item");
-      return k(), $(l, { value: s(o) }, {
+      return k(), C(l, { value: s(o) }, {
         default: P(() => [
           F(r.$slots, "default")
         ]),
@@ -2480,23 +2482,23 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: c } = a(e, [
       "settings",
       "indeterminate"
-    ]), { property: u } = a(e, ["settings", "inline"]), { property: m } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: f } = J(), { property: _ } = a(e, ["settings", "value"]);
-    return (g, I) => {
+    ]), { property: u } = a(e, ["settings", "inline"]), { property: p } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "loading"]), { theme: f } = J(), { property: g } = a(e, ["settings", "value"]);
+    return (h, I) => {
       const v = W("v-switch");
-      return k(), $(s(U), { mask: "" }, {
+      return k(), C(s(U), { mask: "" }, {
         default: P(() => [
           D(v, {
-            modelValue: s(_),
-            "onUpdate:modelValue": I[0] || (I[0] = (x) => ne(_) ? _.value = x : null),
+            modelValue: s(g),
+            "onUpdate:modelValue": I[0] || (I[0] = (x) => ne(g) ? g.value = x : null),
             density: s(o),
             direction: s(r),
             disabled: s(i),
             "hide-details": s(l),
             indeterminate: s(c),
             inline: s(u),
-            inset: s(m),
+            inset: s(p),
             label: s(d),
-            loading: s(p),
+            loading: s(m),
             theme: s(f)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
         ]),
@@ -2516,9 +2518,9 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       const u = {};
       return o === "editor" && (u.pointerEvents = "none"), u;
     });
-    return (u, m) => {
+    return (u, p) => {
       const d = W("v-tab");
-      return k(), $(s(U), { mask: "" }, {
+      return k(), C(s(U), { mask: "" }, {
         default: P(() => [
           D(d, {
             style: de(c.value),
@@ -2553,16 +2555,16 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "settings",
       "color",
       "selectedColor"
-    ]), { color: u } = Q(c), { property: m } = a(e, ["settings", "density"]), { property: d } = a(e, [
+    ]), { color: u } = Q(c), { property: p } = a(e, ["settings", "density"]), { property: d } = a(e, [
       "settings",
       "direction"
-    ]), { property: p } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "disabled"
     ]), { property: f } = a(e, [
       "settings",
       "fixedTabs"
-    ]), { property: _ } = a(e, ["settings", "grow"]), { property: g } = a(e, [
+    ]), { property: g } = a(e, ["settings", "grow"]), { property: h } = a(e, [
       "settings",
       "hideSlider"
     ]), { property: I } = a(e, ["settings", "items"]), { property: v } = a(e, [
@@ -2575,10 +2577,10 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: h } = Q(b), { property: V } = a(e, ["settings", "stacked"]), { theme: R } = J(), { property: N } = a(e, ["settings", "value"]);
+    ]), { color: _ } = Q(b), { property: V } = a(e, ["settings", "stacked"]), { theme: R } = J(), { property: N } = a(e, ["settings", "value"]);
     return (G, j) => {
       const z = W("v-tabs");
-      return k(), $(s(U), {
+      return k(), C(s(U), {
         block: "",
         mask: ""
       }, {
@@ -2590,16 +2592,16 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             "bg-color": s(i),
             "center-active": s(l),
             color: s(u),
-            density: s(m),
+            density: s(p),
             direction: s(d),
-            disabled: s(p),
+            disabled: s(m),
             "fixed-tabs": s(f),
-            grow: s(_),
-            "hide-slider": s(g),
+            grow: s(g),
+            "hide-slider": s(h),
             items: s(I),
             mandatory: s(v),
             "show-arrows": s(x),
-            "slider-color": s(h),
+            "slider-color": s(_),
             stacked: s(V),
             theme: s(R)
           }, {
@@ -2621,21 +2623,21 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = L(n), o = De(), { property: r } = a(e, ["settings", "align"]), { property: i } = a(e, [
+    const n = t, { node: e } = L(n), o = Oe(), { property: r } = a(e, ["settings", "align"]), { property: i } = a(e, [
       "settings",
       "decoration"
     ]), { property: l } = a(e, [
       "settings",
       "emphasis"
-    ]), { property: c } = a(e, ["settings", "italic"]), { property: u } = a(e, ["settings", "text"]), { property: m } = a(e, ["settings", "weight"]), d = w(() => {
-      const p = [], f = ut(o.value.width), _ = Oe(f, e.value.settings?.style);
-      return _ && p.push(`text-${_}`), l.value === "high" ? p.push("text-high-emphasis") : l.value === "medium" ? p.push("text-medium-emphasis") : l.value === "disabled" && p.push("text-disabled"), r.value && p.push(`font-${r.value}`), i.value && p.push(`text-decoration-${i.value}`), m.value && p.push(`font-weight-${m.value}`), c.value && p.push("font-italic"), p.join(" ");
+    ]), { property: c } = a(e, ["settings", "italic"]), { property: u } = a(e, ["settings", "text"]), { property: p } = a(e, ["settings", "weight"]), d = w(() => {
+      const m = [], f = ut(o.value.width), g = Fe(f, e.value.settings?.style);
+      return g && m.push(`text-${g}`), l.value === "high" ? m.push("text-high-emphasis") : l.value === "medium" ? m.push("text-medium-emphasis") : l.value === "disabled" && m.push("text-disabled"), r.value && m.push(`font-${r.value}`), i.value && m.push(`text-decoration-${i.value}`), p.value && m.push(`font-weight-${p.value}`), c.value && m.push("font-italic"), m.join(" ");
     });
-    return (p, f) => (k(), $(s(U), null, {
+    return (m, f) => (k(), C(s(U), { mask: "" }, {
       default: P(() => [
         We("span", {
           class: si(d.value)
-        }, Co(s(u)), 3)
+        }, $o(s(u)), 3)
       ]),
       _: 1
     }));
@@ -2657,38 +2659,38 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
       "disabled"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "maxRows"]), { property: d } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: p } = a(e, ["settings", "maxRows"]), { property: d } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: p } = a(e, [
+    ]), { property: m } = a(e, [
       "settings",
       "readonly"
-    ]), { property: f } = a(e, ["settings", "reverse"]), { property: _ } = a(e, ["settings", "rows"]), { property: g } = a(e, [
+    ]), { property: f } = a(e, ["settings", "reverse"]), { property: g } = a(e, ["settings", "rows"]), { property: h } = a(e, [
       "settings",
       "singleLine"
     ]), { theme: I } = J(), { property: v } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
-    return (b, h) => {
+    return (b, _) => {
       const V = W("v-textarea");
-      return k(), $(s(U), {
+      return k(), C(s(U), {
         block: "",
         mask: ""
       }, {
         default: P(() => [
           D(V, {
             modelValue: s(v),
-            "onUpdate:modelValue": h[0] || (h[0] = (R) => ne(v) ? v.value = R : null),
+            "onUpdate:modelValue": _[0] || (_[0] = (R) => ne(v) ? v.value = R : null),
             "auto-grow": s(o),
             clearable: s(r),
             density: s(i),
             disabled: s(l),
             label: s(c),
             loading: s(u),
-            "max-rows": s(m),
+            "max-rows": s(p),
             placeholder: s(d),
-            readonly: s(p),
+            readonly: s(m),
             reverse: s(f),
-            rows: s(_),
-            "single-line": s(g),
+            rows: s(g),
+            "single-line": s(h),
             theme: s(I),
             variant: s(x)
           }, null, 8, ["modelValue", "auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"])
@@ -2720,13 +2722,13 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: c } = a(e, ["settings", "density"]), { property: u } = a(e, [
       "settings",
       "disabled"
-    ]), { property: m } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, [
+    ]), { property: d } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "loading"]), { property: f } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: _ } = a(e, ["settings", "prefix"]), { property: g } = a(e, [
+    ]), { property: g } = a(e, ["settings", "prefix"]), { property: h } = a(e, [
       "settings",
       "prependIcon"
     ]), { property: I } = a(e, [
@@ -2738,7 +2740,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: x } = a(e, ["settings", "reverse"]), { property: b } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: h } = a(e, ["settings", "suffix"]), { theme: V } = J(), { property: R } = a(e, ["settings", "value"]), { property: N } = a(e, ["settings", "variant"]), { property: G } = a(e, ["slots", "append"]), { property: j } = a(e, [
+    ]), { property: _ } = a(e, ["settings", "suffix"]), { theme: V } = J(), { property: R } = a(e, ["settings", "value"]), { property: N } = a(e, ["settings", "variant"]), { property: G } = a(e, ["slots", "append"]), { property: j } = a(e, [
       "slots",
       "appendInner"
     ]), { property: z } = a(e, ["slots", "prepend"]), { property: q } = a(e, [
@@ -2747,7 +2749,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]);
     return (oe, ge) => {
       const Ve = W("v-text-field");
-      return k(), $(s(U), {
+      return k(), C(s(U), {
         block: "",
         mask: ""
       }, {
@@ -2761,17 +2763,17 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             clearable: s(l),
             density: s(c),
             disabled: s(u),
-            "hide-details": s(m),
+            "hide-details": s(p),
             label: s(d),
-            loading: s(p),
+            loading: s(m),
             placeholder: s(f),
-            prefix: s(_),
-            "prepend-icon": s(g),
+            prefix: s(g),
+            "prepend-icon": s(h),
             "prepend-inner-icon": s(I),
             readonly: s(v),
             reverse: s(x),
             "single-line": s(b),
-            suffix: s(h),
+            suffix: s(_),
             theme: s(V),
             variant: s(N)
           }, on({ _: 2 }, [
@@ -2844,39 +2846,39 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "settings",
       "dot",
       "fill"
-    ]), { property: m } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "hideOpposite"
     ]), { property: d } = a(e, [
       "settings",
       "line",
       "color"
-    ]), { color: p } = Q(d), { property: f } = a(e, [
+    ]), { color: m } = Q(d), { property: f } = a(e, [
       "settings",
       "line",
       "inset"
-    ]), { property: _ } = a(e, [
+    ]), { property: g } = a(e, [
       "settings",
       "line",
       "thickness"
-    ]), { property: g } = a(e, ["settings", "side"]), { property: I } = a(e, [
+    ]), { property: h } = a(e, ["settings", "side"]), { property: I } = a(e, [
       "settings",
       "line",
       "truncate"
     ]), { theme: v } = J();
     return (x, b) => {
-      const h = W("v-timeline");
-      return k(), $(h, {
+      const _ = W("v-timeline");
+      return k(), C(_, {
         align: s(o),
         density: s(r),
         direction: s(i),
         "dot-color": s(c),
         "fill-dot": s(u),
-        "hide-opposite": s(m),
-        "line-color": s(p),
+        "hide-opposite": s(p),
+        "line-color": s(m),
         "line-inset": s(f),
-        "line-thickness": s(_),
-        side: s(g),
+        "line-thickness": s(g),
+        side: s(h),
         theme: s(v),
         "truncate-line": s(I)
       }, {
@@ -2890,14 +2892,14 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
 }), _l = {};
 function vl(t, n) {
   const e = W("v-timeline-item");
-  return k(), $(e, null, {
+  return k(), C(e, null, {
     default: P(() => [
       F(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const xl = /* @__PURE__ */ Re(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
+const xl = /* @__PURE__ */ Ke(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2917,22 +2919,22 @@ const xl = /* @__PURE__ */ Re(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "reverse"]), { property: c } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: u } = a(e, ["settings", "touch"]), { theme: m } = J(), { property: d } = a(e, ["settings", "value"]);
-    return (p, f) => {
-      const _ = W("v-window");
-      return k(), $(_, {
+    ]), { property: u } = a(e, ["settings", "touch"]), { theme: p } = J(), { property: d } = a(e, ["settings", "value"]);
+    return (m, f) => {
+      const g = W("v-window");
+      return k(), C(g, {
         modelValue: s(d),
-        "onUpdate:modelValue": f[0] || (f[0] = (g) => ne(d) ? d.value = g : null),
+        "onUpdate:modelValue": f[0] || (f[0] = (h) => ne(d) ? d.value = h : null),
         continuous: s(o),
         direction: s(i),
         disabled: s(r),
         reverse: s(l),
         "show-arrows": s(c),
-        theme: s(m),
+        theme: s(p),
         touch: s(u)
       }, {
         default: P(() => [
-          F(p.$slots, "default")
+          F(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
@@ -2941,14 +2943,14 @@ const xl = /* @__PURE__ */ Re(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
 }), wl = {};
 function Il(t, n) {
   const e = W("v-window-item");
-  return k(), $(e, null, {
+  return k(), C(e, null, {
     default: P(() => [
       F(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
+const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
   __name: "entry",
   props: {
     subtype: {},
@@ -2958,7 +2960,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = Z(), e = le(), o = w(() => O(e.value));
-    $e(o), ie(n) && tt(o, "multipleSlot", t.nodeId, t.refKey, _e());
+    Ce(o), ie(n) && tt(o, "multipleSlot", t.nodeId, t.refKey, _e());
     const r = (l) => {
       const c = ke[l.key];
       if (!c) {
@@ -2980,7 +2982,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
         {
           default: () => {
             if (!c.leaf)
-              return l.children?.map((m) => r(m));
+              return l.children?.map((p) => r(p));
           }
         }
       );
@@ -2994,9 +2996,9 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           default: () => o.value?.view.nodeLites.map((l) => r(l))
         });
     };
-    return (l, c) => (k(), $(i));
+    return (l, c) => (k(), C(i));
   }
-}), $l = ["position", "rotation", "scale"], Vl = { style: { userSelect: "none" } }, ue = /* @__PURE__ */ S({
+}), Cl = ["position", "rotation", "scale"], Vl = { style: { userSelect: "none" } }, ue = /* @__PURE__ */ S({
   __name: "index",
   props: {
     position: {},
@@ -3011,18 +3013,18 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
       rotation: t.rotation,
       scale: t.scale
     }, [
-      t.label ? (k(), $(s($i), {
+      t.label ? (k(), C(s(Ci), {
         key: 0,
         center: "",
         transform: ""
       }, {
         default: P(() => [
-          We("div", Vl, Co(t.label), 1)
+          We("div", Vl, $o(t.label), 1)
         ]),
         _: 1
       })) : se("", !0),
       F(n.$slots, "default")
-    ], 8, $l));
+    ], 8, Cl));
   }
 }), Pl = /* @__PURE__ */ S({
   __name: "index",
@@ -3033,24 +3035,24 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = bt(), e = t, { node: o } = L(e), r = Qe(), i = le(), l = re();
-    $e(l);
+    Ce(l);
     const c = w(() => e.refContext?.compId);
     et(c, l);
-    const { applySize: u } = be(e, o), m = w(() => {
+    const { applySize: u } = be(e, o), p = w(() => {
       const b = {};
       return l.value?.type === "common" && u(b), b;
-    }), { position: d, rotation: p, scale: f } = me(o), { property: _ } = a(o, ["instances"]), g = (b, h) => {
-      b.findIndex((V) => V === h) >= 0 || b.push(h);
+    }), { position: d, rotation: m, scale: f } = me(o), { property: g } = a(o, ["instances"]), h = (b, _) => {
+      b.findIndex((V) => V === _) >= 0 || b.push(_);
     }, I = w(() => {
       const b = [];
-      if (!Array.isArray(_.value))
+      if (!Array.isArray(g.value))
         return b;
-      for (const h of _.value)
-        typeof h == "string" && h && g(b, h);
+      for (const _ of g.value)
+        typeof _ == "string" && _ && h(b, _);
       return b;
-    }), v = (b, h) => K(Cl, {
+    }), v = (b, _) => K($l, {
       key: b,
-      subtype: h,
+      subtype: _,
       nodeId: e.nodeId,
       refContext: e.refContext,
       refKey: b
@@ -3067,53 +3069,53 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
       if (Ye(e.refContext, r))
         return i.value.type === "common" ? K(
           "div",
-          { id: n.id, style: m.value },
+          { id: n.id, style: p.value },
           b.global.t("x-runtime-lib.circularReference")
         ) : i.value.type === "scene" ? K(ue, {
           name: n.name,
           position: d.value,
-          rotation: p.value,
+          rotation: m.value,
           scale: f.value,
           label: b.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
-        return i.value.type === "common" ? K("div", { id: n.id, style: m.value }) : i.value.type === "scene" ? K(ue, {
+        return i.value.type === "common" ? K("div", { id: n.id, style: p.value }) : i.value.type === "scene" ? K(ue, {
           name: n.name,
           position: d.value,
-          rotation: p.value,
+          rotation: m.value,
           scale: f.value
         }) : void 0;
       if (l.value.type !== i.value.type) {
         console.assert(!1, "subtype not match");
         return;
       }
-      const h = l.value.type;
-      if (h === "common")
+      const _ = l.value.type;
+      if (_ === "common")
         return K(
           "div",
           {
             id: n.id,
-            style: m.value
+            style: p.value
           },
           {
-            default: () => I.value.map((V) => v(V, h))
+            default: () => I.value.map((V) => v(V, _))
           }
         );
-      if (h === "scene")
+      if (_ === "scene")
         return K(
           ue,
           {
             name: n.name,
             position: d.value,
-            rotation: p.value,
+            rotation: m.value,
             scale: f.value
           },
           {
-            default: () => I.value.map((V) => v(V, h))
+            default: () => I.value.map((V) => v(V, _))
           }
         );
     };
-    return (b, h) => (k(), $(x));
+    return (b, _) => (k(), C(x));
   }
 }), Ll = /* @__PURE__ */ S({
   __name: "entry",
@@ -3125,7 +3127,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = Z(), e = le(), o = w(() => O(e.value));
-    $e(o), ie(n) && tt(o, "multipleSlot", t.nodeId, t.refKey, _e());
+    Ce(o), ie(n) && tt(o, "multipleSlot", t.nodeId, t.refKey, _e());
     const r = (l) => {
       const c = ke[l.key];
       if (!c) {
@@ -3147,7 +3149,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
         {
           default: () => {
             if (!c.leaf)
-              return l.children?.map((m) => r(m));
+              return l.children?.map((p) => r(p));
           }
         }
       );
@@ -3161,7 +3163,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           default: () => o.value?.view.nodeLites.map((l) => r(l))
         });
     };
-    return (l, c) => (k(), $(i));
+    return (l, c) => (k(), C(i));
   }
 }), zl = /* @__PURE__ */ S({
   __name: "index",
@@ -3172,24 +3174,24 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = bt(), e = t, { node: o } = L(e), r = Qe(), i = le(), l = re();
-    $e(l);
+    Ce(l);
     const c = w(() => e.refContext?.compId);
     et(c, l);
-    const { applySize: u } = be(e, o), m = w(() => {
+    const { applySize: u } = be(e, o), p = w(() => {
       const b = {};
       return l.value?.type === "common" && u(b), b;
-    }), { position: d, rotation: p, scale: f } = me(o), { property: _ } = a(o, ["instances"]), g = (b, h) => {
-      b.findIndex((V) => V === h) >= 0 || b.push(h);
+    }), { position: d, rotation: m, scale: f } = me(o), { property: g } = a(o, ["instances"]), h = (b, _) => {
+      b.findIndex((V) => V === _) >= 0 || b.push(_);
     }, I = w(() => {
       const b = [];
-      if (!Array.isArray(_.value))
+      if (!Array.isArray(g.value))
         return b;
-      for (const h of _.value)
-        typeof h == "string" && h && g(b, h);
+      for (const _ of g.value)
+        typeof _ == "string" && _ && h(b, _);
       return b;
-    }), v = (b, h) => K(Ll, {
+    }), v = (b, _) => K(Ll, {
       key: b,
-      subtype: h,
+      subtype: _,
       nodeId: e.nodeId,
       refContext: e.refContext,
       refKey: b
@@ -3206,53 +3208,53 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
       if (Ye(e.refContext, r))
         return i.value.type === "common" ? K(
           "div",
-          { id: n.id, style: m.value },
+          { id: n.id, style: p.value },
           b.global.t("x-runtime-lib.circularReference")
         ) : i.value.type === "scene" ? K(ue, {
           name: n.name,
           position: d.value,
-          rotation: p.value,
+          rotation: m.value,
           scale: f.value,
           label: b.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
-        return i.value.type === "common" ? K("div", { id: n.id, style: m.value }) : i.value.type === "scene" ? K(ue, {
+        return i.value.type === "common" ? K("div", { id: n.id, style: p.value }) : i.value.type === "scene" ? K(ue, {
           name: n.name,
           position: d.value,
-          rotation: p.value,
+          rotation: m.value,
           scale: f.value
         }) : void 0;
       if (l.value.type !== i.value.type) {
         console.assert(!1, "subtype not match");
         return;
       }
-      const h = l.value.type;
-      if (h === "common")
+      const _ = l.value.type;
+      if (_ === "common")
         return K(
           "div",
           {
             id: n.id,
-            style: m.value
+            style: p.value
           },
           {
-            default: () => I.value.map((V) => v(V, h))
+            default: () => I.value.map((V) => v(V, _))
           }
         );
-      if (h === "scene")
+      if (_ === "scene")
         return K(
           ue,
           {
             name: n.name,
             position: d.value,
-            rotation: p.value,
+            rotation: m.value,
             scale: f.value
           },
           {
-            default: () => I.value.map((V) => v(V, h))
+            default: () => I.value.map((V) => v(V, _))
           }
         );
     };
-    return (b, h) => (k(), $(x));
+    return (b, _) => (k(), C(x));
   }
 }), Tl = /* @__PURE__ */ S({
   __name: "index",
@@ -3263,13 +3265,13 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = bt(), e = t, { node: o } = L(e), r = Z(), i = Qe(), l = le(), c = re();
-    $e(c);
+    Ce(c);
     const u = w(() => e.refContext?.compId);
     et(u, c), ie(r) && tt(c, "ref", e.nodeId, "", _e());
-    const { applySize: m } = be(e, o), d = w(() => {
+    const { applySize: p } = be(e, o), d = w(() => {
       const v = {};
-      return l.value?.type === "common" && m(v), v;
-    }), { position: p, rotation: f, scale: _ } = me(o), g = (v) => {
+      return l.value?.type === "common" && p(v), v;
+    }), { position: m, rotation: f, scale: g } = me(o), h = (v) => {
       const x = ke[v.key];
       if (!x) {
         console.assert(!1, `element not found key=${v.key}`);
@@ -3290,7 +3292,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
         {
           default: () => {
             if (!x.leaf)
-              return v.children?.map((h) => g(h));
+              return v.children?.map((_) => h(_));
           }
         }
       );
@@ -3311,17 +3313,17 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           v.global.t("x-runtime-lib.circularReference")
         ) : l.value.type === "scene" ? K(ue, {
           name: n.name,
-          position: p.value,
+          position: m.value,
           rotation: f.value,
-          scale: _.value,
+          scale: g.value,
           label: v.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!c.value)
         return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ue, {
           name: n.name,
-          position: p.value,
+          position: m.value,
           rotation: f.value,
-          scale: _.value
+          scale: g.value
         }) : void 0;
       if (c.value.type !== l.value.type) {
         console.assert(!1, "subtype not match");
@@ -3336,7 +3338,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
             style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((b) => g(b))
+            default: () => c.value?.view.nodeLites.map((b) => h(b))
           }
         );
       if (x === "scene")
@@ -3344,16 +3346,16 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           ue,
           {
             name: n.name,
-            position: p.value,
+            position: m.value,
             rotation: f.value,
-            scale: _.value
+            scale: g.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((b) => g(b))
+            default: () => c.value?.view.nodeLites.map((b) => h(b))
           }
         );
     };
-    return (v, x) => (k(), $(I));
+    return (v, x) => (k(), C(I));
   }
 }), El = /* @__PURE__ */ S({
   __name: "index",
@@ -3364,7 +3366,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "open"]);
-    return (r, i) => (k(), $(s(U), null, {
+    return (r, i) => (k(), C(s(U), null, {
       default: P(() => [
         s(o) ? F(r.$slots, "default", { key: 0 }) : se("", !0)
       ]),
@@ -3380,14 +3382,14 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = bt(), e = t, { node: o } = L(e), r = Z(), i = Qe(), l = le(), c = re();
-    $e(c);
+    Ce(c);
     const u = w(() => e.refContext?.compId);
     et(u, c), ie(r) && tt(c, "slot", e.nodeId, "", _e());
-    const { applySize: m } = be(e, o), d = w(() => {
+    const { applySize: p } = be(e, o), d = w(() => {
       const v = {};
-      return c.value?.type === "common" && m(v), v;
-    }), { position: p, rotation: f, scale: _ } = me(o);
-    function g(v) {
+      return c.value?.type === "common" && p(v), v;
+    }), { position: m, rotation: f, scale: g } = me(o);
+    function h(v) {
       const x = ke[v.key];
       if (!x) {
         console.assert(!1, `element not found key=${v.key}`);
@@ -3408,7 +3410,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
         {
           default: () => {
             if (!x.leaf)
-              return v.children?.map((h) => g(h));
+              return v.children?.map((_) => h(_));
           }
         }
       );
@@ -3430,17 +3432,17 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           v.global.t("x-runtime-lib.circularReference")
         ) : l.value.type === "scene" ? K(ue, {
           name: n.name,
-          position: p.value,
+          position: m.value,
           rotation: f.value,
-          scale: _.value,
+          scale: g.value,
           label: v.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!c.value)
         return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ue, {
           name: n.name,
-          position: p.value,
+          position: m.value,
           rotation: f.value,
-          scale: _.value
+          scale: g.value
         }) : void 0;
       if (c.value.type !== l.value.type) {
         console.assert(!1, "subtype not match");
@@ -3455,7 +3457,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
             style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((b) => g(b))
+            default: () => c.value?.view.nodeLites.map((b) => h(b))
           }
         );
       if (x === "scene")
@@ -3463,16 +3465,16 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           ue,
           {
             name: n.name,
-            position: p.value,
+            position: m.value,
             rotation: f.value,
-            scale: _.value
+            scale: g.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((b) => g(b))
+            default: () => c.value?.view.nodeLites.map((b) => h(b))
           }
         );
     };
-    return (v, x) => (k(), $(I));
+    return (v, x) => (k(), C(I));
   }
 }), y = {
   key: "basic",
@@ -3903,7 +3905,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
       defaultArray: []
     }
   ]
-}, ke = {}, C = (t) => {
+}, ke = {}, $ = (t) => {
   ke[t.key] = t;
 }, In = {
   key: "settings",
@@ -3964,7 +3966,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   methods: [],
   slots: []
 };
-C(Ml);
+$(Ml);
 const Sn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4010,7 +4012,7 @@ const Sn = {
   methods: [],
   slots: []
 };
-C(Wl);
+$(Wl);
 const Bl = {
   key: "scene_keyboard_controls_v1",
   name: "x-runtime-lib.keyboardControls",
@@ -4024,7 +4026,7 @@ const Bl = {
   slots: [],
   leaf: !0
 };
-C(Bl);
+$(Bl);
 const Rl = {
   key: "scene_map_controls_v1",
   name: "x-runtime-lib.mapControls",
@@ -4038,7 +4040,7 @@ const Rl = {
   slots: [],
   leaf: !0
 };
-C(Rl);
+$(Rl);
 const Kl = {
   key: "scene_orbit_controls_v1",
   name: "x-runtime-lib.orbitControls",
@@ -4052,20 +4054,20 @@ const Kl = {
   slots: [],
   leaf: !0
 };
-C(Kl);
+$(Kl);
 function Dl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`boxGeometryV1/spawn property tag not found, ${e}`);
     return;
   }
-  const r = je.properties[o];
+  const r = Ge.properties[o];
   if (!r) {
     console.error(`boxGeometryV1/spawn properties not found, ${e}`);
     return;
   }
   const i = E();
-  M(i, r), i.basic.id = T(16), i.basic.key = je.key, i.transform = {
+  M(i, r), i.basic.id = T(16), i.basic.key = Ge.key, i.transform = {
     position: {
       x: 0,
       y: 0,
@@ -4130,7 +4132,7 @@ function Fl(t, n) {
     );
     return;
   }
-  const r = Ne.properties[o];
+  const r = je.properties[o];
   if (!r) {
     console.error(
       `boxGeometryV1/spawnMeshBasicMaterial properties not found, ${e}`
@@ -4138,14 +4140,14 @@ function Fl(t, n) {
     return;
   }
   const i = E();
-  return M(i, r), i.basic.id = T(16), i.basic.key = Ne.key, {
+  return M(i, r), i.basic.id = T(16), i.basic.key = je.key, {
     nodeLite: A(i),
     nodes: {
       [i.basic.id]: i
     }
   };
 }
-const Cn = {
+const $n = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4194,8 +4196,8 @@ const Cn = {
   name: "x-runtime-lib.boxGeometry",
   comp: Zi,
   properties: {
-    pageScene: [y, Cn],
-    compScene: [y, Cn]
+    pageScene: [y, $n],
+    compScene: [y, $n]
   },
   events: [],
   methods: [],
@@ -4203,20 +4205,20 @@ const Cn = {
   leaf: !0,
   spawn: Dl
 };
-C(Lt);
+$(Lt);
 function Nl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${e}`);
     return;
   }
-  const r = je.properties[o];
+  const r = Ge.properties[o];
   if (!r) {
     console.error(`sphereGeometryV1/spawn properties not found, ${e}`);
     return;
   }
   const i = E();
-  M(i, r), i.basic.id = T(16), i.basic.key = je.key, i.transform = {
+  M(i, r), i.basic.id = T(16), i.basic.key = Ge.key, i.transform = {
     position: {
       x: 0,
       y: 0,
@@ -4282,7 +4284,7 @@ function Gl(t, n) {
     );
     return;
   }
-  const r = Ne.properties[o];
+  const r = je.properties[o];
   if (!r) {
     console.error(
       `sphereGeometryV1/spawnMeshBasicMaterial properties not found, ${e}`
@@ -4290,14 +4292,14 @@ function Gl(t, n) {
     return;
   }
   const i = E();
-  return M(i, r), i.basic.id = T(16), i.basic.key = Ne.key, {
+  return M(i, r), i.basic.id = T(16), i.basic.key = je.key, {
     nodeLite: A(i),
     nodes: {
       [i.basic.id]: i
     }
   };
 }
-const $n = {
+const Cn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4354,8 +4356,8 @@ const $n = {
   name: "x-runtime-lib.sphereGeometry",
   comp: er,
   properties: {
-    pageScene: [y, $n],
-    compScene: [y, $n]
+    pageScene: [y, Cn],
+    compScene: [y, Cn]
   },
   events: [],
   methods: [],
@@ -4363,7 +4365,7 @@ const $n = {
   leaf: !0,
   spawn: Nl
 };
-C(zt);
+$(zt);
 const ht = O(ee);
 ht.children[0].default = "custom";
 ht.children[2].children[0].default = "0xffffff";
@@ -4393,7 +4395,7 @@ const Vn = {
   methods: [],
   slots: []
 };
-C(Hl);
+$(Hl);
 const _t = O(ee);
 _t.children[0].default = "custom";
 _t.children[2].children[0].default = "0xffffff";
@@ -4423,7 +4425,7 @@ const Pn = {
   methods: [],
   slots: []
 };
-C(Ul);
+$(Ul);
 const vt = O(ee);
 vt.children[0].default = "custom";
 vt.children[2].children[0].default = "0xffffff";
@@ -4467,7 +4469,7 @@ const Ln = {
   methods: [],
   slots: []
 };
-C(Jl);
+$(Jl);
 const xt = O(ee);
 xt.children[0].default = "custom";
 xt.children[2].children[0].default = "0xffffff";
@@ -4528,8 +4530,8 @@ const zn = {
   methods: [],
   slots: []
 };
-C(ql);
-const Ne = {
+$(ql);
+const je = {
   key: "scene_mesh_basic_material_v1",
   name: "x-runtime-lib.meshBasicMaterial",
   comp: mr,
@@ -4542,7 +4544,7 @@ const Ne = {
   slots: [],
   leaf: !0
 };
-C(Ne);
+$(je);
 const Xl = {
   key: "scene_group_v1",
   name: "x-runtime-lib.group",
@@ -4555,8 +4557,8 @@ const Xl = {
   methods: [],
   slots: []
 };
-C(Xl);
-const je = {
+$(Xl);
+const Ge = {
   key: "scene_mesh_v1",
   name: "x-runtime-lib.mesh",
   comp: yr,
@@ -4568,7 +4570,7 @@ const je = {
   methods: [],
   slots: []
 };
-C(je);
+$(Ge);
 function Yl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -4625,7 +4627,7 @@ const Tn = {
   leaf: !0,
   spawn: Yl
 };
-C(Tt);
+$(Tt);
 function Zl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -4682,7 +4684,7 @@ const En = {
   leaf: !0,
   spawn: Zl
 };
-C(Et);
+$(Et);
 const An = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4727,7 +4729,7 @@ const An = {
     compCommon: [y, An]
   }
 };
-C(Ql);
+$(Ql);
 function ea(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -4851,7 +4853,7 @@ const ta = O(ee), Mn = {
   leaf: !0,
   spawn: ea
 };
-C(At);
+$(At);
 const na = {
   key: "common_btn_group_v1",
   name: "x-runtime-lib.buttonGroup",
@@ -4861,7 +4863,7 @@ const na = {
     compCommon: [y]
   }
 };
-C(na);
+$(na);
 const Wn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4932,20 +4934,20 @@ const Wn = {
     compCommon: [y, Wn]
   }
 };
-C(oa);
+$(oa);
 function ia(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`cardV1/spawn property tag not found, ${e}`);
     return;
   }
-  const r = Ge.properties[o];
+  const r = He.properties[o];
   if (!r) {
     console.error(`cardV1/spawn properties not found, ${e}`);
     return;
   }
   const i = E();
-  return M(i, r), i.basic.id = T(16), i.basic.key = Ge.key, i.children = [], i.settings.title = "title", i.settings.subtitle = "subtitle", i.settings.text = "text", {
+  return M(i, r), i.basic.id = T(16), i.basic.key = He.key, i.children = [], i.settings.title = "title", i.settings.subtitle = "subtitle", i.settings.text = "text", {
     nodeLite: A(i),
     nodes: {
       [i.basic.id]: i
@@ -5007,7 +5009,7 @@ const Bn = {
       default: !1
     }
   ]
-}, Ge = {
+}, He = {
   key: "common_card_v1",
   name: "x-runtime-lib.card",
   comp: Ls,
@@ -5017,7 +5019,7 @@ const Bn = {
   },
   spawn: ia
 };
-C(Ge);
+$(He);
 const Rn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5045,7 +5047,7 @@ const Rn = {
   },
   leaf: !0
 };
-C(ra);
+$(ra);
 const sa = O(ee), Kn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5131,7 +5133,7 @@ const sa = O(ee), Kn = {
   },
   leaf: !0
 };
-C(Mt);
+$(Mt);
 function la(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -5145,24 +5147,24 @@ function la(t, n) {
   }
   const i = E();
   M(i, r), i.basic.id = T(16), i.basic.key = Wt.key;
-  const l = ze(t, n, "chip1", "chip 1"), c = ze(t, n, "chip2", "chip 2"), u = ze(t, n, "chip3", "chip 3"), m = ze(t, n, "chip4", "chip 4"), d = ze(t, n, "chip5", "chip 5"), p = ze(t, n, "chip6", "chip 6");
+  const l = ze(t, n, "chip1", "chip 1"), c = ze(t, n, "chip2", "chip 2"), u = ze(t, n, "chip3", "chip 3"), p = ze(t, n, "chip4", "chip 4"), d = ze(t, n, "chip5", "chip 5"), m = ze(t, n, "chip6", "chip 6");
   return {
     nodeLite: A(i, [
       l.nodeLite,
       c.nodeLite,
       u.nodeLite,
-      m.nodeLite,
+      p.nodeLite,
       d.nodeLite,
-      p.nodeLite
+      m.nodeLite
     ]),
     nodes: {
       [i.basic.id]: i,
       ...l.nodes,
       ...c.nodes,
       ...u.nodes,
-      ...m.nodes,
+      ...p.nodes,
       ...d.nodes,
-      ...p.nodes
+      ...m.nodes
     }
   };
 }
@@ -5249,7 +5251,7 @@ const Dn = {
   },
   spawn: la
 };
-C(Wt);
+$(Wt);
 const aa = {
   key: "common_color_picker_v1",
   name: "x-runtime-lib.colorPicker",
@@ -5260,7 +5262,7 @@ const aa = {
   },
   leaf: !0
 };
-C(aa);
+$(aa);
 const On = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5312,7 +5314,7 @@ const On = {
   },
   leaf: !0
 };
-C(ca);
+$(ca);
 const pn = O(ee);
 pn.key = "backgroundColor";
 pn.name = "x-runtime-lib.backgroundColor";
@@ -5335,7 +5337,7 @@ const Fn = {
     }
   ]
 };
-C(Bt);
+$(Bt);
 const Nn = {
   key: "size",
   name: "x-runtime-lib.size",
@@ -5498,7 +5500,7 @@ const Nn = {
   },
   leaf: !0
 };
-C(ua);
+$(ua);
 const ma = {
   key: "common_date_picker_v1",
   name: "x-runtime-lib.datePicker",
@@ -5509,7 +5511,7 @@ const ma = {
   },
   leaf: !0
 };
-C(ma);
+$(ma);
 const pa = {
   key: "common_dialog_v1",
   name: "x-runtime-lib.dialog",
@@ -5530,12 +5532,12 @@ const pa = {
   ],
   teleport: !0
 };
-C(pa);
+$(pa);
 const Hn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, $u = {
+}, Cu = {
   key: "common_file_input_v1",
   name: "x-runtime-lib.fileInput",
   comp: Fs,
@@ -5570,20 +5572,20 @@ const Hn = {
     compCommon: [y, X, Un]
   }
 };
-C(Rt);
+$(Rt);
 function da(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`flexLayoutV1/spawn property tag not found, ${e}`);
     return;
   }
-  const r = He.properties[o];
+  const r = Ue.properties[o];
   if (!r) {
     console.error(`flexLayoutV1/spawn properties not found, ${e}`);
     return;
   }
   const i = E();
-  M(i, r), i.basic.id = T(16), i.basic.key = He.key;
+  M(i, r), i.basic.id = T(16), i.basic.key = Ue.key;
   const l = Kt(
     t,
     n,
@@ -5647,22 +5649,22 @@ function fa(t, n) {
   };
 }
 function Kt(t, n, e, o, r, i, l, c, u) {
-  const m = `type=${t} subtype=${n}`, d = B(t, n);
+  const p = `type=${t} subtype=${n}`, d = B(t, n);
   if (!d) {
     console.error(
-      `flexLayoutV1/spawnContainer property tag not found, ${m}`
+      `flexLayoutV1/spawnContainer property tag not found, ${p}`
     );
     return;
   }
-  const p = Bt.properties[d];
-  if (!p) {
+  const m = Bt.properties[d];
+  if (!m) {
     console.error(
-      `flexLayoutV1/spawnContainer properties not found, ${m}`
+      `flexLayoutV1/spawnContainer properties not found, ${p}`
     );
     return;
   }
   const f = E();
-  return M(f, p), f.basic.id = T(16), f.basic.key = Bt.key, o && (f.size.width = o), r && (f.size.minWidth = r), l && (f.size.height = l), c && (f.size.minHeight = c), e && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = e, f.settings.backgroundColor.custom.dark = e), {
+  return M(f, m), f.basic.id = T(16), f.basic.key = Bt.key, o && (f.size.width = o), r && (f.size.minWidth = r), l && (f.size.height = l), c && (f.size.minHeight = c), e && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = e, f.settings.backgroundColor.custom.dark = e), {
     nodeLite: A(f, []),
     nodes: {
       [f.basic.id]: f
@@ -5842,7 +5844,7 @@ const Jn = {
     },
     dn
   ]
-}, He = {
+}, Ue = {
   key: "common_flex_layout_v1",
   name: "x-runtime-lib.flexLayout",
   comp: Ns,
@@ -5858,7 +5860,7 @@ const Jn = {
   ],
   spawn: da
 };
-C(He);
+$(Ue);
 const qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6039,7 +6041,7 @@ const qn = {
   ],
   leaf: !0
 };
-C(Dt);
+$(Dt);
 function ya(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -6115,7 +6117,7 @@ const Yn = {
   ],
   spawn: ya
 };
-C(Ot);
+$(Ot);
 const ga = O(ee), Zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6151,7 +6153,7 @@ const ga = O(ee), Zn = {
   },
   leaf: !0
 };
-C(ha);
+$(ha);
 const _a = {
   key: "common_menu_v1",
   name: "x-runtime-lib.menu",
@@ -6172,7 +6174,7 @@ const _a = {
   ],
   teleport: !0
 };
-C(_a);
+$(_a);
 function va(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -6392,7 +6394,7 @@ const Qn = {
   leaf: !0,
   spawn: va
 };
-C(Ft);
+$(Ft);
 const to = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6466,7 +6468,7 @@ const to = {
   },
   leaf: !0
 };
-C(xa);
+$(xa);
 const ka = O(ee), no = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6514,7 +6516,7 @@ const ka = O(ee), no = {
   },
   leaf: !0
 };
-C(Nt);
+$(Nt);
 function wa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -6617,7 +6619,7 @@ const oo = {
   },
   spawn: wa
 };
-C(jt);
+$(jt);
 const io = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6745,7 +6747,7 @@ const io = {
   },
   leaf: !0
 };
-C(Ia);
+$(Ia);
 const ro = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6811,7 +6813,7 @@ const ro = {
   },
   leaf: !0
 };
-C(Sa);
+$(Sa);
 const so = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6853,7 +6855,7 @@ const so = {
       default: !1
     }
   ]
-}, Ca = {
+}, $a = {
   key: "common_select_v1",
   name: "x-runtime-lib.select",
   comp: tl,
@@ -6863,7 +6865,7 @@ const so = {
   },
   leaf: !0
 };
-C(Ca);
+$($a);
 const fn = O(ee);
 fn.key = "color";
 fn.name = "x-runtime-lib.color";
@@ -6999,7 +7001,7 @@ const lo = {
       default: void 0
     }
   ]
-}, $a = {
+}, Ca = {
   key: "common_slider_v1",
   name: "x-runtime-lib.slider",
   comp: nl,
@@ -7009,7 +7011,7 @@ const lo = {
   },
   leaf: !0
 };
-C($a);
+$(Ca);
 const Gt = {
   key: "common_stepper_header_v1",
   name: "x-runtime-lib.stepperHeader",
@@ -7019,7 +7021,7 @@ const Gt = {
     compCommon: [y]
   }
 };
-C(Gt);
+$(Gt);
 const co = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7040,7 +7042,7 @@ const co = {
     compCommon: [y, co]
   }
 };
-C(Ht);
+$(Ht);
 const Ut = {
   key: "common_stepper_window_v1",
   name: "x-runtime-lib.stepperWindow",
@@ -7050,7 +7052,7 @@ const Ut = {
     compCommon: [y]
   }
 };
-C(Ut);
+$(Ut);
 const uo = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7071,7 +7073,7 @@ const uo = {
     compCommon: [y, uo]
   }
 };
-C(Jt);
+$(Jt);
 function Va(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -7151,7 +7153,7 @@ function La(t, n) {
   }
   const i = E();
   M(i, r), i.basic.id = T(16), i.basic.key = Ut.key;
-  const l = Ct(t, n, "step1", "step 1"), c = Ct(t, n, "step2", "step 2"), u = Ct(t, n, "step3", "step 3");
+  const l = $t(t, n, "step1", "step 1"), c = $t(t, n, "step2", "step 2"), u = $t(t, n, "step3", "step 3");
   return {
     nodeLite: A(i, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
@@ -7162,7 +7164,7 @@ function La(t, n) {
     }
   };
 }
-function Ct(t, n, e, o) {
+function $t(t, n, e, o) {
   const r = `type=${t} subtype=${n}`, i = B(t, n);
   if (!i) {
     console.error(
@@ -7194,13 +7196,13 @@ function za(t, n, e) {
     console.error(`stepperV1/spawnCard property tag not found, ${o}`);
     return;
   }
-  const i = Ge.properties[r];
+  const i = He.properties[r];
   if (!i) {
     console.error(`stepperV1/spawnCard properties not found, ${o}`);
     return;
   }
   const l = E();
-  return M(l, i), l.basic.id = T(16), l.basic.key = Ge.key, l.settings.title = e, {
+  return M(l, i), l.basic.id = T(16), l.basic.key = He.key, l.settings.title = e, {
     nodeLite: A(l, []),
     nodes: {
       [l.basic.id]: l
@@ -7234,7 +7236,7 @@ const mo = {
   },
   spawn: Va
 };
-C(qt);
+$(qt);
 const Ta = {
   key: "common_switch_v1",
   name: "x-runtime-lib.switch",
@@ -7245,7 +7247,7 @@ const Ta = {
   },
   leaf: !0
 };
-C(Ta);
+$(Ta);
 const po = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7273,7 +7275,7 @@ const po = {
   },
   leaf: !0
 };
-C(Xt);
+$(Xt);
 function Ea(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -7287,7 +7289,7 @@ function Ea(t, n) {
   }
   const i = E();
   M(i, r), i.basic.id = T(16), i.basic.key = Yt.key;
-  const l = $t(t, n, "tab1", "tab 1"), c = $t(t, n, "tab2", "tab 2"), u = $t(t, n, "tab3", "tab 3");
+  const l = Ct(t, n, "tab1", "tab 1"), c = Ct(t, n, "tab2", "tab 2"), u = Ct(t, n, "tab3", "tab 3");
   return {
     nodeLite: A(i, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
@@ -7298,7 +7300,7 @@ function Ea(t, n) {
     }
   };
 }
-function $t(t, n, e, o) {
+function Ct(t, n, e, o) {
   const r = `type=${t} subtype=${n}`, i = B(t, n);
   if (!i) {
     console.error(`tabsV1/spawnTab property tag not found, ${r}`);
@@ -7415,20 +7417,20 @@ const fo = {
   },
   spawn: Ea
 };
-C(Yt);
+$(Yt);
 function Aa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`textV1/spawn property tag not found, ${e}`);
     return;
   }
-  const r = Ce.properties[o];
+  const r = $e.properties[o];
   if (!r) {
     console.error(`textV1/spawn properties not found, ${e}`);
     return;
   }
   const i = E();
-  return M(i, r), i.basic.id = T(16), i.basic.key = Ce.key, i.settings.text = "text", {
+  return M(i, r), i.basic.id = T(16), i.basic.key = $e.key, i.settings.text = "text", {
     nodeLite: A(i),
     nodes: {
       [i.basic.id]: i
@@ -7521,7 +7523,7 @@ const yo = {
       default: !1
     }
   ]
-}, Ce = {
+}, $e = {
   key: "common_text_v1",
   name: "x-runtime-lib.text",
   comp: yl,
@@ -7532,7 +7534,7 @@ const yo = {
   leaf: !0,
   spawn: Aa
 };
-C(Ce);
+$($e);
 function Ma(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -7634,7 +7636,7 @@ const bo = {
   leaf: !0,
   spawn: Ma
 };
-C(Zt);
+$(Zt);
 const Qt = {
   key: "common_timeline_item_v1",
   name: "x-runtime-lib.timelineItem",
@@ -7644,7 +7646,7 @@ const Qt = {
     compCommon: [y]
   }
 };
-C(Qt);
+$(Qt);
 function Wa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -7697,13 +7699,13 @@ function Ba(t, n, e) {
     console.error(`timelineV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const i = Ce.properties[r];
+  const i = $e.properties[r];
   if (!i) {
     console.error(`timelineV1/spawnText properties not found, ${o}`);
     return;
   }
   const l = E();
-  return M(l, i), l.basic.id = T(16), l.basic.key = Ce.key, l.settings.text = e, {
+  return M(l, i), l.basic.id = T(16), l.basic.key = $e.key, l.settings.text = e, {
     nodeLite: A(l),
     nodes: {
       [l.basic.id]: l
@@ -7798,7 +7800,7 @@ const Ra = O(ee), Ka = O(ee), go = {
   },
   spawn: Wa
 };
-C(en);
+$(en);
 const tn = {
   key: "common_window_item_v1",
   name: "x-runtime-lib.windowItem",
@@ -7808,7 +7810,7 @@ const tn = {
     compCommon: [y]
   }
 };
-C(tn);
+$(tn);
 function Da(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -7863,13 +7865,13 @@ function Oa(t, n, e) {
     );
     return;
   }
-  const i = He.properties[r];
+  const i = Ue.properties[r];
   if (!i) {
     console.error(`windowV1/spawnFlexLayout properties not found, ${o}`);
     return;
   }
   const l = E();
-  M(l, i), l.basic.id = T(16), l.basic.key = He.key, l.size.height = "200px", l.settings.mainAlign.xs = "center", l.settings.crossAlign.xs = "center", l.settings.backgroundColor.mode = "theme", l.settings.backgroundColor.theme = "background2";
+  M(l, i), l.basic.id = T(16), l.basic.key = Ue.key, l.size.height = "200px", l.settings.mainAlign.xs = "center", l.settings.crossAlign.xs = "center", l.settings.backgroundColor.mode = "theme", l.settings.backgroundColor.theme = "background2";
   const c = Fa(t, n, e);
   return {
     nodeLite: A(l, [c.nodeLite]),
@@ -7885,13 +7887,13 @@ function Fa(t, n, e) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const i = Ce.properties[r];
+  const i = $e.properties[r];
   if (!i) {
     console.error(`windowV1/spawnText properties not found, ${o}`);
     return;
   }
   const l = E();
-  return M(l, i), l.basic.id = T(16), l.basic.key = Ce.key, l.settings.text = e, l.settings.style.xs = "h6", {
+  return M(l, i), l.basic.id = T(16), l.basic.key = $e.key, l.settings.text = e, l.settings.style.xs = "h6", {
     nodeLite: A(l),
     nodes: {
       [l.basic.id]: l
@@ -7956,7 +7958,7 @@ const ho = {
   },
   spawn: Da
 };
-C(nn);
+$(nn);
 const ot = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7987,7 +7989,7 @@ const ot = {
   },
   leaf: !0
 };
-C(Na);
+$(Na);
 const rt = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -8024,7 +8026,7 @@ const rt = {
   },
   leaf: !0
 };
-C(ja);
+$(ja);
 const lt = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -8048,7 +8050,7 @@ const lt = {
   },
   leaf: !0
 };
-C(Ga);
+$(Ga);
 const _o = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -8069,7 +8071,7 @@ const _o = {
     compCommon: [y, _o]
   }
 };
-C(Ha);
+$(Ha);
 const at = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -8099,10 +8101,10 @@ const at = {
   },
   leaf: !0
 };
-C(Ua);
-const Ke = O(ee);
-Ke.key = "backgroundColor";
-Ke.name = "x-runtime-lib.backgroundColor";
+$(Ua);
+const De = O(ee);
+De.key = "backgroundColor";
+De.name = "x-runtime-lib.backgroundColor";
 const Fo = {
   key: "adaptSlot",
   name: "x-runtime-lib.adaptSlot",
@@ -8111,19 +8113,19 @@ const Fo = {
 }, Ja = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Ke]
+  children: [De]
 }, qa = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Ke, Fo]
+  children: [De, Fo]
 }, Xa = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Ke]
+  children: [De]
 }, Ya = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Ke, Fo]
+  children: [De, Fo]
 }, Za = {
   key: "startup",
   name: "x-runtime-lib.startup"
@@ -8165,7 +8167,7 @@ const Fo = {
   events: [Za, Qa, ec],
   internal: !0
 };
-C(tc);
+$(tc);
 const nc = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -8310,12 +8312,12 @@ const nc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], Cc = [
+], $c = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.both", value: "both" }
-], $c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   alignTabsItemsV1: nc,
   axisTypeItemsV1: oc,
@@ -8341,7 +8343,7 @@ const nc = [
   timelineAlignItemsV1: wc,
   timelineDirectionItemsV1: Ic,
   timelineSideItemsV1: Sc,
-  timelineTruncateLineItemsV1: Cc
+  timelineTruncateLineItemsV1: $c
 }, Symbol.toStringTag, { value: "Module" })), Vc = [
   {
     title: "x-runtime-lib.notSet",
@@ -8810,7 +8812,7 @@ const nc = [
   version: "v1",
   globalityKey: "globality_v1",
   refKey: "ref_v1",
-  items: { ...$c },
+  items: { ...Cc },
   types: { ...Mc },
   elements: /* @__PURE__ */ new Set([
     "globality_v1",
@@ -8937,7 +8939,7 @@ function Vu(t, n, e, o, r) {
     return;
   }
   if (o) {
-    const u = c.refKey, m = r;
+    const u = c.refKey, p = r;
     if (!c.elements.has(u)) {
       console.error(`spawnNode [ref] element not found in pkg, ${i}`);
       return;
@@ -8947,13 +8949,13 @@ function Vu(t, n, e, o, r) {
       console.error(`spawnNode [ref] element not found in global, ${i}`);
       return;
     }
-    const p = d.properties[l];
-    if (!p) {
+    const m = d.properties[l];
+    if (!m) {
       console.error(`spawnNode [ref] properties not found, ${i}`);
       return;
     }
     const f = E();
-    return M(f, p), f.basic.id = T(16), f.basic.key = u, f.settings || (f.settings = {}), f.settings.comp = m, {
+    return M(f, m), f.basic.id = T(16), f.basic.key = u, f.settings || (f.settings = {}), f.settings.comp = p, {
       nodeLite: A(f),
       nodes: {
         [f.basic.id]: f
@@ -8965,26 +8967,26 @@ function Vu(t, n, e, o, r) {
       console.error(`spawnNode [key] element not found in pkg, ${i}`);
       return;
     }
-    const m = ke[u];
-    if (!m) {
+    const p = ke[u];
+    if (!p) {
       console.error(`spawnNode [key] element not found in global, ${i}`);
       return;
     }
-    if (m.spawn)
-      return m.spawn(t, n);
+    if (p.spawn)
+      return p.spawn(t, n);
     {
-      const d = m.properties[l];
+      const d = p.properties[l];
       if (!d) {
         console.error(`spawnNode [key] properties not found, ${i}`);
         return;
       }
-      const p = E();
-      M(p, d), p.basic.id = T(16), p.basic.key = u;
+      const m = E();
+      M(m, d), m.basic.id = T(16), m.basic.key = u;
       let f;
-      return m.leaf || (f = []), {
-        nodeLite: A(p, f),
+      return p.leaf || (f = []), {
+        nodeLite: A(m, f),
         nodes: {
-          [p.basic.id]: p
+          [m.basic.id]: m
         }
       };
     }
@@ -9044,7 +9046,7 @@ function Z() {
 function Au(t) {
   ye(Ho, rn(t));
 }
-function De() {
+function Oe() {
   return fe(Ho);
 }
 function Mu(t) {
@@ -9065,7 +9067,7 @@ function Bu(t) {
 function we() {
   return fe(qo);
 }
-function $e(t) {
+function Ce(t) {
   ye(Xo, t);
 }
 function le() {
@@ -9089,7 +9091,7 @@ function Uc(t) {
 function _e() {
   return fe(Qo, void 0);
 }
-function Fe(t) {
+function Ne(t) {
   const n = [t.type];
   return t.type === "elementProperty" ? n.push(t.nodeId, t.propertyKeys) : t.type === "customProperty" || t.type === "adaptSlotProperty" ? n.push(t.propertyId) : t.type === "state" ? n.push(t.stateId) : console.assert(!1), n.join("/");
 }
@@ -9107,77 +9109,77 @@ function ct(t, n, e, o, r) {
         console.assert(!1);
         continue;
       }
-      let m = null;
-      for (const p of u)
-        if (e === Fe(p)) {
-          if (p.subKeys) {
+      let p = null;
+      for (const m of u)
+        if (e === Ne(m)) {
+          if (m.subKeys) {
             if (!ce(
-              Ie(o, p.subKeys),
-              Ie(r, p.subKeys)
+              Ie(o, m.subKeys),
+              Ie(r, m.subKeys)
             )) {
-              m = p;
+              p = m;
               break;
             }
           } else if (!ce(o, r)) {
-            m = p;
+            p = m;
             break;
           }
         }
-      if (!m)
+      if (!p)
         continue;
       let d;
-      m.subKeys ? d = Ie(o, m.subKeys) : d = o;
-      for (const p of u)
-        if (p.subKeys) {
+      p.subKeys ? d = Ie(o, p.subKeys) : d = o;
+      for (const m of u)
+        if (m.subKeys) {
           let f;
-          if (p.type === "elementProperty")
+          if (m.type === "elementProperty")
             f = t.getElementProperty(
-              p.nodeId,
-              p.propertyKeys.split(".")
+              m.nodeId,
+              m.propertyKeys.split(".")
             );
-          else if (p.type === "customProperty")
-            f = t.getCustomProperty(p.propertyId);
-          else if (p.type === "state")
-            f = t.getState(p.stateId);
-          else if (p.type === "adaptSlotProperty")
-            f = t.getAdaptSlotProperty(p.propertyId);
+          else if (m.type === "customProperty")
+            f = t.getCustomProperty(m.propertyId);
+          else if (m.type === "state")
+            f = t.getState(m.stateId);
+          else if (m.type === "adaptSlotProperty")
+            f = t.getAdaptSlotProperty(m.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          const _ = Ie(f, p.subKeys);
-          if (ce(d, _))
+          const g = Ie(f, m.subKeys);
+          if (ce(d, g))
             continue;
-          const g = O(f);
-          ln(g, p.subKeys, O(d)), p.type === "elementProperty" ? t.setElementProperty(
-            p.nodeId,
-            p.propertyKeys.split("."),
-            g
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, g) : p.type === "state" ? t.setState(p.stateId, g) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, g) : console.assert(!1);
+          const h = O(f);
+          ln(h, m.subKeys, O(d)), m.type === "elementProperty" ? t.setElementProperty(
+            m.nodeId,
+            m.propertyKeys.split("."),
+            h
+          ) : m.type === "customProperty" ? t.setCustomProperty(m.propertyId, h) : m.type === "state" ? t.setState(m.stateId, h) : m.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(m.propertyId, h) : console.assert(!1);
         } else {
           let f;
-          if (p.type === "elementProperty")
+          if (m.type === "elementProperty")
             f = t.getElementProperty(
-              p.nodeId,
-              p.propertyKeys.split(".")
+              m.nodeId,
+              m.propertyKeys.split(".")
             );
-          else if (p.type === "customProperty")
-            f = t.getCustomProperty(p.propertyId);
-          else if (p.type === "state")
-            f = t.getState(p.stateId);
-          else if (p.type === "adaptSlotProperty")
-            f = t.getAdaptSlotProperty(p.propertyId);
+          else if (m.type === "customProperty")
+            f = t.getCustomProperty(m.propertyId);
+          else if (m.type === "state")
+            f = t.getState(m.stateId);
+          else if (m.type === "adaptSlotProperty")
+            f = t.getAdaptSlotProperty(m.propertyId);
           else {
             console.assert(!1);
             continue;
           }
           if (ce(d, f))
             continue;
-          p.type === "elementProperty" ? t.setElementProperty(
-            p.nodeId,
-            p.propertyKeys.split("."),
+          m.type === "elementProperty" ? t.setElementProperty(
+            m.nodeId,
+            m.propertyKeys.split("."),
             O(d)
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, O(d)) : p.type === "state" ? t.setState(p.stateId, O(d)) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, O(d)) : console.assert(!1);
+          ) : m.type === "customProperty" ? t.setCustomProperty(m.propertyId, O(d)) : m.type === "state" ? t.setState(m.stateId, O(d)) : m.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(m.propertyId, O(d)) : console.assert(!1);
         }
     }
 }
@@ -9327,14 +9329,14 @@ function et(t, n) {
 function tm() {
   let t;
   const n = async () => (t = (await Li()).newRuntime(), console.log("runtime created"), t);
-  return Je(() => {
+  return Be(() => {
     t && (t.dispose(), console.log("runtime dispose"));
   }), { createRuntime: n };
 }
 function Me(t) {
   return !!t.vm;
 }
-function Ue(t, n) {
+function Je(t, n) {
   if (n === null)
     return t.null;
   if (n === !0)
@@ -9344,7 +9346,7 @@ function Ue(t, n) {
   if (Array.isArray(n)) {
     const e = t.newArray();
     for (let o = 0; o < n.length; o++) {
-      const r = Ue(t, n[o]);
+      const r = Je(t, n[o]);
       t.setProp(e, o.toString(), r), r.dispose();
     }
     return e;
@@ -9357,7 +9359,7 @@ function Ue(t, n) {
     case "object": {
       const e = t.newObject();
       for (const o of Object.keys(n)) {
-        const r = Ue(t, n[o]);
+        const r = Je(t, n[o]);
         t.setProp(e, o, r), r.dispose();
       }
       return e;
@@ -9379,13 +9381,13 @@ function Xc(t) {
       const u = i[c].trim();
       if (u !== "")
         if (/^\[\d+\]$/.test(u)) {
-          let m = parseInt(u.slice(1, -1), 10);
-          m > 0 && m--;
-          const d = n.newNumber(m);
+          let p = parseInt(u.slice(1, -1), 10);
+          p > 0 && p--;
+          const d = n.newNumber(p);
           n.setProp(r, l.toString(), d), d.dispose(), l++;
         } else {
-          const m = n.newString(u);
-          n.setProp(r, l.toString(), m), m.dispose(), l++;
+          const p = n.newString(u);
+          n.setProp(r, l.toString(), p), p.dispose(), l++;
         }
     }
     return r;
@@ -9414,9 +9416,9 @@ function Xc(t) {
           const d = Pe(l, n.getProp(n.global, "__timeoutCallback__"));
           n.callFunction(d, n.global, n.newNumber(r));
         } catch (c) {
-          var u = c, m = !0;
+          var u = c, p = !0;
         } finally {
-          Le(l, u, m);
+          Le(l, u, p);
         }
       }
     }, i);
@@ -9445,20 +9447,20 @@ function Zc(t) {
   }
   const { vm: n } = t;
   n.newFunction("__callFuncV1__", (e, o, r, i, l) => {
-    const c = n.getString(e), u = n.getString(o), m = n.dump(r), d = n.getString(i), p = n.getString(l), { id: f, promise: _ } = t.promiseManager.acquire(), g = JSON.stringify(m);
+    const c = n.getString(e), u = n.getString(o), p = n.dump(r), d = n.getString(i), m = n.getString(l), { id: f, promise: g } = t.promiseManager.acquire(), h = JSON.stringify(p);
     return Yc({
       spaceId: c,
       id: u,
-      strInputs: g,
+      strInputs: h,
       env: d
     }).then(
       ({ strOutputs: I }) => {
-        Me(t) && (_.resolve(n.evalCode(`JSON.parse('${I}')`).unwrap()), t.promiseManager.release(f));
+        Me(t) && (g.resolve(n.evalCode(`JSON.parse('${I}')`).unwrap()), t.promiseManager.release(f));
       },
       (I) => {
-        Me(t) && (_.reject(n.newString(`call func <${p}> failed, ${I}`)), t.promiseManager.release(f));
+        Me(t) && (g.reject(n.newString(`call func <${m}> failed, ${I}`)), t.promiseManager.release(f));
       }
-    ), _.settled.then(n.runtime.executePendingJobs), _.handle;
+    ), g.settled.then(n.runtime.executePendingJobs), g.handle;
   }).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
 }
 function Qc(t) {
@@ -9482,27 +9484,27 @@ function eu(t) {
         const G = Pe(c, n.getProp(n.global, "__triggerEventInner__"));
         n.callFunction(G, n.global, e, ...o);
       } catch (u) {
-        var m = u, d = !0;
+        var p = u, d = !0;
       } finally {
-        Le(c, m, d);
+        Le(c, p, d);
       }
     }
     const r = n.getString(e), { kind: i, eventKey: l } = qc(r);
     if (i === "customEvent") {
-      var h = [];
+      var _ = [];
       try {
-        const G = Pe(h, n.getProp(n.global, "__triggerEventV1__"));
+        const G = Pe(_, n.getProp(n.global, "__triggerEventV1__"));
         {
-          var p = [];
+          var m = [];
           try {
-            const j = Pe(p, n.newString(
+            const j = Pe(m, n.newString(
               ae("refEvent", t.nodeId, l)
             ));
             n.callFunction(G, n.global, j, ...o);
           } catch (f) {
-            var _ = f, g = !0;
+            var g = f, h = !0;
           } finally {
-            Le(p, _, g);
+            Le(m, g, h);
           }
         }
         {
@@ -9521,49 +9523,40 @@ function eu(t) {
       } catch (V) {
         var R = V, N = !0;
       } finally {
-        Le(h, R, N);
+        Le(_, R, N);
       }
     }
-  }).consume((e) => n.setProp(n.global, "__triggerEventV1__", e)), n.newFunction("__getPropertyV1__", (e, o) => {
-    const r = n.getString(e), i = n.getString(o), { kind: l, nodeId: c, propertyKey: u } = xo(r);
-    let m;
-    if (l === "elementProperty")
-      m = t.getElementProperty(c, u.split("."));
-    else if (l === "refProperty") {
-      const d = t.children[c];
-      d && (m = d.getCustomProperty(u));
-    } else if (l === "multipleRefProperty") {
-      const d = t.children[c + "/" + i];
-      d && (m = d.getCustomProperty(u));
-    } else l === "slotProperty" || l === "multipleSlotProperty" || (l === "customProperty" ? m = t.getCustomProperty(u) : l === "adaptSlotElementProperty" || l === "adaptSlotCustomProperty" ? m = t.getAdaptSlotProperty(u) : console.assert(!1));
-    return Ue(n, m);
-  }).consume((e) => n.setProp(n.global, "__getPropertyV1__", e)), n.newFunction("__setPropertyV1__", (e, o, r) => {
-    const i = n.getString(e), l = n.getString(o), c = n.dump(r), { kind: u, nodeId: m, propertyKey: d } = xo(i);
-    if (u === "elementProperty")
-      t.setElementProperty(m, d.split("."), c);
-    else if (u === "refProperty") {
-      const p = t.children[m];
-      p && p.setCustomProperty(d, c);
-    } else if (u === "multipleRefProperty") {
-      const p = t.children[m + "/" + l];
-      p && p.setCustomProperty(d, c);
-    } else u === "slotProperty" || u === "multipleSlotProperty" || (u === "customProperty" ? t.setCustomProperty(d, c) : u === "adaptSlotElementProperty" || u === "adaptSlotCustomProperty" ? t.setAdaptSlotProperty(d, c) : console.assert(!1));
+  }).consume((e) => n.setProp(n.global, "__triggerEventV1__", e)), n.newFunction("__getPropertyV1__", (e, o, r) => {
+    const i = n.getString(e), l = n.getString(o), c = n.getString(r);
+    let u = t;
+    if (l && (c ? u = t.children[`${l}/${c}`] : u = t.children[l]), !u)
+      return;
+    const { kind: p, nodeId: d, propertyKey: m } = xo(i);
+    let f;
+    return p === "elementProperty" ? f = u.getElementProperty(d, m.split(".")) : p === "refProperty" || p === "multipleRefProperty" ? f = u.getCustomProperty(m) : p === "slotProperty" || p === "multipleSlotProperty" ? f = u.getSlotProperty(m) : p === "customProperty" ? f = t.getCustomProperty(m) : p === "adaptSlotElementProperty" || p === "adaptSlotCustomProperty" ? f = t.getAdaptSlotProperty(m) : console.assert(!1), Je(n, f);
+  }).consume((e) => n.setProp(n.global, "__getPropertyV1__", e)), n.newFunction("__setPropertyV1__", (e, o, r, i) => {
+    const l = n.getString(e), c = n.dump(o), u = n.getString(r), p = n.getString(i);
+    let d = t;
+    if (u && (p ? d = t.children[`${u}/${p}`] : d = t.children[u]), !d)
+      return;
+    const { kind: m, nodeId: f, propertyKey: g } = xo(l);
+    m === "elementProperty" ? d.setElementProperty(f, g.split("."), c) : m === "refProperty" || m === "multipleRefProperty" ? d.setCustomProperty(g, c) : m === "slotProperty" || m === "multipleSlotProperty" ? d.setSlotProperty(g, c) : m === "customProperty" ? t.setCustomProperty(g, c) : m === "adaptSlotElementProperty" || m === "adaptSlotCustomProperty" ? t.setAdaptSlotProperty(g, c) : console.assert(!1);
   }).consume((e) => n.setProp(n.global, "__setPropertyV1__", e)), n.newFunction("__callMethodV1__", (e, o, r) => {
-    const i = n.getString(e), l = n.getString(o), c = n.dump(r), { kind: u, nodeId: m, methodKey: d } = ei(i);
-    let p;
+    const i = n.getString(e), l = n.getString(o), c = n.dump(r), { kind: u, nodeId: p, methodKey: d } = ei(i);
+    let m;
     if (u === "elementMethod")
-      p = t.callElementMethod(i, c);
+      m = t.callElementMethod(i, c);
     else if (u === "refMethod") {
-      const f = t.children[m];
-      f && (p = f.callCustomMethod(d, c));
+      const f = t.children[p];
+      f && (m = f.callCustomMethod(d, c));
     } else if (u === "multipleRefMethod") {
-      const f = t.children[m + "/" + l];
-      f && (p = f.callCustomMethod(d, c));
+      const f = t.children[p + "/" + l];
+      f && (m = f.callCustomMethod(d, c));
     } else u === "slotMethod" || u === "multipleSlotMethod" || u === "customMethod" || u === "adaptSlotElementMethod" || u === "adaptSlotCustomMethod" || console.assert(!1);
-    return p;
+    return m;
   }).consume((e) => n.setProp(n.global, "__callMethodV1__", e)), n.newFunction("__getStateV1__", (e) => {
     const o = n.getString(e), r = t.getState(o);
-    return Ue(n, r);
+    return Je(n, r);
   }).consume((e) => n.setProp(n.global, "__getStateV1__", e)), n.newFunction("__setStateV1__", (e, o) => {
     const r = n.getString(e), i = n.dump(o);
     t.setState(r, i);
@@ -9587,10 +9580,10 @@ function eu(t) {
       Me(t) && (u === void 0 ? c.resolve(n.undefined) : c.resolve(u ? n.true : n.false), t.promiseManager.release(l));
     }), c.settled.then(n.runtime.executePendingJobs), c.handle;
   }).consume((e) => n.setProp(n.global, "__openConfirmDlgV1__", e)), n.newFunction("__openPromptDlgV1__", (e, o, r) => {
-    const i = n.getString(e), l = n.getString(o), c = n.dump(r), { id: u, promise: m } = t.promiseManager.acquire();
+    const i = n.getString(e), l = n.getString(o), c = n.dump(r), { id: u, promise: p } = t.promiseManager.acquire();
     return mi({ title: i, label: l, value: c }).then((d) => {
-      Me(t) && (d === void 0 ? m.resolve(n.undefined) : m.resolve(n.newString(d)), t.promiseManager.release(u));
-    }), m.settled.then(n.runtime.executePendingJobs), m.handle;
+      Me(t) && (d === void 0 ? p.resolve(n.undefined) : p.resolve(n.newString(d)), t.promiseManager.release(u));
+    }), p.settled.then(n.runtime.executePendingJobs), p.handle;
   }).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
 }
 function tu(t) {
@@ -9701,7 +9694,7 @@ class ou {
 class iu {
   kind;
   nodeId;
-  refKey;
+  instance;
   // 沙盒关系
   parent;
   children = {};
@@ -9714,21 +9707,23 @@ class iu {
   eventBus = zi();
   // 钩子
   hooks;
-  constructor(n, e, o, r, i, l, c, u, m) {
-    this.kind = n, this.nodeId = e, this.refKey = o, this.parent = r, this.org = i, this.env = l, this.mode = c, this.type = u, this.hooks = m, this.parent?.addChild(this), this.debugTrace("constructor");
+  constructor(n, e, o, r, i, l, c, u, p) {
+    this.kind = n, this.nodeId = e, this.instance = o, this.parent = r, this.org = i, this.env = l, this.mode = c, this.type = u, this.hooks = p, this.parent?.addChild(this), this.debugTrace("constructor");
   }
   dispose() {
-    this.parent?.removeChild(this.nodeId), this.destroyVm(), this.debugTrace("dispose");
+    this.parent?.removeChild(this.nodeId, this.instance), this.destroyVm(), this.debugTrace("dispose");
   }
   debugTrace(...n) {
-    const e = this.nodeId ? `sandbox/${this.nodeId}` : "sandbox/root";
-    console.log(`<${e}>`, ...n);
+    let e = "sandbox/root";
+    this.nodeId && (e = `sandbox/${this.nodeId}`), this.instance && (e += `/${this.instance}`), console.log(`<${e}>`, ...n);
   }
   addChild(n) {
-    this.children[n.nodeId] = n;
+    let e = n.nodeId;
+    n.instance && (e += `/${n.instance}`), this.children[e] = n;
   }
-  removeChild(n) {
-    delete this.children[n];
+  removeChild(n, e) {
+    let o = n;
+    e && (o += `/${e}`), delete this.children[o];
   }
   //--------------------------
   // 虚拟机
@@ -9753,7 +9748,7 @@ class iu {
     this.debugTrace(`call ${n}(${o})`);
     const r = this.vm.getProp(this.vm.global, n), i = [];
     for (const l of e)
-      i.push(Ue(this.vm, l));
+      i.push(Je(this.vm, l));
     this.vm.callFunction(r, this.vm.global, ...i), r.dispose();
   }
   //--------------------------
@@ -9868,15 +9863,15 @@ class iu {
   }
 }
 function tt(t, n, e, o, r) {
-  const i = Nc(), l = jc(), c = Z(), u = we(), m = De(), d = Ze(), p = Hc(), f = (b, h, V, R) => {
+  const i = Nc(), l = jc(), c = Z(), u = we(), p = Oe(), d = Ze(), m = Hc(), f = (b, _, V, R) => {
     if (ie(c)) {
-      if (ce(h, ["settings", "slot"])) {
+      if (ce(_, ["settings", "slot"])) {
         const N = t.value?.view.nodeLites.find(
           (G) => G.id === b
         );
         N ? N.slotId = V : console.assert(!1);
       }
-      if (ce(h, ["settings", "comp"])) {
+      if (ce(_, ["settings", "comp"])) {
         const N = t.value?.view.nodeLites.find(
           (G) => G.id === b
         );
@@ -9884,15 +9879,15 @@ function tt(t, n, e, o, r) {
       }
       if (x.callFunction(
         "__triggerEventV1__",
-        ae("elementPropertyChangeEvent", b, h.join(".")),
+        ae("elementPropertyChangeEvent", b, _.join(".")),
         V,
         R ?? V
       ), t.value?.code.reactivity) {
         let N = "";
-        h instanceof Array ? N = h.join(".") : N = h, ct(
+        _ instanceof Array ? N = _.join(".") : N = _, ct(
           x,
           t.value.code.reactivity,
-          Fe({
+          Ne({
             type: "elementProperty",
             nodeId: b,
             propertyKeys: N
@@ -9902,17 +9897,17 @@ function tt(t, n, e, o, r) {
         );
       }
     }
-  }, _ = (b, h, V) => {
+  }, g = (b, _, V) => {
     ie(c) && (x.callFunction(
       "__triggerEventV1__",
       ae("customPropertyChangeEvent", "globality", b),
-      h,
-      V ?? h
+      _,
+      V ?? _
     ), x.parent?.callFunction(
       "__triggerEventV1__",
       ae("refPropertyChangeEvent", x.nodeId, b),
-      h,
-      V ?? h
+      _,
+      V ?? _
     ), x.parent?.callFunction(
       "__triggerEventV1__",
       ae(
@@ -9920,36 +9915,36 @@ function tt(t, n, e, o, r) {
         x.nodeId,
         b
       ),
-      h,
-      V ?? h
+      _,
+      V ?? _
     ), t.value?.code.reactivity && ct(
       x,
       t.value.code.reactivity,
-      Fe({ type: "customProperty", propertyId: b }),
-      h,
+      Ne({ type: "customProperty", propertyId: b }),
+      _,
       V
     ));
-  }, g = (b, h, V) => {
-    ie(c) && console.log("onSlotPropetyChange", b, h, V);
-  }, I = (b, h, V) => {
+  }, h = (b, _, V) => {
+    ie(c) && console.log("onSlotPropetyChange", b, _, V);
+  }, I = (b, _, V) => {
     ie(c) && t.value?.code.reactivity && ct(
       x,
       t.value.code.reactivity,
-      Fe({ type: "adaptSlotProperty", propertyId: b }),
-      h,
+      Ne({ type: "adaptSlotProperty", propertyId: b }),
+      _,
       V
     );
-  }, v = (b, h, V) => {
+  }, v = (b, _, V) => {
     ie(c) && (x.callFunction(
       "__triggerEventV1__",
       ae("stateChangeEvent", "globality", b),
-      h,
-      V ?? h
+      _,
+      V ?? _
     ), t.value?.code.reactivity && ct(
       x,
       t.value.code.reactivity,
-      Fe({ type: "state", stateId: b }),
-      h,
+      Ne({ type: "state", stateId: b }),
+      _,
       V
     ));
   }, x = new iu(
@@ -9963,26 +9958,26 @@ function tt(t, n, e, o, r) {
     u,
     {
       onElementPropertyChange: f,
-      onCustomPropertyChange: _,
-      onSlotPropetyChange: g,
+      onCustomPropertyChange: g,
+      onSlotPropetyChange: h,
       onAdaptSlotPropertyChange: I,
       onStateChange: v
     }
   );
-  if (Uc(x), Je(() => {
+  if (Uc(x), Be(() => {
     x.dispose();
   }), ie(c)) {
     const b = async () => {
-      x.destroyVm(), x.associateData(t), x.resetCustomProperties(), x.resetAdaptSlotProperties(), x.resetStates(), !(!t.value || !t.value.code.script) && x.createVm(p, t.value.code.script);
+      x.destroyVm(), x.associateData(t), x.resetCustomProperties(), x.resetAdaptSlotProperties(), x.resetStates(), !(!t.value || !t.value.code.script) && x.createVm(m, t.value.code.script);
     };
     b(), pe(t, () => {
       b();
     });
   }
   ie(c) && pe(
-    m,
-    (b, h) => {
-      const V = ut(b.width), R = ut(h?.width ?? b.width);
+    p,
+    (b, _) => {
+      const V = ut(b.width), R = ut(_?.width ?? b.width);
       x.callFunction(
         "__triggerEventV1__",
         ae("elementEvent", "globality", "screenSizeChange"),
@@ -10027,7 +10022,7 @@ export {
   oa as btnToggleV1,
   At as btnV1,
   ut as calcBreakpoint,
-  Ge as cardV1,
+  He as cardV1,
   ra as checkboxV1,
   Wt as chipGroupV1,
   Mt as chipV1,
@@ -10045,12 +10040,12 @@ export {
   Lu as duplicateNodePairs,
   wu as elementKeys,
   ke as elements,
-  $u as fileInputV1,
+  Cu as fileInputV1,
   Rt as flexLayoutEntryV1,
-  He as flexLayoutV1,
+  Ue as flexLayoutV1,
   Ot as formV1,
   T as genId,
-  Oe as getBreakpointProp,
+  Fe as getBreakpointProp,
   Ie as getField,
   wn as getIndexOfBreakpoint,
   Pu as getNodeLite,
@@ -10066,7 +10061,7 @@ export {
   Ze as injectDark,
   le as injectData,
   Gc as injectDepends,
-  De as injectDevice,
+  Oe as injectDevice,
   jc as injectEnv,
   Qe as injectId,
   Z as injectMode,
@@ -10095,11 +10090,11 @@ export {
   Nu as makePropertyKeyOfCustomSlot,
   Ou as makePropertyKeyOfElementSlot,
   Qu as makeSlotId,
-  Fe as makeTriggerId,
+  Ne as makeTriggerId,
   Rl as mapControlsV1,
   _a as menuV1,
-  Ne as meshBasicMaterialV1,
-  je as meshV1,
+  je as meshBasicMaterialV1,
+  Ge as meshV1,
   Na as multipleRefV1,
   ja as multipleSlotV1,
   Ft as numberInputV1,
@@ -10117,7 +10112,7 @@ export {
   Oc as pkgs,
   Jl as pointLightV1,
   Mu as provideDark,
-  $e as provideData,
+  Ce as provideData,
   Ru as provideDepends,
   Au as provideDevice,
   Tu as provideEnv,
@@ -10132,12 +10127,12 @@ export {
   Ia as rangeSliderV1,
   Sa as ratingV1,
   Ga as referenceV1,
-  C as regElement,
+  $ as regElement,
   Ha as renderSwitchV1,
   Ai as reverseBreakpoints,
-  Ca as selectV1,
+  $a as selectV1,
   ln as setField,
-  $a as sliderV1,
+  Ca as sliderV1,
   Ua as slotV1,
   Vu as spawnNode,
   zt as sphereGeometryV1,
@@ -10151,11 +10146,11 @@ export {
   Xt as tabV1,
   Yt as tabsV1,
   Dt as textFieldV1,
-  Ce as textV1,
+  $e as textV1,
   Zt as textareaV1,
   Qt as timelineItemV1,
   en as timelineV1,
-  Cu as toEventName,
+  $u as toEventName,
   Su as toMethodName,
   A as toNodeLite,
   Iu as toPropertyName,