x-runtime-lib 0.8.61 → 0.8.63

package/dist/index.js

@@ -1,16 +1,16 @@
-import { defineComponent as V, createElementBlock as ee, renderSlot as B, unref as i, openBlock as h, createElementVNode as q, computed as v, normalizeStyle as Q, ref as ie, watchEffect as me, watch as oe, onBeforeMount as Uo, onUnmounted as Ue, createBlock as _, withCtx as k, createCommentVNode as te, useTemplateRef as io, onMounted as oo, nextTick as ro, useAttrs as Xo, h as se, resolveComponent as A, createVNode as R, isRef as X, createSlots as Bn, renderList as Yo, useId as so, withModifiers as qo, normalizeClass as Jo, toDisplayString as Zo, inject as ae, provide as ce, readonly as Wn } from "vue";
-import { globalObjects as ge, waitUtil as lo, useViewStack as ao, eventBus as co, messageInfo as Qo, messageSuccess as er, messageWarning as uo, messageError as po, createAxios as tr, openConfirmDlg as nr, openPromptDlg as ir } from "x-essential-lib";
-import { CameraHelper as mo, DirectionalLightHelper as or, PointLightHelper as rr, SpotLightHelper as sr } from "three";
-import { c as W, i as le, q as Re, u as lr, r as yo, e as fo, a as ar, b as cr, d as ur, f as pr, g as mr, h as dr, j as yr, k as fr, l as bo, X as br, Y as hr, K as gr, m as xr, n as vr, o as kr, I as _r } from "./vendor.dd29fg1n.js";
-import { useTheme as wr } from "vuetify";
-import { getErrorMessage as Vr } from "x-error-lib";
-import { useI18n as ho } from "vue-i18n";
-const ei = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+import { defineComponent as V, createElementBlock as te, renderSlot as B, unref as i, openBlock as h, createElementVNode as q, computed as v, normalizeStyle as ee, ref as ie, watchEffect as me, watch as oe, onBeforeMount as Ko, onUnmounted as Ue, createBlock as _, withCtx as k, createCommentVNode as ne, useTemplateRef as no, onMounted as io, nextTick as oo, useAttrs as Uo, h as se, resolveComponent as A, createVNode as R, isRef as X, createSlots as En, renderList as Xo, useId as ro, withModifiers as Yo, normalizeClass as qo, toDisplayString as Jo, inject as ae, provide as ce, readonly as Bn } from "vue";
+import { globalObjects as ge, waitUtil as so, useViewStack as lo, eventBus as ao, messageInfo as Zo, messageSuccess as Qo, messageWarning as co, messageError as uo, createAxios as er, openConfirmDlg as tr, openPromptDlg as nr } from "x-essential-lib";
+import { CameraHelper as po, DirectionalLightHelper as ir, PointLightHelper as or, SpotLightHelper as rr } from "three";
+import { c as W, i as le, q as Re, u as sr, r as mo, e as yo, a as lr, b as ar, d as cr, f as ur, g as pr, h as mr, j as dr, k as yr, l as fo, X as fr, Y as br, K as hr, m as gr, n as xr, o as vr, I as kr } from "./vendor.dd29fg1n.js";
+import { useTheme as _r } from "vuetify";
+import { getErrorMessage as wr } from "x-error-lib";
+import { useI18n as bo } from "vue-i18n";
+const Qn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function P(t) {
   let e = "";
   for (let n = 0; n < t; n++) {
-    const o = Math.floor(Math.random() * ei.length);
-    e += ei[o];
+    const o = Math.floor(Math.random() * Qn.length);
+    e += Qn[o];
   }
   return e;
 }
@@ -20,7 +20,7 @@ function Xe(t) {
   const e = t.substring(0, t.length - 2), n = parseFloat(e);
   return !(isNaN(n) || n % 1 !== 0);
 }
-function Rn(t) {
+function Wn(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return !1;
   const e = t.substring(0, t.length - 1), n = parseFloat(e);
@@ -40,17 +40,17 @@ function Zt(t) {
   if (!isNaN(n))
     return n;
 }
-const go = ["xs", "sm", "md", "lg", "xl"], $r = [...go].reverse();
+const ho = ["xs", "sm", "md", "lg", "xl"], Vr = [...ho].reverse();
 function Ne(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
-function ti(t) {
-  return go.findIndex((e) => e === t);
+function ei(t) {
+  return ho.findIndex((e) => e === t);
 }
 function Pe(t, e) {
   let n;
-  for (const o of $r) {
-    if (ti(o) < ti(t))
+  for (const o of Vr) {
+    if (ei(o) < ei(t))
       break;
     e[o] && (n = e[o]);
   }
@@ -70,7 +70,7 @@ function we(t, e) {
     return n;
   }
 }
-function xo(t, e, n) {
+function go(t, e, n) {
   let o = t;
   if (typeof o != "object")
     return;
@@ -84,13 +84,13 @@ function xo(t, e, n) {
   const r = s[s.length - 1];
   o[r] = n;
 }
-function Ir(t, e = 2) {
+function $r(t, e = 2) {
   const n = " ".repeat(e);
   return t.split(`
 `).map((r) => r.trim() === "" ? r : n + r).join(`
 `);
 }
-function ne(t) {
+function Q(t) {
   return t === "runtime" || t === "preview";
 }
 const Ou = ["string", "number", "boolean", "array", "object"];
@@ -108,7 +108,7 @@ function Ku(t) {
       return "#80a55b";
   }
 }
-function vo(t) {
+function xo(t) {
   let e = t;
   for (; e; ) {
     if (e.parent && e.compId === e.parent.compId)
@@ -135,8 +135,8 @@ function Uu(t, e, n, o, s) {
     children: {}
   }, r.children[n] = a);
 }
-const Sr = ["common", "scene"], Cr = ["common", "scene"];
-function Pr(t) {
+const Ir = ["common", "scene"], Sr = ["common", "scene"];
+function Cr(t) {
   switch (t) {
     case "referenceProperty":
     case "multipleRefProperty":
@@ -146,7 +146,7 @@ function Pr(t) {
   }
   return !0;
 }
-function Tr(t) {
+function Pr(t) {
   switch (t) {
     case "referenceMethod":
     case "multipleRefMethod":
@@ -156,7 +156,7 @@ function Tr(t) {
   }
   return !0;
 }
-function zr(t) {
+function Tr(t) {
   switch (t) {
     case "referenceEvent":
     case "multipleRefEvent":
@@ -171,7 +171,7 @@ function zr(t) {
   }
   return !0;
 }
-function Mn(t, e, n) {
+function Rn(t, e, n) {
   const { i18n: o } = ge;
   let s = "";
   return t && (s += t + " / "), e.forEach((r, a) => {
@@ -181,21 +181,21 @@ function Mn(t, e, n) {
 function Xu(t, e) {
   const { i18n: n } = ge;
   let o = "";
-  return t === "elementProperty" || (t === "referenceProperty" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefProperty" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customProperty" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotProperty" || t === "customSlotProperty" ? o = n.global.t("x-runtime-lib.slot") : console.assert(!1)), Mn(o, e, Pr(t));
+  return t === "elementProperty" || (t === "referenceProperty" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefProperty" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customProperty" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotProperty" || t === "customSlotProperty" ? o = n.global.t("x-runtime-lib.slot") : console.assert(!1)), Rn(o, e, Cr(t));
 }
 function Yu(t, e) {
   const { i18n: n } = ge;
   let o = "";
-  return t === "elementMethod" || (t === "referenceMethod" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customMethod" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = n.global.t("x-runtime-lib.slot") : console.assert(!1)), Mn(o, e, Tr(t));
+  return t === "elementMethod" || (t === "referenceMethod" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customMethod" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = n.global.t("x-runtime-lib.slot") : console.assert(!1)), Rn(o, e, Pr(t));
 }
 function qu(t, e) {
   const { i18n: n } = ge;
   let o = "";
-  return t === "elementEvent" || (t === "referenceEvent" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customEvent" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotEvent" || t === "customSlotEvent" ? o = n.global.t("x-runtime-lib.slot") : t === "elementPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = n.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.customPropertyChange") : t === "elementSlotPropertyChangeEvent" || t === "customSlotPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.slotPropertyChange") : t === "stateChangeEvent" ? o = n.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Mn(o, e, zr(t));
+  return t === "elementEvent" || (t === "referenceEvent" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customEvent" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotEvent" || t === "customSlotEvent" ? o = n.global.t("x-runtime-lib.slot") : t === "elementPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = n.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.customPropertyChange") : t === "elementSlotPropertyChangeEvent" || t === "customSlotPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.slotPropertyChange") : t === "stateChangeEvent" ? o = n.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Rn(o, e, Tr(t));
 }
 const ze = {}, w = (t) => {
   ze[t.key] = t;
-}, Ar = ["position", "rotation", "scale"], ve = /* @__PURE__ */ V({
+}, zr = ["position", "rotation", "scale"], ve = /* @__PURE__ */ V({
   __name: "index",
   props: {
     position: {},
@@ -204,7 +204,7 @@ const ze = {}, w = (t) => {
   },
   setup(t) {
     const e = H();
-    return (n, o) => i(e) === "editor" ? (h(), ee("TresMesh", {
+    return (n, o) => i(e) === "editor" ? (h(), te("TresMesh", {
       key: 0,
       position: t.position,
       rotation: t.rotation,
@@ -214,7 +214,7 @@ const ze = {}, w = (t) => {
       o[0] || (o[0] = q("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)),
       o[1] || (o[1] = q("TresMeshBasicMaterial", null, null, -1)),
       B(n.$slots, "default")
-    ], 8, Ar)) : B(n.$slots, "default", { key: 1 });
+    ], 8, zr)) : B(n.$slots, "default", { key: 1 });
   }
 }), D = /* @__PURE__ */ V({
   __name: "index",
@@ -236,17 +236,17 @@ const ze = {}, w = (t) => {
       pointerEvents: "auto",
       userSelect: "none"
     }));
-    return (s, r) => i(e) === "editor" ? (h(), ee("div", {
+    return (s, r) => i(e) === "editor" ? (h(), te("div", {
       key: 0,
-      style: Q(n.value)
+      style: ee(n.value)
     }, [
       B(s.$slots, "default"),
       q("div", {
-        style: Q(o.value)
+        style: ee(o.value)
       }, null, 4)
     ], 4)) : B(s.$slots, "default", { key: 1 });
   }
-}), Lr = (t, e, n, o) => {
+}), Ar = (t, e, n, o) => {
   const s = t.getElementPropertyInner(e, n);
   if (o) {
     if (typeof s == "string")
@@ -255,17 +255,17 @@ const ze = {}, w = (t) => {
     return;
   } else
     return s;
-}, Er = (t, e, n, o, s) => {
+}, Lr = (t, e, n, o, s) => {
   let r;
   s ? typeof o == "object" ? r = JSON.stringify(o, null, 2) : (console.assert(!1), r = "{}") : r = o, t.setElementPropertyInner(e, n, r);
 };
 function l(t, e, n) {
   const o = H(), s = be(), r = ie();
   return me(() => {
-    let a = Lr(s, t.node, e, n);
+    let a = Ar(s, t.node, e, n);
     o === "editor" && e[e.length - 1] === "readonly" && (a = !0), r.value = a;
   }), oe(r, (a, c) => {
-    le(a, c) || Er(s, t.node, e, r.value, n);
+    le(a, c) || Lr(s, t.node, e, r.value, n);
   }), { property: r };
 }
 function de(t) {
@@ -320,7 +320,7 @@ function de(t) {
     c.value = f.value[0], m.value = f.value[1], d.value = f.value[2];
   }), { position: u, rotation: p, scale: f };
 }
-function ko(t) {
+function vo(t) {
   const e = v(() => t.node.legend?.show), n = v(() => t.node.legend?.data);
   function o(s) {
     s.legend = {
@@ -330,14 +330,14 @@ function ko(t) {
   }
   return { show: e, data: n, applyLegend: o };
 }
-function _o(t) {
+function ko(t) {
   const e = v(() => t.node.series);
   function n(o) {
     o.series = e.value;
   }
   return { series: e, applySeries: n };
 }
-function wo(t) {
+function _o(t) {
   const e = v(() => t.node.title?.show), n = v(() => t.node.title?.text), o = v(() => t.node.title?.subtext);
   function s(r) {
     r.title = {
@@ -348,7 +348,7 @@ function wo(t) {
   }
   return { show: e, text: n, subtext: o, applyTitle: s };
 }
-function Vo(t) {
+function wo(t) {
   const e = v(() => t.node.xAxis?.show), n = v(() => t.node.xAxis?.position), o = v(() => t.node.xAxis?.type), s = v(() => t.node.xAxis?.data);
   function r(a) {
     a.xAxis = {
@@ -360,7 +360,7 @@ function Vo(t) {
   }
   return { show: e, position: n, type: o, data: s, applyXAxis: r };
 }
-function $o(t) {
+function Vo(t) {
   const e = v(() => t.node.yAxis?.show), n = v(() => t.node.yAxis?.position), o = v(() => t.node.yAxis?.type), s = v(() => t.node.yAxis?.data);
   function r(a) {
     a.yAxis = {
@@ -373,7 +373,7 @@ function $o(t) {
   return { show: e, position: n, type: o, data: s, applyYAxis: r };
 }
 function O(t) {
-  const { computedThemes: e } = wr(), n = Me(), o = v(() => t.value?.mode), s = v(() => {
+  const { computedThemes: e } = _r(), n = Me(), o = v(() => t.value?.mode), s = v(() => {
     const d = t.value?.theme;
     return d ? d === "background0" ? n.value ? "#2e2e2e" : "#bdbdbd" : d === "background1" ? n.value ? "#272727" : "#eeeeee" : d === "background2" ? n.value ? "#1e1e1e" : "#ffffff" : (n.value ? e.value.dark : e.value.light).colors[d] : void 0;
   }), r = v(() => n.value ? t.value.custom?.dark : t.value.custom?.light), a = v(() => o.value === "theme" ? s.value ?? "" : o.value === "custom" ? r.value ?? "" : ""), c = v(() => {
@@ -385,21 +385,21 @@ function O(t) {
   });
   return { color: a, rgb: c, alpha: m };
 }
-function Dn(t) {
+function Mn(t) {
   const e = v(() => t.node.border?.style), n = v(() => t.node.border?.width), o = v(() => t.node.border?.color), { color: s } = O(o), r = v(() => t.node.border?.roundRadius?.tl), a = v(() => t.node.border?.roundRadius?.tr), c = v(() => t.node.border?.roundRadius?.bl), m = v(() => t.node.border?.roundRadius?.br);
   function d(u) {
     e.value && (u.borderStyle = e.value), n.value && (u.borderWidth = n.value), s.value && (u.borderColor = s.value), r.value && (u.borderTopLeftRadius = r.value), a.value && (u.borderTopRightRadius = a.value), c.value && (u.borderBottomLeftRadius = c.value), m.value && (u.borderBottomRightRadius = m.value);
   }
   return { borderStyle: e, borderWidth: n, borderColor: s, applyBorder: d };
 }
-function Fn(t) {
+function Dn(t) {
   const e = v(() => t.node.margin?.top), n = v(() => t.node.margin?.left), o = v(() => t.node.margin?.bottom), s = v(() => t.node.margin?.right);
   function r(a) {
     e.value && (a.marginTop = e.value), n.value && (a.marginLeft = n.value), o.value && (a.marginBottom = o.value), s.value && (a.marginRight = s.value);
   }
   return { marginTop: e, marginLeft: n, marginBottom: o, marginRight: s, applyMargin: r };
 }
-function Nn(t) {
+function Fn(t) {
   const e = v(() => t.node.padding?.top), n = v(() => t.node.padding?.left), o = v(() => t.node.padding?.bottom), s = v(() => t.node.padding?.right);
   function r(a) {
     e.value && (a.paddingTop = e.value), n.value && (a.paddingLeft = n.value), o.value && (a.paddingBottom = o.value), s.value && (a.paddingRight = s.value);
@@ -435,8 +435,8 @@ function ye(t) {
   return { width: o, minWidth: s, maxWidth: r, height: a, minHeight: c, maxHeight: m, applySize: d };
 }
 function Ge(t, e, n) {
-  const o = be(), s = v(() => En("elementMethod", t.node.basic.id, e));
-  Uo(() => {
+  const o = be(), s = v(() => _u("elementMethod", t.node.basic.id, e));
+  Ko(() => {
     o.eventBus?.on(s.value, n);
   }), Ue(() => {
     o.eventBus?.off(s.value, n);
@@ -446,7 +446,7 @@ function F() {
   const t = Me();
   return { theme: v(() => t.value ? "dark" : "light") };
 }
-const Br = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Wr = /* @__PURE__ */ V({
+const Er = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Br = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -473,15 +473,15 @@ const Br = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(n) === "editor" ? (h(), _(i(Re), {
             key: 0,
-            type: i(mo)
-          }, null, 8, ["type"])) : te("", !0),
+            type: i(po)
+          }, null, 8, ["type"])) : ne("", !0),
           B(f.$slots, "default")
-        ], 8, Br)
+        ], 8, Er)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Rr = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Mr = /* @__PURE__ */ V({
+}), Wr = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Rr = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -506,15 +506,15 @@ const Br = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(n) === "editor" ? (h(), _(i(Re), {
             key: 0,
-            type: i(mo)
-          }, null, 8, ["type"])) : te("", !0),
+            type: i(po)
+          }, null, 8, ["type"])) : ne("", !0),
           B(u.$slots, "default")
-        ], 8, Rr)
+        ], 8, Wr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Dr = ["args"], Fr = /* @__PURE__ */ V({
+}), Mr = ["args"], Dr = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -531,7 +531,7 @@ const Br = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (m, d) => (h(), ee("TresBoxGeometry", {
+    return (m, d) => (h(), te("TresBoxGeometry", {
       args: [
         i(a),
         i(s),
@@ -540,14 +540,14 @@ const Br = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         i(r),
         i(o)
       ]
-    }, null, 8, Dr));
+    }, null, 8, Mr));
   }
 }), Se = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [o, s] of e)
     n[o] = s;
   return n;
-}, Nr = ["args"], Gr = /* @__PURE__ */ V({
+}, Fr = ["args"], Nr = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -573,7 +573,7 @@ const Br = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegments"
     ]);
-    return (d, u) => (h(), ee("TresSphereGeometry", {
+    return (d, u) => (h(), te("TresSphereGeometry", {
       args: [
         i(r),
         i(m),
@@ -583,9 +583,9 @@ const Br = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         i(c),
         i(a)
       ]
-    }, null, 8, Nr));
+    }, null, 8, Fr));
   }
-}), jr = ["color", "intensity", "position", "rotation", "scale"], Hr = /* @__PURE__ */ V({
+}), Gr = ["color", "intensity", "position", "rotation", "scale"], jr = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -610,12 +610,12 @@ const Br = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
           B(d.$slots, "default")
-        ], 8, jr)
+        ], 8, Gr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Or = ["color", "intensity", "position", "rotation", "scale"], Kr = /* @__PURE__ */ V({
+}), Hr = ["color", "intensity", "position", "rotation", "scale"], Or = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -641,15 +641,15 @@ const Br = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(n) === "editor" ? (h(), _(i(Re), {
             key: 0,
-            type: i(or)
-          }, null, 8, ["type"])) : te("", !0),
+            type: i(ir)
+          }, null, 8, ["type"])) : ne("", !0),
           B(d.$slots, "default")
-        ], 8, Or)
+        ], 8, Hr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ur = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Xr = /* @__PURE__ */ V({
+}), Kr = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Ur = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -680,15 +680,15 @@ const Br = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(n) === "editor" ? (h(), _(i(Re), {
             key: 0,
-            type: i(rr)
-          }, null, 8, ["type"])) : te("", !0),
+            type: i(or)
+          }, null, 8, ["type"])) : ne("", !0),
           B(p.$slots, "default")
-        ], 8, Ur)
+        ], 8, Kr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Yr = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], qr = /* @__PURE__ */ V({
+}), Xr = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Yr = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -724,19 +724,19 @@ const Br = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(n) === "editor" ? (h(), _(i(Re), {
             key: 0,
-            type: i(sr)
-          }, null, 8, ["type"])) : te("", !0),
+            type: i(rr)
+          }, null, 8, ["type"])) : ne("", !0),
           B(b.$slots, "default")
-        ], 8, Yr)
+        ], 8, Xr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Jr = {};
-function Zr(t, e) {
-  return h(), ee("TresMeshBasicMaterial");
+}), qr = {};
+function Jr(t, e) {
+  return h(), te("TresMeshBasicMaterial");
 }
-const Qr = /* @__PURE__ */ Se(Jr, [["render", Zr]]), es = ["position", "rotation", "scale"], ts = /* @__PURE__ */ V({
+const Zr = /* @__PURE__ */ Se(qr, [["render", Jr]]), Qr = ["position", "rotation", "scale"], es = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -756,12 +756,12 @@ const Qr = /* @__PURE__ */ Se(Jr, [["render", Zr]]), es = ["position", "rotation
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
           B(a.$slots, "default")
-        ], 8, es)
+        ], 8, Qr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), ns = ["position", "rotation", "scale"], is = /* @__PURE__ */ V({
+}), ts = ["position", "rotation", "scale"], ns = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -769,101 +769,101 @@ const Qr = /* @__PURE__ */ Se(Jr, [["render", Zr]]), es = ["position", "rotation
   },
   setup(t) {
     const e = t, { position: n, rotation: o, scale: s } = de(e);
-    return (r, a) => (h(), ee("TresMesh", {
+    return (r, a) => (h(), te("TresMesh", {
       position: i(n),
       rotation: i(o),
       scale: i(s)
     }, [
       B(r.$slots, "default")
-    ], 8, ns));
-  }
-}), os = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], rs = "#242424", ss = {}, ls = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, as = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, cs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, us = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ms = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, bs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gs = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, xs = { 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" } }, vs = { 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)" } } }, ks = { 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)" } } }, _s = { 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"] } } }, ws = { 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"] } } }, Vs = { 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"] } } }, $s = { 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"] } } }, Is = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ss = { textStyle: { color: "#eeeeee" } }, Cs = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Ps = { 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" } } }, Ts = { color: ["#bf444c", "#d88273", "#f6efa6"] }, zs = { 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" } }, As = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Ls = {
-  color: os,
-  backgroundColor: rs,
-  textStyle: ss,
-  title: ls,
-  line: as,
-  radar: cs,
-  bar: us,
-  pie: ps,
-  scatter: ms,
-  boxplot: ds,
-  parallel: ys,
-  sankey: fs,
-  funnel: bs,
-  gauge: hs,
-  candlestick: gs,
-  graph: xs,
-  map: vs,
-  geo: ks,
-  categoryAxis: _s,
-  valueAxis: ws,
-  logAxis: Vs,
-  timeAxis: $s,
-  toolbox: Is,
-  legend: Ss,
-  tooltip: Cs,
-  timeline: Ps,
-  visualMap: Ts,
-  dataZoom: zs,
-  markPoint: As
-}, Es = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Bs = "#f5f5f5", Ws = {}, Rs = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Ms = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ds = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Fs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ns = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xs = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Ys = { 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" } }, qs = { 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)" } } }, Js = { 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)" } } }, Zs = { 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"] } } }, Qs = { 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"] } } }, el = { 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"] } } }, tl = { 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"] } } }, nl = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, il = { textStyle: { color: "#333333" } }, ol = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, rl = { 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" } } }, sl = { color: ["#bf444c", "#d88273", "#f6efa6"] }, ll = { 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" } }, al = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, cl = {
-  color: Es,
-  backgroundColor: Bs,
-  textStyle: Ws,
-  title: Rs,
-  line: Ms,
-  radar: Ds,
-  bar: Fs,
-  pie: Ns,
-  scatter: Gs,
-  boxplot: js,
-  parallel: Hs,
-  sankey: Os,
-  funnel: Ks,
-  gauge: Us,
-  candlestick: Xs,
-  graph: Ys,
-  map: qs,
-  geo: Js,
-  categoryAxis: Zs,
-  valueAxis: Qs,
-  logAxis: el,
-  timeAxis: tl,
-  toolbox: nl,
-  legend: il,
-  tooltip: ol,
-  timeline: rl,
-  visualMap: sl,
-  dataZoom: ll,
-  markPoint: al
+    ], 8, ts));
+  }
+}), is = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], os = "#242424", rs = {}, ss = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, ls = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, as = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, cs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ms = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, bs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hs = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, gs = { 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" } }, xs = { 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)" } } }, vs = { 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)" } } }, ks = { 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"] } } }, _s = { 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"] } } }, ws = { 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"] } } }, Vs = { 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"] } } }, $s = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Is = { textStyle: { color: "#eeeeee" } }, Ss = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Cs = { 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" } } }, Ps = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ts = { 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" } }, zs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, As = {
+  color: is,
+  backgroundColor: os,
+  textStyle: rs,
+  title: ss,
+  line: ls,
+  radar: as,
+  bar: cs,
+  pie: us,
+  scatter: ps,
+  boxplot: ms,
+  parallel: ds,
+  sankey: ys,
+  funnel: fs,
+  gauge: bs,
+  candlestick: hs,
+  graph: gs,
+  map: xs,
+  geo: vs,
+  categoryAxis: ks,
+  valueAxis: _s,
+  logAxis: ws,
+  timeAxis: Vs,
+  toolbox: $s,
+  legend: Is,
+  tooltip: Ss,
+  timeline: Cs,
+  visualMap: Ps,
+  dataZoom: Ts,
+  markPoint: zs
+}, Ls = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Es = "#f5f5f5", Bs = {}, Ws = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Rs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ms = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ds = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ns = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Xs = { 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" } }, Ys = { 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)" } } }, qs = { 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)" } } }, Js = { 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"] } } }, Zs = { 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"] } } }, Qs = { 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"] } } }, el = { 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"] } } }, tl = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, nl = { textStyle: { color: "#333333" } }, il = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ol = { 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" } } }, rl = { color: ["#bf444c", "#d88273", "#f6efa6"] }, sl = { 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" } }, ll = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, al = {
+  color: Ls,
+  backgroundColor: Es,
+  textStyle: Bs,
+  title: Ws,
+  line: Rs,
+  radar: Ms,
+  bar: Ds,
+  pie: Fs,
+  scatter: Ns,
+  boxplot: Gs,
+  parallel: js,
+  sankey: Hs,
+  funnel: Os,
+  gauge: Ks,
+  candlestick: Us,
+  graph: Xs,
+  map: Ys,
+  geo: qs,
+  categoryAxis: Js,
+  valueAxis: Zs,
+  logAxis: Qs,
+  timeAxis: el,
+  toolbox: tl,
+  legend: nl,
+  tooltip: il,
+  timeline: ol,
+  visualMap: rl,
+  dataZoom: sl,
+  markPoint: ll
 };
-lr([
+sr([
+  lr,
   ar,
   cr,
   ur,
   pr,
   mr,
   dr,
-  yr,
-  fr
+  yr
 ]);
-yo("dark", Ls);
-yo("light", cl);
-const ul = /* @__PURE__ */ V({
+mo("dark", As);
+mo("light", al);
+const cl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Ce(), o = Me(), s = fe(), r = ke(), { width: a, minWidth: c, maxWidth: m, height: d, minHeight: u, maxHeight: p, applySize: f } = ye(e), { applyTitle: b } = wo(e), { applyXAxis: g } = Vo(e), { applyYAxis: x } = $o(e), { applyLegend: I } = ko(e), { applySeries: $ } = _o(e), S = v(() => {
+    const e = t, n = Ce(), o = Me(), s = fe(), r = ke(), { width: a, minWidth: c, maxWidth: m, height: d, minHeight: u, maxHeight: p, applySize: f } = ye(e), { applyTitle: b } = _o(e), { applyXAxis: g } = wo(e), { applyYAxis: x } = Vo(e), { applyLegend: I } = vo(e), { applySeries: $ } = ko(e), S = v(() => {
       const C = {}, G = r.value.type;
       return s === "page" ? G === "common" ? f(C) : console.assert(!1) : s === "comp" && G === "common" ? f(C) : console.assert(!1), C;
-    }), T = io("chart");
+    }), T = no("chart");
     let E;
     const N = () => {
-      E?.dispose(), E = fo.init(T.value, o.value ? "dark" : "light");
+      E?.dispose(), E = yo.init(T.value, o.value ? "dark" : "light");
       const C = {};
       E.setOption(C);
     }, j = () => {
@@ -872,8 +872,8 @@ const ul = /* @__PURE__ */ V({
       const C = {};
       b(C), g(C), x(C), I(C), $(C), E?.setOption(C, !0);
     };
-    return oo(async () => {
-      window.addEventListener("resize", j, !1), await lo(() => !!T.value), N(), M();
+    return io(async () => {
+      window.addEventListener("resize", j, !1), await so(() => !!T.value), N(), M();
     }), Ue(() => {
       window.removeEventListener("resize", j, !1), E?.dispose();
     }), oe(
@@ -888,7 +888,7 @@ const ul = /* @__PURE__ */ V({
         p
       ],
       async () => {
-        await ro(), j();
+        await oo(), j();
       }
     ), oe([o], () => {
       N(), M();
@@ -902,26 +902,26 @@ const ul = /* @__PURE__ */ V({
       default: k(() => [
         q("div", {
           ref: "chart",
-          style: Q(S.value)
+          style: ee(S.value)
         }, null, 4)
       ]),
       _: 1
     }));
   }
-}), pl = /* @__PURE__ */ V({
+}), ul = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Ce(), o = Me(), s = fe(), r = ke(), { width: a, minWidth: c, maxWidth: m, height: d, minHeight: u, maxHeight: p, applySize: f } = ye(e), { applyTitle: b } = wo(e), { applyXAxis: g } = Vo(e), { applyYAxis: x } = $o(e), { applyLegend: I } = ko(e), { applySeries: $ } = _o(e), S = v(() => {
+    const e = t, n = Ce(), o = Me(), s = fe(), r = ke(), { width: a, minWidth: c, maxWidth: m, height: d, minHeight: u, maxHeight: p, applySize: f } = ye(e), { applyTitle: b } = _o(e), { applyXAxis: g } = wo(e), { applyYAxis: x } = Vo(e), { applyLegend: I } = vo(e), { applySeries: $ } = ko(e), S = v(() => {
       const C = {}, G = r.value.type;
       return s === "page" ? G === "common" ? f(C) : console.assert(!1) : s === "comp" && G === "common" ? f(C) : console.assert(!1), C;
-    }), T = io("chart");
+    }), T = no("chart");
     let E;
     const N = () => {
-      E?.dispose(), E = fo.init(T.value, o.value ? "dark" : "light");
+      E?.dispose(), E = yo.init(T.value, o.value ? "dark" : "light");
       const C = {};
       E.setOption(C);
     }, j = () => {
@@ -930,8 +930,8 @@ const ul = /* @__PURE__ */ V({
       const C = {};
       b(C), g(C), x(C), I(C), $(C), E?.setOption(C, !0);
     };
-    return oo(async () => {
-      window.addEventListener("resize", j, !1), await lo(() => !!T.value), N(), M();
+    return io(async () => {
+      window.addEventListener("resize", j, !1), await so(() => !!T.value), N(), M();
     }), Ue(() => {
       window.removeEventListener("resize", j, !1), E?.dispose();
     }), oe(
@@ -946,7 +946,7 @@ const ul = /* @__PURE__ */ V({
         p
       ],
       async () => {
-        await ro(), j();
+        await oo(), j();
       }
     ), oe([o], () => {
       N(), M();
@@ -960,13 +960,13 @@ const ul = /* @__PURE__ */ V({
       default: k(() => [
         q("div", {
           ref: "chart",
-          style: Q(S.value)
+          style: ee(S.value)
         }, null, 4)
       ]),
       _: 1
     }));
   }
-}), ml = /* @__PURE__ */ V({
+}), pl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     refContext: {},
@@ -975,9 +975,9 @@ const ul = /* @__PURE__ */ V({
   },
   setup(t) {
     const e = t, n = ie(), o = be();
-    return Qn(n, "multipleRef", e.node.basic.id, "", o), Zn(e.refContext.compId, n), (s, r) => (h(), ee("div"));
+    return Zn(n, "multipleRef", e.node.basic.id, "", o), Jn(e.refContext.compId, n), (s, r) => (h(), te("div"));
   }
-}), dl = /* @__PURE__ */ V({
+}), ml = /* @__PURE__ */ V({
   __name: "index",
   props: {
     refContext: {},
@@ -985,9 +985,9 @@ const ul = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const { t: e } = ho(), n = t, o = ie(), s = be();
-    Qn(o, "reference", n.node.basic.id, "", s), Zn(n.refContext.compId, o);
-    const r = Xo(), { applySize: a } = ye(n), c = v(() => {
+    const { t: e } = bo(), n = t, o = ie(), s = be();
+    Zn(o, "reference", n.node.basic.id, "", s), Jn(n.refContext.compId, o);
+    const r = Uo(), { applySize: a } = ye(n), c = v(() => {
       const u = {};
       return o.value?.type === "common" && a(u), u;
     });
@@ -1006,7 +1006,7 @@ const ul = /* @__PURE__ */ V({
       }), se(p.comp, f, { default: () => b });
     }
     const d = () => {
-      if (vo(n.refContext))
+      if (xo(n.refContext))
         return se("div", e("x-runtime-lib.circularRef"));
       if (!o.value)
         return se("div");
@@ -1022,7 +1022,7 @@ const ul = /* @__PURE__ */ V({
     };
     return (u, p) => (h(), _(d));
   }
-}), yl = /* @__PURE__ */ V({
+}), dl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1032,7 +1032,7 @@ const ul = /* @__PURE__ */ V({
     const e = t, { property: n } = l(e, ["settings", "open"]);
     return (o, s) => (h(), _(i(D), null, {
       default: k(() => [
-        i(n) ? B(o.$slots, "default", { key: 0 }) : te("", !0)
+        i(n) ? B(o.$slots, "default", { key: 0 }) : ne("", !0)
       ]),
       _: 3
     }));
@@ -1045,8 +1045,8 @@ const ul = /* @__PURE__ */ V({
     state: {}
   },
   setup(t) {
-    const { t: e } = ho(), n = t, o = ie(), s = be();
-    Qn(o, "slot", n.id, "", s), Zn(n.refContext.compId, o);
+    const { t: e } = bo(), n = t, o = ie(), s = be();
+    Zn(o, "slot", n.id, "", s), Jn(n.refContext.compId, o);
     function r(c) {
       const m = ze[c.basic.key];
       if (!m)
@@ -1062,7 +1062,7 @@ const ul = /* @__PURE__ */ V({
       }), se(m.comp, d, { default: () => u });
     }
     const a = () => {
-      if (vo(n.refContext))
+      if (xo(n.refContext))
         return se("div", e("x-runtime-lib.circularRef"));
       if (!o.value)
         return se("div");
@@ -1073,7 +1073,7 @@ const ul = /* @__PURE__ */ V({
     };
     return (c, m) => (h(), _(a));
   }
-}), fl = /* @__PURE__ */ V({
+}), yl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1110,7 +1110,7 @@ const ul = /* @__PURE__ */ V({
       });
     };
   }
-}), bl = /* @__PURE__ */ V({
+}), fl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1132,7 +1132,7 @@ const ul = /* @__PURE__ */ V({
       "settings",
       "readonly"
     ]), { property: S } = l(e, ["settings", "ripple"]), { property: T } = l(e, ["settings", "size"]), { property: E } = l(e, ["settings", "stacked"]), { property: N } = l(e, ["settings", "text"]), { theme: j } = F(), { property: M } = l(e, ["settings", "variant"]), { property: C } = l(e, ["size", "width"]), G = (Z) => {
-      ne(n) && (o.setVariable("__pointerPosX__", Z.clientX), o.setVariable("__pointerPosY__", Z.clientY), o.callFunction(
+      Q(n) && (o.setVariable("__pointerPosX__", Z.clientX), o.setVariable("__pointerPosY__", Z.clientY), o.callFunction(
         "__triggerEventV1__",
         J("elementEvent", e.node.basic.id, "click")
       ));
@@ -1169,8 +1169,8 @@ const ul = /* @__PURE__ */ V({
       }, 8, ["block"]);
     };
   }
-}), hl = {};
-function gl(t, e) {
+}), bl = {};
+function hl(t, e) {
   const n = A("v-btn-group");
   return h(), _(n, null, {
     default: k(() => [
@@ -1179,7 +1179,7 @@ function gl(t, e) {
     _: 3
   });
 }
-const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
+const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1221,7 +1221,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), kl = /* @__PURE__ */ V({
+}), vl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1266,7 +1266,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), _l = /* @__PURE__ */ V({
+}), kl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1293,7 +1293,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), wl = /* @__PURE__ */ V({
+}), _l = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1334,7 +1334,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), Vl = /* @__PURE__ */ V({
+}), wl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1378,7 +1378,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), $l = /* @__PURE__ */ V({
+}), Vl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1422,7 +1422,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
             "hide-sliders": i(u),
             landscape: i(p),
             "show-swatches": i(f),
-            style: Q(r.value),
+            style: ee(r.value),
             theme: i(b)
           }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"])
         ]),
@@ -1430,7 +1430,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), Il = /* @__PURE__ */ V({
+}), $l = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1469,7 +1469,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), Sl = /* @__PURE__ */ V({
+}), Il = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1479,14 +1479,14 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
     const e = t, n = fe(), o = ke(), { property: s } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: r } = O(s), { applySize: a } = ye(e), { applyMargin: c } = Fn(e), { applyPadding: m } = Nn(e), { applyBorder: d } = Dn(e), u = v(() => {
+    ]), { color: r } = O(s), { applySize: a } = ye(e), { applyMargin: c } = Dn(e), { applyPadding: m } = Fn(e), { applyBorder: d } = Mn(e), u = v(() => {
       const p = {}, f = o.value.type;
       return n === "page" ? f === "common" ? (a(p), c(p), m(p), d(p), r.value && (p.backgroundColor = r.value)) : console.assert(!1) : n === "comp" && f === "common" ? (a(p), c(p), m(p), d(p), r.value && (p.backgroundColor = r.value)) : console.assert(!1), p;
     });
     return (p, f) => (h(), _(i(D), { block: "" }, {
       default: k(() => [
         q("div", {
-          style: Q(u.value)
+          style: ee(u.value)
         }, [
           B(p.$slots, "default")
         ], 4)
@@ -1494,7 +1494,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       _: 3
     }));
   }
-}), Cl = /* @__PURE__ */ V({
+}), Sl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1536,8 +1536,8 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
             "multi-sort": i(u),
             theme: i(p),
             width: i(f)
-          }, Bn({ _: 2 }, [
-            Yo(b.value, ($) => ({
+          }, En({ _: 2 }, [
+            Xo(b.value, ($) => ({
               name: `item.${$.column}`,
               fn: k(({ value: S }) => [
                 R(i(he), {
@@ -1553,7 +1553,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), Pl = /* @__PURE__ */ V({
+}), Cl = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
     return (e, n) => {
@@ -1566,14 +1566,14 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), Tl = ["id"], zl = /* @__PURE__ */ V({
+}), Pl = ["id"], Tl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = H(), o = v(() => e.node.basic?.id), { open: s } = ao(`runtimeDlg/${so()}`);
+    const e = t, n = H(), o = v(() => e.node.basic?.id), { open: s } = lo(`runtimeDlg/${ro()}`);
     return Ge(e, "open", () => {
       s.value = !0;
     }), Ge(e, "close", () => {
@@ -1586,10 +1586,10 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
         attach: "#dialogContainer"
       }, {
         activator: k(() => [
-          i(n) === "editor" ? (h(), ee("div", {
+          i(n) === "editor" ? (h(), te("div", {
             key: 0,
             id: `__node__@${o.value}`
-          }, null, 8, Tl)) : te("", !0)
+          }, null, 8, Pl)) : ne("", !0)
         ]),
         default: k(() => [
           B(r.$slots, "default")
@@ -1598,7 +1598,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       }, 8, ["modelValue"]);
     };
   }
-}), Al = /* @__PURE__ */ V({
+}), zl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1642,14 +1642,14 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), Ll = /* @__PURE__ */ V({
+}), Al = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Ce(), o = fe(), s = ke(), { applySize: r } = ye(e), { applyMargin: a } = Fn(e), { applyPadding: c } = Nn(e), { applyBorder: m } = Dn(e), { property: d } = l(e, [
+    const e = t, n = Ce(), o = fe(), s = ke(), { applySize: r } = ye(e), { applyMargin: a } = Dn(e), { applyPadding: c } = Fn(e), { applyBorder: m } = Mn(e), { property: d } = l(e, [
       "settings",
       "backgroundColor"
     ]), { color: u } = O(d), p = (b) => {
@@ -1666,13 +1666,13 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       const b = {}, g = s.value.type;
       return o === "page" ? g === "common" ? (r(b), a(b), c(b), m(b), p(b)) : console.assert(!1) : o === "comp" && g === "common" ? (r(b), a(b), c(b), m(b), p(b)) : console.assert(!1), b;
     });
-    return (b, g) => (h(), ee("div", {
-      style: Q(f.value)
+    return (b, g) => (h(), te("div", {
+      style: ee(f.value)
     }, [
       B(b.$slots, "default")
     ], 4));
   }
-}), El = /* @__PURE__ */ V({
+}), Ll = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1683,13 +1683,13 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       const m = {}, d = o.value.type;
       return n === "page" ? d === "common" ? (s(m), m.flexGrow = r.value ? 1 : 0, m.flexShrink = a.value ? 1 : 0) : console.assert(!1) : n === "comp" && d === "common" ? (s(m), m.flexGrow = r.value ? 1 : 0, m.flexShrink = a.value ? 1 : 0) : console.assert(!1), m;
     });
-    return (m, d) => (h(), ee("div", {
-      style: Q(c.value)
+    return (m, d) => (h(), te("div", {
+      style: ee(c.value)
     }, [
       B(m.$slots, "default")
     ], 4));
   }
-}), Bl = /* @__PURE__ */ V({
+}), El = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1702,11 +1702,11 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
     ]), { property: m } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: d } = O(m), { applySize: u } = ye(e), { applyMargin: p } = Fn(e), { applyPadding: f } = Nn(e), { applyBorder: b } = Dn(e), g = v(() => {
+    ]), { color: d } = O(m), { applySize: u } = ye(e), { applyMargin: p } = Dn(e), { applyPadding: f } = Fn(e), { applyBorder: b } = Mn(e), g = v(() => {
       const I = {}, $ = s.value.type;
       return o === "page" ? $ === "common" ? (u(I), p(I), f(I), b(I), d.value && (I.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && $ === "common" ? (u(I), p(I), f(I), b(I), d.value && (I.backgroundColor = d.value)) : console.assert(!1), I;
     }), x = () => {
-      ne(n) && r.callFunction(
+      Q(n) && r.callFunction(
         "__triggerEventV1__",
         J("elementEvent", e.node.basic.id, "submit")
       );
@@ -1717,8 +1717,8 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
         modelValue: i(a),
         "onUpdate:modelValue": $[0] || ($[0] = (T) => X(a) ? a.value = T : null),
         "fast-fail": i(c),
-        style: Q(g.value),
-        onSubmit: qo(x, ["prevent"])
+        style: ee(g.value),
+        onSubmit: Yo(x, ["prevent"])
       }, {
         default: k(() => [
           B(I.$slots, "default")
@@ -1727,7 +1727,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), Wl = /* @__PURE__ */ V({
+}), Bl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1749,14 +1749,14 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), Rl = ["id"], Ml = /* @__PURE__ */ V({
+}), Wl = ["id"], Rl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = H(), o = be(), s = ie(0), r = ie(0), a = v(() => [s.value, r.value]), c = v(() => e.node.basic?.id), { open: m } = ao(`runtimeMenu/${so()}`);
+    const e = t, n = H(), o = be(), s = ie(0), r = ie(0), a = v(() => [s.value, r.value]), c = v(() => e.node.basic?.id), { open: m } = lo(`runtimeMenu/${ro()}`);
     return Ge(e, "open", () => {
       s.value = o.getVariable("__pointerPosX__"), r.value = o.getVariable("__pointerPosY__"), m.value = !0;
     }), Ge(e, "close", () => {
@@ -1772,10 +1772,10 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
         target: a.value
       }, {
         activator: k(() => [
-          i(n) === "editor" ? (h(), ee("div", {
+          i(n) === "editor" ? (h(), te("div", {
             key: 0,
             id: `__node__@${c.value}`
-          }, null, 8, Rl)) : te("", !0)
+          }, null, 8, Wl)) : ne("", !0)
         ]),
         default: k(() => [
           B(d.$slots, "default")
@@ -1784,7 +1784,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Dl = /* @__PURE__ */ V({
+}), Ml = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1862,7 +1862,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), Fl = /* @__PURE__ */ V({
+}), Dl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1892,7 +1892,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
             "show-first-last-page": i(a),
             size: i(c),
             start: i(m),
-            style: Q(b.value),
+            style: ee(b.value),
             theme: i(d),
             tile: i(u),
             variant: i(f)
@@ -1902,7 +1902,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), Nl = /* @__PURE__ */ V({
+}), Fl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1929,7 +1929,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), Gl = /* @__PURE__ */ V({
+}), Nl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1970,7 +1970,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), jl = /* @__PURE__ */ V({
+}), Gl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2014,7 +2014,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       const M = {};
       for (const { value: C, label: G } of $.value)
         M[C] = G;
-      if (!bo(M))
+      if (!fo(M))
         return M;
     }), { property: T } = l(e, [
       "settings",
@@ -2061,7 +2061,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), Hl = /* @__PURE__ */ V({
+}), jl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2102,7 +2102,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), Ol = /* @__PURE__ */ V({
+}), Hl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2141,7 +2141,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), Kl = /* @__PURE__ */ V({
+}), Ol = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2188,7 +2188,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       const pe = {};
       for (const { value: De, label: Jt } of N.value)
         pe[De] = Jt;
-      if (!bo(pe))
+      if (!fo(pe))
         return pe;
     }), { property: M } = l(e, [
       "settings",
@@ -2206,7 +2206,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
         default: k(() => [
           R(Jt, {
             modelValue: i(Z),
-            "onUpdate:modelValue": De[0] || (De[0] = (Ko) => X(Z) ? Z.value = Ko : null),
+            "onUpdate:modelValue": De[0] || (De[0] = (Oo) => X(Z) ? Z.value = Oo : null),
             color: i(o),
             direction: i(s),
             disabled: i(r),
@@ -2225,7 +2225,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
             "tick-size": i(M),
             ticks: j.value,
             "track-color": i(G)
-          }, Bn({ _: 2 }, [
+          }, En({ _: 2 }, [
             i(re) ? {
               name: "append",
               fn: k(() => [
@@ -2254,7 +2254,7 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       });
     };
   }
-}), Ul = /* @__PURE__ */ V({
+}), Kl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2280,8 +2280,8 @@ const xl = /* @__PURE__ */ Se(hl, [["render", gl]]), vl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "hide-actions", "theme"]);
     };
   }
-}), Xl = {};
-function Yl(t, e) {
+}), Ul = {};
+function Xl(t, e) {
   const n = A("v-stepper-header");
   return h(), _(n, null, {
     default: k(() => [
@@ -2290,7 +2290,7 @@ function Yl(t, e) {
     _: 3
   });
 }
-const ql = /* @__PURE__ */ Se(Xl, [["render", Yl]]), Jl = /* @__PURE__ */ V({
+const Yl = /* @__PURE__ */ Se(Ul, [["render", Xl]]), ql = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2308,8 +2308,8 @@ const ql = /* @__PURE__ */ Se(Xl, [["render", Yl]]), Jl = /* @__PURE__ */ V({
       }, 8, ["value"]);
     };
   }
-}), Zl = {};
-function Ql(t, e) {
+}), Jl = {};
+function Zl(t, e) {
   const n = A("v-stepper-window");
   return h(), _(n, null, {
     default: k(() => [
@@ -2318,7 +2318,7 @@ function Ql(t, e) {
     _: 3
   });
 }
-const ea = /* @__PURE__ */ Se(Zl, [["render", Ql]]), ta = /* @__PURE__ */ V({
+const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2336,7 +2336,7 @@ const ea = /* @__PURE__ */ Se(Zl, [["render", Ql]]), ta = /* @__PURE__ */ V({
       }, 8, ["value"]);
     };
   }
-}), na = /* @__PURE__ */ V({
+}), ta = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2379,7 +2379,7 @@ const ea = /* @__PURE__ */ Se(Zl, [["render", Ql]]), ta = /* @__PURE__ */ V({
       });
     };
   }
-}), ia = /* @__PURE__ */ V({
+}), na = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2395,7 +2395,7 @@ const ea = /* @__PURE__ */ Se(Zl, [["render", Ql]]), ta = /* @__PURE__ */ V({
       return h(), _(i(D), null, {
         default: k(() => [
           R(d, {
-            style: Q(a.value),
+            style: ee(a.value),
             text: i(o),
             theme: i(s),
             value: i(r)
@@ -2405,7 +2405,7 @@ const ea = /* @__PURE__ */ Se(Zl, [["render", Ql]]), ta = /* @__PURE__ */ V({
       });
     };
   }
-}), oa = /* @__PURE__ */ V({
+}), ia = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2483,7 +2483,7 @@ const ea = /* @__PURE__ */ Se(Zl, [["render", Ql]]), ta = /* @__PURE__ */ V({
       });
     };
   }
-}), ra = /* @__PURE__ */ V({
+}), oa = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2503,13 +2503,13 @@ const ea = /* @__PURE__ */ Se(Zl, [["render", Ql]]), ta = /* @__PURE__ */ V({
     return (u, p) => (h(), _(i(D), null, {
       default: k(() => [
         q("span", {
-          class: Jo(d.value)
-        }, Zo(i(c)), 3)
+          class: qo(d.value)
+        }, Jo(i(c)), 3)
       ]),
       _: 1
     }));
   }
-}), sa = /* @__PURE__ */ V({
+}), ra = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2562,7 +2562,7 @@ const ea = /* @__PURE__ */ Se(Zl, [["render", Ql]]), ta = /* @__PURE__ */ V({
       });
     };
   }
-}), la = /* @__PURE__ */ V({
+}), sa = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2638,7 +2638,7 @@ const ea = /* @__PURE__ */ Se(Zl, [["render", Ql]]), ta = /* @__PURE__ */ V({
             suffix: i(S),
             theme: i(T),
             variant: i(N)
-          }, Bn({ _: 2 }, [
+          }, En({ _: 2 }, [
             i(j) ? {
               name: "append",
               fn: k(() => [
@@ -2689,7 +2689,7 @@ const ea = /* @__PURE__ */ Se(Zl, [["render", Ql]]), ta = /* @__PURE__ */ V({
       });
     };
   }
-}), aa = /* @__PURE__ */ V({
+}), la = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2750,8 +2750,8 @@ const ea = /* @__PURE__ */ Se(Zl, [["render", Ql]]), ta = /* @__PURE__ */ V({
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
   }
-}), ca = {};
-function ua(t, e) {
+}), aa = {};
+function ca(t, e) {
   const n = A("v-timeline-item");
   return h(), _(n, null, {
     default: k(() => [
@@ -2760,7 +2760,7 @@ function ua(t, e) {
     _: 3
   });
 }
-const pa = /* @__PURE__ */ Se(ca, [["render", ua]]), ma = /* @__PURE__ */ V({
+const ua = /* @__PURE__ */ Se(aa, [["render", ca]]), pa = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2800,8 +2800,8 @@ const pa = /* @__PURE__ */ Se(ca, [["render", ua]]), ma = /* @__PURE__ */ V({
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
     };
   }
-}), da = {};
-function ya(t, e) {
+}), ma = {};
+function da(t, e) {
   const n = A("v-window-item");
   return h(), _(n, null, {
     default: k(() => [
@@ -2810,7 +2810,7 @@ function ya(t, e) {
     _: 3
   });
 }
-const fa = /* @__PURE__ */ Se(da, [["render", ya]]), Ye = "ambient_light_v1", qe = "badge_v1", Gn = "breadcrumbs_v1", Je = "bar_chart_v1", Ze = "box_geometry_v1", Qe = "btn_v1", et = "btn_group_v1", tt = "btn_toggle_v1", nt = "card_v1", it = "checkbox_v1", ot = "chip_v1", rt = "chip_group_v1", st = "color_picker_v1", lt = "combobox_v1", at = "container_v1", ct = "data_table_v1", ut = "date_picker_v1", pt = "dialog_v1", mt = "directional_light_v1", dt = "file_input_v1", yt = "flex_layout_v1", Io = "flex_layout_entry_v1", ft = "form_v1", sn = "globality_v1", bt = "group_v1", ht = "icon_v1", gt = "keyboard_controls_v1", xt = "line_chart_v1", vt = "map_controls_v1", kt = "menu_v1", _t = "mesh_v1", ba = "mesh_basic_material_v1", wt = "multiple_ref_v1", Vt = "number_input_v1", $t = "orbit_controls_v1", It = "orthographic_camera_v1", St = "pagination_v1", Ct = "perspective_camera_v1", Pt = "point_light_v1", So = "radio_v1", Tt = "radio_group_v1", zt = "range_slider_v1", Ae = "reference_v1", At = "rating_v1", Lt = "render_switch_v1", Et = "select_v1", Bt = "slider_v1", Wt = "sphere_geometry_v1", Rt = "spot_light_v1", Mt = "stepper_v1", Co = "stepper_header_v1", Po = "stepper_item_v1", To = "stepper_window_v1", zo = "stepper_window_item_v1", Dt = "switch_v1", Ao = "tab_v1", jn = "table_v1", Ft = "tabs_v1", Nt = "text_v1", Gt = "textarea_v1", jt = "text_field_v1", Ht = "timeline_v1", Lo = "timeline_item_v1", Ot = "window_v1", Eo = "window_item_v1", y = {
+const ya = /* @__PURE__ */ Se(ma, [["render", da]]), Ye = "ambient_light_v1", qe = "badge_v1", Nn = "breadcrumbs_v1", Je = "bar_chart_v1", Ze = "box_geometry_v1", Qe = "btn_v1", et = "btn_group_v1", tt = "btn_toggle_v1", nt = "card_v1", it = "checkbox_v1", ot = "chip_v1", rt = "chip_group_v1", st = "color_picker_v1", lt = "combobox_v1", at = "container_v1", ct = "data_table_v1", ut = "date_picker_v1", pt = "dialog_v1", mt = "directional_light_v1", dt = "file_input_v1", yt = "flex_layout_v1", $o = "flex_layout_entry_v1", ft = "form_v1", sn = "globality_v1", bt = "group_v1", ht = "icon_v1", gt = "keyboard_controls_v1", xt = "line_chart_v1", vt = "map_controls_v1", kt = "menu_v1", _t = "mesh_v1", fa = "mesh_basic_material_v1", wt = "multiple_ref_v1", Vt = "number_input_v1", $t = "orbit_controls_v1", It = "orthographic_camera_v1", St = "pagination_v1", Ct = "perspective_camera_v1", Pt = "point_light_v1", Io = "radio_v1", Tt = "radio_group_v1", zt = "range_slider_v1", Ae = "reference_v1", At = "rating_v1", Lt = "render_switch_v1", Et = "select_v1", Bt = "slider_v1", Wt = "sphere_geometry_v1", Rt = "spot_light_v1", Mt = "stepper_v1", So = "stepper_header_v1", Co = "stepper_item_v1", Po = "stepper_window_v1", To = "stepper_window_item_v1", Dt = "switch_v1", zo = "tab_v1", Gn = "table_v1", Ft = "tabs_v1", Nt = "text_v1", Gt = "textarea_v1", jt = "text_field_v1", Ht = "timeline_v1", Ao = "timeline_item_v1", Ot = "window_v1", Lo = "window_item_v1", y = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2872,7 +2872,7 @@ const fa = /* @__PURE__ */ Se(da, [["render", ya]]), Ye = "ambient_light_v1", qe
       ]
     }
   ]
-}, ha = W(K), Ve = {
+}, ba = W(K), Ve = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2890,7 +2890,7 @@ const fa = /* @__PURE__ */ Se(da, [["render", ya]]), Ye = "ambient_light_v1", qe
       types: "borderWidthTypesV1",
       default: ""
     },
-    ha,
+    ba,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -3239,7 +3239,7 @@ const fa = /* @__PURE__ */ Se(da, [["render", ya]]), Ye = "ambient_light_v1", qe
       defaultArray: []
     }
   ]
-}, ni = {
+}, ti = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3286,20 +3286,20 @@ const fa = /* @__PURE__ */ Se(da, [["render", ya]]), Ye = "ambient_light_v1", qe
       default: 2e3
     }
   ]
-}, ga = {
+}, ha = {
   key: It,
   name: "x-runtime-lib.orthographicCamera",
-  comp: Wr,
+  comp: Br,
   properties: {
-    pageScene: [y, Y, ni],
-    compScene: [y, Y, ni]
+    pageScene: [y, Y, ti],
+    compScene: [y, Y, ti]
   },
   events: [],
   methods: [],
   slots: []
 };
-w(ga);
-const ii = {
+w(ha);
+const ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3332,41 +3332,41 @@ const ii = {
       default: 2e3
     }
   ]
-}, xa = {
+}, ga = {
   key: Ct,
   name: "x-runtime-lib.perspectiveCamera",
-  comp: Mr,
+  comp: Rr,
   properties: {
-    pageScene: [y, Y, ii],
-    compScene: [y, Y, ii]
+    pageScene: [y, Y, ni],
+    compScene: [y, Y, ni]
   },
   events: [],
   methods: [],
   slots: []
 };
-w(xa);
-const va = /* @__PURE__ */ V({
+w(ga);
+const xa = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
     const e = H();
-    return (n, o) => i(e) !== "editor" ? (h(), _(i(br), { key: 0 })) : te("", !0);
+    return (n, o) => i(e) !== "editor" ? (h(), _(i(fr), { key: 0 })) : ne("", !0);
   }
-}), ka = /* @__PURE__ */ V({
+}), va = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
     const e = H();
-    return (n, o) => i(e) !== "editor" ? (h(), _(i(hr), { key: 0 })) : te("", !0);
+    return (n, o) => i(e) !== "editor" ? (h(), _(i(br), { key: 0 })) : ne("", !0);
   }
-}), _a = /* @__PURE__ */ V({
+}), ka = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
     const e = H();
-    return (n, o) => i(e) !== "editor" ? (h(), _(i(gr), { key: 0 })) : te("", !0);
+    return (n, o) => i(e) !== "editor" ? (h(), _(i(hr), { key: 0 })) : ne("", !0);
   }
-}), wa = {
+}), _a = {
   key: gt,
   name: "x-runtime-lib.keyboardControls",
-  comp: va,
+  comp: xa,
   properties: {
     pageScene: [y],
     compScene: [y]
@@ -3376,11 +3376,11 @@ const va = /* @__PURE__ */ V({
   slots: [],
   leaf: !0
 };
-w(wa);
-const Va = {
+w(_a);
+const wa = {
   key: vt,
   name: "x-runtime-lib.mapControls",
-  comp: ka,
+  comp: va,
   properties: {
     pageScene: [y],
     compScene: [y]
@@ -3390,11 +3390,11 @@ const Va = {
   slots: [],
   leaf: !0
 };
-w(Va);
-const $a = {
+w(wa);
+const Va = {
   key: $t,
   name: "x-runtime-lib.orbitControls",
-  comp: _a,
+  comp: ka,
   properties: {
     pageScene: [y],
     compScene: [y]
@@ -3404,8 +3404,8 @@ const $a = {
   slots: [],
   leaf: !0
 };
-w($a);
-function Ia(t, e) {
+w(Va);
+function $a(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`boxGeometryV1/spawn property tag not found, ${n}`);
@@ -3434,11 +3434,11 @@ function Ia(t, e) {
       z: 1
     }
   }, r.children = [
-    Sa(t, e),
-    Ca(t, e)
+    Ia(t, e),
+    Sa(t, e)
   ], r;
 }
-function Sa(t, e) {
+function Ia(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -3463,7 +3463,7 @@ function Sa(t, e) {
     depthSegements: 1
   }, r;
 }
-function Ca(t, e) {
+function Sa(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -3481,7 +3481,7 @@ function Ca(t, e) {
   const r = {};
   return z(r, s), r.basic.id = P(16), r.basic.key = Le.key, r;
 }
-const oi = {
+const ii = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3528,19 +3528,19 @@ const oi = {
 }, ln = {
   key: Ze,
   name: "x-runtime-lib.boxGeometry",
-  comp: Fr,
+  comp: Dr,
   properties: {
-    pageScene: [y, oi],
-    compScene: [y, oi]
+    pageScene: [y, ii],
+    compScene: [y, ii]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Ia
+  spawn: $a
 };
 w(ln);
-function Pa(t, e) {
+function Ca(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${n}`);
@@ -3569,11 +3569,11 @@ function Pa(t, e) {
       z: 1
     }
   }, r.children = [
-    Ta(t, e),
-    za(t, e)
+    Pa(t, e),
+    Ta(t, e)
   ], r;
 }
-function Ta(t, e) {
+function Pa(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -3599,7 +3599,7 @@ function Ta(t, e) {
     thetaLength: 3.141592653589793
   }, r;
 }
-function za(t, e) {
+function Ta(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -3617,7 +3617,7 @@ function za(t, e) {
   const r = {};
   return z(r, s), r.basic.id = P(16), r.basic.key = Le.key, r;
 }
-const ri = {
+const oi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3672,23 +3672,23 @@ const ri = {
 }, an = {
   key: Wt,
   name: "x-runtime-lib.sphereGeometry",
-  comp: Gr,
+  comp: Nr,
   properties: {
-    pageScene: [y, ri],
-    compScene: [y, ri]
+    pageScene: [y, oi],
+    compScene: [y, oi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Pa
+  spawn: Ca
 };
 w(an);
 const Kt = W(K);
 Kt.children[0].default = "custom";
 Kt.children[2].children[0].default = "0xffffff";
 Kt.children[2].children[1].default = "0xffffff";
-const si = {
+const ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3701,24 +3701,24 @@ const si = {
       default: 1
     }
   ]
-}, Aa = {
+}, za = {
   key: Ye,
   name: "x-runtime-lib.ambientLight",
-  comp: Hr,
+  comp: jr,
   properties: {
-    pageScene: [y, Y, si],
-    compScene: [y, Y, si]
+    pageScene: [y, Y, ri],
+    compScene: [y, Y, ri]
   },
   events: [],
   methods: [],
   slots: []
 };
-w(Aa);
+w(za);
 const Ut = W(K);
 Ut.children[0].default = "custom";
 Ut.children[2].children[0].default = "0xffffff";
 Ut.children[2].children[1].default = "0xffffff";
-const li = {
+const si = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3731,24 +3731,24 @@ const li = {
       default: 1
     }
   ]
-}, La = {
+}, Aa = {
   key: mt,
   name: "x-runtime-lib.directionalLight",
-  comp: Kr,
+  comp: Or,
   properties: {
-    pageScene: [y, Y, li],
-    compScene: [y, Y, li]
+    pageScene: [y, Y, si],
+    compScene: [y, Y, si]
   },
   events: [],
   methods: [],
   slots: []
 };
-w(La);
+w(Aa);
 const Xt = W(K);
 Xt.children[0].default = "custom";
 Xt.children[2].children[0].default = "0xffffff";
 Xt.children[2].children[1].default = "0xffffff";
-const ai = {
+const li = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3775,24 +3775,24 @@ const ai = {
       default: 2
     }
   ]
-}, Ea = {
+}, La = {
   key: Pt,
   name: "x-runtime-lib.pointLight",
-  comp: Xr,
+  comp: Ur,
   properties: {
-    pageScene: [y, Y, ai],
-    compScene: [y, Y, ai]
+    pageScene: [y, Y, li],
+    compScene: [y, Y, li]
   },
   events: [],
   methods: [],
   slots: []
 };
-w(Ea);
+w(La);
 const Yt = W(K);
 Yt.children[0].default = "custom";
 Yt.children[2].children[0].default = "0xffffff";
 Yt.children[2].children[1].default = "0xffffff";
-const ci = {
+const ai = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3836,23 +3836,23 @@ const ci = {
       default: 0
     }
   ]
-}, Ba = {
+}, Ea = {
   key: Rt,
   name: "x-runtime-lib.spotLight",
-  comp: qr,
+  comp: Yr,
   properties: {
-    pageScene: [y, Y, ci],
-    compScene: [y, Y, ci]
+    pageScene: [y, Y, ai],
+    compScene: [y, Y, ai]
   },
   events: [],
   methods: [],
   slots: []
 };
-w(Ba);
+w(Ea);
 const Le = {
-  key: ba,
+  key: fa,
   name: "x-runtime-lib.meshBasicMaterial",
-  comp: Qr,
+  comp: Zr,
   properties: {
     pageScene: [y],
     compScene: [y]
@@ -3863,10 +3863,10 @@ const Le = {
   leaf: !0
 };
 w(Le);
-const Wa = {
+const Ba = {
   key: bt,
   name: "x-runtime-lib.group",
-  comp: ts,
+  comp: es,
   properties: {
     pageScene: [y, Y],
     compScene: [y, Y]
@@ -3875,11 +3875,11 @@ const Wa = {
   methods: [],
   slots: []
 };
-w(Wa);
+w(Ba);
 const Ee = {
   key: _t,
   name: "x-runtime-lib.mesh",
-  comp: is,
+  comp: ns,
   properties: {
     pageScene: [y, Y],
     compScene: [y, Y]
@@ -3889,7 +3889,7 @@ const Ee = {
   slots: []
 };
 w(Ee);
-function Ra(t, e) {
+function Wa(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`barChartV1/spawn property tag not found, ${n}`);
@@ -3908,7 +3908,7 @@ function Ra(t, e) {
     }
   ], r;
 }
-const ui = {
+const ci = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -3932,19 +3932,19 @@ const ui = {
 }, cn = {
   key: Je,
   name: "x-runtime-lib.barChart",
-  comp: ul,
+  comp: cl,
   properties: {
-    pageCommon: [y, U, He, Oe, Ke, je, ui],
-    compCommon: [y, U, He, Oe, Ke, je, ui]
+    pageCommon: [y, U, He, Oe, Ke, je, ci],
+    compCommon: [y, U, He, Oe, Ke, je, ci]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Ra
+  spawn: Wa
 };
 w(cn);
-function Ma(t, e) {
+function Ra(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`lineChartV1/spawn property tag not found, ${n}`);
@@ -3963,7 +3963,7 @@ function Ma(t, e) {
     }
   ], r;
 }
-const pi = {
+const ui = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -3987,22 +3987,22 @@ const pi = {
 }, un = {
   key: xt,
   name: "x-runtime-lib.lineChart",
-  comp: pl,
+  comp: ul,
   properties: {
-    pageCommon: [y, U, He, Oe, Ke, je, pi],
-    compCommon: [y, U, He, Oe, Ke, je, pi]
+    pageCommon: [y, U, He, Oe, Ke, je, ui],
+    compCommon: [y, U, He, Oe, Ke, je, ui]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Ma
+  spawn: Ra
 };
 w(un);
-const Da = {
+const Ma = {
   key: wt,
   name: "x-runtime-lib.multipleRef",
-  comp: ml,
+  comp: pl,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -4012,8 +4012,8 @@ const Da = {
   slots: [],
   leaf: !0
 };
-w(Da);
-const mi = {
+w(Ma);
+const pi = {
   key: "reference",
   name: "x-runtime-lib.reference",
   children: [
@@ -4024,21 +4024,21 @@ const mi = {
       default: void 0
     }
   ]
-}, Fa = {
+}, Da = {
   key: Ae,
   name: "x-runtime-lib.reference",
-  comp: dl,
+  comp: ml,
   properties: {
-    pageCommon: [y, U, mi],
-    compCommon: [y, U, mi]
+    pageCommon: [y, U, pi],
+    compCommon: [y, U, pi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-w(Fa);
-const di = {
+w(Da);
+const mi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4049,39 +4049,39 @@ const di = {
       default: !1
     }
   ]
-}, Na = {
+}, Fa = {
   key: Lt,
   name: "x-runtime-lib.renderSwitch",
-  comp: yl,
+  comp: dl,
   properties: {
-    pageCommon: [y, di],
-    compCommon: [y, di]
+    pageCommon: [y, mi],
+    compCommon: [y, mi]
   },
   events: [],
   methods: [],
   slots: []
 };
-w(Na);
+w(Fa);
 const qt = W(K);
 qt.key = "backgroundColor";
 qt.name = "x-runtime-lib.backgroundColor";
-const yi = {
+const di = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [qt]
-}, fi = {
+}, yi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [qt]
-}, Ga = {
+}, Na = {
   key: sn,
   name: "x-runtime-lib.globality",
   comp: null,
   properties: {
-    pageCommon: [yi],
-    pageScene: [fi],
-    compCommon: [yi],
-    compScene: [fi]
+    pageCommon: [di],
+    pageScene: [yi],
+    compCommon: [di],
+    compScene: [yi]
   },
   events: [
     {
@@ -4121,8 +4121,8 @@ const yi = {
   slots: [],
   internal: !0
 };
-w(Ga);
-const bi = {
+w(Na);
+const fi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4160,16 +4160,16 @@ const bi = {
 }, Ju = {
   key: qe,
   name: "x-runtime-lib.badge",
-  comp: fl,
+  comp: yl,
   properties: {
-    pageCommon: [y, bi],
-    compCommon: [y, bi]
+    pageCommon: [y, fi],
+    compCommon: [y, fi]
   },
   events: [],
   methods: [],
   slots: []
 };
-function ja(t, e) {
+function Ga(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`btnV1/spawn property tag not found, ${n}`);
@@ -4183,7 +4183,7 @@ function ja(t, e) {
   const r = {};
   return z(r, s), r.basic.id = P(16), r.basic.key = pn.key, r.settings.text = "button", r;
 }
-const Ha = W(K), hi = {
+const ja = W(K), bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4262,7 +4262,7 @@ const Ha = W(K), hi = {
       ui: "switch",
       default: !1
     },
-    Ha,
+    ja,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -4273,10 +4273,10 @@ const Ha = W(K), hi = {
 }, pn = {
   key: Qe,
   name: "x-runtime-lib.button",
-  comp: bl,
+  comp: fl,
   properties: {
-    pageCommon: [y, U, hi],
-    compCommon: [y, U, hi]
+    pageCommon: [y, U, bi],
+    compCommon: [y, U, bi]
   },
   events: [
     {
@@ -4288,13 +4288,13 @@ const Ha = W(K), hi = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: ja
+  spawn: Ga
 };
 w(pn);
-const Oa = {
+const Ha = {
   key: et,
   name: "x-runtime-lib.buttonGroup",
-  comp: xl,
+  comp: gl,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -4303,8 +4303,8 @@ const Oa = {
   methods: [],
   slots: []
 };
-w(Oa);
-const gi = {
+w(Ha);
+const hi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4365,20 +4365,20 @@ const gi = {
       default: !1
     }
   ]
-}, Ka = {
+}, Oa = {
   key: tt,
   name: "x-runtime-lib.buttonToggle",
-  comp: vl,
+  comp: xl,
   properties: {
-    pageCommon: [y, gi],
-    compCommon: [y, gi]
+    pageCommon: [y, hi],
+    compCommon: [y, hi]
   },
   events: [],
   methods: [],
   slots: []
 };
-w(Ka);
-function Ua(t, e) {
+w(Oa);
+function Ka(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`cardV1/spawn property tag not found, ${n}`);
@@ -4392,7 +4392,7 @@ function Ua(t, e) {
   const r = {};
   return z(r, s), r.basic.id = P(16), r.basic.key = Be.key, r.children = [], r.settings.title = "title", r.settings.subtitle = "subtitle", r.settings.text = "text", r;
 }
-const xi = {
+const gi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4450,18 +4450,18 @@ const xi = {
 }, Be = {
   key: nt,
   name: "x-runtime-lib.card",
-  comp: kl,
+  comp: vl,
   properties: {
-    pageCommon: [y, U, xi],
-    compCommon: [y, U, xi]
+    pageCommon: [y, U, gi],
+    compCommon: [y, U, gi]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: Ua
+  spawn: Ka
 };
 w(Be);
-const vi = {
+const xi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4478,21 +4478,21 @@ const vi = {
       default: ""
     }
   ]
-}, Xa = {
+}, Ua = {
   key: it,
   name: "x-runtime-lib.checkbox",
-  comp: _l,
+  comp: kl,
   properties: {
-    pageCommon: [y, vi],
-    compCommon: [y, vi]
+    pageCommon: [y, xi],
+    compCommon: [y, xi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-w(Xa);
-const Ya = W(K), ki = {
+w(Ua);
+const Xa = W(K), vi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4565,15 +4565,15 @@ const Ya = W(K), ki = {
       ui: "switch",
       default: !1
     },
-    Ya
+    Xa
   ]
 }, mn = {
   key: ot,
   name: "x-runtime-lib.chip",
-  comp: wl,
+  comp: _l,
   properties: {
-    pageCommon: [y, ki],
-    compCommon: [y, ki]
+    pageCommon: [y, vi],
+    compCommon: [y, vi]
   },
   events: [],
   methods: [],
@@ -4581,7 +4581,7 @@ const Ya = W(K), ki = {
   leaf: !0
 };
 w(mn);
-function qa(t, e) {
+function Ya(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`chipGroupV1/spawn property tag not found, ${n}`);
@@ -4616,7 +4616,7 @@ function _e(t, e, n, o) {
   const c = {};
   return z(c, a), c.basic.id = P(16), c.basic.key = mn.key, c.settings.value = n, c.settings.text = o, c;
 }
-const _i = {
+const ki = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4673,21 +4673,21 @@ const _i = {
 }, dn = {
   key: rt,
   name: "x-runtime-lib.chipGroup",
-  comp: Vl,
+  comp: wl,
   properties: {
-    pageCommon: [y, _i],
-    compCommon: [y, _i]
+    pageCommon: [y, ki],
+    compCommon: [y, ki]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: qa
+  spawn: Ya
 };
 w(dn);
-const Ja = {
+const qa = {
   key: st,
   name: "x-runtime-lib.colorPicker",
-  comp: $l,
+  comp: Vl,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -4697,8 +4697,8 @@ const Ja = {
   slots: [],
   leaf: !0
 };
-w(Ja);
-const wi = {
+w(qa);
+const _i = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4739,34 +4739,34 @@ const wi = {
       default: !1
     }
   ]
-}, Za = {
+}, Ja = {
   key: lt,
   name: "x-runtime-lib.combobox",
-  comp: Il,
+  comp: $l,
   properties: {
-    pageCommon: [y, wi],
-    compCommon: [y, wi]
+    pageCommon: [y, _i],
+    compCommon: [y, _i]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-w(Za);
-const Hn = W(K);
-Hn.key = "backgroundColor";
-Hn.name = "x-runtime-lib.backgroundColor";
-const Vi = {
+w(Ja);
+const jn = W(K);
+jn.key = "backgroundColor";
+jn.name = "x-runtime-lib.backgroundColor";
+const wi = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Hn]
+  children: [jn]
 }, yn = {
   key: at,
   name: "x-runtime-lib.container",
-  comp: Sl,
+  comp: Il,
   properties: {
-    pageCommon: [y, U, Ve, $e, Ie, Vi],
-    compCommon: [y, U, Ve, $e, Ie, Vi]
+    pageCommon: [y, U, Ve, $e, Ie, wi],
+    compCommon: [y, U, Ve, $e, Ie, wi]
   },
   events: [
     {
@@ -4779,7 +4779,7 @@ const Vi = {
   slots: []
 };
 w(yn);
-const $i = {
+const Vi = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -4798,7 +4798,7 @@ const $i = {
       default: ""
     }
   ]
-}, Ii = {
+}, $i = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4906,7 +4906,7 @@ const $i = {
       default: !1
     }
   ]
-}, Si = {
+}, Ii = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -4931,24 +4931,24 @@ const $i = {
       defaultArray: []
     }
   ]
-}, Qa = {
+}, Za = {
   key: ct,
   name: "x-runtime-lib.dataTable",
-  comp: Cl,
+  comp: Sl,
   properties: {
-    pageCommon: [y, $i, Ii, Si],
-    compCommon: [y, $i, Ii, Si]
+    pageCommon: [y, Vi, $i, Ii],
+    compCommon: [y, Vi, $i, Ii]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-w(Qa);
-const ec = {
+w(Za);
+const Qa = {
   key: ut,
   name: "x-runtime-lib.datePicker",
-  comp: Pl,
+  comp: Cl,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -4958,11 +4958,11 @@ const ec = {
   slots: [],
   leaf: !0
 };
-w(ec);
-const tc = {
+w(Qa);
+const ec = {
   key: pt,
   name: "x-runtime-lib.dialog",
-  comp: zl,
+  comp: Tl,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -4985,24 +4985,24 @@ const tc = {
   slots: [],
   teleport: !0
 };
-w(tc);
-const Ci = {
+w(ec);
+const Si = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
 }, Zu = {
   key: dt,
   name: "x-runtime-lib.fileInput",
-  comp: Al,
+  comp: zl,
   properties: {
-    pageCommon: [y, Ci],
-    compCommon: [y, Ci]
+    pageCommon: [y, Si],
+    compCommon: [y, Si]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
-}, Pi = {
+}, Ci = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5020,19 +5020,19 @@ const Ci = {
     }
   ]
 }, fn = {
-  key: Io,
+  key: $o,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: El,
+  comp: Ll,
   properties: {
-    pageCommon: [y, U, Pi],
-    compCommon: [y, U, Pi]
+    pageCommon: [y, U, Ci],
+    compCommon: [y, U, Ci]
   },
   events: [],
   methods: [],
   slots: []
 };
 w(fn);
-function nc(t, e) {
+function tc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`flexLayoutV1/spawn property tag not found, ${n}`);
@@ -5065,7 +5065,7 @@ function nc(t, e) {
       "60px",
       void 0
     ),
-    ic(t, e)
+    nc(t, e)
   ], r;
 }
 function bn(t, e, n, o, s, r, a, c, m) {
@@ -5086,7 +5086,7 @@ function bn(t, e, n, o, s, r, a, c, m) {
   const f = {};
   return z(f, p), f.basic.id = P(16), f.basic.key = yn.key, o && (f.size.width = o), s && (f.size.minWidth = s), a && (f.size.height = a), c && (f.size.minHeight = c), n && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = n, f.settings.backgroundColor.custom.dark = n), f.children = [], f;
 }
-function ic(t, e) {
+function nc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -5118,10 +5118,10 @@ function ic(t, e) {
     )
   ], r;
 }
-const On = W(K);
-On.key = "backgroundColor";
-On.name = "x-runtime-lib.backgroundColor";
-const Ti = {
+const Hn = W(K);
+Hn.key = "backgroundColor";
+Hn.name = "x-runtime-lib.backgroundColor";
+const Pi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5289,15 +5289,15 @@ const Ti = {
         }
       ]
     },
-    On
+    Hn
   ]
 }, We = {
   key: yt,
   name: "x-runtime-lib.flexLayout",
-  comp: Ll,
+  comp: Al,
   properties: {
-    pageCommon: [y, U, Ve, $e, Ie, Ti],
-    compCommon: [y, U, Ve, $e, Ie, Ti]
+    pageCommon: [y, U, Ve, $e, Ie, Pi],
+    compCommon: [y, U, Ve, $e, Ie, Pi]
   },
   events: [
     {
@@ -5308,10 +5308,10 @@ const Ti = {
   ],
   methods: [],
   slots: [],
-  spawn: nc
+  spawn: tc
 };
 w(We);
-const zi = {
+const Ti = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5432,7 +5432,7 @@ const zi = {
       default: ""
     }
   ]
-}, Ai = {
+}, zi = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -5464,10 +5464,10 @@ const zi = {
 }, hn = {
   key: jt,
   name: "x-runtime-lib.textField",
-  comp: la,
+  comp: sa,
   properties: {
-    pageCommon: [y, zi, Ai],
-    compCommon: [y, zi, Ai]
+    pageCommon: [y, Ti, zi],
+    compCommon: [y, Ti, zi]
   },
   events: [],
   methods: [],
@@ -5500,7 +5500,7 @@ const zi = {
   leaf: !0
 };
 w(hn);
-function oc(t, e) {
+function ic(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`formV1/spawn property tag not found, ${n}`);
@@ -5512,9 +5512,9 @@ function oc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = gn.key, r.children = [rc(t, e)], r;
+  return z(r, s), r.basic.id = P(16), r.basic.key = gn.key, r.children = [oc(t, e)], r;
 }
-function rc(t, e) {
+function oc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`formV1/spawnTextField property tag not found, ${n}`);
@@ -5528,7 +5528,7 @@ function rc(t, e) {
   const r = {};
   return z(r, s), r.basic.id = P(16), r.basic.key = hn.key, r;
 }
-const Li = {
+const Ai = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5549,10 +5549,10 @@ const Li = {
 }, gn = {
   key: ft,
   name: "x-runtime-lib.form",
-  comp: Bl,
+  comp: El,
   properties: {
-    pageCommon: [y, U, Ve, $e, Ie, Li],
-    compCommon: [y, U, Ve, $e, Ie, Li]
+    pageCommon: [y, U, Ve, $e, Ie, Ai],
+    compCommon: [y, U, Ve, $e, Ie, Ai]
   },
   events: [
     {
@@ -5563,10 +5563,10 @@ const Li = {
   ],
   methods: [],
   slots: [],
-  spawn: oc
+  spawn: ic
 };
 w(gn);
-const sc = W(K), Ei = {
+const rc = W(K), Li = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5589,26 +5589,26 @@ const sc = W(K), Ei = {
       items: "sizeItemsV1",
       default: "default"
     },
-    sc
+    rc
   ]
-}, lc = {
+}, sc = {
   key: ht,
   name: "x-runtime-lib.icon",
-  comp: Wl,
+  comp: Bl,
   properties: {
-    pageCommon: [y, Ei],
-    compCommon: [y, Ei]
+    pageCommon: [y, Li],
+    compCommon: [y, Li]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-w(lc);
-const ac = {
+w(sc);
+const lc = {
   key: kt,
   name: "x-runtime-lib.menu",
-  comp: Ml,
+  comp: Rl,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -5631,8 +5631,8 @@ const ac = {
   slots: [],
   teleport: !0
 };
-w(ac);
-function cc(t, e) {
+w(lc);
+function ac(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`numberInputV1/spawn property tag not found, ${n}`);
@@ -5646,7 +5646,7 @@ function cc(t, e) {
   const r = {};
   return z(r, s), r.basic.id = P(16), r.basic.key = xn.key, r.settings.label = "label", r.settings.placeholder = "placeholder", r;
 }
-const Bi = {
+const Ei = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -5672,7 +5672,7 @@ const Bi = {
       default: ""
     }
   ]
-}, Wi = {
+}, Bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5816,10 +5816,10 @@ const Bi = {
 }, xn = {
   key: Vt,
   name: "x-runtime-lib.numberInput",
-  comp: Dl,
+  comp: Ml,
   properties: {
-    pageCommon: [y, Bi, Wi],
-    compCommon: [y, Bi, Wi]
+    pageCommon: [y, Ei, Bi],
+    compCommon: [y, Ei, Bi]
   },
   events: [
     {
@@ -5851,10 +5851,10 @@ const Bi = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: cc
+  spawn: ac
 };
 w(xn);
-const Ri = {
+const Wi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5917,21 +5917,21 @@ const Ri = {
       default: !1
     }
   ]
-}, uc = {
+}, cc = {
   key: St,
   name: "x-runtime-lib.pagination",
-  comp: Fl,
+  comp: Dl,
   properties: {
-    pageCommon: [y, Ri],
-    compCommon: [y, Ri]
+    pageCommon: [y, Wi],
+    compCommon: [y, Wi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-w(uc);
-const pc = W(K), Mi = {
+w(cc);
+const uc = W(K), Ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5966,15 +5966,15 @@ const pc = W(K), Mi = {
       items: "densityItemsV1",
       default: "default"
     },
-    pc
+    uc
   ]
 }, vn = {
-  key: So,
+  key: Io,
   name: "x-runtime-lib.radio",
-  comp: Nl,
+  comp: Fl,
   properties: {
-    pageCommon: [y, Mi],
-    compCommon: [y, Mi]
+    pageCommon: [y, Ri],
+    compCommon: [y, Ri]
   },
   events: [],
   methods: [],
@@ -5982,7 +5982,7 @@ const pc = W(K), Mi = {
   leaf: !0
 };
 w(vn);
-function mc(t, e) {
+function pc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`radioGroupV1/spawn property tag not found, ${n}`);
@@ -6016,7 +6016,7 @@ function Qt(t, e, n, o) {
   const c = {};
   return z(c, a), c.basic.id = P(16), c.basic.key = vn.key, c.settings.value = n, c.settings.label = o, c;
 }
-const Di = {
+const Mi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6062,18 +6062,18 @@ const Di = {
 }, kn = {
   key: Tt,
   name: "x-runtime-lib.radioGroup",
-  comp: Gl,
+  comp: Nl,
   properties: {
-    pageCommon: [y, Di],
-    compCommon: [y, Di]
+    pageCommon: [y, Mi],
+    compCommon: [y, Mi]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: mc
+  spawn: pc
 };
 w(kn);
-const Fi = {
+const Di = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6190,21 +6190,21 @@ const Fi = {
       ]
     }
   ]
-}, dc = {
+}, mc = {
   key: zt,
   name: "x-runtime-lib.rangeSlider",
-  comp: jl,
+  comp: Gl,
   properties: {
-    pageCommon: [y, Fi],
-    compCommon: [y, Fi]
+    pageCommon: [y, Di],
+    compCommon: [y, Di]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-w(dc);
-const Ni = {
+w(mc);
+const Fi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6259,21 +6259,21 @@ const Ni = {
       default: !1
     }
   ]
-}, yc = {
+}, dc = {
   key: At,
   name: "x-runtime-lib.rating",
-  comp: Hl,
+  comp: jl,
   properties: {
-    pageCommon: [y, Ni],
-    compCommon: [y, Ni]
+    pageCommon: [y, Fi],
+    compCommon: [y, Fi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-w(yc);
-const Gi = {
+w(dc);
+const Ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6314,30 +6314,30 @@ const Gi = {
       default: !1
     }
   ]
-}, fc = {
+}, yc = {
   key: Et,
   name: "x-runtime-lib.select",
-  comp: Ol,
+  comp: Hl,
   properties: {
-    pageCommon: [y, Gi],
-    compCommon: [y, Gi]
+    pageCommon: [y, Ni],
+    compCommon: [y, Ni]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-w(fc);
+w(yc);
+const On = W(K);
+On.key = "color";
+On.name = "x-runtime-lib.color";
 const Kn = W(K);
-Kn.key = "color";
-Kn.name = "x-runtime-lib.color";
+Kn.key = "trackColor";
+Kn.name = "x-runtime-lib.trackColor";
 const Un = W(K);
-Un.key = "trackColor";
-Un.name = "x-runtime-lib.trackColor";
-const Xn = W(K);
-Xn.key = "thumbColor";
-Xn.name = "x-runtime-lib.thumbColor";
-const ji = {
+Un.key = "thumbColor";
+Un.name = "x-runtime-lib.thumbColor";
+const Gi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6442,11 +6442,11 @@ const ji = {
       ui: "switch",
       default: !1
     },
+    On,
     Kn,
-    Un,
-    Xn
+    Un
   ]
-}, Hi = {
+}, ji = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -6463,24 +6463,24 @@ const ji = {
       default: void 0
     }
   ]
-}, bc = {
+}, fc = {
   key: Bt,
   name: "x-runtime-lib.slider",
-  comp: Kl,
+  comp: Ol,
   properties: {
-    pageCommon: [y, ji, Hi],
-    compCommon: [y, ji, Hi]
+    pageCommon: [y, Gi, ji],
+    compCommon: [y, Gi, ji]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-w(bc);
+w(fc);
 const _n = {
-  key: Co,
+  key: So,
   name: "x-runtime-lib.stepperHeader",
-  comp: ql,
+  comp: Yl,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -6490,7 +6490,7 @@ const _n = {
   slots: []
 };
 w(_n);
-const Oi = {
+const Hi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6502,12 +6502,12 @@ const Oi = {
     }
   ]
 }, wn = {
-  key: Po,
+  key: Co,
   name: "x-runtime-lib.stepperItem",
-  comp: Jl,
+  comp: ql,
   properties: {
-    pageCommon: [y, Oi],
-    compCommon: [y, Oi]
+    pageCommon: [y, Hi],
+    compCommon: [y, Hi]
   },
   events: [],
   methods: [],
@@ -6515,9 +6515,9 @@ const Oi = {
 };
 w(wn);
 const Vn = {
-  key: To,
+  key: Po,
   name: "x-runtime-lib.stepperWindow",
-  comp: ea,
+  comp: Ql,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -6527,7 +6527,7 @@ const Vn = {
   slots: []
 };
 w(Vn);
-const Ki = {
+const Oi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6539,19 +6539,19 @@ const Ki = {
     }
   ]
 }, $n = {
-  key: zo,
+  key: To,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: ta,
+  comp: ea,
   properties: {
-    pageCommon: [y, Ki],
-    compCommon: [y, Ki]
+    pageCommon: [y, Oi],
+    compCommon: [y, Oi]
   },
   events: [],
   methods: [],
   slots: []
 };
 w($n);
-function hc(t, e) {
+function bc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`stepperV1/spawn property tag not found, ${n}`);
@@ -6563,9 +6563,9 @@ function hc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = In.key, r.children = [gc(t, e), xc(t, e)], r;
+  return z(r, s), r.basic.id = P(16), r.basic.key = In.key, r.children = [hc(t, e), gc(t, e)], r;
 }
-function gc(t, e) {
+function hc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`stepperV1/spawnHeader property tag not found, ${n}`);
@@ -6597,7 +6597,7 @@ function en(t, e, n) {
   const a = {};
   return z(a, r), a.basic.id = P(16), a.basic.key = wn.key, a.children = [], a.settings.value = n, a;
 }
-function xc(t, e) {
+function gc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`stepperV1/spawnWindow property tag not found, ${n}`);
@@ -6631,9 +6631,9 @@ function tn(t, e, n, o) {
     return;
   }
   const c = {};
-  return z(c, a), c.basic.id = P(16), c.basic.key = $n.key, c.children = [vc(t, e, o)], c.settings.value = n, c;
+  return z(c, a), c.basic.id = P(16), c.basic.key = $n.key, c.children = [xc(t, e, o)], c.settings.value = n, c;
 }
-function vc(t, e, n) {
+function xc(t, e, n) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`stepperV1/spawnCard property tag not found, ${o}`);
@@ -6647,7 +6647,7 @@ function vc(t, e, n) {
   const a = {};
   return z(a, r), a.basic.id = P(16), a.basic.key = Be.key, a.children = [], a.settings.title = n, a;
 }
-const Ui = {
+const Ki = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6667,21 +6667,21 @@ const Ui = {
 }, In = {
   key: Mt,
   name: "x-runtime-lib.stepper",
-  comp: Ul,
+  comp: Kl,
   properties: {
-    pageCommon: [y, Ui],
-    compCommon: [y, Ui]
+    pageCommon: [y, Ki],
+    compCommon: [y, Ki]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: hc
+  spawn: bc
 };
 w(In);
-const kc = {
+const vc = {
   key: Dt,
   name: "x-runtime-lib.switch",
-  comp: na,
+  comp: ta,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -6691,8 +6691,8 @@ const kc = {
   slots: [],
   leaf: !0
 };
-w(kc);
-const Xi = {
+w(vc);
+const Ui = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6710,12 +6710,12 @@ const Xi = {
     }
   ]
 }, Sn = {
-  key: Ao,
+  key: zo,
   name: "x-runtime-lib.tab",
-  comp: ia,
+  comp: na,
   properties: {
-    pageCommon: [y, Xi],
-    compCommon: [y, Xi]
+    pageCommon: [y, Ui],
+    compCommon: [y, Ui]
   },
   events: [],
   methods: [],
@@ -6723,7 +6723,7 @@ const Xi = {
   leaf: !0
 };
 w(Sn);
-function _c(t, e) {
+function kc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`tabsV1/spawn property tag not found, ${n}`);
@@ -6755,16 +6755,16 @@ function nn(t, e, n, o) {
   const c = {};
   return z(c, a), c.basic.id = P(16), c.basic.key = Sn.key, c.settings.value = n, c.settings.text = o, c;
 }
+const Xn = W(K);
+Xn.key = "backgroundColor";
+Xn.name = "x-runtime-lib.backgroundColor";
 const Yn = W(K);
-Yn.key = "backgroundColor";
-Yn.name = "x-runtime-lib.backgroundColor";
+Yn.key = "selectedColor";
+Yn.name = "x-runtime-lib.selectedColor";
 const qn = W(K);
-qn.key = "selectedColor";
-qn.name = "x-runtime-lib.selectedColor";
-const Jn = W(K);
-Jn.key = "sliderColor";
-Jn.name = "x-runtime-lib.sliderColor";
-const Yi = {
+qn.key = "sliderColor";
+qn.name = "x-runtime-lib.sliderColor";
+const Xi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6840,24 +6840,24 @@ const Yi = {
     {
       key: "color",
       name: "x-runtime-lib.color",
-      children: [Yn, qn, Jn]
+      children: [Xn, Yn, qn]
     }
   ]
 }, Cn = {
   key: Ft,
   name: "x-runtime-lib.tabs",
-  comp: oa,
+  comp: ia,
   properties: {
-    pageCommon: [y, Yi],
-    compCommon: [y, Yi]
+    pageCommon: [y, Xi],
+    compCommon: [y, Xi]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: _c
+  spawn: kc
 };
 w(Cn);
-function wc(t, e) {
+function _c(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`textV1/spawn property tag not found, ${n}`);
@@ -6871,7 +6871,7 @@ function wc(t, e) {
   const r = {};
   return z(r, s), r.basic.id = P(16), r.basic.key = xe.key, r.settings.text = "text", r;
 }
-const qi = {
+const Yi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6960,19 +6960,19 @@ const qi = {
 }, xe = {
   key: Nt,
   name: "x-runtime-lib.text",
-  comp: ra,
+  comp: oa,
   properties: {
-    pageCommon: [y, qi],
-    compCommon: [y, qi]
+    pageCommon: [y, Yi],
+    compCommon: [y, Yi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: wc
+  spawn: _c
 };
 w(xe);
-function Vc(t, e) {
+function wc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`textareaV1/spawn property tag not found, ${n}`);
@@ -6986,7 +6986,7 @@ function Vc(t, e) {
   const r = {};
   return z(r, s), r.basic.id = P(16), r.basic.key = Pn.key, r.settings.label = "label", r;
 }
-const Ji = {
+const qi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7060,22 +7060,22 @@ const Ji = {
 }, Pn = {
   key: Gt,
   name: "x-runtime-lib.textarea",
-  comp: sa,
+  comp: ra,
   properties: {
-    pageCommon: [y, Ji],
-    compCommon: [y, Ji]
+    pageCommon: [y, qi],
+    compCommon: [y, qi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Vc
+  spawn: wc
 };
 w(Pn);
 const Tn = {
-  key: Lo,
+  key: Ao,
   name: "x-runtime-lib.timelineItem",
-  comp: pa,
+  comp: ua,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -7085,7 +7085,7 @@ const Tn = {
   slots: []
 };
 w(Tn);
-function $c(t, e) {
+function Vc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`timelineV1/spawn property tag not found, ${n}`);
@@ -7115,9 +7115,9 @@ function on(t, e, n) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = Tn.key, a.children = [Ic(t, e, n)], a;
+  return z(a, r), a.basic.id = P(16), a.basic.key = Tn.key, a.children = [$c(t, e, n)], a;
 }
-function Ic(t, e, n) {
+function $c(t, e, n) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`timelineV1/spawnText property tag not found, ${o}`);
@@ -7131,7 +7131,7 @@ function Ic(t, e, n) {
   const a = {};
   return z(a, r), a.basic.id = P(16), a.basic.key = xe.key, a.settings.text = n, a;
 }
-const Sc = W(K), Cc = W(K), Zi = {
+const Ic = W(K), Sc = W(K), Ji = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7179,7 +7179,7 @@ const Sc = W(K), Cc = W(K), Zi = {
           ui: "switch",
           default: !1
         },
-        Sc
+        Ic
       ]
     },
     {
@@ -7205,28 +7205,28 @@ const Sc = W(K), Cc = W(K), Zi = {
           ui: "numInput",
           default: 0
         },
-        Cc
+        Sc
       ]
     }
   ]
 }, zn = {
   key: Ht,
   name: "x-runtime-lib.timeline",
-  comp: aa,
+  comp: la,
   properties: {
-    pageCommon: [y, Zi],
-    compCommon: [y, Zi]
+    pageCommon: [y, Ji],
+    compCommon: [y, Ji]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: $c
+  spawn: Vc
 };
 w(zn);
 const An = {
-  key: Eo,
+  key: Lo,
   name: "x-runtime-lib.windowItem",
-  comp: fa,
+  comp: ya,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -7236,7 +7236,7 @@ const An = {
   slots: []
 };
 w(An);
-function Pc(t, e) {
+function Cc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`windowV1/spawn property tag not found, ${n}`);
@@ -7266,9 +7266,9 @@ function rn(t, e, n) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = An.key, a.children = [Tc(t, e, n)], a;
+  return z(a, r), a.basic.id = P(16), a.basic.key = An.key, a.children = [Pc(t, e, n)], a;
 }
-function Tc(t, e, n) {
+function Pc(t, e, n) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(
@@ -7282,9 +7282,9 @@ function Tc(t, e, n) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = We.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [zc(t, e, n)], a;
+  return z(a, r), a.basic.id = P(16), a.basic.key = We.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Tc(t, e, n)], a;
 }
-function zc(t, e, n) {
+function Tc(t, e, n) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
@@ -7298,7 +7298,7 @@ function zc(t, e, n) {
   const a = {};
   return z(a, r), a.basic.id = P(16), a.basic.key = xe.key, a.settings.text = n, a.settings.style.xs = "h6", a;
 }
-const Qi = {
+const Zi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7349,44 +7349,44 @@ const Qi = {
 }, Ln = {
   key: Ot,
   name: "x-runtime-lib.window",
-  comp: ma,
+  comp: pa,
   properties: {
-    pageCommon: [y, Qi],
-    compCommon: [y, Qi]
+    pageCommon: [y, Zi],
+    compCommon: [y, Zi]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: Pc
+  spawn: Cc
 };
 w(Ln);
-const Ac = [
+const zc = [
   { 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" }
-], Lc = [
+], Ac = [
   { 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" }
-], Ec = [
+], Lc = [
   { 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" }
-], Bc = [
+], Ec = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], Wc = [
+], Bc = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], Rc = [
+], Wc = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], Mc = [
+], Rc = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -7394,20 +7394,20 @@ const Ac = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], Dc = [
+], Mc = [
   { 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" }
-], Fc = [
+], Dc = [
   { 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" }
-], Nc = [
+], Fc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -7415,12 +7415,12 @@ const Ac = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], Gc = [
+], Nc = [
   { 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" }
-], jc = [
+], Gc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -7428,24 +7428,24 @@ const Ac = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], Hc = [
+], jc = [
   { title: "x-runtime-lib.elevated", value: "elevated" },
   { title: "x-runtime-lib.flat", value: "flat" },
   { title: "x-runtime-lib.tonal", value: "tonal" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.text", value: "text" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], Oc = [
+], Hc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], Kc = [
+], Oc = [
   { 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" }
-], Uc = [
+], Kc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -7453,18 +7453,18 @@ const Ac = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], Xc = [
+], Uc = [
   { 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" }
-], Yc = [
+], Xc = [
   { 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" }
-], qc = [
+], Yc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -7479,7 +7479,7 @@ const Ac = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], Jc = [
+], qc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -7490,53 +7490,53 @@ const Ac = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], Zc = [
+], Jc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], Qc = [
+], Zc = [
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], eu = [
+], Qc = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], tu = [
+], eu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], nu = [
+], tu = [
   { 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" }
-], iu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], nu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alignTabsItemsV1: Ac,
-  axisTypeItemsV1: Lc,
-  borderStyleItemsV1: Ec,
-  colorModeItemsV1: Bc,
-  densityItemsV1: Wc,
-  directionItemsV1: Rc,
-  fieldVariantItemsV1: Mc,
-  flexCrossAlignItemsV1: Dc,
-  flexDirectionItemsV1: Fc,
-  flexMainAlignItemsV1: Nc,
-  flexWrapItemsV1: Gc,
-  fontWeightItemsV1: jc,
-  sheetVariantItemsV1: Hc,
-  showTicksItemsV1: Oc,
-  sizeItemsV1: Kc,
-  textAlignItemsV1: Uc,
-  textDecorationItemsV1: Xc,
-  textEmphasisItemsV1: Yc,
-  textStyleItemsV1: qc,
-  themeColorItemsV1: Jc,
-  thumbLabelItemsV1: Zc,
-  timelineAlignItemsV1: Qc,
-  timelineDirectionItemsV1: eu,
-  timelineSideItemsV1: tu,
-  timelineTruncateLineItemsV1: nu
-}, Symbol.toStringTag, { value: "Module" })), ou = [
+  alignTabsItemsV1: zc,
+  axisTypeItemsV1: Ac,
+  borderStyleItemsV1: Lc,
+  colorModeItemsV1: Ec,
+  densityItemsV1: Bc,
+  directionItemsV1: Wc,
+  fieldVariantItemsV1: Rc,
+  flexCrossAlignItemsV1: Mc,
+  flexDirectionItemsV1: Dc,
+  flexMainAlignItemsV1: Fc,
+  flexWrapItemsV1: Nc,
+  fontWeightItemsV1: Gc,
+  sheetVariantItemsV1: jc,
+  showTicksItemsV1: Hc,
+  sizeItemsV1: Oc,
+  textAlignItemsV1: Kc,
+  textDecorationItemsV1: Uc,
+  textEmphasisItemsV1: Xc,
+  textStyleItemsV1: Yc,
+  themeColorItemsV1: qc,
+  thumbLabelItemsV1: Jc,
+  timelineAlignItemsV1: Zc,
+  timelineDirectionItemsV1: Qc,
+  timelineSideItemsV1: eu,
+  timelineTruncateLineItemsV1: tu
+}, Symbol.toStringTag, { value: "Module" })), iu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7576,7 +7576,7 @@ const Ac = [
     max: 1 / 0,
     step: 1
   }
-], ru = [
+], ou = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7598,7 +7598,7 @@ const Ac = [
     validator: (t) => t === "right",
     default: "right"
   }
-], su = [
+], ru = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7624,11 +7624,11 @@ const Ac = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Rn,
+    validator: Wn,
     precision: 6,
     default: "0%"
   }
-], lu = [
+], su = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7648,12 +7648,12 @@ const Ac = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Rn,
+    validator: Wn,
     precision: 6,
     min: 0,
     default: "0%"
   }
-], au = [
+], lu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7673,12 +7673,12 @@ const Ac = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Rn,
+    validator: Wn,
     precision: 6,
     min: 0,
     default: "0%"
   }
-], cu = [
+], au = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7707,7 +7707,7 @@ const Ac = [
     validator: (t) => t === "end",
     default: "end"
   }
-], uu = [
+], cu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7729,16 +7729,16 @@ const Ac = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], pu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], uu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: ou,
-  leftRightTypesV1: ru,
-  marginTypesV1: su,
-  paddingTypesV1: lu,
-  sizeTypesV1: au,
-  tableColumnAlignTypesV1: cu,
-  topBottomTypesV1: uu
-}, Symbol.toStringTag, { value: "Module" })), mu = [
+  borderWidthTypesV1: iu,
+  leftRightTypesV1: ou,
+  marginTypesV1: ru,
+  paddingTypesV1: su,
+  sizeTypesV1: lu,
+  tableColumnAlignTypesV1: au,
+  topBottomTypesV1: cu
+}, Symbol.toStringTag, { value: "Module" })), pu = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -7755,7 +7755,7 @@ const Ac = [
   {
     key: "navigation",
     name: "x-runtime-lib.navigation",
-    items: [Gn, St, Ft]
+    items: [Nn, St, Ft]
   },
   {
     key: "formRelated",
@@ -7779,7 +7779,7 @@ const Ac = [
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [jn, ct, Je, xt]
+    items: [Gn, ct, Je, xt]
   },
   {
     key: "selection",
@@ -7812,7 +7812,7 @@ const Ac = [
     name: "x-runtime-lib.dynamic",
     items: [Ae, wt, Lt]
   }
-], du = [
+], mu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7843,7 +7843,7 @@ const Ac = [
     name: "x-runtime-lib.controls",
     items: [$t, vt, gt]
   }
-], yu = [
+], du = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -7860,7 +7860,7 @@ const Ac = [
   {
     key: "navigation",
     name: "x-runtime-lib.navigation",
-    items: [Gn, St, Ft]
+    items: [Nn, St, Ft]
   },
   {
     key: "formRelated",
@@ -7884,7 +7884,7 @@ const Ac = [
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [jn, ct, Je, xt]
+    items: [Gn, ct, Je, xt]
   },
   {
     key: "selection",
@@ -7917,7 +7917,7 @@ const Ac = [
     name: "x-runtime-lib.dynamic",
     items: [Ae, wt, Lt]
   }
-], fu = [
+], yu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7948,18 +7948,18 @@ const Ac = [
     name: "x-runtime-lib.controls",
     items: [$t, vt, gt]
   }
-], bu = {
+], fu = {
   version: "v1",
   globalityKey: sn,
   refKey: Ae,
-  items: { ...iu },
-  types: { ...pu },
+  items: { ...nu },
+  types: { ...uu },
   elements: /* @__PURE__ */ new Set([
     Ye,
     qe,
     Je,
     Ze,
-    Gn,
+    Nn,
     Qe,
     et,
     tt,
@@ -7976,7 +7976,7 @@ const Ac = [
     mt,
     dt,
     yt,
-    Io,
+    $o,
     ft,
     sn,
     bt,
@@ -7993,7 +7993,7 @@ const Ac = [
     St,
     Ct,
     Pt,
-    So,
+    Io,
     Tt,
     zt,
     At,
@@ -8004,44 +8004,44 @@ const Ac = [
     Wt,
     Rt,
     Mt,
+    So,
     Co,
     Po,
     To,
-    zo,
     Dt,
-    Ao,
-    jn,
+    zo,
+    Gn,
     Ft,
     Nt,
     Gt,
     jt,
     Ht,
-    Lo,
+    Ao,
     Ot,
-    Eo
+    Lo
   ]),
   groups: {
-    pageCommon: yu,
-    pageScene: fu,
-    compCommon: mu,
-    compScene: du
+    pageCommon: du,
+    pageScene: yu,
+    compCommon: pu,
+    compScene: mu
   }
-}, hu = {
-  v1: bu
+}, bu = {
+  v1: fu
 };
 function L(t, e) {
   if (t === "page") {
-    if (!Sr.includes(e)) {
+    if (!Ir.includes(e)) {
       console.error(`get property tag failed type=${t} subtype=${e}`);
       return;
     }
-  } else if (t === "comp" && !Cr.includes(e)) {
+  } else if (t === "comp" && !Sr.includes(e)) {
     console.error(`get property tag failed type=${t} subtype=${e}`);
     return;
   }
-  return `${t}${xr(e)}`;
+  return `${t}${gr(e)}`;
 }
-function eo(t, e) {
+function Qi(t, e) {
   if (t.array)
     return e ? W(t.default) : W(t.defaultArray);
   {
@@ -8054,9 +8054,9 @@ function z(t, e) {
     if (s.ui) {
       if (s.ui === "strInput" && s.static)
         return;
-      o[s.key] = eo(s);
+      o[s.key] = Qi(s);
     } else
-      s.array ? o[s.key] = eo(s) : s.children.forEach((r) => {
+      s.array ? o[s.key] = Qi(s) : s.children.forEach((r) => {
         o[s.key] || (o[s.key] = {}), n(o[s.key], r);
       });
   }
@@ -8068,7 +8068,7 @@ function Qu(t, e, n, o, s) {
     console.error(`spawnNode property tag not found, ${r}`);
     return;
   }
-  const c = hu[n];
+  const c = bu[n];
   if (!c) {
     console.error(`spawnNode pkg not found version, ${r}`);
     return;
@@ -8144,7 +8144,7 @@ function ep(t, e) {
       return s;
   }
 }
-function gu(t) {
+function hu(t) {
   function e(o) {
     o.basic.id = P(16), o.children?.forEach((s) => e(s));
   }
@@ -8154,63 +8154,63 @@ function gu(t) {
 function tp(t) {
   const e = [];
   return t.forEach((n) => {
-    e.push(gu(n));
+    e.push(hu(n));
   }), e;
 }
-const Bo = "runtimeOrg", Wo = "runtimeEnv", Ro = "runtimeMode", Mo = "runtimeDevice", Do = "runtimeDark", Fo = "runtimeType", No = "runtimeData", Go = "runtimeDepends", jo = "runtimeSandbox";
+const Eo = "runtimeOrg", Bo = "runtimeEnv", Wo = "runtimeMode", Ro = "runtimeDevice", Mo = "runtimeDark", Do = "runtimeType", Fo = "runtimeData", No = "runtimeDepends", Go = "runtimeSandbox";
 function np(t) {
-  ce(Bo, t);
+  ce(Eo, t);
 }
-function xu() {
-  return ae(Bo);
+function gu() {
+  return ae(Eo);
 }
 function ip(t) {
-  ce(Wo, t);
+  ce(Bo, t);
 }
-function vu() {
-  return ae(Wo);
+function xu() {
+  return ae(Bo);
 }
 function op(t) {
-  ce(Ro, t);
+  ce(Wo, t);
 }
 function H() {
-  return ae(Ro);
+  return ae(Wo);
 }
 function rp(t) {
-  ce(Mo, Wn(t));
+  ce(Ro, Bn(t));
 }
 function Ce() {
-  return ae(Mo);
+  return ae(Ro);
 }
 function sp(t) {
-  ce(Do, Wn(t));
+  ce(Mo, Bn(t));
 }
 function Me() {
-  return ae(Do);
+  return ae(Mo);
 }
 function lp(t) {
-  ce(Fo, t);
+  ce(Do, t);
 }
 function fe() {
-  return ae(Fo);
+  return ae(Do);
 }
 function ap(t) {
-  ce(No, t);
+  ce(Fo, t);
 }
 function ke() {
-  return ae(No);
+  return ae(Fo);
 }
 function cp(t) {
-  ce(Go, Wn(t));
+  ce(No, Bn(t));
 }
-function ku() {
-  return ae(Go);
+function vu() {
+  return ae(No);
 }
-function _u(t) {
-  ce(jo, t);
+function ku(t) {
+  ce(Go, t);
 }
 function be() {
-  return ae(jo);
+  return ae(Go);
 }
 function Te(t) {
   const e = [t.type];
@@ -8220,7 +8220,7 @@ function Fe(t, e, n, o, s) {
   const { watchEffect: r, bind: a } = e;
   if (r[n])
     for (const c of r[n]) {
-      const m = vr(c);
+      const m = xr(c);
       t.callFunction(`__watchEffect$${m}__`);
     }
   if (a.triggers[n])
@@ -8272,7 +8272,7 @@ function Fe(t, e, n, o, s) {
           if (le(u, b))
             continue;
           const g = W(f);
-          xo(g, p.subKeys, W(u)), p.type === "elementProperty" ? t.setElementProperty(
+          go(g, p.subKeys, W(u)), p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
             p.propertyKeys,
             g
@@ -8307,7 +8307,7 @@ function Fe(t, e, n, o, s) {
 function up(t, e, n) {
   return `${t}/${e}/${n}`;
 }
-function to(t) {
+function eo(t) {
   const e = t.split("/");
   return e.length < 3 ? (console.assert(!1, "invalid property id"), {
     kind: "elementProperty",
@@ -8319,10 +8319,10 @@ function to(t) {
     propertyKey: e[2]
   };
 }
-function En(t, e, n) {
+function _u(t, e, n) {
   return `${t}/${e}/${n}`;
 }
-function Ho(t) {
+function jo(t) {
   const e = t.split("/");
   return e.length < 3 ? (console.assert(!1, "invalid method id"), {
     kind: "elementMethod",
@@ -8349,12 +8349,12 @@ function wu(t) {
     eventKey: e[2]
   };
 }
-function Zn(t, e) {
-  const n = ku(), o = ie(-1);
+function Jn(t, e) {
+  const n = vu(), o = ie(-1);
   me(() => {
     const s = n.value[t];
     if (!s) {
-      o.value = -1, e.value = void 0, co.emit("compNotAvail", t);
+      o.value = -1, e.value = void 0, ao.emit("compNotAvail", t);
       return;
     }
     o.value !== s.dataSeq && (o.value = s.dataSeq, e.value = W(s.data));
@@ -8387,9 +8387,9 @@ function Vu(t) {
     console.log(e, ...n);
   }), t.bindNativeFunction("__debugTraceV1__", (e) => {
     let n = "";
-    typeof e == "object" ? n = JSON.stringify(e) : n = String(e), co.emit("consoleAppend", n);
+    typeof e == "object" ? n = JSON.stringify(e) : n = String(e), ao.emit("consoleAppend", n);
   }), t.bindNativeFunction("__messageV1__", (e, n) => {
-    e === "info" ? Qo(n) : e === "success" ? er(n) : e === "warning" ? uo(n) : e === "error" && po(n);
+    e === "info" ? Zo(n) : e === "success" ? Qo(n) : e === "warning" ? co(n) : e === "error" && uo(n);
   }), t.bindNativeFunction(
     "__timeoutV1__",
     (e, n) => {
@@ -8406,16 +8406,16 @@ function Vu(t) {
     }
   );
 }
-const Oo = tr({
+const Ho = er({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: e } = ge;
-    po(Vr(e, t));
+    uo(wr(e, t));
   }
 });
-window.API_URL && (Oo.defaults.baseURL = window.API_URL + "/computebase/");
+window.API_URL && (Ho.defaults.baseURL = window.API_URL + "/computebase/");
 function $u(t) {
-  return Oo.post("callFunc", t);
+  return Ho.post("callFunc", t);
 }
 function Iu(t) {
   t.bindAsyncFunction(
@@ -8454,7 +8454,7 @@ function Su(t) {
   ), t.bindNativeFunction(
     "__getPropertyV1__",
     (e, n) => {
-      const { kind: o, nodeId: s, propertyKey: r } = to(e);
+      const { kind: o, nodeId: s, propertyKey: r } = eo(e);
       let a;
       if (o === "elementProperty")
         a = t.getElementProperty(s, r);
@@ -8470,7 +8470,7 @@ function Su(t) {
   ), t.bindNativeFunction(
     "__setPropertyV1__",
     (e, n, o) => {
-      const { kind: s, nodeId: r, propertyKey: a } = to(e);
+      const { kind: s, nodeId: r, propertyKey: a } = eo(e);
       if (s === "elementProperty")
         t.setElementProperty(r, a, o);
       else if (s === "referenceProperty") {
@@ -8484,23 +8484,17 @@ function Su(t) {
   ), t.bindAsyncFunction(
     "__callMethodV1__",
     (e, n, o, s) => {
-      const { kind: r, nodeId: a, methodKey: c } = Ho(e);
+      const { kind: r, nodeId: a, methodKey: c } = jo(e);
       let m;
       if (r === "elementMethod")
-        m = t.callMethod(e, o);
+        m = t.callElementMethod(e, o);
       else if (r === "referenceMethod") {
         const d = t.children[a];
-        d && (m = d.callMethod(
-          En("customMethod", a, c),
-          o
-        ));
+        d && (m = d.callCustomMethod(c, o));
       } else if (r === "multipleRefMethod") {
         const d = t.children[a + "/" + n];
-        d && (m = d.callMethod(
-          En("customMethod", a, c),
-          o
-        ));
-      } else r === "customMethod" ? m = t.callMethod(e, o) : r === "customSlotMethod" || console.assert(!1);
+        d && (m = d.callCustomMethod(c, o));
+      } else r === "customMethod" ? m = t.callCustomMethod(c, o) : r === "customSlotMethod" || console.assert(!1);
       s(t.nativeToPseudo(m)), t.run();
     }
   ), t.bindNativeFunction("__getStateV1__", (e) => {
@@ -8518,7 +8512,7 @@ function Su(t) {
           pageId: n
         };
         ge.router.replace({ path: o, query: s });
-      } else t.mode === "preview" && uo(
+      } else t.mode === "preview" && co(
         ge.i18n.global.t(
           "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
         )
@@ -8527,14 +8521,14 @@ function Su(t) {
   ), t.bindAsyncFunction(
     "__openConfirmDlgV1__",
     (e, n, o) => {
-      nr({ title: e, text: n }).then((s) => {
+      tr({ title: e, text: n }).then((s) => {
         o(t.nativeToPseudo(s)), t.run();
       });
     }
   ), t.bindAsyncFunction(
     "__openPromptDlgV1__",
     (e, n, o, s) => {
-      ir({ title: e, label: n, value: o }).then((r) => {
+      nr({ title: e, label: n, value: o }).then((r) => {
         s(t.nativeToPseudo(r)), t.run();
       });
     }
@@ -8641,7 +8635,7 @@ function __destroy__() {
 function Eu(t) {
   return t instanceof Array ? t.join(".") : t;
 }
-function no(t, ...e) {
+function to(t, ...e) {
   console.log(t, ...e);
 }
 class Bu {
@@ -8654,7 +8648,7 @@ class Bu {
   env;
   mode;
   type;
-  eventBus = kr();
+  eventBus = vr();
   hooks;
   constructor(e, n, o, s, r, a, c, m, d) {
     this.kind = e, this.id = n, this.refKey = o, this.parent = s, this.org = r, this.env = a, this.mode = c, this.type = m, this.hooks = d, this.parent?.addChild(this), console.log(`Sandbox/constructor id='${this.id}'`);
@@ -8673,7 +8667,7 @@ class Bu {
   //--------------------------
   interpreter;
   createInterpreter(e) {
-    this.interpreter = new _r(Lu), Cu(this), this.runCode(e), this.setVariable("__env__", this.env), this.setVariable("__mode__", this.mode), this.callFunction(
+    this.interpreter = new kr(Lu), Cu(this), this.runCode(e), this.setVariable("__env__", this.env), this.setVariable("__mode__", this.mode), this.callFunction(
       "__triggerEventV1__",
       J("elementEvent", "globality", "startup")
     );
@@ -8746,11 +8740,11 @@ class Bu {
       return;
     }
     const n = `try {
-${Ir(e)}} catch (e) {
+${$r(e)}} catch (e) {
   __messageV1__('error', 'run exception: ' + e.message);
 }
 `;
-    no(n), this.interpreter.appendCode(n), this.interpreter.run();
+    to(n), this.interpreter.appendCode(n), this.interpreter.run();
   }
   callFunction(e, ...n) {
     if (!this.interpreter) {
@@ -8766,7 +8760,7 @@ ${Ir(e)}} catch (e) {
   __messageV1__('error', 'run exception: ' + e.message);
 }
 `;
-    no(r), this.interpreter.appendCode(r), this.interpreter.run();
+    to(r), this.interpreter.appendCode(r), this.interpreter.run();
   }
   //--------------------------
   // 元素属性
@@ -8799,7 +8793,7 @@ ${Ir(e)}} catch (e) {
   }
   setElementPropertyInner(e, n, o) {
     const s = we(e, n);
-    le(o, s) || (xo(e, n, o), this.hooks?.onElementPropertyChange(
+    le(o, s) || (go(e, n, o), this.hooks?.onElementPropertyChange(
       e.basic.id,
       n,
       o,
@@ -8850,12 +8844,18 @@ ${Ir(e)}} catch (e) {
   //--------------------------
   // 方法
   //--------------------------
-  callMethod(e, n) {
-    if (!ne(this.mode))
+  callElementMethod(e, n) {
+    if (!Q(this.mode))
       return;
-    const { methodKey: o } = Ho(e), s = [];
+    const { methodKey: o } = jo(e), s = {};
     return this.eventBus.emit(e, { key: o, inputs: n, outputs: s }), s;
   }
+  callCustomMethod(e, n) {
+    if (!Q(this.mode))
+      return;
+    const o = {};
+    return this.callFunction(`__implementMethod$${e}__`, n), o;
+  }
   //--------------------------
   // 状态
   //--------------------------
@@ -8871,9 +8871,9 @@ ${Ir(e)}} catch (e) {
     le(n, o) || (this.states[e] = n, this.hooks?.onStateChange(e, n, o));
   }
 }
-function Qn(t, e, n, o, s) {
-  const r = xu(), a = vu(), c = H(), m = fe(), d = Ce(), u = Me(), p = ($, S, T, E) => {
-    if (ne(c) && (x.callFunction(
+function Zn(t, e, n, o, s) {
+  const r = gu(), a = xu(), c = H(), m = fe(), d = Ce(), u = Me(), p = ($, S, T, E) => {
+    if (Q(c) && (x.callFunction(
       "__triggerEventV1__",
       J(
         "elementPropertyChangeEvent",
@@ -8897,7 +8897,7 @@ function Qn(t, e, n, o, s) {
       );
     }
   }, f = ($, S, T) => {
-    ne(c) && (x.callFunction(
+    Q(c) && (x.callFunction(
       "__triggerEventV1__",
       J("customPropertyChangeEvent", "globality", $),
       S,
@@ -8920,7 +8920,7 @@ function Qn(t, e, n, o, s) {
       T
     ));
   }, b = ($, S, T) => {
-    ne(c) && t.value?.code.reactivity && Fe(
+    Q(c) && t.value?.code.reactivity && Fe(
       x,
       t.value.code.reactivity,
       Te({ type: "adaptSlotProperty", propertyId: $ }),
@@ -8928,7 +8928,7 @@ function Qn(t, e, n, o, s) {
       T
     );
   }, g = ($, S, T) => {
-    ne(c) && (x.callFunction(
+    Q(c) && (x.callFunction(
       "__triggerEventV1__",
       J("stateChangeEvent", "globality", $),
       S,
@@ -8946,15 +8946,15 @@ function Qn(t, e, n, o, s) {
     onAdaptSlotPropertyChange: b,
     onStateChange: g
   });
-  _u(x);
+  ku(x);
   const I = () => {
-    ne(c) && (x.destroyInterpreter(), x.syncNodes(t.value), x.resetCustomProperties(), x.resetAdaptSlotProperties(), x.resetStates(), !(!t.value || !t.value.code.script) && x.createInterpreter(t.value.code.script));
+    Q(c) && (x.destroyInterpreter(), x.syncNodes(t.value), x.resetCustomProperties(), x.resetAdaptSlotProperties(), x.resetStates(), !(!t.value || !t.value.code.script) && x.createInterpreter(t.value.code.script));
   };
   I(), oe(t, () => {
     I();
   }), Ue(() => {
     x.dispose();
-  }), ne(c) && oe(
+  }), Q(c) && oe(
     d,
     ($, S) => {
       const T = Ne($.width), E = Ne(S?.width ?? $.width);
@@ -8966,7 +8966,7 @@ function Qn(t, e, n, o, s) {
       );
     },
     { immediate: !0 }
-  ), ne(c) && oe(
+  ), Q(c) && oe(
     u,
     ($) => {
       x.callFunction(
@@ -8988,29 +8988,29 @@ async function pp(t) {
   return (await Wu(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.kb94vvdw.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.oqwexg4o.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  Ir as addIndent,
-  Aa as ambientLightV1,
+  $r as addIndent,
+  za as ambientLightV1,
   Ju as badgeV1,
   cn as barChartV1,
   ln as boxGeometryV1,
-  go as breakpoints,
-  Oa as btnGroupV1,
-  Ka as btnToggleV1,
+  ho as breakpoints,
+  Ha as btnGroupV1,
+  Oa as btnToggleV1,
   pn as btnV1,
   Ne as calcBreakpoint,
   Be as cardV1,
-  Xa as checkboxV1,
+  Ua as checkboxV1,
   dn as chipGroupV1,
   mn as chipV1,
-  Ja as colorPickerV1,
-  Za as comboboxV1,
-  Cr as compTypes,
+  qa as colorPickerV1,
+  Ja as comboboxV1,
+  Sr as compTypes,
   yn as containerV1,
-  Qa as dataTableV1,
-  ec as datePickerV1,
-  tc as dialogV1,
-  La as directionalLightV1,
-  gu as duplicateNode,
+  Za as dataTableV1,
+  Qa as datePickerV1,
+  ec as dialogV1,
+  Aa as directionalLightV1,
+  hu as duplicateNode,
   tp as duplicateNodes,
   ze as elements,
   Uu as ensureContext,
@@ -9021,53 +9021,53 @@ export {
   P as genId,
   Pe as getBreakpointProp,
   we as getField,
-  ti as getIndexOfBreakpoint,
+  ei as getIndexOfBreakpoint,
   ep as getNode,
-  eo as getPropertyDefault,
+  Qi as getPropertyDefault,
   L as getPropertyTag,
   Ku as getTypeColor,
-  Ga as globalityV1,
-  Wa as groupV1,
-  lc as iconV1,
+  Na as globalityV1,
+  Ba as groupV1,
+  sc as iconV1,
   z as initProperties,
   Me as injectDark,
   ke as injectData,
-  ku as injectDepends,
+  vu as injectDepends,
   Ce as injectDevice,
-  vu as injectEnv,
+  xu as injectEnv,
   H as injectMode,
-  xu as injectOrg,
+  gu as injectOrg,
   be as injectSandbox,
   fe as injectType,
-  vo as isCircularRef,
-  ne as isExecutableMode,
-  zr as isLocaleOfEventKind,
-  Tr as isLocaleOfMethodKind,
-  Pr as isLocaleOfPropertyKind,
-  Rn as isPercentStr,
+  xo as isCircularRef,
+  Q as isExecutableMode,
+  Tr as isLocaleOfEventKind,
+  Pr as isLocaleOfMethodKind,
+  Cr as isLocaleOfPropertyKind,
+  Wn as isPercentStr,
   Xe as isPixelStr,
-  wa as keyboardControlsV1,
+  _a as keyboardControlsV1,
   un as lineChartV1,
   pp as loadLocaleMessageRuntime,
   J as makeEventId,
-  En as makeMethodId,
+  _u as makeMethodId,
   up as makePropertyId,
   Te as makeTriggerId,
-  Va as mapControlsV1,
-  ac as menuV1,
+  wa as mapControlsV1,
+  lc as menuV1,
   Le as meshBasicMaterialV1,
   Ee as meshV1,
-  Da as multipleRefV1,
+  Ma as multipleRefV1,
   xn as numberInputV1,
-  $a as orbitControlsV1,
-  ga as orthographicCameraV1,
-  Sr as pageTypes,
-  uc as paginationV1,
+  Va as orbitControlsV1,
+  ha as orthographicCameraV1,
+  Ir as pageTypes,
+  cc as paginationV1,
   Zt as parsePercentStr,
   Hu as parsePixelStr,
-  xa as perspectiveCameraV1,
-  hu as pkgs,
-  Ea as pointLightV1,
+  ga as perspectiveCameraV1,
+  bu as pkgs,
+  La as pointLightV1,
   sp as provideDark,
   ap as provideData,
   cp as provideDepends,
@@ -9075,27 +9075,27 @@ export {
   ip as provideEnv,
   op as provideMode,
   np as provideOrg,
-  _u as provideSandbox,
+  ku as provideSandbox,
   lp as provideType,
   kn as radioGroupV1,
   vn as radioV1,
-  dc as rangeSliderV1,
-  yc as ratingV1,
-  Fa as referenceV1,
-  Na as renderSwitchV1,
-  $r as reverseBreakpoints,
-  fc as selectV1,
-  xo as setField,
-  bc as sliderV1,
+  mc as rangeSliderV1,
+  dc as ratingV1,
+  Da as referenceV1,
+  Fa as renderSwitchV1,
+  Vr as reverseBreakpoints,
+  yc as selectV1,
+  go as setField,
+  fc as sliderV1,
   Qu as spawnNode,
   an as sphereGeometryV1,
-  Ba as spotLightV1,
+  Ea as spotLightV1,
   _n as stepperHeaderV1,
   wn as stepperItemV1,
   In as stepperV1,
   $n as stepperWindowItemV1,
   Vn as stepperWindowV1,
-  kc as switchV1,
+  vc as switchV1,
   Sn as tabV1,
   Cn as tabsV1,
   hn as textFieldV1,
@@ -9109,10 +9109,10 @@ export {
   Fe as triggerReactivity,
   Ou as types,
   wu as unwrapEventId,
-  Ho as unwrapMethodId,
-  to as unwrapPropertyId,
-  Zn as useDepend,
-  Qn as useSandbox,
+  jo as unwrapMethodId,
+  eo as unwrapPropertyId,
+  Jn as useDepend,
+  Zn as useSandbox,
   An as windowItemV1,
   Ln as windowV1
 };