x-runtime-lib 0.8.112 → 0.8.114

package/dist/index.js

@@ -29,12 +29,12 @@ var Ce = (t, n, e) => {
   };
   return r();
 };
-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 Uo, onBeforeMount as Jo, onUnmounted as Ge, ref as ie, watchEffect as fe, watch as ce, createBlock as S, withCtx as I, createCommentVNode as le, useTemplateRef as uo, onMounted as mo, nextTick as po, useAttrs as qo, h as xe, resolveComponent as M, createVNode as O, isRef as Z, createSlots as Ft, renderList as Xo, useId as fo, withModifiers as Yo, normalizeClass as Zo, toDisplayString as Qo, inject as ue, provide as me, readonly as Nt } from "vue";
-import { globalObjects as we, waitUtil as yo, useViewStack as bo, eventBus as go, messageInfo as ei, messageSuccess as ti, messageWarning as ho, messageError as _o, createAxios as ni, openConfirmDlg as oi, openPromptDlg as ii } from "x-essential-lib";
-import { CameraHelper as vo, DirectionalLightHelper as ri, PointLightHelper as si, SpotLightHelper as li } from "three";
-import { c as K, i as pe, a as He, K as ai, M as ci, O as ui, u as mi, r as xo, e as ko, b as pi, d as di, f as fi, g as yi, h as bi, j as gi, k as hi, l as _i, m as wo, n as vi, o as xi, p as ki, q as wi } from "./vendor.nccqfajx.js";
-import { useTheme as Ii } from "vuetify";
-import { getErrorMessage as Si } 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 Jo, onBeforeMount as qo, onUnmounted as Ge, ref as ie, watchEffect as fe, watch as ce, createBlock as S, withCtx as I, createCommentVNode as le, useTemplateRef as uo, onMounted as mo, nextTick as po, useAttrs as Xo, h as xe, resolveComponent as M, createVNode as O, isRef as Z, createSlots as Ft, renderList as Yo, useId as fo, withModifiers as Zo, normalizeClass as Qo, toDisplayString as ei, inject as ue, provide as me, readonly as Nt } from "vue";
+import { globalObjects as we, waitUtil as yo, useViewStack as bo, eventBus as go, messageInfo as ti, messageSuccess as ni, messageWarning as ho, messageError as _o, createAxios as oi, openConfirmDlg as ii, openPromptDlg as ri } from "x-essential-lib";
+import { CameraHelper as vo, DirectionalLightHelper as si, PointLightHelper as li, SpotLightHelper as ai } from "three";
+import { c as K, i as pe, a as He, K as ci, M as ui, O as mi, u as pi, r as xo, e as ko, b as di, d as fi, f as yi, g as bi, h as gi, j as hi, k as _i, l as vi, m as wo, n as xi, o as ki, p as wi, q as Ii } from "./vendor.nccqfajx.js";
+import { useTheme as Si } from "vuetify";
+import { getErrorMessage as $i } from "x-error-lib";
 import { useI18n as Io } 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 Zc(t) {
+function Qc(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const n = t.substring(0, t.length - 2), e = parseFloat(n);
@@ -71,7 +71,7 @@ function at(t) {
   if (!isNaN(e))
     return e;
 }
-const So = ["xs", "sm", "md", "lg", "xl"], $i = [...So].reverse();
+const So = ["xs", "sm", "md", "lg", "xl"], Ci = [...So].reverse();
 function Xe(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
@@ -80,7 +80,7 @@ function un(t) {
 }
 function We(t, n) {
   let e;
-  for (const o of $i) {
+  for (const o of Ci) {
     if (un(o) < un(t))
       break;
     n[o] && (e = n[o]);
@@ -115,16 +115,19 @@ function Gt(t, n, e) {
   const r = s[s.length - 1];
   o[r] = e;
 }
-function Qc(t, n = 2) {
+function eu(t, n = 2) {
   const e = " ".repeat(n);
   return t.split(`
 `).map((r) => r.trim() === "" ? r : e + r).join(`
 `);
 }
+function $o(t) {
+  return t.startsWith("reference_v") || t.startsWith("multiple_ref_v") || t.startsWith("slot_v");
+}
 function ne(t) {
   return t === "runtime" || t === "preview";
 }
-function eu(t, n, e, o, s) {
+function tu(t, n, e, o, s) {
   let r = t;
   for (let c = 0; c < n.length; c++)
     if (r = r.children[n[c]], !r) {
@@ -158,8 +161,8 @@ function E(t, n) {
     children: n
   };
 }
-const Ci = ["common", "scene"], Vi = ["common", "scene"];
-function tu({ type: t, version: n, view: e, code: o }) {
+const Vi = ["common", "scene"], Pi = ["common", "scene"];
+function nu({ 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 +183,7 @@ function tu({ type: t, version: n, view: e, code: o }) {
   };
   return JSON.stringify(a);
 }
-function nu(t) {
+function ou(t) {
   const n = JSON.parse(t), e = (o, s) => {
     o.key = s.basic.key, o.alias = s.basic.alias, o.refId = s.reference?.comp, o.children?.forEach((r) => {
       e(r, n.view.nodes[r.id]);
@@ -190,7 +193,7 @@ function nu(t) {
     e(o, n.view.nodes[o.id]);
   }), n;
 }
-const ou = [
+const iu = [
   "globality_v1",
   "multiple_ref_v1",
   "reference_v1",
@@ -260,7 +263,7 @@ const ou = [
   "scene_sphere_geometry_v1",
   "scene_spot_light_v1"
 ];
-function Pi(t) {
+function Li(t) {
   switch (t) {
     case "referenceProperty":
     case "multipleRefProperty":
@@ -271,7 +274,7 @@ function Pi(t) {
   }
   return !0;
 }
-function Li(t) {
+function zi(t) {
   switch (t) {
     case "referenceMethod":
     case "multipleRefMethod":
@@ -282,7 +285,7 @@ function Li(t) {
   }
   return !0;
 }
-function zi(t) {
+function Ti(t) {
   switch (t) {
     case "referenceEvent":
     case "multipleRefEvent":
@@ -299,26 +302,26 @@ function zi(t) {
   }
   return !0;
 }
-function iu(t) {
+function ru(t) {
   switch (t) {
     case "customSlot":
       return !1;
   }
   return !0;
 }
-function ru(t) {
+function su(t) {
   return JSON.stringify(t);
 }
-function su(t) {
+function lu(t) {
   return JSON.parse(t);
 }
-function lu(t) {
+function au(t) {
   return JSON.stringify(t);
 }
-function au(t) {
+function cu(t) {
   return JSON.parse(t);
 }
-function $o(t) {
+function Co(t) {
   let n = t;
   for (; n; ) {
     if (n.parent && n.compId === n.parent.compId)
@@ -334,24 +337,24 @@ function Ht(t, n, e) {
     a > 0 && (s += " - "), e ? s += o.global.t(r) : s += r;
   }), s;
 }
-function cu(t, n) {
+function uu(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, Pi(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, Li(t));
 }
-function uu(t, n) {
+function mu(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, Li(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, zi(t));
 }
-function mu(t, n) {
+function pu(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, zi(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, Ti(t));
 }
 const Ke = {}, w = (t) => {
   Ke[t.key] = t;
-}, Ti = ["position", "rotation", "scale"], Se = /* @__PURE__ */ C({
+}, Ei = ["position", "rotation", "scale"], Se = /* @__PURE__ */ C({
   __name: "index",
   props: {
     position: {},
@@ -370,7 +373,7 @@ const Ke = {}, w = (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, Ti)) : R(e.$slots, "default", { key: 1 });
+    ], 8, Ei)) : R(e.$slots, "default", { key: 1 });
   }
 }), N = /* @__PURE__ */ C({
   __name: "index",
@@ -404,21 +407,21 @@ const Ke = {}, w = (t) => {
   }
 });
 function P(t) {
-  const n = _e(), e = Uo(n.value.view.nodes, t.nodeId);
+  const n = _e(), e = Jo(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();
   if (o) {
-    const s = k(() => Tc("elementMethod", t.nodeId, n));
-    Jo(() => {
+    const s = k(() => Ec("elementMethod", t.nodeId, n));
+    qo(() => {
       o.eventBus?.on(s.value, e);
     }), Ge(() => {
       o.eventBus?.off(s.value, e);
     });
   }
 }
-const Ei = (t, n, e, o) => {
+const Ai = (t, n, e, o) => {
   let s;
   if (t ? s = t.getElementProperty(n.basic.id, e) : s = ke(n, e), o) {
     if (typeof s == "string")
@@ -427,16 +430,16 @@ const Ei = (t, n, e, o) => {
     return;
   } else
     return s;
-}, Ai = (t, n, e, o, s) => {
+}, Mi = (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 fe(() => {
-    s.value = Ei(o, t.value, n, e);
+    s.value = Ai(o, t.value, n, e);
   }), ce(s, (r, a) => {
-    pe(r, a) || Ai(o, t.value, n, s.value, e);
+    pe(r, a) || Mi(o, t.value, n, s.value, e);
   }), { property: s };
 }
 function G() {
@@ -483,7 +486,7 @@ function be(t) {
     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 Vo(t) {
   const n = k(() => t.value.legend?.show), e = k(() => t.value.legend?.data);
   function o(s) {
     s.legend = {
@@ -493,14 +496,14 @@ function Co(t) {
   }
   return { show: n, data: e, applyLegend: o };
 }
-function Vo(t) {
+function Po(t) {
   const n = k(() => t.value.series);
   function e(o) {
     o.series = n.value;
   }
   return { series: n, applySeries: e };
 }
-function Po(t) {
+function Lo(t) {
   const n = k(() => t.value.title?.show), e = k(() => t.value.title?.text), o = k(() => t.value.title?.subtext);
   function s(r) {
     r.title = {
@@ -511,7 +514,7 @@ function Po(t) {
   }
   return { show: n, text: e, subtext: o, applyTitle: s };
 }
-function Lo(t) {
+function zo(t) {
   const n = k(() => t.value.xAxis?.show), e = k(() => t.value.xAxis?.position), o = k(() => t.value.xAxis?.type), s = k(() => t.value.xAxis?.data);
   function r(a) {
     a.xAxis = {
@@ -523,7 +526,7 @@ function Lo(t) {
   }
   return { show: n, position: e, type: o, data: s, applyXAxis: r };
 }
-function zo(t) {
+function To(t) {
   const n = k(() => t.value.yAxis?.show), e = k(() => t.value.yAxis?.position), o = k(() => t.value.yAxis?.type), s = k(() => t.value.yAxis?.data);
   function r(a) {
     a.yAxis = {
@@ -536,7 +539,7 @@ function zo(t) {
   return { show: n, position: e, type: o, data: s, applyYAxis: r };
 }
 function q(t) {
-  const { computedThemes: n } = Ii(), e = Ue(), o = k(() => t.value?.mode), s = k(() => {
+  const { computedThemes: n } = Si(), 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(() => {
@@ -597,7 +600,7 @@ function ge(t, n) {
   }
   return { width: s, minWidth: r, maxWidth: a, height: c, minHeight: u, maxHeight: p, applySize: d };
 }
-const Mi = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Bi = /* @__PURE__ */ C({
+const Bi = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Wi = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -628,12 +631,12 @@ const Mi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             type: i(vo)
           }, null, 8, ["type"])) : le("", !0),
           R(g.$slots, "default")
-        ], 8, Mi)
+        ], 8, Bi)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Wi = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Ri = /* @__PURE__ */ C({
+}), Ri = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Ki = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -662,17 +665,11 @@ const Mi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             type: i(vo)
           }, null, 8, ["type"])) : le("", !0),
           R(m.$slots, "default")
-        ], 8, Wi)
+        ], 8, Ri)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ki = /* @__PURE__ */ C({
-  __name: "index",
-  setup(t) {
-    const n = J();
-    return (e, o) => i(n) !== "editor" ? (_(), S(i(ai), { key: 0 })) : le("", !0);
-  }
 }), Di = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
@@ -685,7 +682,13 @@ const Mi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     const n = J();
     return (e, o) => i(n) !== "editor" ? (_(), S(i(ui), { key: 0 })) : le("", !0);
   }
-}), Fi = ["args"], Ni = /* @__PURE__ */ C({
+}), Fi = /* @__PURE__ */ C({
+  __name: "index",
+  setup(t) {
+    const n = J();
+    return (e, o) => i(n) !== "editor" ? (_(), S(i(mi), { key: 0 })) : le("", !0);
+  }
+}), Ni = ["args"], ji = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -712,14 +715,14 @@ const Mi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         i(a),
         i(s)
       ]
-    }, null, 8, Fi));
+    }, null, 8, Ni));
   }
 }), Ae = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [o, s] of n)
     e[o] = s;
   return e;
-}, ji = ["args"], Gi = /* @__PURE__ */ C({
+}, Gi = ["args"], Hi = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -756,9 +759,9 @@ const Mi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         i(u),
         i(c)
       ]
-    }, null, 8, ji));
+    }, null, 8, Gi));
   }
-}), Hi = ["color", "intensity", "position", "rotation", "scale"], Ui = /* @__PURE__ */ C({
+}), Ui = ["color", "intensity", "position", "rotation", "scale"], Ji = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -784,12 +787,12 @@ const Mi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
           R(d.$slots, "default")
-        ], 8, Hi)
+        ], 8, Ui)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ji = ["color", "intensity", "position", "rotation", "scale"], qi = /* @__PURE__ */ C({
+}), qi = ["color", "intensity", "position", "rotation", "scale"], Xi = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -816,15 +819,15 @@ const Mi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
-            type: i(ri)
+            type: i(si)
           }, null, 8, ["type"])) : le("", !0),
           R(d.$slots, "default")
-        ], 8, Ji)
+        ], 8, qi)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Xi = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Yi = /* @__PURE__ */ C({
+}), Yi = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Zi = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -856,15 +859,15 @@ const Mi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
-            type: i(si)
+            type: i(li)
           }, null, 8, ["type"])) : le("", !0),
           R(f.$slots, "default")
-        ], 8, Xi)
+        ], 8, Yi)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Zi = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Qi = /* @__PURE__ */ C({
+}), Qi = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], er = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -901,19 +904,19 @@ const Mi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
-            type: i(li)
+            type: i(ai)
           }, null, 8, ["type"])) : le("", !0),
           R(b.$slots, "default")
-        ], 8, Zi)
+        ], 8, Qi)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), er = {};
-function tr(t, n) {
+}), tr = {};
+function nr(t, n) {
   return _(), se("TresMeshBasicMaterial");
 }
-const nr = /* @__PURE__ */ Ae(er, [["render", tr]]), or = ["position", "rotation", "scale"], ir = /* @__PURE__ */ C({
+const or = /* @__PURE__ */ Ae(tr, [["render", nr]]), ir = ["position", "rotation", "scale"], rr = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -934,12 +937,12 @@ const nr = /* @__PURE__ */ Ae(er, [["render", tr]]), or = ["position", "rotation
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
           R(c.$slots, "default")
-        ], 8, or)
+        ], 8, ir)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), rr = ["position", "rotation", "scale"], sr = /* @__PURE__ */ C({
+}), sr = ["position", "rotation", "scale"], lr = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -954,82 +957,82 @@ const nr = /* @__PURE__ */ Ae(er, [["render", tr]]), or = ["position", "rotation
       scale: i(r)
     }, [
       R(a.$slots, "default")
-    ], 8, rr));
-  }
-}), lr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], ar = "#242424", cr = {}, ur = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, mr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, pr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, dr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#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: { borderWidth: 0, borderColor: "#ccc" } }, xr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, kr = { 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" } }, 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 = { 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)" } } }, 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 = { 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"] } } }, Pr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Lr = { textStyle: { color: "#eeeeee" } }, zr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Tr = { 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" } } }, Er = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ar = { 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" } }, Mr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Br = {
-  color: lr,
-  backgroundColor: ar,
-  textStyle: cr,
-  title: ur,
-  line: mr,
-  radar: pr,
-  bar: dr,
-  pie: fr,
-  scatter: yr,
-  boxplot: br,
-  parallel: gr,
-  sankey: hr,
-  funnel: _r,
-  gauge: vr,
-  candlestick: xr,
-  graph: kr,
-  map: wr,
-  geo: Ir,
-  categoryAxis: Sr,
-  valueAxis: $r,
-  logAxis: Cr,
-  timeAxis: Vr,
-  toolbox: Pr,
-  legend: Lr,
-  tooltip: zr,
-  timeline: Tr,
-  visualMap: Er,
-  dataZoom: Ar,
-  markPoint: Mr
-}, Wr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Rr = "#f5f5f5", Kr = {}, Dr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Or = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Fr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Nr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#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: { borderWidth: 0, borderColor: "#ccc" } }, Yr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, 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 = { 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)" } } }, 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 = { 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"] } } }, rs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ss = { textStyle: { color: "#333333" } }, ls = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, as = { 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" } } }, cs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, us = { 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" } }, ms = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, ps = {
-  color: Wr,
-  backgroundColor: Rr,
-  textStyle: Kr,
-  title: Dr,
-  line: Or,
-  radar: Fr,
-  bar: Nr,
-  pie: jr,
-  scatter: Gr,
-  boxplot: Hr,
-  parallel: Ur,
-  sankey: Jr,
-  funnel: qr,
-  gauge: Xr,
-  candlestick: Yr,
-  graph: Zr,
-  map: Qr,
-  geo: es,
-  categoryAxis: ts,
-  valueAxis: ns,
-  logAxis: os,
-  timeAxis: is,
-  toolbox: rs,
-  legend: ss,
-  tooltip: ls,
-  timeline: as,
-  visualMap: cs,
-  dataZoom: us,
-  markPoint: ms
+    ], 8, sr));
+  }
+}), ar = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], cr = "#242424", ur = {}, mr = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, pr = { 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 }, fr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#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: { borderWidth: 0, borderColor: "#ccc" } }, xr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, kr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, wr = { 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" } }, Ir = { 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)" } } }, Sr = { 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)" } } }, $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 = { 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"] } } }, Pr = { 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"] } } }, Lr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, zr = { textStyle: { color: "#eeeeee" } }, Tr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Er = { 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" } } }, Ar = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Mr = { 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" } }, Br = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Wr = {
+  color: ar,
+  backgroundColor: cr,
+  textStyle: ur,
+  title: mr,
+  line: pr,
+  radar: dr,
+  bar: fr,
+  pie: yr,
+  scatter: br,
+  boxplot: gr,
+  parallel: hr,
+  sankey: _r,
+  funnel: vr,
+  gauge: xr,
+  candlestick: kr,
+  graph: wr,
+  map: Ir,
+  geo: Sr,
+  categoryAxis: $r,
+  valueAxis: Cr,
+  logAxis: Vr,
+  timeAxis: Pr,
+  toolbox: Lr,
+  legend: zr,
+  tooltip: Tr,
+  timeline: Er,
+  visualMap: Ar,
+  dataZoom: Mr,
+  markPoint: Br
+}, Rr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Kr = "#f5f5f5", Dr = {}, Or = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Fr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Nr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, jr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#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: { borderWidth: 0, borderColor: "#ccc" } }, Yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Qr = { 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" } }, es = { 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)" } } }, ts = { 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)" } } }, 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 = { 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"] } } }, rs = { 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"] } } }, ss = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ls = { textStyle: { color: "#333333" } }, as = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, cs = { 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" } } }, us = { color: ["#bf444c", "#d88273", "#f6efa6"] }, ms = { 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" } }, ps = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, ds = {
+  color: Rr,
+  backgroundColor: Kr,
+  textStyle: Dr,
+  title: Or,
+  line: Fr,
+  radar: Nr,
+  bar: jr,
+  pie: Gr,
+  scatter: Hr,
+  boxplot: Ur,
+  parallel: Jr,
+  sankey: qr,
+  funnel: Xr,
+  gauge: Yr,
+  candlestick: Zr,
+  graph: Qr,
+  map: es,
+  geo: ts,
+  categoryAxis: ns,
+  valueAxis: os,
+  logAxis: is,
+  timeAxis: rs,
+  toolbox: ss,
+  legend: ls,
+  tooltip: as,
+  timeline: cs,
+  visualMap: us,
+  dataZoom: ms,
+  markPoint: ps
 };
-mi([
-  pi,
+pi([
   di,
   fi,
   yi,
   bi,
   gi,
   hi,
-  _i
+  _i,
+  vi
 ]);
-xo("dark", Br);
-xo("light", ps);
-const ds = /* @__PURE__ */ C({
+xo("dark", Wr);
+xo("light", ds);
+const fs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1037,7 +1040,7 @@ const ds = /* @__PURE__ */ C({
     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 } = Po(e), { applyXAxis: v } = Lo(e), { applyYAxis: h } = zo(e), { applyLegend: x } = Co(e), { applySeries: $ } = Vo(e), V = k(() => {
+    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 } = Lo(e), { applyXAxis: v } = zo(e), { applyYAxis: h } = To(e), { applyLegend: x } = Vo(e), { applySeries: $ } = Po(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 = uo("chart");
@@ -1088,7 +1091,7 @@ const ds = /* @__PURE__ */ C({
       _: 1
     }));
   }
-}), fs = /* @__PURE__ */ C({
+}), ys = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1096,7 +1099,7 @@ const ds = /* @__PURE__ */ C({
     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 } = Po(e), { applyXAxis: v } = Lo(e), { applyYAxis: h } = zo(e), { applyLegend: x } = Co(e), { applySeries: $ } = Vo(e), V = k(() => {
+    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 } = Lo(e), { applyXAxis: v } = zo(e), { applyYAxis: h } = To(e), { applyLegend: x } = Vo(e), { applySeries: $ } = Po(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 = uo("chart");
@@ -1147,7 +1150,7 @@ const ds = /* @__PURE__ */ C({
       _: 1
     }));
   }
-}), ys = /* @__PURE__ */ C({
+}), bs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1156,9 +1159,9 @@ const ds = /* @__PURE__ */ C({
   },
   setup(t) {
     const n = t, e = ie(), o = J();
-    return ne(o) && sn(e, "multipleRef", n.nodeId, "", ve()), rn(n.refContext?.compId, e), (s, r) => (_(), se("div"));
+    return rn(n, e), ne(o) && sn(e, "multipleRef", n.nodeId, "", ve()), (s, r) => (_(), se("div"));
   }
-}), bs = /* @__PURE__ */ C({
+}), gs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1167,10 +1170,10 @@ const ds = /* @__PURE__ */ C({
   },
   setup(t) {
     const { t: n } = Io(), e = t, { node: o } = P(e), s = ie();
-    No(s);
+    jo(s);
     const r = J();
-    ne(r) && sn(s, "reference", e.nodeId, "", ve()), rn(e.refContext?.compId, s);
-    const a = qo(), { applySize: c } = ge(e, o), u = k(() => {
+    rn(e, s), ne(r) && sn(s, "reference", e.nodeId, "", ve());
+    const a = Xo(), { applySize: c } = ge(e, o), u = k(() => {
       const m = {};
       return s.value?.type === "common" && c(m), m;
     });
@@ -1181,7 +1184,7 @@ const ds = /* @__PURE__ */ C({
       const g = {
         nodeId: m.id
       };
-      return m.refId && (g.refContext = {
+      return $o(m.key) && (g.refContext = {
         parent: e.refContext,
         compId: m.refId
       }), xe(
@@ -1199,7 +1202,7 @@ const ds = /* @__PURE__ */ C({
       );
     }
     const d = () => {
-      if ($o(e.refContext))
+      if (Co(e.refContext))
         return xe("div", n("x-runtime-lib.circularRef"));
       if (s.value?.type === "common")
         return xe(
@@ -1215,7 +1218,7 @@ const ds = /* @__PURE__ */ C({
     };
     return (m, f) => (_(), S(d));
   }
-}), gs = /* @__PURE__ */ C({
+}), hs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1240,9 +1243,9 @@ const ds = /* @__PURE__ */ C({
   },
   setup(t) {
     const { t: n } = Io(), e = t, o = ie();
-    No(o);
+    jo(o);
     const s = J();
-    ne(s) && sn(o, "slot", e.nodeId, "", ve()), rn(e.refContext?.compId, o);
+    rn(e, o), ne(s) && sn(o, "slot", e.nodeId, "", ve());
     function r(c) {
       const u = Ke[c.key];
       if (!u)
@@ -1250,7 +1253,7 @@ const ds = /* @__PURE__ */ C({
       const p = {
         nodeId: c.id
       };
-      return c.refId && (p.refContext = {
+      return $o(c.key) && (p.refContext = {
         parent: e.refContext,
         compId: c.refId
       }), xe(
@@ -1267,10 +1270,10 @@ const ds = /* @__PURE__ */ C({
         }
       );
     }
-    const a = () => $o(e.refContext) ? xe("div", n("x-runtime-lib.circularRef")) : o.value?.view.nodeLites.map((c) => r(c));
+    const a = () => Co(e.refContext) ? xe("div", n("x-runtime-lib.circularRef")) : o.value?.view.nodeLites.map((c) => r(c));
     return (c, u) => (_(), S(a));
   }
-}), hs = /* @__PURE__ */ C({
+}), _s = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1308,7 +1311,7 @@ const ds = /* @__PURE__ */ C({
       });
     };
   }
-}), _s = /* @__PURE__ */ C({
+}), vs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1371,8 +1374,8 @@ const ds = /* @__PURE__ */ C({
       }, 8, ["block"]);
     };
   }
-}), vs = {};
-function xs(t, n) {
+}), xs = {};
+function ks(t, n) {
   const e = M("v-btn-group");
   return _(), S(e, null, {
     default: I(() => [
@@ -1381,7 +1384,7 @@ function xs(t, n) {
     _: 3
   });
 }
-const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
+const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1424,7 +1427,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), Is = /* @__PURE__ */ C({
+}), Ss = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1470,7 +1473,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), Ss = /* @__PURE__ */ C({
+}), $s = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1498,7 +1501,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), $s = /* @__PURE__ */ C({
+}), Cs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1540,7 +1543,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), Cs = /* @__PURE__ */ C({
+}), Vs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1585,7 +1588,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), Vs = /* @__PURE__ */ C({
+}), Ps = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1638,7 +1641,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), Ps = /* @__PURE__ */ C({
+}), Ls = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1678,7 +1681,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), Ls = /* @__PURE__ */ C({
+}), zs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1704,7 +1707,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       _: 3
     }));
   }
-}), zs = /* @__PURE__ */ C({
+}), Ts = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1744,7 +1747,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
             theme: i(f),
             width: i(g)
           }, Ft({ _: 2 }, [
-            Xo(b.value, ($) => ({
+            Yo(b.value, ($) => ({
               name: `item.${$.column}`,
               fn: I(({ value: V }) => [
                 O(i(ye), {
@@ -1760,7 +1763,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), Ts = /* @__PURE__ */ C({
+}), Es = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
     return (n, e) => {
@@ -1773,7 +1776,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), Es = ["id"], As = /* @__PURE__ */ C({
+}), As = ["id"], Ms = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1797,7 +1800,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
           i(e) === "editor" ? (_(), se("div", {
             key: 0,
             id: `__node__@${n.nodeId}`
-          }, null, 8, Es)) : le("", !0)
+          }, null, 8, As)) : le("", !0)
         ]),
         default: I(() => [
           R(s.$slots, "default")
@@ -1806,7 +1809,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       }, 8, ["modelValue"]);
     };
   }
-}), Ms = /* @__PURE__ */ C({
+}), Bs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1851,7 +1854,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), Bs = /* @__PURE__ */ C({
+}), Ws = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1882,7 +1885,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       R(b.$slots, "default")
     ], 4));
   }
-}), Ws = /* @__PURE__ */ C({
+}), Rs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1900,7 +1903,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       R(p.$slots, "default")
     ], 4));
   }
-}), Rs = /* @__PURE__ */ C({
+}), Ks = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1930,7 +1933,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
         "onUpdate:modelValue": x[0] || (x[0] = (V) => Z(a) ? a.value = V : null),
         "fast-fail": i(c),
         style: re(b.value),
-        onSubmit: Yo(v, ["prevent"])
+        onSubmit: Zo(v, ["prevent"])
       }, {
         default: I(() => [
           R(h.$slots, "default")
@@ -1939,7 +1942,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), Ks = /* @__PURE__ */ C({
+}), Ds = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1962,7 +1965,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), Ds = ["id"], Os = /* @__PURE__ */ C({
+}), Os = ["id"], Fs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1992,7 +1995,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
           i(e) === "editor" ? (_(), se("div", {
             key: 0,
             id: `__node__@${n.nodeId}`
-          }, null, 8, Ds)) : le("", !0)
+          }, null, 8, Os)) : le("", !0)
         ]),
         default: I(() => [
           R(u.$slots, "default")
@@ -2001,7 +2004,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Fs = /* @__PURE__ */ C({
+}), Ns = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2080,7 +2083,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), Ns = /* @__PURE__ */ C({
+}), js = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2121,7 +2124,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), js = /* @__PURE__ */ C({
+}), Gs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2149,7 +2152,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), Gs = /* @__PURE__ */ C({
+}), Hs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2191,7 +2194,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), Hs = /* @__PURE__ */ C({
+}), Us = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2283,7 +2286,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), Us = /* @__PURE__ */ C({
+}), Js = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2325,7 +2328,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), Js = /* @__PURE__ */ C({
+}), qs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2365,7 +2368,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), qs = /* @__PURE__ */ C({
+}), Xs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2428,7 +2431,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
         default: I(() => [
           O(lt, {
             modelValue: i(ee),
-            "onUpdate:modelValue": Je[0] || (Je[0] = (Ho) => Z(ee) ? ee.value = Ho : null),
+            "onUpdate:modelValue": Je[0] || (Je[0] = (Uo) => Z(ee) ? ee.value = Uo : null),
             color: i(s),
             direction: i(r),
             disabled: i(a),
@@ -2476,7 +2479,7 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       });
     };
   }
-}), Xs = /* @__PURE__ */ C({
+}), Ys = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2503,8 +2506,8 @@ const ks = /* @__PURE__ */ Ae(vs, [["render", xs]]), ws = /* @__PURE__ */ C({
       }, 8, ["modelValue", "hide-actions", "theme"]);
     };
   }
-}), Ys = {};
-function Zs(t, n) {
+}), Zs = {};
+function Qs(t, n) {
   const e = M("v-stepper-header");
   return _(), S(e, null, {
     default: I(() => [
@@ -2513,7 +2516,7 @@ function Zs(t, n) {
     _: 3
   });
 }
-const Qs = /* @__PURE__ */ Ae(Ys, [["render", Zs]]), el = /* @__PURE__ */ C({
+const el = /* @__PURE__ */ Ae(Zs, [["render", Qs]]), tl = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2532,8 +2535,8 @@ const Qs = /* @__PURE__ */ Ae(Ys, [["render", Zs]]), el = /* @__PURE__ */ C({
       }, 8, ["value"]);
     };
   }
-}), tl = {};
-function nl(t, n) {
+}), nl = {};
+function ol(t, n) {
   const e = M("v-stepper-window");
   return _(), S(e, null, {
     default: I(() => [
@@ -2542,7 +2545,7 @@ function nl(t, n) {
     _: 3
   });
 }
-const ol = /* @__PURE__ */ Ae(tl, [["render", nl]]), il = /* @__PURE__ */ C({
+const il = /* @__PURE__ */ Ae(nl, [["render", ol]]), rl = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2561,7 +2564,7 @@ const ol = /* @__PURE__ */ Ae(tl, [["render", nl]]), il = /* @__PURE__ */ C({
       }, 8, ["value"]);
     };
   }
-}), rl = /* @__PURE__ */ C({
+}), sl = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2605,7 +2608,7 @@ const ol = /* @__PURE__ */ Ae(tl, [["render", nl]]), il = /* @__PURE__ */ C({
       });
     };
   }
-}), sl = /* @__PURE__ */ C({
+}), ll = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2632,7 +2635,7 @@ const ol = /* @__PURE__ */ Ae(tl, [["render", nl]]), il = /* @__PURE__ */ C({
       });
     };
   }
-}), ll = /* @__PURE__ */ C({
+}), al = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2711,7 +2714,7 @@ const ol = /* @__PURE__ */ Ae(tl, [["render", nl]]), il = /* @__PURE__ */ C({
       });
     };
   }
-}), al = /* @__PURE__ */ C({
+}), cl = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2732,13 +2735,13 @@ const ol = /* @__PURE__ */ Ae(tl, [["render", nl]]), il = /* @__PURE__ */ C({
     return (m, f) => (_(), S(i(N), null, {
       default: I(() => [
         te("span", {
-          class: Zo(d.value)
-        }, Qo(i(u)), 3)
+          class: Qo(d.value)
+        }, ei(i(u)), 3)
       ]),
       _: 1
     }));
   }
-}), cl = /* @__PURE__ */ C({
+}), ul = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2792,7 +2795,7 @@ const ol = /* @__PURE__ */ Ae(tl, [["render", nl]]), il = /* @__PURE__ */ C({
       });
     };
   }
-}), ul = /* @__PURE__ */ C({
+}), ml = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2917,7 +2920,7 @@ const ol = /* @__PURE__ */ Ae(tl, [["render", nl]]), il = /* @__PURE__ */ C({
       });
     };
   }
-}), ml = /* @__PURE__ */ C({
+}), pl = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2979,8 +2982,8 @@ const ol = /* @__PURE__ */ Ae(tl, [["render", nl]]), il = /* @__PURE__ */ C({
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
   }
-}), pl = {};
-function dl(t, n) {
+}), dl = {};
+function fl(t, n) {
   const e = M("v-timeline-item");
   return _(), S(e, null, {
     default: I(() => [
@@ -2989,7 +2992,7 @@ function dl(t, n) {
     _: 3
   });
 }
-const fl = /* @__PURE__ */ Ae(pl, [["render", dl]]), yl = /* @__PURE__ */ C({
+const yl = /* @__PURE__ */ Ae(dl, [["render", fl]]), bl = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -3030,8 +3033,8 @@ const fl = /* @__PURE__ */ Ae(pl, [["render", dl]]), yl = /* @__PURE__ */ C({
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
     };
   }
-}), bl = {};
-function gl(t, n) {
+}), gl = {};
+function hl(t, n) {
   const e = M("v-window-item");
   return _(), S(e, null, {
     default: I(() => [
@@ -3040,7 +3043,7 @@ function gl(t, n) {
     _: 3
   });
 }
-const hl = /* @__PURE__ */ Ae(bl, [["render", gl]]), y = {
+const _l = /* @__PURE__ */ Ae(gl, [["render", hl]]), y = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -3102,7 +3105,7 @@ const hl = /* @__PURE__ */ Ae(bl, [["render", gl]]), y = {
       ]
     }
   ]
-}, _l = K(X), Le = {
+}, vl = K(X), Le = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -3120,7 +3123,7 @@ const hl = /* @__PURE__ */ Ae(bl, [["render", gl]]), y = {
       types: "borderWidthTypesV1",
       default: ""
     },
-    _l,
+    vl,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -3516,10 +3519,10 @@ const hl = /* @__PURE__ */ Ae(bl, [["render", gl]]), y = {
       default: 2e3
     }
   ]
-}, vl = {
+}, xl = {
   key: "scene_orthographic_camera_v1",
   name: "x-runtime-lib.orthographicCamera",
-  comp: Bi,
+  comp: Wi,
   properties: {
     pageScene: [y, Q, mn],
     compScene: [y, Q, mn]
@@ -3528,7 +3531,7 @@ const hl = /* @__PURE__ */ Ae(bl, [["render", gl]]), y = {
   methods: [],
   slots: []
 };
-w(vl);
+w(xl);
 const pn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3562,10 +3565,10 @@ const pn = {
       default: 2e3
     }
   ]
-}, xl = {
+}, kl = {
   key: "scene_perspective_camera_v1",
   name: "x-runtime-lib.perspectiveCamera",
-  comp: Ri,
+  comp: Ki,
   properties: {
     pageScene: [y, Q, pn],
     compScene: [y, Q, pn]
@@ -3574,11 +3577,11 @@ const pn = {
   methods: [],
   slots: []
 };
-w(xl);
-const kl = {
+w(kl);
+const wl = {
   key: "scene_keyboard_controls_v1",
   name: "x-runtime-lib.keyboardControls",
-  comp: Ki,
+  comp: Di,
   properties: {
     pageScene: [y],
     compScene: [y]
@@ -3588,11 +3591,11 @@ const kl = {
   slots: [],
   leaf: !0
 };
-w(kl);
-const wl = {
+w(wl);
+const Il = {
   key: "scene_map_controls_v1",
   name: "x-runtime-lib.mapControls",
-  comp: Di,
+  comp: Oi,
   properties: {
     pageScene: [y],
     compScene: [y]
@@ -3602,11 +3605,11 @@ const wl = {
   slots: [],
   leaf: !0
 };
-w(wl);
-const Il = {
+w(Il);
+const Sl = {
   key: "scene_orbit_controls_v1",
   name: "x-runtime-lib.orbitControls",
-  comp: Oi,
+  comp: Fi,
   properties: {
     pageScene: [y],
     compScene: [y]
@@ -3616,8 +3619,8 @@ const Il = {
   slots: [],
   leaf: !0
 };
-w(Il);
-function Sl(t, n) {
+w(Sl);
+function $l(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`boxGeometryV1/spawn property tag not found, ${e}`);
@@ -3646,7 +3649,7 @@ function Sl(t, n) {
       z: 1
     }
   };
-  const a = $l(t, n), c = Cl(t, n);
+  const a = Cl(t, n), c = Vl(t, n);
   return {
     nodeLite: E(r, [a.nodeLite, c.nodeLite]),
     nodes: {
@@ -3656,7 +3659,7 @@ function Sl(t, n) {
     }
   };
 }
-function $l(t, n) {
+function Cl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
@@ -3686,7 +3689,7 @@ function $l(t, n) {
     }
   };
 }
-function Cl(t, n) {
+function Vl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
@@ -3756,7 +3759,7 @@ const dn = {
 }, yt = {
   key: "scene_box_geometry_v1",
   name: "x-runtime-lib.boxGeometry",
-  comp: Ni,
+  comp: ji,
   properties: {
     pageScene: [y, dn],
     compScene: [y, dn]
@@ -3765,10 +3768,10 @@ const dn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Sl
+  spawn: $l
 };
 w(yt);
-function Vl(t, n) {
+function Pl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${e}`);
@@ -3797,7 +3800,7 @@ function Vl(t, n) {
       z: 1
     }
   };
-  const a = Pl(t, n), c = Ll(t, n);
+  const a = Ll(t, n), c = zl(t, n);
   return {
     nodeLite: E(r, [a.nodeLite, c.nodeLite]),
     nodes: {
@@ -3807,7 +3810,7 @@ function Vl(t, n) {
     }
   };
 }
-function Pl(t, n) {
+function Ll(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
@@ -3838,7 +3841,7 @@ function Pl(t, n) {
     }
   };
 }
-function Ll(t, n) {
+function zl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
@@ -3916,7 +3919,7 @@ const fn = {
 }, bt = {
   key: "scene_sphere_geometry_v1",
   name: "x-runtime-lib.sphereGeometry",
-  comp: Gi,
+  comp: Hi,
   properties: {
     pageScene: [y, fn],
     compScene: [y, fn]
@@ -3925,7 +3928,7 @@ const fn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Vl
+  spawn: Pl
 };
 w(bt);
 const ot = K(X);
@@ -3945,10 +3948,10 @@ const yn = {
       default: 1
     }
   ]
-}, zl = {
+}, Tl = {
   key: "scene_ambient_light_v1",
   name: "x-runtime-lib.ambientLight",
-  comp: Ui,
+  comp: Ji,
   properties: {
     pageScene: [y, Q, yn],
     compScene: [y, Q, yn]
@@ -3957,7 +3960,7 @@ const yn = {
   methods: [],
   slots: []
 };
-w(zl);
+w(Tl);
 const it = K(X);
 it.children[0].default = "custom";
 it.children[2].children[0].default = "0xffffff";
@@ -3975,10 +3978,10 @@ const bn = {
       default: 1
     }
   ]
-}, Tl = {
+}, El = {
   key: "scene_directional_light_v1",
   name: "x-runtime-lib.directionalLight",
-  comp: qi,
+  comp: Xi,
   properties: {
     pageScene: [y, Q, bn],
     compScene: [y, Q, bn]
@@ -3987,7 +3990,7 @@ const bn = {
   methods: [],
   slots: []
 };
-w(Tl);
+w(El);
 const rt = K(X);
 rt.children[0].default = "custom";
 rt.children[2].children[0].default = "0xffffff";
@@ -4019,10 +4022,10 @@ const gn = {
       default: 2
     }
   ]
-}, El = {
+}, Al = {
   key: "scene_point_light_v1",
   name: "x-runtime-lib.pointLight",
-  comp: Yi,
+  comp: Zi,
   properties: {
     pageScene: [y, Q, gn],
     compScene: [y, Q, gn]
@@ -4031,7 +4034,7 @@ const gn = {
   methods: [],
   slots: []
 };
-w(El);
+w(Al);
 const st = K(X);
 st.children[0].default = "custom";
 st.children[2].children[0].default = "0xffffff";
@@ -4080,10 +4083,10 @@ const hn = {
       default: 0
     }
   ]
-}, Al = {
+}, Ml = {
   key: "scene_spot_light_v1",
   name: "x-runtime-lib.spotLight",
-  comp: Qi,
+  comp: er,
   properties: {
     pageScene: [y, Q, hn],
     compScene: [y, Q, hn]
@@ -4092,11 +4095,11 @@ const hn = {
   methods: [],
   slots: []
 };
-w(Al);
+w(Ml);
 const De = {
   key: "scene_mesh_basic_material_v1",
   name: "x-runtime-lib.meshBasicMaterial",
-  comp: nr,
+  comp: or,
   properties: {
     pageScene: [y],
     compScene: [y]
@@ -4107,10 +4110,10 @@ const De = {
   leaf: !0
 };
 w(De);
-const Ml = {
+const Bl = {
   key: "scene_group_v1",
   name: "x-runtime-lib.group",
-  comp: ir,
+  comp: rr,
   properties: {
     pageScene: [y, Q],
     compScene: [y, Q]
@@ -4119,11 +4122,11 @@ const Ml = {
   methods: [],
   slots: []
 };
-w(Ml);
+w(Bl);
 const Oe = {
   key: "scene_mesh_v1",
   name: "x-runtime-lib.mesh",
-  comp: sr,
+  comp: lr,
   properties: {
     pageScene: [y, Q],
     compScene: [y, Q]
@@ -4133,7 +4136,7 @@ const Oe = {
   slots: []
 };
 w(Oe);
-function Bl(t, n) {
+function Wl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`barChartV1/spawn property tag not found, ${e}`);
@@ -4181,16 +4184,16 @@ const _n = {
 }, gt = {
   key: "common_bar_chart_v1",
   name: "x-runtime-lib.barChart",
-  comp: ds,
+  comp: fs,
   properties: {
     pageCommon: [y, Y, Qe, et, tt, Ze, _n],
     compCommon: [y, Y, Qe, et, tt, Ze, _n]
   },
   leaf: !0,
-  spawn: Bl
+  spawn: Wl
 };
 w(gt);
-function Wl(t, n) {
+function Rl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`lineChartV1/spawn property tag not found, ${e}`);
@@ -4238,26 +4241,26 @@ const vn = {
 }, ht = {
   key: "common_line_chart_v1",
   name: "x-runtime-lib.lineChart",
-  comp: fs,
+  comp: ys,
   properties: {
     pageCommon: [y, Y, Qe, et, tt, Ze, vn],
     compCommon: [y, Y, Qe, et, tt, Ze, vn]
   },
   leaf: !0,
-  spawn: Wl
+  spawn: Rl
 };
 w(ht);
-const Rl = {
+const Kl = {
   key: "multiple_ref_v1",
   name: "x-runtime-lib.multipleRef",
-  comp: ys,
+  comp: bs,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   },
   leaf: !0
 };
-w(Rl);
+w(Kl);
 const xn = {
   key: "reference",
   name: "x-runtime-lib.reference",
@@ -4269,17 +4272,17 @@ const xn = {
       default: void 0
     }
   ]
-}, Kl = {
+}, Dl = {
   key: "reference_v1",
   name: "x-runtime-lib.reference",
-  comp: bs,
+  comp: gs,
   properties: {
     pageCommon: [y, Y, xn],
     compCommon: [y, Y, xn]
   },
   leaf: !0
 };
-w(Kl);
+w(Dl);
 const kn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4291,16 +4294,16 @@ const kn = {
       default: !1
     }
   ]
-}, Dl = {
+}, Ol = {
   key: "render_switch_v1",
   name: "x-runtime-lib.renderSwitch",
-  comp: gs,
+  comp: hs,
   properties: {
     pageCommon: [y, kn],
     compCommon: [y, kn]
   }
 };
-w(Dl);
+w(Ol);
 const wn = {
   key: "reference",
   name: "x-runtime-lib.reference",
@@ -4312,44 +4315,45 @@ const wn = {
       default: void 0
     }
   ]
-}, Ol = {
+}, Fl = {
   key: "slot_v1",
   name: "x-runtime-lib.slot",
   comp: ye,
   properties: {
     pageCommon: [y, wn],
     compCommon: [y, wn]
-  }
+  },
+  leaf: !0
 };
-w(Ol);
+w(Fl);
 const Me = K(X);
 Me.key = "backgroundColor";
 Me.name = "x-runtime-lib.backgroundColor";
-const To = {
+const Eo = {
   key: "adaptSlot",
   name: "x-runtime-lib.adaptSlot",
   ui: "slotSelect",
   default: void 0
-}, Fl = {
-  key: "settings",
-  name: "x-runtime-lib.settings",
-  children: [Me]
 }, Nl = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Me, To]
+  children: [Me]
 }, jl = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Me]
+  children: [Me, Eo]
 }, Gl = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Me, To]
+  children: [Me]
 }, Hl = {
+  key: "settings",
+  name: "x-runtime-lib.settings",
+  children: [Me, Eo]
+}, Ul = {
   key: "startup",
   name: "x-runtime-lib.startup"
-}, Ul = {
+}, Jl = {
   key: "screenSizeChange",
   name: "x-runtime-lib.screenSizeChange",
   params: [
@@ -4364,7 +4368,7 @@ const To = {
       type: "string"
     }
   ]
-}, Jl = {
+}, ql = {
   key: "darkModeChange",
   name: "x-runtime-lib.darkModeChange",
   params: [
@@ -4374,20 +4378,20 @@ const To = {
       type: "boolean"
     }
   ]
-}, ql = {
+}, Xl = {
   key: "globality_v1",
   name: "x-runtime-lib.globality",
   comp: null,
   properties: {
-    pageCommon: [Fl],
-    pageScene: [jl],
-    compCommon: [Nl],
-    compScene: [Gl]
+    pageCommon: [Nl],
+    pageScene: [Gl],
+    compCommon: [jl],
+    compScene: [Hl]
   },
-  events: [Hl, Ul, Jl],
+  events: [Ul, Jl, ql],
   internal: !0
 };
-w(ql);
+w(Xl);
 const In = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4423,17 +4427,17 @@ const In = {
       default: !1
     }
   ]
-}, Xl = {
+}, Yl = {
   key: "common_badge_v1",
   name: "x-runtime-lib.badge",
-  comp: hs,
+  comp: _s,
   properties: {
     pageCommon: [y, In],
     compCommon: [y, In]
   }
 };
-w(Xl);
-function Yl(t, n) {
+w(Yl);
+function Zl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`btnV1/spawn property tag not found, ${e}`);
@@ -4452,7 +4456,7 @@ function Yl(t, n) {
     }
   };
 }
-const Zl = K(X), Sn = {
+const Ql = K(X), Sn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4478,7 +4482,7 @@ const Zl = K(X), Sn = {
       key: "text",
       name: "x-runtime-lib.text",
       ui: "strInput",
-      default: ""
+      default: "button"
     },
     {
       key: "variant",
@@ -4531,7 +4535,7 @@ const Zl = K(X), Sn = {
       ui: "switch",
       default: !1
     },
-    Zl,
+    Ql,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -4542,7 +4546,7 @@ const Zl = K(X), Sn = {
 }, _t = {
   key: "common_btn_v1",
   name: "x-runtime-lib.button",
-  comp: _s,
+  comp: vs,
   properties: {
     pageCommon: [y, Y, Sn],
     compCommon: [y, Y, Sn]
@@ -4554,19 +4558,19 @@ const Zl = K(X), Sn = {
     }
   ],
   leaf: !0,
-  spawn: Yl
+  spawn: Zl
 };
 w(_t);
-const Ql = {
+const ea = {
   key: "common_btn_group_v1",
   name: "x-runtime-lib.buttonGroup",
-  comp: ks,
+  comp: ws,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   }
 };
-w(Ql);
+w(ea);
 const $n = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4628,17 +4632,17 @@ const $n = {
       default: !1
     }
   ]
-}, ea = {
+}, ta = {
   key: "common_btn_toggle_v1",
   name: "x-runtime-lib.buttonToggle",
-  comp: ws,
+  comp: Is,
   properties: {
     pageCommon: [y, $n],
     compCommon: [y, $n]
   }
 };
-w(ea);
-function ta(t, n) {
+w(ta);
+function na(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`cardV1/spawn property tag not found, ${e}`);
@@ -4715,12 +4719,12 @@ const Cn = {
 }, Fe = {
   key: "common_card_v1",
   name: "x-runtime-lib.card",
-  comp: Is,
+  comp: Ss,
   properties: {
     pageCommon: [y, Y, Cn],
     compCommon: [y, Y, Cn]
   },
-  spawn: ta
+  spawn: na
 };
 w(Fe);
 const Vn = {
@@ -4740,18 +4744,18 @@ const Vn = {
       default: ""
     }
   ]
-}, na = {
+}, oa = {
   key: "common_checkbox_v1",
   name: "x-runtime-lib.checkbox",
-  comp: Ss,
+  comp: $s,
   properties: {
     pageCommon: [y, Vn],
     compCommon: [y, Vn]
   },
   leaf: !0
 };
-w(na);
-const oa = K(X), Pn = {
+w(oa);
+const ia = K(X), Pn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4824,12 +4828,12 @@ const oa = K(X), Pn = {
       ui: "switch",
       default: !1
     },
-    oa
+    ia
   ]
 }, vt = {
   key: "common_chip_v1",
   name: "x-runtime-lib.chip",
-  comp: $s,
+  comp: Cs,
   properties: {
     pageCommon: [y, Pn],
     compCommon: [y, Pn]
@@ -4837,7 +4841,7 @@ const oa = K(X), Pn = {
   leaf: !0
 };
 w(vt);
-function ia(t, n) {
+function ra(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`chipGroupV1/spawn property tag not found, ${e}`);
@@ -4947,25 +4951,25 @@ const Ln = {
 }, xt = {
   key: "common_chip_group_v1",
   name: "x-runtime-lib.chipGroup",
-  comp: Cs,
+  comp: Vs,
   properties: {
     pageCommon: [y, Ln],
     compCommon: [y, Ln]
   },
-  spawn: ia
+  spawn: ra
 };
 w(xt);
-const ra = {
+const sa = {
   key: "common_color_picker_v1",
   name: "x-runtime-lib.colorPicker",
-  comp: Vs,
+  comp: Ps,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   },
   leaf: !0
 };
-w(ra);
+w(sa);
 const zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5007,17 +5011,17 @@ const zn = {
       default: !1
     }
   ]
-}, sa = {
+}, la = {
   key: "common_combobox_v1",
   name: "x-runtime-lib.combobox",
-  comp: Ps,
+  comp: Ls,
   properties: {
     pageCommon: [y, zn],
     compCommon: [y, zn]
   },
   leaf: !0
 };
-w(sa);
+w(la);
 const Xt = K(X);
 Xt.key = "backgroundColor";
 Xt.name = "x-runtime-lib.backgroundColor";
@@ -5028,7 +5032,7 @@ const Tn = {
 }, kt = {
   key: "common_container_v1",
   name: "x-runtime-lib.container",
-  comp: Ls,
+  comp: zs,
   properties: {
     pageCommon: [y, Y, Le, ze, Te, Tn],
     compCommon: [y, Y, Le, ze, Te, Tn]
@@ -5193,32 +5197,32 @@ const En = {
       defaultArray: []
     }
   ]
-}, la = {
+}, aa = {
   key: "common_data_table_v1",
   name: "x-runtime-lib.dataTable",
-  comp: zs,
+  comp: Ts,
   properties: {
     pageCommon: [y, En, An, Mn],
     compCommon: [y, En, An, Mn]
   },
   leaf: !0
 };
-w(la);
-const aa = {
+w(aa);
+const ca = {
   key: "common_date_picker_v1",
   name: "x-runtime-lib.datePicker",
-  comp: Ts,
+  comp: Es,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   },
   leaf: !0
 };
-w(aa);
-const ca = {
+w(ca);
+const ua = {
   key: "common_dialog_v1",
   name: "x-runtime-lib.dialog",
-  comp: As,
+  comp: Ms,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -5235,15 +5239,15 @@ const ca = {
   ],
   teleport: !0
 };
-w(ca);
+w(ua);
 const Bn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, pu = {
+}, du = {
   key: "common_file_input_v1",
   name: "x-runtime-lib.fileInput",
-  comp: Ms,
+  comp: Bs,
   properties: {
     pageCommon: [y, Bn],
     compCommon: [y, Bn]
@@ -5269,14 +5273,14 @@ const Bn = {
 }, wt = {
   key: "common_flex_layout_entry_v1",
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: Ws,
+  comp: Rs,
   properties: {
     pageCommon: [y, Y, Wn],
     compCommon: [y, Y, Wn]
   }
 };
 w(wt);
-function ua(t, n) {
+function ma(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`flexLayoutV1/spawn property tag not found, ${e}`);
@@ -5307,7 +5311,7 @@ function ua(t, n) {
     void 0,
     "60px",
     void 0
-  ), u = ma(t, n);
+  ), u = pa(t, n);
   return {
     nodeLite: E(r, [a.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
@@ -5318,7 +5322,7 @@ function ua(t, n) {
     }
   };
 }
-function ma(t, n) {
+function pa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
@@ -5550,7 +5554,7 @@ const Rn = {
 }, Ne = {
   key: "common_flex_layout_v1",
   name: "x-runtime-lib.flexLayout",
-  comp: Bs,
+  comp: Ws,
   properties: {
     pageCommon: [y, Y, Le, ze, Te, Rn],
     compCommon: [y, Y, Le, ze, Te, Rn]
@@ -5561,7 +5565,7 @@ const Rn = {
       name: "x-runtime-lib.click"
     }
   ],
-  spawn: ua
+  spawn: ma
 };
 w(Ne);
 const Kn = {
@@ -5717,7 +5721,7 @@ const Kn = {
 }, St = {
   key: "common_text_field_v1",
   name: "x-runtime-lib.textField",
-  comp: ul,
+  comp: ml,
   properties: {
     pageCommon: [y, Kn, Dn],
     compCommon: [y, Kn, Dn]
@@ -5745,7 +5749,7 @@ const Kn = {
   leaf: !0
 };
 w(St);
-function pa(t, n) {
+function da(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`formV1/spawn property tag not found, ${e}`);
@@ -5758,7 +5762,7 @@ function pa(t, n) {
   }
   const r = T();
   A(r, s), r.basic.id = z(16), r.basic.key = $t.key;
-  const a = da(t, n);
+  const a = fa(t, n);
   return {
     nodeLite: E(r, [a.nodeLite]),
     nodes: {
@@ -5767,7 +5771,7 @@ function pa(t, n) {
     }
   };
 }
-function da(t, n) {
+function fa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`formV1/spawnTextField property tag not found, ${e}`);
@@ -5807,7 +5811,7 @@ const On = {
 }, $t = {
   key: "common_form_v1",
   name: "x-runtime-lib.form",
-  comp: Rs,
+  comp: Ks,
   properties: {
     pageCommon: [y, Y, Le, ze, Te, On],
     compCommon: [y, Y, Le, ze, Te, On]
@@ -5818,10 +5822,10 @@ const On = {
       name: "x-runtime-lib.submit"
     }
   ],
-  spawn: pa
+  spawn: da
 };
 w($t);
-const fa = K(X), Fn = {
+const ya = K(X), Fn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5844,23 +5848,23 @@ const fa = K(X), Fn = {
       items: "sizeItemsV1",
       default: "default"
     },
-    fa
+    ya
   ]
-}, ya = {
+}, ba = {
   key: "common_icon_v1",
   name: "x-runtime-lib.icon",
-  comp: Ks,
+  comp: Ds,
   properties: {
     pageCommon: [y, Fn],
     compCommon: [y, Fn]
   },
   leaf: !0
 };
-w(ya);
-const ba = {
+w(ba);
+const ga = {
   key: "common_menu_v1",
   name: "x-runtime-lib.menu",
-  comp: Os,
+  comp: Fs,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -5877,8 +5881,8 @@ const ba = {
   ],
   teleport: !0
 };
-w(ba);
-function ga(t, n) {
+w(ga);
+function ha(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`numberInputV1/spawn property tag not found, ${e}`);
@@ -6067,7 +6071,7 @@ const Nn = {
 }, Ct = {
   key: "common_number_input_v1",
   name: "x-runtime-lib.numberInput",
-  comp: Fs,
+  comp: Ns,
   properties: {
     pageCommon: [y, Nn, jn],
     compCommon: [y, Nn, jn]
@@ -6095,7 +6099,7 @@ const Nn = {
     }
   ],
   leaf: !0,
-  spawn: ga
+  spawn: ha
 };
 w(Ct);
 const Gn = {
@@ -6161,18 +6165,18 @@ const Gn = {
       default: !1
     }
   ]
-}, ha = {
+}, _a = {
   key: "common_pagination_v1",
   name: "x-runtime-lib.pagination",
-  comp: Ns,
+  comp: js,
   properties: {
     pageCommon: [y, Gn],
     compCommon: [y, Gn]
   },
   leaf: !0
 };
-w(ha);
-const _a = K(X), Hn = {
+w(_a);
+const va = K(X), Hn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6207,12 +6211,12 @@ const _a = K(X), Hn = {
       items: "densityItemsV1",
       default: "default"
     },
-    _a
+    va
   ]
 }, Vt = {
   key: "common_radio_v1",
   name: "x-runtime-lib.radio",
-  comp: js,
+  comp: Gs,
   properties: {
     pageCommon: [y, Hn],
     compCommon: [y, Hn]
@@ -6220,7 +6224,7 @@ const _a = K(X), Hn = {
   leaf: !0
 };
 w(Vt);
-function va(t, n) {
+function xa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`radioGroupV1/spawn property tag not found, ${e}`);
@@ -6315,12 +6319,12 @@ const Un = {
 }, Pt = {
   key: "common_radio_group_v1",
   name: "x-runtime-lib.radioGroup",
-  comp: Gs,
+  comp: Hs,
   properties: {
     pageCommon: [y, Un],
     compCommon: [y, Un]
   },
-  spawn: va
+  spawn: xa
 };
 w(Pt);
 const Jn = {
@@ -6440,17 +6444,17 @@ const Jn = {
       ]
     }
   ]
-}, xa = {
+}, ka = {
   key: "common_range_slider_v1",
   name: "x-runtime-lib.rangeSlider",
-  comp: Hs,
+  comp: Us,
   properties: {
     pageCommon: [y, Jn],
     compCommon: [y, Jn]
   },
   leaf: !0
 };
-w(xa);
+w(ka);
 const qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6506,17 +6510,17 @@ const qn = {
       default: !1
     }
   ]
-}, ka = {
+}, wa = {
   key: "common_rating_v1",
   name: "x-runtime-lib.rating",
-  comp: Us,
+  comp: Js,
   properties: {
     pageCommon: [y, qn],
     compCommon: [y, qn]
   },
   leaf: !0
 };
-w(ka);
+w(wa);
 const Xn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6558,17 +6562,17 @@ const Xn = {
       default: !1
     }
   ]
-}, wa = {
+}, Ia = {
   key: "common_select_v1",
   name: "x-runtime-lib.select",
-  comp: Js,
+  comp: qs,
   properties: {
     pageCommon: [y, Xn],
     compCommon: [y, Xn]
   },
   leaf: !0
 };
-w(wa);
+w(Ia);
 const Zt = K(X);
 Zt.key = "color";
 Zt.name = "x-runtime-lib.color";
@@ -6704,21 +6708,21 @@ const Yn = {
       default: void 0
     }
   ]
-}, Ia = {
+}, Sa = {
   key: "common_slider_v1",
   name: "x-runtime-lib.slider",
-  comp: qs,
+  comp: Xs,
   properties: {
     pageCommon: [y, Yn, Zn],
     compCommon: [y, Yn, Zn]
   },
   leaf: !0
 };
-w(Ia);
+w(Sa);
 const Lt = {
   key: "common_stepper_header_v1",
   name: "x-runtime-lib.stepperHeader",
-  comp: Qs,
+  comp: el,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -6739,7 +6743,7 @@ const Qn = {
 }, zt = {
   key: "common_stepper_item_v1",
   name: "x-runtime-lib.stepperItem",
-  comp: el,
+  comp: tl,
   properties: {
     pageCommon: [y, Qn],
     compCommon: [y, Qn]
@@ -6749,7 +6753,7 @@ w(zt);
 const Tt = {
   key: "common_stepper_window_v1",
   name: "x-runtime-lib.stepperWindow",
-  comp: ol,
+  comp: il,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -6770,14 +6774,14 @@ const eo = {
 }, Et = {
   key: "common_stepper_window_item_v1",
   name: "x-runtime-lib.stepperWindowItem",
-  comp: il,
+  comp: rl,
   properties: {
     pageCommon: [y, eo],
     compCommon: [y, eo]
   }
 };
 w(Et);
-function Sa(t, n) {
+function $a(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`stepperV1/spawn property tag not found, ${e}`);
@@ -6790,7 +6794,7 @@ function Sa(t, n) {
   }
   const r = T();
   A(r, s), r.basic.id = z(16), r.basic.key = At.key;
-  const a = $a(t, n), c = Ca(t, n);
+  const a = Ca(t, n), c = Va(t, n);
   return {
     nodeLite: E(r, [a.nodeLite, c.nodeLite]),
     nodes: {
@@ -6800,7 +6804,7 @@ function Sa(t, n) {
     }
   };
 }
-function $a(t, n) {
+function Ca(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`stepperV1/spawnHeader property tag not found, ${e}`);
@@ -6843,7 +6847,7 @@ function ut(t, n, e) {
     }
   };
 }
-function Ca(t, n) {
+function Va(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`stepperV1/spawnWindow property tag not found, ${e}`);
@@ -6884,7 +6888,7 @@ function mt(t, n, e, o) {
   }
   const c = T();
   A(c, a), c.basic.id = z(16), c.basic.key = Et.key, c.settings.value = e;
-  const u = Va(t, n, o);
+  const u = Pa(t, n, o);
   return {
     nodeLite: E(c, [u.nodeLite]),
     nodes: {
@@ -6893,7 +6897,7 @@ function mt(t, n, e, o) {
     }
   };
 }
-function Va(t, n, e) {
+function Pa(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`stepperV1/spawnCard property tag not found, ${o}`);
@@ -6932,25 +6936,25 @@ const to = {
 }, At = {
   key: "common_stepper_v1",
   name: "x-runtime-lib.stepper",
-  comp: Xs,
+  comp: Ys,
   properties: {
     pageCommon: [y, to],
     compCommon: [y, to]
   },
-  spawn: Sa
+  spawn: $a
 };
 w(At);
-const Pa = {
+const La = {
   key: "common_switch_v1",
   name: "x-runtime-lib.switch",
-  comp: rl,
+  comp: sl,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   },
   leaf: !0
 };
-w(Pa);
+w(La);
 const no = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6971,7 +6975,7 @@ const no = {
 }, Mt = {
   key: "common_tab_v1",
   name: "x-runtime-lib.tab",
-  comp: sl,
+  comp: ll,
   properties: {
     pageCommon: [y, no],
     compCommon: [y, no]
@@ -6979,7 +6983,7 @@ const no = {
   leaf: !0
 };
 w(Mt);
-function La(t, n) {
+function za(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`tabsV1/spawn property tag not found, ${e}`);
@@ -7113,15 +7117,15 @@ const oo = {
 }, Bt = {
   key: "common_tabs_v1",
   name: "x-runtime-lib.tabs",
-  comp: ll,
+  comp: al,
   properties: {
     pageCommon: [y, oo],
     compCommon: [y, oo]
   },
-  spawn: La
+  spawn: za
 };
 w(Bt);
-function za(t, n) {
+function Ta(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`textV1/spawn property tag not found, ${e}`);
@@ -7229,16 +7233,16 @@ const io = {
 }, Ie = {
   key: "common_text_v1",
   name: "x-runtime-lib.text",
-  comp: al,
+  comp: cl,
   properties: {
     pageCommon: [y, io],
     compCommon: [y, io]
   },
   leaf: !0,
-  spawn: za
+  spawn: Ta
 };
 w(Ie);
-function Ta(t, n) {
+function Ea(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`textareaV1/spawn property tag not found, ${e}`);
@@ -7331,26 +7335,26 @@ const ro = {
 }, Wt = {
   key: "common_textarea_v1",
   name: "x-runtime-lib.textarea",
-  comp: cl,
+  comp: ul,
   properties: {
     pageCommon: [y, ro],
     compCommon: [y, ro]
   },
   leaf: !0,
-  spawn: Ta
+  spawn: Ea
 };
 w(Wt);
 const Rt = {
   key: "common_timeline_item_v1",
   name: "x-runtime-lib.timelineItem",
-  comp: fl,
+  comp: yl,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   }
 };
 w(Rt);
-function Ea(t, n) {
+function Aa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`timelineV1/spawn property tag not found, ${e}`);
@@ -7387,7 +7391,7 @@ function dt(t, n, e) {
   }
   const a = T();
   A(a, r), a.basic.id = z(16), a.basic.key = Rt.key;
-  const c = Aa(t, n, e);
+  const c = Ma(t, n, e);
   return {
     nodeLite: E(a, [c.nodeLite]),
     nodes: {
@@ -7396,7 +7400,7 @@ function dt(t, n, e) {
     }
   };
 }
-function Aa(t, n, e) {
+function Ma(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`timelineV1/spawnText property tag not found, ${o}`);
@@ -7415,7 +7419,7 @@ function Aa(t, n, e) {
     }
   };
 }
-const Ma = K(X), Ba = K(X), so = {
+const Ba = K(X), Wa = K(X), so = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7463,7 +7467,7 @@ const Ma = K(X), Ba = K(X), so = {
           ui: "switch",
           default: !1
         },
-        Ma
+        Ba
       ]
     },
     {
@@ -7489,32 +7493,32 @@ const Ma = K(X), Ba = K(X), so = {
           ui: "numInput",
           default: 0
         },
-        Ba
+        Wa
       ]
     }
   ]
 }, Kt = {
   key: "common_timeline_v1",
   name: "x-runtime-lib.timeline",
-  comp: ml,
+  comp: pl,
   properties: {
     pageCommon: [y, so],
     compCommon: [y, so]
   },
-  spawn: Ea
+  spawn: Aa
 };
 w(Kt);
 const Dt = {
   key: "common_window_item_v1",
   name: "x-runtime-lib.windowItem",
-  comp: hl,
+  comp: _l,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   }
 };
 w(Dt);
-function Wa(t, n) {
+function Ra(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`windowV1/spawn property tag not found, ${e}`);
@@ -7551,7 +7555,7 @@ function ft(t, n, e) {
   }
   const a = T();
   A(a, r), a.basic.id = z(16), a.basic.key = Dt.key;
-  const c = Ra(t, n, e);
+  const c = Ka(t, n, e);
   return {
     nodeLite: E(a, [c.nodeLite]),
     nodes: {
@@ -7560,7 +7564,7 @@ function ft(t, n, e) {
     }
   };
 }
-function Ra(t, n, e) {
+function Ka(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(
@@ -7575,7 +7579,7 @@ function Ra(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 = Ka(t, n, e);
+  const c = Da(t, n, e);
   return {
     nodeLite: E(a, [c.nodeLite]),
     nodes: {
@@ -7584,7 +7588,7 @@ function Ra(t, n, e) {
     }
   };
 }
-function Ka(t, n, e) {
+function Da(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
@@ -7654,41 +7658,41 @@ const lo = {
 }, Ot = {
   key: "common_window_v1",
   name: "x-runtime-lib.window",
-  comp: yl,
+  comp: bl,
   properties: {
     pageCommon: [y, lo],
     compCommon: [y, lo]
   },
-  spawn: Wa
+  spawn: Ra
 };
 w(Ot);
-const Da = [
+const Oa = [
   { 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" }
-], Oa = [
+], Fa = [
   { 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" }
-], Fa = [
+], Na = [
   { 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" }
-], Na = [
+], ja = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], ja = [
+], Ga = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], Ga = [
+], Ha = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], Ha = [
+], Ua = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -7696,20 +7700,20 @@ const Da = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], Ua = [
+], Ja = [
   { 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" }
-], Ja = [
+], qa = [
   { 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" }
-], qa = [
+], Xa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -7717,12 +7721,12 @@ const Da = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], Xa = [
+], Ya = [
   { 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" }
-], Ya = [
+], Za = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -7730,24 +7734,24 @@ const Da = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], Za = [
+], Qa = [
   { 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" }
-], Qa = [
+], ec = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], ec = [
+], tc = [
   { 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" }
-], tc = [
+], nc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -7755,18 +7759,18 @@ const Da = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], nc = [
+], oc = [
   { 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" }
-], oc = [
+], ic = [
   { 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" }
-], ic = [
+], rc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -7781,7 +7785,7 @@ const Da = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], rc = [
+], sc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -7792,53 +7796,53 @@ const Da = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], sc = [
+], lc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], lc = [
+], ac = [
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], ac = [
+], cc = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], cc = [
+], uc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], uc = [
+], mc = [
   { 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" }
-], mc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], pc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alignTabsItemsV1: Da,
-  axisTypeItemsV1: Oa,
-  borderStyleItemsV1: Fa,
-  colorModeItemsV1: Na,
-  densityItemsV1: ja,
-  directionItemsV1: Ga,
-  fieldVariantItemsV1: Ha,
-  flexCrossAlignItemsV1: Ua,
-  flexDirectionItemsV1: Ja,
-  flexMainAlignItemsV1: qa,
-  flexWrapItemsV1: Xa,
-  fontWeightItemsV1: Ya,
-  sheetVariantItemsV1: Za,
-  showTicksItemsV1: Qa,
-  sizeItemsV1: ec,
-  textAlignItemsV1: tc,
-  textDecorationItemsV1: nc,
-  textEmphasisItemsV1: oc,
-  textStyleItemsV1: ic,
-  themeColorItemsV1: rc,
-  thumbLabelItemsV1: sc,
-  timelineAlignItemsV1: lc,
-  timelineDirectionItemsV1: ac,
-  timelineSideItemsV1: cc,
-  timelineTruncateLineItemsV1: uc
-}, Symbol.toStringTag, { value: "Module" })), pc = [
+  alignTabsItemsV1: Oa,
+  axisTypeItemsV1: Fa,
+  borderStyleItemsV1: Na,
+  colorModeItemsV1: ja,
+  densityItemsV1: Ga,
+  directionItemsV1: Ha,
+  fieldVariantItemsV1: Ua,
+  flexCrossAlignItemsV1: Ja,
+  flexDirectionItemsV1: qa,
+  flexMainAlignItemsV1: Xa,
+  flexWrapItemsV1: Ya,
+  fontWeightItemsV1: Za,
+  sheetVariantItemsV1: Qa,
+  showTicksItemsV1: ec,
+  sizeItemsV1: tc,
+  textAlignItemsV1: nc,
+  textDecorationItemsV1: oc,
+  textEmphasisItemsV1: ic,
+  textStyleItemsV1: rc,
+  themeColorItemsV1: sc,
+  thumbLabelItemsV1: lc,
+  timelineAlignItemsV1: ac,
+  timelineDirectionItemsV1: cc,
+  timelineSideItemsV1: uc,
+  timelineTruncateLineItemsV1: mc
+}, Symbol.toStringTag, { value: "Module" })), dc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7878,7 +7882,7 @@ const Da = [
     max: 1 / 0,
     step: 1
   }
-], dc = [
+], fc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7900,7 +7904,7 @@ const Da = [
     validator: (t) => t === "right",
     default: "right"
   }
-], fc = [
+], yc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7930,7 +7934,7 @@ const Da = [
     precision: 6,
     default: "0%"
   }
-], yc = [
+], bc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7955,7 +7959,7 @@ const Da = [
     min: 0,
     default: "0%"
   }
-], bc = [
+], gc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7980,7 +7984,7 @@ const Da = [
     min: 0,
     default: "0%"
   }
-], gc = [
+], hc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -8009,7 +8013,7 @@ const Da = [
     validator: (t) => t === "end",
     default: "end"
   }
-], hc = [
+], _c = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -8031,16 +8035,16 @@ const Da = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], vc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: pc,
-  leftRightTypesV1: dc,
-  marginTypesV1: fc,
-  paddingTypesV1: yc,
-  sizeTypesV1: bc,
-  tableColumnAlignTypesV1: gc,
-  topBottomTypesV1: hc
-}, Symbol.toStringTag, { value: "Module" })), vc = [
+  borderWidthTypesV1: dc,
+  leftRightTypesV1: fc,
+  marginTypesV1: yc,
+  paddingTypesV1: bc,
+  sizeTypesV1: gc,
+  tableColumnAlignTypesV1: hc,
+  topBottomTypesV1: _c
+}, Symbol.toStringTag, { value: "Module" })), xc = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -8119,7 +8123,7 @@ const Da = [
     name: "x-runtime-lib.dynamic",
     items: ["reference_v1", "multiple_ref_v1", "render_switch_v1", "slot_v1"]
   }
-], xc = [
+], kc = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -8154,7 +8158,7 @@ const Da = [
       "scene_keyboard_controls_v1"
     ]
   }
-], kc = [
+], wc = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -8233,7 +8237,7 @@ const Da = [
     name: "x-runtime-lib.dynamic",
     items: ["reference_v1", "multiple_ref_v1", "render_switch_v1", "slot_v1"]
   }
-], wc = [
+], Ic = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -8268,12 +8272,12 @@ const Da = [
       "scene_keyboard_controls_v1"
     ]
   }
-], Ic = {
+], Sc = {
   version: "v1",
   globalityKey: "globality_v1",
   refKey: "reference_v1",
-  items: { ...mc },
-  types: { ..._c },
+  items: { ...pc },
+  types: { ...vc },
   elements: /* @__PURE__ */ new Set([
     "globality_v1",
     "multiple_ref_v1",
@@ -8345,25 +8349,25 @@ const Da = [
     "scene_spot_light_v1"
   ]),
   groups: {
-    pageCommon: kc,
-    pageScene: wc,
-    compCommon: vc,
-    compScene: xc
+    pageCommon: wc,
+    pageScene: Ic,
+    compCommon: xc,
+    compScene: kc
   }
-}, Sc = {
-  v1: Ic
+}, $c = {
+  v1: Sc
 };
 function B(t, n) {
   if (t === "page") {
-    if (!Ci.includes(n)) {
+    if (!Vi.includes(n)) {
       console.error(`get property tag failed type=${t} subtype=${n}`);
       return;
     }
-  } else if (t === "comp" && !Vi.includes(n)) {
+  } else if (t === "comp" && !Pi.includes(n)) {
     console.error(`get property tag failed type=${t} subtype=${n}`);
     return;
   }
-  return `${t}${vi(n)}`;
+  return `${t}${xi(n)}`;
 }
 function ao(t, n) {
   if (t.array)
@@ -8386,13 +8390,13 @@ function A(t, n) {
   }
   n.forEach((o) => e(t, o));
 }
-function du(t, n, e, o, s) {
+function fu(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 = Sc[e];
+  const c = $c[e];
   if (!c) {
     console.error(`spawnNode pkg not found version, ${r}`);
     return;
@@ -8453,7 +8457,7 @@ function du(t, n, e, o, s) {
     }
   }
 }
-function fu(t, n) {
+function yu(t, n) {
   function e(o) {
     if (o.id === n)
       return o;
@@ -8470,7 +8474,7 @@ function fu(t, n) {
       return s;
   }
 }
-function $c(t) {
+function Cc(t) {
   const n = {}, e = (r) => {
     const a = z(16);
     n[r.id] = a, r.id = a, r.children?.map((c) => e(c));
@@ -8482,16 +8486,10 @@ function $c(t) {
     a.basic.id = n[a.basic.id], s[a.basic.id] = a;
   }), { nodeLite: o, nodes: s };
 }
-function yu(t) {
-  return t.map((n) => $c(n));
-}
-const Eo = "runtimeOrg", Ao = "runtimeEnv", Mo = "runtimeMode", Bo = "runtimeDevice", Wo = "runtimeDark", Ro = "runtimeType", Ko = "runtimeData", Do = "runtimeDepends", Oo = "runtimeRuntime", Fo = "runtimeSandbox";
 function bu(t) {
-  me(Eo, t);
-}
-function Cc() {
-  return ue(Eo);
+  return t.map((n) => Cc(n));
 }
+const Ao = "runtimeOrg", Mo = "runtimeEnv", Bo = "runtimeMode", Wo = "runtimeDevice", Ro = "runtimeDark", Ko = "runtimeType", Do = "runtimeData", Oo = "runtimeDepends", Fo = "runtimeRuntime", No = "runtimeSandbox";
 function gu(t) {
   me(Ao, t);
 }
@@ -8501,50 +8499,56 @@ function Vc() {
 function hu(t) {
   me(Mo, t);
 }
-function J() {
+function Pc() {
   return ue(Mo);
 }
 function _u(t) {
-  me(Bo, Nt(t));
+  me(Bo, t);
 }
-function Be() {
+function J() {
   return ue(Bo);
 }
 function vu(t) {
   me(Wo, Nt(t));
 }
-function Ue() {
+function Be() {
   return ue(Wo);
 }
 function xu(t) {
-  me(Ro, t);
+  me(Ro, Nt(t));
 }
-function he() {
+function Ue() {
   return ue(Ro);
 }
-function No(t) {
+function ku(t) {
   me(Ko, t);
 }
-function _e() {
+function he() {
   return ue(Ko);
 }
-function ku(t) {
-  me(Do, Nt(t));
+function jo(t) {
+  me(Do, t);
 }
-function Pc() {
+function _e() {
   return ue(Do);
 }
 function wu(t) {
-  me(Oo, t);
+  me(Oo, Nt(t));
 }
 function Lc() {
   return ue(Oo);
 }
-function zc(t) {
+function Iu(t) {
   me(Fo, t);
 }
+function zc() {
+  return ue(Fo);
+}
+function Tc(t) {
+  me(No, t);
+}
 function ve() {
-  return ue(Fo, void 0);
+  return ue(No, void 0);
 }
 function Re(t) {
   const n = [t.type];
@@ -8554,7 +8558,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 = xi(c);
+      const u = ki(c);
       t.callFunction(`__watchEffect$${u}__`);
     }
   if (a.triggers[e])
@@ -8638,7 +8642,7 @@ function qe(t, n, e, o, s) {
         }
     }
 }
-function Iu(t, n, e) {
+function Su(t, n, e) {
   return `${t}/${n}/${e}`;
 }
 function co(t) {
@@ -8650,10 +8654,10 @@ function co(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapPropertyId invalid propertyKey id=${t}`), { kind: e, nodeId: o, propertyKey: s };
 }
-function Su(t, n, e) {
+function $u(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function $u(t) {
+function Cu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(
@@ -8670,10 +8674,10 @@ function $u(t) {
     propertyKey: s
   };
 }
-function Cu(t, n, e) {
+function Vu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Vu(t) {
+function Pu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapPropertyKeyOfCustomSlot invalid compId  key=${t}`);
@@ -8682,10 +8686,10 @@ function Vu(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapPropertyKeyOfCustomSlot invalid propertyId key=${t}`), { compId: e, slotId: o, propertyId: s };
 }
-function Tc(t, n, e) {
+function Ec(t, n, e) {
   return `${t}/${n}/${e}`;
 }
-function jo(t) {
+function Go(t) {
   const n = t.split("/");
   let e = "elementMethod";
   n.length > 0 ? e = n[0] : console.error(`unwrapMethodId invalid kind id=${t}`);
@@ -8694,10 +8698,10 @@ function jo(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapMethodId invalid methodKey id=${t}`), { kind: e, nodeId: o, methodKey: s };
 }
-function Pu(t, n, e) {
+function Lu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Lu(t) {
+function zu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapMethodKeyOfElementSlot invalid elementKey key=${t}`);
@@ -8706,10 +8710,10 @@ function Lu(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapMethodKeyOfElementSlot invalid methodKey key=${t}`), { elementKey: e, slotKey: o, methodKey: s };
 }
-function zu(t, n, e) {
+function Tu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Tu(t) {
+function Eu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapMethodKeyOfCustomSlot invalid compId key=${t}`);
@@ -8721,7 +8725,7 @@ function Tu(t) {
 function oe(t, n, e) {
   return `${t}/${n}/${e}`;
 }
-function Ec(t) {
+function Ac(t) {
   const n = t.split("/");
   let e = "elementEvent";
   n.length > 0 ? e = n[0] : console.error(`unwrapEventId invalid kind id=${t}`);
@@ -8730,10 +8734,10 @@ function Ec(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapEventId invalid eventKey id=${t}`), { kind: e, nodeId: o, eventKey: s };
 }
-function Eu(t, n, e) {
+function Au(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Au(t) {
+function Mu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapEventKeyOfElementSlot invalid elementKey key=${t}`);
@@ -8742,10 +8746,10 @@ function Au(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapEventKeyOfElementSlot invalid eventKey key=${t}`), { elementKey: e, slotKey: o, eventKey: s };
 }
-function Mu(t, n, e) {
+function Bu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Bu(t) {
+function Wu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`makeEventKeyOfCustomSlot invalid compId key=${t}`);
@@ -8754,10 +8758,10 @@ function Bu(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`makeEventKeyOfCustomSlot invalid eventId key=${t}`), { compId: e, slotId: o, eventId: s };
 }
-function Wu(t, n, e) {
+function Ru(t, n, e) {
   return `${t}/${n}/${e}`;
 }
-function Ru(t) {
+function Ku(t) {
   const n = t.split("/");
   let e = "elementSlot";
   n.length > 0 ? e = n[0] : console.error(`unwrapSlotId invalid kind id=${t}`);
@@ -8767,23 +8771,23 @@ function Ru(t) {
   return n.length > 2 ? s = n[2] : console.error(`unwrapSlotId invalid slotKey id=${t}`), { kind: e, mainKey: o, slotKey: s };
 }
 function rn(t, n) {
-  const e = Pc(), o = ie(-1);
+  const e = Lc(), o = ie(-1);
   fe(() => {
-    if (!t) {
+    if (!t.refContext?.compId) {
       o.value = -1, n.value = void 0;
       return;
     }
-    const s = e.value[t];
+    const s = e.value[t.refContext.compId];
     if (!s) {
-      o.value = -1, n.value = void 0, go.emit("compNotAvail", t);
+      o.value = -1, n.value = void 0, go.emit("compNotAvail", t.refContext.compId);
       return;
     }
     o.value !== s.dataSeq && (o.value = s.dataSeq, n.value = K(s.data));
   });
 }
-function Ku() {
+function Du() {
   let t;
-  const n = async () => (t = (await ki()).newRuntime(), console.log("runtime created"), t);
+  const n = async () => (t = (await wi()).newRuntime(), console.log("runtime created"), t);
   return Ge(() => {
     t && (t.dispose(), console.log("runtime dispose"));
   }), { createRuntime: n };
@@ -8823,7 +8827,7 @@ function je(t, n) {
       return t.undefined;
   }
 }
-function Ac(t) {
+function Mc(t) {
   if (!t.vm) {
     console.error("bindBase invalid sandbox vm");
     return;
@@ -8861,7 +8865,7 @@ function Ac(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" ? ei(a) : s === "success" ? ti(a) : s === "warning" ? ho(a) : s === "error" && _o(a);
+    typeof r == "object" ? a = JSON.stringify(r) : a = String(r), s === "info" ? ti(a) : s === "success" ? ni(a) : s === "warning" ? ho(a) : s === "error" && _o(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(() => {
@@ -8884,18 +8888,18 @@ function Ac(t) {
     }, o), r.settled.then(n.runtime.executePendingJobs), r.handle;
   }).consume((e) => n.setProp(n.global, "__delayV1__", e));
 }
-const Go = ni({
+const Ho = oi({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: n } = we;
-    _o(Si(n, t));
+    _o($i(n, t));
   }
 });
-window.API_URL && (Go.defaults.baseURL = window.API_URL + "/computebase/");
-function Mc(t) {
-  return Go.post("callFunc", t);
-}
+window.API_URL && (Ho.defaults.baseURL = window.API_URL + "/computebase/");
 function Bc(t) {
+  return Ho.post("callFunc", t);
+}
+function Wc(t) {
   if (!t.vm) {
     console.error("bindCompute invalid sandbox vm");
     return;
@@ -8903,7 +8907,7 @@ function Bc(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 Mc({
+    return Bc({
       spaceId: c,
       id: u,
       strInputs: b,
@@ -8918,7 +8922,7 @@ function Bc(t) {
     ), g.settled.then(n.runtime.executePendingJobs), g.handle;
   }).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
 }
-function Wc(t) {
+function Rc(t) {
   if (!t.vm) {
     console.error("bindSystem invalid sandbox vm");
     return;
@@ -8926,7 +8930,7 @@ function Wc(t) {
   const { vm: n } = t;
   n.newFunction("__getEnvV1__", () => n.getProp(n.global, "__env__")).consume((e) => n.setProp(n.global, "__getEnvV1__", e));
 }
-function Rc(t) {
+function Kc(t) {
   if (!t.vm) {
     console.error("bindView invalid sandbox vm");
     return;
@@ -8944,7 +8948,7 @@ function Rc(t) {
         Ve(c, p, d);
       }
     }
-    const s = n.getString(e), { kind: r, eventKey: a } = Ec(s);
+    const s = n.getString(e), { kind: r, eventKey: a } = Ac(s);
     if (r === "customEvent") {
       var V = [];
       try {
@@ -9006,7 +9010,7 @@ function Rc(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 } = jo(r);
+    const r = n.getString(e), a = n.getString(o), c = n.dump(s), { kind: u, nodeId: p, methodKey: d } = Go(r);
     let m;
     if (u === "elementMethod")
       m = t.callElementMethod(r, c);
@@ -9040,20 +9044,20 @@ function Rc(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 oi({ title: s, text: r }).then((u) => {
+    return ii({ 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 ii({ title: r, label: a, value: c }).then((d) => {
+    return ri({ 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 Kc(t) {
-  Ac(t), Bc(t), Wc(t), Rc(t);
+function Dc(t) {
+  Mc(t), Wc(t), Rc(t), Kc(t);
 }
-const Dc = `
+const Oc = `
 let __events__ = {}
 
 function __onEventV1__(id, callback) {
@@ -9137,7 +9141,7 @@ function __destroy__() {
   __timers__ = {}
 }
 `;
-class Oc {
+class Fc {
   vm;
   promiseId = 0;
   promises = {};
@@ -9155,7 +9159,7 @@ class Oc {
     delete this.promises[n];
   }
 }
-class Fc {
+class Nc {
   kind;
   id;
   refKey;
@@ -9165,7 +9169,7 @@ class Fc {
   env;
   mode;
   type;
-  eventBus = wi();
+  eventBus = Ii();
   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}'`);
@@ -9185,7 +9189,7 @@ class Fc {
   vm;
   promiseManager;
   async createVm(n, e) {
-    this.vm = n.newContext(), this.promiseManager = new Oc(this.vm), Kc(this), this.vm.evalCode(Dc), 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 Fc(this.vm), Dc(this), this.vm.evalCode(Oc), this.vm.setProp(this.vm.global, "__env__", this.vm.newString(this.env)), this.vm.evalCode(e), this.callFunction(
       "__triggerEventV1__",
       oe("elementEvent", "globality", "startup")
     );
@@ -9274,7 +9278,7 @@ class Fc {
   callElementMethod(n, e) {
     if (!ne(this.mode))
       return;
-    const { methodKey: o } = jo(n), s = {};
+    const { methodKey: o } = Go(n), s = {};
     return this.eventBus.emit(n, { key: o, inputs: e, outputs: s }), s;
   }
   callCustomMethod(n, e) {
@@ -9297,7 +9301,7 @@ class Fc {
   }
 }
 function sn(t, n, e, o, s) {
-  const r = Cc(), a = Vc(), c = J(), u = he(), p = Be(), d = Ue(), m = Lc(), f = (x, $, V, F) => {
+  const r = Vc(), a = Pc(), c = J(), u = he(), p = Be(), d = Ue(), m = zc(), f = (x, $, V, F) => {
     if (ne(c) && (h.callFunction(
       "__triggerEventV1__",
       oe("elementPropertyChangeEvent", x, $.join(".")),
@@ -9361,13 +9365,13 @@ function sn(t, n, e, o, s) {
       $,
       V
     ));
-  }, h = new Fc(n, e, o, s, r, a, c, u, {
+  }, h = new Nc(n, e, o, s, r, a, c, u, {
     onElementPropertyChange: f,
     onCustomPropertyChange: g,
     onAdaptSlotPropertyChange: b,
     onStateChange: v
   });
-  if (zc(h), Ge(() => {
+  if (Tc(h), Ge(() => {
     h.dispose();
   }), ne(c)) {
     const x = async () => {
@@ -9401,46 +9405,46 @@ function sn(t, n, e, o, s) {
     { immediate: !0 }
   );
 }
-const Nc = (t, n, e) => {
+const jc = (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 Du(t) {
-  return (await Nc(/* @__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;
+async function Ou(t) {
+  return (await jc(/* @__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 {
-  Qc as addIndent,
-  zl as ambientLightV1,
-  Xl as badgeV1,
+  eu as addIndent,
+  Tl as ambientLightV1,
+  Yl as badgeV1,
   gt as barChartV1,
   yt as boxGeometryV1,
   So as breakpoints,
-  Ql as btnGroupV1,
-  ea as btnToggleV1,
+  ea as btnGroupV1,
+  ta as btnToggleV1,
   _t as btnV1,
   Xe as calcBreakpoint,
   Fe as cardV1,
-  na as checkboxV1,
+  oa as checkboxV1,
   xt as chipGroupV1,
   vt as chipV1,
-  ra as colorPickerV1,
-  sa as comboboxV1,
-  lu as compMetaStringify,
-  Vi as compTypes,
+  sa as colorPickerV1,
+  la as comboboxV1,
+  au as compMetaStringify,
+  Pi as compTypes,
   kt as containerV1,
-  tu as dataStringify,
-  la as dataTableV1,
-  aa as datePickerV1,
-  ca as dialogV1,
-  Tl as directionalLightV1,
-  $c as duplicateNodePair,
-  yu as duplicateNodePairs,
-  ou as elementKeys,
+  nu as dataStringify,
+  aa as dataTableV1,
+  ca as datePickerV1,
+  ua as dialogV1,
+  El as directionalLightV1,
+  Cc as duplicateNodePair,
+  bu as duplicateNodePairs,
+  iu as elementKeys,
   Ke as elements,
-  eu as ensureContext,
-  pu as fileInputV1,
+  tu as ensureContext,
+  du as fileInputV1,
   wt as flexLayoutEntryV1,
   Ne as flexLayoutV1,
   $t as formV1,
@@ -9448,95 +9452,96 @@ export {
   We as getBreakpointProp,
   ke as getField,
   un as getIndexOfBreakpoint,
-  fu as getNodeLite,
+  yu as getNodeLite,
   ao as getPropertyDefault,
   B as getPropertyTag,
-  ql as globalityV1,
-  Ml as groupV1,
-  ya as iconV1,
+  Xl as globalityV1,
+  Bl as groupV1,
+  ba as iconV1,
   T as initNode,
   A as initProperties,
   Ue as injectDark,
   _e as injectData,
-  Pc as injectDepends,
+  Lc as injectDepends,
   Be as injectDevice,
-  Vc as injectEnv,
+  Pc as injectEnv,
   J as injectMode,
-  Cc as injectOrg,
-  Lc as injectRuntime,
+  Vc as injectOrg,
+  zc as injectRuntime,
   ve as injectSandbox,
   he as injectType,
-  $o as isCircularRef,
+  Co as isCircularRef,
   ne as isExecutableMode,
-  zi as isLocaleOfEventKind,
-  Li as isLocaleOfMethodKind,
-  Pi as isLocaleOfPropertyKind,
-  iu as isLocaleOfSlotKind,
+  Ti as isLocaleOfEventKind,
+  zi as isLocaleOfMethodKind,
+  Li as isLocaleOfPropertyKind,
+  ru as isLocaleOfSlotKind,
   jt as isPercentStr,
   nt as isPixelStr,
-  kl as keyboardControlsV1,
+  $o as isRefKey,
+  wl as keyboardControlsV1,
   ht as lineChartV1,
-  Du as loadLocaleMessageRuntime,
+  Ou as loadLocaleMessageRuntime,
   oe as makeEventId,
-  Mu as makeEventKeyOfCustomSlot,
-  Eu as makeEventKeyOfElementSlot,
-  Tc as makeMethodId,
-  zu as makeMethodKeyOfCustomSlot,
-  Pu as makeMethodKeyOfElementSlot,
-  Iu as makePropertyId,
-  Cu as makePropertyKeyOfCustomSlot,
-  Su as makePropertyKeyOfElementSlot,
-  Wu as makeSlotId,
+  Bu as makeEventKeyOfCustomSlot,
+  Au as makeEventKeyOfElementSlot,
+  Ec as makeMethodId,
+  Tu as makeMethodKeyOfCustomSlot,
+  Lu as makeMethodKeyOfElementSlot,
+  Su as makePropertyId,
+  Vu as makePropertyKeyOfCustomSlot,
+  $u as makePropertyKeyOfElementSlot,
+  Ru as makeSlotId,
   Re as makeTriggerId,
-  wl as mapControlsV1,
-  ba as menuV1,
+  Il as mapControlsV1,
+  ga as menuV1,
   De as meshBasicMaterialV1,
   Oe as meshV1,
-  Rl as multipleRefV1,
+  Kl as multipleRefV1,
   Ct as numberInputV1,
-  Il as orbitControlsV1,
-  vl as orthographicCameraV1,
-  ru as pageMetaStringify,
-  Ci as pageTypes,
-  ha as paginationV1,
-  au as parseCompMeta,
-  nu as parseData,
-  su as parsePageMeta,
+  Sl as orbitControlsV1,
+  xl as orthographicCameraV1,
+  su as pageMetaStringify,
+  Vi as pageTypes,
+  _a as paginationV1,
+  cu as parseCompMeta,
+  ou as parseData,
+  lu as parsePageMeta,
   at as parsePercentStr,
-  Zc as parsePixelStr,
-  xl as perspectiveCameraV1,
-  Sc as pkgs,
-  El as pointLightV1,
-  vu as provideDark,
-  No as provideData,
-  ku as provideDepends,
-  _u as provideDevice,
-  gu as provideEnv,
-  hu as provideMode,
-  bu as provideOrg,
-  wu as provideRuntime,
-  zc as provideSandbox,
-  xu as provideType,
+  Qc as parsePixelStr,
+  kl as perspectiveCameraV1,
+  $c as pkgs,
+  Al as pointLightV1,
+  xu as provideDark,
+  jo as provideData,
+  wu as provideDepends,
+  vu as provideDevice,
+  hu as provideEnv,
+  _u as provideMode,
+  gu as provideOrg,
+  Iu as provideRuntime,
+  Tc as provideSandbox,
+  ku as provideType,
   Pt as radioGroupV1,
   Vt as radioV1,
-  xa as rangeSliderV1,
-  ka as ratingV1,
-  Kl as referenceV1,
-  Dl as renderSwitchV1,
-  $i as reverseBreakpoints,
-  wa as selectV1,
+  ka as rangeSliderV1,
+  wa as ratingV1,
+  Dl as referenceV1,
+  Ol as renderSwitchV1,
+  Ci as reverseBreakpoints,
+  Ia as selectV1,
   Gt as setField,
-  Ia as sliderV1,
-  Ol as slotV1,
-  du as spawnNode,
+  Sa as sliderV1,
+  Fl as slotV1,
+  fu as spawnNode,
   bt as sphereGeometryV1,
-  Al as spotLightV1,
+  Ml as spotLightV1,
   Lt as stepperHeaderV1,
   zt as stepperItemV1,
   At as stepperV1,
   Et as stepperWindowItemV1,
   Tt as stepperWindowV1,
-  Pa as switchV1,
+  La as switchV1,
   Mt as tabV1,
   Bt as tabsV1,
   St as textFieldV1,
@@ -9544,23 +9549,23 @@ export {
   Wt as textareaV1,
   Rt as timelineItemV1,
   Kt as timelineV1,
-  mu as toEventName,
-  uu as toMethodName,
+  pu as toEventName,
+  mu as toMethodName,
   E as toNodeLite,
-  cu as toPropertyName,
+  uu as toPropertyName,
   qe as triggerReactivity,
-  Ec as unwrapEventId,
-  Bu as unwrapEventKeyOfCustomSlot,
-  Au as unwrapEventKeyOfElementSlot,
-  jo as unwrapMethodId,
-  Tu as unwrapMethodKeyOfCustomSlot,
-  Lu as unwrapMethodKeyOfElementSlot,
+  Ac as unwrapEventId,
+  Wu as unwrapEventKeyOfCustomSlot,
+  Mu as unwrapEventKeyOfElementSlot,
+  Go as unwrapMethodId,
+  Eu as unwrapMethodKeyOfCustomSlot,
+  zu as unwrapMethodKeyOfElementSlot,
   co as unwrapPropertyId,
-  Vu as unwrapPropertyKeyOfCustomSlot,
-  $u as unwrapPropertyKeyOfElementSlot,
-  Ru as unwrapSlotId,
+  Pu as unwrapPropertyKeyOfCustomSlot,
+  Cu as unwrapPropertyKeyOfElementSlot,
+  Ku as unwrapSlotId,
   rn as useDepend,
-  Ku as useRuntime,
+  Du as useRuntime,
   sn as useSandbox,
   Dt as windowItemV1,
   Ot as windowV1