x-runtime-lib 0.8.75 → 0.8.76

package/dist/index.js

@@ -29,12 +29,12 @@ var ze = (t, e, n) => {
   };
   return r();
 };
-import { defineComponent as $, createElementBlock as te, renderSlot as B, unref as i, openBlock as g, createElementVNode as q, computed as v, normalizeStyle as ee, ref as oe, watchEffect as de, watch as re, onBeforeMount as Zo, onUnmounted as qe, createBlock as w, withCtx as _, createCommentVNode as ne, useTemplateRef as ao, onMounted as co, nextTick as uo, useAttrs as Qo, h as ae, resolveComponent as A, createVNode as M, isRef as J, createSlots as Mn, renderList as er, useId as mo, withModifiers as tr, normalizeClass as nr, toDisplayString as ir, inject as se, provide as le, readonly as Dn } from "vue";
+import { defineComponent as $, createElementBlock as te, renderSlot as B, unref as i, openBlock as g, createElementVNode as q, computed as v, normalizeStyle as ee, ref as oe, watchEffect as de, watch as re, onBeforeMount as Zo, onUnmounted as Ge, createBlock as w, withCtx as _, createCommentVNode as ne, useTemplateRef as ao, onMounted as co, nextTick as uo, useAttrs as Qo, h as ae, resolveComponent as A, createVNode as M, isRef as J, createSlots as Mn, renderList as er, useId as mo, withModifiers as tr, normalizeClass as nr, toDisplayString as ir, inject as se, provide as le, readonly as Dn } from "vue";
 import { globalObjects as ve, waitUtil as po, useViewStack as yo, eventBus as fo, messageInfo as or, messageSuccess as rr, messageWarning as bo, messageError as ho, createAxios as sr, openConfirmDlg as lr, openPromptDlg as ar } from "x-essential-lib";
 import { CameraHelper as go, DirectionalLightHelper as cr, PointLightHelper as ur, SpotLightHelper as mr } from "three";
-import { c as R, i as ce, q as Ge, u as pr, r as xo, e as vo, a as dr, b as yr, d as fr, f as br, g as hr, h as gr, j as xr, k as vr, l as ko, X as kr, Y as _r, K as wr, m as Vr, n as Sr, o as $r } from "./vendor.oxrwxetz.js";
-import { useTheme as Ir } from "vuetify";
-import { getErrorMessage as Cr } from "x-error-lib";
+import { c as W, i as ce, q as je, u as pr, r as xo, e as vo, a as dr, b as yr, d as fr, f as br, g as hr, h as gr, j as xr, k as vr, l as ko, X as kr, Y as _r, K as wr, m as Vr, n as Sr, o as $r, p as Ir } from "./vendor.eh9kttp2.js";
+import { useTheme as Cr } from "vuetify";
+import { getErrorMessage as Pr } from "x-error-lib";
 import { useI18n as _o } from "vue-i18n";
 const si = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function T(t) {
@@ -57,7 +57,7 @@ function Fn(t) {
   const e = t.substring(0, t.length - 1), n = parseFloat(e);
   return !isNaN(n);
 }
-function Yu(t) {
+function qu(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const e = t.substring(0, t.length - 2), n = parseFloat(e);
@@ -71,8 +71,8 @@ function nn(t) {
   if (!isNaN(n))
     return n;
 }
-const wo = ["xs", "sm", "md", "lg", "xl"], Pr = [...wo].reverse();
-function Ke(t) {
+const wo = ["xs", "sm", "md", "lg", "xl"], Tr = [...wo].reverse();
+function Oe(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function li(t) {
@@ -80,7 +80,7 @@ function li(t) {
 }
 function Le(t, e) {
   let n;
-  for (const o of Pr) {
+  for (const o of Tr) {
     if (li(o) < li(t))
       break;
     e[o] && (n = e[o]);
@@ -115,7 +115,7 @@ function Gn(t, e, n) {
   const r = s[s.length - 1];
   o[r] = n;
 }
-function qu(t, e = 2) {
+function Zu(t, e = 2) {
   const n = " ".repeat(e);
   return t.split(`
 `).map((r) => r.trim() === "" ? r : n + r).join(`
@@ -124,8 +124,8 @@ function qu(t, e = 2) {
 function Z(t) {
   return t === "runtime" || t === "preview";
 }
-const Zu = ["string", "number", "boolean", "array", "object"];
-function Qu(t) {
+const Qu = ["string", "number", "boolean", "array", "object"];
+function em(t) {
   switch (t) {
     case "string":
       return "#5ba58c";
@@ -148,7 +148,7 @@ function Vo(t) {
   }
   return !1;
 }
-function em(t, e, n, o, s) {
+function tm(t, e, n, o, s) {
   let r = t;
   for (let c = 0; c < e.length; c++)
     if (r = r.children[e[c]], !r) {
@@ -158,16 +158,16 @@ function em(t, e, n, o, s) {
   let a = r.children[n];
   a ? a.dataSeq !== o && (a = {
     dataSeq: o,
-    data: R(s),
+    data: W(s),
     children: {}
   }) : (a = {
     dataSeq: o,
-    data: R(s),
+    data: W(s),
     children: {}
   }, r.children[n] = a);
 }
-const Tr = ["common", "scene"], zr = ["common", "scene"];
-function Ar(t) {
+const zr = ["common", "scene"], Ar = ["common", "scene"];
+function Lr(t) {
   switch (t) {
     case "referenceProperty":
     case "multipleRefProperty":
@@ -177,7 +177,7 @@ function Ar(t) {
   }
   return !0;
 }
-function Lr(t) {
+function Er(t) {
   switch (t) {
     case "referenceMethod":
     case "multipleRefMethod":
@@ -187,7 +187,7 @@ function Lr(t) {
   }
   return !0;
 }
-function Er(t) {
+function Br(t) {
   switch (t) {
     case "referenceEvent":
     case "multipleRefEvent":
@@ -209,24 +209,24 @@ function jn(t, e, n) {
     a > 0 && (s += " - "), n ? s += o.global.t(r) : s += r;
   }), s;
 }
-function tm(t, e) {
+function nm(t, e) {
   const { i18n: n } = ve;
   let o = "";
-  return t === "elementProperty" || (t === "referenceProperty" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefProperty" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customProperty" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotProperty" || t === "customSlotProperty" ? o = n.global.t("x-runtime-lib.slot") : console.assert(!1)), jn(o, e, Ar(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)), jn(o, e, Lr(t));
 }
-function nm(t, e) {
+function im(t, e) {
   const { i18n: n } = ve;
   let o = "";
-  return t === "elementMethod" || (t === "referenceMethod" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customMethod" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = n.global.t("x-runtime-lib.slot") : console.assert(!1)), jn(o, e, Lr(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)), jn(o, e, Er(t));
 }
-function im(t, e) {
+function om(t, e) {
   const { i18n: n } = ve;
   let o = "";
-  return t === "elementEvent" || (t === "referenceEvent" ? o = n.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = n.global.t("x-runtime-lib.multipleRef") : t === "customEvent" ? o = n.global.t("x-runtime-lib.custom") : t === "elementSlotEvent" || t === "customSlotEvent" ? o = n.global.t("x-runtime-lib.slot") : t === "elementPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = n.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.customPropertyChange") : t === "elementSlotPropertyChangeEvent" || t === "customSlotPropertyChangeEvent" ? o = n.global.t("x-runtime-lib.slotPropertyChange") : t === "stateChangeEvent" ? o = n.global.t("x-runtime-lib.stateChange") : console.assert(!1)), jn(o, e, Er(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)), jn(o, e, Br(t));
 }
 const Be = {}, V = (t) => {
   Be[t.key] = t;
-}, Br = ["position", "rotation", "scale"], _e = /* @__PURE__ */ $({
+}, Rr = ["position", "rotation", "scale"], _e = /* @__PURE__ */ $({
   __name: "index",
   props: {
     position: {},
@@ -245,7 +245,7 @@ const Be = {}, V = (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, Br)) : B(n.$slots, "default", { key: 1 });
+    ], 8, Rr)) : B(n.$slots, "default", { key: 1 });
   }
 }), F = /* @__PURE__ */ $({
   __name: "index",
@@ -286,7 +286,7 @@ const Be = {}, V = (t) => {
     return;
   } else
     return o;
-}, Rr = (t, e, n, o, s) => {
+}, Mr = (t, e, n, o, s) => {
   let r;
   s ? typeof o == "object" ? r = JSON.stringify(o, null, 2) : (console.assert(!1), r = "{}") : r = o, t ? t.setElementPropertyInner(e, n, r) : Gn(e, n, r);
 };
@@ -296,7 +296,7 @@ function l(t, e, n) {
     let a = Wr(t.node, e, n);
     o === "editor" && e[e.length - 1] === "readonly" && (a = !0), r.value = a;
   }), re(r, (a, c) => {
-    ce(a, c) || Rr(s, t.node, e, r.value, n);
+    ce(a, c) || Mr(s, t.node, e, r.value, n);
   }), { property: r };
 }
 function ye(t) {
@@ -404,7 +404,7 @@ function Po(t) {
   return { show: e, position: n, type: o, data: s, applyYAxis: r };
 }
 function K(t) {
-  const { computedThemes: e } = Ir(), n = je(), o = v(() => t.value?.mode), s = v(() => {
+  const { computedThemes: e } = Cr(), n = Ne(), o = v(() => t.value?.mode), s = v(() => {
     const d = t.value?.theme;
     return d ? d === "background0" ? n.value ? "#2e2e2e" : "#bdbdbd" : d === "background1" ? n.value ? "#272727" : "#eeeeee" : d === "background2" ? n.value ? "#1e1e1e" : "#ffffff" : (n.value ? e.value.dark : e.value.light).colors[d] : void 0;
   }), 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(() => {
@@ -465,22 +465,22 @@ function fe(t) {
   }
   return { width: o, minWidth: s, maxWidth: r, height: a, minHeight: c, maxHeight: u, applySize: d };
 }
-function Oe(t, e, n) {
+function Ue(t, e, n) {
   const o = he();
   if (o) {
-    const s = v(() => Iu("elementMethod", t.node.basic.id, e));
+    const s = v(() => Cu("elementMethod", t.node.basic.id, e));
     Zo(() => {
       o.eventBus?.on(s.value, n);
-    }), qe(() => {
+    }), Ge(() => {
       o.eventBus?.off(s.value, n);
     });
   }
 }
 function G() {
-  const t = je();
+  const t = Ne();
   return { theme: v(() => t.value ? "dark" : "light") };
 }
-const Mr = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Dr = /* @__PURE__ */ $({
+const Dr = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Fr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -505,17 +505,17 @@ const Mr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1],
           top: i(p)
         }, [
-          i(n) === "editor" ? (g(), w(i(Ge), {
+          i(n) === "editor" ? (g(), w(i(je), {
             key: 0,
             type: i(go)
           }, null, 8, ["type"])) : ne("", !0),
           B(y.$slots, "default")
-        ], 8, Mr)
+        ], 8, Dr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Fr = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Gr = /* @__PURE__ */ $({
+}), Gr = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], jr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -538,17 +538,17 @@ const Mr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(n) !== "editor" ? i(s) : [0, 0, 0],
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
-          i(n) === "editor" ? (g(), w(i(Ge), {
+          i(n) === "editor" ? (g(), w(i(je), {
             key: 0,
             type: i(go)
           }, null, 8, ["type"])) : ne("", !0),
           B(m.$slots, "default")
-        ], 8, Fr)
+        ], 8, Gr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), jr = ["args"], Nr = /* @__PURE__ */ $({
+}), Nr = ["args"], Hr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -574,14 +574,14 @@ const Mr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         i(r),
         i(o)
       ]
-    }, null, 8, jr));
+    }, null, 8, Nr));
   }
 }), Pe = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [o, s] of e)
     n[o] = s;
   return n;
-}, Hr = ["args"], Kr = /* @__PURE__ */ $({
+}, Kr = ["args"], Or = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -617,9 +617,9 @@ const Mr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         i(c),
         i(a)
       ]
-    }, null, 8, Hr));
+    }, null, 8, Kr));
   }
-}), Or = ["color", "intensity", "position", "rotation", "scale"], Ur = /* @__PURE__ */ $({
+}), Ur = ["color", "intensity", "position", "rotation", "scale"], Jr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -644,12 +644,12 @@ const Mr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
           B(d.$slots, "default")
-        ], 8, Or)
+        ], 8, Ur)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Jr = ["color", "intensity", "position", "rotation", "scale"], Xr = /* @__PURE__ */ $({
+}), Xr = ["color", "intensity", "position", "rotation", "scale"], Yr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -673,17 +673,17 @@ const Mr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(n) !== "editor" ? i(s) : [0, 0, 0],
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
-          i(n) === "editor" ? (g(), w(i(Ge), {
+          i(n) === "editor" ? (g(), w(i(je), {
             key: 0,
             type: i(cr)
           }, null, 8, ["type"])) : ne("", !0),
           B(d.$slots, "default")
-        ], 8, Jr)
+        ], 8, Xr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Yr = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], qr = /* @__PURE__ */ $({
+}), qr = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Zr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -712,17 +712,17 @@ const Mr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(n) !== "editor" ? i(s) : [0, 0, 0],
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
-          i(n) === "editor" ? (g(), w(i(Ge), {
+          i(n) === "editor" ? (g(), w(i(je), {
             key: 0,
             type: i(ur)
           }, null, 8, ["type"])) : ne("", !0),
           B(p.$slots, "default")
-        ], 8, Yr)
+        ], 8, qr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Zr = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Qr = /* @__PURE__ */ $({
+}), Qr = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], es = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -756,21 +756,21 @@ const Mr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(n) !== "editor" ? i(s) : [0, 0, 0],
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
-          i(n) === "editor" ? (g(), w(i(Ge), {
+          i(n) === "editor" ? (g(), w(i(je), {
             key: 0,
             type: i(mr)
           }, null, 8, ["type"])) : ne("", !0),
           B(b.$slots, "default")
-        ], 8, Zr)
+        ], 8, Qr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), es = {};
-function ts(t, e) {
+}), ts = {};
+function ns(t, e) {
   return g(), te("TresMeshBasicMaterial");
 }
-const ns = /* @__PURE__ */ Pe(es, [["render", ts]]), is = ["position", "rotation", "scale"], os = /* @__PURE__ */ $({
+const is = /* @__PURE__ */ Pe(ts, [["render", ns]]), os = ["position", "rotation", "scale"], rs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -790,12 +790,12 @@ const ns = /* @__PURE__ */ Pe(es, [["render", ts]]), is = ["position", "rotation
           scale: i(n) !== "editor" ? i(r) : [1, 1, 1]
         }, [
           B(a.$slots, "default")
-        ], 8, is)
+        ], 8, os)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), rs = ["position", "rotation", "scale"], ss = /* @__PURE__ */ $({
+}), ss = ["position", "rotation", "scale"], ls = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -809,68 +809,68 @@ const ns = /* @__PURE__ */ Pe(es, [["render", ts]]), is = ["position", "rotation
       scale: i(s)
     }, [
       B(r.$slots, "default")
-    ], 8, rs));
-  }
-}), ls = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], as = "#242424", cs = {}, us = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, ms = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ps = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ds = { itemStyle: { barBorderWidth: 0, barBorderColor: "#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: { borderWidth: 0, borderColor: "#ccc" } }, xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ks = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, _s = { 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" } }, ws = { 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)" } } }, Ss = { 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 = { 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"] } } }, Cs = { 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"] } } }, Ps = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ts = { textStyle: { color: "#eeeeee" } }, zs = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, As = { 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" } } }, Ls = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Es = { 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" } }, Bs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Ws = {
-  color: ls,
-  backgroundColor: as,
-  textStyle: cs,
-  title: us,
-  line: ms,
-  radar: ps,
-  bar: ds,
-  pie: ys,
-  scatter: fs,
-  boxplot: bs,
-  parallel: hs,
-  sankey: gs,
-  funnel: xs,
-  gauge: vs,
-  candlestick: ks,
-  graph: _s,
-  map: ws,
-  geo: Vs,
-  categoryAxis: Ss,
-  valueAxis: $s,
-  logAxis: Is,
-  timeAxis: Cs,
-  toolbox: Ps,
-  legend: Ts,
-  tooltip: zs,
-  timeline: As,
-  visualMap: Ls,
-  dataZoom: Es,
-  markPoint: Bs
-}, Rs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Ms = "#f5f5f5", Ds = {}, Fs = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Gs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, js = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ns = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qs = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Zs = { 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)" } } }, el = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, tl = { 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 = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, il = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ol = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, rl = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, sl = { textStyle: { color: "#333333" } }, ll = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, al = { 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" } } }, cl = { color: ["#bf444c", "#d88273", "#f6efa6"] }, ul = { 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" } }, ml = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, pl = {
-  color: Rs,
-  backgroundColor: Ms,
-  textStyle: Ds,
-  title: Fs,
-  line: Gs,
-  radar: js,
-  bar: Ns,
-  pie: Hs,
-  scatter: Ks,
-  boxplot: Os,
-  parallel: Us,
-  sankey: Js,
-  funnel: Xs,
-  gauge: Ys,
-  candlestick: qs,
-  graph: Zs,
-  map: Qs,
-  geo: el,
-  categoryAxis: tl,
-  valueAxis: nl,
-  logAxis: il,
-  timeAxis: ol,
-  toolbox: rl,
-  legend: sl,
-  tooltip: ll,
-  timeline: al,
-  visualMap: cl,
-  dataZoom: ul,
-  markPoint: ml
+    ], 8, ss));
+  }
+}), as = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], cs = "#242424", us = {}, ms = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, ps = { 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 }, ys = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, bs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, _s = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, ws = { 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)" } } }, Ss = { 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"] } } }, Is = { 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"] } } }, Cs = { 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"] } } }, Ps = { 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"] } } }, Ts = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, zs = { textStyle: { color: "#eeeeee" } }, As = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Ls = { 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" } } }, Es = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Bs = { 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" } }, Rs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Ws = {
+  color: as,
+  backgroundColor: cs,
+  textStyle: us,
+  title: ms,
+  line: ps,
+  radar: ds,
+  bar: ys,
+  pie: fs,
+  scatter: bs,
+  boxplot: hs,
+  parallel: gs,
+  sankey: xs,
+  funnel: vs,
+  gauge: ks,
+  candlestick: _s,
+  graph: ws,
+  map: Vs,
+  geo: Ss,
+  categoryAxis: $s,
+  valueAxis: Is,
+  logAxis: Cs,
+  timeAxis: Ps,
+  toolbox: Ts,
+  legend: zs,
+  tooltip: As,
+  timeline: Ls,
+  visualMap: Es,
+  dataZoom: Bs,
+  markPoint: Rs
+}, Ms = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Ds = "#f5f5f5", Fs = {}, Gs = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, js = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ns = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Hs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zs = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, el = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, tl = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, nl = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, il = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ol = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, rl = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, sl = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ll = { textStyle: { color: "#333333" } }, al = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, cl = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, ul = { color: ["#bf444c", "#d88273", "#f6efa6"] }, ml = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, pl = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, dl = {
+  color: Ms,
+  backgroundColor: Ds,
+  textStyle: Fs,
+  title: Gs,
+  line: js,
+  radar: Ns,
+  bar: Hs,
+  pie: Ks,
+  scatter: Os,
+  boxplot: Us,
+  parallel: Js,
+  sankey: Xs,
+  funnel: Ys,
+  gauge: qs,
+  candlestick: Zs,
+  graph: Qs,
+  map: el,
+  geo: tl,
+  categoryAxis: nl,
+  valueAxis: il,
+  logAxis: ol,
+  timeAxis: rl,
+  toolbox: sl,
+  legend: ll,
+  tooltip: al,
+  timeline: cl,
+  visualMap: ul,
+  dataZoom: ml,
+  markPoint: pl
 };
 pr([
   dr,
@@ -883,15 +883,15 @@ pr([
   vr
 ]);
 xo("dark", Ws);
-xo("light", pl);
-const dl = /* @__PURE__ */ $({
+xo("light", dl);
+const yl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Te(), o = je(), s = be(), r = we(), { width: a, minWidth: c, maxWidth: u, height: d, minHeight: m, maxHeight: p, applySize: y } = fe(e), { applyTitle: b } = Io(e), { applyXAxis: h } = Co(e), { applyYAxis: k } = Po(e), { applyLegend: x } = So(e), { applySeries: S } = $o(e), I = v(() => {
+    const e = t, n = Te(), o = Ne(), s = be(), r = we(), { width: a, minWidth: c, maxWidth: u, height: d, minHeight: m, maxHeight: p, applySize: y } = fe(e), { applyTitle: b } = Io(e), { applyXAxis: h } = Co(e), { applyYAxis: k } = Po(e), { applyLegend: x } = So(e), { applySeries: S } = $o(e), I = v(() => {
       const C = {}, j = r.value.type;
       return s === "page" ? j === "common" ? y(C) : console.assert(!1) : s === "comp" && j === "common" ? y(C) : console.assert(!1), C;
     }), P = ao("chart");
@@ -902,13 +902,13 @@ const dl = /* @__PURE__ */ $({
       E.setOption(C);
     }, N = () => {
       E?.resize();
-    }, W = () => {
+    }, R = () => {
       const C = {};
       b(C), h(C), k(C), x(C), S(C), E?.setOption(C, !0);
     };
     return co(async () => {
-      window.addEventListener("resize", N, !1), await po(() => !!P.value), D(), W();
-    }), qe(() => {
+      window.addEventListener("resize", N, !1), await po(() => !!P.value), D(), R();
+    }), Ge(() => {
       window.removeEventListener("resize", N, !1), E?.dispose();
     }), re(
       [
@@ -925,11 +925,11 @@ const dl = /* @__PURE__ */ $({
         await uo(), N();
       }
     ), re([o], () => {
-      D(), W();
+      D(), R();
     }), re(
       [e],
       () => {
-        W();
+        R();
       },
       { deep: !0 }
     ), (C, j) => (g(), w(i(F), { block: "" }, {
@@ -942,14 +942,14 @@ const dl = /* @__PURE__ */ $({
       _: 1
     }));
   }
-}), yl = /* @__PURE__ */ $({
+}), fl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Te(), o = je(), s = be(), r = we(), { width: a, minWidth: c, maxWidth: u, height: d, minHeight: m, maxHeight: p, applySize: y } = fe(e), { applyTitle: b } = Io(e), { applyXAxis: h } = Co(e), { applyYAxis: k } = Po(e), { applyLegend: x } = So(e), { applySeries: S } = $o(e), I = v(() => {
+    const e = t, n = Te(), o = Ne(), s = be(), r = we(), { width: a, minWidth: c, maxWidth: u, height: d, minHeight: m, maxHeight: p, applySize: y } = fe(e), { applyTitle: b } = Io(e), { applyXAxis: h } = Co(e), { applyYAxis: k } = Po(e), { applyLegend: x } = So(e), { applySeries: S } = $o(e), I = v(() => {
       const C = {}, j = r.value.type;
       return s === "page" ? j === "common" ? y(C) : console.assert(!1) : s === "comp" && j === "common" ? y(C) : console.assert(!1), C;
     }), P = ao("chart");
@@ -960,13 +960,13 @@ const dl = /* @__PURE__ */ $({
       E.setOption(C);
     }, N = () => {
       E?.resize();
-    }, W = () => {
+    }, R = () => {
       const C = {};
       b(C), h(C), k(C), x(C), S(C), E?.setOption(C, !0);
     };
     return co(async () => {
-      window.addEventListener("resize", N, !1), await po(() => !!P.value), D(), W();
-    }), qe(() => {
+      window.addEventListener("resize", N, !1), await po(() => !!P.value), D(), R();
+    }), Ge(() => {
       window.removeEventListener("resize", N, !1), E?.dispose();
     }), re(
       [
@@ -983,11 +983,11 @@ const dl = /* @__PURE__ */ $({
         await uo(), N();
       }
     ), re([o], () => {
-      D(), W();
+      D(), R();
     }), re(
       [e],
       () => {
-        W();
+        R();
       },
       { deep: !0 }
     ), (C, j) => (g(), w(i(F), { block: "" }, {
@@ -1000,7 +1000,7 @@ const dl = /* @__PURE__ */ $({
       _: 1
     }));
   }
-}), fl = /* @__PURE__ */ $({
+}), bl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     refContext: {},
@@ -1011,7 +1011,7 @@ const dl = /* @__PURE__ */ $({
     const e = t, n = oe(), o = H();
     return Z(o) && ii(n, "multipleRef", e.node.basic.id, "", he()), ni(e.refContext.compId, n), (s, r) => (g(), te("div"));
   }
-}), bl = /* @__PURE__ */ $({
+}), hl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     refContext: {},
@@ -1056,7 +1056,7 @@ const dl = /* @__PURE__ */ $({
     };
     return (m, p) => (g(), w(d));
   }
-}), hl = /* @__PURE__ */ $({
+}), gl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1107,7 +1107,7 @@ const dl = /* @__PURE__ */ $({
     };
     return (c, u) => (g(), w(a));
   }
-}), gl = /* @__PURE__ */ $({
+}), xl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1144,7 +1144,7 @@ const dl = /* @__PURE__ */ $({
       });
     };
   }
-}), xl = /* @__PURE__ */ $({
+}), vl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1165,7 +1165,7 @@ const dl = /* @__PURE__ */ $({
     ]), { property: x } = l(e, [
       "settings",
       "readonly"
-    ]), { property: S } = l(e, ["settings", "ripple"]), { property: I } = l(e, ["settings", "size"]), { property: P } = l(e, ["settings", "stacked"]), { property: E } = l(e, ["settings", "text"]), { theme: D } = G(), { property: N } = l(e, ["settings", "variant"]), { property: W } = l(e, ["size", "width"]), C = (j) => {
+    ]), { property: S } = l(e, ["settings", "ripple"]), { property: I } = l(e, ["settings", "size"]), { property: P } = l(e, ["settings", "stacked"]), { property: E } = l(e, ["settings", "text"]), { theme: D } = G(), { property: N } = l(e, ["settings", "variant"]), { property: R } = l(e, ["size", "width"]), C = (j) => {
       if (!n || !n.vm)
         return;
       const { vm: Y } = n;
@@ -1198,7 +1198,7 @@ const dl = /* @__PURE__ */ $({
             text: i(E),
             theme: i(D),
             variant: i(N),
-            width: i(W),
+            width: i(R),
             onClick: C
           }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"])
         ]),
@@ -1206,8 +1206,8 @@ const dl = /* @__PURE__ */ $({
       }, 8, ["block"]);
     };
   }
-}), vl = {};
-function kl(t, e) {
+}), kl = {};
+function _l(t, e) {
   const n = A("v-btn-group");
   return g(), w(n, null, {
     default: _(() => [
@@ -1216,7 +1216,7 @@ function kl(t, e) {
     _: 3
   });
 }
-const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
+const wl = /* @__PURE__ */ Pe(kl, [["render", _l]]), Vl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1258,7 +1258,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), Vl = /* @__PURE__ */ $({
+}), Sl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1303,7 +1303,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Sl = /* @__PURE__ */ $({
+}), $l = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1330,7 +1330,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), $l = /* @__PURE__ */ $({
+}), Il = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1371,7 +1371,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Il = /* @__PURE__ */ $({
+}), Cl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1415,7 +1415,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), Cl = /* @__PURE__ */ $({
+}), Pl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1467,7 +1467,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Pl = /* @__PURE__ */ $({
+}), Tl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1506,7 +1506,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Tl = /* @__PURE__ */ $({
+}), zl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1531,7 +1531,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       _: 3
     }));
   }
-}), zl = /* @__PURE__ */ $({
+}), Al = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1590,7 +1590,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Al = /* @__PURE__ */ $({
+}), Ll = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     return (e, n) => {
@@ -1603,7 +1603,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Ll = ["id"], El = /* @__PURE__ */ $({
+}), El = ["id"], Bl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1611,9 +1611,9 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
   },
   setup(t) {
     const e = t, n = H(), o = v(() => e.node.basic?.id), { open: s } = yo(`runtimeDlg/${mo()}`);
-    return Oe(e, "open", () => {
+    return Ue(e, "open", () => {
       s.value = !0;
-    }), Oe(e, "close", () => {
+    }), Ue(e, "close", () => {
       s.value = !1;
     }), (r, a) => {
       const c = A("v-dialog");
@@ -1626,7 +1626,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
           i(n) === "editor" ? (g(), te("div", {
             key: 0,
             id: `__node__@${o.value}`
-          }, null, 8, Ll)) : ne("", !0)
+          }, null, 8, El)) : ne("", !0)
         ]),
         default: _(() => [
           B(r.$slots, "default")
@@ -1635,7 +1635,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       }, 8, ["modelValue"]);
     };
   }
-}), Bl = /* @__PURE__ */ $({
+}), Rl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1691,7 +1691,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       "backgroundColor"
     ]), { color: m } = K(d), p = (b) => {
       m.value && (b.backgroundColor = m.value), b.display = "flex";
-      const h = Ke(n.value.width), k = Le(h, e.node.settings?.direction);
+      const h = Oe(n.value.width), k = Le(h, e.node.settings?.direction);
       k === "row" ? b.flexDirection = "row" : k === "rowReverse" ? b.flexDirection = "row-reverse" : k === "column" ? b.flexDirection = "column" : k === "columnReverse" && (b.flexDirection = "column-reverse");
       const x = Le(h, e.node.settings?.wrap);
       x === "no" ? b.flexWrap = "nowrap" : x === "yes" ? b.flexWrap = "wrap" : x === "reverse" && (b.flexWrap = "wrap-reverse");
@@ -1709,7 +1709,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       B(b.$slots, "default")
     ], 4));
   }
-}), Rl = /* @__PURE__ */ $({
+}), Ml = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1726,7 +1726,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       B(u.$slots, "default")
     ], 4));
   }
-}), Ml = /* @__PURE__ */ $({
+}), Dl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1764,7 +1764,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), Dl = /* @__PURE__ */ $({
+}), Fl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1786,7 +1786,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), Fl = ["id"], Gl = /* @__PURE__ */ $({
+}), Gl = ["id"], jl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1794,12 +1794,12 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
   },
   setup(t) {
     const e = t, n = H(), o = he(), s = oe(0), r = oe(0), a = v(() => [s.value, r.value]), c = v(() => e.node.basic?.id), { open: u } = yo(`runtimeMenu/${mo()}`);
-    return Oe(e, "open", () => {
+    return Ue(e, "open", () => {
       if (!o || !o.vm)
         return;
       const { vm: d } = o, m = d.getProp(d.global, "__pointerPosX__"), p = d.getProp(d.global, "__pointerPosY__");
       s.value = d.getNumber(m), r.value = d.getNumber(p), m.dispose(), p.dispose(), u.value = !0;
-    }), Oe(e, "close", () => {
+    }), Ue(e, "close", () => {
       o && (u.value = !1);
     }), (d, m) => {
       const p = A("v-menu");
@@ -1815,7 +1815,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
           i(n) === "editor" ? (g(), te("div", {
             key: 0,
             id: `__node__@${c.value}`
-          }, null, 8, Fl)) : ne("", !0)
+          }, null, 8, Gl)) : ne("", !0)
         ]),
         default: _(() => [
           B(d.$slots, "default")
@@ -1824,7 +1824,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), jl = /* @__PURE__ */ $({
+}), Nl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1865,14 +1865,14 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: I } = l(e, ["settings", "reverse"]), { property: P } = l(e, [
       "settings",
       "singleLine"
-    ]), { property: E } = l(e, ["settings", "step"]), { property: D } = l(e, ["settings", "suffix"]), { theme: N } = G(), { property: W } = l(e, ["settings", "value"]), { property: C } = l(e, ["settings", "variant"]), { property: j } = l(e, ["size", "width"]);
+    ]), { property: E } = l(e, ["settings", "step"]), { property: D } = l(e, ["settings", "suffix"]), { theme: N } = G(), { property: R } = l(e, ["settings", "value"]), { property: C } = l(e, ["settings", "variant"]), { property: j } = l(e, ["size", "width"]);
     return (Y, ie) => {
       const Ve = A("v-number-input");
       return g(), w(i(F), { block: "" }, {
         default: _(() => [
           M(Ve, {
-            modelValue: i(W),
-            "onUpdate:modelValue": ie[0] || (ie[0] = (pe) => J(W) ? W.value = pe : null),
+            modelValue: i(R),
+            "onUpdate:modelValue": ie[0] || (ie[0] = (pe) => J(R) ? R.value = pe : null),
             "append-icon": i(n),
             "append-inner-icon": i(o),
             clearable: i(s),
@@ -1902,7 +1902,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Nl = /* @__PURE__ */ $({
+}), Hl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1942,7 +1942,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Hl = /* @__PURE__ */ $({
+}), Kl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1969,7 +1969,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), Kl = /* @__PURE__ */ $({
+}), Ol = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2010,7 +2010,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Ol = /* @__PURE__ */ $({
+}), Ul = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2051,11 +2051,11 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: S } = l(e, ["settings", "ticks"]), I = v(() => {
       if (!S.value)
         return;
-      const W = {};
+      const R = {};
       for (const { value: C, label: j } of S.value)
-        W[C] = j;
-      if (!ko(W))
-        return W;
+        R[C] = j;
+      if (!ko(R))
+        return R;
     }), { property: P } = l(e, [
       "settings",
       "tickSize"
@@ -2069,11 +2069,11 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       "end"
     ]), N = v({
       get: () => [E.value, D.value],
-      set: ([W, C]) => {
-        E.value = W, D.value = C;
+      set: ([R, C]) => {
+        E.value = R, D.value = C;
       }
     });
-    return (W, C) => {
+    return (R, C) => {
       const j = A("v-range-slider");
       return g(), w(i(F), { block: "" }, {
         default: _(() => [
@@ -2101,7 +2101,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Ul = /* @__PURE__ */ $({
+}), Jl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2142,7 +2142,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Jl = /* @__PURE__ */ $({
+}), Xl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2181,7 +2181,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Xl = /* @__PURE__ */ $({
+}), Yl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2226,11 +2226,11 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       if (!D.value)
         return;
       const pe = {};
-      for (const { value: Ne, label: tn } of D.value)
-        pe[Ne] = tn;
+      for (const { value: He, label: tn } of D.value)
+        pe[He] = tn;
       if (!ko(pe))
         return pe;
-    }), { property: W } = l(e, [
+    }), { property: R } = l(e, [
       "settings",
       "tickSize"
     ]), { property: C } = l(e, [
@@ -2240,13 +2240,13 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       "slots",
       "prepend"
     ]);
-    return (pe, Ne) => {
+    return (pe, He) => {
       const tn = A("v-slider");
       return g(), w(i(F), { block: "" }, {
         default: _(() => [
           M(tn, {
             modelValue: i(Y),
-            "onUpdate:modelValue": Ne[0] || (Ne[0] = (qo) => J(Y) ? Y.value = qo : null),
+            "onUpdate:modelValue": He[0] || (He[0] = (qo) => J(Y) ? Y.value = qo : null),
             color: i(o),
             direction: i(s),
             disabled: i(r),
@@ -2262,7 +2262,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
             "thumb-color": i(S),
             "thumb-label": P.value,
             "thumb-size": i(E),
-            "tick-size": i(W),
+            "tick-size": i(R),
             ticks: N.value,
             "track-color": i(j)
           }, Mn({ _: 2 }, [
@@ -2294,7 +2294,7 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       });
     };
   }
-}), Yl = /* @__PURE__ */ $({
+}), ql = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2320,8 +2320,8 @@ const _l = /* @__PURE__ */ Pe(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       }, 8, ["modelValue", "hide-actions", "theme"]);
     };
   }
-}), ql = {};
-function Zl(t, e) {
+}), Zl = {};
+function Ql(t, e) {
   const n = A("v-stepper-header");
   return g(), w(n, null, {
     default: _(() => [
@@ -2330,7 +2330,7 @@ function Zl(t, e) {
     _: 3
   });
 }
-const Ql = /* @__PURE__ */ Pe(ql, [["render", Zl]]), ea = /* @__PURE__ */ $({
+const ea = /* @__PURE__ */ Pe(Zl, [["render", Ql]]), ta = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2348,8 +2348,8 @@ const Ql = /* @__PURE__ */ Pe(ql, [["render", Zl]]), ea = /* @__PURE__ */ $({
       }, 8, ["value"]);
     };
   }
-}), ta = {};
-function na(t, e) {
+}), na = {};
+function ia(t, e) {
   const n = A("v-stepper-window");
   return g(), w(n, null, {
     default: _(() => [
@@ -2358,7 +2358,7 @@ function na(t, e) {
     _: 3
   });
 }
-const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
+const oa = /* @__PURE__ */ Pe(na, [["render", ia]]), ra = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2376,7 +2376,7 @@ const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       }, 8, ["value"]);
     };
   }
-}), ra = /* @__PURE__ */ $({
+}), sa = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2419,7 +2419,7 @@ const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       });
     };
   }
-}), sa = /* @__PURE__ */ $({
+}), la = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2445,7 +2445,7 @@ const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       });
     };
   }
-}), la = /* @__PURE__ */ $({
+}), aa = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2489,13 +2489,13 @@ const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       "color",
       "sliderColor"
     ]), { color: I } = K(S), { property: P } = l(e, ["settings", "stacked"]), { theme: E } = G(), { property: D } = l(e, ["settings", "value"]);
-    return (N, W) => {
+    return (N, R) => {
       const C = A("v-tabs");
       return g(), w(i(F), { block: "" }, {
         default: _(() => [
           M(C, {
             modelValue: i(D),
-            "onUpdate:modelValue": W[0] || (W[0] = (j) => J(D) ? D.value = j : null),
+            "onUpdate:modelValue": R[0] || (R[0] = (j) => J(D) ? D.value = j : null),
             "align-tabs": i(n),
             "bg-color": i(s),
             "center-active": i(r),
@@ -2523,7 +2523,7 @@ const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       });
     };
   }
-}), aa = /* @__PURE__ */ $({
+}), ca = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2537,7 +2537,7 @@ const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       "settings",
       "emphasis"
     ]), { property: a } = l(e, ["settings", "italic"]), { property: c } = l(e, ["settings", "text"]), { property: u } = l(e, ["settings", "weight"]), d = v(() => {
-      const m = [], p = Ke(n.value.width), y = Le(p, e.node.settings?.style);
+      const m = [], p = Oe(n.value.width), y = Le(p, e.node.settings?.style);
       return y && m.push(`text-${y}`), r.value === "high" ? m.push("text-high-emphasis") : r.value === "medium" ? m.push("text-medium-emphasis") : r.value === "disabled" && m.push("text-disabled"), o.value && m.push(`font-${o.value}`), s.value && m.push(`text-decoration-${s.value}`), u.value && m.push(`font-weight-${u.value}`), a.value && m.push("font-italic"), m.join(" ");
     });
     return (m, p) => (g(), w(i(F), null, {
@@ -2549,7 +2549,7 @@ const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       _: 1
     }));
   }
-}), ca = /* @__PURE__ */ $({
+}), ua = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2602,7 +2602,7 @@ const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       });
     };
   }
-}), ua = /* @__PURE__ */ $({
+}), ma = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2642,7 +2642,7 @@ const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
     ]), { property: x } = l(e, ["settings", "reverse"]), { property: S } = l(e, [
       "settings",
       "singleLine"
-    ]), { property: I } = l(e, ["settings", "suffix"]), { theme: P } = G(), { property: E } = l(e, ["settings", "value"]), { property: D } = l(e, ["settings", "variant"]), { property: N } = l(e, ["slots", "append"]), { property: W } = l(e, [
+    ]), { property: I } = l(e, ["settings", "suffix"]), { theme: P } = G(), { property: E } = l(e, ["settings", "value"]), { property: D } = l(e, ["settings", "variant"]), { property: N } = l(e, ["slots", "append"]), { property: R } = l(e, [
       "slots",
       "appendInner"
     ]), { property: C } = l(e, [
@@ -2690,12 +2690,12 @@ const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
               ]),
               key: "0"
             } : void 0,
-            i(W) ? {
+            i(R) ? {
               name: "append-inner",
               fn: _(() => [
                 M(i(xe), {
                   id: "append-inner",
-                  "ref-context": { compId: i(W) },
+                  "ref-context": { compId: i(R) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2729,7 +2729,7 @@ const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       });
     };
   }
-}), ma = /* @__PURE__ */ $({
+}), pa = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2790,8 +2790,8 @@ const ia = /* @__PURE__ */ Pe(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
   }
-}), pa = {};
-function da(t, e) {
+}), da = {};
+function ya(t, e) {
   const n = A("v-timeline-item");
   return g(), w(n, null, {
     default: _(() => [
@@ -2800,7 +2800,7 @@ function da(t, e) {
     _: 3
   });
 }
-const ya = /* @__PURE__ */ Pe(pa, [["render", da]]), fa = /* @__PURE__ */ $({
+const fa = /* @__PURE__ */ Pe(da, [["render", ya]]), ba = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2840,8 +2840,8 @@ const ya = /* @__PURE__ */ Pe(pa, [["render", da]]), fa = /* @__PURE__ */ $({
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
     };
   }
-}), ba = {};
-function ha(t, e) {
+}), ha = {};
+function ga(t, e) {
   const n = A("v-window-item");
   return g(), w(n, null, {
     default: _(() => [
@@ -2850,7 +2850,7 @@ function ha(t, e) {
     _: 3
   });
 }
-const ga = /* @__PURE__ */ Pe(ba, [["render", ha]]), Qe = "ambient_light_v1", et = "badge_v1", On = "breadcrumbs_v1", tt = "bar_chart_v1", nt = "box_geometry_v1", it = "btn_v1", ot = "btn_group_v1", rt = "btn_toggle_v1", st = "card_v1", lt = "checkbox_v1", at = "chip_v1", ct = "chip_group_v1", ut = "color_picker_v1", mt = "combobox_v1", pt = "container_v1", dt = "data_table_v1", yt = "date_picker_v1", ft = "dialog_v1", bt = "directional_light_v1", ht = "file_input_v1", gt = "flex_layout_v1", To = "flex_layout_entry_v1", xt = "form_v1", un = "globality_v1", vt = "group_v1", kt = "icon_v1", _t = "keyboard_controls_v1", wt = "line_chart_v1", Vt = "map_controls_v1", St = "menu_v1", $t = "mesh_v1", xa = "mesh_basic_material_v1", It = "multiple_ref_v1", Ct = "number_input_v1", Pt = "orbit_controls_v1", Tt = "orthographic_camera_v1", zt = "pagination_v1", At = "perspective_camera_v1", Lt = "point_light_v1", zo = "radio_v1", Et = "radio_group_v1", Bt = "range_slider_v1", We = "reference_v1", Wt = "rating_v1", Rt = "render_switch_v1", Mt = "select_v1", Dt = "slider_v1", Ft = "sphere_geometry_v1", Gt = "spot_light_v1", jt = "stepper_v1", Ao = "stepper_header_v1", Lo = "stepper_item_v1", Eo = "stepper_window_v1", Bo = "stepper_window_item_v1", Nt = "switch_v1", Wo = "tab_v1", Un = "table_v1", Ht = "tabs_v1", Kt = "text_v1", Ot = "textarea_v1", Ut = "text_field_v1", Jt = "timeline_v1", Ro = "timeline_item_v1", Xt = "window_v1", Mo = "window_item_v1", f = {
+const xa = /* @__PURE__ */ Pe(ha, [["render", ga]]), Qe = "ambient_light_v1", et = "badge_v1", On = "breadcrumbs_v1", tt = "bar_chart_v1", nt = "box_geometry_v1", it = "btn_v1", ot = "btn_group_v1", rt = "btn_toggle_v1", st = "card_v1", lt = "checkbox_v1", at = "chip_v1", ct = "chip_group_v1", ut = "color_picker_v1", mt = "combobox_v1", pt = "container_v1", dt = "data_table_v1", yt = "date_picker_v1", ft = "dialog_v1", bt = "directional_light_v1", ht = "file_input_v1", gt = "flex_layout_v1", To = "flex_layout_entry_v1", xt = "form_v1", un = "globality_v1", vt = "group_v1", kt = "icon_v1", _t = "keyboard_controls_v1", wt = "line_chart_v1", Vt = "map_controls_v1", St = "menu_v1", $t = "mesh_v1", va = "mesh_basic_material_v1", It = "multiple_ref_v1", Ct = "number_input_v1", Pt = "orbit_controls_v1", Tt = "orthographic_camera_v1", zt = "pagination_v1", At = "perspective_camera_v1", Lt = "point_light_v1", zo = "radio_v1", Et = "radio_group_v1", Bt = "range_slider_v1", Re = "reference_v1", Rt = "rating_v1", Wt = "render_switch_v1", Mt = "select_v1", Dt = "slider_v1", Ft = "sphere_geometry_v1", Gt = "spot_light_v1", jt = "stepper_v1", Ao = "stepper_header_v1", Lo = "stepper_item_v1", Eo = "stepper_window_v1", Bo = "stepper_window_item_v1", Nt = "switch_v1", Ro = "tab_v1", Un = "table_v1", Ht = "tabs_v1", Kt = "text_v1", Ot = "textarea_v1", Ut = "text_field_v1", Jt = "timeline_v1", Wo = "timeline_item_v1", Xt = "window_v1", Mo = "window_item_v1", f = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2912,7 +2912,7 @@ const ga = /* @__PURE__ */ Pe(ba, [["render", ha]]), Qe = "ambient_light_v1", et
       ]
     }
   ]
-}, va = R(O), $e = {
+}, ka = W(O), $e = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2930,7 +2930,7 @@ const ga = /* @__PURE__ */ Pe(ba, [["render", ha]]), Qe = "ambient_light_v1", et
       types: "borderWidthTypesV1",
       default: ""
     },
-    va,
+    ka,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -2966,7 +2966,7 @@ const ga = /* @__PURE__ */ Pe(ba, [["render", ha]]), Qe = "ambient_light_v1", et
       ]
     }
   ]
-}, Ue = {
+}, Je = {
   key: "legend",
   name: "x-runtime-lib.legend",
   children: [
@@ -3104,7 +3104,7 @@ const ga = /* @__PURE__ */ Pe(ba, [["render", ha]]), Qe = "ambient_light_v1", et
       default: ""
     }
   ]
-}, Je = {
+}, Xe = {
   key: "title",
   name: "x-runtime-lib.title",
   children: [
@@ -3213,7 +3213,7 @@ const ga = /* @__PURE__ */ Pe(ba, [["render", ha]]), Qe = "ambient_light_v1", et
       ]
     }
   ]
-}, Xe = {
+}, Ye = {
   key: "xAxis",
   name: "x-runtime-lib.xAxis",
   children: [
@@ -3246,7 +3246,7 @@ const ga = /* @__PURE__ */ Pe(ba, [["render", ha]]), Qe = "ambient_light_v1", et
       defaultArray: []
     }
   ]
-}, Ye = {
+}, qe = {
   key: "yAxis",
   name: "x-runtime-lib.yAxis",
   children: [
@@ -3326,10 +3326,10 @@ const ga = /* @__PURE__ */ Pe(ba, [["render", ha]]), Qe = "ambient_light_v1", et
       default: 2e3
     }
   ]
-}, ka = {
+}, _a = {
   key: Tt,
   name: "x-runtime-lib.orthographicCamera",
-  comp: Dr,
+  comp: Fr,
   properties: {
     pageScene: [f, X, ai],
     compScene: [f, X, ai]
@@ -3338,7 +3338,7 @@ const ga = /* @__PURE__ */ Pe(ba, [["render", ha]]), Qe = "ambient_light_v1", et
   methods: [],
   slots: []
 };
-V(ka);
+V(_a);
 const ci = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3372,10 +3372,10 @@ const ci = {
       default: 2e3
     }
   ]
-}, _a = {
+}, wa = {
   key: At,
   name: "x-runtime-lib.perspectiveCamera",
-  comp: Gr,
+  comp: jr,
   properties: {
     pageScene: [f, X, ci],
     compScene: [f, X, ci]
@@ -3384,29 +3384,29 @@ const ci = {
   methods: [],
   slots: []
 };
-V(_a);
-const wa = /* @__PURE__ */ $({
+V(wa);
+const Va = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = H();
     return (n, o) => i(e) !== "editor" ? (g(), w(i(kr), { key: 0 })) : ne("", !0);
   }
-}), Va = /* @__PURE__ */ $({
+}), Sa = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = H();
     return (n, o) => i(e) !== "editor" ? (g(), w(i(_r), { key: 0 })) : ne("", !0);
   }
-}), Sa = /* @__PURE__ */ $({
+}), $a = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = H();
     return (n, o) => i(e) !== "editor" ? (g(), w(i(wr), { key: 0 })) : ne("", !0);
   }
-}), $a = {
+}), Ia = {
   key: _t,
   name: "x-runtime-lib.keyboardControls",
-  comp: wa,
+  comp: Va,
   properties: {
     pageScene: [f],
     compScene: [f]
@@ -3416,11 +3416,11 @@ const wa = /* @__PURE__ */ $({
   slots: [],
   leaf: !0
 };
-V($a);
-const Ia = {
+V(Ia);
+const Ca = {
   key: Vt,
   name: "x-runtime-lib.mapControls",
-  comp: Va,
+  comp: Sa,
   properties: {
     pageScene: [f],
     compScene: [f]
@@ -3430,11 +3430,11 @@ const Ia = {
   slots: [],
   leaf: !0
 };
-V(Ia);
-const Ca = {
+V(Ca);
+const Pa = {
   key: Pt,
   name: "x-runtime-lib.orbitControls",
-  comp: Sa,
+  comp: $a,
   properties: {
     pageScene: [f],
     compScene: [f]
@@ -3444,8 +3444,8 @@ const Ca = {
   slots: [],
   leaf: !0
 };
-V(Ca);
-function Pa(t, e) {
+V(Pa);
+function Ta(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`boxGeometryV1/spawn property tag not found, ${n}`);
@@ -3474,11 +3474,11 @@ function Pa(t, e) {
       z: 1
     }
   }, r.children = [
-    Ta(t, e),
-    za(t, e)
+    za(t, e),
+    Aa(t, e)
   ], r;
 }
-function Ta(t, e) {
+function za(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -3503,7 +3503,7 @@ function Ta(t, e) {
     depthSegements: 1
   }, r;
 }
-function za(t, e) {
+function Aa(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -3511,7 +3511,7 @@ function za(t, e) {
     );
     return;
   }
-  const s = Re.properties[o];
+  const s = We.properties[o];
   if (!s) {
     console.error(
       `boxGeometryV1/spawnMeshBasicMaterial properties not found, ${n}`
@@ -3519,7 +3519,7 @@ function za(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = T(16), r.basic.key = Re.key, r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = We.key, r;
 }
 const ui = {
   key: "settings",
@@ -3568,7 +3568,7 @@ const ui = {
 }, mn = {
   key: nt,
   name: "x-runtime-lib.boxGeometry",
-  comp: Nr,
+  comp: Hr,
   properties: {
     pageScene: [f, ui],
     compScene: [f, ui]
@@ -3577,10 +3577,10 @@ const ui = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Pa
+  spawn: Ta
 };
 V(mn);
-function Aa(t, e) {
+function La(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${n}`);
@@ -3609,11 +3609,11 @@ function Aa(t, e) {
       z: 1
     }
   }, r.children = [
-    La(t, e),
-    Ea(t, e)
+    Ea(t, e),
+    Ba(t, e)
   ], r;
 }
-function La(t, e) {
+function Ea(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -3639,7 +3639,7 @@ function La(t, e) {
     thetaLength: 3.141592653589793
   }, r;
 }
-function Ea(t, e) {
+function Ba(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -3647,7 +3647,7 @@ function Ea(t, e) {
     );
     return;
   }
-  const s = Re.properties[o];
+  const s = We.properties[o];
   if (!s) {
     console.error(
       `sphereGeometryV1/spawnMeshBasicMaterial properties not found, ${n}`
@@ -3655,7 +3655,7 @@ function Ea(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = T(16), r.basic.key = Re.key, r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = We.key, r;
 }
 const mi = {
   key: "settings",
@@ -3712,7 +3712,7 @@ const mi = {
 }, pn = {
   key: Ft,
   name: "x-runtime-lib.sphereGeometry",
-  comp: Kr,
+  comp: Or,
   properties: {
     pageScene: [f, mi],
     compScene: [f, mi]
@@ -3721,10 +3721,10 @@ const mi = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Aa
+  spawn: La
 };
 V(pn);
-const Yt = R(O);
+const Yt = W(O);
 Yt.children[0].default = "custom";
 Yt.children[2].children[0].default = "0xffffff";
 Yt.children[2].children[1].default = "0xffffff";
@@ -3741,10 +3741,10 @@ const pi = {
       default: 1
     }
   ]
-}, Ba = {
+}, Ra = {
   key: Qe,
   name: "x-runtime-lib.ambientLight",
-  comp: Ur,
+  comp: Jr,
   properties: {
     pageScene: [f, X, pi],
     compScene: [f, X, pi]
@@ -3753,8 +3753,8 @@ const pi = {
   methods: [],
   slots: []
 };
-V(Ba);
-const qt = R(O);
+V(Ra);
+const qt = W(O);
 qt.children[0].default = "custom";
 qt.children[2].children[0].default = "0xffffff";
 qt.children[2].children[1].default = "0xffffff";
@@ -3774,7 +3774,7 @@ const di = {
 }, Wa = {
   key: bt,
   name: "x-runtime-lib.directionalLight",
-  comp: Xr,
+  comp: Yr,
   properties: {
     pageScene: [f, X, di],
     compScene: [f, X, di]
@@ -3784,7 +3784,7 @@ const di = {
   slots: []
 };
 V(Wa);
-const Zt = R(O);
+const Zt = W(O);
 Zt.children[0].default = "custom";
 Zt.children[2].children[0].default = "0xffffff";
 Zt.children[2].children[1].default = "0xffffff";
@@ -3815,10 +3815,10 @@ const yi = {
       default: 2
     }
   ]
-}, Ra = {
+}, Ma = {
   key: Lt,
   name: "x-runtime-lib.pointLight",
-  comp: qr,
+  comp: Zr,
   properties: {
     pageScene: [f, X, yi],
     compScene: [f, X, yi]
@@ -3827,8 +3827,8 @@ const yi = {
   methods: [],
   slots: []
 };
-V(Ra);
-const Qt = R(O);
+V(Ma);
+const Qt = W(O);
 Qt.children[0].default = "custom";
 Qt.children[2].children[0].default = "0xffffff";
 Qt.children[2].children[1].default = "0xffffff";
@@ -3876,10 +3876,10 @@ const fi = {
       default: 0
     }
   ]
-}, Ma = {
+}, Da = {
   key: Gt,
   name: "x-runtime-lib.spotLight",
-  comp: Qr,
+  comp: es,
   properties: {
     pageScene: [f, X, fi],
     compScene: [f, X, fi]
@@ -3888,11 +3888,11 @@ const fi = {
   methods: [],
   slots: []
 };
-V(Ma);
-const Re = {
-  key: xa,
+V(Da);
+const We = {
+  key: va,
   name: "x-runtime-lib.meshBasicMaterial",
-  comp: ns,
+  comp: is,
   properties: {
     pageScene: [f],
     compScene: [f]
@@ -3902,11 +3902,11 @@ const Re = {
   slots: [],
   leaf: !0
 };
-V(Re);
-const Da = {
+V(We);
+const Fa = {
   key: vt,
   name: "x-runtime-lib.group",
-  comp: os,
+  comp: rs,
   properties: {
     pageScene: [f, X],
     compScene: [f, X]
@@ -3915,11 +3915,11 @@ const Da = {
   methods: [],
   slots: []
 };
-V(Da);
+V(Fa);
 const Me = {
   key: $t,
   name: "x-runtime-lib.mesh",
-  comp: ss,
+  comp: ls,
   properties: {
     pageScene: [f, X],
     compScene: [f, X]
@@ -3929,7 +3929,7 @@ const Me = {
   slots: []
 };
 V(Me);
-function Fa(t, e) {
+function Ga(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`barChartV1/spawn property tag not found, ${n}`);
@@ -3972,19 +3972,19 @@ const bi = {
 }, dn = {
   key: tt,
   name: "x-runtime-lib.barChart",
-  comp: dl,
+  comp: yl,
   properties: {
-    pageCommon: [f, U, Je, Xe, Ye, Ue, bi],
-    compCommon: [f, U, Je, Xe, Ye, Ue, bi]
+    pageCommon: [f, U, Xe, Ye, qe, Je, bi],
+    compCommon: [f, U, Xe, Ye, qe, Je, bi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Fa
+  spawn: Ga
 };
 V(dn);
-function Ga(t, e) {
+function ja(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`lineChartV1/spawn property tag not found, ${n}`);
@@ -4027,22 +4027,22 @@ const hi = {
 }, yn = {
   key: wt,
   name: "x-runtime-lib.lineChart",
-  comp: yl,
+  comp: fl,
   properties: {
-    pageCommon: [f, U, Je, Xe, Ye, Ue, hi],
-    compCommon: [f, U, Je, Xe, Ye, Ue, hi]
+    pageCommon: [f, U, Xe, Ye, qe, Je, hi],
+    compCommon: [f, U, Xe, Ye, qe, Je, hi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Ga
+  spawn: ja
 };
 V(yn);
-const ja = {
+const Na = {
   key: It,
   name: "x-runtime-lib.multipleRef",
-  comp: fl,
+  comp: bl,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -4052,7 +4052,7 @@ const ja = {
   slots: [],
   leaf: !0
 };
-V(ja);
+V(Na);
 const gi = {
   key: "reference",
   name: "x-runtime-lib.reference",
@@ -4064,10 +4064,10 @@ const gi = {
       default: void 0
     }
   ]
-}, Na = {
-  key: We,
+}, Ha = {
+  key: Re,
   name: "x-runtime-lib.reference",
-  comp: bl,
+  comp: hl,
   properties: {
     pageCommon: [f, U, gi],
     compCommon: [f, U, gi]
@@ -4077,7 +4077,7 @@ const gi = {
   slots: [],
   leaf: !0
 };
-V(Na);
+V(Ha);
 const xi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4089,10 +4089,10 @@ const xi = {
       default: !1
     }
   ]
-}, Ha = {
-  key: Rt,
+}, Ka = {
+  key: Wt,
   name: "x-runtime-lib.renderSwitch",
-  comp: hl,
+  comp: gl,
   properties: {
     pageCommon: [f, xi],
     compCommon: [f, xi]
@@ -4101,8 +4101,8 @@ const xi = {
   methods: [],
   slots: []
 };
-V(Ha);
-const en = R(O);
+V(Ka);
+const en = W(O);
 en.key = "backgroundColor";
 en.name = "x-runtime-lib.backgroundColor";
 const vi = {
@@ -4113,7 +4113,7 @@ const vi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [en]
-}, Ka = {
+}, Oa = {
   key: un,
   name: "x-runtime-lib.globality",
   comp: null,
@@ -4161,7 +4161,7 @@ const vi = {
   slots: [],
   internal: !0
 };
-V(Ka);
+V(Oa);
 const _i = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4197,10 +4197,10 @@ const _i = {
       default: !1
     }
   ]
-}, om = {
+}, rm = {
   key: et,
   name: "x-runtime-lib.badge",
-  comp: gl,
+  comp: xl,
   properties: {
     pageCommon: [f, _i],
     compCommon: [f, _i]
@@ -4209,7 +4209,7 @@ const _i = {
   methods: [],
   slots: []
 };
-function Oa(t, e) {
+function Ua(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`btnV1/spawn property tag not found, ${n}`);
@@ -4223,7 +4223,7 @@ function Oa(t, e) {
   const r = {};
   return z(r, s), r.basic.id = T(16), r.basic.key = fn.key, r.settings.text = "button", r;
 }
-const Ua = R(O), wi = {
+const Ja = W(O), wi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4302,7 +4302,7 @@ const Ua = R(O), wi = {
       ui: "switch",
       default: !1
     },
-    Ua,
+    Ja,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -4313,7 +4313,7 @@ const Ua = R(O), wi = {
 }, fn = {
   key: it,
   name: "x-runtime-lib.button",
-  comp: xl,
+  comp: vl,
   properties: {
     pageCommon: [f, U, wi],
     compCommon: [f, U, wi]
@@ -4328,13 +4328,13 @@ const Ua = R(O), wi = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Oa
+  spawn: Ua
 };
 V(fn);
-const Ja = {
+const Xa = {
   key: ot,
   name: "x-runtime-lib.buttonGroup",
-  comp: _l,
+  comp: wl,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -4343,7 +4343,7 @@ const Ja = {
   methods: [],
   slots: []
 };
-V(Ja);
+V(Xa);
 const Vi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4405,10 +4405,10 @@ const Vi = {
       default: !1
     }
   ]
-}, Xa = {
+}, Ya = {
   key: rt,
   name: "x-runtime-lib.buttonToggle",
-  comp: wl,
+  comp: Vl,
   properties: {
     pageCommon: [f, Vi],
     compCommon: [f, Vi]
@@ -4417,8 +4417,8 @@ const Vi = {
   methods: [],
   slots: []
 };
-V(Xa);
-function Ya(t, e) {
+V(Ya);
+function qa(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`cardV1/spawn property tag not found, ${n}`);
@@ -4490,7 +4490,7 @@ const Si = {
 }, De = {
   key: st,
   name: "x-runtime-lib.card",
-  comp: Vl,
+  comp: Sl,
   properties: {
     pageCommon: [f, U, Si],
     compCommon: [f, U, Si]
@@ -4498,7 +4498,7 @@ const Si = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Ya
+  spawn: qa
 };
 V(De);
 const $i = {
@@ -4518,10 +4518,10 @@ const $i = {
       default: ""
     }
   ]
-}, qa = {
+}, Za = {
   key: lt,
   name: "x-runtime-lib.checkbox",
-  comp: Sl,
+  comp: $l,
   properties: {
     pageCommon: [f, $i],
     compCommon: [f, $i]
@@ -4531,8 +4531,8 @@ const $i = {
   slots: [],
   leaf: !0
 };
-V(qa);
-const Za = R(O), Ii = {
+V(Za);
+const Qa = W(O), Ii = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4605,12 +4605,12 @@ const Za = R(O), Ii = {
       ui: "switch",
       default: !1
     },
-    Za
+    Qa
   ]
 }, bn = {
   key: at,
   name: "x-runtime-lib.chip",
-  comp: $l,
+  comp: Il,
   properties: {
     pageCommon: [f, Ii],
     compCommon: [f, Ii]
@@ -4621,7 +4621,7 @@ const Za = R(O), Ii = {
   leaf: !0
 };
 V(bn);
-function Qa(t, e) {
+function ec(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`chipGroupV1/spawn property tag not found, ${n}`);
@@ -4713,7 +4713,7 @@ const Ci = {
 }, hn = {
   key: ct,
   name: "x-runtime-lib.chipGroup",
-  comp: Il,
+  comp: Cl,
   properties: {
     pageCommon: [f, Ci],
     compCommon: [f, Ci]
@@ -4721,13 +4721,13 @@ const Ci = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Qa
+  spawn: ec
 };
 V(hn);
-const ec = {
+const tc = {
   key: ut,
   name: "x-runtime-lib.colorPicker",
-  comp: Cl,
+  comp: Pl,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -4737,7 +4737,7 @@ const ec = {
   slots: [],
   leaf: !0
 };
-V(ec);
+V(tc);
 const Pi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4779,10 +4779,10 @@ const Pi = {
       default: !1
     }
   ]
-}, tc = {
+}, nc = {
   key: mt,
   name: "x-runtime-lib.combobox",
-  comp: Pl,
+  comp: Tl,
   properties: {
     pageCommon: [f, Pi],
     compCommon: [f, Pi]
@@ -4792,8 +4792,8 @@ const Pi = {
   slots: [],
   leaf: !0
 };
-V(tc);
-const Jn = R(O);
+V(nc);
+const Jn = W(O);
 Jn.key = "backgroundColor";
 Jn.name = "x-runtime-lib.backgroundColor";
 const Ti = {
@@ -4803,7 +4803,7 @@ const Ti = {
 }, gn = {
   key: pt,
   name: "x-runtime-lib.container",
-  comp: Tl,
+  comp: zl,
   properties: {
     pageCommon: [f, U, $e, Ie, Ce, Ti],
     compCommon: [f, U, $e, Ie, Ce, Ti]
@@ -4971,10 +4971,10 @@ const zi = {
       defaultArray: []
     }
   ]
-}, nc = {
+}, ic = {
   key: dt,
   name: "x-runtime-lib.dataTable",
-  comp: zl,
+  comp: Al,
   properties: {
     pageCommon: [f, zi, Ai, Li],
     compCommon: [f, zi, Ai, Li]
@@ -4984,11 +4984,11 @@ const zi = {
   slots: [],
   leaf: !0
 };
-V(nc);
-const ic = {
+V(ic);
+const oc = {
   key: yt,
   name: "x-runtime-lib.datePicker",
-  comp: Al,
+  comp: Ll,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -4998,11 +4998,11 @@ const ic = {
   slots: [],
   leaf: !0
 };
-V(ic);
-const oc = {
+V(oc);
+const rc = {
   key: ft,
   name: "x-runtime-lib.dialog",
-  comp: El,
+  comp: Bl,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -5025,15 +5025,15 @@ const oc = {
   slots: [],
   teleport: !0
 };
-V(oc);
+V(rc);
 const Ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, rm = {
+}, sm = {
   key: ht,
   name: "x-runtime-lib.fileInput",
-  comp: Bl,
+  comp: Rl,
   properties: {
     pageCommon: [f, Ei],
     compCommon: [f, Ei]
@@ -5062,7 +5062,7 @@ const Ei = {
 }, xn = {
   key: To,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: Rl,
+  comp: Ml,
   properties: {
     pageCommon: [f, U, Bi],
     compCommon: [f, U, Bi]
@@ -5072,7 +5072,7 @@ const Ei = {
   slots: []
 };
 V(xn);
-function rc(t, e) {
+function sc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`flexLayoutV1/spawn property tag not found, ${n}`);
@@ -5105,7 +5105,7 @@ function rc(t, e) {
       "60px",
       void 0
     ),
-    sc(t, e)
+    lc(t, e)
   ], r;
 }
 function vn(t, e, n, o, s, r, a, c, u) {
@@ -5126,7 +5126,7 @@ function vn(t, e, n, o, s, r, a, c, u) {
   const y = {};
   return z(y, p), y.basic.id = T(16), y.basic.key = gn.key, o && (y.size.width = o), s && (y.size.minWidth = s), a && (y.size.height = a), c && (y.size.minHeight = c), n && (y.settings.backgroundColor.mode = "custom", y.settings.backgroundColor.custom.light = n, y.settings.backgroundColor.custom.dark = n), y.children = [], y;
 }
-function sc(t, e) {
+function lc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -5158,10 +5158,10 @@ function sc(t, e) {
     )
   ], r;
 }
-const Xn = R(O);
+const Xn = W(O);
 Xn.key = "backgroundColor";
 Xn.name = "x-runtime-lib.backgroundColor";
-const Wi = {
+const Ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5336,8 +5336,8 @@ const Wi = {
   name: "x-runtime-lib.flexLayout",
   comp: Wl,
   properties: {
-    pageCommon: [f, U, $e, Ie, Ce, Wi],
-    compCommon: [f, U, $e, Ie, Ce, Wi]
+    pageCommon: [f, U, $e, Ie, Ce, Ri],
+    compCommon: [f, U, $e, Ie, Ce, Ri]
   },
   events: [
     {
@@ -5348,10 +5348,10 @@ const Wi = {
   ],
   methods: [],
   slots: [],
-  spawn: rc
+  spawn: sc
 };
 V(Fe);
-const Ri = {
+const Wi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5504,10 +5504,10 @@ const Ri = {
 }, kn = {
   key: Ut,
   name: "x-runtime-lib.textField",
-  comp: ua,
+  comp: ma,
   properties: {
-    pageCommon: [f, Ri, Mi],
-    compCommon: [f, Ri, Mi]
+    pageCommon: [f, Wi, Mi],
+    compCommon: [f, Wi, Mi]
   },
   events: [],
   methods: [],
@@ -5540,7 +5540,7 @@ const Ri = {
   leaf: !0
 };
 V(kn);
-function lc(t, e) {
+function ac(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`formV1/spawn property tag not found, ${n}`);
@@ -5552,9 +5552,9 @@ function lc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = T(16), r.basic.key = _n.key, r.children = [ac(t, e)], r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = _n.key, r.children = [cc(t, e)], r;
 }
-function ac(t, e) {
+function cc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`formV1/spawnTextField property tag not found, ${n}`);
@@ -5589,7 +5589,7 @@ const Di = {
 }, _n = {
   key: xt,
   name: "x-runtime-lib.form",
-  comp: Ml,
+  comp: Dl,
   properties: {
     pageCommon: [f, U, $e, Ie, Ce, Di],
     compCommon: [f, U, $e, Ie, Ce, Di]
@@ -5603,10 +5603,10 @@ const Di = {
   ],
   methods: [],
   slots: [],
-  spawn: lc
+  spawn: ac
 };
 V(_n);
-const cc = R(O), Fi = {
+const uc = W(O), Fi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5629,12 +5629,12 @@ const cc = R(O), Fi = {
       items: "sizeItemsV1",
       default: "default"
     },
-    cc
+    uc
   ]
-}, uc = {
+}, mc = {
   key: kt,
   name: "x-runtime-lib.icon",
-  comp: Dl,
+  comp: Fl,
   properties: {
     pageCommon: [f, Fi],
     compCommon: [f, Fi]
@@ -5644,11 +5644,11 @@ const cc = R(O), Fi = {
   slots: [],
   leaf: !0
 };
-V(uc);
-const mc = {
+V(mc);
+const pc = {
   key: St,
   name: "x-runtime-lib.menu",
-  comp: Gl,
+  comp: jl,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -5671,8 +5671,8 @@ const mc = {
   slots: [],
   teleport: !0
 };
-V(mc);
-function pc(t, e) {
+V(pc);
+function dc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`numberInputV1/spawn property tag not found, ${n}`);
@@ -5856,7 +5856,7 @@ const Gi = {
 }, wn = {
   key: Ct,
   name: "x-runtime-lib.numberInput",
-  comp: jl,
+  comp: Nl,
   properties: {
     pageCommon: [f, Gi, ji],
     compCommon: [f, Gi, ji]
@@ -5891,7 +5891,7 @@ const Gi = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: pc
+  spawn: dc
 };
 V(wn);
 const Ni = {
@@ -5957,10 +5957,10 @@ const Ni = {
       default: !1
     }
   ]
-}, dc = {
+}, yc = {
   key: zt,
   name: "x-runtime-lib.pagination",
-  comp: Nl,
+  comp: Hl,
   properties: {
     pageCommon: [f, Ni],
     compCommon: [f, Ni]
@@ -5970,8 +5970,8 @@ const Ni = {
   slots: [],
   leaf: !0
 };
-V(dc);
-const yc = R(O), Hi = {
+V(yc);
+const fc = W(O), Hi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6006,12 +6006,12 @@ const yc = R(O), Hi = {
       items: "densityItemsV1",
       default: "default"
     },
-    yc
+    fc
   ]
 }, Vn = {
   key: zo,
   name: "x-runtime-lib.radio",
-  comp: Hl,
+  comp: Kl,
   properties: {
     pageCommon: [f, Hi],
     compCommon: [f, Hi]
@@ -6022,7 +6022,7 @@ const yc = R(O), Hi = {
   leaf: !0
 };
 V(Vn);
-function fc(t, e) {
+function bc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`radioGroupV1/spawn property tag not found, ${n}`);
@@ -6102,7 +6102,7 @@ const Ki = {
 }, Sn = {
   key: Et,
   name: "x-runtime-lib.radioGroup",
-  comp: Kl,
+  comp: Ol,
   properties: {
     pageCommon: [f, Ki],
     compCommon: [f, Ki]
@@ -6110,7 +6110,7 @@ const Ki = {
   events: [],
   methods: [],
   slots: [],
-  spawn: fc
+  spawn: bc
 };
 V(Sn);
 const Oi = {
@@ -6230,10 +6230,10 @@ const Oi = {
       ]
     }
   ]
-}, bc = {
+}, hc = {
   key: Bt,
   name: "x-runtime-lib.rangeSlider",
-  comp: Ol,
+  comp: Ul,
   properties: {
     pageCommon: [f, Oi],
     compCommon: [f, Oi]
@@ -6243,7 +6243,7 @@ const Oi = {
   slots: [],
   leaf: !0
 };
-V(bc);
+V(hc);
 const Ui = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6299,10 +6299,10 @@ const Ui = {
       default: !1
     }
   ]
-}, hc = {
-  key: Wt,
+}, gc = {
+  key: Rt,
   name: "x-runtime-lib.rating",
-  comp: Ul,
+  comp: Jl,
   properties: {
     pageCommon: [f, Ui],
     compCommon: [f, Ui]
@@ -6312,7 +6312,7 @@ const Ui = {
   slots: [],
   leaf: !0
 };
-V(hc);
+V(gc);
 const Ji = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6354,10 +6354,10 @@ const Ji = {
       default: !1
     }
   ]
-}, gc = {
+}, xc = {
   key: Mt,
   name: "x-runtime-lib.select",
-  comp: Jl,
+  comp: Xl,
   properties: {
     pageCommon: [f, Ji],
     compCommon: [f, Ji]
@@ -6367,14 +6367,14 @@ const Ji = {
   slots: [],
   leaf: !0
 };
-V(gc);
-const Yn = R(O);
+V(xc);
+const Yn = W(O);
 Yn.key = "color";
 Yn.name = "x-runtime-lib.color";
-const qn = R(O);
+const qn = W(O);
 qn.key = "trackColor";
 qn.name = "x-runtime-lib.trackColor";
-const Zn = R(O);
+const Zn = W(O);
 Zn.key = "thumbColor";
 Zn.name = "x-runtime-lib.thumbColor";
 const Xi = {
@@ -6503,10 +6503,10 @@ const Xi = {
       default: void 0
     }
   ]
-}, xc = {
+}, vc = {
   key: Dt,
   name: "x-runtime-lib.slider",
-  comp: Xl,
+  comp: Yl,
   properties: {
     pageCommon: [f, Xi, Yi],
     compCommon: [f, Xi, Yi]
@@ -6516,11 +6516,11 @@ const Xi = {
   slots: [],
   leaf: !0
 };
-V(xc);
+V(vc);
 const $n = {
   key: Ao,
   name: "x-runtime-lib.stepperHeader",
-  comp: Ql,
+  comp: ea,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -6544,7 +6544,7 @@ const qi = {
 }, In = {
   key: Lo,
   name: "x-runtime-lib.stepperItem",
-  comp: ea,
+  comp: ta,
   properties: {
     pageCommon: [f, qi],
     compCommon: [f, qi]
@@ -6557,7 +6557,7 @@ V(In);
 const Cn = {
   key: Eo,
   name: "x-runtime-lib.stepperWindow",
-  comp: ia,
+  comp: oa,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -6581,7 +6581,7 @@ const Zi = {
 }, Pn = {
   key: Bo,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: oa,
+  comp: ra,
   properties: {
     pageCommon: [f, Zi],
     compCommon: [f, Zi]
@@ -6591,7 +6591,7 @@ const Zi = {
   slots: []
 };
 V(Pn);
-function vc(t, e) {
+function kc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`stepperV1/spawn property tag not found, ${n}`);
@@ -6603,9 +6603,9 @@ function vc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = T(16), r.basic.key = Tn.key, r.children = [kc(t, e), _c(t, e)], r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = Tn.key, r.children = [_c(t, e), wc(t, e)], r;
 }
-function kc(t, e) {
+function _c(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`stepperV1/spawnHeader property tag not found, ${n}`);
@@ -6637,7 +6637,7 @@ function rn(t, e, n) {
   const a = {};
   return z(a, r), a.basic.id = T(16), a.basic.key = In.key, a.children = [], a.settings.value = n, a;
 }
-function _c(t, e) {
+function wc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`stepperV1/spawnWindow property tag not found, ${n}`);
@@ -6671,9 +6671,9 @@ function sn(t, e, n, o) {
     return;
   }
   const c = {};
-  return z(c, a), c.basic.id = T(16), c.basic.key = Pn.key, c.children = [wc(t, e, o)], c.settings.value = n, c;
+  return z(c, a), c.basic.id = T(16), c.basic.key = Pn.key, c.children = [Vc(t, e, o)], c.settings.value = n, c;
 }
-function wc(t, e, n) {
+function Vc(t, e, n) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`stepperV1/spawnCard property tag not found, ${o}`);
@@ -6707,7 +6707,7 @@ const Qi = {
 }, Tn = {
   key: jt,
   name: "x-runtime-lib.stepper",
-  comp: Yl,
+  comp: ql,
   properties: {
     pageCommon: [f, Qi],
     compCommon: [f, Qi]
@@ -6715,13 +6715,13 @@ const Qi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: vc
+  spawn: kc
 };
 V(Tn);
-const Vc = {
+const Sc = {
   key: Nt,
   name: "x-runtime-lib.switch",
-  comp: ra,
+  comp: sa,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -6731,7 +6731,7 @@ const Vc = {
   slots: [],
   leaf: !0
 };
-V(Vc);
+V(Sc);
 const eo = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6750,9 +6750,9 @@ const eo = {
     }
   ]
 }, zn = {
-  key: Wo,
+  key: Ro,
   name: "x-runtime-lib.tab",
-  comp: sa,
+  comp: la,
   properties: {
     pageCommon: [f, eo],
     compCommon: [f, eo]
@@ -6763,7 +6763,7 @@ const eo = {
   leaf: !0
 };
 V(zn);
-function Sc(t, e) {
+function $c(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`tabsV1/spawn property tag not found, ${n}`);
@@ -6795,13 +6795,13 @@ function ln(t, e, n, o) {
   const c = {};
   return z(c, a), c.basic.id = T(16), c.basic.key = zn.key, c.settings.value = n, c.settings.text = o, c;
 }
-const Qn = R(O);
+const Qn = W(O);
 Qn.key = "backgroundColor";
 Qn.name = "x-runtime-lib.backgroundColor";
-const ei = R(O);
+const ei = W(O);
 ei.key = "selectedColor";
 ei.name = "x-runtime-lib.selectedColor";
-const ti = R(O);
+const ti = W(O);
 ti.key = "sliderColor";
 ti.name = "x-runtime-lib.sliderColor";
 const to = {
@@ -6886,7 +6886,7 @@ const to = {
 }, An = {
   key: Ht,
   name: "x-runtime-lib.tabs",
-  comp: la,
+  comp: aa,
   properties: {
     pageCommon: [f, to],
     compCommon: [f, to]
@@ -6894,10 +6894,10 @@ const to = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Sc
+  spawn: $c
 };
 V(An);
-function $c(t, e) {
+function Ic(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`textV1/spawn property tag not found, ${n}`);
@@ -7000,7 +7000,7 @@ const no = {
 }, ke = {
   key: Kt,
   name: "x-runtime-lib.text",
-  comp: aa,
+  comp: ca,
   properties: {
     pageCommon: [f, no],
     compCommon: [f, no]
@@ -7009,10 +7009,10 @@ const no = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: $c
+  spawn: Ic
 };
 V(ke);
-function Ic(t, e) {
+function Cc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`textareaV1/spawn property tag not found, ${n}`);
@@ -7100,7 +7100,7 @@ const io = {
 }, Ln = {
   key: Ot,
   name: "x-runtime-lib.textarea",
-  comp: ca,
+  comp: ua,
   properties: {
     pageCommon: [f, io],
     compCommon: [f, io]
@@ -7109,13 +7109,13 @@ const io = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Ic
+  spawn: Cc
 };
 V(Ln);
 const En = {
-  key: Ro,
+  key: Wo,
   name: "x-runtime-lib.timelineItem",
-  comp: ya,
+  comp: fa,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -7125,7 +7125,7 @@ const En = {
   slots: []
 };
 V(En);
-function Cc(t, e) {
+function Pc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`timelineV1/spawn property tag not found, ${n}`);
@@ -7155,9 +7155,9 @@ function an(t, e, n) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = T(16), a.basic.key = En.key, a.children = [Pc(t, e, n)], a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = En.key, a.children = [Tc(t, e, n)], a;
 }
-function Pc(t, e, n) {
+function Tc(t, e, n) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`timelineV1/spawnText property tag not found, ${o}`);
@@ -7171,7 +7171,7 @@ function Pc(t, e, n) {
   const a = {};
   return z(a, r), a.basic.id = T(16), a.basic.key = ke.key, a.settings.text = n, a;
 }
-const Tc = R(O), zc = R(O), oo = {
+const zc = W(O), Ac = W(O), oo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7219,7 +7219,7 @@ const Tc = R(O), zc = R(O), oo = {
           ui: "switch",
           default: !1
         },
-        Tc
+        zc
       ]
     },
     {
@@ -7245,14 +7245,14 @@ const Tc = R(O), zc = R(O), oo = {
           ui: "numInput",
           default: 0
         },
-        zc
+        Ac
       ]
     }
   ]
 }, Bn = {
   key: Jt,
   name: "x-runtime-lib.timeline",
-  comp: ma,
+  comp: pa,
   properties: {
     pageCommon: [f, oo],
     compCommon: [f, oo]
@@ -7260,13 +7260,13 @@ const Tc = R(O), zc = R(O), oo = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Cc
+  spawn: Pc
 };
 V(Bn);
-const Wn = {
+const Rn = {
   key: Mo,
   name: "x-runtime-lib.windowItem",
-  comp: ga,
+  comp: xa,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -7275,20 +7275,20 @@ const Wn = {
   methods: [],
   slots: []
 };
-V(Wn);
-function Ac(t, e) {
+V(Rn);
+function Lc(t, e) {
   const n = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(`windowV1/spawn property tag not found, ${n}`);
     return;
   }
-  const s = Rn.properties[o];
+  const s = Wn.properties[o];
   if (!s) {
     console.error(`windowV1/spawn properties not found, ${n}`);
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = T(16), r.basic.key = Rn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = Wn.key, r.children = [
     cn(t, e, "window 1"),
     cn(t, e, "window 2"),
     cn(t, e, "window 3")
@@ -7300,15 +7300,15 @@ function cn(t, e, n) {
     console.error(`windowV1/spawnEntry property tag not found, ${o}`);
     return;
   }
-  const r = Wn.properties[s];
+  const r = Rn.properties[s];
   if (!r) {
     console.error(`windowV1/spawnEntry properties not found, ${o}`);
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = T(16), a.basic.key = Wn.key, a.children = [Lc(t, e, n)], a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = Rn.key, a.children = [Ec(t, e, n)], a;
 }
-function Lc(t, e, n) {
+function Ec(t, e, n) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(
@@ -7322,9 +7322,9 @@ function Lc(t, e, n) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = T(16), a.basic.key = Fe.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Ec(t, e, n)], a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = Fe.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Bc(t, e, n)], a;
 }
-function Ec(t, e, n) {
+function Bc(t, e, n) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
@@ -7386,10 +7386,10 @@ const ro = {
       default: !1
     }
   ]
-}, Rn = {
+}, Wn = {
   key: Xt,
   name: "x-runtime-lib.window",
-  comp: fa,
+  comp: ba,
   properties: {
     pageCommon: [f, ro],
     compCommon: [f, ro]
@@ -7397,10 +7397,10 @@ const ro = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Ac
+  spawn: Lc
 };
-V(Rn);
-const Bc = [
+V(Wn);
+const Rc = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" },
@@ -7410,23 +7410,23 @@ const Bc = [
   { title: "x-runtime-lib.category", value: "category" },
   { title: "x-runtime-lib.time", value: "time" },
   { title: "x-runtime-lib.log", value: "log" }
-], Rc = [
+], Mc = [
   { 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" }
-], Mc = [
+], Dc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], Dc = [
+], Fc = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], Fc = [
+], Gc = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], Gc = [
+], jc = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -7434,20 +7434,20 @@ const Bc = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], jc = [
+], Nc = [
   { 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" }
-], Nc = [
+], Hc = [
   { 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" }
-], Hc = [
+], Kc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -7455,12 +7455,12 @@ const Bc = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], Kc = [
+], Oc = [
   { 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" }
-], Oc = [
+], Uc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -7468,24 +7468,24 @@ const Bc = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], Uc = [
+], Jc = [
   { title: "x-runtime-lib.elevated", value: "elevated" },
   { title: "x-runtime-lib.flat", value: "flat" },
   { title: "x-runtime-lib.tonal", value: "tonal" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.text", value: "text" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], Jc = [
+], Xc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], Xc = [
+], Yc = [
   { 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" }
-], Yc = [
+], qc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -7493,18 +7493,18 @@ const Bc = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], qc = [
+], Zc = [
   { 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" }
-], Zc = [
+], Qc = [
   { 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 = [
+], eu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -7519,7 +7519,7 @@ const Bc = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], eu = [
+], tu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -7530,53 +7530,53 @@ const Bc = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], tu = [
+], nu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], nu = [
+], iu = [
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], iu = [
+], ou = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], ou = [
+], ru = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], ru = [
+], su = [
   { 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" }
-], su = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], lu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alignTabsItemsV1: Bc,
+  alignTabsItemsV1: Rc,
   axisTypeItemsV1: Wc,
-  borderStyleItemsV1: Rc,
-  colorModeItemsV1: Mc,
-  densityItemsV1: Dc,
-  directionItemsV1: Fc,
-  fieldVariantItemsV1: Gc,
-  flexCrossAlignItemsV1: jc,
-  flexDirectionItemsV1: Nc,
-  flexMainAlignItemsV1: Hc,
-  flexWrapItemsV1: Kc,
-  fontWeightItemsV1: Oc,
-  sheetVariantItemsV1: Uc,
-  showTicksItemsV1: Jc,
-  sizeItemsV1: Xc,
-  textAlignItemsV1: Yc,
-  textDecorationItemsV1: qc,
-  textEmphasisItemsV1: Zc,
-  textStyleItemsV1: Qc,
-  themeColorItemsV1: eu,
-  thumbLabelItemsV1: tu,
-  timelineAlignItemsV1: nu,
-  timelineDirectionItemsV1: iu,
-  timelineSideItemsV1: ou,
-  timelineTruncateLineItemsV1: ru
-}, Symbol.toStringTag, { value: "Module" })), lu = [
+  borderStyleItemsV1: Mc,
+  colorModeItemsV1: Dc,
+  densityItemsV1: Fc,
+  directionItemsV1: Gc,
+  fieldVariantItemsV1: jc,
+  flexCrossAlignItemsV1: Nc,
+  flexDirectionItemsV1: Hc,
+  flexMainAlignItemsV1: Kc,
+  flexWrapItemsV1: Oc,
+  fontWeightItemsV1: Uc,
+  sheetVariantItemsV1: Jc,
+  showTicksItemsV1: Xc,
+  sizeItemsV1: Yc,
+  textAlignItemsV1: qc,
+  textDecorationItemsV1: Zc,
+  textEmphasisItemsV1: Qc,
+  textStyleItemsV1: eu,
+  themeColorItemsV1: tu,
+  thumbLabelItemsV1: nu,
+  timelineAlignItemsV1: iu,
+  timelineDirectionItemsV1: ou,
+  timelineSideItemsV1: ru,
+  timelineTruncateLineItemsV1: su
+}, Symbol.toStringTag, { value: "Module" })), au = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7616,7 +7616,7 @@ const Bc = [
     max: 1 / 0,
     step: 1
   }
-], au = [
+], cu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7638,7 +7638,7 @@ const Bc = [
     validator: (t) => t === "right",
     default: "right"
   }
-], cu = [
+], uu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7668,7 +7668,7 @@ const Bc = [
     precision: 6,
     default: "0%"
   }
-], uu = [
+], mu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7693,7 +7693,7 @@ const Bc = [
     min: 0,
     default: "0%"
   }
-], mu = [
+], pu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7718,7 +7718,7 @@ const Bc = [
     min: 0,
     default: "0%"
   }
-], pu = [
+], du = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7747,7 +7747,7 @@ const Bc = [
     validator: (t) => t === "end",
     default: "end"
   }
-], du = [
+], yu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7769,16 +7769,16 @@ const Bc = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], yu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], fu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: lu,
-  leftRightTypesV1: au,
-  marginTypesV1: cu,
-  paddingTypesV1: uu,
-  sizeTypesV1: mu,
-  tableColumnAlignTypesV1: pu,
-  topBottomTypesV1: du
-}, Symbol.toStringTag, { value: "Module" })), fu = [
+  borderWidthTypesV1: au,
+  leftRightTypesV1: cu,
+  marginTypesV1: uu,
+  paddingTypesV1: mu,
+  sizeTypesV1: pu,
+  tableColumnAlignTypesV1: du,
+  topBottomTypesV1: yu
+}, Symbol.toStringTag, { value: "Module" })), bu = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -7835,7 +7835,7 @@ const Bc = [
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [et, Wt, Jt]
+    items: [et, Rt, Jt]
   },
   {
     key: "imagesAndIcons",
@@ -7850,9 +7850,9 @@ const Bc = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [We, It, Rt]
+    items: [Re, It, Wt]
   }
-], bu = [
+], hu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7883,7 +7883,7 @@ const Bc = [
     name: "x-runtime-lib.controls",
     items: [Pt, Vt, _t]
   }
-], hu = [
+], gu = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -7940,7 +7940,7 @@ const Bc = [
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [et, Wt, Jt]
+    items: [et, Rt, Jt]
   },
   {
     key: "imagesAndIcons",
@@ -7955,9 +7955,9 @@ const Bc = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [We, It, Rt]
+    items: [Re, It, Wt]
   }
-], gu = [
+], xu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7988,12 +7988,12 @@ const Bc = [
     name: "x-runtime-lib.controls",
     items: [Pt, Vt, _t]
   }
-], xu = {
+], vu = {
   version: "v1",
   globalityKey: un,
-  refKey: We,
-  items: { ...su },
-  types: { ...yu },
+  refKey: Re,
+  items: { ...lu },
+  types: { ...fu },
   elements: /* @__PURE__ */ new Set([
     Qe,
     et,
@@ -8036,9 +8036,9 @@ const Bc = [
     zo,
     Et,
     Bt,
-    Wt,
-    We,
     Rt,
+    Re,
+    Wt,
     Mt,
     Dt,
     Ft,
@@ -8049,33 +8049,33 @@ const Bc = [
     Eo,
     Bo,
     Nt,
-    Wo,
+    Ro,
     Un,
     Ht,
     Kt,
     Ot,
     Ut,
     Jt,
-    Ro,
+    Wo,
     Xt,
     Mo
   ]),
   groups: {
-    pageCommon: hu,
-    pageScene: gu,
-    compCommon: fu,
-    compScene: bu
+    pageCommon: gu,
+    pageScene: xu,
+    compCommon: bu,
+    compScene: hu
   }
-}, vu = {
-  v1: xu
+}, ku = {
+  v1: vu
 };
 function L(t, e) {
   if (t === "page") {
-    if (!Tr.includes(e)) {
+    if (!zr.includes(e)) {
       console.error(`get property tag failed type=${t} subtype=${e}`);
       return;
     }
-  } else if (t === "comp" && !zr.includes(e)) {
+  } else if (t === "comp" && !Ar.includes(e)) {
     console.error(`get property tag failed type=${t} subtype=${e}`);
     return;
   }
@@ -8083,9 +8083,9 @@ function L(t, e) {
 }
 function so(t, e) {
   if (t.array)
-    return e ? R(t.default) : R(t.defaultArray);
+    return e ? W(t.default) : W(t.defaultArray);
   {
-    const n = R(t.default);
+    const n = W(t.default);
     return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect") && !n ? void 0 : n;
   }
 }
@@ -8102,13 +8102,13 @@ function z(t, e) {
   }
   e.forEach((o) => n(t, o));
 }
-function sm(t, e, n, o, s) {
+function lm(t, e, n, o, s) {
   const r = `type=${t} subtype=${e} version=${n} ref=${o} keyOrRefId=${s}`, a = L(t, e);
   if (!a) {
     console.error(`spawnNode property tag not found, ${r}`);
     return;
   }
-  const c = vu[n];
+  const c = ku[n];
   if (!c) {
     console.error(`spawnNode pkg not found version, ${r}`);
     return;
@@ -8167,7 +8167,7 @@ function sm(t, e, n, o, s) {
     }
   }
 }
-function lm(t, e) {
+function am(t, e) {
   function n(o) {
     if (o.basic.id === e)
       return o;
@@ -8184,75 +8184,75 @@ function lm(t, e) {
       return s;
   }
 }
-function ku(t) {
+function _u(t) {
   function e(o) {
     o.basic.id = T(16), o.children?.forEach((s) => e(s));
   }
-  const n = R(t);
+  const n = W(t);
   return e(n), n;
 }
-function am(t) {
+function cm(t) {
   const e = [];
   return t.forEach((n) => {
-    e.push(ku(n));
+    e.push(_u(n));
   }), e;
 }
 const Do = "runtimeOrg", Fo = "runtimeEnv", Go = "runtimeMode", jo = "runtimeDevice", No = "runtimeDark", Ho = "runtimeType", Ko = "runtimeData", Oo = "runtimeDepends", Uo = "runtimeRuntime", Jo = "runtimeSandbox";
-function cm(t) {
+function um(t) {
   le(Do, t);
 }
-function _u() {
+function wu() {
   return se(Do);
 }
-function um(t) {
+function mm(t) {
   le(Fo, t);
 }
-function wu() {
+function Vu() {
   return se(Fo);
 }
-function mm(t) {
+function pm(t) {
   le(Go, t);
 }
 function H() {
   return se(Go);
 }
-function pm(t) {
+function dm(t) {
   le(jo, Dn(t));
 }
 function Te() {
   return se(jo);
 }
-function dm(t) {
+function ym(t) {
   le(No, Dn(t));
 }
-function je() {
+function Ne() {
   return se(No);
 }
-function ym(t) {
+function fm(t) {
   le(Ho, t);
 }
 function be() {
   return se(Ho);
 }
-function fm(t) {
+function bm(t) {
   le(Ko, t);
 }
 function we() {
   return se(Ko);
 }
-function bm(t) {
+function hm(t) {
   le(Oo, Dn(t));
 }
-function Vu() {
+function Su() {
   return se(Oo);
 }
-function hm(t) {
+function gm(t) {
   le(Uo, t);
 }
-function Su() {
+function $u() {
   return se(Uo);
 }
-function $u(t) {
+function Iu(t) {
   le(Jo, t);
 }
 function he() {
@@ -8262,7 +8262,7 @@ function Ee(t) {
   const e = [t.type];
   return t.type === "elementProperty" ? e.push(t.nodeId, t.propertyKeys) : t.type === "customProperty" || t.type === "adaptSlotProperty" ? e.push(t.propertyId) : t.type === "state" ? e.push(t.stateId) : console.assert(!1), e.join("/");
 }
-function He(t, e, n, o, s) {
+function Ke(t, e, n, o, s) {
   const { watchEffect: r, bind: a } = e;
   if (r[n])
     for (const c of r[n]) {
@@ -8317,8 +8317,8 @@ function He(t, e, n, o, s) {
           const b = ge(y, p.subKeys);
           if (ce(m, b))
             continue;
-          const h = R(y);
-          Gn(h, p.subKeys, R(m)), p.type === "elementProperty" ? t.setElementProperty(
+          const h = W(y);
+          Gn(h, p.subKeys, W(m)), p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
             p.propertyKeys,
             h
@@ -8345,12 +8345,12 @@ function He(t, e, n, o, s) {
           p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
             p.propertyKeys,
-            R(m)
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, R(m)) : p.type === "state" ? t.setState(p.stateId, R(m)) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, R(m)) : console.assert(!1);
+            W(m)
+          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, W(m)) : p.type === "state" ? t.setState(p.stateId, W(m)) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, W(m)) : console.assert(!1);
         }
     }
 }
-function gm(t, e, n) {
+function xm(t, e, n) {
   return `${t}/${e}/${n}`;
 }
 function lo(t) {
@@ -8365,7 +8365,7 @@ function lo(t) {
     propertyKey: e[2]
   };
 }
-function Iu(t, e, n) {
+function Cu(t, e, n) {
   return `${t}/${e}/${n}`;
 }
 function Xo(t) {
@@ -8383,7 +8383,7 @@ function Xo(t) {
 function Q(t, e, n) {
   return `${t}/${e}/${n}`;
 }
-function Cu(t) {
+function Pu(t) {
   const e = t.split("/");
   return e.length < 3 ? (console.assert(!1, "invalid event id"), {
     kind: "elementEvent",
@@ -8396,16 +8396,23 @@ function Cu(t) {
   };
 }
 function ni(t, e) {
-  const n = Vu(), o = oe(-1);
+  const n = Su(), o = oe(-1);
   de(() => {
     const s = n.value[t];
     if (!s) {
       o.value = -1, e.value = void 0, fo.emit("compNotAvail", t);
       return;
     }
-    o.value !== s.dataSeq && (o.value = s.dataSeq, e.value = R(s.data));
+    o.value !== s.dataSeq && (o.value = s.dataSeq, e.value = W(s.data));
   });
 }
+function vm() {
+  let t;
+  const e = async () => (t = (await $r()).newRuntime(), console.log("runtime created"), t);
+  return Ge(() => {
+    t && (t.dispose(), console.log("runtime dispose"));
+  }), { createRuntime: e };
+}
 function ue(t, e) {
   if (e === null)
     return t.null;
@@ -8470,7 +8477,7 @@ function me(t, e) {
       return;
   }
 }
-function Pu(t) {
+function Tu(t) {
   if (!t.vm) {
     console.error("bindBase invalid sandbox vm");
     return;
@@ -8530,14 +8537,14 @@ const Yo = sr({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: e } = ve;
-    ho(Cr(e, t));
+    ho(Pr(e, t));
   }
 });
 window.API_URL && (Yo.defaults.baseURL = window.API_URL + "/computebase/");
-function Tu(t) {
+function zu(t) {
   return Yo.post("callFunc", t);
 }
-function zu(t) {
+function Au(t) {
   if (!t.vm) {
     console.error("bindCompute invalid sandbox vm");
     return;
@@ -8547,7 +8554,7 @@ function zu(t) {
     const c = e.getString(n), u = e.getString(o), d = me(e, s), m = e.getString(r), p = e.getString(a), y = e.newPromise();
     try {
       const b = JSON.stringify(d);
-      Tu({
+      zu({
         spaceId: c,
         id: u,
         strInputs: b,
@@ -8562,7 +8569,7 @@ function zu(t) {
     return y.settled.then(e.runtime.executePendingJobs), y.handle;
   }).consume((n) => e.setProp(e.global, "__callFuncV1__", n));
 }
-function Au(t) {
+function Lu(t) {
   if (!t.vm) {
     console.error("bindSystem invalid sandbox vm");
     return;
@@ -8570,7 +8577,7 @@ function Au(t) {
   const { vm: e } = t;
   e.newFunction("__getEnvV1__", () => e.getProp(e.global, "__env__")).consume((n) => e.setProp(e.global, "__getEnvV1__", n));
 }
-function Lu(t) {
+function Eu(t) {
   if (!t.vm) {
     console.error("bindView invalid sandbox vm");
     return;
@@ -8580,26 +8587,26 @@ function Lu(t) {
     {
       var c = [];
       try {
-        const W = ze(c, e.getProp(e.global, "__triggerEventInner__"));
-        e.callFunction(W, e.global, n, ...o);
+        const R = ze(c, e.getProp(e.global, "__triggerEventInner__"));
+        e.callFunction(R, e.global, n, ...o);
       } catch (u) {
         var d = u, m = !0;
       } finally {
         Ae(c, d, m);
       }
     }
-    const s = e.getString(n), { kind: r, eventKey: a } = Cu(s);
+    const s = e.getString(n), { kind: r, eventKey: a } = Pu(s);
     if (r === "customEvent") {
       var P = [];
       try {
-        const W = ze(P, e.getProp(e.global, "__triggerEventV1__"));
+        const R = ze(P, e.getProp(e.global, "__triggerEventV1__"));
         {
           var p = [];
           try {
             const C = ze(p, e.newString(
               Q("referenceEvent", t.id, a)
             ));
-            e.callFunction(W, e.global, C, ...o);
+            e.callFunction(R, e.global, C, ...o);
           } catch (y) {
             var b = y, h = !0;
           } finally {
@@ -8612,7 +8619,7 @@ function Lu(t) {
             const C = ze(k, e.newString(
               Q("multipleRefEvent", t.id, a)
             ));
-            e.callFunction(W, e.global, C, ...o);
+            e.callFunction(R, e.global, C, ...o);
           } catch (x) {
             var S = x, I = !0;
           } finally {
@@ -8694,10 +8701,10 @@ function Lu(t) {
     }), u.settled.then(e.runtime.executePendingJobs), u.handle;
   }).consume((n) => e.setProp(e.global, "__openPromptDlgV1__", n));
 }
-function Eu(t) {
-  Pu(t), zu(t), Au(t), Lu(t);
+function Bu(t) {
+  Tu(t), Au(t), Lu(t), Eu(t);
 }
-const Bu = `
+const Ru = `
 let __events__ = {}
 
 function __onEventV1__(id, callback) {
@@ -8776,16 +8783,16 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, Ru = `
+`, Mu = `
 function __destroy__() {
   __events__ = {}
   __timers__ = {}
 }
-`, Mu = Bu + Wu + Ru;
-function Du(t) {
+`, Du = Ru + Wu + Mu;
+function Fu(t) {
   return t instanceof Array ? t.join(".") : t;
 }
-class Fu {
+class Gu {
   kind;
   id;
   refKey;
@@ -8795,7 +8802,7 @@ class Fu {
   env;
   mode;
   type;
-  eventBus = $r();
+  eventBus = Ir();
   hooks;
   constructor(e, n, o, s, r, a, c, u, d) {
     this.kind = e, this.id = n, this.refKey = o, this.parent = s, this.org = r, this.env = a, this.mode = c, this.type = u, this.hooks = d, this.parent?.addChild(this), console.log(`Sandbox/constructor id='${this.id}'`);
@@ -8814,7 +8821,7 @@ class Fu {
   //--------------------------
   vm;
   async createVm(e, n) {
-    this.vm = e.newContext(), Eu(this), this.vm.evalCode(Mu), this.vm.setProp(this.vm.global, "__env__", this.vm.newString(this.env)), this.vm.evalCode(n), this.callFunction(
+    this.vm = e.newContext(), Bu(this), this.vm.evalCode(Du), this.vm.setProp(this.vm.global, "__env__", this.vm.newString(this.env)), this.vm.evalCode(n), this.callFunction(
       "__triggerEventV1__",
       Q("elementEvent", "globality", "startup")
     );
@@ -8939,19 +8946,19 @@ class Fu {
   }
 }
 function ii(t, e, n, o, s) {
-  const r = _u(), a = wu(), c = H(), u = be(), d = Te(), m = je(), p = Su(), y = (S, I, P, E) => {
+  const r = wu(), a = Vu(), c = H(), u = be(), d = Te(), m = Ne(), p = $u(), y = (S, I, P, E) => {
     if (Z(c) && (x.callFunction(
       "__triggerEventV1__",
       Q(
         "elementPropertyChangeEvent",
         S,
-        Du(I)
+        Fu(I)
       ),
       P,
       E ?? P
     ), t.value?.code.reactivity)) {
       let D = "";
-      I instanceof Array ? D = I.join(".") : D = I, He(
+      I instanceof Array ? D = I.join(".") : D = I, Ke(
         x,
         t.value.code.reactivity,
         Ee({
@@ -8979,7 +8986,7 @@ function ii(t, e, n, o, s) {
       Q("multipleRefPropertyChangeEvent", x.id, S),
       I,
       P ?? I
-    ), t.value?.code.reactivity && He(
+    ), t.value?.code.reactivity && Ke(
       x,
       t.value.code.reactivity,
       Ee({ type: "customProperty", propertyId: S }),
@@ -8987,7 +8994,7 @@ function ii(t, e, n, o, s) {
       P
     ));
   }, h = (S, I, P) => {
-    Z(c) && t.value?.code.reactivity && He(
+    Z(c) && t.value?.code.reactivity && Ke(
       x,
       t.value.code.reactivity,
       Ee({ type: "adaptSlotProperty", propertyId: S }),
@@ -9000,20 +9007,20 @@ function ii(t, e, n, o, s) {
       Q("stateChangeEvent", "globality", S),
       I,
       P ?? I
-    ), t.value?.code.reactivity && He(
+    ), t.value?.code.reactivity && Ke(
       x,
       t.value.code.reactivity,
       Ee({ type: "state", stateId: S }),
       I,
       P
     ));
-  }, x = new Fu(e, n, o, s, r, a, c, u, {
+  }, x = new Gu(e, n, o, s, r, a, c, u, {
     onElementPropertyChange: y,
     onCustomPropertyChange: b,
     onAdaptSlotPropertyChange: h,
     onStateChange: k
   });
-  if ($u(x), qe(() => {
+  if (Iu(x), Ge(() => {
     x.dispose();
   }), Z(c)) {
     const S = async () => {
@@ -9026,7 +9033,7 @@ function ii(t, e, n, o, s) {
   Z(c) && re(
     d,
     (S, I) => {
-      const P = Ke(S.width), E = Ke(I?.width ?? S.width);
+      const P = Oe(S.width), E = Oe(I?.width ?? S.width);
       x.callFunction(
         "__triggerEventV1__",
         Q("elementEvent", "globality", "screenSizeChange"),
@@ -9047,43 +9054,43 @@ function ii(t, e, n, o, s) {
     { immediate: !0 }
   );
 }
-const Gu = (t, e, n) => {
+const ju = (t, e, n) => {
   const o = t[e];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((s, r) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + e + (e.split("/").length !== n ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function xm(t) {
-  return (await Gu(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.kb94vvdw.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.oqwexg4o.js") }), `./locales/${t}/index.ts`, 4)).default;
+async function km(t) {
+  return (await ju(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.kb94vvdw.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.oqwexg4o.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  qu as addIndent,
-  Ba as ambientLightV1,
-  om as badgeV1,
+  Zu as addIndent,
+  Ra as ambientLightV1,
+  rm as badgeV1,
   dn as barChartV1,
   mn as boxGeometryV1,
   wo as breakpoints,
-  Ja as btnGroupV1,
-  Xa as btnToggleV1,
+  Xa as btnGroupV1,
+  Ya as btnToggleV1,
   fn as btnV1,
-  Ke as calcBreakpoint,
+  Oe as calcBreakpoint,
   De as cardV1,
-  qa as checkboxV1,
+  Za as checkboxV1,
   hn as chipGroupV1,
   bn as chipV1,
-  ec as colorPickerV1,
-  tc as comboboxV1,
-  zr as compTypes,
+  tc as colorPickerV1,
+  nc as comboboxV1,
+  Ar as compTypes,
   gn as containerV1,
-  nc as dataTableV1,
-  ic as datePickerV1,
-  oc as dialogV1,
+  ic as dataTableV1,
+  oc as datePickerV1,
+  rc as dialogV1,
   Wa as directionalLightV1,
-  ku as duplicateNode,
-  am as duplicateNodes,
+  _u as duplicateNode,
+  cm as duplicateNodes,
   Be as elements,
-  em as ensureContext,
-  rm as fileInputV1,
+  tm as ensureContext,
+  sm as fileInputV1,
   xn as flexLayoutEntryV1,
   Fe as flexLayoutV1,
   _n as formV1,
@@ -9091,82 +9098,82 @@ export {
   Le as getBreakpointProp,
   ge as getField,
   li as getIndexOfBreakpoint,
-  lm as getNode,
+  am as getNode,
   so as getPropertyDefault,
   L as getPropertyTag,
-  Qu as getTypeColor,
-  Ka as globalityV1,
-  Da as groupV1,
-  uc as iconV1,
+  em as getTypeColor,
+  Oa as globalityV1,
+  Fa as groupV1,
+  mc as iconV1,
   z as initProperties,
-  je as injectDark,
+  Ne as injectDark,
   we as injectData,
-  Vu as injectDepends,
+  Su as injectDepends,
   Te as injectDevice,
-  wu as injectEnv,
+  Vu as injectEnv,
   H as injectMode,
-  _u as injectOrg,
-  Su as injectRuntime,
+  wu as injectOrg,
+  $u as injectRuntime,
   he as injectSandbox,
   be as injectType,
   Vo as isCircularRef,
   Z as isExecutableMode,
-  Er as isLocaleOfEventKind,
-  Lr as isLocaleOfMethodKind,
-  Ar as isLocaleOfPropertyKind,
+  Br as isLocaleOfEventKind,
+  Er as isLocaleOfMethodKind,
+  Lr as isLocaleOfPropertyKind,
   Fn as isPercentStr,
   Ze as isPixelStr,
-  $a as keyboardControlsV1,
+  Ia as keyboardControlsV1,
   yn as lineChartV1,
-  xm as loadLocaleMessageRuntime,
+  km as loadLocaleMessageRuntime,
   Q as makeEventId,
-  Iu as makeMethodId,
-  gm as makePropertyId,
+  Cu as makeMethodId,
+  xm as makePropertyId,
   Ee as makeTriggerId,
-  Ia as mapControlsV1,
-  mc as menuV1,
-  Re as meshBasicMaterialV1,
+  Ca as mapControlsV1,
+  pc as menuV1,
+  We as meshBasicMaterialV1,
   Me as meshV1,
-  ja as multipleRefV1,
+  Na as multipleRefV1,
   wn as numberInputV1,
-  Ca as orbitControlsV1,
-  ka as orthographicCameraV1,
-  Tr as pageTypes,
-  dc as paginationV1,
+  Pa as orbitControlsV1,
+  _a as orthographicCameraV1,
+  zr as pageTypes,
+  yc as paginationV1,
   nn as parsePercentStr,
-  Yu as parsePixelStr,
-  _a as perspectiveCameraV1,
-  vu as pkgs,
-  Ra as pointLightV1,
-  dm as provideDark,
-  fm as provideData,
-  bm as provideDepends,
-  pm as provideDevice,
-  um as provideEnv,
-  mm as provideMode,
-  cm as provideOrg,
-  hm as provideRuntime,
-  $u as provideSandbox,
-  ym as provideType,
+  qu as parsePixelStr,
+  wa as perspectiveCameraV1,
+  ku as pkgs,
+  Ma as pointLightV1,
+  ym as provideDark,
+  bm as provideData,
+  hm as provideDepends,
+  dm as provideDevice,
+  mm as provideEnv,
+  pm as provideMode,
+  um as provideOrg,
+  gm as provideRuntime,
+  Iu as provideSandbox,
+  fm as provideType,
   Sn as radioGroupV1,
   Vn as radioV1,
-  bc as rangeSliderV1,
-  hc as ratingV1,
-  Na as referenceV1,
-  Ha as renderSwitchV1,
-  Pr as reverseBreakpoints,
-  gc as selectV1,
+  hc as rangeSliderV1,
+  gc as ratingV1,
+  Ha as referenceV1,
+  Ka as renderSwitchV1,
+  Tr as reverseBreakpoints,
+  xc as selectV1,
   Gn as setField,
-  xc as sliderV1,
-  sm as spawnNode,
+  vc as sliderV1,
+  lm as spawnNode,
   pn as sphereGeometryV1,
-  Ma as spotLightV1,
+  Da as spotLightV1,
   $n as stepperHeaderV1,
   In as stepperItemV1,
   Tn as stepperV1,
   Pn as stepperWindowItemV1,
   Cn as stepperWindowV1,
-  Vc as switchV1,
+  Sc as switchV1,
   zn as tabV1,
   An as tabsV1,
   kn as textFieldV1,
@@ -9174,16 +9181,17 @@ export {
   Ln as textareaV1,
   En as timelineItemV1,
   Bn as timelineV1,
-  im as toEventName,
-  nm as toMethodName,
-  tm as toPropertyName,
-  He as triggerReactivity,
-  Zu as types,
-  Cu as unwrapEventId,
+  om as toEventName,
+  im as toMethodName,
+  nm as toPropertyName,
+  Ke as triggerReactivity,
+  Qu as types,
+  Pu as unwrapEventId,
   Xo as unwrapMethodId,
   lo as unwrapPropertyId,
   ni as useDepend,
+  vm as useRuntime,
   ii as useSandbox,
-  Wn as windowItemV1,
-  Rn as windowV1
+  Rn as windowItemV1,
+  Wn as windowV1
 };