x-runtime-lib 0.8.79 → 0.8.80

package/dist/index.js

@@ -1,7 +1,7 @@
 var oi = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), ri = (t) => {
   throw TypeError(t);
 };
-var Ve = (t, e, n) => {
+var we = (t, e, n) => {
   if (e != null) {
     typeof e != "object" && typeof e != "function" && ri("Object expected");
     var o, s;
@@ -14,9 +14,9 @@ var Ve = (t, e, n) => {
     }), t.push([n, o, e]);
   } else n && t.push([n]);
   return e;
-}, Se = (t, e, n) => {
-  var o = typeof SuppressedError == "function" ? SuppressedError : function(a, c, m, d) {
-    return d = Error(m), d.name = "SuppressedError", d.error = a, d.suppressed = c, d;
+}, Ve = (t, e, n) => {
+  var o = typeof SuppressedError == "function" ? SuppressedError : function(a, c, m, p) {
+    return p = Error(m), p.name = "SuppressedError", p.error = a, p.suppressed = c, p;
   }, s = (a) => e = n ? new o(a, e, "An error was suppressed during disposal") : (n = !0, a), r = (a) => {
     for (; a = t.pop(); )
       try {
@@ -29,10 +29,10 @@ var Ve = (t, e, n) => {
   };
   return r();
 };
-import { defineComponent as $, createElementBlock as te, renderSlot as B, unref as i, openBlock as g, createElementVNode as Y, computed as v, normalizeStyle as ee, ref as oe, watchEffect as pe, watch as re, onBeforeMount as Zo, onUnmounted as Ge, createBlock as w, withCtx as _, createCommentVNode as ne, useTemplateRef as ao, onMounted as co, nextTick as uo, useAttrs as Qo, h as ae, resolveComponent as A, createVNode as W, isRef as q, createSlots as Wn, renderList as er, useId as mo, withModifiers as tr, normalizeClass as nr, toDisplayString as ir, inject as se, provide as le, readonly as Dn } from "vue";
-import { globalObjects as xe, waitUtil as po, useViewStack as yo, eventBus as fo, messageInfo as or, messageSuccess as rr, messageWarning as bo, messageError as ho, createAxios as sr, openConfirmDlg as lr, openPromptDlg as ar } from "x-essential-lib";
+import { defineComponent as $, createElementBlock as te, renderSlot as B, unref as i, openBlock as g, createElementVNode as Y, computed as v, normalizeStyle as ee, ref as oe, watchEffect as me, watch as re, onBeforeMount as Zo, onUnmounted as Ge, createBlock as w, withCtx as _, createCommentVNode as ne, useTemplateRef as ao, onMounted as co, nextTick as uo, useAttrs as Qo, h as ae, resolveComponent as A, createVNode as W, isRef as J, createSlots as Wn, renderList as er, useId as mo, withModifiers as tr, normalizeClass as nr, toDisplayString as ir, inject as se, provide as le, readonly as Dn } from "vue";
+import { globalObjects as ge, waitUtil as po, useViewStack as yo, eventBus as fo, messageInfo as or, messageSuccess as rr, messageWarning as bo, messageError as ho, createAxios as sr, openConfirmDlg as lr, openPromptDlg as ar } from "x-essential-lib";
 import { CameraHelper as go, DirectionalLightHelper as cr, PointLightHelper as ur, SpotLightHelper as mr } from "three";
-import { c as M, i as ce, q as je, u as pr, r as xo, e as vo, a as dr, b as yr, d as fr, f as br, g as hr, h as gr, j as xr, k as vr, l as ko, X as kr, Y as _r, K as wr, m as Vr, n as Sr, o as $r, p as Ir } from "./vendor.eh9kttp2.js";
+import { c as M, i as ce, q as Ne, u as pr, r as xo, e as vo, a as dr, b as yr, d as fr, f as br, g as hr, h as gr, j as xr, k as vr, l as ko, X as kr, Y as _r, K as wr, m as Vr, n as Sr, o as $r, p as Ir } from "./vendor.eh9kttp2.js";
 import { useTheme as Cr } from "vuetify";
 import { getErrorMessage as Pr } from "x-error-lib";
 import { useI18n as _o } from "vue-i18n";
@@ -57,7 +57,7 @@ function Fn(t) {
   const e = t.substring(0, t.length - 1), n = parseFloat(e);
   return !isNaN(n);
 }
-function Yu(t) {
+function Ju(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const e = t.substring(0, t.length - 2), n = parseFloat(e);
@@ -78,7 +78,7 @@ function Oe(t) {
 function li(t) {
   return wo.findIndex((e) => e === t);
 }
-function Le(t, e) {
+function Ae(t, e) {
   let n;
   for (const o of Tr) {
     if (li(o) < li(t))
@@ -87,7 +87,7 @@ function Le(t, e) {
   }
   return n;
 }
-function he(t, e) {
+function be(t, e) {
   let n = t;
   if (typeof n != "object")
     return;
@@ -115,7 +115,7 @@ function Gn(t, e, n) {
   const r = s[s.length - 1];
   o[r] = n;
 }
-function Zu(t, e = 2) {
+function qu(t, e = 2) {
   const n = " ".repeat(e);
   return t.split(`
 `).map((r) => r.trim() === "" ? r : n + r).join(`
@@ -124,8 +124,8 @@ function Zu(t, e = 2) {
 function Z(t) {
   return t === "runtime" || t === "preview";
 }
-const Qu = ["string", "number", "boolean", "array", "object"];
-function em(t) {
+const Xu = ["string", "number", "boolean", "array", "object"];
+function Yu(t) {
   switch (t) {
     case "string":
       return "#5ba58c";
@@ -148,7 +148,7 @@ function Vo(t) {
   }
   return !1;
 }
-function tm(t, e, n, o, s) {
+function Zu(t, e, n, o, s) {
   let r = t;
   for (let c = 0; c < e.length; c++)
     if (r = r.children[e[c]], !r) {
@@ -202,31 +202,31 @@ function Br(t) {
   }
   return !0;
 }
-function jn(t, e, n) {
-  const { i18n: o } = xe;
+function Nn(t, e, n) {
+  const { i18n: o } = ge;
   let s = "";
   return t && (s += t + " / "), e.forEach((r, a) => {
     a > 0 && (s += " - "), n ? s += o.global.t(r) : s += r;
   }), s;
 }
-function nm(t, e) {
-  const { i18n: n } = xe;
+function Qu(t, e) {
+  const { i18n: n } = ge;
   let o = "";
-  return t === "elementProperty" || (t === "referenceProperty" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefProperty" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customProperty" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotProperty" || t === "customSlotProperty" ? o = n.global.t("x-runtime-lib.slot") : console.assert(!1)), jn(o, e, Lr(t));
+  return t === "elementProperty" || (t === "referenceProperty" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefProperty" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customProperty" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotProperty" || t === "customSlotProperty" ? o = n.global.t("x-runtime-lib.slot") : console.assert(!1)), Nn(o, e, Lr(t));
 }
-function im(t, e) {
-  const { i18n: n } = xe;
+function em(t, e) {
+  const { i18n: n } = ge;
   let o = "";
-  return t === "elementMethod" || (t === "referenceMethod" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customMethod" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = n.global.t("x-runtime-lib.slot") : console.assert(!1)), jn(o, e, Er(t));
+  return t === "elementMethod" || (t === "referenceMethod" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customMethod" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = n.global.t("x-runtime-lib.slot") : console.assert(!1)), Nn(o, e, Er(t));
 }
-function om(t, e) {
-  const { i18n: n } = xe;
+function tm(t, e) {
+  const { i18n: n } = ge;
   let o = "";
-  return t === "elementEvent" || (t === "referenceEvent" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customEvent" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotEvent" || t === "customSlotEvent" ? o = n.global.t("x-runtime-lib.slot") : t === "elementPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = n.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.customPropertyChange") : t === "elementSlotPropertyChangeEvent" || t === "customSlotPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.slotPropertyChange") : t === "stateChangeEvent" ? o = n.global.t("x-runtime-lib.stateChange") : console.assert(!1)), jn(o, e, Br(t));
+  return t === "elementEvent" || (t === "referenceEvent" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customEvent" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotEvent" || t === "customSlotEvent" ? o = n.global.t("x-runtime-lib.slot") : t === "elementPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = n.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.customPropertyChange") : t === "elementSlotPropertyChangeEvent" || t === "customSlotPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.slotPropertyChange") : t === "stateChangeEvent" ? o = n.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Nn(o, e, Br(t));
 }
-const Be = {}, V = (t) => {
-  Be[t.key] = t;
-}, Rr = ["position", "rotation", "scale"], ke = /* @__PURE__ */ $({
+const Ee = {}, V = (t) => {
+  Ee[t.key] = t;
+}, Rr = ["position", "rotation", "scale"], ve = /* @__PURE__ */ $({
   __name: "index",
   props: {
     position: {},
@@ -279,7 +279,7 @@ const Be = {}, V = (t) => {
   }
 }), Mr = (t, e, n, o) => {
   let s;
-  if (t ? s = t.getElementProperty(e.basic.id, n) : s = he(e, n), o) {
+  if (t ? s = t.getElementProperty(e.basic.id, n) : s = be(e, n), o) {
     if (typeof s == "string")
       return JSON.parse(s);
     console.assert(!1);
@@ -291,14 +291,14 @@ const Be = {}, V = (t) => {
   s ? typeof o == "object" ? r = JSON.stringify(o, null, 2) : (console.assert(!1), r = "{}") : r = o, t ? t.setElementProperty(e.basic.id, n, r) : Gn(e, n, r);
 };
 function l(t, e, n) {
-  const o = be(), s = oe();
-  return pe(() => {
+  const o = fe(), s = oe();
+  return me(() => {
     s.value = Mr(o, t.node, e, n);
   }), re(s, (r, a) => {
     ce(r, a) || Wr(o, t.node, e, s.value, n);
   }), { property: s };
 }
-function de(t) {
+function pe(t) {
   const { property: e } = l(t, [
     "transform",
     "position",
@@ -331,24 +331,24 @@ function de(t) {
     "transform",
     "scale",
     "y"
-  ]), { property: d } = l(t, [
+  ]), { property: p } = l(t, [
     "transform",
     "scale",
     "z"
-  ]), u = oe([0, 0, 0]), p = oe([0, 0, 0]), y = oe([1, 1, 1]);
-  return pe(() => {
+  ]), u = oe([0, 0, 0]), d = oe([0, 0, 0]), y = oe([1, 1, 1]);
+  return me(() => {
     u.value = [e.value, n.value, o.value];
-  }), pe(() => {
+  }), me(() => {
     e.value = u.value[0], n.value = u.value[1], o.value = u.value[2];
-  }), pe(() => {
-    p.value = [s.value, r.value, a.value];
-  }), pe(() => {
-    s.value = p.value[0], r.value = p.value[1], a.value = p.value[2];
-  }), pe(() => {
-    y.value = [c.value, m.value, d.value];
-  }), pe(() => {
-    c.value = y.value[0], m.value = y.value[1], d.value = y.value[2];
-  }), { position: u, rotation: p, scale: y };
+  }), me(() => {
+    d.value = [s.value, r.value, a.value];
+  }), me(() => {
+    s.value = d.value[0], r.value = d.value[1], a.value = d.value[2];
+  }), me(() => {
+    y.value = [c.value, m.value, p.value];
+  }), me(() => {
+    c.value = y.value[0], m.value = y.value[1], p.value = y.value[2];
+  }), { position: u, rotation: d, scale: y };
 }
 function So(t) {
   const e = v(() => t.node.legend?.show), n = v(() => t.node.legend?.data);
@@ -403,24 +403,24 @@ function Po(t) {
   return { show: e, position: n, type: o, data: s, applyYAxis: r };
 }
 function K(t) {
-  const { computedThemes: e } = Cr(), n = Ne(), o = v(() => t.value?.mode), s = v(() => {
-    const d = t.value?.theme;
-    return d ? d === "background0" ? n.value ? "#2e2e2e" : "#bdbdbd" : d === "background1" ? n.value ? "#272727" : "#eeeeee" : d === "background2" ? n.value ? "#1e1e1e" : "#ffffff" : (n.value ? e.value.dark : e.value.light).colors[d] : void 0;
+  const { computedThemes: e } = Cr(), n = je(), o = v(() => t.value?.mode), s = v(() => {
+    const p = t.value?.theme;
+    return p ? p === "background0" ? n.value ? "#2e2e2e" : "#bdbdbd" : p === "background1" ? n.value ? "#272727" : "#eeeeee" : p === "background2" ? n.value ? "#1e1e1e" : "#ffffff" : (n.value ? e.value.dark : e.value.light).colors[p] : void 0;
   }), r = v(() => n.value ? t.value.custom?.dark : t.value.custom?.light), a = v(() => o.value === "theme" ? s.value ?? "" : o.value === "custom" ? r.value ?? "" : ""), c = v(() => {
-    const d = a.value;
-    return !d.startsWith("#") || d.length < 7 ? "" : d.substring(0, 7);
+    const p = a.value;
+    return !p.startsWith("#") || p.length < 7 ? "" : p.substring(0, 7);
   }), m = v(() => {
-    const d = a.value;
-    return d.startsWith("#") ? d.length < 9 ? 1 : parseInt(d.substring(7, 9)) / 255 : 0;
+    const p = a.value;
+    return p.startsWith("#") ? p.length < 9 ? 1 : parseInt(p.substring(7, 9)) / 255 : 0;
   });
   return { color: a, rgb: c, alpha: m };
 }
-function Nn(t) {
+function jn(t) {
   const e = v(() => t.node.border?.style), n = v(() => t.node.border?.width), o = v(() => t.node.border?.color), { color: s } = K(o), r = v(() => t.node.border?.roundRadius?.tl), a = v(() => t.node.border?.roundRadius?.tr), c = v(() => t.node.border?.roundRadius?.bl), m = v(() => t.node.border?.roundRadius?.br);
-  function d(u) {
+  function p(u) {
     e.value && (u.borderStyle = e.value), n.value && (u.borderWidth = n.value), s.value && (u.borderColor = s.value), r.value && (u.borderTopLeftRadius = r.value), a.value && (u.borderTopRightRadius = a.value), c.value && (u.borderBottomLeftRadius = c.value), m.value && (u.borderBottomRightRadius = m.value);
   }
-  return { borderStyle: e, borderWidth: n, borderColor: s, applyBorder: d };
+  return { borderStyle: e, borderWidth: n, borderColor: s, applyBorder: p };
 }
 function Hn(t) {
   const e = v(() => t.node.margin?.top), n = v(() => t.node.margin?.left), o = v(() => t.node.margin?.bottom), s = v(() => t.node.margin?.right);
@@ -436,8 +436,8 @@ function Kn(t) {
   }
   return { paddingTop: e, paddingLeft: n, paddingBottom: o, paddingRight: s, applyPadding: r };
 }
-function ye(t) {
-  const e = H(), n = Ae(), o = v(() => t.node.size?.width), s = v(() => t.node.size?.minWidth), r = v(() => t.node.size?.maxWidth), a = v(() => {
+function de(t) {
+  const e = H(), n = ze(), o = v(() => t.node.size?.width), s = v(() => t.node.size?.minWidth), r = v(() => t.node.size?.maxWidth), a = v(() => {
     if (t.outer && e === "editor") {
       const u = nn(t.node.size?.height);
       if (u)
@@ -459,13 +459,13 @@ function ye(t) {
     }
     return t.node.size?.maxHeight;
   });
-  function d(u) {
+  function p(u) {
     o.value && (u.width = o.value), s.value && (u.minWidth = s.value), r.value && (u.maxWidth = r.value), a.value && (u.height = a.value), c.value && (u.minHeight = c.value), m.value && (u.maxHeight = m.value);
   }
-  return { width: o, minWidth: s, maxWidth: r, height: a, minHeight: c, maxHeight: m, applySize: d };
+  return { width: o, minWidth: s, maxWidth: r, height: a, minHeight: c, maxHeight: m, applySize: p };
 }
 function Ue(t, e, n) {
-  const o = be();
+  const o = fe();
   if (o) {
     const s = v(() => Cu("elementMethod", t.node.basic.id, e));
     Zo(() => {
@@ -476,7 +476,7 @@ function Ue(t, e, n) {
   }
 }
 function G() {
-  const t = Ne();
+  const t = je();
   return { theme: v(() => t.value ? "dark" : "light") };
 }
 const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Fr = /* @__PURE__ */ $({
@@ -486,8 +486,8 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "bottom"]), { property: c } = l(e, ["settings", "far"]), { property: m } = l(e, ["settings", "left"]), { property: d } = l(e, ["settings", "near"]), { property: u } = l(e, ["settings", "right"]), { property: p } = l(e, ["settings", "top"]);
-    return (y, b) => (g(), w(i(ke), {
+    const e = t, n = H(), { position: o, rotation: s, scale: r } = pe(e), { property: a } = l(e, ["settings", "bottom"]), { property: c } = l(e, ["settings", "far"]), { property: m } = l(e, ["settings", "left"]), { property: p } = l(e, ["settings", "near"]), { property: u } = l(e, ["settings", "right"]), { property: d } = l(e, ["settings", "top"]);
+    return (y, b) => (g(), w(i(ve), {
       position: i(o),
       rotation: i(s),
       scale: i(r)
@@ -497,14 +497,14 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           bottom: i(a),
           far: i(c),
           left: i(m),
-          near: i(d),
+          near: i(p),
           position: i(n) !== "editor" ? i(o) : [0, 0, 0],
           right: i(u),
           rotation: i(n) !== "editor" ? i(s) : [0, 0, 0],
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1],
-          top: i(p)
+          top: i(d)
         }, [
-          i(n) === "editor" ? (g(), w(i(je), {
+          i(n) === "editor" ? (g(), w(i(Ne), {
             key: 0,
             type: i(go)
           }, null, 8, ["type"])) : ne("", !0),
@@ -514,15 +514,15 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Gr = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], jr = /* @__PURE__ */ $({
+}), Gr = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Nr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "aspect"]), { property: c } = l(e, ["settings", "far"]), { property: m } = l(e, ["settings", "fov"]), { property: d } = l(e, ["settings", "near"]);
-    return (u, p) => (g(), w(i(ke), {
+    const e = t, n = H(), { position: o, rotation: s, scale: r } = pe(e), { property: a } = l(e, ["settings", "aspect"]), { property: c } = l(e, ["settings", "far"]), { property: m } = l(e, ["settings", "fov"]), { property: p } = l(e, ["settings", "near"]);
+    return (u, d) => (g(), w(i(ve), {
       position: i(o),
       rotation: i(s),
       scale: i(r)
@@ -532,12 +532,12 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           aspect: i(a),
           far: i(c),
           fov: i(m),
-          near: i(d),
+          near: i(p),
           position: i(n) !== "editor" ? i(o) : [0, 0, 0],
           rotation: i(n) !== "editor" ? i(s) : [0, 0, 0],
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
-          i(n) === "editor" ? (g(), w(i(je), {
+          i(n) === "editor" ? (g(), w(i(Ne), {
             key: 0,
             type: i(go)
           }, null, 8, ["type"])) : ne("", !0),
@@ -547,7 +547,7 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Nr = ["args"], Hr = /* @__PURE__ */ $({
+}), jr = ["args"], Hr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -564,7 +564,7 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (m, d) => (g(), te("TresBoxGeometry", {
+    return (m, p) => (g(), te("TresBoxGeometry", {
       args: [
         i(a),
         i(s),
@@ -573,9 +573,9 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         i(r),
         i(o)
       ]
-    }, null, 8, Nr));
+    }, null, 8, jr));
   }
-}), ze = (t, e) => {
+}), Te = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [o, s] of e)
     n[o] = s;
@@ -606,7 +606,7 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegments"
     ]);
-    return (d, u) => (g(), te("TresSphereGeometry", {
+    return (p, u) => (g(), te("TresSphereGeometry", {
       args: [
         i(r),
         i(m),
@@ -618,18 +618,18 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       ]
     }, null, 8, Kr));
   }
-}), Ur = ["color", "intensity", "position", "rotation", "scale"], qr = /* @__PURE__ */ $({
+}), Ur = ["color", "intensity", "position", "rotation", "scale"], Jr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: c } = K(a), { property: m } = l(e, [
+    const e = t, n = H(), { position: o, rotation: s, scale: r } = pe(e), { property: a } = l(e, ["settings", "color"]), { color: c } = K(a), { property: m } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (d, u) => (g(), w(i(ke), {
+    return (p, u) => (g(), w(i(ve), {
       position: i(o),
       rotation: i(s),
       scale: i(r)
@@ -642,24 +642,24 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(n) !== "editor" ? i(s) : [0, 0, 0],
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
-          B(d.$slots, "default")
+          B(p.$slots, "default")
         ], 8, Ur)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Jr = ["color", "intensity", "position", "rotation", "scale"], Xr = /* @__PURE__ */ $({
+}), qr = ["color", "intensity", "position", "rotation", "scale"], Xr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: c } = K(a), { property: m } = l(e, [
+    const e = t, n = H(), { position: o, rotation: s, scale: r } = pe(e), { property: a } = l(e, ["settings", "color"]), { color: c } = K(a), { property: m } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (d, u) => (g(), w(i(ke), {
+    return (p, u) => (g(), w(i(ve), {
       position: i(o),
       rotation: i(s),
       scale: i(r)
@@ -672,12 +672,12 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(n) !== "editor" ? i(s) : [0, 0, 0],
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
-          i(n) === "editor" ? (g(), w(i(je), {
+          i(n) === "editor" ? (g(), w(i(Ne), {
             key: 0,
             type: i(cr)
           }, null, 8, ["type"])) : ne("", !0),
-          B(d.$slots, "default")
-        ], 8, Jr)
+          B(p.$slots, "default")
+        ], 8, qr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
@@ -689,14 +689,14 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: c } = K(a), { property: m } = l(e, ["settings", "decay"]), { property: d } = l(e, [
+    const e = t, n = H(), { position: o, rotation: s, scale: r } = pe(e), { property: a } = l(e, ["settings", "color"]), { color: c } = K(a), { property: m } = l(e, ["settings", "decay"]), { property: p } = l(e, [
       "settings",
       "distance"
     ]), { property: u } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (p, y) => (g(), w(i(ke), {
+    return (d, y) => (g(), w(i(ve), {
       position: i(o),
       rotation: i(s),
       scale: i(r)
@@ -705,17 +705,17 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         Y("TresPointLight", {
           color: i(c),
           decay: i(m),
-          distance: i(d),
+          distance: i(p),
           intensity: i(u),
           position: i(n) !== "editor" ? i(o) : [0, 0, 0],
           rotation: i(n) !== "editor" ? i(s) : [0, 0, 0],
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
-          i(n) === "editor" ? (g(), w(i(je), {
+          i(n) === "editor" ? (g(), w(i(Ne), {
             key: 0,
             type: i(ur)
           }, null, 8, ["type"])) : ne("", !0),
-          B(p.$slots, "default")
+          B(d.$slots, "default")
         ], 8, Yr)
       ]),
       _: 3
@@ -728,17 +728,17 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "angle"]), { property: c } = l(e, ["settings", "color"]), { color: m } = K(c), { property: d } = l(e, ["settings", "decay"]), { property: u } = l(e, [
+    const e = t, n = H(), { position: o, rotation: s, scale: r } = pe(e), { property: a } = l(e, ["settings", "angle"]), { property: c } = l(e, ["settings", "color"]), { color: m } = K(c), { property: p } = l(e, ["settings", "decay"]), { property: u } = l(e, [
       "settings",
       "distance"
-    ]), { property: p } = l(e, [
+    ]), { property: d } = l(e, [
       "settings",
       "intensity"
     ]), { property: y } = l(e, [
       "settings",
       "penumbra"
     ]);
-    return (b, h) => (g(), w(i(ke), {
+    return (b, h) => (g(), w(i(ve), {
       position: i(o),
       rotation: i(s),
       scale: i(r)
@@ -747,15 +747,15 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         Y("TresSpotLight", {
           angle: i(a),
           color: i(m),
-          decay: i(d),
+          decay: i(p),
           distance: i(u),
-          intensity: i(p),
+          intensity: i(d),
           penumbra: i(y),
           position: i(n) !== "editor" ? i(o) : [0, 0, 0],
           rotation: i(n) !== "editor" ? i(s) : [0, 0, 0],
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
-          i(n) === "editor" ? (g(), w(i(je), {
+          i(n) === "editor" ? (g(), w(i(Ne), {
             key: 0,
             type: i(mr)
           }, null, 8, ["type"])) : ne("", !0),
@@ -769,15 +769,15 @@ const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
 function ns(t, e) {
   return g(), te("TresMeshBasicMaterial");
 }
-const is = /* @__PURE__ */ ze(ts, [["render", ns]]), os = ["position", "rotation", "scale"], rs = /* @__PURE__ */ $({
+const is = /* @__PURE__ */ Te(ts, [["render", ns]]), os = ["position", "rotation", "scale"], rs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = H(), { position: o, rotation: s, scale: r } = de(e);
-    return (a, c) => (g(), w(i(ke), {
+    const e = t, n = H(), { position: o, rotation: s, scale: r } = pe(e);
+    return (a, c) => (g(), w(i(ve), {
       position: i(o),
       rotation: i(s),
       scale: i(r)
@@ -801,7 +801,7 @@ const is = /* @__PURE__ */ ze(ts, [["render", ns]]), os = ["position", "rotation
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { position: n, rotation: o, scale: s } = de(e);
+    const e = t, { position: n, rotation: o, scale: s } = pe(e);
     return (r, a) => (g(), te("TresMesh", {
       position: i(n),
       rotation: i(o),
@@ -840,19 +840,19 @@ const is = /* @__PURE__ */ ze(ts, [["render", ns]]), os = ["position", "rotation
   visualMap: Es,
   dataZoom: Bs,
   markPoint: Rs
-}, Ws = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Ds = "#f5f5f5", Fs = {}, Gs = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, js = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ns = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Hs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zs = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Qs = { 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" } }, el = { 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)" } } }, tl = { 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)" } } }, nl = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, il = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ol = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, rl = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, sl = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ll = { textStyle: { color: "#333333" } }, al = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, cl = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, ul = { color: ["#bf444c", "#d88273", "#f6efa6"] }, ml = { 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" } }, pl = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, dl = {
+}, Ws = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Ds = "#f5f5f5", Fs = {}, Gs = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Ns = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, js = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Hs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zs = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Qs = { 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" } }, el = { 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)" } } }, tl = { 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)" } } }, nl = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, il = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ol = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, rl = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, sl = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ll = { textStyle: { color: "#333333" } }, al = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, cl = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, ul = { color: ["#bf444c", "#d88273", "#f6efa6"] }, ml = { 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" } }, pl = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, dl = {
   color: Ws,
   backgroundColor: Ds,
   textStyle: Fs,
   title: Gs,
-  line: js,
-  radar: Ns,
+  line: Ns,
+  radar: js,
   bar: Hs,
   pie: Ks,
   scatter: Os,
   boxplot: Us,
-  parallel: qs,
-  sankey: Js,
+  parallel: Js,
+  sankey: qs,
   funnel: Xs,
   gauge: Ys,
   candlestick: Zs,
@@ -890,25 +890,25 @@ const yl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Ae(), o = Ne(), s = fe(), r = _e(), { width: a, minWidth: c, maxWidth: m, height: d, minHeight: u, maxHeight: p, applySize: y } = ye(e), { applyTitle: b } = Io(e), { applyXAxis: h } = Co(e), { applyYAxis: k } = Po(e), { applyLegend: x } = So(e), { applySeries: S } = $o(e), I = v(() => {
-      const C = {}, j = r.value.type;
-      return s === "page" ? j === "common" ? y(C) : console.assert(!1) : s === "comp" && j === "common" ? y(C) : console.assert(!1), C;
+    const e = t, n = ze(), o = je(), s = ye(), r = ke(), { width: a, minWidth: c, maxWidth: m, height: p, minHeight: u, maxHeight: d, applySize: y } = de(e), { applyTitle: b } = Io(e), { applyXAxis: h } = Co(e), { applyYAxis: k } = Po(e), { applyLegend: x } = So(e), { applySeries: S } = $o(e), I = v(() => {
+      const C = {}, N = r.value.type;
+      return s === "page" ? N === "common" ? y(C) : console.assert(!1) : s === "comp" && N === "common" ? y(C) : console.assert(!1), C;
     }), P = ao("chart");
     let E;
     const D = () => {
       E?.dispose(), E = vo.init(P.value, o.value ? "dark" : "light");
       const C = {};
       E.setOption(C);
-    }, N = () => {
+    }, j = () => {
       E?.resize();
     }, R = () => {
       const C = {};
       b(C), h(C), k(C), x(C), S(C), E?.setOption(C, !0);
     };
     return co(async () => {
-      window.addEventListener("resize", N, !1), await po(() => !!P.value), D(), R();
+      window.addEventListener("resize", j, !1), await po(() => !!P.value), D(), R();
     }), Ge(() => {
-      window.removeEventListener("resize", N, !1), E?.dispose();
+      window.removeEventListener("resize", j, !1), E?.dispose();
     }), re(
       [
         () => n.value.width,
@@ -916,12 +916,12 @@ const yl = /* @__PURE__ */ $({
         a,
         c,
         m,
-        d,
+        p,
         u,
-        p
+        d
       ],
       async () => {
-        await uo(), N();
+        await uo(), j();
       }
     ), re([o], () => {
       D(), R();
@@ -931,7 +931,7 @@ const yl = /* @__PURE__ */ $({
         R();
       },
       { deep: !0 }
-    ), (C, j) => (g(), w(i(F), { block: "" }, {
+    ), (C, N) => (g(), w(i(F), { block: "" }, {
       default: _(() => [
         Y("div", {
           ref: "chart",
@@ -948,25 +948,25 @@ const yl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Ae(), o = Ne(), s = fe(), r = _e(), { width: a, minWidth: c, maxWidth: m, height: d, minHeight: u, maxHeight: p, applySize: y } = ye(e), { applyTitle: b } = Io(e), { applyXAxis: h } = Co(e), { applyYAxis: k } = Po(e), { applyLegend: x } = So(e), { applySeries: S } = $o(e), I = v(() => {
-      const C = {}, j = r.value.type;
-      return s === "page" ? j === "common" ? y(C) : console.assert(!1) : s === "comp" && j === "common" ? y(C) : console.assert(!1), C;
+    const e = t, n = ze(), o = je(), s = ye(), r = ke(), { width: a, minWidth: c, maxWidth: m, height: p, minHeight: u, maxHeight: d, applySize: y } = de(e), { applyTitle: b } = Io(e), { applyXAxis: h } = Co(e), { applyYAxis: k } = Po(e), { applyLegend: x } = So(e), { applySeries: S } = $o(e), I = v(() => {
+      const C = {}, N = r.value.type;
+      return s === "page" ? N === "common" ? y(C) : console.assert(!1) : s === "comp" && N === "common" ? y(C) : console.assert(!1), C;
     }), P = ao("chart");
     let E;
     const D = () => {
       E?.dispose(), E = vo.init(P.value, o.value ? "dark" : "light");
       const C = {};
       E.setOption(C);
-    }, N = () => {
+    }, j = () => {
       E?.resize();
     }, R = () => {
       const C = {};
       b(C), h(C), k(C), x(C), S(C), E?.setOption(C, !0);
     };
     return co(async () => {
-      window.addEventListener("resize", N, !1), await po(() => !!P.value), D(), R();
+      window.addEventListener("resize", j, !1), await po(() => !!P.value), D(), R();
     }), Ge(() => {
-      window.removeEventListener("resize", N, !1), E?.dispose();
+      window.removeEventListener("resize", j, !1), E?.dispose();
     }), re(
       [
         () => n.value.width,
@@ -974,12 +974,12 @@ const yl = /* @__PURE__ */ $({
         a,
         c,
         m,
-        d,
+        p,
         u,
-        p
+        d
       ],
       async () => {
-        await uo(), N();
+        await uo(), j();
       }
     ), re([o], () => {
       D(), R();
@@ -989,7 +989,7 @@ const yl = /* @__PURE__ */ $({
         R();
       },
       { deep: !0 }
-    ), (C, j) => (g(), w(i(F), { block: "" }, {
+    ), (C, N) => (g(), w(i(F), { block: "" }, {
       default: _(() => [
         Y("div", {
           ref: "chart",
@@ -1008,7 +1008,7 @@ const yl = /* @__PURE__ */ $({
   },
   setup(t) {
     const e = t, n = oe(), o = H();
-    return Z(o) && ii(n, "multipleRef", e.node.basic.id, "", be()), ni(e.refContext.compId, n), (s, r) => (g(), te("div"));
+    return Z(o) && ii(n, "multipleRef", e.node.basic.id, "", fe()), ni(e.refContext.compId, n), (s, r) => (g(), te("div"));
   }
 }), hl = /* @__PURE__ */ $({
   __name: "index",
@@ -1019,14 +1019,14 @@ const yl = /* @__PURE__ */ $({
   },
   setup(t) {
     const { t: e } = _o(), n = t, o = oe(), s = H();
-    Z(s) && ii(o, "reference", n.node.basic.id, "", be()), ni(n.refContext.compId, o);
-    const r = Qo(), { applySize: a } = ye(n), c = v(() => {
+    Z(s) && ii(o, "reference", n.node.basic.id, "", fe()), ni(n.refContext.compId, o);
+    const r = Qo(), { applySize: a } = de(n), c = v(() => {
       const u = {};
       return o.value?.type === "common" && a(u), u;
     });
     function m(u) {
-      const p = Be[u.basic.key];
-      if (!p)
+      const d = Ee[u.basic.key];
+      if (!d)
         return console.assert(!1, `element not found key=${u.basic.key}`), ae("div", `element not found key=${u.basic.key}`);
       const y = { node: u };
       u.reference && u.reference.comp && (y.refContext = {
@@ -1034,11 +1034,11 @@ const yl = /* @__PURE__ */ $({
         compId: u.reference.comp
       });
       const b = [];
-      return p.leaf || u.children?.forEach((h) => {
+      return d.leaf || u.children?.forEach((h) => {
         b.push(m(h));
-      }), ae(p.comp, y, { default: () => b });
+      }), ae(d.comp, y, { default: () => b });
     }
-    const d = () => {
+    const p = () => {
       if (Vo(n.refContext))
         return ae("div", e("x-runtime-lib.circularRef"));
       if (!o.value)
@@ -1053,7 +1053,7 @@ const yl = /* @__PURE__ */ $({
           { default: () => u }
         );
     };
-    return (u, p) => (g(), w(d));
+    return (u, d) => (g(), w(p));
   }
 }), gl = /* @__PURE__ */ $({
   __name: "index",
@@ -1070,7 +1070,7 @@ const yl = /* @__PURE__ */ $({
       _: 3
     }));
   }
-}), ge = /* @__PURE__ */ $({
+}), he = /* @__PURE__ */ $({
   __name: "index",
   props: {
     id: {},
@@ -1079,20 +1079,20 @@ const yl = /* @__PURE__ */ $({
   },
   setup(t) {
     const { t: e } = _o(), n = t, o = oe(), s = H();
-    Z(s) && ii(o, "slot", n.id, "", be()), ni(n.refContext.compId, o);
+    Z(s) && ii(o, "slot", n.id, "", fe()), ni(n.refContext.compId, o);
     function r(c) {
-      const m = Be[c.basic.key];
+      const m = Ee[c.basic.key];
       if (!m)
         return console.assert(!1, `element not found key=${c.basic.key}`), ae("div", `element not found key=${c.basic.key}`);
-      const d = { node: c };
-      c.reference && c.reference.comp && (d.refContext = {
-        parent: d.refContext,
+      const p = { node: c };
+      c.reference && c.reference.comp && (p.refContext = {
+        parent: p.refContext,
         compId: c.reference.comp
       });
       const u = [];
-      return m.leaf || c.children?.forEach((p) => {
-        u.push(r(p));
-      }), ae(m.comp, d, { default: () => u });
+      return m.leaf || c.children?.forEach((d) => {
+        u.push(r(d));
+      }), ae(m.comp, p, { default: () => u });
     }
     const a = () => {
       if (Vo(n.refContext))
@@ -1123,10 +1123,10 @@ const yl = /* @__PURE__ */ $({
       "y"
     ]);
     return (c, m) => {
-      const d = A("v-badge");
+      const p = A("v-badge");
       return g(), w(i(F), null, {
         default: _(() => [
-          W(d, {
+          W(p, {
             content: i(n),
             dot: i(o),
             "offset-x": i(r),
@@ -1150,30 +1150,30 @@ const yl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = be(), { property: o } = l(e, [
+    const e = t, n = fe(), { property: o } = l(e, [
       "settings",
       "addIcon",
       "append"
     ]), { property: s } = l(e, ["settings", "block"]), { property: r } = l(e, ["settings", "color"]), { color: a } = K(r), { property: c } = l(e, ["settings", "density"]), { property: m } = l(e, [
       "settings",
       "disabled"
-    ]), { property: d } = l(e, ["size", "height"]), { property: u } = l(e, ["settings", "loading"]), { property: p } = l(e, ["size", "maxHeight"]), { property: y } = l(e, ["size", "maxWidth"]), { property: b } = l(e, ["size", "minHeight"]), { property: h } = l(e, ["size", "minWidth"]), { property: k } = l(e, [
+    ]), { property: p } = l(e, ["size", "height"]), { property: u } = l(e, ["settings", "loading"]), { property: d } = l(e, ["size", "maxHeight"]), { property: y } = l(e, ["size", "maxWidth"]), { property: b } = l(e, ["size", "minHeight"]), { property: h } = l(e, ["size", "minWidth"]), { property: k } = l(e, [
       "settings",
       "addIcon",
       "prepend"
     ]), { property: x } = l(e, [
       "settings",
       "readonly"
-    ]), { property: S } = l(e, ["settings", "ripple"]), { property: I } = l(e, ["settings", "size"]), { property: P } = l(e, ["settings", "stacked"]), { property: E } = l(e, ["settings", "text"]), { theme: D } = G(), { property: N } = l(e, ["settings", "variant"]), { property: R } = l(e, ["size", "width"]), C = (j) => {
+    ]), { property: S } = l(e, ["settings", "ripple"]), { property: I } = l(e, ["settings", "size"]), { property: P } = l(e, ["settings", "stacked"]), { property: E } = l(e, ["settings", "text"]), { theme: D } = G(), { property: j } = l(e, ["settings", "variant"]), { property: R } = l(e, ["size", "width"]), C = (N) => {
       if (!n || !n.vm)
         return;
       const { vm: X } = n;
-      X.setProp(X.global, "__pointerPosX__", X.newNumber(j.clientX)), X.setProp(X.global, "__pointerPosY__", X.newNumber(j.clientY)), n.callFunction(
+      X.setProp(X.global, "__pointerPosX__", X.newNumber(N.clientX)), X.setProp(X.global, "__pointerPosY__", X.newNumber(N.clientY)), n.callFunction(
         "__triggerEventV1__",
         Q("elementEvent", e.node.basic.id, "click")
       );
     };
-    return (j, X) => {
+    return (N, X) => {
       const ie = A("v-btn");
       return g(), w(i(F), { block: i(s) }, {
         default: _(() => [
@@ -1183,9 +1183,9 @@ const yl = /* @__PURE__ */ $({
             color: i(a),
             density: i(c),
             disabled: i(m),
-            height: i(d),
+            height: i(p),
             loading: i(u),
-            "max-height": i(p),
+            "max-height": i(d),
             "max-width": i(y),
             "min-height": i(b),
             "min-width": i(h),
@@ -1196,7 +1196,7 @@ const yl = /* @__PURE__ */ $({
             stacked: i(P),
             text: i(E),
             theme: i(D),
-            variant: i(N),
+            variant: i(j),
             width: i(R),
             onClick: C
           }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"])
@@ -1215,7 +1215,7 @@ function _l(t, e) {
     _: 3
   });
 }
-const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
+const wl = /* @__PURE__ */ Te(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1234,7 +1234,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     ]), { property: c } = l(e, [
       "settings",
       "readonly"
-    ]), { property: m } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "stacked"]), { theme: u } = G(), { property: p } = l(e, ["settings", "tile"]), { property: y } = l(e, ["settings", "variant"]);
+    ]), { property: m } = l(e, ["settings", "size"]), { property: p } = l(e, ["settings", "stacked"]), { theme: u } = G(), { property: d } = l(e, ["settings", "tile"]), { property: y } = l(e, ["settings", "variant"]);
     return (b, h) => {
       const k = A("v-btn-toggle");
       return g(), w(k, {
@@ -1245,9 +1245,9 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
         multiple: i(a),
         readonly: i(c),
         size: i(m),
-        stacked: i(d),
+        stacked: i(p),
         theme: i(u),
-        tile: i(p),
+        tile: i(d),
         variant: i(y)
       }, {
         default: _(() => [
@@ -1267,7 +1267,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     const e = t, { property: n } = l(e, ["settings", "density"]), { property: o } = l(e, [
       "settings",
       "disabled"
-    ]), { property: s } = l(e, ["size", "height"]), { property: r } = l(e, ["settings", "hover"]), { property: a } = l(e, ["settings", "loading"]), { property: c } = l(e, ["size", "maxHeight"]), { property: m } = l(e, ["size", "maxWidth"]), { property: d } = l(e, ["size", "minHeight"]), { property: u } = l(e, ["size", "minWidth"]), { property: p } = l(e, [
+    ]), { property: s } = l(e, ["size", "height"]), { property: r } = l(e, ["settings", "hover"]), { property: a } = l(e, ["settings", "loading"]), { property: c } = l(e, ["size", "maxHeight"]), { property: m } = l(e, ["size", "maxWidth"]), { property: p } = l(e, ["size", "minHeight"]), { property: u } = l(e, ["size", "minWidth"]), { property: d } = l(e, [
       "settings",
       "subtitle"
     ]), { property: y } = l(e, ["settings", "text"]), { theme: b } = G(), { property: h } = l(e, ["settings", "title"]), { property: k } = l(e, ["settings", "variant"]), { property: x } = l(e, ["size", "width"]);
@@ -1283,9 +1283,9 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
             loading: i(a),
             "max-height": i(c),
             "max-width": i(m),
-            "min-height": i(d),
+            "min-height": i(p),
             "min-width": i(u),
-            subtitle: i(p),
+            subtitle: i(d),
             text: i(y),
             theme: i(b),
             title: i(h),
@@ -1345,7 +1345,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     ]), { property: c } = l(e, [
       "settings",
       "draggable"
-    ]), { property: m } = l(e, ["settings", "filter"]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "size"]), { property: p } = l(e, ["settings", "text"]), { theme: y } = G(), { property: b } = l(e, ["settings", "tile"]), { property: h } = l(e, ["settings", "value"]), { property: k } = l(e, ["settings", "variant"]);
+    ]), { property: m } = l(e, ["settings", "filter"]), { property: p } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "text"]), { theme: y } = G(), { property: b } = l(e, ["settings", "tile"]), { property: h } = l(e, ["settings", "value"]), { property: k } = l(e, ["settings", "variant"]);
     return (x, S) => {
       const I = A("v-chip");
       return g(), w(i(F), null, {
@@ -1357,9 +1357,9 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
             disabled: i(a),
             draggable: i(c),
             filter: i(m),
-            label: i(d),
+            label: i(p),
             size: i(u),
-            text: i(p),
+            text: i(d),
             theme: i(y),
             tile: i(b),
             value: i(h),
@@ -1392,12 +1392,12 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     ]), { property: m } = l(e, [
       "settings",
       "showArrows"
-    ]), { theme: d } = G(), { property: u } = l(e, ["settings", "value"]);
-    return (p, y) => {
+    ]), { theme: p } = G(), { property: u } = l(e, ["settings", "value"]);
+    return (d, y) => {
       const b = A("v-chip-group");
       return g(), w(b, {
         modelValue: i(u),
-        "onUpdate:modelValue": y[0] || (y[0] = (h) => q(u) ? u.value = h : null),
+        "onUpdate:modelValue": y[0] || (y[0] = (h) => J(u) ? u.value = h : null),
         column: i(n),
         direction: i(o),
         disabled: i(s),
@@ -1405,10 +1405,10 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
         mandatory: i(a),
         multiple: i(c),
         "show-arrows": i(m),
-        theme: i(d)
+        theme: i(p)
       }, {
         default: _(() => [
-          B(p.$slots, "default")
+          B(d.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
@@ -1421,7 +1421,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = fe(), o = _e(), { applySize: s } = ye(e), r = v(() => {
+    const e = t, n = ye(), o = ke(), { applySize: s } = de(e), r = v(() => {
       const h = {}, k = o.value.type;
       return n === "page" ? k === "common" ? s(h) : console.assert(!1) : n === "comp" && k === "common" ? s(h) : console.assert(!1), h;
     }), { property: a } = l(e, [
@@ -1433,13 +1433,13 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     ]), { property: m } = l(e, [
       "settings",
       "hideHeader"
-    ]), { property: d } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "hideInputs"
     ]), { property: u } = l(e, [
       "settings",
       "hideSliders"
-    ]), { property: p } = l(e, [
+    ]), { property: d } = l(e, [
       "settings",
       "landscape"
     ]), { property: y } = l(e, [
@@ -1454,9 +1454,9 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
             disabled: i(a),
             "hide-canvas": i(c),
             "hide-header": i(m),
-            "hide-inputs": i(d),
+            "hide-inputs": i(p),
             "hide-sliders": i(u),
-            landscape: i(p),
+            landscape: i(d),
             "show-swatches": i(y),
             style: ee(r.value),
             theme: i(b)
@@ -1486,13 +1486,13 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       "settings",
       "singleLine"
     ]), { theme: c } = G(), { property: m } = l(e, ["settings", "value"]);
-    return (d, u) => {
-      const p = A("v-combobox");
+    return (p, u) => {
+      const d = A("v-combobox");
       return g(), w(i(F), null, {
         default: _(() => [
-          W(p, {
+          W(d, {
             modelValue: i(m),
-            "onUpdate:modelValue": u[0] || (u[0] = (y) => q(m) ? m.value = y : null),
+            "onUpdate:modelValue": u[0] || (u[0] = (y) => J(m) ? m.value = y : null),
             "hide-details": i(n),
             label: i(o),
             placeholder: i(s),
@@ -1512,19 +1512,19 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = fe(), o = _e(), { property: s } = l(e, [
+    const e = t, n = ye(), o = ke(), { property: s } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: r } = K(s), { applySize: a } = ye(e), { applyMargin: c } = Hn(e), { applyPadding: m } = Kn(e), { applyBorder: d } = Nn(e), u = v(() => {
-      const p = {}, y = o.value.type;
-      return n === "page" ? y === "common" ? (a(p), c(p), m(p), d(p), r.value && (p.backgroundColor = r.value)) : console.assert(!1) : n === "comp" && y === "common" ? (a(p), c(p), m(p), d(p), r.value && (p.backgroundColor = r.value)) : console.assert(!1), p;
+    ]), { color: r } = K(s), { applySize: a } = de(e), { applyMargin: c } = Hn(e), { applyPadding: m } = Kn(e), { applyBorder: p } = jn(e), u = v(() => {
+      const d = {}, y = o.value.type;
+      return n === "page" ? y === "common" ? (a(d), c(d), m(d), p(d), r.value && (d.backgroundColor = r.value)) : console.assert(!1) : n === "comp" && y === "common" ? (a(d), c(d), m(d), p(d), r.value && (d.backgroundColor = r.value)) : console.assert(!1), d;
     });
-    return (p, y) => (g(), w(i(F), { block: "" }, {
+    return (d, y) => (g(), w(i(F), { block: "" }, {
       default: _(() => [
         Y("div", {
           style: ee(u.value)
         }, [
-          B(p.$slots, "default")
+          B(d.$slots, "default")
         ], 4)
       ]),
       _: 3
@@ -1547,10 +1547,10 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       e,
       ["settings", "data"],
       !0
-    ), { property: d } = l(e, ["settings", "loading"]), { property: u } = l(e, [
+    ), { property: p } = l(e, ["settings", "loading"]), { property: u } = l(e, [
       "settings",
       "multiSort"
-    ]), { theme: p } = G(), { property: y } = l(e, ["size", "width"]), b = v(() => {
+    ]), { theme: d } = G(), { property: y } = l(e, ["size", "width"]), b = v(() => {
       const h = [];
       return (e.node.slots?.items ?? []).forEach((x) => {
         x.column && x.comp && h.push(x);
@@ -1568,15 +1568,15 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
             height: i(a),
             hover: i(c),
             items: i(m),
-            loading: i(d),
+            loading: i(p),
             "multi-sort": i(u),
-            theme: i(p),
+            theme: i(d),
             width: i(y)
           }, Wn({ _: 2 }, [
             er(b.value, (S) => ({
               name: `item.${S.column}`,
               fn: _(({ value: I }) => [
-                W(i(ge), {
+                W(i(he), {
                   id: S.column,
                   "ref-context": { compId: S.comp },
                   state: { value: I }
@@ -1618,7 +1618,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       const c = A("v-dialog");
       return g(), w(c, {
         modelValue: i(s),
-        "onUpdate:modelValue": a[0] || (a[0] = (m) => q(s) ? s.value = m : null),
+        "onUpdate:modelValue": a[0] || (a[0] = (m) => J(s) ? s.value = m : null),
         attach: "#dialogContainer"
       }, {
         activator: _(() => [
@@ -1650,10 +1650,10 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: m } = l(e, [
       "settings",
       "multiple"
-    ]), { property: d } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "readonly"
-    ]), { property: u } = l(e, ["settings", "reverse"]), { property: p } = l(e, [
+    ]), { property: u } = l(e, ["settings", "reverse"]), { property: d } = l(e, [
       "settings",
       "singleLine"
     ]);
@@ -1669,9 +1669,9 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
             label: i(a),
             loading: i(c),
             multiple: i(m),
-            readonly: i(d),
+            readonly: i(p),
             reverse: i(u),
-            "single-line": i(p)
+            "single-line": i(d)
           }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"])
         ]),
         _: 1
@@ -1685,22 +1685,22 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Ae(), o = fe(), s = _e(), { applySize: r } = ye(e), { applyMargin: a } = Hn(e), { applyPadding: c } = Kn(e), { applyBorder: m } = Nn(e), { property: d } = l(e, [
+    const e = t, n = ze(), o = ye(), s = ke(), { applySize: r } = de(e), { applyMargin: a } = Hn(e), { applyPadding: c } = Kn(e), { applyBorder: m } = jn(e), { property: p } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: u } = K(d), p = (b) => {
+    ]), { color: u } = K(p), d = (b) => {
       u.value && (b.backgroundColor = u.value), b.display = "flex";
-      const h = Oe(n.value.width), k = Le(h, e.node.settings?.direction);
+      const h = Oe(n.value.width), k = Ae(h, e.node.settings?.direction);
       k === "row" ? b.flexDirection = "row" : k === "rowReverse" ? b.flexDirection = "row-reverse" : k === "column" ? b.flexDirection = "column" : k === "columnReverse" && (b.flexDirection = "column-reverse");
-      const x = Le(h, e.node.settings?.wrap);
+      const x = Ae(h, e.node.settings?.wrap);
       x === "no" ? b.flexWrap = "nowrap" : x === "yes" ? b.flexWrap = "wrap" : x === "reverse" && (b.flexWrap = "wrap-reverse");
-      const S = Le(h, e.node.settings?.mainAlign);
+      const S = Ae(h, e.node.settings?.mainAlign);
       S === "start" ? b.justifyContent = "flex-start" : S === "end" ? b.justifyContent = "flex-end" : S === "center" ? b.justifyContent = "center" : S === "spaceBetween" ? b.justifyContent = "space-between" : S === "spaceAround" ? b.justifyContent = "space-around" : S === "spaceEvenly" && (b.justifyContent = "space-evenly");
-      const I = Le(h, e.node.settings?.crossAlign);
+      const I = Ae(h, e.node.settings?.crossAlign);
       I === "start" ? b.alignItems = "flex-start" : I === "end" ? b.alignItems = "flex-end" : I === "center" ? b.alignItems = "center" : I === "baseline" ? b.alignItems = "baseline" : I === "stretch" && (b.alignItems = "stretch");
     }, y = v(() => {
       const b = {}, h = s.value.type;
-      return o === "page" ? h === "common" ? (r(b), a(b), c(b), m(b), p(b)) : console.assert(!1) : o === "comp" && h === "common" ? (r(b), a(b), c(b), m(b), p(b)) : console.assert(!1), b;
+      return o === "page" ? h === "common" ? (r(b), a(b), c(b), m(b), d(b)) : console.assert(!1) : o === "comp" && h === "common" ? (r(b), a(b), c(b), m(b), d(b)) : console.assert(!1), b;
     });
     return (b, h) => (g(), te("div", {
       style: ee(y.value)
@@ -1715,11 +1715,11 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = fe(), o = _e(), { applySize: s } = ye(e), { property: r } = l(e, ["settings", "grow"]), { property: a } = l(e, ["settings", "shrink"]), c = v(() => {
-      const m = {}, d = o.value.type;
-      return n === "page" ? d === "common" ? (s(m), m.flexGrow = r.value ? 1 : 0, m.flexShrink = a.value ? 1 : 0) : console.assert(!1) : n === "comp" && d === "common" ? (s(m), m.flexGrow = r.value ? 1 : 0, m.flexShrink = a.value ? 1 : 0) : console.assert(!1), m;
+    const e = t, n = ye(), o = ke(), { applySize: s } = de(e), { property: r } = l(e, ["settings", "grow"]), { property: a } = l(e, ["settings", "shrink"]), c = v(() => {
+      const m = {}, p = o.value.type;
+      return n === "page" ? p === "common" ? (s(m), m.flexGrow = r.value ? 1 : 0, m.flexShrink = a.value ? 1 : 0) : console.assert(!1) : n === "comp" && p === "common" ? (s(m), m.flexGrow = r.value ? 1 : 0, m.flexShrink = a.value ? 1 : 0) : console.assert(!1), m;
     });
-    return (m, d) => (g(), te("div", {
+    return (m, p) => (g(), te("div", {
       style: ee(c.value)
     }, [
       B(m.$slots, "default")
@@ -1732,15 +1732,15 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = fe(), o = _e(), s = be(), { property: r } = l(e, ["settings", "valid"]), { property: a } = l(e, [
+    const e = t, n = ye(), o = ke(), s = fe(), { property: r } = l(e, ["settings", "valid"]), { property: a } = l(e, [
       "settings",
       "fastFail"
     ]), { property: c } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: m } = K(c), { applySize: d } = ye(e), { applyMargin: u } = Hn(e), { applyPadding: p } = Kn(e), { applyBorder: y } = Nn(e), b = v(() => {
+    ]), { color: m } = K(c), { applySize: p } = de(e), { applyMargin: u } = Hn(e), { applyPadding: d } = Kn(e), { applyBorder: y } = jn(e), b = v(() => {
       const k = {}, x = o.value.type;
-      return n === "page" ? x === "common" ? (d(k), u(k), p(k), y(k), m.value && (k.backgroundColor = m.value)) : console.assert(!1) : n === "comp" && x === "common" ? (d(k), u(k), p(k), y(k), m.value && (k.backgroundColor = m.value)) : console.assert(!1), k;
+      return n === "page" ? x === "common" ? (p(k), u(k), d(k), y(k), m.value && (k.backgroundColor = m.value)) : console.assert(!1) : n === "comp" && x === "common" ? (p(k), u(k), d(k), y(k), m.value && (k.backgroundColor = m.value)) : console.assert(!1), k;
     }), h = () => {
       s && s.callFunction(
         "__triggerEventV1__",
@@ -1751,7 +1751,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       const S = A("v-form");
       return g(), w(S, {
         modelValue: i(r),
-        "onUpdate:modelValue": x[0] || (x[0] = (I) => q(r) ? r.value = I : null),
+        "onUpdate:modelValue": x[0] || (x[0] = (I) => J(r) ? r.value = I : null),
         "fast-fail": i(a),
         style: ee(b.value),
         onSubmit: tr(h, ["prevent"])
@@ -1774,7 +1774,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       "settings",
       "disabled"
     ]), { property: r } = l(e, ["settings", "icon"]), { property: a } = l(e, ["settings", "size"]), { theme: c } = G();
-    return (m, d) => {
+    return (m, p) => {
       const u = A("v-icon");
       return g(), w(u, {
         color: i(o),
@@ -1785,26 +1785,26 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), Gl = ["id"], jl = /* @__PURE__ */ $({
+}), Gl = ["id"], Nl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = H(), o = be(), s = oe(0), r = oe(0), a = v(() => [s.value, r.value]), c = v(() => e.node.basic?.id), { open: m } = yo(`runtimeMenu/${mo()}`);
+    const e = t, n = H(), o = fe(), s = oe(0), r = oe(0), a = v(() => [s.value, r.value]), c = v(() => e.node.basic?.id), { open: m } = yo(`runtimeMenu/${mo()}`);
     return Ue(e, "open", () => {
       if (!o || !o.vm)
         return;
-      const { vm: d } = o, u = d.getProp(d.global, "__pointerPosX__"), p = d.getProp(d.global, "__pointerPosY__");
-      s.value = d.getNumber(u), r.value = d.getNumber(p), u.dispose(), p.dispose(), m.value = !0;
+      const { vm: p } = o, u = p.getProp(p.global, "__pointerPosX__"), d = p.getProp(p.global, "__pointerPosY__");
+      s.value = p.getNumber(u), r.value = p.getNumber(d), u.dispose(), d.dispose(), m.value = !0;
     }), Ue(e, "close", () => {
       o && (m.value = !1);
-    }), (d, u) => {
-      const p = A("v-menu");
-      return g(), w(p, {
+    }), (p, u) => {
+      const d = A("v-menu");
+      return g(), w(d, {
         modelValue: i(m),
-        "onUpdate:modelValue": u[0] || (u[0] = (y) => q(m) ? m.value = y : null),
+        "onUpdate:modelValue": u[0] || (u[0] = (y) => J(m) ? m.value = y : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
@@ -1817,13 +1817,13 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
           }, null, 8, Gl)) : ne("", !0)
         ]),
         default: _(() => [
-          B(d.$slots, "default")
+          B(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Nl = /* @__PURE__ */ $({
+}), jl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1844,7 +1844,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     ]), { property: r } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: m } = l(e, ["settings", "max"]), { property: d } = l(e, ["size", "maxWidth"]), { property: u } = l(e, ["settings", "min"]), { property: p } = l(e, ["size", "minWidth"]), { property: y } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: m } = l(e, ["settings", "max"]), { property: p } = l(e, ["size", "maxWidth"]), { property: u } = l(e, ["settings", "min"]), { property: d } = l(e, ["size", "minWidth"]), { property: y } = l(e, [
       "settings",
       "placeholder"
     ]), { property: b } = l(e, [
@@ -1864,14 +1864,14 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     ]), { property: I } = l(e, ["settings", "reverse"]), { property: P } = l(e, [
       "settings",
       "singleLine"
-    ]), { property: E } = l(e, ["settings", "step"]), { property: D } = l(e, ["settings", "suffix"]), { theme: N } = G(), { property: R } = l(e, ["settings", "value"]), { property: C } = l(e, ["settings", "variant"]), { property: j } = l(e, ["size", "width"]);
+    ]), { property: E } = l(e, ["settings", "step"]), { property: D } = l(e, ["settings", "suffix"]), { theme: j } = G(), { property: R } = l(e, ["settings", "value"]), { property: C } = l(e, ["settings", "variant"]), { property: N } = l(e, ["size", "width"]);
     return (X, ie) => {
-      const we = A("v-number-input");
+      const _e = A("v-number-input");
       return g(), w(i(F), { block: "" }, {
         default: _(() => [
-          W(we, {
+          W(_e, {
             modelValue: i(R),
-            "onUpdate:modelValue": ie[0] || (ie[0] = (me) => q(R) ? R.value = me : null),
+            "onUpdate:modelValue": ie[0] || (ie[0] = (ue) => J(R) ? R.value = ue : null),
             "append-icon": i(n),
             "append-inner-icon": i(o),
             clearable: i(s),
@@ -1879,9 +1879,9 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
             label: i(a),
             loading: i(c),
             max: i(m),
-            "max-width": i(d),
+            "max-width": i(p),
             min: i(u),
-            "min-width": i(p),
+            "min-width": i(d),
             placeholder: i(y),
             precision: i(b),
             prefix: i(h),
@@ -1892,9 +1892,9 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
             "single-line": i(P),
             step: i(E),
             suffix: i(D),
-            theme: i(N),
+            theme: i(j),
             variant: i(C),
-            width: i(j)
+            width: i(N)
           }, null, 8, ["modelValue", "append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"])
         ]),
         _: 1
@@ -1914,7 +1914,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     ]), { property: r } = l(e, ["settings", "length"]), { property: a } = l(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: c } = l(e, ["settings", "size"]), { property: m } = l(e, ["settings", "start"]), { theme: d } = G(), { property: u } = l(e, ["settings", "tile"]), { property: p } = l(e, ["settings", "value"]), { property: y } = l(e, ["settings", "variant"]), b = v(() => {
+    ]), { property: c } = l(e, ["settings", "size"]), { property: m } = l(e, ["settings", "start"]), { theme: p } = G(), { property: u } = l(e, ["settings", "tile"]), { property: d } = l(e, ["settings", "value"]), { property: y } = l(e, ["settings", "variant"]), b = v(() => {
       const h = {};
       return n === "editor" && (h.pointerEvents = "none"), h;
     });
@@ -1923,8 +1923,8 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       return g(), w(i(F), { block: "" }, {
         default: _(() => [
           W(x, {
-            modelValue: i(p),
-            "onUpdate:modelValue": k[0] || (k[0] = (S) => q(p) ? p.value = S : null),
+            modelValue: i(d),
+            "onUpdate:modelValue": k[0] || (k[0] = (S) => J(d) ? d.value = S : null),
             density: i(o),
             disabled: i(s),
             length: i(r),
@@ -1932,7 +1932,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
             size: i(c),
             start: i(m),
             style: ee(b.value),
-            theme: i(d),
+            theme: i(p),
             tile: i(u),
             variant: i(y)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
@@ -1954,8 +1954,8 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = G(), { property: d } = l(e, ["settings", "value"]);
-    return (u, p) => {
+    ]), { theme: m } = G(), { property: p } = l(e, ["settings", "value"]);
+    return (u, d) => {
       const y = A("v-radio");
       return g(), w(y, {
         color: i(o),
@@ -1964,7 +1964,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
         label: i(a),
         readonly: i(c),
         theme: i(m),
-        value: i(d)
+        value: i(p)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
@@ -1985,13 +1985,13 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       "settings",
       "readonly"
     ]), { theme: c } = G(), { property: m } = l(e, ["settings", "value"]);
-    return (d, u) => {
-      const p = A("v-radio-group");
+    return (p, u) => {
+      const d = A("v-radio-group");
       return g(), w(i(F), null, {
         default: _(() => [
-          W(p, {
+          W(d, {
             modelValue: i(m),
-            "onUpdate:modelValue": u[0] || (u[0] = (y) => q(m) ? m.value = y : null),
+            "onUpdate:modelValue": u[0] || (u[0] = (y) => J(m) ? m.value = y : null),
             density: i(n),
             direction: i(o),
             disabled: i(s),
@@ -2000,7 +2000,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
             theme: i(c)
           }, {
             default: _(() => [
-              B(d.$slots, "default")
+              B(p.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -2025,13 +2025,13 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     ]), { property: r } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "max"]), { property: m } = l(e, ["settings", "min"]), { property: d } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "max"]), { property: m } = l(e, ["settings", "min"]), { property: p } = l(e, [
       "settings",
       "readonly"
     ]), { property: u } = l(e, [
       "settings",
       "showTicks"
-    ]), p = v(() => {
+    ]), d = v(() => {
       if (u.value === "always")
         return "always";
       if (u.value === "show")
@@ -2051,8 +2051,8 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       if (!S.value)
         return;
       const R = {};
-      for (const { value: C, label: j } of S.value)
-        R[C] = j;
+      for (const { value: C, label: N } of S.value)
+        R[C] = N;
       if (!ko(R))
         return R;
     }), { property: P } = l(e, [
@@ -2066,19 +2066,19 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       "settings",
       "value",
       "end"
-    ]), N = v({
+    ]), j = v({
       get: () => [E.value, D.value],
       set: ([R, C]) => {
         E.value = R, D.value = C;
       }
     });
     return (R, C) => {
-      const j = A("v-range-slider");
+      const N = A("v-range-slider");
       return g(), w(i(F), { block: "" }, {
         default: _(() => [
-          W(j, {
-            modelValue: N.value,
-            "onUpdate:modelValue": C[0] || (C[0] = (X) => N.value = X),
+          W(N, {
+            modelValue: j.value,
+            "onUpdate:modelValue": C[0] || (C[0] = (X) => j.value = X),
             density: i(n),
             direction: i(o),
             disabled: i(s),
@@ -2086,8 +2086,8 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
             label: i(a),
             max: i(c),
             min: i(m),
-            readonly: i(d),
-            "show-ticks": p.value,
+            readonly: i(p),
+            "show-ticks": d.value,
             step: i(y),
             theme: i(b),
             "thumb-label": k.value,
@@ -2100,7 +2100,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       });
     };
   }
-}), ql = /* @__PURE__ */ $({
+}), Jl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2119,14 +2119,14 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     ]), { property: a } = l(e, ["settings", "hover"]), { property: c } = l(e, ["settings", "length"]), { property: m } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: d } = G(), { property: u } = l(e, ["settings", "value"]);
-    return (p, y) => {
+    ]), { theme: p } = G(), { property: u } = l(e, ["settings", "value"]);
+    return (d, y) => {
       const b = A("v-rating");
       return g(), w(i(F), null, {
         default: _(() => [
           W(b, {
             modelValue: i(u),
-            "onUpdate:modelValue": y[0] || (y[0] = (h) => q(u) ? u.value = h : null),
+            "onUpdate:modelValue": y[0] || (y[0] = (h) => J(u) ? u.value = h : null),
             clearable: i(n),
             density: i(o),
             disabled: i(s),
@@ -2134,14 +2134,14 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
             hover: i(a),
             length: i(c),
             readonly: i(m),
-            theme: i(d)
+            theme: i(p)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), Jl = /* @__PURE__ */ $({
+}), ql = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2161,13 +2161,13 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       "settings",
       "singleLine"
     ]), { theme: c } = G(), { property: m } = l(e, ["settings", "value"]);
-    return (d, u) => {
-      const p = A("v-select");
+    return (p, u) => {
+      const d = A("v-select");
       return g(), w(i(F), { block: "" }, {
         default: _(() => [
-          W(p, {
+          W(d, {
             modelValue: i(m),
-            "onUpdate:modelValue": u[0] || (u[0] = (y) => q(m) ? m.value = y : null),
+            "onUpdate:modelValue": u[0] || (u[0] = (y) => J(m) ? m.value = y : null),
             "hide-details": i(n),
             label: i(o),
             placeholder: i(s),
@@ -2196,10 +2196,10 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     ]), { property: a } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "max"]), { property: d } = l(e, ["settings", "min"]), { property: u } = l(e, [
+    ]), { property: c } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "max"]), { property: p } = l(e, ["settings", "min"]), { property: u } = l(e, [
       "settings",
       "readonly"
-    ]), { property: p } = l(e, ["settings", "reverse"]), { property: y } = l(e, [
+    ]), { property: d } = l(e, ["settings", "reverse"]), { property: y } = l(e, [
       "settings",
       "showTicks"
     ]), b = v(() => {
@@ -2221,40 +2221,40 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
     }), { property: E } = l(e, [
       "settings",
       "thumbSize"
-    ]), { property: D } = l(e, ["settings", "ticks"]), N = v(() => {
+    ]), { property: D } = l(e, ["settings", "ticks"]), j = v(() => {
       if (!D.value)
         return;
-      const me = {};
+      const ue = {};
       for (const { value: He, label: tn } of D.value)
-        me[He] = tn;
-      if (!ko(me))
-        return me;
+        ue[He] = tn;
+      if (!ko(ue))
+        return ue;
     }), { property: R } = l(e, [
       "settings",
       "tickSize"
     ]), { property: C } = l(e, [
       "settings",
       "trackColor"
-    ]), { color: j } = K(C), { property: X } = l(e, ["settings", "value"]), { property: ie } = l(e, ["slots", "append"]), { property: we } = l(e, [
+    ]), { color: N } = K(C), { property: X } = l(e, ["settings", "value"]), { property: ie } = l(e, ["slots", "append"]), { property: _e } = l(e, [
       "slots",
       "prepend"
     ]);
-    return (me, He) => {
+    return (ue, He) => {
       const tn = A("v-slider");
       return g(), w(i(F), { block: "" }, {
         default: _(() => [
           W(tn, {
             modelValue: i(X),
-            "onUpdate:modelValue": He[0] || (He[0] = (Yo) => q(X) ? X.value = Yo : null),
+            "onUpdate:modelValue": He[0] || (He[0] = (Yo) => J(X) ? X.value = Yo : null),
             color: i(o),
             direction: i(s),
             disabled: i(r),
             "hide-details": i(a),
             label: i(c),
             max: i(m),
-            min: i(d),
+            min: i(p),
             readonly: i(u),
-            reverse: i(p),
+            reverse: i(d),
             "show-ticks": b.value,
             step: i(h),
             theme: i(k),
@@ -2262,13 +2262,13 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
             "thumb-label": P.value,
             "thumb-size": i(E),
             "tick-size": i(R),
-            ticks: N.value,
-            "track-color": i(j)
+            ticks: j.value,
+            "track-color": i(N)
           }, Wn({ _: 2 }, [
             i(ie) ? {
               name: "append",
               fn: _(() => [
-                W(i(ge), {
+                W(i(he), {
                   id: "append",
                   "ref-context": { compId: i(ie) },
                   state: {}
@@ -2276,12 +2276,12 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
               ]),
               key: "0"
             } : void 0,
-            i(we) ? {
+            i(_e) ? {
               name: "prepend",
               fn: _(() => [
-                W(i(ge), {
+                W(i(he), {
                   id: "prepend",
-                  "ref-context": { compId: i(we) },
+                  "ref-context": { compId: i(_e) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2308,7 +2308,7 @@ const wl = /* @__PURE__ */ ze(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
       const c = A("v-stepper");
       return g(), w(c, {
         modelValue: i(s),
-        "onUpdate:modelValue": a[0] || (a[0] = (m) => q(s) ? s.value = m : null),
+        "onUpdate:modelValue": a[0] || (a[0] = (m) => J(s) ? s.value = m : null),
         "hide-actions": i(n),
         theme: i(o)
       }, {
@@ -2329,7 +2329,7 @@ function Ql(t, e) {
     _: 3
   });
 }
-const ea = /* @__PURE__ */ ze(Zl, [["render", Ql]]), ta = /* @__PURE__ */ $({
+const ea = /* @__PURE__ */ Te(Zl, [["render", Ql]]), ta = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2357,7 +2357,7 @@ function ia(t, e) {
     _: 3
   });
 }
-const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
+const oa = /* @__PURE__ */ Te(na, [["render", ia]]), ra = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2394,14 +2394,14 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
     ]), { property: a } = l(e, [
       "settings",
       "indeterminate"
-    ]), { property: c } = l(e, ["settings", "inline"]), { property: m } = l(e, ["settings", "inset"]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { theme: p } = G(), { property: y } = l(e, ["settings", "value"]);
+    ]), { property: c } = l(e, ["settings", "inline"]), { property: m } = l(e, ["settings", "inset"]), { property: p } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { theme: d } = G(), { property: y } = l(e, ["settings", "value"]);
     return (b, h) => {
       const k = A("v-switch");
       return g(), w(i(F), { "fit-content": !0 }, {
         default: _(() => [
           W(k, {
             modelValue: i(y),
-            "onUpdate:modelValue": h[0] || (h[0] = (x) => q(y) ? y.value = x : null),
+            "onUpdate:modelValue": h[0] || (h[0] = (x) => J(y) ? y.value = x : null),
             density: i(n),
             direction: i(o),
             disabled: i(s),
@@ -2409,9 +2409,9 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
             indeterminate: i(a),
             inline: i(c),
             inset: i(m),
-            label: i(d),
+            label: i(p),
             loading: i(u),
-            theme: i(p)
+            theme: i(d)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
         ]),
         _: 1
@@ -2430,10 +2430,10 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
       return n === "editor" && (c.pointerEvents = "none"), c;
     });
     return (c, m) => {
-      const d = A("v-tab");
+      const p = A("v-tab");
       return g(), w(i(F), null, {
         default: _(() => [
-          W(d, {
+          W(p, {
             style: ee(a.value),
             text: i(o),
             theme: i(s),
@@ -2465,13 +2465,13 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
       "settings",
       "color",
       "selectedColor"
-    ]), { color: c } = K(a), { property: m } = l(e, ["settings", "density"]), { property: d } = l(e, [
+    ]), { color: c } = K(a), { property: m } = l(e, ["settings", "density"]), { property: p } = l(e, [
       "settings",
       "direction"
     ]), { property: u } = l(e, [
       "settings",
       "disabled"
-    ]), { property: p } = l(e, [
+    ]), { property: d } = l(e, [
       "settings",
       "fixedTabs"
     ]), { property: y } = l(e, ["settings", "grow"]), { property: b } = l(e, [
@@ -2488,21 +2488,21 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
       "color",
       "sliderColor"
     ]), { color: I } = K(S), { property: P } = l(e, ["settings", "stacked"]), { theme: E } = G(), { property: D } = l(e, ["settings", "value"]);
-    return (N, R) => {
+    return (j, R) => {
       const C = A("v-tabs");
       return g(), w(i(F), { block: "" }, {
         default: _(() => [
           W(C, {
             modelValue: i(D),
-            "onUpdate:modelValue": R[0] || (R[0] = (j) => q(D) ? D.value = j : null),
+            "onUpdate:modelValue": R[0] || (R[0] = (N) => J(D) ? D.value = N : null),
             "align-tabs": i(n),
             "bg-color": i(s),
             "center-active": i(r),
             color: i(c),
             density: i(m),
-            direction: i(d),
+            direction: i(p),
             disabled: i(u),
-            "fixed-tabs": i(p),
+            "fixed-tabs": i(d),
             grow: i(y),
             "hide-slider": i(b),
             items: i(h),
@@ -2513,7 +2513,7 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
             theme: i(E)
           }, {
             default: _(() => [
-              B(N.$slots, "default")
+              B(j.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"])
@@ -2529,20 +2529,20 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Ae(), { property: o } = l(e, ["settings", "align"]), { property: s } = l(e, [
+    const e = t, n = ze(), { property: o } = l(e, ["settings", "align"]), { property: s } = l(e, [
       "settings",
       "decoration"
     ]), { property: r } = l(e, [
       "settings",
       "emphasis"
-    ]), { property: a } = l(e, ["settings", "italic"]), { property: c } = l(e, ["settings", "text"]), { property: m } = l(e, ["settings", "weight"]), d = v(() => {
-      const u = [], p = Oe(n.value.width), y = Le(p, e.node.settings?.style);
+    ]), { property: a } = l(e, ["settings", "italic"]), { property: c } = l(e, ["settings", "text"]), { property: m } = l(e, ["settings", "weight"]), p = v(() => {
+      const u = [], d = Oe(n.value.width), y = Ae(d, e.node.settings?.style);
       return y && u.push(`text-${y}`), r.value === "high" ? u.push("text-high-emphasis") : r.value === "medium" ? u.push("text-medium-emphasis") : r.value === "disabled" && u.push("text-disabled"), o.value && u.push(`font-${o.value}`), s.value && u.push(`text-decoration-${s.value}`), m.value && u.push(`font-weight-${m.value}`), a.value && u.push("font-italic"), u.join(" ");
     });
-    return (u, p) => (g(), w(i(F), null, {
+    return (u, d) => (g(), w(i(F), null, {
       default: _(() => [
         Y("span", {
-          class: nr(d.value)
+          class: nr(p.value)
         }, ir(i(c)), 3)
       ]),
       _: 1
@@ -2564,13 +2564,13 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
     ]), { property: s } = l(e, ["settings", "density"]), { property: r } = l(e, [
       "settings",
       "disabled"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: m } = l(e, ["settings", "maxRows"]), { property: d } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: m } = l(e, ["settings", "maxRows"]), { property: p } = l(e, [
       "settings",
       "placeholder"
     ]), { property: u } = l(e, [
       "settings",
       "readonly"
-    ]), { property: p } = l(e, ["settings", "reverse"]), { property: y } = l(e, ["settings", "rows"]), { property: b } = l(e, [
+    ]), { property: d } = l(e, ["settings", "reverse"]), { property: y } = l(e, ["settings", "rows"]), { property: b } = l(e, [
       "settings",
       "singleLine"
     ]), { theme: h } = G(), { property: k } = l(e, ["settings", "value"]), { property: x } = l(e, ["settings", "variant"]);
@@ -2580,7 +2580,7 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
         default: _(() => [
           W(P, {
             modelValue: i(k),
-            "onUpdate:modelValue": I[0] || (I[0] = (E) => q(k) ? k.value = E : null),
+            "onUpdate:modelValue": I[0] || (I[0] = (E) => J(k) ? k.value = E : null),
             "auto-grow": i(n),
             clearable: i(o),
             density: i(s),
@@ -2588,9 +2588,9 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
             label: i(a),
             loading: i(c),
             "max-rows": i(m),
-            placeholder: i(d),
+            placeholder: i(p),
             readonly: i(u),
-            reverse: i(p),
+            reverse: i(d),
             rows: i(y),
             "single-line": i(b),
             theme: i(h),
@@ -2626,7 +2626,7 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
     ]), { property: m } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { property: p } = l(e, [
+    ]), { property: p } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { property: d } = l(e, [
       "settings",
       "placeholder"
     ]), { property: y } = l(e, ["settings", "prefix"]), { property: b } = l(e, [
@@ -2641,23 +2641,23 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
     ]), { property: x } = l(e, ["settings", "reverse"]), { property: S } = l(e, [
       "settings",
       "singleLine"
-    ]), { property: I } = l(e, ["settings", "suffix"]), { theme: P } = G(), { property: E } = l(e, ["settings", "value"]), { property: D } = l(e, ["settings", "variant"]), { property: N } = l(e, ["slots", "append"]), { property: R } = l(e, [
+    ]), { property: I } = l(e, ["settings", "suffix"]), { theme: P } = G(), { property: E } = l(e, ["settings", "value"]), { property: D } = l(e, ["settings", "variant"]), { property: j } = l(e, ["slots", "append"]), { property: R } = l(e, [
       "slots",
       "appendInner"
     ]), { property: C } = l(e, [
       "slots",
       "prepend"
-    ]), { property: j } = l(e, [
+    ]), { property: N } = l(e, [
       "slots",
       "prependInner"
     ]);
     return (X, ie) => {
-      const we = A("v-text-field");
+      const _e = A("v-text-field");
       return g(), w(i(F), { block: "" }, {
         default: _(() => [
-          W(we, {
+          W(_e, {
             modelValue: i(E),
-            "onUpdate:modelValue": ie[0] || (ie[0] = (me) => q(E) ? E.value = me : null),
+            "onUpdate:modelValue": ie[0] || (ie[0] = (ue) => J(E) ? E.value = ue : null),
             "append-icon": i(n),
             "append-inner-icon": i(o),
             autofocus: i(s),
@@ -2665,9 +2665,9 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
             density: i(a),
             disabled: i(c),
             "hide-details": i(m),
-            label: i(d),
+            label: i(p),
             loading: i(u),
-            placeholder: i(p),
+            placeholder: i(d),
             prefix: i(y),
             "prepend-icon": i(b),
             "prepend-inner-icon": i(h),
@@ -2678,12 +2678,12 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
             theme: i(P),
             variant: i(D)
           }, Wn({ _: 2 }, [
-            i(N) ? {
+            i(j) ? {
               name: "append",
               fn: _(() => [
-                W(i(ge), {
+                W(i(he), {
                   id: "append",
-                  "ref-context": { compId: i(N) },
+                  "ref-context": { compId: i(j) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2692,7 +2692,7 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
             i(R) ? {
               name: "append-inner",
               fn: _(() => [
-                W(i(ge), {
+                W(i(he), {
                   id: "append-inner",
                   "ref-context": { compId: i(R) },
                   state: {}
@@ -2703,7 +2703,7 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
             i(C) ? {
               name: "prepend",
               fn: _(() => [
-                W(i(ge), {
+                W(i(he), {
                   id: "prepend",
                   "ref-context": { compId: i(C) },
                   state: {}
@@ -2711,12 +2711,12 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
               ]),
               key: "2"
             } : void 0,
-            i(j) ? {
+            i(N) ? {
               name: "prepend-inner",
               fn: _(() => [
-                W(i(ge), {
+                W(i(he), {
                   id: "prepend-inner",
-                  "ref-context": { compId: i(j) },
+                  "ref-context": { compId: i(N) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2749,11 +2749,11 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
     ]), { property: m } = l(e, [
       "settings",
       "hideOpposite"
-    ]), { property: d } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "line",
       "color"
-    ]), { color: u } = K(d), { property: p } = l(e, [
+    ]), { color: u } = K(p), { property: d } = l(e, [
       "settings",
       "line",
       "inset"
@@ -2776,7 +2776,7 @@ const oa = /* @__PURE__ */ ze(na, [["render", ia]]), ra = /* @__PURE__ */ $({
         "fill-dot": i(c),
         "hide-opposite": i(m),
         "line-color": i(u),
-        "line-inset": i(p),
+        "line-inset": i(d),
         "line-thickness": i(y),
         side: i(b),
         theme: i(k),
@@ -2799,7 +2799,7 @@ function ya(t, e) {
     _: 3
   });
 }
-const fa = /* @__PURE__ */ ze(da, [["render", ya]]), ba = /* @__PURE__ */ $({
+const fa = /* @__PURE__ */ Te(da, [["render", ya]]), ba = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2818,12 +2818,12 @@ const fa = /* @__PURE__ */ ze(da, [["render", ya]]), ba = /* @__PURE__ */ $({
     ]), { property: r } = l(e, ["settings", "reverse"]), { property: a } = l(e, [
       "settings",
       "showArrows"
-    ]), { property: c } = l(e, ["settings", "touch"]), { theme: m } = G(), { property: d } = l(e, ["settings", "value"]);
-    return (u, p) => {
+    ]), { property: c } = l(e, ["settings", "touch"]), { theme: m } = G(), { property: p } = l(e, ["settings", "value"]);
+    return (u, d) => {
       const y = A("v-window");
       return g(), w(y, {
-        modelValue: i(d),
-        "onUpdate:modelValue": p[0] || (p[0] = (b) => q(d) ? d.value = b : null),
+        modelValue: i(p),
+        "onUpdate:modelValue": d[0] || (d[0] = (b) => J(p) ? p.value = b : null),
         continuous: i(n),
         direction: i(s),
         disabled: i(o),
@@ -2849,7 +2849,7 @@ function ga(t, e) {
     _: 3
   });
 }
-const xa = /* @__PURE__ */ ze(ha, [["render", ga]]), Qe = "ambient_light_v1", et = "badge_v1", On = "breadcrumbs_v1", tt = "bar_chart_v1", nt = "box_geometry_v1", it = "btn_v1", ot = "btn_group_v1", rt = "btn_toggle_v1", st = "card_v1", lt = "checkbox_v1", at = "chip_v1", ct = "chip_group_v1", ut = "color_picker_v1", mt = "combobox_v1", pt = "container_v1", dt = "data_table_v1", yt = "date_picker_v1", ft = "dialog_v1", bt = "directional_light_v1", ht = "file_input_v1", gt = "flex_layout_v1", To = "flex_layout_entry_v1", xt = "form_v1", un = "globality_v1", vt = "group_v1", kt = "icon_v1", _t = "keyboard_controls_v1", wt = "line_chart_v1", Vt = "map_controls_v1", St = "menu_v1", $t = "mesh_v1", va = "mesh_basic_material_v1", It = "multiple_ref_v1", Ct = "number_input_v1", Pt = "orbit_controls_v1", Tt = "orthographic_camera_v1", zt = "pagination_v1", At = "perspective_camera_v1", Lt = "point_light_v1", zo = "radio_v1", Et = "radio_group_v1", Bt = "range_slider_v1", Re = "reference_v1", Rt = "rating_v1", Mt = "render_switch_v1", Wt = "select_v1", Dt = "slider_v1", Ft = "sphere_geometry_v1", Gt = "spot_light_v1", jt = "stepper_v1", Ao = "stepper_header_v1", Lo = "stepper_item_v1", Eo = "stepper_window_v1", Bo = "stepper_window_item_v1", Nt = "switch_v1", Ro = "tab_v1", Un = "table_v1", Ht = "tabs_v1", Kt = "text_v1", Ot = "textarea_v1", Ut = "text_field_v1", qt = "timeline_v1", Mo = "timeline_item_v1", Jt = "window_v1", Wo = "window_item_v1", f = {
+const xa = /* @__PURE__ */ Te(ha, [["render", ga]]), Qe = "ambient_light_v1", et = "badge_v1", On = "breadcrumbs_v1", tt = "bar_chart_v1", nt = "box_geometry_v1", it = "btn_v1", ot = "btn_group_v1", rt = "btn_toggle_v1", st = "card_v1", lt = "checkbox_v1", at = "chip_v1", ct = "chip_group_v1", ut = "color_picker_v1", mt = "combobox_v1", pt = "container_v1", dt = "data_table_v1", yt = "date_picker_v1", ft = "dialog_v1", bt = "directional_light_v1", ht = "file_input_v1", gt = "flex_layout_v1", To = "flex_layout_entry_v1", xt = "form_v1", un = "globality_v1", vt = "group_v1", kt = "icon_v1", _t = "keyboard_controls_v1", wt = "line_chart_v1", Vt = "map_controls_v1", St = "menu_v1", $t = "mesh_v1", va = "mesh_basic_material_v1", It = "multiple_ref_v1", Ct = "number_input_v1", Pt = "orbit_controls_v1", Tt = "orthographic_camera_v1", zt = "pagination_v1", At = "perspective_camera_v1", Lt = "point_light_v1", zo = "radio_v1", Et = "radio_group_v1", Bt = "range_slider_v1", Be = "reference_v1", Rt = "rating_v1", Mt = "render_switch_v1", Wt = "select_v1", Dt = "slider_v1", Ft = "sphere_geometry_v1", Gt = "spot_light_v1", Nt = "stepper_v1", Ao = "stepper_header_v1", Lo = "stepper_item_v1", Eo = "stepper_window_v1", Bo = "stepper_window_item_v1", jt = "switch_v1", Ro = "tab_v1", Un = "table_v1", Ht = "tabs_v1", Kt = "text_v1", Ot = "textarea_v1", Ut = "text_field_v1", Jt = "timeline_v1", Mo = "timeline_item_v1", qt = "window_v1", Wo = "window_item_v1", f = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2911,7 +2911,7 @@ const xa = /* @__PURE__ */ ze(ha, [["render", ga]]), Qe = "ambient_light_v1", et
       ]
     }
   ]
-}, ka = M(O), Ie = {
+}, ka = M(O), $e = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2965,7 +2965,7 @@ const xa = /* @__PURE__ */ ze(ha, [["render", ga]]), Qe = "ambient_light_v1", et
       ]
     }
   ]
-}, qe = {
+}, Je = {
   key: "legend",
   name: "x-runtime-lib.legend",
   children: [
@@ -2990,7 +2990,7 @@ const xa = /* @__PURE__ */ ze(ha, [["render", ga]]), Qe = "ambient_light_v1", et
       defaultArray: []
     }
   ]
-}, Ce = {
+}, Ie = {
   key: "margin",
   name: "x-runtime-lib.margin",
   children: [
@@ -3023,7 +3023,7 @@ const xa = /* @__PURE__ */ ze(ha, [["render", ga]]), Qe = "ambient_light_v1", et
       default: ""
     }
   ]
-}, Pe = {
+}, Ce = {
   key: "padding",
   name: "x-runtime-lib.padding",
   children: [
@@ -3103,7 +3103,7 @@ const xa = /* @__PURE__ */ ze(ha, [["render", ga]]), Qe = "ambient_light_v1", et
       default: ""
     }
   ]
-}, Je = {
+}, qe = {
   key: "title",
   name: "x-runtime-lib.title",
   children: [
@@ -3126,7 +3126,7 @@ const xa = /* @__PURE__ */ ze(ha, [["render", ga]]), Qe = "ambient_light_v1", et
       default: ""
     }
   ]
-}, J = {
+}, q = {
   key: "transform",
   name: "x-runtime-lib.transform",
   children: [
@@ -3330,8 +3330,8 @@ const xa = /* @__PURE__ */ ze(ha, [["render", ga]]), Qe = "ambient_light_v1", et
   name: "x-runtime-lib.orthographicCamera",
   comp: Fr,
   properties: {
-    pageScene: [f, J, ai],
-    compScene: [f, J, ai]
+    pageScene: [f, q, ai],
+    compScene: [f, q, ai]
   },
   events: [],
   methods: [],
@@ -3374,10 +3374,10 @@ const ci = {
 }, wa = {
   key: At,
   name: "x-runtime-lib.perspectiveCamera",
-  comp: jr,
+  comp: Nr,
   properties: {
-    pageScene: [f, J, ci],
-    compScene: [f, J, ci]
+    pageScene: [f, q, ci],
+    compScene: [f, q, ci]
   },
   events: [],
   methods: [],
@@ -3450,13 +3450,13 @@ function Ta(t, e) {
     console.error(`boxGeometryV1/spawn property tag not found, ${n}`);
     return;
   }
-  const s = We.properties[o];
+  const s = Me.properties[o];
   if (!s) {
     console.error(`boxGeometryV1/spawn properties not found, ${n}`);
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = T(16), r.basic.key = We.key, r.transform = {
+  return z(r, s), r.basic.id = T(16), r.basic.key = Me.key, r.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3510,7 +3510,7 @@ function Aa(t, e) {
     );
     return;
   }
-  const s = Me.properties[o];
+  const s = Re.properties[o];
   if (!s) {
     console.error(
       `boxGeometryV1/spawnMeshBasicMaterial properties not found, ${n}`
@@ -3518,7 +3518,7 @@ function Aa(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = T(16), r.basic.key = Me.key, r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = Re.key, r;
 }
 const ui = {
   key: "settings",
@@ -3585,13 +3585,13 @@ function La(t, e) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${n}`);
     return;
   }
-  const s = We.properties[o];
+  const s = Me.properties[o];
   if (!s) {
     console.error(`sphereGeometryV1/spawn properties not found, ${n}`);
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = T(16), r.basic.key = We.key, r.transform = {
+  return z(r, s), r.basic.id = T(16), r.basic.key = Me.key, r.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3646,7 +3646,7 @@ function Ba(t, e) {
     );
     return;
   }
-  const s = Me.properties[o];
+  const s = Re.properties[o];
   if (!s) {
     console.error(
       `sphereGeometryV1/spawnMeshBasicMaterial properties not found, ${n}`
@@ -3654,7 +3654,7 @@ function Ba(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = T(16), r.basic.key = Me.key, r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = Re.key, r;
 }
 const mi = {
   key: "settings",
@@ -3743,10 +3743,10 @@ const pi = {
 }, Ra = {
   key: Qe,
   name: "x-runtime-lib.ambientLight",
-  comp: qr,
+  comp: Jr,
   properties: {
-    pageScene: [f, J, pi],
-    compScene: [f, J, pi]
+    pageScene: [f, q, pi],
+    compScene: [f, q, pi]
   },
   events: [],
   methods: [],
@@ -3775,8 +3775,8 @@ const di = {
   name: "x-runtime-lib.directionalLight",
   comp: Xr,
   properties: {
-    pageScene: [f, J, di],
-    compScene: [f, J, di]
+    pageScene: [f, q, di],
+    compScene: [f, q, di]
   },
   events: [],
   methods: [],
@@ -3819,8 +3819,8 @@ const yi = {
   name: "x-runtime-lib.pointLight",
   comp: Zr,
   properties: {
-    pageScene: [f, J, yi],
-    compScene: [f, J, yi]
+    pageScene: [f, q, yi],
+    compScene: [f, q, yi]
   },
   events: [],
   methods: [],
@@ -3880,15 +3880,15 @@ const fi = {
   name: "x-runtime-lib.spotLight",
   comp: es,
   properties: {
-    pageScene: [f, J, fi],
-    compScene: [f, J, fi]
+    pageScene: [f, q, fi],
+    compScene: [f, q, fi]
   },
   events: [],
   methods: [],
   slots: []
 };
 V(Da);
-const Me = {
+const Re = {
   key: va,
   name: "x-runtime-lib.meshBasicMaterial",
   comp: is,
@@ -3901,33 +3901,33 @@ const Me = {
   slots: [],
   leaf: !0
 };
-V(Me);
+V(Re);
 const Fa = {
   key: vt,
   name: "x-runtime-lib.group",
   comp: rs,
   properties: {
-    pageScene: [f, J],
-    compScene: [f, J]
+    pageScene: [f, q],
+    compScene: [f, q]
   },
   events: [],
   methods: [],
   slots: []
 };
 V(Fa);
-const We = {
+const Me = {
   key: $t,
   name: "x-runtime-lib.mesh",
   comp: ls,
   properties: {
-    pageScene: [f, J],
-    compScene: [f, J]
+    pageScene: [f, q],
+    compScene: [f, q]
   },
   events: [],
   methods: [],
   slots: []
 };
-V(We);
+V(Me);
 function Ga(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
@@ -3973,8 +3973,8 @@ const bi = {
   name: "x-runtime-lib.barChart",
   comp: yl,
   properties: {
-    pageCommon: [f, U, Je, Xe, Ye, qe, bi],
-    compCommon: [f, U, Je, Xe, Ye, qe, bi]
+    pageCommon: [f, U, qe, Xe, Ye, Je, bi],
+    compCommon: [f, U, qe, Xe, Ye, Je, bi]
   },
   events: [],
   methods: [],
@@ -3983,7 +3983,7 @@ const bi = {
   spawn: Ga
 };
 V(dn);
-function ja(t, e) {
+function Na(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`lineChartV1/spawn property tag not found, ${n}`);
@@ -4028,17 +4028,17 @@ const hi = {
   name: "x-runtime-lib.lineChart",
   comp: fl,
   properties: {
-    pageCommon: [f, U, Je, Xe, Ye, qe, hi],
-    compCommon: [f, U, Je, Xe, Ye, qe, hi]
+    pageCommon: [f, U, qe, Xe, Ye, Je, hi],
+    compCommon: [f, U, qe, Xe, Ye, Je, hi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: ja
+  spawn: Na
 };
 V(yn);
-const Na = {
+const ja = {
   key: It,
   name: "x-runtime-lib.multipleRef",
   comp: bl,
@@ -4051,7 +4051,7 @@ const Na = {
   slots: [],
   leaf: !0
 };
-V(Na);
+V(ja);
 const gi = {
   key: "reference",
   name: "x-runtime-lib.reference",
@@ -4064,7 +4064,7 @@ const gi = {
     }
   ]
 }, Ha = {
-  key: Re,
+  key: Be,
   name: "x-runtime-lib.reference",
   comp: hl,
   properties: {
@@ -4196,7 +4196,7 @@ const _i = {
       default: !1
     }
   ]
-}, rm = {
+}, nm = {
   key: et,
   name: "x-runtime-lib.badge",
   comp: xl,
@@ -4222,7 +4222,7 @@ function Ua(t, e) {
   const r = {};
   return z(r, s), r.basic.id = T(16), r.basic.key = fn.key, r.settings.text = "button", r;
 }
-const qa = M(O), wi = {
+const Ja = M(O), wi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4301,7 +4301,7 @@ const qa = M(O), wi = {
       ui: "switch",
       default: !1
     },
-    qa,
+    Ja,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -4330,7 +4330,7 @@ const qa = M(O), wi = {
   spawn: Ua
 };
 V(fn);
-const Ja = {
+const qa = {
   key: ot,
   name: "x-runtime-lib.buttonGroup",
   comp: wl,
@@ -4342,7 +4342,7 @@ const Ja = {
   methods: [],
   slots: []
 };
-V(Ja);
+V(qa);
 const Vi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4423,13 +4423,13 @@ function Ya(t, e) {
     console.error(`cardV1/spawn property tag not found, ${n}`);
     return;
   }
-  const s = De.properties[o];
+  const s = We.properties[o];
   if (!s) {
     console.error(`cardV1/spawn properties not found, ${n}`);
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = T(16), r.basic.key = De.key, r.children = [], r.settings.title = "title", r.settings.subtitle = "subtitle", r.settings.text = "text", r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = We.key, r.children = [], r.settings.title = "title", r.settings.subtitle = "subtitle", r.settings.text = "text", r;
 }
 const Si = {
   key: "settings",
@@ -4486,7 +4486,7 @@ const Si = {
       default: !1
     }
   ]
-}, De = {
+}, We = {
   key: st,
   name: "x-runtime-lib.card",
   comp: Sl,
@@ -4499,7 +4499,7 @@ const Si = {
   slots: [],
   spawn: Ya
 };
-V(De);
+V(We);
 const $i = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4633,15 +4633,15 @@ function ec(t, e) {
   }
   const r = {};
   return z(r, s), r.basic.id = T(16), r.basic.key = hn.key, r.children = [
-    $e(t, e, "chip1", "chip 1"),
-    $e(t, e, "chip2", "chip 2"),
-    $e(t, e, "chip3", "chip 3"),
-    $e(t, e, "chip4", "chip 4"),
-    $e(t, e, "chip5", "chip 5"),
-    $e(t, e, "chip6", "chip 6")
+    Se(t, e, "chip1", "chip 1"),
+    Se(t, e, "chip2", "chip 2"),
+    Se(t, e, "chip3", "chip 3"),
+    Se(t, e, "chip4", "chip 4"),
+    Se(t, e, "chip5", "chip 5"),
+    Se(t, e, "chip6", "chip 6")
   ], r;
 }
-function $e(t, e, n, o) {
+function Se(t, e, n, o) {
   const s = `type=${t} subtype=${e}`, r = L(t, e);
   if (!r) {
     console.error(`chipGroupV1/spawnChip property tag not found, ${s}`);
@@ -4792,20 +4792,20 @@ const Pi = {
   leaf: !0
 };
 V(nc);
-const qn = M(O);
-qn.key = "backgroundColor";
-qn.name = "x-runtime-lib.backgroundColor";
+const Jn = M(O);
+Jn.key = "backgroundColor";
+Jn.name = "x-runtime-lib.backgroundColor";
 const Ti = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [qn]
+  children: [Jn]
 }, gn = {
   key: pt,
   name: "x-runtime-lib.container",
   comp: zl,
   properties: {
-    pageCommon: [f, U, Ie, Ce, Pe, Ti],
-    compCommon: [f, U, Ie, Ce, Pe, Ti]
+    pageCommon: [f, U, $e, Ie, Ce, Ti],
+    compCommon: [f, U, $e, Ie, Ce, Ti]
   },
   events: [
     {
@@ -5029,7 +5029,7 @@ const Ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, sm = {
+}, im = {
   key: ht,
   name: "x-runtime-lib.fileInput",
   comp: Rl,
@@ -5077,13 +5077,13 @@ function sc(t, e) {
     console.error(`flexLayoutV1/spawn property tag not found, ${n}`);
     return;
   }
-  const s = Fe.properties[o];
+  const s = De.properties[o];
   if (!s) {
     console.error(`flexLayoutV1/spawn properties not found, ${n}`);
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = T(16), r.basic.key = Fe.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = De.key, r.children = [
     vn(
       t,
       e,
@@ -5108,22 +5108,22 @@ function sc(t, e) {
   ], r;
 }
 function vn(t, e, n, o, s, r, a, c, m) {
-  const d = `type=${t} subtype=${e}`, u = L(t, e);
+  const p = `type=${t} subtype=${e}`, u = L(t, e);
   if (!u) {
     console.error(
-      `flexLayoutV1/spawnContainer property tag not found, ${d}`
+      `flexLayoutV1/spawnContainer property tag not found, ${p}`
     );
     return;
   }
-  const p = gn.properties[u];
-  if (!p) {
+  const d = gn.properties[u];
+  if (!d) {
     console.error(
-      `flexLayoutV1/spawnContainer properties not found, ${d}`
+      `flexLayoutV1/spawnContainer properties not found, ${p}`
     );
     return;
   }
   const y = {};
-  return z(y, p), y.basic.id = T(16), y.basic.key = gn.key, o && (y.size.width = o), s && (y.size.minWidth = s), a && (y.size.height = a), c && (y.size.minHeight = c), n && (y.settings.backgroundColor.mode = "custom", y.settings.backgroundColor.custom.light = n, y.settings.backgroundColor.custom.dark = n), y.children = [], y;
+  return z(y, d), y.basic.id = T(16), y.basic.key = gn.key, o && (y.size.width = o), s && (y.size.minWidth = s), a && (y.size.height = a), c && (y.size.minHeight = c), n && (y.settings.backgroundColor.mode = "custom", y.settings.backgroundColor.custom.light = n, y.settings.backgroundColor.custom.dark = n), y.children = [], y;
 }
 function lc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
@@ -5157,9 +5157,9 @@ function lc(t, e) {
     )
   ], r;
 }
-const Jn = M(O);
-Jn.key = "backgroundColor";
-Jn.name = "x-runtime-lib.backgroundColor";
+const qn = M(O);
+qn.key = "backgroundColor";
+qn.name = "x-runtime-lib.backgroundColor";
 const Ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5328,15 +5328,15 @@ const Ri = {
         }
       ]
     },
-    Jn
+    qn
   ]
-}, Fe = {
+}, De = {
   key: gt,
   name: "x-runtime-lib.flexLayout",
   comp: Ml,
   properties: {
-    pageCommon: [f, U, Ie, Ce, Pe, Ri],
-    compCommon: [f, U, Ie, Ce, Pe, Ri]
+    pageCommon: [f, U, $e, Ie, Ce, Ri],
+    compCommon: [f, U, $e, Ie, Ce, Ri]
   },
   events: [
     {
@@ -5349,7 +5349,7 @@ const Ri = {
   slots: [],
   spawn: sc
 };
-V(Fe);
+V(De);
 const Mi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5590,8 +5590,8 @@ const Di = {
   name: "x-runtime-lib.form",
   comp: Dl,
   properties: {
-    pageCommon: [f, U, Ie, Ce, Pe, Di],
-    compCommon: [f, U, Ie, Ce, Pe, Di]
+    pageCommon: [f, U, $e, Ie, Ce, Di],
+    compCommon: [f, U, $e, Ie, Ce, Di]
   },
   events: [
     {
@@ -5647,7 +5647,7 @@ V(mc);
 const pc = {
   key: St,
   name: "x-runtime-lib.menu",
-  comp: jl,
+  comp: Nl,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -5711,7 +5711,7 @@ const Gi = {
       default: ""
     }
   ]
-}, ji = {
+}, Ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5855,10 +5855,10 @@ const Gi = {
 }, wn = {
   key: Ct,
   name: "x-runtime-lib.numberInput",
-  comp: Nl,
+  comp: jl,
   properties: {
-    pageCommon: [f, Gi, ji],
-    compCommon: [f, Gi, ji]
+    pageCommon: [f, Gi, Ni],
+    compCommon: [f, Gi, Ni]
   },
   events: [
     {
@@ -5893,7 +5893,7 @@ const Gi = {
   spawn: dc
 };
 V(wn);
-const Ni = {
+const ji = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5961,8 +5961,8 @@ const Ni = {
   name: "x-runtime-lib.pagination",
   comp: Hl,
   properties: {
-    pageCommon: [f, Ni],
-    compCommon: [f, Ni]
+    pageCommon: [f, ji],
+    compCommon: [f, ji]
   },
   events: [],
   methods: [],
@@ -6301,7 +6301,7 @@ const Ui = {
 }, gc = {
   key: Rt,
   name: "x-runtime-lib.rating",
-  comp: ql,
+  comp: Jl,
   properties: {
     pageCommon: [f, Ui],
     compCommon: [f, Ui]
@@ -6312,7 +6312,7 @@ const Ui = {
   leaf: !0
 };
 V(gc);
-const qi = {
+const Ji = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6356,10 +6356,10 @@ const qi = {
 }, xc = {
   key: Wt,
   name: "x-runtime-lib.select",
-  comp: Jl,
+  comp: ql,
   properties: {
-    pageCommon: [f, qi],
-    compCommon: [f, qi]
+    pageCommon: [f, Ji],
+    compCommon: [f, Ji]
   },
   events: [],
   methods: [],
@@ -6376,7 +6376,7 @@ Yn.name = "x-runtime-lib.trackColor";
 const Zn = M(O);
 Zn.key = "thumbColor";
 Zn.name = "x-runtime-lib.thumbColor";
-const Ji = {
+const qi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6507,8 +6507,8 @@ const Ji = {
   name: "x-runtime-lib.slider",
   comp: Xl,
   properties: {
-    pageCommon: [f, Ji, Xi],
-    compCommon: [f, Ji, Xi]
+    pageCommon: [f, qi, Xi],
+    compCommon: [f, qi, Xi]
   },
   events: [],
   methods: [],
@@ -6678,13 +6678,13 @@ function Vc(t, e, n) {
     console.error(`stepperV1/spawnCard property tag not found, ${o}`);
     return;
   }
-  const r = De.properties[s];
+  const r = We.properties[s];
   if (!r) {
     console.error(`stepperV1/spawnCard properties not found, ${o}`);
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = T(16), a.basic.key = De.key, a.children = [], a.settings.title = n, a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = We.key, a.children = [], a.settings.title = n, a;
 }
 const Qi = {
   key: "settings",
@@ -6704,7 +6704,7 @@ const Qi = {
     }
   ]
 }, Tn = {
-  key: jt,
+  key: Nt,
   name: "x-runtime-lib.stepper",
   comp: Yl,
   properties: {
@@ -6718,7 +6718,7 @@ const Qi = {
 };
 V(Tn);
 const Sc = {
-  key: Nt,
+  key: jt,
   name: "x-runtime-lib.switch",
   comp: sa,
   properties: {
@@ -6902,13 +6902,13 @@ function Ic(t, e) {
     console.error(`textV1/spawn property tag not found, ${n}`);
     return;
   }
-  const s = ve.properties[o];
+  const s = xe.properties[o];
   if (!s) {
     console.error(`textV1/spawn properties not found, ${n}`);
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = T(16), r.basic.key = ve.key, r.settings.text = "text", r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = xe.key, r.settings.text = "text", r;
 }
 const no = {
   key: "settings",
@@ -6996,7 +6996,7 @@ const no = {
       default: !1
     }
   ]
-}, ve = {
+}, xe = {
   key: Kt,
   name: "x-runtime-lib.text",
   comp: ca,
@@ -7010,7 +7010,7 @@ const no = {
   leaf: !0,
   spawn: Ic
 };
-V(ve);
+V(xe);
 function Cc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
@@ -7162,13 +7162,13 @@ function Tc(t, e, n) {
     console.error(`timelineV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const r = ve.properties[s];
+  const r = xe.properties[s];
   if (!r) {
     console.error(`timelineV1/spawnText properties not found, ${o}`);
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = T(16), a.basic.key = ve.key, a.settings.text = n, a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = xe.key, a.settings.text = n, a;
 }
 const zc = M(O), Ac = M(O), oo = {
   key: "settings",
@@ -7249,7 +7249,7 @@ const zc = M(O), Ac = M(O), oo = {
     }
   ]
 }, Bn = {
-  key: qt,
+  key: Jt,
   name: "x-runtime-lib.timeline",
   comp: pa,
   properties: {
@@ -7315,13 +7315,13 @@ function Ec(t, e, n) {
     );
     return;
   }
-  const r = Fe.properties[s];
+  const r = De.properties[s];
   if (!r) {
     console.error(`windowV1/spawnFlexLayout properties not found, ${o}`);
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = T(16), a.basic.key = Fe.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Bc(t, e, n)], a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = De.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Bc(t, e, n)], a;
 }
 function Bc(t, e, n) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
@@ -7329,13 +7329,13 @@ function Bc(t, e, n) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const r = ve.properties[s];
+  const r = xe.properties[s];
   if (!r) {
     console.error(`windowV1/spawnText properties not found, ${o}`);
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = T(16), a.basic.key = ve.key, a.settings.text = n, a.settings.style.xs = "h6", a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = xe.key, a.settings.text = n, a.settings.style.xs = "h6", a;
 }
 const ro = {
   key: "settings",
@@ -7386,7 +7386,7 @@ const ro = {
     }
   ]
 }, Mn = {
-  key: Jt,
+  key: qt,
   name: "x-runtime-lib.window",
   comp: ba,
   properties: {
@@ -7425,7 +7425,7 @@ const Rc = [
 ], Gc = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], jc = [
+], Nc = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -7433,7 +7433,7 @@ const Rc = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], Nc = [
+], jc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -7467,14 +7467,14 @@ const Rc = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], qc = [
+], Jc = [
   { title: "x-runtime-lib.elevated", value: "elevated" },
   { title: "x-runtime-lib.flat", value: "flat" },
   { title: "x-runtime-lib.tonal", value: "tonal" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.text", value: "text" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], Jc = [
+], qc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
@@ -7556,14 +7556,14 @@ const Rc = [
   colorModeItemsV1: Dc,
   densityItemsV1: Fc,
   directionItemsV1: Gc,
-  fieldVariantItemsV1: jc,
-  flexCrossAlignItemsV1: Nc,
+  fieldVariantItemsV1: Nc,
+  flexCrossAlignItemsV1: jc,
   flexDirectionItemsV1: Hc,
   flexMainAlignItemsV1: Kc,
   flexWrapItemsV1: Oc,
   fontWeightItemsV1: Uc,
-  sheetVariantItemsV1: qc,
-  showTicksItemsV1: Jc,
+  sheetVariantItemsV1: Jc,
+  showTicksItemsV1: qc,
   sizeItemsV1: Xc,
   textAlignItemsV1: Yc,
   textDecorationItemsV1: Zc,
@@ -7807,7 +7807,7 @@ const Rc = [
       Ct,
       Wt,
       mt,
-      Nt,
+      jt,
       Et,
       lt,
       Dt,
@@ -7827,14 +7827,14 @@ const Rc = [
       rt,
       ot,
       ct,
-      jt,
-      Jt
+      Nt,
+      qt
     ]
   },
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [et, Rt, qt]
+    items: [et, Rt, Jt]
   },
   {
     key: "imagesAndIcons",
@@ -7849,7 +7849,7 @@ const Rc = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Re, It, Mt]
+    items: [Be, It, Mt]
   }
 ], hu = [
   {
@@ -7912,7 +7912,7 @@ const Rc = [
       Ct,
       Wt,
       mt,
-      Nt,
+      jt,
       Et,
       lt,
       Dt,
@@ -7932,14 +7932,14 @@ const Rc = [
       rt,
       ot,
       ct,
-      jt,
-      Jt
+      Nt,
+      qt
     ]
   },
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [et, Rt, qt]
+    items: [et, Rt, Jt]
   },
   {
     key: "imagesAndIcons",
@@ -7954,7 +7954,7 @@ const Rc = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Re, It, Mt]
+    items: [Be, It, Mt]
   }
 ], xu = [
   {
@@ -7990,7 +7990,7 @@ const Rc = [
 ], vu = {
   version: "v1",
   globalityKey: un,
-  refKey: Re,
+  refKey: Be,
   items: { ...lu },
   types: { ...fu },
   elements: /* @__PURE__ */ new Set([
@@ -8036,27 +8036,27 @@ const Rc = [
     Et,
     Bt,
     Rt,
-    Re,
+    Be,
     Mt,
     Wt,
     Dt,
     Ft,
     Gt,
-    jt,
+    Nt,
     Ao,
     Lo,
     Eo,
     Bo,
-    Nt,
+    jt,
     Ro,
     Un,
     Ht,
     Kt,
     Ot,
     Ut,
-    qt,
-    Mo,
     Jt,
+    Mo,
+    qt,
     Wo
   ]),
   groups: {
@@ -8101,7 +8101,7 @@ function z(t, e) {
   }
   e.forEach((o) => n(t, o));
 }
-function lm(t, e, n, o, s) {
+function om(t, e, n, o, s) {
   const r = `type=${t} subtype=${e} version=${n} ref=${o} keyOrRefId=${s}`, a = L(t, e);
   if (!a) {
     console.error(`spawnNode property tag not found, ${r}`);
@@ -8113,18 +8113,18 @@ function lm(t, e, n, o, s) {
     return;
   }
   if (o) {
-    const m = c.refKey, d = s;
+    const m = c.refKey, p = s;
     if (!c.elements.has(m)) {
       console.error(`spawnNode [ref] element not found in pkg, ${r}`);
       return;
     }
-    const u = Be[m];
+    const u = Ee[m];
     if (!u) {
       console.error(`spawnNode [ref] element not found in global, ${r}`);
       return;
     }
-    const p = u.properties[a];
-    if (!p) {
+    const d = u.properties[a];
+    if (!d) {
       console.error(`spawnNode [ref] properties not found, ${r}`);
       return;
     }
@@ -8134,8 +8134,8 @@ function lm(t, e, n, o, s) {
         key: ""
       }
     };
-    return z(y, p), y.basic.id = T(16), y.basic.key = m, y.reference = {
-      comp: d
+    return z(y, d), y.basic.id = T(16), y.basic.key = m, y.reference = {
+      comp: p
     }, y;
   } else {
     const m = s;
@@ -8143,30 +8143,30 @@ function lm(t, e, n, o, s) {
       console.error(`spawnNode [key] element not found in pkg, ${r}`);
       return;
     }
-    const d = Be[m];
-    if (!d) {
+    const p = Ee[m];
+    if (!p) {
       console.error(`spawnNode [key] element not found in global, ${r}`);
       return;
     }
-    if (d.spawn)
-      return d.spawn(t, e);
+    if (p.spawn)
+      return p.spawn(t, e);
     {
-      const u = d.properties[a];
+      const u = p.properties[a];
       if (!u) {
         console.error(`spawnNode [key] properties not found, ${r}`);
         return;
       }
-      const p = {
+      const d = {
         basic: {
           id: "",
           key: ""
         }
       };
-      return z(p, u), p.basic.id = T(16), p.basic.key = m, d.leaf || (p.children = []), p;
+      return z(d, u), d.basic.id = T(16), d.basic.key = m, p.leaf || (d.children = []), d;
     }
   }
 }
-function am(t, e) {
+function rm(t, e) {
   function n(o) {
     if (o.basic.id === e)
       return o;
@@ -8190,74 +8190,74 @@ function _u(t) {
   const n = M(t);
   return e(n), n;
 }
-function cm(t) {
+function sm(t) {
   const e = [];
   return t.forEach((n) => {
     e.push(_u(n));
   }), e;
 }
-const Do = "runtimeOrg", Fo = "runtimeEnv", Go = "runtimeMode", jo = "runtimeDevice", No = "runtimeDark", Ho = "runtimeType", Ko = "runtimeData", Oo = "runtimeDepends", Uo = "runtimeRuntime", qo = "runtimeSandbox";
-function um(t) {
+const Do = "runtimeOrg", Fo = "runtimeEnv", Go = "runtimeMode", No = "runtimeDevice", jo = "runtimeDark", Ho = "runtimeType", Ko = "runtimeData", Oo = "runtimeDepends", Uo = "runtimeRuntime", Jo = "runtimeSandbox";
+function lm(t) {
   le(Do, t);
 }
 function wu() {
   return se(Do);
 }
-function mm(t) {
+function am(t) {
   le(Fo, t);
 }
 function Vu() {
   return se(Fo);
 }
-function pm(t) {
+function cm(t) {
   le(Go, t);
 }
 function H() {
   return se(Go);
 }
-function dm(t) {
-  le(jo, Dn(t));
-}
-function Ae() {
-  return se(jo);
-}
-function ym(t) {
+function um(t) {
   le(No, Dn(t));
 }
-function Ne() {
+function ze() {
   return se(No);
 }
-function fm(t) {
+function mm(t) {
+  le(jo, Dn(t));
+}
+function je() {
+  return se(jo);
+}
+function pm(t) {
   le(Ho, t);
 }
-function fe() {
+function ye() {
   return se(Ho);
 }
-function bm(t) {
+function dm(t) {
   le(Ko, t);
 }
-function _e() {
+function ke() {
   return se(Ko);
 }
-function hm(t) {
+function ym(t) {
   le(Oo, Dn(t));
 }
 function Su() {
   return se(Oo);
 }
-function gm(t) {
+function fm(t) {
   le(Uo, t);
 }
 function $u() {
   return se(Uo);
 }
 function Iu(t) {
-  le(qo, t);
+  le(Jo, t);
 }
-function be() {
-  return se(qo, void 0);
+function fe() {
+  return se(Jo, void 0);
 }
-function Ee(t) {
+function Le(t) {
   const e = [t.type];
   return t.type === "elementProperty" ? e.push(t.nodeId, t.propertyKeys) : t.type === "customProperty" || t.type === "adaptSlotProperty" ? e.push(t.propertyId) : t.type === "state" ? e.push(t.stateId) : console.assert(!1), e.join("/");
 }
@@ -8275,81 +8275,81 @@ function Ke(t, e, n, o, s) {
         console.assert(!1);
         continue;
       }
-      let d = null;
-      for (const p of m)
-        if (n === Ee(p)) {
-          if (p.subKeys) {
+      let p = null;
+      for (const d of m)
+        if (n === Le(d)) {
+          if (d.subKeys) {
             if (!ce(
-              he(o, p.subKeys),
-              he(s, p.subKeys)
+              be(o, d.subKeys),
+              be(s, d.subKeys)
             )) {
-              d = p;
+              p = d;
               break;
             }
           } else if (!ce(o, s)) {
-            d = p;
+            p = d;
             break;
           }
         }
-      if (!d)
+      if (!p)
         continue;
       let u;
-      d.subKeys ? u = he(o, d.subKeys) : u = o;
-      for (const p of m)
-        if (p.subKeys) {
+      p.subKeys ? u = be(o, p.subKeys) : u = o;
+      for (const d of m)
+        if (d.subKeys) {
           let y;
-          if (p.type === "elementProperty")
+          if (d.type === "elementProperty")
             y = t.getElementProperty(
-              p.nodeId,
-              p.propertyKeys.split(".")
+              d.nodeId,
+              d.propertyKeys.split(".")
             );
-          else if (p.type === "customProperty")
-            y = t.getCustomProperty(p.propertyId);
-          else if (p.type === "state")
-            y = t.getState(p.stateId);
-          else if (p.type === "adaptSlotProperty")
-            y = t.getAdaptSlotProperty(p.propertyId);
+          else if (d.type === "customProperty")
+            y = t.getCustomProperty(d.propertyId);
+          else if (d.type === "state")
+            y = t.getState(d.stateId);
+          else if (d.type === "adaptSlotProperty")
+            y = t.getAdaptSlotProperty(d.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          const b = he(y, p.subKeys);
+          const b = be(y, d.subKeys);
           if (ce(u, b))
             continue;
           const h = M(y);
-          Gn(h, p.subKeys, M(u)), p.type === "elementProperty" ? t.setElementProperty(
-            p.nodeId,
-            p.propertyKeys.split("."),
+          Gn(h, d.subKeys, M(u)), d.type === "elementProperty" ? t.setElementProperty(
+            d.nodeId,
+            d.propertyKeys.split("."),
             h
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, h) : p.type === "state" ? t.setState(p.stateId, h) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, h) : console.assert(!1);
+          ) : d.type === "customProperty" ? t.setCustomProperty(d.propertyId, h) : d.type === "state" ? t.setState(d.stateId, h) : d.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(d.propertyId, h) : console.assert(!1);
         } else {
           let y;
-          if (p.type === "elementProperty")
+          if (d.type === "elementProperty")
             y = t.getElementProperty(
-              p.nodeId,
-              p.propertyKeys.split(".")
+              d.nodeId,
+              d.propertyKeys.split(".")
             );
-          else if (p.type === "customProperty")
-            y = t.getCustomProperty(p.propertyId);
-          else if (p.type === "state")
-            y = t.getState(p.stateId);
-          else if (p.type === "adaptSlotProperty")
-            y = t.getAdaptSlotProperty(p.propertyId);
+          else if (d.type === "customProperty")
+            y = t.getCustomProperty(d.propertyId);
+          else if (d.type === "state")
+            y = t.getState(d.stateId);
+          else if (d.type === "adaptSlotProperty")
+            y = t.getAdaptSlotProperty(d.propertyId);
           else {
             console.assert(!1);
             continue;
           }
           if (ce(u, y))
             continue;
-          p.type === "elementProperty" ? t.setElementProperty(
-            p.nodeId,
-            p.propertyKeys.split("."),
+          d.type === "elementProperty" ? t.setElementProperty(
+            d.nodeId,
+            d.propertyKeys.split("."),
             M(u)
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, M(u)) : p.type === "state" ? t.setState(p.stateId, M(u)) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, M(u)) : console.assert(!1);
+          ) : d.type === "customProperty" ? t.setCustomProperty(d.propertyId, M(u)) : d.type === "state" ? t.setState(d.stateId, M(u)) : d.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(d.propertyId, M(u)) : console.assert(!1);
         }
     }
 }
-function xm(t, e, n) {
+function bm(t, e, n) {
   return `${t}/${e}/${n}`;
 }
 function lo(t) {
@@ -8367,7 +8367,7 @@ function lo(t) {
 function Cu(t, e, n) {
   return `${t}/${e}/${n}`;
 }
-function Jo(t) {
+function qo(t) {
   const e = t.split("/");
   return e.length < 3 ? (console.assert(!1, "invalid method id"), {
     kind: "elementMethod",
@@ -8396,7 +8396,7 @@ function Pu(t) {
 }
 function ni(t, e) {
   const n = Su(), o = oe(-1);
-  pe(() => {
+  me(() => {
     const s = n.value[t];
     if (!s) {
       o.value = -1, e.value = void 0, fo.emit("compNotAvail", t);
@@ -8405,17 +8405,17 @@ function ni(t, e) {
     o.value !== s.dataSeq && (o.value = s.dataSeq, e.value = M(s.data));
   });
 }
-function vm() {
+function hm() {
   let t;
   const e = async () => (t = (await $r()).newRuntime(), console.log("runtime created"), t);
   return Ge(() => {
     t && (t.dispose(), console.log("runtime dispose"));
   }), { createRuntime: e };
 }
-function Te(t) {
+function Pe(t) {
   return !!t.vm;
 }
-function ue(t, e) {
+function Fe(t, e) {
   if (e === null)
     return t.null;
   if (e === !0)
@@ -8425,7 +8425,7 @@ function ue(t, e) {
   if (Array.isArray(e)) {
     const n = t.newArray();
     for (let o = 0; o < e.length; o++) {
-      const s = ue(t, e[o]);
+      const s = Fe(t, e[o]);
       t.setProp(n, o.toString(), s), s.dispose();
     }
     return n;
@@ -8438,7 +8438,7 @@ function ue(t, e) {
     case "object": {
       const n = t.newObject();
       for (const o of Object.keys(e)) {
-        const s = ue(t, e[o]);
+        const s = Fe(t, e[o]);
         t.setProp(n, o, s), s.dispose();
       }
       return n;
@@ -8454,32 +8454,30 @@ function Tu(t) {
   }
   const { vm: e } = t;
   e.newFunction("__parseKeysV1__", (n) => {
-    const o = e.getString(n), s = [], r = o.split(".");
-    for (let a = 0; a < r.length; a++) {
-      const c = r[a].trim();
-      if (c !== "")
-        if (/^\[\d+\]$/.test(c)) {
-          let m = parseInt(c.slice(1, -1), 10);
-          m > 0 && m--, s.push(m);
-        } else
-          s.push(c);
+    const o = e.getString(n), s = e.newArray(), r = o.split(".");
+    let a = 0;
+    for (let c = 0; c < r.length; c++) {
+      const m = r[c].trim();
+      if (m !== "")
+        if (/^\[\d+\]$/.test(m)) {
+          let p = parseInt(m.slice(1, -1), 10);
+          p > 0 && p--;
+          const u = e.newNumber(p);
+          e.setProp(s, a.toString(), u), u.dispose(), a++;
+        } else {
+          const p = e.newString(m);
+          e.setProp(s, a.toString(), p), p.dispose(), a++;
+        }
     }
-    return ue(e, s);
+    return s;
   }).consume((n) => e.setProp(e.global, "__parseKeysV1__", n)), e.newFunction("__parseJsonV1__", (n) => {
     const o = e.getString(n);
-    try {
-      const s = JSON.parse(o);
-      return ue(e, s);
-    } catch {
-      return ue(e, {});
-    }
+    return e.evalCode(`JSON.parse('${o}')`).unwrap();
   }).consume((n) => e.setProp(e.global, "__parseJsonV1__", n)), e.newFunction("__jsonStringifyV1__", (n) => {
     const o = e.dump(n), s = JSON.stringify(o);
     return e.newString(s);
   }).consume((n) => e.setProp(e.global, "__jsonStringifyV1__", n)), e.newFunction("__consoleLogV1__", (n, ...o) => {
-    const s = e.dump(n), r = [];
-    for (const a of o)
-      r.push(e.dump(a));
+    const s = e.dump(n), r = o.map(e.dump);
     console.log(s, ...r);
   }).consume((n) => e.setProp(e.global, "__consoleLogV1__", n)), e.newFunction("__debugTraceV1__", (n) => {
     const o = e.dump(n);
@@ -8490,29 +8488,29 @@ function Tu(t) {
   }).consume((n) => e.setProp(e.global, "__messageV1__", n)), e.newFunction("__timeoutV1__", (n, o) => {
     const s = e.getNumber(n), r = e.getNumber(o);
     window.setTimeout(() => {
-      if (Te(t)) {
+      if (Pe(t)) {
         var a = [];
         try {
-          const u = Ve(a, e.getProp(e.global, "__timeoutCallback__"));
+          const u = we(a, e.getProp(e.global, "__timeoutCallback__"));
           e.callFunction(u, e.global, e.newNumber(s));
         } catch (c) {
-          var m = c, d = !0;
+          var m = c, p = !0;
         } finally {
-          Se(a, m, d);
+          Ve(a, m, p);
         }
       }
     }, r);
   }).consume((n) => e.setProp(e.global, "__timeoutV1__", n)), e.newFunction("__delayV1__", (n) => {
     const o = e.getNumber(n), { id: s, promise: r } = t.promiseManager.acquire();
     return window.setTimeout(() => {
-      Te(t) && (r.resolve(), t.promiseManager.release(s));
+      Pe(t) && (r.resolve(), t.promiseManager.release(s));
     }, o), r.settled.then(e.runtime.executePendingJobs), r.handle;
   }).consume((n) => e.setProp(e.global, "__delayV1__", n));
 }
 const Xo = sr({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: e } = xe;
+    const { i18n: e } = ge;
     ho(Pr(e, t));
   }
 });
@@ -8527,22 +8525,20 @@ function Au(t) {
   }
   const { vm: e } = t;
   e.newFunction("__callFuncV1__", (n, o, s, r, a) => {
-    const c = e.getString(n), m = e.getString(o), d = e.dump(s), u = e.getString(r), p = e.getString(a), { id: y, promise: b } = t.promiseManager.acquire();
-    try {
-      const h = JSON.stringify(d);
-      zu({
-        spaceId: c,
-        id: m,
-        strInputs: h,
-        env: u
-      }).then(({ strOutputs: k }) => {
-        Te(t) && (b.resolve(ue(e, k)), t.promiseManager.release(y));
-      });
-    } catch (h) {
-      const k = ` call func <${p}> failed, error: ${h}`;
-      Te(t) && (b.reject(e.newString(k)), t.promiseManager.release(y));
-    }
-    return b.settled.then(e.runtime.executePendingJobs), b.handle;
+    const c = e.getString(n), m = e.getString(o), p = e.dump(s), u = e.getString(r), d = e.getString(a), { id: y, promise: b } = t.promiseManager.acquire(), h = JSON.stringify(p);
+    return zu({
+      spaceId: c,
+      id: m,
+      strInputs: h,
+      env: u
+    }).then(
+      ({ strOutputs: k }) => {
+        Pe(t) && (b.resolve(e.evalCode(`JSON.parse('${k}')`).unwrap()), t.promiseManager.release(y));
+      },
+      (k) => {
+        Pe(t) && (b.reject(e.newString(`call func <${d}> failed, ${k}`)), t.promiseManager.release(y));
+      }
+    ), b.settled.then(e.runtime.executePendingJobs), b.handle;
   }).consume((n) => e.setProp(e.global, "__callFuncV1__", n));
 }
 function Lu(t) {
@@ -8563,91 +8559,91 @@ function Eu(t) {
     {
       var c = [];
       try {
-        const R = Ve(c, e.getProp(e.global, "__triggerEventInner__"));
+        const R = we(c, e.getProp(e.global, "__triggerEventInner__"));
         e.callFunction(R, e.global, n, ...o);
       } catch (m) {
-        var d = m, u = !0;
+        var p = m, u = !0;
       } finally {
-        Se(c, d, u);
+        Ve(c, p, u);
       }
     }
     const s = e.getString(n), { kind: r, eventKey: a } = Pu(s);
     if (r === "customEvent") {
       var P = [];
       try {
-        const R = Ve(P, e.getProp(e.global, "__triggerEventV1__"));
+        const R = we(P, e.getProp(e.global, "__triggerEventV1__"));
         {
-          var p = [];
+          var d = [];
           try {
-            const C = Ve(p, e.newString(
+            const C = we(d, e.newString(
               Q("referenceEvent", t.id, a)
             ));
             e.callFunction(R, e.global, C, ...o);
           } catch (y) {
             var b = y, h = !0;
           } finally {
-            Se(p, b, h);
+            Ve(d, b, h);
           }
         }
         {
           var k = [];
           try {
-            const C = Ve(k, e.newString(
+            const C = we(k, e.newString(
               Q("multipleRefEvent", t.id, a)
             ));
             e.callFunction(R, e.global, C, ...o);
           } catch (x) {
             var S = x, I = !0;
           } finally {
-            Se(k, S, I);
+            Ve(k, S, I);
           }
         }
       } catch (E) {
-        var D = E, N = !0;
+        var D = E, j = !0;
       } finally {
-        Se(P, D, N);
+        Ve(P, D, j);
       }
     }
   }).consume((n) => e.setProp(e.global, "__triggerEventV1__", n)), e.newFunction("__getPropertyV1__", (n, o) => {
     const s = e.getString(n), r = e.getString(o), { kind: a, nodeId: c, propertyKey: m } = lo(s);
-    let d;
+    let p;
     if (a === "elementProperty")
-      d = t.getElementProperty(c, m.split("."));
+      p = t.getElementProperty(c, m.split("."));
     else if (a === "referenceProperty") {
       const u = t.children[c];
-      u && (d = u.getCustomProperty(m));
+      u && (p = u.getCustomProperty(m));
     } else if (a === "multipleRefProperty") {
       const u = t.children[c + "/" + r];
-      u && (d = u.getCustomProperty(m));
-    } else a === "customProperty" ? d = t.getCustomProperty(m) : a === "elementSlotProperty" || a === "customSlotProperty" ? d = t.getAdaptSlotProperty(m) : console.assert(!1);
-    return ue(e, d);
+      u && (p = u.getCustomProperty(m));
+    } else a === "customProperty" ? p = t.getCustomProperty(m) : a === "elementSlotProperty" || a === "customSlotProperty" ? p = t.getAdaptSlotProperty(m) : console.assert(!1);
+    return Fe(e, p);
   }).consume((n) => e.setProp(e.global, "__getPropertyV1__", n)), e.newFunction("__setPropertyV1__", (n, o, s) => {
-    const r = e.getString(n), a = e.getString(o), c = e.dump(s), { kind: m, nodeId: d, propertyKey: u } = lo(r);
+    const r = e.getString(n), a = e.getString(o), c = e.dump(s), { kind: m, nodeId: p, propertyKey: u } = lo(r);
     if (m === "elementProperty")
-      t.setElementProperty(d, u.split("."), c);
+      t.setElementProperty(p, u.split("."), c);
     else if (m === "referenceProperty") {
-      const p = t.children[d];
-      p && p.setCustomProperty(u, c);
+      const d = t.children[p];
+      d && d.setCustomProperty(u, c);
     } else if (m === "multipleRefProperty") {
-      const p = t.children[d + "/" + a];
-      p && p.setCustomProperty(u, c);
+      const d = t.children[p + "/" + a];
+      d && d.setCustomProperty(u, c);
     } else m === "customProperty" ? t.setCustomProperty(u, c) : m === "elementSlotProperty" || m === "customSlotProperty" ? t.setAdaptSlotProperty(u, c) : console.assert(!1);
   }).consume((n) => e.setProp(e.global, "__setPropertyV1__", n)), e.newFunction("__callMethodV1__", (n, o, s) => {
-    const r = e.getString(n), a = e.getString(o), c = e.dump(s), { kind: m, nodeId: d, methodKey: u } = Jo(r);
-    let p;
+    const r = e.getString(n), a = e.getString(o), c = e.dump(s), { kind: m, nodeId: p, methodKey: u } = qo(r);
+    let d;
     if (m === "elementMethod")
-      p = t.callElementMethod(r, c);
+      d = t.callElementMethod(r, c);
     else if (m === "referenceMethod") {
-      const y = t.children[d];
-      y && (p = y.callCustomMethod(u, c));
+      const y = t.children[p];
+      y && (d = y.callCustomMethod(u, c));
     } else if (m === "multipleRefMethod") {
-      const y = t.children[d + "/" + a];
-      y && (p = y.callCustomMethod(u, c));
+      const y = t.children[p + "/" + a];
+      y && (d = y.callCustomMethod(u, c));
     } else m === "customMethod" || m === "customSlotMethod" || console.assert(!1);
-    return p;
+    return d;
   }).consume((n) => e.setProp(e.global, "__callMethodV1__", n)), e.newFunction("__getStateV1__", (n) => {
     const o = e.getString(n), s = t.getState(o);
-    return ue(e, s);
+    return Fe(e, s);
   }).consume((n) => e.setProp(e.global, "__getStateV1__", n)), e.newFunction("__setStateV1__", (n, o) => {
     const s = e.getString(n), r = e.dump(o);
     t.setState(s, r);
@@ -8659,22 +8655,22 @@ function Eu(t) {
         appId: `${s}${t.env}`,
         pageId: r
       };
-      xe.router.replace({ path: a, query: c });
+      ge.router.replace({ path: a, query: c });
     } else t.mode === "preview" && bo(
-      xe.i18n.global.t(
+      ge.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
   }).consume((n) => e.setProp(e.global, "__navigateToV1__", n)), e.newFunction("__openConfirmDlgV1__", (n, o) => {
     const s = e.getString(n), r = e.getString(o), { id: a, promise: c } = t.promiseManager.acquire();
     return lr({ title: s, text: r }).then((m) => {
-      Te(t) && (m === void 0 ? c.resolve(e.undefined) : c.resolve(m ? e.true : e.false), t.promiseManager.release(a));
+      Pe(t) && (m === void 0 ? c.resolve(e.undefined) : c.resolve(m ? e.true : e.false), t.promiseManager.release(a));
     }), c.settled.then(e.runtime.executePendingJobs), c.handle;
   }).consume((n) => e.setProp(e.global, "__openConfirmDlgV1__", n)), e.newFunction("__openPromptDlgV1__", (n, o, s) => {
-    const r = e.getString(n), a = e.getString(o), c = e.dump(s), { id: m, promise: d } = t.promiseManager.acquire();
+    const r = e.getString(n), a = e.getString(o), c = e.dump(s), { id: m, promise: p } = t.promiseManager.acquire();
     return ar({ title: r, label: a, value: c }).then((u) => {
-      Te(t) && (u === void 0 ? d.resolve(e.undefined) : d.resolve(e.newString(u)), t.promiseManager.release(m));
-    }), d.settled.then(e.runtime.executePendingJobs), d.handle;
+      Pe(t) && (u === void 0 ? p.resolve(e.undefined) : p.resolve(e.newString(u)), t.promiseManager.release(m));
+    }), p.settled.then(e.runtime.executePendingJobs), p.handle;
   }).consume((n) => e.setProp(e.global, "__openPromptDlgV1__", n));
 }
 function Bu(t) {
@@ -8717,7 +8713,7 @@ function __triggerEventInner__(id, ...params) {
     callbacks[i](...params)
   }
 }
-`, Mu = `
+
 let __timers__ = {}
 let __currTimerId__ = 0
 
@@ -8725,9 +8721,8 @@ function __createTimerV1__(interval, loop, count, immediate, callback) {
   if (!loop && count <= 0) {
     return
   }
-  __currTimerId__ = __currTimerId__ + 1
   const timer = {}
-  timer.id = __currTimerId__
+  timer.id = __currTimerId__++
   timer.interval = interval
   timer.loop = loop
   timer.count = count
@@ -8759,13 +8754,13 @@ function __timeoutCallback__(timerId) {
     }
   }
 }
-`, Wu = `
+
 function __destroy__() {
   __events__ = {}
   __timers__ = {}
 }
-`, Du = Ru + Mu + Wu;
-class Fu {
+`;
+class Mu {
   vm;
   promiseId = 0;
   promises = {};
@@ -8783,7 +8778,7 @@ class Fu {
     delete this.promises[e];
   }
 }
-class Gu {
+class Wu {
   kind;
   id;
   refKey;
@@ -8795,8 +8790,8 @@ class Gu {
   type;
   eventBus = Ir();
   hooks;
-  constructor(e, n, o, s, r, a, c, m, d) {
-    this.kind = e, this.id = n, this.refKey = o, this.parent = s, this.org = r, this.env = a, this.mode = c, this.type = m, this.hooks = d, this.parent?.addChild(this), console.log(`Sandbox/constructor id='${this.id}'`);
+  constructor(e, n, o, s, r, a, c, m, p) {
+    this.kind = e, this.id = n, this.refKey = o, this.parent = s, this.org = r, this.env = a, this.mode = c, this.type = m, this.hooks = p, this.parent?.addChild(this), console.log(`Sandbox/constructor id='${this.id}'`);
   }
   dispose() {
     this.parent?.removeChild(this.id), this.destroyVm(), console.log(`Sandbox/dispose id='${this.id}'`);
@@ -8813,7 +8808,7 @@ class Gu {
   vm;
   promiseManager;
   async createVm(e, n) {
-    this.vm = e.newContext(), this.promiseManager = new Fu(this.vm), Bu(this), this.vm.evalCode(Du), this.vm.setProp(this.vm.global, "__env__", this.vm.newString(this.env)), this.vm.evalCode(n), this.callFunction(
+    this.vm = e.newContext(), this.promiseManager = new Mu(this.vm), Bu(this), this.vm.evalCode(Ru), this.vm.setProp(this.vm.global, "__env__", this.vm.newString(this.env)), this.vm.evalCode(n), this.callFunction(
       "__triggerEventV1__",
       Q("elementEvent", "globality", "startup")
     );
@@ -8827,7 +8822,7 @@ class Gu {
     console.log(`callFunction ${e} ${[...n]}`);
     const o = this.vm.getProp(this.vm.global, e), s = [];
     for (const r of n)
-      s.push(ue(this.vm, r));
+      s.push(Fe(this.vm, r));
     this.vm.callFunction(o, this.vm.global, ...s), o.dispose();
   }
   //--------------------------
@@ -8854,7 +8849,7 @@ class Gu {
       );
       return;
     }
-    return he(o, n);
+    return be(o, n);
   }
   setElementProperty(e, n, o) {
     const s = this.nodes[e];
@@ -8867,7 +8862,7 @@ class Gu {
       );
       return;
     }
-    const r = he(s, n);
+    const r = be(s, n);
     ce(o, r) || (Gn(s, n, o), this.hooks?.onElementPropertyChange(
       s.basic.id,
       n,
@@ -8909,7 +8904,7 @@ class Gu {
   callElementMethod(e, n) {
     if (!Z(this.mode))
       return;
-    const { methodKey: o } = Jo(e), s = {};
+    const { methodKey: o } = qo(e), s = {};
     return this.eventBus.emit(e, { key: o, inputs: n, outputs: s }), s;
   }
   callCustomMethod(e, n) {
@@ -8932,7 +8927,7 @@ class Gu {
   }
 }
 function ii(t, e, n, o, s) {
-  const r = wu(), a = Vu(), c = H(), m = fe(), d = Ae(), u = Ne(), p = $u(), y = (S, I, P, E) => {
+  const r = wu(), a = Vu(), c = H(), m = ye(), p = ze(), u = je(), d = $u(), y = (S, I, P, E) => {
     if (Z(c) && (x.callFunction(
       "__triggerEventV1__",
       Q("elementPropertyChangeEvent", S, I.join(".")),
@@ -8943,7 +8938,7 @@ function ii(t, e, n, o, s) {
       I instanceof Array ? D = I.join(".") : D = I, Ke(
         x,
         t.value.code.reactivity,
-        Ee({
+        Le({
           type: "elementProperty",
           nodeId: S,
           propertyKeys: D
@@ -8971,7 +8966,7 @@ function ii(t, e, n, o, s) {
     ), t.value?.code.reactivity && Ke(
       x,
       t.value.code.reactivity,
-      Ee({ type: "customProperty", propertyId: S }),
+      Le({ type: "customProperty", propertyId: S }),
       I,
       P
     ));
@@ -8979,7 +8974,7 @@ function ii(t, e, n, o, s) {
     Z(c) && t.value?.code.reactivity && Ke(
       x,
       t.value.code.reactivity,
-      Ee({ type: "adaptSlotProperty", propertyId: S }),
+      Le({ type: "adaptSlotProperty", propertyId: S }),
       I,
       P
     );
@@ -8992,11 +8987,11 @@ function ii(t, e, n, o, s) {
     ), t.value?.code.reactivity && Ke(
       x,
       t.value.code.reactivity,
-      Ee({ type: "state", stateId: S }),
+      Le({ type: "state", stateId: S }),
       I,
       P
     ));
-  }, x = new Gu(e, n, o, s, r, a, c, m, {
+  }, x = new Wu(e, n, o, s, r, a, c, m, {
     onElementPropertyChange: y,
     onCustomPropertyChange: b,
     onAdaptSlotPropertyChange: h,
@@ -9006,14 +9001,14 @@ function ii(t, e, n, o, s) {
     x.dispose();
   }), Z(c)) {
     const S = async () => {
-      x.destroyVm(), x.syncNodes(t.value), x.resetCustomProperties(), x.resetAdaptSlotProperties(), x.resetStates(), !(!t.value || !t.value.code.script) && x.createVm(p, t.value.code.script);
+      x.destroyVm(), x.syncNodes(t.value), x.resetCustomProperties(), x.resetAdaptSlotProperties(), x.resetStates(), !(!t.value || !t.value.code.script) && x.createVm(d, t.value.code.script);
     };
     S(), re(t, () => {
       S();
     });
   }
   Z(c) && re(
-    d,
+    p,
     (S, I) => {
       const P = Oe(S.width), E = Oe(I?.width ?? S.width);
       x.callFunction(
@@ -9036,27 +9031,27 @@ function ii(t, e, n, o, s) {
     { immediate: !0 }
   );
 }
-const ju = (t, e, n) => {
+const Du = (t, e, n) => {
   const o = t[e];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((s, r) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + e + (e.split("/").length !== n ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function km(t) {
-  return (await ju(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.kb94vvdw.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.oqwexg4o.js") }), `./locales/${t}/index.ts`, 4)).default;
+async function gm(t) {
+  return (await Du(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.kb94vvdw.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.oqwexg4o.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  Zu as addIndent,
+  qu as addIndent,
   Ra as ambientLightV1,
-  rm as badgeV1,
+  nm as badgeV1,
   dn as barChartV1,
   mn as boxGeometryV1,
   wo as breakpoints,
-  Ja as btnGroupV1,
+  qa as btnGroupV1,
   Xa as btnToggleV1,
   fn as btnV1,
   Oe as calcBreakpoint,
-  De as cardV1,
+  We as cardV1,
   Za as checkboxV1,
   hn as chipGroupV1,
   bn as chipV1,
@@ -9069,35 +9064,35 @@ export {
   rc as dialogV1,
   Ma as directionalLightV1,
   _u as duplicateNode,
-  cm as duplicateNodes,
-  Be as elements,
-  tm as ensureContext,
-  sm as fileInputV1,
+  sm as duplicateNodes,
+  Ee as elements,
+  Zu as ensureContext,
+  im as fileInputV1,
   xn as flexLayoutEntryV1,
-  Fe as flexLayoutV1,
+  De as flexLayoutV1,
   _n as formV1,
   T as genId,
-  Le as getBreakpointProp,
-  he as getField,
+  Ae as getBreakpointProp,
+  be as getField,
   li as getIndexOfBreakpoint,
-  am as getNode,
+  rm as getNode,
   so as getPropertyDefault,
   L as getPropertyTag,
-  em as getTypeColor,
+  Yu as getTypeColor,
   Oa as globalityV1,
   Fa as groupV1,
   mc as iconV1,
   z as initProperties,
-  Ne as injectDark,
-  _e as injectData,
+  je as injectDark,
+  ke as injectData,
   Su as injectDepends,
-  Ae as injectDevice,
+  ze as injectDevice,
   Vu as injectEnv,
   H as injectMode,
   wu as injectOrg,
   $u as injectRuntime,
-  be as injectSandbox,
-  fe as injectType,
+  fe as injectSandbox,
+  ye as injectType,
   Vo as isCircularRef,
   Z as isExecutableMode,
   Br as isLocaleOfEventKind,
@@ -9107,36 +9102,36 @@ export {
   Ze as isPixelStr,
   Ia as keyboardControlsV1,
   yn as lineChartV1,
-  km as loadLocaleMessageRuntime,
+  gm as loadLocaleMessageRuntime,
   Q as makeEventId,
   Cu as makeMethodId,
-  xm as makePropertyId,
-  Ee as makeTriggerId,
+  bm as makePropertyId,
+  Le as makeTriggerId,
   Ca as mapControlsV1,
   pc as menuV1,
-  Me as meshBasicMaterialV1,
-  We as meshV1,
-  Na as multipleRefV1,
+  Re as meshBasicMaterialV1,
+  Me as meshV1,
+  ja as multipleRefV1,
   wn as numberInputV1,
   Pa as orbitControlsV1,
   _a as orthographicCameraV1,
   zr as pageTypes,
   yc as paginationV1,
   nn as parsePercentStr,
-  Yu as parsePixelStr,
+  Ju as parsePixelStr,
   wa as perspectiveCameraV1,
   ku as pkgs,
   Wa as pointLightV1,
-  ym as provideDark,
-  bm as provideData,
-  hm as provideDepends,
-  dm as provideDevice,
-  mm as provideEnv,
-  pm as provideMode,
-  um as provideOrg,
-  gm as provideRuntime,
+  mm as provideDark,
+  dm as provideData,
+  ym as provideDepends,
+  um as provideDevice,
+  am as provideEnv,
+  cm as provideMode,
+  lm as provideOrg,
+  fm as provideRuntime,
   Iu as provideSandbox,
-  fm as provideType,
+  pm as provideType,
   Sn as radioGroupV1,
   Vn as radioV1,
   hc as rangeSliderV1,
@@ -9147,7 +9142,7 @@ export {
   xc as selectV1,
   Gn as setField,
   vc as sliderV1,
-  lm as spawnNode,
+  om as spawnNode,
   pn as sphereGeometryV1,
   Da as spotLightV1,
   $n as stepperHeaderV1,
@@ -9159,20 +9154,20 @@ export {
   zn as tabV1,
   An as tabsV1,
   kn as textFieldV1,
-  ve as textV1,
+  xe as textV1,
   Ln as textareaV1,
   En as timelineItemV1,
   Bn as timelineV1,
-  om as toEventName,
-  im as toMethodName,
-  nm as toPropertyName,
+  tm as toEventName,
+  em as toMethodName,
+  Qu as toPropertyName,
   Ke as triggerReactivity,
-  Qu as types,
+  Xu as types,
   Pu as unwrapEventId,
-  Jo as unwrapMethodId,
+  qo as unwrapMethodId,
   lo as unwrapPropertyId,
   ni as useDepend,
-  vm as useRuntime,
+  hm as useRuntime,
   ii as useSandbox,
   Rn as windowItemV1,
   Mn as windowV1