x-runtime-lib 0.8.109 → 0.8.111

package/dist/index.js

@@ -1,7 +1,7 @@
 var ln = (t, n) => (n = Symbol[t]) ? n : Symbol.for("Symbol." + t), an = (t) => {
   throw TypeError(t);
 };
-var Ie = (t, n, e) => {
+var Ce = (t, n, e) => {
   if (n != null) {
     typeof n != "object" && typeof n != "function" && an("Object expected");
     var o, s;
@@ -29,12 +29,12 @@ var Ie = (t, n, e) => {
   };
   return r();
 };
-import { defineComponent as I, createElementBlock as se, renderSlot as R, unref as i, openBlock as _, createElementVNode as te, computed as k, normalizeStyle as re, toRef as Go, onBeforeMount as Ho, onUnmounted as Ge, ref as ie, watchEffect as ye, watch as ce, createBlock as $, withCtx as w, createCommentVNode as le, useTemplateRef as co, onMounted as uo, nextTick as mo, useAttrs as Uo, h as pe, resolveComponent as M, createVNode as O, isRef as Z, createSlots as Ft, renderList as Jo, useId as po, withModifiers as qo, normalizeClass as Xo, toDisplayString as Yo, inject as ue, provide as me, readonly as Nt } from "vue";
-import { globalObjects as we, waitUtil as fo, useViewStack as yo, eventBus as bo, messageInfo as Zo, messageSuccess as Qo, messageWarning as go, messageError as ho, createAxios as ei, openConfirmDlg as ti, openPromptDlg as ni } from "x-essential-lib";
-import { CameraHelper as _o, DirectionalLightHelper as oi, PointLightHelper as ii, SpotLightHelper as ri } from "three";
-import { c as K, i as de, a as He, K as si, M as li, O as ai, u as ci, r as vo, e as xo, b as ui, d as mi, f as pi, g as di, h as fi, j as yi, k as bi, l as gi, m as ko, n as hi, o as _i, p as vi, q as xi } from "./vendor.nccqfajx.js";
-import { useTheme as ki } from "vuetify";
-import { getErrorMessage as wi } from "x-error-lib";
+import { defineComponent as C, createElementBlock as se, renderSlot as R, unref as i, openBlock as _, createElementVNode as te, computed as k, normalizeStyle as re, toRef as Ho, onBeforeMount as Uo, onUnmounted as Ge, ref as ie, watchEffect as fe, watch as ce, createBlock as S, withCtx as w, createCommentVNode as le, useTemplateRef as co, onMounted as uo, nextTick as mo, useAttrs as Jo, h as ve, resolveComponent as M, createVNode as O, isRef as Z, createSlots as Ft, renderList as qo, useId as po, withModifiers as Xo, normalizeClass as Yo, toDisplayString as Zo, inject as ue, provide as me, readonly as Nt } from "vue";
+import { globalObjects as we, waitUtil as fo, useViewStack as yo, eventBus as bo, messageInfo as Qo, messageSuccess as ei, messageWarning as go, messageError as ho, createAxios as ti, openConfirmDlg as ni, openPromptDlg as oi } from "x-essential-lib";
+import { CameraHelper as _o, DirectionalLightHelper as ii, PointLightHelper as ri, SpotLightHelper as si } from "three";
+import { c as K, i as pe, a as He, K as li, M as ai, O as ci, u as ui, r as vo, e as xo, b as mi, d as pi, f as di, g as fi, h as yi, j as bi, k as gi, l as hi, m as ko, n as _i, o as vi, p as xi, q as ki } from "./vendor.nccqfajx.js";
+import { useTheme as wi } from "vuetify";
+import { getErrorMessage as Ii } from "x-error-lib";
 import { useI18n as wo } from "vue-i18n";
 const cn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function z(t) {
@@ -57,7 +57,7 @@ function jt(t) {
   const n = t.substring(0, t.length - 1), e = parseFloat(n);
   return !isNaN(e);
 }
-function qc(t) {
+function Xc(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const n = t.substring(0, t.length - 2), e = parseFloat(n);
@@ -71,12 +71,12 @@ function at(t) {
   if (!isNaN(e))
     return e;
 }
-const So = ["xs", "sm", "md", "lg", "xl"], Si = [...So].reverse();
+const Io = ["xs", "sm", "md", "lg", "xl"], Si = [...Io].reverse();
 function Xe(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function un(t) {
-  return So.findIndex((n) => n === t);
+  return Io.findIndex((n) => n === t);
 }
 function We(t, n) {
   let e;
@@ -115,7 +115,7 @@ function Gt(t, n, e) {
   const r = s[s.length - 1];
   o[r] = e;
 }
-function Xc(t, n = 2) {
+function Yc(t, n = 2) {
   const e = " ".repeat(n);
   return t.split(`
 `).map((r) => r.trim() === "" ? r : e + r).join(`
@@ -124,7 +124,7 @@ function Xc(t, n = 2) {
 function ne(t) {
   return t === "runtime" || t === "preview";
 }
-function Yc(t, n, e, o, s) {
+function Zc(t, n, e, o, s) {
   let r = t;
   for (let c = 0; c < n.length; c++)
     if (r = r.children[n[c]], !r) {
@@ -159,7 +159,7 @@ function E(t, n) {
   };
 }
 const $i = ["common", "scene"], Ci = ["common", "scene"];
-function Zc({ type: t, version: n, view: e, code: o }) {
+function Qc({ type: t, version: n, view: e, code: o }) {
   const s = (c, u) => {
     const p = { id: u.id };
     u.children && (p.children = [], u.children.forEach((d) => {
@@ -180,7 +180,7 @@ function Zc({ type: t, version: n, view: e, code: o }) {
   };
   return JSON.stringify(a);
 }
-function Qc(t) {
+function eu(t) {
   const { type: n, version: e, view: o, code: s } = JSON.parse(t), r = {
     type: n,
     version: e,
@@ -195,7 +195,7 @@ function Qc(t) {
     a(c, r.view.nodes[c.id]);
   }), r;
 }
-const eu = [
+const tu = [
   "globality_v1",
   "multiple_ref_v1",
   "reference_v1",
@@ -265,7 +265,7 @@ const eu = [
   "scene_sphere_geometry_v1",
   "scene_spot_light_v1"
 ];
-function Ii(t) {
+function Vi(t) {
   switch (t) {
     case "referenceProperty":
     case "multipleRefProperty":
@@ -276,7 +276,7 @@ function Ii(t) {
   }
   return !0;
 }
-function Vi(t) {
+function Pi(t) {
   switch (t) {
     case "referenceMethod":
     case "multipleRefMethod":
@@ -287,7 +287,7 @@ function Vi(t) {
   }
   return !0;
 }
-function Pi(t) {
+function Li(t) {
   switch (t) {
     case "referenceEvent":
     case "multipleRefEvent":
@@ -304,26 +304,26 @@ function Pi(t) {
   }
   return !0;
 }
-function tu(t) {
+function nu(t) {
   switch (t) {
     case "customSlot":
       return !1;
   }
   return !0;
 }
-function nu(t) {
+function ou(t) {
   return JSON.stringify(t);
 }
-function ou(t) {
+function iu(t) {
   return JSON.parse(t);
 }
-function iu(t) {
+function ru(t) {
   return JSON.stringify(t);
 }
-function ru(t) {
+function su(t) {
   return JSON.parse(t);
 }
-function $o(t) {
+function So(t) {
   let n = t;
   for (; n; ) {
     if (n.parent && n.compId === n.parent.compId)
@@ -339,24 +339,24 @@ function Ht(t, n, e) {
     a > 0 && (s += " - "), e ? s += o.global.t(r) : s += r;
   }), s;
 }
-function su(t, n) {
+function lu(t, n) {
   const { i18n: e } = we;
   let o = "";
-  return t === "elementProperty" || (t === "referenceProperty" || t === "multipleRefProperty" || t === "customProperty" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotProperty" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? o = e.global.t("x-runtime-lib.adaptSlot") : console.assert(!1)), Ht(o, n, Ii(t));
+  return t === "elementProperty" || (t === "referenceProperty" || t === "multipleRefProperty" || t === "customProperty" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotProperty" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? o = e.global.t("x-runtime-lib.adaptSlot") : console.assert(!1)), Ht(o, n, Vi(t));
 }
-function lu(t, n) {
+function au(t, n) {
   const { i18n: e } = we;
   let o = "";
-  return t === "elementMethod" || (t === "referenceMethod" || t === "multipleRefMethod" || t === "customMethod" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotMethod" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? o = e.global.t("x-runtime-lib.adaptSlot") : console.assert(!1)), Ht(o, n, Vi(t));
+  return t === "elementMethod" || (t === "referenceMethod" || t === "multipleRefMethod" || t === "customMethod" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotMethod" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? o = e.global.t("x-runtime-lib.adaptSlot") : console.assert(!1)), Ht(o, n, Pi(t));
 }
-function au(t, n) {
+function cu(t, n) {
   const { i18n: e } = we;
   let o = "";
-  return t === "elementEvent" || (t === "referenceEvent" || t === "multipleRefEvent" || t === "customEvent" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotEvent" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementEvent" || t === "adaptSlotCustomEvent" ? o = e.global.t("x-runtime-lib.adaptSlot") : t === "elementPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = e.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customPropertyChange") : t === "customSlotPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customSlotPropertyChange") : t === "adaptSlotElementPropertyChangeEvent" || t === "adaptSlotCustomPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.adaptSlotPropertyChange") : t === "stateChangeEvent" ? o = e.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Ht(o, n, Pi(t));
+  return t === "elementEvent" || (t === "referenceEvent" || t === "multipleRefEvent" || t === "customEvent" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotEvent" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementEvent" || t === "adaptSlotCustomEvent" ? o = e.global.t("x-runtime-lib.adaptSlot") : t === "elementPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = e.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customPropertyChange") : t === "customSlotPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customSlotPropertyChange") : t === "adaptSlotElementPropertyChangeEvent" || t === "adaptSlotCustomPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.adaptSlotPropertyChange") : t === "stateChangeEvent" ? o = e.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Ht(o, n, Li(t));
 }
-const Ke = {}, S = (t) => {
+const Ke = {}, I = (t) => {
   Ke[t.key] = t;
-}, Li = ["position", "rotation", "scale"], $e = /* @__PURE__ */ I({
+}, zi = ["position", "rotation", "scale"], Se = /* @__PURE__ */ C({
   __name: "index",
   props: {
     position: {},
@@ -375,9 +375,9 @@ const Ke = {}, S = (t) => {
       o[0] || (o[0] = te("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)),
       o[1] || (o[1] = te("TresMeshBasicMaterial", null, null, -1)),
       R(e.$slots, "default")
-    ], 8, Li)) : R(e.$slots, "default", { key: 1 });
+    ], 8, zi)) : R(e.$slots, "default", { key: 1 });
   }
-}), N = /* @__PURE__ */ I({
+}), N = /* @__PURE__ */ C({
   __name: "index",
   props: {
     block: { type: Boolean, default: !1 }
@@ -409,21 +409,21 @@ const Ke = {}, S = (t) => {
   }
 });
 function P(t) {
-  const n = _e();
-  return { node: Go(n.value.view.nodes, t.id) };
+  const n = he(), e = Ho(n.value.view.nodes, t.nodeId);
+  return console.assert(e.value, `invalid node id=${t.nodeId}`), { node: e };
 }
 function Ye(t, n, e) {
-  const o = ve();
+  const o = _e();
   if (o) {
-    const s = k(() => Pc("elementMethod", t.id, n));
-    Ho(() => {
+    const s = k(() => Lc("elementMethod", t.nodeId, n));
+    Uo(() => {
       o.eventBus?.on(s.value, e);
     }), Ge(() => {
       o.eventBus?.off(s.value, e);
     });
   }
 }
-const zi = (t, n, e, o) => {
+const Ti = (t, n, e, o) => {
   let s;
   if (t ? s = t.getElementProperty(n.basic.id, e) : s = xe(n, e), o) {
     if (typeof s == "string")
@@ -432,23 +432,23 @@ const zi = (t, n, e, o) => {
     return;
   } else
     return s;
-}, Ti = (t, n, e, o, s) => {
+}, Ei = (t, n, e, o, s) => {
   let r;
   s ? typeof o == "object" ? r = JSON.stringify(o, null, 2) : (console.assert(!1), r = "{}") : r = o, t ? t.setElementProperty(n.basic.id, e, r) : Gt(n, e, r);
 };
 function l(t, n, e) {
-  const o = ve(), s = ie();
-  return ye(() => {
-    s.value = zi(o, t.value, n, e);
+  const o = _e(), s = ie();
+  return fe(() => {
+    s.value = Ti(o, t.value, n, e);
   }), ce(s, (r, a) => {
-    de(r, a) || Ti(o, t.value, n, s.value, e);
+    pe(r, a) || Ei(o, t.value, n, s.value, e);
   }), { property: s };
 }
 function G() {
   const t = Ue();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
-function be(t) {
+function ye(t) {
   const { property: n } = l(t, [
     "transform",
     "position",
@@ -474,21 +474,21 @@ function be(t) {
     "rotation",
     "z"
   ]), { property: c } = l(t, ["transform", "scale", "x"]), { property: u } = l(t, ["transform", "scale", "y"]), { property: p } = l(t, ["transform", "scale", "z"]), d = ie([0, 0, 0]), m = ie([0, 0, 0]), f = ie([1, 1, 1]);
-  return ye(() => {
+  return fe(() => {
     d.value = [n.value, e.value, o.value];
-  }), ye(() => {
+  }), fe(() => {
     n.value = d.value[0], e.value = d.value[1], o.value = d.value[2];
-  }), ye(() => {
+  }), fe(() => {
     m.value = [s.value, r.value, a.value];
-  }), ye(() => {
+  }), fe(() => {
     s.value = m.value[0], r.value = m.value[1], a.value = m.value[2];
-  }), ye(() => {
+  }), fe(() => {
     f.value = [c.value, u.value, p.value];
-  }), ye(() => {
+  }), fe(() => {
     c.value = f.value[0], u.value = f.value[1], p.value = f.value[2];
   }), { position: d, rotation: m, scale: f };
 }
-function Co(t) {
+function $o(t) {
   const n = k(() => t.value.legend?.show), e = k(() => t.value.legend?.data);
   function o(s) {
     s.legend = {
@@ -498,7 +498,7 @@ function Co(t) {
   }
   return { show: n, data: e, applyLegend: o };
 }
-function Io(t) {
+function Co(t) {
   const n = k(() => t.value.series);
   function e(o) {
     o.series = n.value;
@@ -541,7 +541,7 @@ function Lo(t) {
   return { show: n, position: e, type: o, data: s, applyYAxis: r };
 }
 function q(t) {
-  const { computedThemes: n } = ki(), e = Ue(), o = k(() => t.value?.mode), s = k(() => {
+  const { computedThemes: n } = wi(), e = Ue(), o = k(() => t.value?.mode), s = k(() => {
     const p = t.value?.theme;
     return p ? p === "background0" ? e.value ? "#2e2e2e" : "#bdbdbd" : p === "background1" ? e.value ? "#272727" : "#eeeeee" : p === "background2" ? e.value ? "#1e1e1e" : "#ffffff" : (e.value ? n.value.dark : n.value.light).colors[p] : void 0;
   }), r = k(() => e.value ? t.value.custom?.dark : t.value.custom?.light), a = k(() => o.value === "theme" ? s.value ?? "" : o.value === "custom" ? r.value ?? "" : ""), c = k(() => {
@@ -574,7 +574,7 @@ function qt(t) {
   }
   return { paddingTop: n, paddingLeft: e, paddingBottom: o, paddingRight: s, applyPadding: r };
 }
-function ge(t, n) {
+function be(t, n) {
   const e = J(), o = Be(), s = k(() => n.value.size?.width), r = k(() => n.value.size?.minWidth), a = k(() => n.value.size?.maxWidth), c = k(() => {
     if (t.outer && e === "editor") {
       const m = at(n.value.size?.height);
@@ -602,16 +602,16 @@ function ge(t, n) {
   }
   return { width: s, minWidth: r, maxWidth: a, height: c, minHeight: u, maxHeight: p, applySize: d };
 }
-const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Ai = /* @__PURE__ */ I({
+const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Mi = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "bottom"]), { property: u } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "left"]), { property: d } = l(e, ["settings", "near"]), { property: m } = l(e, ["settings", "right"]), { property: f } = l(e, ["settings", "top"]);
-    return (g, b) => (_(), $(i($e), {
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ye(e), { property: c } = l(e, ["settings", "bottom"]), { property: u } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "left"]), { property: d } = l(e, ["settings", "near"]), { property: m } = l(e, ["settings", "right"]), { property: f } = l(e, ["settings", "top"]);
+    return (g, b) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -628,26 +628,26 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1],
           top: i(f)
         }, [
-          i(o) === "editor" ? (_(), $(i(He), {
+          i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
             type: i(_o)
           }, null, 8, ["type"])) : le("", !0),
           R(g.$slots, "default")
-        ], 8, Ei)
+        ], 8, Ai)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Mi = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Bi = /* @__PURE__ */ I({
+}), Bi = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Wi = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "aspect"]), { property: u } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "fov"]), { property: d } = l(e, ["settings", "near"]);
-    return (m, f) => (_(), $(i($e), {
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ye(e), { property: c } = l(e, ["settings", "aspect"]), { property: u } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "fov"]), { property: d } = l(e, ["settings", "near"]);
+    return (m, f) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -662,38 +662,38 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
-          i(o) === "editor" ? (_(), $(i(He), {
+          i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
             type: i(_o)
           }, null, 8, ["type"])) : le("", !0),
           R(m.$slots, "default")
-        ], 8, Mi)
+        ], 8, Bi)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Wi = /* @__PURE__ */ I({
+}), Ri = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
     const n = J();
-    return (e, o) => i(n) !== "editor" ? (_(), $(i(si), { key: 0 })) : le("", !0);
+    return (e, o) => i(n) !== "editor" ? (_(), S(i(li), { key: 0 })) : le("", !0);
   }
-}), Ri = /* @__PURE__ */ I({
+}), Ki = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
     const n = J();
-    return (e, o) => i(n) !== "editor" ? (_(), $(i(li), { key: 0 })) : le("", !0);
+    return (e, o) => i(n) !== "editor" ? (_(), S(i(ai), { key: 0 })) : le("", !0);
   }
-}), Ki = /* @__PURE__ */ I({
+}), Di = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
     const n = J();
-    return (e, o) => i(n) !== "editor" ? (_(), $(i(ai), { key: 0 })) : le("", !0);
+    return (e, o) => i(n) !== "editor" ? (_(), S(i(ci), { key: 0 })) : le("", !0);
   }
-}), Di = ["args"], Oi = /* @__PURE__ */ I({
+}), Oi = ["args"], Fi = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -717,17 +717,17 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         i(a),
         i(s)
       ]
-    }, null, 8, Di));
+    }, null, 8, Oi));
   }
 }), Ae = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [o, s] of n)
     e[o] = s;
   return e;
-}, Fi = ["args"], Ni = /* @__PURE__ */ I({
+}, Ni = ["args"], ji = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -761,21 +761,21 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         i(u),
         i(c)
       ]
-    }, null, 8, Fi));
+    }, null, 8, Ni));
   }
-}), ji = ["color", "intensity", "position", "rotation", "scale"], Gi = /* @__PURE__ */ I({
+}), Gi = ["color", "intensity", "position", "rotation", "scale"], Hi = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, [
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ye(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (d, m) => (_(), $(i($e), {
+    return (d, m) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -789,24 +789,24 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
           R(d.$slots, "default")
-        ], 8, ji)
+        ], 8, Gi)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Hi = ["color", "intensity", "position", "rotation", "scale"], Ui = /* @__PURE__ */ I({
+}), Ui = ["color", "intensity", "position", "rotation", "scale"], Ji = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, [
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ye(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (d, m) => (_(), $(i($e), {
+    return (d, m) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -819,32 +819,32 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
-          i(o) === "editor" ? (_(), $(i(He), {
+          i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
-            type: i(oi)
+            type: i(ii)
           }, null, 8, ["type"])) : le("", !0),
           R(d.$slots, "default")
-        ], 8, Hi)
+        ], 8, Ui)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ji = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], qi = /* @__PURE__ */ I({
+}), qi = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Xi = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, ["settings", "decay"]), { property: d } = l(e, [
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ye(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, ["settings", "decay"]), { property: d } = l(e, [
       "settings",
       "distance"
     ]), { property: m } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (f, g) => (_(), $(i($e), {
+    return (f, g) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -859,25 +859,25 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
-          i(o) === "editor" ? (_(), $(i(He), {
+          i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
-            type: i(ii)
+            type: i(ri)
           }, null, 8, ["type"])) : le("", !0),
           R(f.$slots, "default")
-        ], 8, Ji)
+        ], 8, qi)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Xi = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Yi = /* @__PURE__ */ I({
+}), Yi = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Zi = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "angle"]), { property: u } = l(e, ["settings", "color"]), { color: p } = q(u), { property: d } = l(e, ["settings", "decay"]), { property: m } = l(e, [
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ye(e), { property: c } = l(e, ["settings", "angle"]), { property: u } = l(e, ["settings", "color"]), { color: p } = q(u), { property: d } = l(e, ["settings", "decay"]), { property: m } = l(e, [
       "settings",
       "distance"
     ]), { property: f } = l(e, [
@@ -887,7 +887,7 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "penumbra"
     ]);
-    return (b, v) => (_(), $(i($e), {
+    return (b, v) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -904,30 +904,30 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
-          i(o) === "editor" ? (_(), $(i(He), {
+          i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
-            type: i(ri)
+            type: i(si)
           }, null, 8, ["type"])) : le("", !0),
           R(b.$slots, "default")
-        ], 8, Xi)
+        ], 8, Yi)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Zi = {};
-function Qi(t, n) {
+}), Qi = {};
+function er(t, n) {
   return _(), se("TresMeshBasicMaterial");
 }
-const er = /* @__PURE__ */ Ae(Zi, [["render", Qi]]), tr = ["position", "rotation", "scale"], nr = /* @__PURE__ */ I({
+const tr = /* @__PURE__ */ Ae(Qi, [["render", er]]), nr = ["position", "rotation", "scale"], or = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e);
-    return (c, u) => (_(), $(i($e), {
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ye(e);
+    return (c, u) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -939,111 +939,111 @@ const er = /* @__PURE__ */ Ae(Zi, [["render", Qi]]), tr = ["position", "rotation
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
           R(c.$slots, "default")
-        ], 8, tr)
+        ], 8, nr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), or = ["position", "rotation", "scale"], ir = /* @__PURE__ */ I({
+}), ir = ["position", "rotation", "scale"], rr = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: r } = be(e);
+    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: r } = ye(e);
     return (a, c) => (_(), se("TresMesh", {
       position: i(o),
       rotation: i(s),
       scale: i(r)
     }, [
       R(a.$slots, "default")
-    ], 8, or));
-  }
-}), rr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], sr = "#242424", lr = {}, ar = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, cr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ur = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, mr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, dr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, _r = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, vr = { 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" } }, xr = { 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)" } } }, kr = { 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)" } } }, wr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Sr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, $r = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Cr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ir = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Vr = { textStyle: { color: "#eeeeee" } }, Pr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Lr = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, zr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Tr = { 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" } }, Er = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Ar = {
-  color: rr,
-  backgroundColor: sr,
-  textStyle: lr,
-  title: ar,
-  line: cr,
-  radar: ur,
-  bar: mr,
-  pie: pr,
-  scatter: dr,
-  boxplot: fr,
-  parallel: yr,
-  sankey: br,
-  funnel: gr,
-  gauge: hr,
-  candlestick: _r,
-  graph: vr,
-  map: xr,
-  geo: kr,
-  categoryAxis: wr,
+    ], 8, ir));
+  }
+}), sr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], lr = "#242424", ar = {}, cr = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, ur = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, mr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, pr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, dr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, _r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, vr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, xr = { 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" } }, kr = { 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)" } } }, wr = { 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)" } } }, Ir = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Sr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, $r = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Cr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Vr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Pr = { textStyle: { color: "#eeeeee" } }, Lr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, zr = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Tr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Er = { 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" } }, Ar = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Mr = {
+  color: sr,
+  backgroundColor: lr,
+  textStyle: ar,
+  title: cr,
+  line: ur,
+  radar: mr,
+  bar: pr,
+  pie: dr,
+  scatter: fr,
+  boxplot: yr,
+  parallel: br,
+  sankey: gr,
+  funnel: hr,
+  gauge: _r,
+  candlestick: vr,
+  graph: xr,
+  map: kr,
+  geo: wr,
+  categoryAxis: Ir,
   valueAxis: Sr,
   logAxis: $r,
   timeAxis: Cr,
-  toolbox: Ir,
-  legend: Vr,
-  tooltip: Pr,
-  timeline: Lr,
-  visualMap: zr,
-  dataZoom: Tr,
-  markPoint: Er
-}, Mr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Br = "#f5f5f5", Wr = {}, Rr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Dr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Or = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Fr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, jr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ur = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Jr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Xr = { 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" } }, Yr = { 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)" } } }, Zr = { 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)" } } }, Qr = { 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"] } } }, es = { 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"] } } }, ts = { 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"] } } }, ns = { 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"] } } }, os = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, is = { textStyle: { color: "#333333" } }, rs = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ss = { 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" } } }, ls = { color: ["#bf444c", "#d88273", "#f6efa6"] }, as = { 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" } }, cs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, us = {
-  color: Mr,
-  backgroundColor: Br,
-  textStyle: Wr,
-  title: Rr,
-  line: Kr,
-  radar: Dr,
-  bar: Or,
-  pie: Fr,
-  scatter: Nr,
-  boxplot: jr,
-  parallel: Gr,
-  sankey: Hr,
-  funnel: Ur,
-  gauge: Jr,
-  candlestick: qr,
-  graph: Xr,
-  map: Yr,
-  geo: Zr,
-  categoryAxis: Qr,
-  valueAxis: es,
-  logAxis: ts,
-  timeAxis: ns,
-  toolbox: os,
-  legend: is,
-  tooltip: rs,
-  timeline: ss,
-  visualMap: ls,
-  dataZoom: as,
-  markPoint: cs
+  toolbox: Vr,
+  legend: Pr,
+  tooltip: Lr,
+  timeline: zr,
+  visualMap: Tr,
+  dataZoom: Er,
+  markPoint: Ar
+}, Br = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Wr = "#f5f5f5", Rr = {}, Kr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Dr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Or = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Fr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, jr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ur = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Jr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Yr = { 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" } }, Zr = { 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)" } } }, Qr = { 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)" } } }, es = { 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"] } } }, ts = { 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"] } } }, ns = { 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"] } } }, os = { 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"] } } }, is = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, rs = { textStyle: { color: "#333333" } }, ss = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ls = { 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" } } }, as = { color: ["#bf444c", "#d88273", "#f6efa6"] }, cs = { 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" } }, us = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, ms = {
+  color: Br,
+  backgroundColor: Wr,
+  textStyle: Rr,
+  title: Kr,
+  line: Dr,
+  radar: Or,
+  bar: Fr,
+  pie: Nr,
+  scatter: jr,
+  boxplot: Gr,
+  parallel: Hr,
+  sankey: Ur,
+  funnel: Jr,
+  gauge: qr,
+  candlestick: Xr,
+  graph: Yr,
+  map: Zr,
+  geo: Qr,
+  categoryAxis: es,
+  valueAxis: ts,
+  logAxis: ns,
+  timeAxis: os,
+  toolbox: is,
+  legend: rs,
+  tooltip: ss,
+  timeline: ls,
+  visualMap: as,
+  dataZoom: cs,
+  markPoint: us
 };
-ci([
-  ui,
+ui([
   mi,
   pi,
   di,
   fi,
   yi,
   bi,
-  gi
+  gi,
+  hi
 ]);
-vo("dark", Ar);
-vo("light", us);
-const ms = /* @__PURE__ */ I({
+vo("dark", Mr);
+vo("light", ms);
+const ps = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = he(), a = _e(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: b } = Vo(e), { applyXAxis: v } = Po(e), { applyYAxis: h } = Lo(e), { applyLegend: x } = Co(e), { applySeries: C } = Io(e), V = k(() => {
-      const L = {}, H = a.value.type;
+    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = ge(), a = he(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = be(n, e), { applyTitle: b } = Vo(e), { applyXAxis: v } = Po(e), { applyYAxis: h } = Lo(e), { applyLegend: x } = $o(e), { applySeries: $ } = Co(e), V = k(() => {
+      const L = {}, H = a.value?.type;
       return r === "page" ? H === "common" ? g(L) : console.assert(!1) : r === "comp" && H === "common" ? g(L) : console.assert(!1), L;
     }), F = co("chart");
     let W;
@@ -1055,7 +1055,7 @@ const ms = /* @__PURE__ */ I({
       W?.resize();
     }, D = () => {
       const L = {};
-      b(L), v(L), h(L), x(L), C(L), W?.setOption(L, !0);
+      b(L), v(L), h(L), x(L), $(L), W?.setOption(L, !0);
     };
     return uo(async () => {
       window.addEventListener("resize", j, !1), await fo(() => !!F.value), U(), D();
@@ -1083,7 +1083,7 @@ const ms = /* @__PURE__ */ I({
         D();
       },
       { deep: !0 }
-    ), (L, H) => (_(), $(i(N), { block: "" }, {
+    ), (L, H) => (_(), S(i(N), { block: "" }, {
       default: w(() => [
         te("div", {
           ref: "chart",
@@ -1093,16 +1093,16 @@ const ms = /* @__PURE__ */ I({
       _: 1
     }));
   }
-}), ps = /* @__PURE__ */ I({
+}), ds = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = he(), a = _e(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: b } = Vo(e), { applyXAxis: v } = Po(e), { applyYAxis: h } = Lo(e), { applyLegend: x } = Co(e), { applySeries: C } = Io(e), V = k(() => {
-      const L = {}, H = a.value.type;
+    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = ge(), a = he(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = be(n, e), { applyTitle: b } = Vo(e), { applyXAxis: v } = Po(e), { applyYAxis: h } = Lo(e), { applyLegend: x } = $o(e), { applySeries: $ } = Co(e), V = k(() => {
+      const L = {}, H = a.value?.type;
       return r === "page" ? H === "common" ? g(L) : console.assert(!1) : r === "comp" && H === "common" ? g(L) : console.assert(!1), L;
     }), F = co("chart");
     let W;
@@ -1114,7 +1114,7 @@ const ms = /* @__PURE__ */ I({
       W?.resize();
     }, D = () => {
       const L = {};
-      b(L), v(L), h(L), x(L), C(L), W?.setOption(L, !0);
+      b(L), v(L), h(L), x(L), $(L), W?.setOption(L, !0);
     };
     return uo(async () => {
       window.addEventListener("resize", j, !1), await fo(() => !!F.value), U(), D();
@@ -1142,7 +1142,7 @@ const ms = /* @__PURE__ */ I({
         D();
       },
       { deep: !0 }
-    ), (L, H) => (_(), $(i(N), { block: "" }, {
+    ), (L, H) => (_(), S(i(N), { block: "" }, {
       default: w(() => [
         te("div", {
           ref: "chart",
@@ -1152,109 +1152,133 @@ const ms = /* @__PURE__ */ I({
       _: 1
     }));
   }
-}), ds = /* @__PURE__ */ I({
+}), fs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
     const n = t, e = ie(), o = J();
-    return ne(o) && sn(e, "multipleRef", n.id, "", ve()), rn(n.refContext.compId, e), (s, r) => (_(), se("div"));
+    return ne(o) && sn(e, "multipleRef", n.nodeId, "", _e()), rn(n.refContext.compId, e), (s, r) => (_(), se("div"));
   }
-}), fs = /* @__PURE__ */ I({
+}), ys = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const { t: n } = wo(), e = t, { node: o } = P(e), s = ie(), r = J();
-    ne(r) && sn(s, "reference", e.id, "", ve()), rn(e.refContext.compId, s);
-    const a = Uo(), { applySize: c } = ge(e, o), u = k(() => {
+    const { t: n } = wo(), e = t, { node: o } = P(e), s = ie();
+    Fo(s);
+    const r = J();
+    ne(r) && sn(s, "reference", e.nodeId, "", _e()), rn(e.refContext.compId, s);
+    const a = Jo(), { applySize: c } = be(e, o), u = k(() => {
       const m = {};
       return s.value?.type === "common" && c(m), m;
     });
     function p(m) {
       const f = Ke[m.key];
       if (!f)
-        return console.assert(!1, `element not found key=${m.key}`), pe("div", `element not found key=${m.key}`);
-      const g = { id: m.id };
-      m.refId && (g.refContext = {
+        return console.assert(!1, `element not found key=${m.key}`), ve("div", `element not found key=${m.key}`);
+      const g = {
+        nodeId: m.id
+      };
+      return m.refId && (g.refContext = {
         parent: e.refContext,
         compId: m.refId
-      });
-      const b = [];
-      return f.leaf || m.children?.forEach((v) => {
-        b.push(p(v));
-      }), pe(f.comp, { key: "", ...g }, { default: () => b });
+      }), ve(
+        f.comp,
+        {
+          key: m.id,
+          ...g
+        },
+        {
+          default: () => {
+            if (!f.leaf)
+              return m.children?.map((b) => p(b));
+          }
+        }
+      );
     }
     const d = () => {
-      if ($o(e.refContext))
-        return pe("div", n("x-runtime-lib.circularRef"));
-      if (!s.value)
-        return pe("div");
-      const m = s.value.view.nodeLites.map(
-        (g) => p(g)
-      );
-      if (s.value.type === "common")
-        return pe(
+      if (So(e.refContext))
+        return ve("div", n("x-runtime-lib.circularRef"));
+      if (s.value?.type === "common")
+        return ve(
           "div",
-          { id: a.id, style: u.value },
-          { default: () => m }
+          {
+            id: a.id,
+            style: u.value
+          },
+          {
+            default: () => s.value?.view.nodeLites.map((f) => p(f))
+          }
         );
     };
-    return (m, f) => (_(), $(d));
+    return (m, f) => (_(), S(d));
   }
-}), ys = /* @__PURE__ */ I({
+}), bs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = l(e, ["settings", "open"]);
-    return (s, r) => (_(), $(i(N), null, {
+    return (s, r) => (_(), S(i(N), null, {
       default: w(() => [
         i(o) ? R(s.$slots, "default", { key: 0 }) : le("", !0)
       ]),
       _: 3
     }));
   }
-}), ke = /* @__PURE__ */ I({
+}), ke = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const { t: n } = wo(), e = t, o = ie(), s = J();
-    ne(s) && sn(o, "slot", e.id, "", ve()), rn(e.refContext.compId, o);
+    const { t: n } = wo(), e = t, o = ie();
+    Fo(o);
+    const s = J();
+    ne(s) && sn(o, "slot", e.nodeId, "", _e()), rn(e.refContext.compId, o);
     function r(c) {
       const u = Ke[c.key];
       if (!u)
-        return console.assert(!1, `element not found key=${c.key}`), pe("div", `element not found key=${c.key}`);
-      const p = { id: c.id };
-      c.refId && (p.refContext = {
+        return console.assert(!1, `element not found key=${c.key}`), ve("div", `element not found key=${c.key}`);
+      const p = {
+        nodeId: c.id
+      };
+      return c.refId && (p.refContext = {
         parent: e.refContext,
         compId: c.refId
-      });
-      const d = [];
-      return u.leaf || c.children?.forEach((m) => {
-        d.push(r(m));
-      }), pe(u.comp, { key: "", ...p }, { default: () => d });
+      }), ve(
+        u.comp,
+        {
+          key: c.id,
+          ...p
+        },
+        {
+          default: () => {
+            if (!u.leaf)
+              return c.children?.map((d) => r(d));
+          }
+        }
+      );
     }
-    const a = () => $o(e.refContext) ? pe("div", n("x-runtime-lib.circularRef")) : o.value ? o.value.view.nodeLites.map((c) => r(c)) : pe("div");
-    return (c, u) => (_(), $(a));
+    const a = () => So(e.refContext) ? ve("div", n("x-runtime-lib.circularRef")) : o.value?.view.nodeLites.map((c) => r(c));
+    return (c, u) => (_(), S(a));
   }
-}), bs = /* @__PURE__ */ I({
+}), gs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1270,7 +1294,7 @@ const ms = /* @__PURE__ */ I({
     ]);
     return (u, p) => {
       const d = M("v-badge");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(d, {
             content: i(o),
@@ -1289,15 +1313,15 @@ const ms = /* @__PURE__ */ I({
       });
     };
   }
-}), gs = /* @__PURE__ */ I({
+}), hs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = ve(), { property: s } = l(e, [
+    const n = t, { node: e } = P(n), o = _e(), { property: s } = l(e, [
       "settings",
       "addIcon",
       "append"
@@ -1311,18 +1335,18 @@ const ms = /* @__PURE__ */ I({
     ]), { property: x } = l(e, [
       "settings",
       "readonly"
-    ]), { property: C } = l(e, ["settings", "ripple"]), { property: V } = l(e, ["settings", "size"]), { property: F } = l(e, ["settings", "stacked"]), { property: W } = l(e, ["settings", "text"]), { theme: U } = G(), { property: j } = l(e, ["settings", "variant"]), { property: D } = l(e, ["size", "width"]), L = (H) => {
+    ]), { property: $ } = l(e, ["settings", "ripple"]), { property: V } = l(e, ["settings", "size"]), { property: F } = l(e, ["settings", "stacked"]), { property: W } = l(e, ["settings", "text"]), { theme: U } = G(), { property: j } = l(e, ["settings", "variant"]), { property: D } = l(e, ["size", "width"]), L = (H) => {
       if (!o || !o.vm)
         return;
       const { vm: ee } = o;
       ee.setProp(ee.global, "__pointerPosX__", ee.newNumber(H.clientX)), ee.setProp(ee.global, "__pointerPosY__", ee.newNumber(H.clientY)), o.callFunction(
         "__triggerEventV1__",
-        oe("elementEvent", n.id, "click")
+        oe("elementEvent", n.nodeId, "click")
       );
     };
     return (H, ee) => {
       const ae = M("v-btn");
-      return _(), $(i(N), { block: i(r) }, {
+      return _(), S(i(N), { block: i(r) }, {
         default: w(() => [
           O(ae, {
             "append-icon": i(s),
@@ -1338,7 +1362,7 @@ const ms = /* @__PURE__ */ I({
             "min-width": i(v),
             "prepend-icon": i(h),
             readonly: i(x),
-            ripple: i(C),
+            ripple: i($),
             size: i(V),
             stacked: i(F),
             text: i(W),
@@ -1352,20 +1376,20 @@ const ms = /* @__PURE__ */ I({
       }, 8, ["block"]);
     };
   }
-}), hs = {};
-function _s(t, n) {
+}), _s = {};
+function vs(t, n) {
   const e = M("v-btn-group");
-  return _(), $(e, null, {
+  return _(), S(e, null, {
     default: w(() => [
       R(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
+const xs = /* @__PURE__ */ Ae(_s, [["render", vs]]), ks = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1385,7 +1409,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: p } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "stacked"]), { theme: m } = G(), { property: f } = l(e, ["settings", "tile"]), { property: g } = l(e, ["settings", "variant"]);
     return (b, v) => {
       const h = M("v-btn-toggle");
-      return _(), $(h, {
+      return _(), S(h, {
         block: i(o),
         disabled: i(s),
         divided: i(r),
@@ -1405,10 +1429,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), ks = /* @__PURE__ */ I({
+}), ws = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1420,9 +1444,9 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       "settings",
       "subtitle"
     ]), { property: g } = l(e, ["settings", "text"]), { theme: b } = G(), { property: v } = l(e, ["settings", "title"]), { property: h } = l(e, ["settings", "variant"]), { property: x } = l(e, ["size", "width"]);
-    return (C, V) => {
+    return ($, V) => {
       const F = M("v-card");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(F, {
             density: i(o),
@@ -1442,7 +1466,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
             width: i(x)
           }, {
             default: w(() => [
-              R(C.$slots, "default")
+              R($.$slots, "default")
             ]),
             _: 3
           }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
@@ -1451,10 +1475,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), ws = /* @__PURE__ */ I({
+}), Is = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1468,7 +1492,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]);
     return (r, a) => {
       const c = M("v-checkbox");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(c, {
             disabled: i(o),
@@ -1479,10 +1503,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Ss = /* @__PURE__ */ I({
+}), Ss = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1497,9 +1521,9 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       "settings",
       "draggable"
     ]), { property: p } = l(e, ["settings", "filter"]), { property: d } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "size"]), { property: f } = l(e, ["settings", "text"]), { theme: g } = G(), { property: b } = l(e, ["settings", "tile"]), { property: v } = l(e, ["settings", "value"]), { property: h } = l(e, ["settings", "variant"]);
-    return (x, C) => {
+    return (x, $) => {
       const V = M("v-chip");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(V, {
             closable: i(o),
@@ -1521,10 +1545,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), $s = /* @__PURE__ */ I({
+}), $s = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1547,7 +1571,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: d } = G(), { property: m } = l(e, ["settings", "value"]);
     return (f, g) => {
       const b = M("v-chip-group");
-      return _(), $(b, {
+      return _(), S(b, {
         modelValue: i(m),
         "onUpdate:modelValue": g[0] || (g[0] = (v) => Z(m) ? m.value = v : null),
         column: i(o),
@@ -1566,16 +1590,16 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), Cs = /* @__PURE__ */ I({
+}), Cs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = he(), s = _e(), { applySize: r } = ge(n, e), a = k(() => {
-      const v = {}, h = s.value.type;
+    const n = t, { node: e } = P(n), o = ge(), s = he(), { applySize: r } = be(n, e), a = k(() => {
+      const v = {}, h = s.value?.type;
       return o === "page" ? h === "common" ? r(v) : console.assert(!1) : o === "comp" && h === "common" ? r(v) : console.assert(!1), v;
     }), { property: c } = l(e, [
       "settings",
@@ -1601,7 +1625,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: b } = G();
     return (v, h) => {
       const x = M("v-color-picker");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(x, {
             disabled: i(c),
@@ -1619,10 +1643,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Is = /* @__PURE__ */ I({
+}), Vs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1642,7 +1666,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: u } = G(), { property: p } = l(e, ["settings", "value"]);
     return (d, m) => {
       const f = M("v-combobox");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(f, {
             modelValue: i(p),
@@ -1659,22 +1683,22 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Vs = /* @__PURE__ */ I({
+}), Ps = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = he(), s = _e(), { property: r } = l(e, [
+    const n = t, { node: e } = P(n), o = ge(), s = he(), { property: r } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: a } = q(r), { applySize: c } = ge(n, e), { applyMargin: u } = Jt(e), { applyPadding: p } = qt(e), { applyBorder: d } = Ut(e), m = k(() => {
-      const f = {}, g = s.value.type;
+    ]), { color: a } = q(r), { applySize: c } = be(n, e), { applyMargin: u } = Jt(e), { applyPadding: p } = qt(e), { applyBorder: d } = Ut(e), m = k(() => {
+      const f = {}, g = s.value?.type;
       return o === "page" ? g === "common" ? (c(f), u(f), p(f), d(f), a.value && (f.backgroundColor = a.value)) : console.assert(!1) : o === "comp" && g === "common" ? (c(f), u(f), p(f), d(f), a.value && (f.backgroundColor = a.value)) : console.assert(!1), f;
     });
-    return (f, g) => (_(), $(i(N), { block: "" }, {
+    return (f, g) => (_(), S(i(N), { block: "" }, {
       default: w(() => [
         te("div", {
           style: re(m.value)
@@ -1685,10 +1709,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       _: 3
     }));
   }
-}), Ps = /* @__PURE__ */ I({
+}), Ls = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1710,7 +1734,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     });
     return (v, h) => {
       const x = M("v-data-table");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(x, {
             density: i(o),
@@ -1725,14 +1749,14 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
             theme: i(f),
             width: i(g)
           }, Ft({ _: 2 }, [
-            Jo(b.value, (C) => ({
-              name: `item.${C.column}`,
+            qo(b.value, ($) => ({
+              name: `item.${$.column}`,
               fn: w(({ value: V }) => [
                 O(i(ke), {
-                  id: C.column,
-                  "ref-context": { compId: C.comp },
+                  "node-id": $.column,
+                  "ref-context": { compId: $.comp },
                   state: { value: V }
-                }, null, 8, ["id", "ref-context", "state"])
+                }, null, 8, ["node-id", "ref-context", "state"])
               ])
             }))
           ]), 1032, ["density", "fixed-footer", "fixed-header", "headers", "height", "hover", "items", "loading", "multi-sort", "theme", "width"])
@@ -1741,12 +1765,12 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Ls = /* @__PURE__ */ I({
+}), zs = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
     return (n, e) => {
       const o = M("v-date-picker");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(o)
         ]),
@@ -1754,10 +1778,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), zs = ["id"], Ts = /* @__PURE__ */ I({
+}), Ts = ["id"], Es = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1769,7 +1793,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       o.value = !1;
     }), (s, r) => {
       const a = M("v-dialog");
-      return _(), $(a, {
+      return _(), S(a, {
         modelValue: i(o),
         "onUpdate:modelValue": r[0] || (r[0] = (c) => Z(o) ? o.value = c : null),
         attach: "#dialogContainer"
@@ -1777,8 +1801,8 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
         activator: w(() => [
           i(e) === "editor" ? (_(), se("div", {
             key: 0,
-            id: `__node__@${n.id}`
-          }, null, 8, zs)) : le("", !0)
+            id: `__node__@${n.nodeId}`
+          }, null, 8, Ts)) : le("", !0)
         ]),
         default: w(() => [
           R(s.$slots, "default")
@@ -1787,10 +1811,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, 8, ["modelValue"]);
     };
   }
-}), Es = /* @__PURE__ */ I({
+}), As = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1813,7 +1837,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]);
     return (g, b) => {
       const v = M("v-file-input");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(v, {
             chips: i(o),
@@ -1832,15 +1856,15 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), As = /* @__PURE__ */ I({
+}), Ms = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Be(), s = he(), r = _e(), { applySize: a } = ge(n, e), { applyMargin: c } = Jt(e), { applyPadding: u } = qt(e), { applyBorder: p } = Ut(e), { property: d } = l(e, [
+    const n = t, { node: e } = P(n), o = Be(), s = ge(), r = he(), { applySize: a } = be(n, e), { applyMargin: c } = Jt(e), { applyPadding: u } = qt(e), { applyBorder: p } = Ut(e), { property: d } = l(e, [
       "settings",
       "backgroundColor"
     ]), { color: m } = q(d), f = (b) => {
@@ -1849,12 +1873,12 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       h === "row" ? b.flexDirection = "row" : h === "rowReverse" ? b.flexDirection = "row-reverse" : h === "column" ? b.flexDirection = "column" : h === "columnReverse" && (b.flexDirection = "column-reverse");
       const x = We(v, e.value.settings?.wrap);
       x === "no" ? b.flexWrap = "nowrap" : x === "yes" ? b.flexWrap = "wrap" : x === "reverse" && (b.flexWrap = "wrap-reverse");
-      const C = We(v, e.value.settings?.mainAlign);
-      C === "start" ? b.justifyContent = "flex-start" : C === "end" ? b.justifyContent = "flex-end" : C === "center" ? b.justifyContent = "center" : C === "spaceBetween" ? b.justifyContent = "space-between" : C === "spaceAround" ? b.justifyContent = "space-around" : C === "spaceEvenly" && (b.justifyContent = "space-evenly");
+      const $ = We(v, e.value.settings?.mainAlign);
+      $ === "start" ? b.justifyContent = "flex-start" : $ === "end" ? b.justifyContent = "flex-end" : $ === "center" ? b.justifyContent = "center" : $ === "spaceBetween" ? b.justifyContent = "space-between" : $ === "spaceAround" ? b.justifyContent = "space-around" : $ === "spaceEvenly" && (b.justifyContent = "space-evenly");
       const V = We(v, e.value.settings?.crossAlign);
       V === "start" ? b.alignItems = "flex-start" : V === "end" ? b.alignItems = "flex-end" : V === "center" ? b.alignItems = "center" : V === "baseline" ? b.alignItems = "baseline" : V === "stretch" && (b.alignItems = "stretch");
     }, g = k(() => {
-      const b = {}, v = r.value.type;
+      const b = {}, v = r.value?.type;
       return s === "page" ? v === "common" ? (a(b), c(b), u(b), p(b), f(b)) : console.assert(!1) : s === "comp" && v === "common" ? (a(b), c(b), u(b), p(b), f(b)) : console.assert(!1), b;
     });
     return (b, v) => (_(), se("div", {
@@ -1863,16 +1887,16 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       R(b.$slots, "default")
     ], 4));
   }
-}), Ms = /* @__PURE__ */ I({
+}), Bs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = he(), s = _e(), { applySize: r } = ge(n, e), { property: a } = l(e, ["settings", "grow"]), { property: c } = l(e, ["settings", "shrink"]), u = k(() => {
-      const p = {}, d = s.value.type;
+    const n = t, { node: e } = P(n), o = ge(), s = he(), { applySize: r } = be(n, e), { property: a } = l(e, ["settings", "grow"]), { property: c } = l(e, ["settings", "shrink"]), u = k(() => {
+      const p = {}, d = s.value?.type;
       return o === "page" ? d === "common" ? (r(p), p.flexGrow = a.value ? 1 : 0, p.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (r(p), p.flexGrow = a.value ? 1 : 0, p.flexShrink = c.value ? 1 : 0) : console.assert(!1), p;
     });
     return (p, d) => (_(), se("div", {
@@ -1881,37 +1905,37 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       R(p.$slots, "default")
     ], 4));
   }
-}), Bs = /* @__PURE__ */ I({
+}), Ws = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = he(), s = _e(), r = ve(), { property: a } = l(e, ["settings", "valid"]), { property: c } = l(e, [
+    const n = t, { node: e } = P(n), o = ge(), s = he(), r = _e(), { property: a } = l(e, ["settings", "valid"]), { property: c } = l(e, [
       "settings",
       "fastFail"
     ]), { property: u } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: p } = q(u), { applySize: d } = ge(n, e), { applyMargin: m } = Jt(e), { applyPadding: f } = qt(e), { applyBorder: g } = Ut(e), b = k(() => {
-      const h = {}, x = s.value.type;
+    ]), { color: p } = q(u), { applySize: d } = be(n, e), { applyMargin: m } = Jt(e), { applyPadding: f } = qt(e), { applyBorder: g } = Ut(e), b = k(() => {
+      const h = {}, x = s.value?.type;
       return o === "page" ? x === "common" ? (d(h), m(h), f(h), g(h), p.value && (h.backgroundColor = p.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(h), m(h), f(h), g(h), p.value && (h.backgroundColor = p.value)) : console.assert(!1), h;
     }), v = () => {
       r && r.callFunction(
         "__triggerEventV1__",
-        oe("elementEvent", n.id, "submit")
+        oe("elementEvent", n.nodeId, "submit")
       );
     };
     return (h, x) => {
-      const C = M("v-form");
-      return _(), $(C, {
+      const $ = M("v-form");
+      return _(), S($, {
         modelValue: i(a),
         "onUpdate:modelValue": x[0] || (x[0] = (V) => Z(a) ? a.value = V : null),
         "fast-fail": i(c),
         style: re(b.value),
-        onSubmit: qo(v, ["prevent"])
+        onSubmit: Xo(v, ["prevent"])
       }, {
         default: w(() => [
           R(h.$slots, "default")
@@ -1920,10 +1944,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), Ws = /* @__PURE__ */ I({
+}), Rs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1934,7 +1958,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: a } = l(e, ["settings", "icon"]), { property: c } = l(e, ["settings", "size"]), { theme: u } = G();
     return (p, d) => {
       const m = M("v-icon");
-      return _(), $(m, {
+      return _(), S(m, {
         color: i(s),
         disabled: i(r),
         icon: i(a),
@@ -1943,15 +1967,15 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), Rs = ["id"], Ks = /* @__PURE__ */ I({
+}), Ks = ["id"], Ds = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, e = J(), o = ve(), s = ie(0), r = ie(0), a = k(() => [s.value, r.value]), { open: c } = yo(`runtimeMenu/${po()}`);
+    const n = t, e = J(), o = _e(), s = ie(0), r = ie(0), a = k(() => [s.value, r.value]), { open: c } = yo(`runtimeMenu/${po()}`);
     return Ye(n, "open", () => {
       if (!o || !o.vm)
         return;
@@ -1961,7 +1985,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       o && (c.value = !1);
     }), (u, p) => {
       const d = M("v-menu");
-      return _(), $(d, {
+      return _(), S(d, {
         modelValue: i(c),
         "onUpdate:modelValue": p[0] || (p[0] = (m) => Z(c) ? c.value = m : null),
         attach: "menuContainer",
@@ -1972,8 +1996,8 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
         activator: w(() => [
           i(e) === "editor" ? (_(), se("div", {
             key: 0,
-            id: `__node__@${n.id}`
-          }, null, 8, Rs)) : le("", !0)
+            id: `__node__@${n.nodeId}`
+          }, null, 8, Ks)) : le("", !0)
         ]),
         default: w(() => [
           R(u.$slots, "default")
@@ -1982,10 +2006,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Ds = /* @__PURE__ */ I({
+}), Os = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2018,7 +2042,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       "settings",
       "addIcon",
       "prependInner"
-    ]), { property: C } = l(e, [
+    ]), { property: $ } = l(e, [
       "settings",
       "readonly"
     ]), { property: V } = l(e, ["settings", "reverse"]), { property: F } = l(e, [
@@ -2026,12 +2050,12 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       "singleLine"
     ]), { property: W } = l(e, ["settings", "step"]), { property: U } = l(e, ["settings", "suffix"]), { theme: j } = G(), { property: D } = l(e, ["settings", "value"]), { property: L } = l(e, ["settings", "variant"]), { property: H } = l(e, ["size", "width"]);
     return (ee, ae) => {
-      const Ce = M("v-number-input");
-      return _(), $(i(N), { block: "" }, {
+      const $e = M("v-number-input");
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
-          O(Ce, {
+          O($e, {
             modelValue: i(D),
-            "onUpdate:modelValue": ae[0] || (ae[0] = (fe) => Z(D) ? D.value = fe : null),
+            "onUpdate:modelValue": ae[0] || (ae[0] = (de) => Z(D) ? D.value = de : null),
             "append-icon": i(o),
             "append-inner-icon": i(s),
             clearable: i(r),
@@ -2047,7 +2071,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
             prefix: i(v),
             "prepend-icon": i(h),
             "prepend-inner-icon": i(x),
-            readonly: i(C),
+            readonly: i($),
             reverse: i(V),
             "single-line": i(F),
             step: i(W),
@@ -2061,10 +2085,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Os = /* @__PURE__ */ I({
+}), Fs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2081,11 +2105,11 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     });
     return (v, h) => {
       const x = M("v-pagination");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(x, {
             modelValue: i(f),
-            "onUpdate:modelValue": h[0] || (h[0] = (C) => Z(f) ? f.value = C : null),
+            "onUpdate:modelValue": h[0] || (h[0] = ($) => Z(f) ? f.value = $ : null),
             density: i(s),
             disabled: i(r),
             length: i(a),
@@ -2102,10 +2126,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Fs = /* @__PURE__ */ I({
+}), Ns = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2119,7 +2143,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: p } = G(), { property: d } = l(e, ["settings", "value"]);
     return (m, f) => {
       const g = M("v-radio");
-      return _(), $(g, {
+      return _(), S(g, {
         color: i(s),
         density: i(r),
         disabled: i(a),
@@ -2130,10 +2154,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), Ns = /* @__PURE__ */ I({
+}), js = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2150,7 +2174,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: u } = G(), { property: p } = l(e, ["settings", "value"]);
     return (d, m) => {
       const f = M("v-radio-group");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(f, {
             modelValue: i(p),
@@ -2172,10 +2196,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), js = /* @__PURE__ */ I({
+}), Gs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2211,11 +2235,11 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     }), { property: x } = l(e, [
       "settings",
       "thumbSize"
-    ]), { property: C } = l(e, ["settings", "ticks"]), V = k(() => {
-      if (!C.value)
+    ]), { property: $ } = l(e, ["settings", "ticks"]), V = k(() => {
+      if (!$.value)
         return;
       const D = {};
-      for (const { value: L, label: H } of C.value)
+      for (const { value: L, label: H } of $.value)
         D[L] = H;
       if (!ko(D))
         return D;
@@ -2238,7 +2262,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     });
     return (D, L) => {
       const H = M("v-range-slider");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(H, {
             modelValue: j.value,
@@ -2264,10 +2288,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Gs = /* @__PURE__ */ I({
+}), Hs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2287,7 +2311,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: d } = G(), { property: m } = l(e, ["settings", "value"]);
     return (f, g) => {
       const b = M("v-rating");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(b, {
             modelValue: i(m),
@@ -2306,10 +2330,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Hs = /* @__PURE__ */ I({
+}), Us = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2329,7 +2353,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: u } = G(), { property: p } = l(e, ["settings", "value"]);
     return (d, m) => {
       const f = M("v-select");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(f, {
             modelValue: i(p),
@@ -2346,10 +2370,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Us = /* @__PURE__ */ I({
+}), Js = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2377,7 +2401,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     }), { property: v } = l(e, ["settings", "step"]), { theme: h } = G(), { property: x } = l(e, [
       "settings",
       "thumbColor"
-    ]), { color: C } = q(x), { property: V } = l(e, [
+    ]), { color: $ } = q(x), { property: V } = l(e, [
       "settings",
       "thumbLabel"
     ]), F = k(() => {
@@ -2391,25 +2415,25 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: U } = l(e, ["settings", "ticks"]), j = k(() => {
       if (!U.value)
         return;
-      const fe = {};
+      const de = {};
       for (const { value: Je, label: lt } of U.value)
-        fe[Je] = lt;
-      if (!ko(fe))
-        return fe;
+        de[Je] = lt;
+      if (!ko(de))
+        return de;
     }), { property: D } = l(e, [
       "settings",
       "tickSize"
     ]), { property: L } = l(e, [
       "settings",
       "trackColor"
-    ]), { color: H } = q(L), { property: ee } = l(e, ["settings", "value"]), { property: ae } = l(e, ["slots", "append"]), { property: Ce } = l(e, ["slots", "prepend"]);
-    return (fe, Je) => {
+    ]), { color: H } = q(L), { property: ee } = l(e, ["settings", "value"]), { property: ae } = l(e, ["slots", "append"]), { property: $e } = l(e, ["slots", "prepend"]);
+    return (de, Je) => {
       const lt = M("v-slider");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(lt, {
             modelValue: i(ee),
-            "onUpdate:modelValue": Je[0] || (Je[0] = (jo) => Z(ee) ? ee.value = jo : null),
+            "onUpdate:modelValue": Je[0] || (Je[0] = (Go) => Z(ee) ? ee.value = Go : null),
             color: i(s),
             direction: i(r),
             disabled: i(a),
@@ -2422,7 +2446,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
             "show-ticks": b.value,
             step: i(v),
             theme: i(h),
-            "thumb-color": i(C),
+            "thumb-color": i($),
             "thumb-label": F.value,
             "thumb-size": i(W),
             "tick-size": i(D),
@@ -2433,19 +2457,19 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
               name: "append",
               fn: w(() => [
                 O(i(ke), {
-                  id: "append",
+                  "node-id": "append",
                   "ref-context": { compId: i(ae) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "0"
             } : void 0,
-            i(Ce) ? {
+            i($e) ? {
               name: "prepend",
               fn: w(() => [
                 O(i(ke), {
-                  id: "prepend",
-                  "ref-context": { compId: i(Ce) },
+                  "node-id": "prepend",
+                  "ref-context": { compId: i($e) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2457,10 +2481,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Js = /* @__PURE__ */ I({
+}), qs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2471,7 +2495,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: s } = G(), { property: r } = l(e, ["settings", "value"]);
     return (a, c) => {
       const u = M("v-stepper");
-      return _(), $(u, {
+      return _(), S(u, {
         modelValue: i(r),
         "onUpdate:modelValue": c[0] || (c[0] = (p) => Z(r) ? r.value = p : null),
         "hide-actions": i(o),
@@ -2484,20 +2508,20 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, 8, ["modelValue", "hide-actions", "theme"]);
     };
   }
-}), qs = {};
-function Xs(t, n) {
+}), Xs = {};
+function Ys(t, n) {
   const e = M("v-stepper-header");
-  return _(), $(e, null, {
+  return _(), S(e, null, {
     default: w(() => [
       R(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Ys = /* @__PURE__ */ Ae(qs, [["render", Xs]]), Zs = /* @__PURE__ */ I({
+const Zs = /* @__PURE__ */ Ae(Xs, [["render", Ys]]), Qs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2505,7 +2529,7 @@ const Ys = /* @__PURE__ */ Ae(qs, [["render", Xs]]), Zs = /* @__PURE__ */ I({
     const n = t, { node: e } = P(n), { property: o } = l(e, ["settings", "value"]);
     return (s, r) => {
       const a = M("v-stepper-item");
-      return _(), $(a, { value: i(o) }, {
+      return _(), S(a, { value: i(o) }, {
         default: w(() => [
           R(s.$slots, "default")
         ]),
@@ -2513,20 +2537,20 @@ const Ys = /* @__PURE__ */ Ae(qs, [["render", Xs]]), Zs = /* @__PURE__ */ I({
       }, 8, ["value"]);
     };
   }
-}), Qs = {};
-function el(t, n) {
+}), el = {};
+function tl(t, n) {
   const e = M("v-stepper-window");
-  return _(), $(e, null, {
+  return _(), S(e, null, {
     default: w(() => [
       R(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
+const nl = /* @__PURE__ */ Ae(el, [["render", tl]]), ol = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2534,7 +2558,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     const n = t, { node: e } = P(n), { property: o } = l(e, ["settings", "value"]);
     return (s, r) => {
       const a = M("v-stepper-window-item");
-      return _(), $(a, { value: i(o) }, {
+      return _(), S(a, { value: i(o) }, {
         default: w(() => [
           R(s.$slots, "default")
         ]),
@@ -2542,10 +2566,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       }, 8, ["value"]);
     };
   }
-}), ol = /* @__PURE__ */ I({
+}), il = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2565,7 +2589,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     ]), { property: u } = l(e, ["settings", "inline"]), { property: p } = l(e, ["settings", "inset"]), { property: d } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "loading"]), { theme: f } = G(), { property: g } = l(e, ["settings", "value"]);
     return (b, v) => {
       const h = M("v-switch");
-      return _(), $(i(N), { "fit-content": !0 }, {
+      return _(), S(i(N), { "fit-content": !0 }, {
         default: w(() => [
           O(h, {
             modelValue: i(g),
@@ -2586,10 +2610,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       });
     };
   }
-}), il = /* @__PURE__ */ I({
+}), rl = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2600,7 +2624,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     });
     return (u, p) => {
       const d = M("v-tab");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(d, {
             style: re(c.value),
@@ -2613,10 +2637,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       });
     };
   }
-}), rl = /* @__PURE__ */ I({
+}), sl = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2653,14 +2677,14 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     ]), { property: x } = l(e, [
       "settings",
       "showArrows"
-    ]), { property: C } = l(e, [
+    ]), { property: $ } = l(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: V } = q(C), { property: F } = l(e, ["settings", "stacked"]), { theme: W } = G(), { property: U } = l(e, ["settings", "value"]);
+    ]), { color: V } = q($), { property: F } = l(e, ["settings", "stacked"]), { theme: W } = G(), { property: U } = l(e, ["settings", "value"]);
     return (j, D) => {
       const L = M("v-tabs");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(L, {
             modelValue: i(U),
@@ -2692,10 +2716,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       });
     };
   }
-}), sl = /* @__PURE__ */ I({
+}), ll = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2710,19 +2734,19 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       const m = [], f = Xe(o.value.width), g = We(f, e.value.settings?.style);
       return g && m.push(`text-${g}`), a.value === "high" ? m.push("text-high-emphasis") : a.value === "medium" ? m.push("text-medium-emphasis") : a.value === "disabled" && m.push("text-disabled"), s.value && m.push(`font-${s.value}`), r.value && m.push(`text-decoration-${r.value}`), p.value && m.push(`font-weight-${p.value}`), c.value && m.push("font-italic"), m.join(" ");
     });
-    return (m, f) => (_(), $(i(N), null, {
+    return (m, f) => (_(), S(i(N), null, {
       default: w(() => [
         te("span", {
-          class: Xo(d.value)
-        }, Yo(i(u)), 3)
+          class: Yo(d.value)
+        }, Zo(i(u)), 3)
       ]),
       _: 1
     }));
   }
-}), ll = /* @__PURE__ */ I({
+}), al = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2746,9 +2770,9 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       "settings",
       "singleLine"
     ]), { theme: v } = G(), { property: h } = l(e, ["settings", "value"]), { property: x } = l(e, ["settings", "variant"]);
-    return (C, V) => {
+    return ($, V) => {
       const F = M("v-textarea");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(F, {
             modelValue: i(h),
@@ -2773,10 +2797,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       });
     };
   }
-}), al = /* @__PURE__ */ I({
+}), cl = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2811,7 +2835,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     ]), { property: h } = l(e, [
       "settings",
       "readonly"
-    ]), { property: x } = l(e, ["settings", "reverse"]), { property: C } = l(e, [
+    ]), { property: x } = l(e, ["settings", "reverse"]), { property: $ } = l(e, [
       "settings",
       "singleLine"
     ]), { property: V } = l(e, ["settings", "suffix"]), { theme: F } = G(), { property: W } = l(e, ["settings", "value"]), { property: U } = l(e, ["settings", "variant"]), { property: j } = l(e, ["slots", "append"]), { property: D } = l(e, [
@@ -2822,12 +2846,12 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       "prependInner"
     ]);
     return (ee, ae) => {
-      const Ce = M("v-text-field");
-      return _(), $(i(N), { block: "" }, {
+      const $e = M("v-text-field");
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
-          O(Ce, {
+          O($e, {
             modelValue: i(W),
-            "onUpdate:modelValue": ae[0] || (ae[0] = (fe) => Z(W) ? W.value = fe : null),
+            "onUpdate:modelValue": ae[0] || (ae[0] = (de) => Z(W) ? W.value = de : null),
             "append-icon": i(o),
             "append-inner-icon": i(s),
             autofocus: i(r),
@@ -2843,7 +2867,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
             "prepend-inner-icon": i(v),
             readonly: i(h),
             reverse: i(x),
-            "single-line": i(C),
+            "single-line": i($),
             suffix: i(V),
             theme: i(F),
             variant: i(U)
@@ -2852,7 +2876,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
               name: "append",
               fn: w(() => [
                 O(i(ke), {
-                  id: "append",
+                  "node-id": "append",
                   "ref-context": { compId: i(j) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2863,7 +2887,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
               name: "append-inner",
               fn: w(() => [
                 O(i(ke), {
-                  id: "append-inner",
+                  "node-id": "append-inner",
                   "ref-context": { compId: i(D) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2874,7 +2898,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
               name: "prepend",
               fn: w(() => [
                 O(i(ke), {
-                  id: "prepend",
+                  "node-id": "prepend",
                   "ref-context": { compId: i(L) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2885,7 +2909,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
               name: "prepend-inner",
               fn: w(() => [
                 O(i(ke), {
-                  id: "prepend-inner",
+                  "node-id": "prepend-inner",
                   "ref-context": { compId: i(H) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2898,10 +2922,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       });
     };
   }
-}), cl = /* @__PURE__ */ I({
+}), ul = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2937,9 +2961,9 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       "line",
       "truncate"
     ]), { theme: h } = G();
-    return (x, C) => {
+    return (x, $) => {
       const V = M("v-timeline");
-      return _(), $(V, {
+      return _(), S(V, {
         align: i(o),
         density: i(s),
         direction: i(r),
@@ -2960,20 +2984,20 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
   }
-}), ul = {};
-function ml(t, n) {
+}), ml = {};
+function pl(t, n) {
   const e = M("v-timeline-item");
-  return _(), $(e, null, {
+  return _(), S(e, null, {
     default: w(() => [
       R(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const pl = /* @__PURE__ */ Ae(ul, [["render", ml]]), dl = /* @__PURE__ */ I({
+const dl = /* @__PURE__ */ Ae(ml, [["render", pl]]), fl = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2993,7 +3017,7 @@ const pl = /* @__PURE__ */ Ae(ul, [["render", ml]]), dl = /* @__PURE__ */ I({
     ]), { property: u } = l(e, ["settings", "touch"]), { theme: p } = G(), { property: d } = l(e, ["settings", "value"]);
     return (m, f) => {
       const g = M("v-window");
-      return _(), $(g, {
+      return _(), S(g, {
         modelValue: i(d),
         "onUpdate:modelValue": f[0] || (f[0] = (b) => Z(d) ? d.value = b : null),
         continuous: i(o),
@@ -3011,17 +3035,17 @@ const pl = /* @__PURE__ */ Ae(ul, [["render", ml]]), dl = /* @__PURE__ */ I({
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
     };
   }
-}), fl = {};
-function yl(t, n) {
+}), yl = {};
+function bl(t, n) {
   const e = M("v-window-item");
-  return _(), $(e, null, {
+  return _(), S(e, null, {
     default: w(() => [
       R(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const bl = /* @__PURE__ */ Ae(fl, [["render", yl]]), y = {
+const gl = /* @__PURE__ */ Ae(yl, [["render", bl]]), y = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -3083,7 +3107,7 @@ const bl = /* @__PURE__ */ Ae(fl, [["render", yl]]), y = {
       ]
     }
   ]
-}, gl = K(X), Le = {
+}, hl = K(X), Le = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -3101,7 +3125,7 @@ const bl = /* @__PURE__ */ Ae(fl, [["render", yl]]), y = {
       types: "borderWidthTypesV1",
       default: ""
     },
-    gl,
+    hl,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -3497,10 +3521,10 @@ const bl = /* @__PURE__ */ Ae(fl, [["render", yl]]), y = {
       default: 2e3
     }
   ]
-}, hl = {
+}, _l = {
   key: "scene_orthographic_camera_v1",
   name: "x-runtime-lib.orthographicCamera",
-  comp: Ai,
+  comp: Mi,
   properties: {
     pageScene: [y, Q, mn],
     compScene: [y, Q, mn]
@@ -3509,7 +3533,7 @@ const bl = /* @__PURE__ */ Ae(fl, [["render", yl]]), y = {
   methods: [],
   slots: []
 };
-S(hl);
+I(_l);
 const pn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3543,10 +3567,10 @@ const pn = {
       default: 2e3
     }
   ]
-}, _l = {
+}, vl = {
   key: "scene_perspective_camera_v1",
   name: "x-runtime-lib.perspectiveCamera",
-  comp: Bi,
+  comp: Wi,
   properties: {
     pageScene: [y, Q, pn],
     compScene: [y, Q, pn]
@@ -3555,11 +3579,11 @@ const pn = {
   methods: [],
   slots: []
 };
-S(_l);
-const vl = {
+I(vl);
+const xl = {
   key: "scene_keyboard_controls_v1",
   name: "x-runtime-lib.keyboardControls",
-  comp: Wi,
+  comp: Ri,
   properties: {
     pageScene: [y],
     compScene: [y]
@@ -3569,11 +3593,11 @@ const vl = {
   slots: [],
   leaf: !0
 };
-S(vl);
-const xl = {
+I(xl);
+const kl = {
   key: "scene_map_controls_v1",
   name: "x-runtime-lib.mapControls",
-  comp: Ri,
+  comp: Ki,
   properties: {
     pageScene: [y],
     compScene: [y]
@@ -3583,11 +3607,11 @@ const xl = {
   slots: [],
   leaf: !0
 };
-S(xl);
-const kl = {
+I(kl);
+const wl = {
   key: "scene_orbit_controls_v1",
   name: "x-runtime-lib.orbitControls",
-  comp: Ki,
+  comp: Di,
   properties: {
     pageScene: [y],
     compScene: [y]
@@ -3597,8 +3621,8 @@ const kl = {
   slots: [],
   leaf: !0
 };
-S(kl);
-function wl(t, n) {
+I(wl);
+function Il(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`boxGeometryV1/spawn property tag not found, ${e}`);
@@ -3737,7 +3761,7 @@ const dn = {
 }, yt = {
   key: "scene_box_geometry_v1",
   name: "x-runtime-lib.boxGeometry",
-  comp: Oi,
+  comp: Fi,
   properties: {
     pageScene: [y, dn],
     compScene: [y, dn]
@@ -3746,9 +3770,9 @@ const dn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: wl
+  spawn: Il
 };
-S(yt);
+I(yt);
 function Cl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -3778,7 +3802,7 @@ function Cl(t, n) {
       z: 1
     }
   };
-  const a = Il(t, n), c = Vl(t, n);
+  const a = Vl(t, n), c = Pl(t, n);
   return {
     nodeLite: E(r, [a.nodeLite, c.nodeLite]),
     nodes: {
@@ -3788,7 +3812,7 @@ function Cl(t, n) {
     }
   };
 }
-function Il(t, n) {
+function Vl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
@@ -3819,7 +3843,7 @@ function Il(t, n) {
     }
   };
 }
-function Vl(t, n) {
+function Pl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
@@ -3897,7 +3921,7 @@ const fn = {
 }, bt = {
   key: "scene_sphere_geometry_v1",
   name: "x-runtime-lib.sphereGeometry",
-  comp: Ni,
+  comp: ji,
   properties: {
     pageScene: [y, fn],
     compScene: [y, fn]
@@ -3908,7 +3932,7 @@ const fn = {
   leaf: !0,
   spawn: Cl
 };
-S(bt);
+I(bt);
 const ot = K(X);
 ot.children[0].default = "custom";
 ot.children[2].children[0].default = "0xffffff";
@@ -3926,10 +3950,10 @@ const yn = {
       default: 1
     }
   ]
-}, Pl = {
+}, Ll = {
   key: "scene_ambient_light_v1",
   name: "x-runtime-lib.ambientLight",
-  comp: Gi,
+  comp: Hi,
   properties: {
     pageScene: [y, Q, yn],
     compScene: [y, Q, yn]
@@ -3938,7 +3962,7 @@ const yn = {
   methods: [],
   slots: []
 };
-S(Pl);
+I(Ll);
 const it = K(X);
 it.children[0].default = "custom";
 it.children[2].children[0].default = "0xffffff";
@@ -3956,10 +3980,10 @@ const bn = {
       default: 1
     }
   ]
-}, Ll = {
+}, zl = {
   key: "scene_directional_light_v1",
   name: "x-runtime-lib.directionalLight",
-  comp: Ui,
+  comp: Ji,
   properties: {
     pageScene: [y, Q, bn],
     compScene: [y, Q, bn]
@@ -3968,7 +3992,7 @@ const bn = {
   methods: [],
   slots: []
 };
-S(Ll);
+I(zl);
 const rt = K(X);
 rt.children[0].default = "custom";
 rt.children[2].children[0].default = "0xffffff";
@@ -4000,10 +4024,10 @@ const gn = {
       default: 2
     }
   ]
-}, zl = {
+}, Tl = {
   key: "scene_point_light_v1",
   name: "x-runtime-lib.pointLight",
-  comp: qi,
+  comp: Xi,
   properties: {
     pageScene: [y, Q, gn],
     compScene: [y, Q, gn]
@@ -4012,7 +4036,7 @@ const gn = {
   methods: [],
   slots: []
 };
-S(zl);
+I(Tl);
 const st = K(X);
 st.children[0].default = "custom";
 st.children[2].children[0].default = "0xffffff";
@@ -4061,10 +4085,10 @@ const hn = {
       default: 0
     }
   ]
-}, Tl = {
+}, El = {
   key: "scene_spot_light_v1",
   name: "x-runtime-lib.spotLight",
-  comp: Yi,
+  comp: Zi,
   properties: {
     pageScene: [y, Q, hn],
     compScene: [y, Q, hn]
@@ -4073,11 +4097,11 @@ const hn = {
   methods: [],
   slots: []
 };
-S(Tl);
+I(El);
 const De = {
   key: "scene_mesh_basic_material_v1",
   name: "x-runtime-lib.meshBasicMaterial",
-  comp: er,
+  comp: tr,
   properties: {
     pageScene: [y],
     compScene: [y]
@@ -4087,11 +4111,11 @@ const De = {
   slots: [],
   leaf: !0
 };
-S(De);
-const El = {
+I(De);
+const Al = {
   key: "scene_group_v1",
   name: "x-runtime-lib.group",
-  comp: nr,
+  comp: or,
   properties: {
     pageScene: [y, Q],
     compScene: [y, Q]
@@ -4100,11 +4124,11 @@ const El = {
   methods: [],
   slots: []
 };
-S(El);
+I(Al);
 const Oe = {
   key: "scene_mesh_v1",
   name: "x-runtime-lib.mesh",
-  comp: ir,
+  comp: rr,
   properties: {
     pageScene: [y, Q],
     compScene: [y, Q]
@@ -4113,8 +4137,8 @@ const Oe = {
   methods: [],
   slots: []
 };
-S(Oe);
-function Al(t, n) {
+I(Oe);
+function Ml(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`barChartV1/spawn property tag not found, ${e}`);
@@ -4162,16 +4186,16 @@ const _n = {
 }, gt = {
   key: "common_bar_chart_v1",
   name: "x-runtime-lib.barChart",
-  comp: ms,
+  comp: ps,
   properties: {
     pageCommon: [y, Y, Qe, et, tt, Ze, _n],
     compCommon: [y, Y, Qe, et, tt, Ze, _n]
   },
   leaf: !0,
-  spawn: Al
+  spawn: Ml
 };
-S(gt);
-function Ml(t, n) {
+I(gt);
+function Bl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`lineChartV1/spawn property tag not found, ${e}`);
@@ -4219,26 +4243,26 @@ const vn = {
 }, ht = {
   key: "common_line_chart_v1",
   name: "x-runtime-lib.lineChart",
-  comp: ps,
+  comp: ds,
   properties: {
     pageCommon: [y, Y, Qe, et, tt, Ze, vn],
     compCommon: [y, Y, Qe, et, tt, Ze, vn]
   },
   leaf: !0,
-  spawn: Ml
+  spawn: Bl
 };
-S(ht);
-const Bl = {
+I(ht);
+const Wl = {
   key: "multiple_ref_v1",
   name: "x-runtime-lib.multipleRef",
-  comp: ds,
+  comp: fs,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   },
   leaf: !0
 };
-S(Bl);
+I(Wl);
 const xn = {
   key: "reference",
   name: "x-runtime-lib.reference",
@@ -4250,17 +4274,17 @@ const xn = {
       default: void 0
     }
   ]
-}, Wl = {
+}, Rl = {
   key: "reference_v1",
   name: "x-runtime-lib.reference",
-  comp: fs,
+  comp: ys,
   properties: {
     pageCommon: [y, Y, xn],
     compCommon: [y, Y, xn]
   },
   leaf: !0
 };
-S(Wl);
+I(Rl);
 const kn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4272,16 +4296,16 @@ const kn = {
       default: !1
     }
   ]
-}, Rl = {
+}, Kl = {
   key: "render_switch_v1",
   name: "x-runtime-lib.renderSwitch",
-  comp: ys,
+  comp: bs,
   properties: {
     pageCommon: [y, kn],
     compCommon: [y, kn]
   }
 };
-S(Rl);
+I(Kl);
 const Me = K(X);
 Me.key = "backgroundColor";
 Me.name = "x-runtime-lib.backgroundColor";
@@ -4290,26 +4314,26 @@ const zo = {
   name: "x-runtime-lib.adaptSlot",
   ui: "slotSelect",
   default: void 0
-}, Kl = {
+}, Dl = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [Me]
-}, Dl = {
+}, Ol = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [Me, zo]
-}, Ol = {
+}, Fl = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [Me]
-}, Fl = {
+}, Nl = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [Me, zo]
-}, Nl = {
+}, jl = {
   key: "startup",
   name: "x-runtime-lib.startup"
-}, jl = {
+}, Gl = {
   key: "screenSizeChange",
   name: "x-runtime-lib.screenSizeChange",
   params: [
@@ -4324,7 +4348,7 @@ const zo = {
       type: "string"
     }
   ]
-}, Gl = {
+}, Hl = {
   key: "darkModeChange",
   name: "x-runtime-lib.darkModeChange",
   params: [
@@ -4334,20 +4358,20 @@ const zo = {
       type: "boolean"
     }
   ]
-}, Hl = {
+}, Ul = {
   key: "globality_v1",
   name: "x-runtime-lib.globality",
   comp: null,
   properties: {
-    pageCommon: [Kl],
-    pageScene: [Ol],
-    compCommon: [Dl],
-    compScene: [Fl]
+    pageCommon: [Dl],
+    pageScene: [Fl],
+    compCommon: [Ol],
+    compScene: [Nl]
   },
-  events: [Nl, jl, Gl],
+  events: [jl, Gl, Hl],
   internal: !0
 };
-S(Hl);
+I(Ul);
 const wn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4383,17 +4407,17 @@ const wn = {
       default: !1
     }
   ]
-}, Ul = {
+}, Jl = {
   key: "common_badge_v1",
   name: "x-runtime-lib.badge",
-  comp: bs,
+  comp: gs,
   properties: {
     pageCommon: [y, wn],
     compCommon: [y, wn]
   }
 };
-S(Ul);
-function Jl(t, n) {
+I(Jl);
+function ql(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`btnV1/spawn property tag not found, ${e}`);
@@ -4412,7 +4436,7 @@ function Jl(t, n) {
     }
   };
 }
-const ql = K(X), Sn = {
+const Xl = K(X), In = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4491,7 +4515,7 @@ const ql = K(X), Sn = {
       ui: "switch",
       default: !1
     },
-    ql,
+    Xl,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -4502,10 +4526,10 @@ const ql = K(X), Sn = {
 }, _t = {
   key: "common_btn_v1",
   name: "x-runtime-lib.button",
-  comp: gs,
+  comp: hs,
   properties: {
-    pageCommon: [y, Y, Sn],
-    compCommon: [y, Y, Sn]
+    pageCommon: [y, Y, In],
+    compCommon: [y, Y, In]
   },
   events: [
     {
@@ -4514,20 +4538,20 @@ const ql = K(X), Sn = {
     }
   ],
   leaf: !0,
-  spawn: Jl
+  spawn: ql
 };
-S(_t);
-const Xl = {
+I(_t);
+const Yl = {
   key: "common_btn_group_v1",
   name: "x-runtime-lib.buttonGroup",
-  comp: vs,
+  comp: xs,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   }
 };
-S(Xl);
-const $n = {
+I(Yl);
+const Sn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4588,17 +4612,17 @@ const $n = {
       default: !1
     }
   ]
-}, Yl = {
+}, Zl = {
   key: "common_btn_toggle_v1",
   name: "x-runtime-lib.buttonToggle",
-  comp: xs,
+  comp: ks,
   properties: {
-    pageCommon: [y, $n],
-    compCommon: [y, $n]
+    pageCommon: [y, Sn],
+    compCommon: [y, Sn]
   }
 };
-S(Yl);
-function Zl(t, n) {
+I(Zl);
+function Ql(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`cardV1/spawn property tag not found, ${e}`);
@@ -4617,7 +4641,7 @@ function Zl(t, n) {
     }
   };
 }
-const Cn = {
+const $n = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4675,15 +4699,15 @@ const Cn = {
 }, Fe = {
   key: "common_card_v1",
   name: "x-runtime-lib.card",
-  comp: ks,
+  comp: ws,
   properties: {
-    pageCommon: [y, Y, Cn],
-    compCommon: [y, Y, Cn]
+    pageCommon: [y, Y, $n],
+    compCommon: [y, Y, $n]
   },
-  spawn: Zl
+  spawn: Ql
 };
-S(Fe);
-const In = {
+I(Fe);
+const Cn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4700,18 +4724,18 @@ const In = {
       default: ""
     }
   ]
-}, Ql = {
+}, ea = {
   key: "common_checkbox_v1",
   name: "x-runtime-lib.checkbox",
-  comp: ws,
+  comp: Is,
   properties: {
-    pageCommon: [y, In],
-    compCommon: [y, In]
+    pageCommon: [y, Cn],
+    compCommon: [y, Cn]
   },
   leaf: !0
 };
-S(Ql);
-const ea = K(X), Vn = {
+I(ea);
+const ta = K(X), Vn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4784,7 +4808,7 @@ const ea = K(X), Vn = {
       ui: "switch",
       default: !1
     },
-    ea
+    ta
   ]
 }, vt = {
   key: "common_chip_v1",
@@ -4796,8 +4820,8 @@ const ea = K(X), Vn = {
   },
   leaf: !0
 };
-S(vt);
-function ta(t, n) {
+I(vt);
+function na(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`chipGroupV1/spawn property tag not found, ${e}`);
@@ -4912,10 +4936,10 @@ const Pn = {
     pageCommon: [y, Pn],
     compCommon: [y, Pn]
   },
-  spawn: ta
+  spawn: na
 };
-S(xt);
-const na = {
+I(xt);
+const oa = {
   key: "common_color_picker_v1",
   name: "x-runtime-lib.colorPicker",
   comp: Cs,
@@ -4925,7 +4949,7 @@ const na = {
   },
   leaf: !0
 };
-S(na);
+I(oa);
 const Ln = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4967,17 +4991,17 @@ const Ln = {
       default: !1
     }
   ]
-}, oa = {
+}, ia = {
   key: "common_combobox_v1",
   name: "x-runtime-lib.combobox",
-  comp: Is,
+  comp: Vs,
   properties: {
     pageCommon: [y, Ln],
     compCommon: [y, Ln]
   },
   leaf: !0
 };
-S(oa);
+I(ia);
 const Xt = K(X);
 Xt.key = "backgroundColor";
 Xt.name = "x-runtime-lib.backgroundColor";
@@ -4988,7 +5012,7 @@ const zn = {
 }, kt = {
   key: "common_container_v1",
   name: "x-runtime-lib.container",
-  comp: Vs,
+  comp: Ps,
   properties: {
     pageCommon: [y, Y, Le, ze, Te, zn],
     compCommon: [y, Y, Le, ze, Te, zn]
@@ -5000,7 +5024,7 @@ const zn = {
     }
   ]
 };
-S(kt);
+I(kt);
 const Tn = {
   key: "size",
   name: "x-runtime-lib.size",
@@ -5153,32 +5177,32 @@ const Tn = {
       defaultArray: []
     }
   ]
-}, ia = {
+}, ra = {
   key: "common_data_table_v1",
   name: "x-runtime-lib.dataTable",
-  comp: Ps,
+  comp: Ls,
   properties: {
     pageCommon: [y, Tn, En, An],
     compCommon: [y, Tn, En, An]
   },
   leaf: !0
 };
-S(ia);
-const ra = {
+I(ra);
+const sa = {
   key: "common_date_picker_v1",
   name: "x-runtime-lib.datePicker",
-  comp: Ls,
+  comp: zs,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   },
   leaf: !0
 };
-S(ra);
-const sa = {
+I(sa);
+const la = {
   key: "common_dialog_v1",
   name: "x-runtime-lib.dialog",
-  comp: Ts,
+  comp: Es,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -5195,15 +5219,15 @@ const sa = {
   ],
   teleport: !0
 };
-S(sa);
+I(la);
 const Mn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, cu = {
+}, uu = {
   key: "common_file_input_v1",
   name: "x-runtime-lib.fileInput",
-  comp: Es,
+  comp: As,
   properties: {
     pageCommon: [y, Mn],
     compCommon: [y, Mn]
@@ -5229,14 +5253,14 @@ const Mn = {
 }, wt = {
   key: "common_flex_layout_entry_v1",
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: Ms,
+  comp: Bs,
   properties: {
     pageCommon: [y, Y, Bn],
     compCommon: [y, Y, Bn]
   }
 };
-S(wt);
-function la(t, n) {
+I(wt);
+function aa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`flexLayoutV1/spawn property tag not found, ${e}`);
@@ -5249,7 +5273,7 @@ function la(t, n) {
   }
   const r = T();
   A(r, s), r.basic.id = z(16), r.basic.key = Ne.key;
-  const a = St(
+  const a = It(
     t,
     n,
     "#ff0000",
@@ -5258,7 +5282,7 @@ function la(t, n) {
     void 0,
     "40px",
     void 0
-  ), c = St(
+  ), c = It(
     t,
     n,
     "#00ff00",
@@ -5267,7 +5291,7 @@ function la(t, n) {
     void 0,
     "60px",
     void 0
-  ), u = aa(t, n);
+  ), u = ca(t, n);
   return {
     nodeLite: E(r, [a.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
@@ -5278,7 +5302,7 @@ function la(t, n) {
     }
   };
 }
-function aa(t, n) {
+function ca(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
@@ -5293,7 +5317,7 @@ function aa(t, n) {
   }
   const r = T();
   A(r, s), r.basic.id = z(16), r.basic.key = wt.key;
-  const a = St(
+  const a = It(
     t,
     n,
     "#0000ff",
@@ -5311,7 +5335,7 @@ function aa(t, n) {
     }
   };
 }
-function St(t, n, e, o, s, r, a, c, u) {
+function It(t, n, e, o, s, r, a, c, u) {
   const p = `type=${t} subtype=${n}`, d = B(t, n);
   if (!d) {
     console.error(
@@ -5510,7 +5534,7 @@ const Wn = {
 }, Ne = {
   key: "common_flex_layout_v1",
   name: "x-runtime-lib.flexLayout",
-  comp: As,
+  comp: Ms,
   properties: {
     pageCommon: [y, Y, Le, ze, Te, Wn],
     compCommon: [y, Y, Le, ze, Te, Wn]
@@ -5521,9 +5545,9 @@ const Wn = {
       name: "x-runtime-lib.click"
     }
   ],
-  spawn: la
+  spawn: aa
 };
-S(Ne);
+I(Ne);
 const Rn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5674,10 +5698,10 @@ const Rn = {
       default: void 0
     }
   ]
-}, $t = {
+}, St = {
   key: "common_text_field_v1",
   name: "x-runtime-lib.textField",
-  comp: al,
+  comp: cl,
   properties: {
     pageCommon: [y, Rn, Kn],
     compCommon: [y, Rn, Kn]
@@ -5704,21 +5728,21 @@ const Rn = {
   ],
   leaf: !0
 };
-S($t);
-function ca(t, n) {
+I(St);
+function ua(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`formV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Ct.properties[o];
+  const s = $t.properties[o];
   if (!s) {
     console.error(`formV1/spawn properties not found, ${e}`);
     return;
   }
   const r = T();
-  A(r, s), r.basic.id = z(16), r.basic.key = Ct.key;
-  const a = ua(t, n);
+  A(r, s), r.basic.id = z(16), r.basic.key = $t.key;
+  const a = ma(t, n);
   return {
     nodeLite: E(r, [a.nodeLite]),
     nodes: {
@@ -5727,19 +5751,19 @@ function ca(t, n) {
     }
   };
 }
-function ua(t, n) {
+function ma(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`formV1/spawnTextField property tag not found, ${e}`);
     return;
   }
-  const s = $t.properties[o];
+  const s = St.properties[o];
   if (!s) {
     console.error(`formV1/spawnTextField properties not found, ${e}`);
     return;
   }
   const r = T();
-  return A(r, s), r.basic.id = z(16), r.basic.key = $t.key, {
+  return A(r, s), r.basic.id = z(16), r.basic.key = St.key, {
     nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
@@ -5764,10 +5788,10 @@ const Dn = {
       default: !1
     }
   ]
-}, Ct = {
+}, $t = {
   key: "common_form_v1",
   name: "x-runtime-lib.form",
-  comp: Bs,
+  comp: Ws,
   properties: {
     pageCommon: [y, Y, Le, ze, Te, Dn],
     compCommon: [y, Y, Le, ze, Te, Dn]
@@ -5778,10 +5802,10 @@ const Dn = {
       name: "x-runtime-lib.submit"
     }
   ],
-  spawn: ca
+  spawn: ua
 };
-S(Ct);
-const ma = K(X), On = {
+I($t);
+const pa = K(X), On = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5804,23 +5828,23 @@ const ma = K(X), On = {
       items: "sizeItemsV1",
       default: "default"
     },
-    ma
+    pa
   ]
-}, pa = {
+}, da = {
   key: "common_icon_v1",
   name: "x-runtime-lib.icon",
-  comp: Ws,
+  comp: Rs,
   properties: {
     pageCommon: [y, On],
     compCommon: [y, On]
   },
   leaf: !0
 };
-S(pa);
-const da = {
+I(da);
+const fa = {
   key: "common_menu_v1",
   name: "x-runtime-lib.menu",
-  comp: Ks,
+  comp: Ds,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -5837,20 +5861,20 @@ const da = {
   ],
   teleport: !0
 };
-S(da);
-function fa(t, n) {
+I(fa);
+function ya(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`numberInputV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = It.properties[o];
+  const s = Ct.properties[o];
   if (!s) {
     console.error(`numberInputV1/spawn properties not found, ${e}`);
     return;
   }
   const r = T();
-  return A(r, s), r.basic.id = z(16), r.basic.key = It.key, r.settings.label = "label", r.settings.placeholder = "placeholder", {
+  return A(r, s), r.basic.id = z(16), r.basic.key = Ct.key, r.settings.label = "label", r.settings.placeholder = "placeholder", {
     nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
@@ -6024,10 +6048,10 @@ const Fn = {
       ]
     }
   ]
-}, It = {
+}, Ct = {
   key: "common_number_input_v1",
   name: "x-runtime-lib.numberInput",
-  comp: Ds,
+  comp: Os,
   properties: {
     pageCommon: [y, Fn, Nn],
     compCommon: [y, Fn, Nn]
@@ -6055,9 +6079,9 @@ const Fn = {
     }
   ],
   leaf: !0,
-  spawn: fa
+  spawn: ya
 };
-S(It);
+I(Ct);
 const jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6121,18 +6145,18 @@ const jn = {
       default: !1
     }
   ]
-}, ya = {
+}, ba = {
   key: "common_pagination_v1",
   name: "x-runtime-lib.pagination",
-  comp: Os,
+  comp: Fs,
   properties: {
     pageCommon: [y, jn],
     compCommon: [y, jn]
   },
   leaf: !0
 };
-S(ya);
-const ba = K(X), Gn = {
+I(ba);
+const ga = K(X), Gn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6167,20 +6191,20 @@ const ba = K(X), Gn = {
       items: "densityItemsV1",
       default: "default"
     },
-    ba
+    ga
   ]
 }, Vt = {
   key: "common_radio_v1",
   name: "x-runtime-lib.radio",
-  comp: Fs,
+  comp: Ns,
   properties: {
     pageCommon: [y, Gn],
     compCommon: [y, Gn]
   },
   leaf: !0
 };
-S(Vt);
-function ga(t, n) {
+I(Vt);
+function ha(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`radioGroupV1/spawn property tag not found, ${e}`);
@@ -6275,14 +6299,14 @@ const Hn = {
 }, Pt = {
   key: "common_radio_group_v1",
   name: "x-runtime-lib.radioGroup",
-  comp: Ns,
+  comp: js,
   properties: {
     pageCommon: [y, Hn],
     compCommon: [y, Hn]
   },
-  spawn: ga
+  spawn: ha
 };
-S(Pt);
+I(Pt);
 const Un = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6400,17 +6424,17 @@ const Un = {
       ]
     }
   ]
-}, ha = {
+}, _a = {
   key: "common_range_slider_v1",
   name: "x-runtime-lib.rangeSlider",
-  comp: js,
+  comp: Gs,
   properties: {
     pageCommon: [y, Un],
     compCommon: [y, Un]
   },
   leaf: !0
 };
-S(ha);
+I(_a);
 const Jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6466,17 +6490,17 @@ const Jn = {
       default: !1
     }
   ]
-}, _a = {
+}, va = {
   key: "common_rating_v1",
   name: "x-runtime-lib.rating",
-  comp: Gs,
+  comp: Hs,
   properties: {
     pageCommon: [y, Jn],
     compCommon: [y, Jn]
   },
   leaf: !0
 };
-S(_a);
+I(va);
 const qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6518,17 +6542,17 @@ const qn = {
       default: !1
     }
   ]
-}, va = {
+}, xa = {
   key: "common_select_v1",
   name: "x-runtime-lib.select",
-  comp: Hs,
+  comp: Us,
   properties: {
     pageCommon: [y, qn],
     compCommon: [y, qn]
   },
   leaf: !0
 };
-S(va);
+I(xa);
 const Zt = K(X);
 Zt.key = "color";
 Zt.name = "x-runtime-lib.color";
@@ -6664,27 +6688,27 @@ const Xn = {
       default: void 0
     }
   ]
-}, xa = {
+}, ka = {
   key: "common_slider_v1",
   name: "x-runtime-lib.slider",
-  comp: Us,
+  comp: Js,
   properties: {
     pageCommon: [y, Xn, Yn],
     compCommon: [y, Xn, Yn]
   },
   leaf: !0
 };
-S(xa);
+I(ka);
 const Lt = {
   key: "common_stepper_header_v1",
   name: "x-runtime-lib.stepperHeader",
-  comp: Ys,
+  comp: Zs,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   }
 };
-S(Lt);
+I(Lt);
 const Zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6699,23 +6723,23 @@ const Zn = {
 }, zt = {
   key: "common_stepper_item_v1",
   name: "x-runtime-lib.stepperItem",
-  comp: Zs,
+  comp: Qs,
   properties: {
     pageCommon: [y, Zn],
     compCommon: [y, Zn]
   }
 };
-S(zt);
+I(zt);
 const Tt = {
   key: "common_stepper_window_v1",
   name: "x-runtime-lib.stepperWindow",
-  comp: tl,
+  comp: nl,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   }
 };
-S(Tt);
+I(Tt);
 const Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6730,14 +6754,14 @@ const Qn = {
 }, Et = {
   key: "common_stepper_window_item_v1",
   name: "x-runtime-lib.stepperWindowItem",
-  comp: nl,
+  comp: ol,
   properties: {
     pageCommon: [y, Qn],
     compCommon: [y, Qn]
   }
 };
-S(Et);
-function ka(t, n) {
+I(Et);
+function wa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`stepperV1/spawn property tag not found, ${e}`);
@@ -6750,7 +6774,7 @@ function ka(t, n) {
   }
   const r = T();
   A(r, s), r.basic.id = z(16), r.basic.key = At.key;
-  const a = wa(t, n), c = Sa(t, n);
+  const a = Ia(t, n), c = Sa(t, n);
   return {
     nodeLite: E(r, [a.nodeLite, c.nodeLite]),
     nodes: {
@@ -6760,7 +6784,7 @@ function ka(t, n) {
     }
   };
 }
-function wa(t, n) {
+function Ia(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`stepperV1/spawnHeader property tag not found, ${e}`);
@@ -6892,25 +6916,25 @@ const eo = {
 }, At = {
   key: "common_stepper_v1",
   name: "x-runtime-lib.stepper",
-  comp: Js,
+  comp: qs,
   properties: {
     pageCommon: [y, eo],
     compCommon: [y, eo]
   },
-  spawn: ka
+  spawn: wa
 };
-S(At);
+I(At);
 const Ca = {
   key: "common_switch_v1",
   name: "x-runtime-lib.switch",
-  comp: ol,
+  comp: il,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   },
   leaf: !0
 };
-S(Ca);
+I(Ca);
 const to = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6931,15 +6955,15 @@ const to = {
 }, Mt = {
   key: "common_tab_v1",
   name: "x-runtime-lib.tab",
-  comp: il,
+  comp: rl,
   properties: {
     pageCommon: [y, to],
     compCommon: [y, to]
   },
   leaf: !0
 };
-S(Mt);
-function Ia(t, n) {
+I(Mt);
+function Va(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`tabsV1/spawn property tag not found, ${e}`);
@@ -7073,27 +7097,27 @@ const no = {
 }, Bt = {
   key: "common_tabs_v1",
   name: "x-runtime-lib.tabs",
-  comp: rl,
+  comp: sl,
   properties: {
     pageCommon: [y, no],
     compCommon: [y, no]
   },
-  spawn: Ia
+  spawn: Va
 };
-S(Bt);
-function Va(t, n) {
+I(Bt);
+function Pa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`textV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Se.properties[o];
+  const s = Ie.properties[o];
   if (!s) {
     console.error(`textV1/spawn properties not found, ${e}`);
     return;
   }
   const r = T();
-  return A(r, s), r.basic.id = z(16), r.basic.key = Se.key, r.settings.text = "text", {
+  return A(r, s), r.basic.id = z(16), r.basic.key = Ie.key, r.settings.text = "text", {
     nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
@@ -7186,19 +7210,19 @@ const oo = {
       default: !1
     }
   ]
-}, Se = {
+}, Ie = {
   key: "common_text_v1",
   name: "x-runtime-lib.text",
-  comp: sl,
+  comp: ll,
   properties: {
     pageCommon: [y, oo],
     compCommon: [y, oo]
   },
   leaf: !0,
-  spawn: Va
+  spawn: Pa
 };
-S(Se);
-function Pa(t, n) {
+I(Ie);
+function La(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`textareaV1/spawn property tag not found, ${e}`);
@@ -7291,26 +7315,26 @@ const io = {
 }, Wt = {
   key: "common_textarea_v1",
   name: "x-runtime-lib.textarea",
-  comp: ll,
+  comp: al,
   properties: {
     pageCommon: [y, io],
     compCommon: [y, io]
   },
   leaf: !0,
-  spawn: Pa
+  spawn: La
 };
-S(Wt);
+I(Wt);
 const Rt = {
   key: "common_timeline_item_v1",
   name: "x-runtime-lib.timelineItem",
-  comp: pl,
+  comp: dl,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   }
 };
-S(Rt);
-function La(t, n) {
+I(Rt);
+function za(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`timelineV1/spawn property tag not found, ${e}`);
@@ -7347,7 +7371,7 @@ function dt(t, n, e) {
   }
   const a = T();
   A(a, r), a.basic.id = z(16), a.basic.key = Rt.key;
-  const c = za(t, n, e);
+  const c = Ta(t, n, e);
   return {
     nodeLite: E(a, [c.nodeLite]),
     nodes: {
@@ -7356,26 +7380,26 @@ function dt(t, n, e) {
     }
   };
 }
-function za(t, n, e) {
+function Ta(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`timelineV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const r = Se.properties[s];
+  const r = Ie.properties[s];
   if (!r) {
     console.error(`timelineV1/spawnText properties not found, ${o}`);
     return;
   }
   const a = T();
-  return A(a, r), a.basic.id = z(16), a.basic.key = Se.key, a.settings.text = e, {
+  return A(a, r), a.basic.id = z(16), a.basic.key = Ie.key, a.settings.text = e, {
     nodeLite: E(a),
     nodes: {
       [a.basic.id]: a
     }
   };
 }
-const Ta = K(X), Ea = K(X), ro = {
+const Ea = K(X), Aa = K(X), ro = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7423,7 +7447,7 @@ const Ta = K(X), Ea = K(X), ro = {
           ui: "switch",
           default: !1
         },
-        Ta
+        Ea
       ]
     },
     {
@@ -7449,32 +7473,32 @@ const Ta = K(X), Ea = K(X), ro = {
           ui: "numInput",
           default: 0
         },
-        Ea
+        Aa
       ]
     }
   ]
 }, Kt = {
   key: "common_timeline_v1",
   name: "x-runtime-lib.timeline",
-  comp: cl,
+  comp: ul,
   properties: {
     pageCommon: [y, ro],
     compCommon: [y, ro]
   },
-  spawn: La
+  spawn: za
 };
-S(Kt);
+I(Kt);
 const Dt = {
   key: "common_window_item_v1",
   name: "x-runtime-lib.windowItem",
-  comp: bl,
+  comp: gl,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   }
 };
-S(Dt);
-function Aa(t, n) {
+I(Dt);
+function Ma(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`windowV1/spawn property tag not found, ${e}`);
@@ -7511,7 +7535,7 @@ function ft(t, n, e) {
   }
   const a = T();
   A(a, r), a.basic.id = z(16), a.basic.key = Dt.key;
-  const c = Ma(t, n, e);
+  const c = Ba(t, n, e);
   return {
     nodeLite: E(a, [c.nodeLite]),
     nodes: {
@@ -7520,7 +7544,7 @@ function ft(t, n, e) {
     }
   };
 }
-function Ma(t, n, e) {
+function Ba(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(
@@ -7535,7 +7559,7 @@ function Ma(t, n, e) {
   }
   const a = T();
   A(a, r), a.basic.id = z(16), a.basic.key = Ne.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";
-  const c = Ba(t, n, e);
+  const c = Wa(t, n, e);
   return {
     nodeLite: E(a, [c.nodeLite]),
     nodes: {
@@ -7544,19 +7568,19 @@ function Ma(t, n, e) {
     }
   };
 }
-function Ba(t, n, e) {
+function Wa(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const r = Se.properties[s];
+  const r = Ie.properties[s];
   if (!r) {
     console.error(`windowV1/spawnText properties not found, ${o}`);
     return;
   }
   const a = T();
-  return A(a, r), a.basic.id = z(16), a.basic.key = Se.key, a.settings.text = e, a.settings.style.xs = "h6", {
+  return A(a, r), a.basic.id = z(16), a.basic.key = Ie.key, a.settings.text = e, a.settings.style.xs = "h6", {
     nodeLite: E(a),
     nodes: {
       [a.basic.id]: a
@@ -7614,41 +7638,41 @@ const so = {
 }, Ot = {
   key: "common_window_v1",
   name: "x-runtime-lib.window",
-  comp: dl,
+  comp: fl,
   properties: {
     pageCommon: [y, so],
     compCommon: [y, so]
   },
-  spawn: Aa
+  spawn: Ma
 };
-S(Ot);
-const Wa = [
+I(Ot);
+const Ra = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], Ra = [
+], Ka = [
   { title: "x-runtime-lib.value", value: "value" },
   { title: "x-runtime-lib.category", value: "category" },
   { title: "x-runtime-lib.time", value: "time" },
   { title: "x-runtime-lib.log", value: "log" }
-], Ka = [
+], Da = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.solid", value: "solid" },
   { title: "x-runtime-lib.dashed", value: "dashed" },
   { title: "x-runtime-lib.dotted", value: "dotted" }
-], Da = [
+], Oa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], Oa = [
+], Fa = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], Fa = [
+], Na = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], Na = [
+], ja = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -7656,20 +7680,20 @@ const Wa = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], ja = [
+], Ga = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.center", value: "center" },
   { title: "x-runtime-lib.baseline", value: "baseline" },
   { title: "x-runtime-lib.stretch", value: "stretch" }
-], Ga = [
+], Ha = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.row", value: "row" },
   { title: "x-runtime-lib.rowReverse", value: "rowReverse" },
   { title: "x-runtime-lib.column", value: "column" },
   { title: "x-runtime-lib.columnReverse", value: "columnReverse" }
-], Ha = [
+], Ua = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -7677,12 +7701,12 @@ const Wa = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], Ua = [
+], Ja = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.no", value: "no" },
   { title: "x-runtime-lib.yes", value: "yes" },
   { title: "x-runtime-lib.reverse", value: "reverse" }
-], Ja = [
+], qa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -7690,24 +7714,24 @@ const Wa = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], qa = [
+], Xa = [
   { 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" }
-], Xa = [
+], Ya = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], Ya = [
+], Za = [
   { title: "x-runtime-lib.xSmall", value: "x-small" },
   { title: "x-runtime-lib.small", value: "small" },
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.large", value: "large" },
   { title: "x-runtime-lib.xLarge", value: "x-large" }
-], Za = [
+], Qa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -7715,18 +7739,18 @@ const Wa = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], Qa = [
+], ec = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.none", value: "none" },
   { title: "x-runtime-lib.overline", value: "overline" },
   { title: "x-runtime-lib.underline", value: "underline" },
   { title: "x-runtime-lib.lineThrough", value: "line-through" }
-], ec = [
+], tc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.high", value: "high" },
   { title: "x-runtime-lib.medium", value: "medium" },
   { title: "x-runtime-lib.disabled", value: "disabled" }
-], tc = [
+], nc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -7741,7 +7765,7 @@ const Wa = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], nc = [
+], oc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -7752,53 +7776,53 @@ const Wa = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], oc = [
+], ic = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], ic = [
+], rc = [
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], rc = [
+], sc = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], sc = [
+], lc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], lc = [
+], ac = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.both", value: "both" }
-], ac = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alignTabsItemsV1: Wa,
-  axisTypeItemsV1: Ra,
-  borderStyleItemsV1: Ka,
-  colorModeItemsV1: Da,
-  densityItemsV1: Oa,
-  directionItemsV1: Fa,
-  fieldVariantItemsV1: Na,
-  flexCrossAlignItemsV1: ja,
-  flexDirectionItemsV1: Ga,
-  flexMainAlignItemsV1: Ha,
-  flexWrapItemsV1: Ua,
-  fontWeightItemsV1: Ja,
-  sheetVariantItemsV1: qa,
-  showTicksItemsV1: Xa,
-  sizeItemsV1: Ya,
-  textAlignItemsV1: Za,
-  textDecorationItemsV1: Qa,
-  textEmphasisItemsV1: ec,
-  textStyleItemsV1: tc,
-  themeColorItemsV1: nc,
-  thumbLabelItemsV1: oc,
-  timelineAlignItemsV1: ic,
-  timelineDirectionItemsV1: rc,
-  timelineSideItemsV1: sc,
-  timelineTruncateLineItemsV1: lc
-}, Symbol.toStringTag, { value: "Module" })), cc = [
+  alignTabsItemsV1: Ra,
+  axisTypeItemsV1: Ka,
+  borderStyleItemsV1: Da,
+  colorModeItemsV1: Oa,
+  densityItemsV1: Fa,
+  directionItemsV1: Na,
+  fieldVariantItemsV1: ja,
+  flexCrossAlignItemsV1: Ga,
+  flexDirectionItemsV1: Ha,
+  flexMainAlignItemsV1: Ua,
+  flexWrapItemsV1: Ja,
+  fontWeightItemsV1: qa,
+  sheetVariantItemsV1: Xa,
+  showTicksItemsV1: Ya,
+  sizeItemsV1: Za,
+  textAlignItemsV1: Qa,
+  textDecorationItemsV1: ec,
+  textEmphasisItemsV1: tc,
+  textStyleItemsV1: nc,
+  themeColorItemsV1: oc,
+  thumbLabelItemsV1: ic,
+  timelineAlignItemsV1: rc,
+  timelineDirectionItemsV1: sc,
+  timelineSideItemsV1: lc,
+  timelineTruncateLineItemsV1: ac
+}, Symbol.toStringTag, { value: "Module" })), uc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7838,7 +7862,7 @@ const Wa = [
     max: 1 / 0,
     step: 1
   }
-], uc = [
+], mc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7860,7 +7884,7 @@ const Wa = [
     validator: (t) => t === "right",
     default: "right"
   }
-], mc = [
+], pc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7890,7 +7914,7 @@ const Wa = [
     precision: 6,
     default: "0%"
   }
-], pc = [
+], dc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7915,7 +7939,7 @@ const Wa = [
     min: 0,
     default: "0%"
   }
-], dc = [
+], fc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7940,7 +7964,7 @@ const Wa = [
     min: 0,
     default: "0%"
   }
-], fc = [
+], yc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7969,7 +7993,7 @@ const Wa = [
     validator: (t) => t === "end",
     default: "end"
   }
-], yc = [
+], bc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7991,16 +8015,16 @@ const Wa = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], bc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], gc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: cc,
-  leftRightTypesV1: uc,
-  marginTypesV1: mc,
-  paddingTypesV1: pc,
-  sizeTypesV1: dc,
-  tableColumnAlignTypesV1: fc,
-  topBottomTypesV1: yc
-}, Symbol.toStringTag, { value: "Module" })), gc = [
+  borderWidthTypesV1: uc,
+  leftRightTypesV1: mc,
+  marginTypesV1: pc,
+  paddingTypesV1: dc,
+  sizeTypesV1: fc,
+  tableColumnAlignTypesV1: yc,
+  topBottomTypesV1: bc
+}, Symbol.toStringTag, { value: "Module" })), hc = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -8079,7 +8103,7 @@ const Wa = [
     name: "x-runtime-lib.dynamic",
     items: ["reference_v1", "multiple_ref_v1", "render_switch_v1", "slot_v1"]
   }
-], hc = [
+], _c = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -8114,7 +8138,7 @@ const Wa = [
       "scene_keyboard_controls_v1"
     ]
   }
-], _c = [
+], vc = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -8193,7 +8217,7 @@ const Wa = [
     name: "x-runtime-lib.dynamic",
     items: ["reference_v1", "multiple_ref_v1", "render_switch_v1", "slot_v1"]
   }
-], vc = [
+], xc = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -8228,12 +8252,12 @@ const Wa = [
       "scene_keyboard_controls_v1"
     ]
   }
-], xc = {
+], kc = {
   version: "v1",
   globalityKey: "globality_v1",
   refKey: "reference_v1",
-  items: { ...ac },
-  types: { ...bc },
+  items: { ...cc },
+  types: { ...gc },
   elements: /* @__PURE__ */ new Set([
     "globality_v1",
     "multiple_ref_v1",
@@ -8305,13 +8329,13 @@ const Wa = [
     "scene_spot_light_v1"
   ]),
   groups: {
-    pageCommon: _c,
-    pageScene: vc,
-    compCommon: gc,
-    compScene: hc
+    pageCommon: vc,
+    pageScene: xc,
+    compCommon: hc,
+    compScene: _c
   }
-}, kc = {
-  v1: xc
+}, wc = {
+  v1: kc
 };
 function B(t, n) {
   if (t === "page") {
@@ -8323,7 +8347,7 @@ function B(t, n) {
     console.error(`get property tag failed type=${t} subtype=${n}`);
     return;
   }
-  return `${t}${hi(n)}`;
+  return `${t}${_i(n)}`;
 }
 function lo(t, n) {
   if (t.array)
@@ -8346,13 +8370,13 @@ function A(t, n) {
   }
   n.forEach((o) => e(t, o));
 }
-function uu(t, n, e, o, s) {
+function mu(t, n, e, o, s) {
   const r = `type=${t} subtype=${n} version=${e} ref=${o} keyOrRefId=${s}`, a = B(t, n);
   if (!a) {
     console.error(`spawnNode property tag not found, ${r}`);
     return;
   }
-  const c = kc[e];
+  const c = wc[e];
   if (!c) {
     console.error(`spawnNode pkg not found version, ${r}`);
     return;
@@ -8413,7 +8437,7 @@ function uu(t, n, e, o, s) {
     }
   }
 }
-function mu(t, n) {
+function pu(t, n) {
   function e(o) {
     if (o.id === n)
       return o;
@@ -8430,7 +8454,7 @@ function mu(t, n) {
       return s;
   }
 }
-function wc(t) {
+function Ic(t) {
   const n = {}, e = (r) => {
     const a = z(16);
     n[r.id] = a, r.id = a, r.children?.map((c) => e(c));
@@ -8442,50 +8466,50 @@ function wc(t) {
     a.basic.id = n[a.basic.id], s[a.basic.id] = a;
   }), { nodeLite: o, nodes: s };
 }
-function pu(t) {
-  return t.map((n) => wc(n));
+function du(t) {
+  return t.map((n) => Ic(n));
 }
 const To = "runtimeOrg", Eo = "runtimeEnv", Ao = "runtimeMode", Mo = "runtimeDevice", Bo = "runtimeDark", Wo = "runtimeType", Ro = "runtimeData", Ko = "runtimeDepends", Do = "runtimeRuntime", Oo = "runtimeSandbox";
-function du(t) {
+function fu(t) {
   me(To, t);
 }
 function Sc() {
   return ue(To);
 }
-function fu(t) {
+function yu(t) {
   me(Eo, t);
 }
 function $c() {
   return ue(Eo);
 }
-function yu(t) {
+function bu(t) {
   me(Ao, t);
 }
 function J() {
   return ue(Ao);
 }
-function bu(t) {
+function gu(t) {
   me(Mo, Nt(t));
 }
 function Be() {
   return ue(Mo);
 }
-function gu(t) {
+function hu(t) {
   me(Bo, Nt(t));
 }
 function Ue() {
   return ue(Bo);
 }
-function hu(t) {
+function _u(t) {
   me(Wo, t);
 }
-function he() {
+function ge() {
   return ue(Wo);
 }
-function _u(t) {
+function Fo(t) {
   me(Ro, t);
 }
-function _e() {
+function he() {
   return ue(Ro);
 }
 function vu(t) {
@@ -8497,13 +8521,13 @@ function Cc() {
 function xu(t) {
   me(Do, t);
 }
-function Ic() {
+function Vc() {
   return ue(Do);
 }
-function Vc(t) {
+function Pc(t) {
   me(Oo, t);
 }
-function ve() {
+function _e() {
   return ue(Oo, void 0);
 }
 function Re(t) {
@@ -8514,7 +8538,7 @@ function qe(t, n, e, o, s) {
   const { watchEffect: r, bind: a } = n;
   if (r[e])
     for (const c of r[e]) {
-      const u = _i(c);
+      const u = vi(c);
       t.callFunction(`__watchEffect$${u}__`);
     }
   if (a.triggers[e])
@@ -8528,14 +8552,14 @@ function qe(t, n, e, o, s) {
       for (const m of u)
         if (e === Re(m)) {
           if (m.subKeys) {
-            if (!de(
+            if (!pe(
               xe(o, m.subKeys),
               xe(s, m.subKeys)
             )) {
               p = m;
               break;
             }
-          } else if (!de(o, s)) {
+          } else if (!pe(o, s)) {
             p = m;
             break;
           }
@@ -8563,7 +8587,7 @@ function qe(t, n, e, o, s) {
             continue;
           }
           const g = xe(f, m.subKeys);
-          if (de(d, g))
+          if (pe(d, g))
             continue;
           const b = K(f);
           Gt(b, m.subKeys, K(d)), m.type === "elementProperty" ? t.setElementProperty(
@@ -8588,7 +8612,7 @@ function qe(t, n, e, o, s) {
             console.assert(!1);
             continue;
           }
-          if (de(d, f))
+          if (pe(d, f))
             continue;
           m.type === "elementProperty" ? t.setElementProperty(
             m.nodeId,
@@ -8613,7 +8637,7 @@ function ao(t) {
 function wu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Su(t) {
+function Iu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(
@@ -8630,10 +8654,10 @@ function Su(t) {
     propertyKey: s
   };
 }
-function $u(t, n, e) {
+function Su(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Cu(t) {
+function $u(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapPropertyKeyOfCustomSlot invalid compId  key=${t}`);
@@ -8642,10 +8666,10 @@ function Cu(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapPropertyKeyOfCustomSlot invalid propertyId key=${t}`), { compId: e, slotId: o, propertyId: s };
 }
-function Pc(t, n, e) {
+function Lc(t, n, e) {
   return `${t}/${n}/${e}`;
 }
-function Fo(t) {
+function No(t) {
   const n = t.split("/");
   let e = "elementMethod";
   n.length > 0 ? e = n[0] : console.error(`unwrapMethodId invalid kind id=${t}`);
@@ -8654,7 +8678,7 @@ function Fo(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapMethodId invalid methodKey id=${t}`), { kind: e, nodeId: o, methodKey: s };
 }
-function Iu(t, n, e) {
+function Cu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
 function Vu(t) {
@@ -8681,7 +8705,7 @@ function Lu(t) {
 function oe(t, n, e) {
   return `${t}/${n}/${e}`;
 }
-function Lc(t) {
+function zc(t) {
   const n = t.split("/");
   let e = "elementEvent";
   n.length > 0 ? e = n[0] : console.error(`unwrapEventId invalid kind id=${t}`);
@@ -8728,7 +8752,7 @@ function Bu(t) {
 }
 function rn(t, n) {
   const e = Cc(), o = ie(-1);
-  ye(() => {
+  fe(() => {
     const s = e.value[t];
     if (!s) {
       o.value = -1, n.value = void 0, bo.emit("compNotAvail", t);
@@ -8739,7 +8763,7 @@ function rn(t, n) {
 }
 function Wu() {
   let t;
-  const n = async () => (t = (await vi()).newRuntime(), console.log("runtime created"), t);
+  const n = async () => (t = (await xi()).newRuntime(), console.log("runtime created"), t);
   return Ge(() => {
     t && (t.dispose(), console.log("runtime dispose"));
   }), { createRuntime: n };
@@ -8779,7 +8803,7 @@ function je(t, n) {
       return t.undefined;
   }
 }
-function zc(t) {
+function Tc(t) {
   if (!t.vm) {
     console.error("bindBase invalid sandbox vm");
     return;
@@ -8817,14 +8841,14 @@ function zc(t) {
   }).consume((e) => n.setProp(n.global, "__debugTraceV1__", e)), n.newFunction("__messageV1__", (e, o) => {
     const s = n.getString(e), r = n.dump(o);
     let a = "";
-    typeof r == "object" ? a = JSON.stringify(r) : a = String(r), s === "info" ? Zo(a) : s === "success" ? Qo(a) : s === "warning" ? go(a) : s === "error" && ho(a);
+    typeof r == "object" ? a = JSON.stringify(r) : a = String(r), s === "info" ? Qo(a) : s === "success" ? ei(a) : s === "warning" ? go(a) : s === "error" && ho(a);
   }).consume((e) => n.setProp(n.global, "__messageV1__", e)), n.newFunction("__timeoutV1__", (e, o) => {
     const s = n.getNumber(e), r = n.getNumber(o);
     window.setTimeout(() => {
       if (Ee(t)) {
         var a = [];
         try {
-          const d = Ie(a, n.getProp(n.global, "__timeoutCallback__"));
+          const d = Ce(a, n.getProp(n.global, "__timeoutCallback__"));
           n.callFunction(d, n.global, n.newNumber(s));
         } catch (c) {
           var u = c, p = !0;
@@ -8840,18 +8864,18 @@ function zc(t) {
     }, o), r.settled.then(n.runtime.executePendingJobs), r.handle;
   }).consume((e) => n.setProp(n.global, "__delayV1__", e));
 }
-const No = ei({
+const jo = ti({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: n } = we;
-    ho(wi(n, t));
+    ho(Ii(n, t));
   }
 });
-window.API_URL && (No.defaults.baseURL = window.API_URL + "/computebase/");
-function Tc(t) {
-  return No.post("callFunc", t);
-}
+window.API_URL && (jo.defaults.baseURL = window.API_URL + "/computebase/");
 function Ec(t) {
+  return jo.post("callFunc", t);
+}
+function Ac(t) {
   if (!t.vm) {
     console.error("bindCompute invalid sandbox vm");
     return;
@@ -8859,7 +8883,7 @@ function Ec(t) {
   const { vm: n } = t;
   n.newFunction("__callFuncV1__", (e, o, s, r, a) => {
     const c = n.getString(e), u = n.getString(o), p = n.dump(s), d = n.getString(r), m = n.getString(a), { id: f, promise: g } = t.promiseManager.acquire(), b = JSON.stringify(p);
-    return Tc({
+    return Ec({
       spaceId: c,
       id: u,
       strInputs: b,
@@ -8874,7 +8898,7 @@ function Ec(t) {
     ), g.settled.then(n.runtime.executePendingJobs), g.handle;
   }).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
 }
-function Ac(t) {
+function Mc(t) {
   if (!t.vm) {
     console.error("bindSystem invalid sandbox vm");
     return;
@@ -8882,7 +8906,7 @@ function Ac(t) {
   const { vm: n } = t;
   n.newFunction("__getEnvV1__", () => n.getProp(n.global, "__env__")).consume((e) => n.setProp(n.global, "__getEnvV1__", e));
 }
-function Mc(t) {
+function Bc(t) {
   if (!t.vm) {
     console.error("bindView invalid sandbox vm");
     return;
@@ -8892,7 +8916,7 @@ function Mc(t) {
     {
       var c = [];
       try {
-        const j = Ie(c, n.getProp(n.global, "__triggerEventInner__"));
+        const j = Ce(c, n.getProp(n.global, "__triggerEventInner__"));
         n.callFunction(j, n.global, e, ...o);
       } catch (u) {
         var p = u, d = !0;
@@ -8900,15 +8924,15 @@ function Mc(t) {
         Ve(c, p, d);
       }
     }
-    const s = n.getString(e), { kind: r, eventKey: a } = Lc(s);
+    const s = n.getString(e), { kind: r, eventKey: a } = zc(s);
     if (r === "customEvent") {
       var V = [];
       try {
-        const j = Ie(V, n.getProp(n.global, "__triggerEventV1__"));
+        const j = Ce(V, n.getProp(n.global, "__triggerEventV1__"));
         {
           var m = [];
           try {
-            const D = Ie(m, n.newString(
+            const D = Ce(m, n.newString(
               oe("referenceEvent", t.id, a)
             ));
             n.callFunction(j, n.global, D, ...o);
@@ -8921,14 +8945,14 @@ function Mc(t) {
         {
           var v = [];
           try {
-            const D = Ie(v, n.newString(
+            const D = Ce(v, n.newString(
               oe("multipleRefEvent", t.id, a)
             ));
             n.callFunction(j, n.global, D, ...o);
           } catch (h) {
-            var x = h, C = !0;
+            var x = h, $ = !0;
           } finally {
-            Ve(v, x, C);
+            Ve(v, x, $);
           }
         }
       } catch (F) {
@@ -8962,7 +8986,7 @@ function Mc(t) {
       m && m.setCustomProperty(d, c);
     } else u === "customProperty" ? t.setCustomProperty(d, c) : u === "customSlotProperty" || (u === "adaptSlotElementProperty" || u === "adaptSlotCustomProperty" ? t.setAdaptSlotProperty(d, c) : console.assert(!1));
   }).consume((e) => n.setProp(n.global, "__setPropertyV1__", e)), n.newFunction("__callMethodV1__", (e, o, s) => {
-    const r = n.getString(e), a = n.getString(o), c = n.dump(s), { kind: u, nodeId: p, methodKey: d } = Fo(r);
+    const r = n.getString(e), a = n.getString(o), c = n.dump(s), { kind: u, nodeId: p, methodKey: d } = No(r);
     let m;
     if (u === "elementMethod")
       m = t.callElementMethod(r, c);
@@ -8996,20 +9020,20 @@ function Mc(t) {
     );
   }).consume((e) => n.setProp(n.global, "__navigateToV1__", e)), n.newFunction("__openConfirmDlgV1__", (e, o) => {
     const s = n.getString(e), r = n.getString(o), { id: a, promise: c } = t.promiseManager.acquire();
-    return ti({ title: s, text: r }).then((u) => {
+    return ni({ title: s, text: r }).then((u) => {
       Ee(t) && (u === void 0 ? c.resolve(n.undefined) : c.resolve(u ? n.true : n.false), t.promiseManager.release(a));
     }), c.settled.then(n.runtime.executePendingJobs), c.handle;
   }).consume((e) => n.setProp(n.global, "__openConfirmDlgV1__", e)), n.newFunction("__openPromptDlgV1__", (e, o, s) => {
     const r = n.getString(e), a = n.getString(o), c = n.dump(s), { id: u, promise: p } = t.promiseManager.acquire();
-    return ni({ title: r, label: a, value: c }).then((d) => {
+    return oi({ title: r, label: a, value: c }).then((d) => {
       Ee(t) && (d === void 0 ? p.resolve(n.undefined) : p.resolve(n.newString(d)), t.promiseManager.release(u));
     }), p.settled.then(n.runtime.executePendingJobs), p.handle;
   }).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
 }
-function Bc(t) {
-  zc(t), Ec(t), Ac(t), Mc(t);
+function Wc(t) {
+  Tc(t), Ac(t), Mc(t), Bc(t);
 }
-const Wc = `
+const Rc = `
 let __events__ = {}
 
 function __onEventV1__(id, callback) {
@@ -9093,7 +9117,7 @@ function __destroy__() {
   __timers__ = {}
 }
 `;
-class Rc {
+class Kc {
   vm;
   promiseId = 0;
   promises = {};
@@ -9111,7 +9135,7 @@ class Rc {
     delete this.promises[n];
   }
 }
-class Kc {
+class Dc {
   kind;
   id;
   refKey;
@@ -9121,7 +9145,7 @@ class Kc {
   env;
   mode;
   type;
-  eventBus = xi();
+  eventBus = ki();
   hooks;
   constructor(n, e, o, s, r, a, c, u, p) {
     this.kind = n, this.id = e, this.refKey = o, this.parent = s, this.org = r, this.env = a, this.mode = c, this.type = u, this.hooks = p, this.parent?.addChild(this), console.log(`Sandbox/constructor id='${this.id}'`);
@@ -9141,7 +9165,7 @@ class Kc {
   vm;
   promiseManager;
   async createVm(n, e) {
-    this.vm = n.newContext(), this.promiseManager = new Rc(this.vm), Bc(this), this.vm.evalCode(Wc), this.vm.setProp(this.vm.global, "__env__", this.vm.newString(this.env)), this.vm.evalCode(e), this.callFunction(
+    this.vm = n.newContext(), this.promiseManager = new Kc(this.vm), Wc(this), this.vm.evalCode(Rc), this.vm.setProp(this.vm.global, "__env__", this.vm.newString(this.env)), this.vm.evalCode(e), this.callFunction(
       "__triggerEventV1__",
       oe("elementEvent", "globality", "startup")
     );
@@ -9189,7 +9213,7 @@ class Kc {
       return;
     }
     const r = xe(s, e);
-    de(o, r) || (Gt(s, e, o), this.hooks?.onElementPropertyChange(
+    pe(o, r) || (Gt(s, e, o), this.hooks?.onElementPropertyChange(
       s.basic.id,
       e,
       o,
@@ -9208,7 +9232,7 @@ class Kc {
   }
   setCustomProperty(n, e) {
     const o = this.customProperties[n];
-    de(e, o) || (this.customProperties[n] = e, this.hooks?.onCustomPropertyChange(n, e, o));
+    pe(e, o) || (this.customProperties[n] = e, this.hooks?.onCustomPropertyChange(n, e, o));
   }
   //--------------------------
   // 适配的插槽属性
@@ -9222,7 +9246,7 @@ class Kc {
   }
   setAdaptSlotProperty(n, e) {
     const o = this.adaptSlotProperties[n];
-    de(e, o) || (this.adaptSlotProperties[n] = e, this.hooks?.onAdaptSlotPropertyChange(n, e, o));
+    pe(e, o) || (this.adaptSlotProperties[n] = e, this.hooks?.onAdaptSlotPropertyChange(n, e, o));
   }
   //--------------------------
   // 方法
@@ -9230,7 +9254,7 @@ class Kc {
   callElementMethod(n, e) {
     if (!ne(this.mode))
       return;
-    const { methodKey: o } = Fo(n), s = {};
+    const { methodKey: o } = No(n), s = {};
     return this.eventBus.emit(n, { key: o, inputs: e, outputs: s }), s;
   }
   callCustomMethod(n, e) {
@@ -9249,19 +9273,19 @@ class Kc {
   }
   setState(n, e) {
     const o = this.states[n];
-    de(e, o) || (this.states[n] = e, this.hooks?.onStateChange(n, e, o));
+    pe(e, o) || (this.states[n] = e, this.hooks?.onStateChange(n, e, o));
   }
 }
 function sn(t, n, e, o, s) {
-  const r = Sc(), a = $c(), c = J(), u = he(), p = Be(), d = Ue(), m = Ic(), f = (x, C, V, F) => {
+  const r = Sc(), a = $c(), c = J(), u = ge(), p = Be(), d = Ue(), m = Vc(), f = (x, $, V, F) => {
     if (ne(c) && (h.callFunction(
       "__triggerEventV1__",
-      oe("elementPropertyChangeEvent", x, C.join(".")),
+      oe("elementPropertyChangeEvent", x, $.join(".")),
       V,
       F ?? V
     ), t.value?.code.reactivity)) {
       let W = "";
-      C instanceof Array ? W = C.join(".") : W = C, qe(
+      $ instanceof Array ? W = $.join(".") : W = $, qe(
         h,
         t.value.code.reactivity,
         Re({
@@ -9273,57 +9297,57 @@ function sn(t, n, e, o, s) {
         F
       );
     }
-  }, g = (x, C, V) => {
+  }, g = (x, $, V) => {
     ne(c) && (h.callFunction(
       "__triggerEventV1__",
       oe("customPropertyChangeEvent", "globality", x),
-      C,
-      V ?? C
+      $,
+      V ?? $
     ), h.parent?.callFunction(
       "__triggerEventV1__",
       oe("referencePropertyChangeEvent", h.id, x),
-      C,
-      V ?? C
+      $,
+      V ?? $
     ), h.parent?.callFunction(
       "__triggerEventV1__",
       oe("multipleRefPropertyChangeEvent", h.id, x),
-      C,
-      V ?? C
+      $,
+      V ?? $
     ), t.value?.code.reactivity && qe(
       h,
       t.value.code.reactivity,
       Re({ type: "customProperty", propertyId: x }),
-      C,
+      $,
       V
     ));
-  }, b = (x, C, V) => {
+  }, b = (x, $, V) => {
     ne(c) && t.value?.code.reactivity && qe(
       h,
       t.value.code.reactivity,
       Re({ type: "adaptSlotProperty", propertyId: x }),
-      C,
+      $,
       V
     );
-  }, v = (x, C, V) => {
+  }, v = (x, $, V) => {
     ne(c) && (h.callFunction(
       "__triggerEventV1__",
       oe("stateChangeEvent", "globality", x),
-      C,
-      V ?? C
+      $,
+      V ?? $
     ), t.value?.code.reactivity && qe(
       h,
       t.value.code.reactivity,
       Re({ type: "state", stateId: x }),
-      C,
+      $,
       V
     ));
-  }, h = new Kc(n, e, o, s, r, a, c, u, {
+  }, h = new Dc(n, e, o, s, r, a, c, u, {
     onElementPropertyChange: f,
     onCustomPropertyChange: g,
     onAdaptSlotPropertyChange: b,
     onStateChange: v
   });
-  if (Vc(h), Ge(() => {
+  if (Pc(h), Ge(() => {
     h.dispose();
   }), ne(c)) {
     const x = async () => {
@@ -9335,8 +9359,8 @@ function sn(t, n, e, o, s) {
   }
   ne(c) && ce(
     p,
-    (x, C) => {
-      const V = Xe(x.width), F = Xe(C?.width ?? x.width);
+    (x, $) => {
+      const V = Xe(x.width), F = Xe($?.width ?? x.width);
       h.callFunction(
         "__triggerEventV1__",
         oe("elementEvent", "globality", "screenSizeChange"),
@@ -9357,135 +9381,135 @@ function sn(t, n, e, o, s) {
     { immediate: !0 }
   );
 }
-const Dc = (t, n, e) => {
+const Oc = (t, n, e) => {
   const o = t[n];
   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: " + n + (n.split("/").length !== e ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
 async function Ru(t) {
-  return (await Dc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.fcu7dx2e.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ab9hc9dj.js") }), `./locales/${t}/index.ts`, 4)).default;
+  return (await Oc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.fcu7dx2e.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ab9hc9dj.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  Xc as addIndent,
-  Pl as ambientLightV1,
-  Ul as badgeV1,
+  Yc as addIndent,
+  Ll as ambientLightV1,
+  Jl as badgeV1,
   gt as barChartV1,
   yt as boxGeometryV1,
-  So as breakpoints,
-  Xl as btnGroupV1,
-  Yl as btnToggleV1,
+  Io as breakpoints,
+  Yl as btnGroupV1,
+  Zl as btnToggleV1,
   _t as btnV1,
   Xe as calcBreakpoint,
   Fe as cardV1,
-  Ql as checkboxV1,
+  ea as checkboxV1,
   xt as chipGroupV1,
   vt as chipV1,
-  na as colorPickerV1,
-  oa as comboboxV1,
-  iu as compMetaStringify,
+  oa as colorPickerV1,
+  ia as comboboxV1,
+  ru as compMetaStringify,
   Ci as compTypes,
   kt as containerV1,
-  Zc as dataStringify,
-  ia as dataTableV1,
-  ra as datePickerV1,
-  sa as dialogV1,
-  Ll as directionalLightV1,
-  wc as duplicateNodePair,
-  pu as duplicateNodePairs,
-  eu as elementKeys,
+  Qc as dataStringify,
+  ra as dataTableV1,
+  sa as datePickerV1,
+  la as dialogV1,
+  zl as directionalLightV1,
+  Ic as duplicateNodePair,
+  du as duplicateNodePairs,
+  tu as elementKeys,
   Ke as elements,
-  Yc as ensureContext,
-  cu as fileInputV1,
+  Zc as ensureContext,
+  uu as fileInputV1,
   wt as flexLayoutEntryV1,
   Ne as flexLayoutV1,
-  Ct as formV1,
+  $t as formV1,
   z as genId,
   We as getBreakpointProp,
   xe as getField,
   un as getIndexOfBreakpoint,
-  mu as getNodeLite,
+  pu as getNodeLite,
   lo as getPropertyDefault,
   B as getPropertyTag,
-  Hl as globalityV1,
-  El as groupV1,
-  pa as iconV1,
+  Ul as globalityV1,
+  Al as groupV1,
+  da as iconV1,
   T as initNode,
   A as initProperties,
   Ue as injectDark,
-  _e as injectData,
+  he as injectData,
   Cc as injectDepends,
   Be as injectDevice,
   $c as injectEnv,
   J as injectMode,
   Sc as injectOrg,
-  Ic as injectRuntime,
-  ve as injectSandbox,
-  he as injectType,
-  $o as isCircularRef,
+  Vc as injectRuntime,
+  _e as injectSandbox,
+  ge as injectType,
+  So as isCircularRef,
   ne as isExecutableMode,
-  Pi as isLocaleOfEventKind,
-  Vi as isLocaleOfMethodKind,
-  Ii as isLocaleOfPropertyKind,
-  tu as isLocaleOfSlotKind,
+  Li as isLocaleOfEventKind,
+  Pi as isLocaleOfMethodKind,
+  Vi as isLocaleOfPropertyKind,
+  nu as isLocaleOfSlotKind,
   jt as isPercentStr,
   nt as isPixelStr,
-  vl as keyboardControlsV1,
+  xl as keyboardControlsV1,
   ht as lineChartV1,
   Ru as loadLocaleMessageRuntime,
   oe as makeEventId,
   Eu as makeEventKeyOfCustomSlot,
   zu as makeEventKeyOfElementSlot,
-  Pc as makeMethodId,
+  Lc as makeMethodId,
   Pu as makeMethodKeyOfCustomSlot,
-  Iu as makeMethodKeyOfElementSlot,
+  Cu as makeMethodKeyOfElementSlot,
   ku as makePropertyId,
-  $u as makePropertyKeyOfCustomSlot,
+  Su as makePropertyKeyOfCustomSlot,
   wu as makePropertyKeyOfElementSlot,
   Mu as makeSlotId,
   Re as makeTriggerId,
-  xl as mapControlsV1,
-  da as menuV1,
+  kl as mapControlsV1,
+  fa as menuV1,
   De as meshBasicMaterialV1,
   Oe as meshV1,
-  Bl as multipleRefV1,
-  It as numberInputV1,
-  kl as orbitControlsV1,
-  hl as orthographicCameraV1,
-  nu as pageMetaStringify,
+  Wl as multipleRefV1,
+  Ct as numberInputV1,
+  wl as orbitControlsV1,
+  _l as orthographicCameraV1,
+  ou as pageMetaStringify,
   $i as pageTypes,
-  ya as paginationV1,
-  ru as parseCompMeta,
-  Qc as parseData,
-  ou as parsePageMeta,
+  ba as paginationV1,
+  su as parseCompMeta,
+  eu as parseData,
+  iu as parsePageMeta,
   at as parsePercentStr,
-  qc as parsePixelStr,
-  _l as perspectiveCameraV1,
-  kc as pkgs,
-  zl as pointLightV1,
-  gu as provideDark,
-  _u as provideData,
+  Xc as parsePixelStr,
+  vl as perspectiveCameraV1,
+  wc as pkgs,
+  Tl as pointLightV1,
+  hu as provideDark,
+  Fo as provideData,
   vu as provideDepends,
-  bu as provideDevice,
-  fu as provideEnv,
-  yu as provideMode,
-  du as provideOrg,
+  gu as provideDevice,
+  yu as provideEnv,
+  bu as provideMode,
+  fu as provideOrg,
   xu as provideRuntime,
-  Vc as provideSandbox,
-  hu as provideType,
+  Pc as provideSandbox,
+  _u as provideType,
   Pt as radioGroupV1,
   Vt as radioV1,
-  ha as rangeSliderV1,
-  _a as ratingV1,
-  Wl as referenceV1,
-  Rl as renderSwitchV1,
+  _a as rangeSliderV1,
+  va as ratingV1,
+  Rl as referenceV1,
+  Kl as renderSwitchV1,
   Si as reverseBreakpoints,
-  va as selectV1,
+  xa as selectV1,
   Gt as setField,
-  xa as sliderV1,
-  uu as spawnNode,
+  ka as sliderV1,
+  mu as spawnNode,
   bt as sphereGeometryV1,
-  Tl as spotLightV1,
+  El as spotLightV1,
   Lt as stepperHeaderV1,
   zt as stepperItemV1,
   At as stepperV1,
@@ -9494,25 +9518,25 @@ export {
   Ca as switchV1,
   Mt as tabV1,
   Bt as tabsV1,
-  $t as textFieldV1,
-  Se as textV1,
+  St as textFieldV1,
+  Ie as textV1,
   Wt as textareaV1,
   Rt as timelineItemV1,
   Kt as timelineV1,
-  au as toEventName,
-  lu as toMethodName,
+  cu as toEventName,
+  au as toMethodName,
   E as toNodeLite,
-  su as toPropertyName,
+  lu as toPropertyName,
   qe as triggerReactivity,
-  Lc as unwrapEventId,
+  zc as unwrapEventId,
   Au as unwrapEventKeyOfCustomSlot,
   Tu as unwrapEventKeyOfElementSlot,
-  Fo as unwrapMethodId,
+  No as unwrapMethodId,
   Lu as unwrapMethodKeyOfCustomSlot,
   Vu as unwrapMethodKeyOfElementSlot,
   ao as unwrapPropertyId,
-  Cu as unwrapPropertyKeyOfCustomSlot,
-  Su as unwrapPropertyKeyOfElementSlot,
+  $u as unwrapPropertyKeyOfCustomSlot,
+  Iu as unwrapPropertyKeyOfElementSlot,
   Bu as unwrapSlotId,
   rn as useDepend,
   Wu as useRuntime,