x-runtime-lib 0.8.110 → 0.8.111

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