x-runtime-lib 0.8.34 → 0.8.35

package/dist/index.js

@@ -1,98 +1,10 @@
-import { defineComponent as V, createElementBlock as J, renderSlot as L, unref as n, openBlock as v, createElementVNode as ee, computed as k, normalizeStyle as Z, ref as ce, watchEffect as ue, watch as Q, onBeforeMount as No, onUnmounted as je, createBlock as $, withCtx as I, createCommentVNode as te, useTemplateRef as Xi, onMounted as Yi, nextTick as Ji, h as ae, resolveComponent as z, createVNode as D, isRef as O, createSlots as Pn, renderList as Mo, useId as qi, withModifiers as Ro, normalizeClass as Do, toDisplayString as Fo, inject as oe, provide as se, readonly as zn } from "vue";
-import { globalObjects as fe, waitUtil as Zi, eventBus as Qi, useViewStack as eo, messageInfo as Go, messageSuccess as Ho, messageWarning as to, messageError as no, createAxios as Ko, openConfirmDlg as jo, openPromptDlg as Oo } from "x-essential-lib";
-import { CameraHelper as io, DirectionalLightHelper as Uo, PointLightHelper as Xo, SpotLightHelper as Yo } from "three";
-import { c as B, i as ie, q as Be, u as Jo, r as oo, e as so, a as qo, b as Zo, d as Qo, f as es, g as ts, h as ns, j as is, k as os, l as ro, X as ss, Y as rs, K as ls, m as as, n as us, o as cs, I as ps } from "./vendor.dd29fg1n.js";
-import { getErrorMessage as ms } from "x-error-lib";
-import { useTheme as ds } from "vuetify";
-import { useI18n as ys } from "vue-i18n";
-const $c = ["string", "number", "boolean", "array", "object"];
-function Ic(t) {
-  switch (t) {
-    case "string":
-      return "#5ba58c";
-    case "number":
-      return "#5b67a5";
-    case "boolean":
-      return "#5b80a5";
-    case "array":
-      return "#745ba5";
-    case "object":
-      return "#80a55b";
-  }
-}
-function Sc(t, e, i, o, l) {
-  let s = t;
-  for (let m = 0; m < e.length; m++)
-    if (s = s.children[e[m]], !s) {
-      console.assert(!1, `unpkg context failed parentKeys=${e}`);
-      return;
-    }
-  let a = s.children[i];
-  a ? a.dataSeq !== o && (a = {
-    dataSeq: o,
-    data: B(l),
-    children: {}
-  }) : (a = {
-    dataSeq: o,
-    data: B(l),
-    children: {}
-  }, s.children[i] = a);
-}
-const fs = ["common", "scene"], bs = ["common", "scene"];
-function hs(t) {
-  return t === "elementProperty" || t === "elementSlotProperty";
-}
-function Cc(t, e, i) {
-  return `${t}/${e}/${i}`;
-}
-function Tc(t) {
-  const e = t.split("/");
-  return e.length < 3 ? (console.assert(!1, "invalid property id"), {
-    kind: "elementProperty",
-    nodeId: "",
-    propertyKey: ""
-  }) : {
-    kind: e[0],
-    nodeId: e[1],
-    propertyKey: e[2]
-  };
-}
-function gs(t) {
-  return t === "elementMethod" || t === "elementSlotMethod";
-}
-function Pc(t, e, i) {
-  return `${t}/${e}/${i}`;
-}
-function zc(t) {
-  const e = t.split("/");
-  return e.length < 3 ? (console.assert(!1, "invalid method id"), {
-    kind: "elementMethod",
-    nodeId: "",
-    methodKey: ""
-  }) : {
-    kind: e[0],
-    nodeId: e[1],
-    methodKey: e[2]
-  };
-}
-function xs(t) {
-  return t === "elementEvent" || t === "elementPropertyChangeEvent";
-}
-function Ce(t, e, i) {
-  return `${t}/${e}/${i}`;
-}
-function Ac(t) {
-  const e = t.split("/");
-  return e.length < 3 ? (console.assert(!1, "invalid event id"), {
-    kind: "elementEvent",
-    nodeId: "",
-    eventKey: ""
-  }) : {
-    kind: e[0],
-    nodeId: e[1],
-    eventKey: e[2]
-  };
-}
+import { defineComponent as V, createElementBlock as J, renderSlot as L, unref as n, openBlock as v, createElementVNode as ee, computed as k, normalizeStyle as Z, ref as ce, watchEffect as ue, watch as Q, onBeforeMount as Mo, onUnmounted as je, createBlock as $, withCtx as I, createCommentVNode as te, useTemplateRef as Yi, onMounted as Ji, nextTick as qi, h as ae, resolveComponent as z, createVNode as D, isRef as O, createSlots as Pn, renderList as Ro, useId as Zi, withModifiers as Do, normalizeClass as Fo, toDisplayString as Go, inject as oe, provide as se, readonly as zn } from "vue";
+import { globalObjects as fe, waitUtil as Qi, eventBus as eo, useViewStack as to, messageInfo as Ho, messageSuccess as Ko, messageWarning as no, messageError as io, createAxios as jo, openConfirmDlg as Oo, openPromptDlg as Uo } from "x-essential-lib";
+import { CameraHelper as oo, DirectionalLightHelper as Xo, PointLightHelper as Yo, SpotLightHelper as Jo } from "three";
+import { c as B, i as ie, q as Be, u as qo, r as so, e as ro, a as Zo, b as Qo, d as es, f as ts, g as ns, h as is, j as os, k as ss, l as lo, X as rs, Y as ls, K as as, m as us, n as cs, o as ps, I as ms } from "./vendor.dd29fg1n.js";
+import { getErrorMessage as ds } from "x-error-lib";
+import { useTheme as ys } from "vuetify";
+import { useI18n as fs } from "vue-i18n";
 const Yn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function T(t) {
   let e = "";
@@ -114,7 +26,7 @@ function An(t) {
   const e = t.substring(0, t.length - 1), i = parseFloat(e);
   return !isNaN(i);
 }
-function Lc(t) {
+function Cc(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const e = t.substring(0, t.length - 2), i = parseFloat(e);
@@ -128,16 +40,16 @@ function Xt(t) {
   if (!isNaN(i))
     return i;
 }
-const lo = ["xs", "sm", "md", "lg", "xl"], vs = [...lo].reverse();
+const ao = ["xs", "sm", "md", "lg", "xl"], bs = [...ao].reverse();
 function Re(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function Jn(t) {
-  return lo.findIndex((e) => e === t);
+  return ao.findIndex((e) => e === t);
 }
 function Ie(t, e) {
   let i;
-  for (const o of vs) {
+  for (const o of bs) {
     if (Jn(o) < Jn(t))
       break;
     e[o] && (i = e[o]);
@@ -158,7 +70,7 @@ function ve(t, e) {
     return i;
   }
 }
-function ao(t, e, i) {
+function uo(t, e, i) {
   let o = t;
   if (typeof o != "object")
     return;
@@ -172,6 +84,49 @@ function ao(t, e, i) {
   const s = l[l.length - 1];
   o[s] = i;
 }
+const Tc = ["string", "number", "boolean", "array", "object"];
+function Pc(t) {
+  switch (t) {
+    case "string":
+      return "#5ba58c";
+    case "number":
+      return "#5b67a5";
+    case "boolean":
+      return "#5b80a5";
+    case "array":
+      return "#745ba5";
+    case "object":
+      return "#80a55b";
+  }
+}
+function zc(t, e, i, o, l) {
+  let s = t;
+  for (let m = 0; m < e.length; m++)
+    if (s = s.children[e[m]], !s) {
+      console.assert(!1, `unpkg context failed parentKeys=${e}`);
+      return;
+    }
+  let a = s.children[i];
+  a ? a.dataSeq !== o && (a = {
+    dataSeq: o,
+    data: B(l),
+    children: {}
+  }) : (a = {
+    dataSeq: o,
+    data: B(l),
+    children: {}
+  }, s.children[i] = a);
+}
+const hs = ["common", "scene"], gs = ["common", "scene"];
+function xs(t) {
+  return t === "elementProperty" || t === "elementSlotProperty";
+}
+function vs(t) {
+  return t === "elementMethod" || t === "elementSlotMethod";
+}
+function ks(t) {
+  return t === "elementEvent" || t === "elementPropertyChangeEvent";
+}
 function Ln(t, e, i) {
   const { i18n: o } = fe;
   let l = "";
@@ -179,24 +134,24 @@ function Ln(t, e, i) {
     a > 0 && (l += " - "), i ? l += o.global.t(s) : l += s;
   }), l;
 }
-function Bc(t, e) {
+function Ac(t, e) {
   const { i18n: i } = fe;
   let o = "";
-  return t === "elementProperty" || (t === "refProperty" ? o = i.global.t("x-runtime-lib.ref") : t === "customProperty" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotProperty" || t === "customSlotProperty" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Ln(o, e, hs(t));
+  return t === "elementProperty" || (t === "refProperty" ? o = i.global.t("x-runtime-lib.ref") : t === "customProperty" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotProperty" || t === "customSlotProperty" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Ln(o, e, xs(t));
 }
-function Wc(t, e) {
+function Lc(t, e) {
   const { i18n: i } = fe;
   let o = "";
-  return t === "elementMethod" || (t === "refMethod" ? o = i.global.t("x-runtime-lib.ref") : t === "customMethod" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Ln(o, e, gs(t));
+  return t === "elementMethod" || (t === "refMethod" ? o = i.global.t("x-runtime-lib.ref") : t === "customMethod" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Ln(o, e, vs(t));
 }
-function Ec(t, e) {
+function Bc(t, e) {
   const { i18n: i } = fe;
   let o = "";
-  return t === "elementEvent" || (t === "refEvent" ? o = i.global.t("x-runtime-lib.ref") : t === "customEvent" ? o = i.global.t("x-runtime-lib.custom") : t === "elementPropertyChangeEvent" || t === "customPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.propertyChange") : t === "stateChangeEvent" ? o = i.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Ln(o, e, xs(t));
+  return t === "elementEvent" || (t === "refEvent" ? o = i.global.t("x-runtime-lib.ref") : t === "customEvent" ? o = i.global.t("x-runtime-lib.custom") : t === "elementPropertyChangeEvent" || t === "customPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.propertyChange") : t === "stateChangeEvent" ? o = i.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Ln(o, e, ks(t));
 }
-const Te = {}, _ = (t) => {
-  Te[t.key] = t;
-}, ks = ["position", "rotation", "scale"], he = /* @__PURE__ */ V({
+const Ce = {}, _ = (t) => {
+  Ce[t.key] = t;
+}, _s = ["position", "rotation", "scale"], he = /* @__PURE__ */ V({
   __name: "index",
   props: {
     position: {},
@@ -215,7 +170,7 @@ const Te = {}, _ = (t) => {
       o[0] || (o[0] = ee("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)),
       o[1] || (o[1] = ee("TresMeshBasicMaterial", null, null, -1)),
       L(i.$slots, "default")
-    ], 8, ks)) : L(i.$slots, "default", { key: 1 });
+    ], 8, _s)) : L(i.$slots, "default", { key: 1 });
   }
 }), Y = /* @__PURE__ */ V({
   __name: "index",
@@ -246,7 +201,7 @@ const Te = {}, _ = (t) => {
       }, null, 4)
     ], 4)) : L(l.$slots, "default", { key: 1 });
   }
-}), _s = (t, e, i, o) => {
+}), ws = (t, e, i, o) => {
   const l = t.getElementPropertyInner(e, i);
   if (o) {
     if (typeof l == "string")
@@ -255,17 +210,17 @@ const Te = {}, _ = (t) => {
     return;
   } else
     return l;
-}, ws = (t, e, i, o, l) => {
+}, Vs = (t, e, i, o, l) => {
   let s;
   l ? typeof o == "object" ? s = JSON.stringify(o, null, 2) : (console.assert(!1), s = "{}") : s = o, t.setElementPropertyInner(e, i, s);
 };
 function r(t, e, i) {
   const o = H(), l = Ee(), s = ce();
   return ue(() => {
-    let a = _s(l, t.node, e, i);
+    let a = ws(l, t.node, e, i);
     o === "editor" && e[e.length - 1] === "readonly" && (a = !0), s.value = a;
   }), Q(s, (a, m) => {
-    ie(a, m) || ws(l, t.node, e, s.value, i);
+    ie(a, m) || Vs(l, t.node, e, s.value, i);
   }), { property: s };
 }
 function pe(t) {
@@ -320,7 +275,7 @@ function pe(t) {
     m.value = c.value[0], d.value = c.value[1], f.value = c.value[2];
   }), { position: p, rotation: u, scale: c };
 }
-function uo(t) {
+function co(t) {
   const e = k(() => t.node.legend?.show), i = k(() => t.node.legend?.data);
   function o(l) {
     l.legend = {
@@ -330,14 +285,14 @@ function uo(t) {
   }
   return { show: e, data: i, applyLegend: o };
 }
-function co(t) {
+function po(t) {
   const e = k(() => t.node.series);
   function i(o) {
     o.series = e.value;
   }
   return { series: e, applySeries: i };
 }
-function po(t) {
+function mo(t) {
   const e = k(() => t.node.title?.show), i = k(() => t.node.title?.text), o = k(() => t.node.title?.subtext);
   function l(s) {
     s.title = {
@@ -348,7 +303,7 @@ function po(t) {
   }
   return { show: e, text: i, subtext: o, applyTitle: l };
 }
-function mo(t) {
+function yo(t) {
   const e = k(() => t.node.xAxis?.show), i = k(() => t.node.xAxis?.position), o = k(() => t.node.xAxis?.type), l = k(() => t.node.xAxis?.data);
   function s(a) {
     a.xAxis = {
@@ -360,7 +315,7 @@ function mo(t) {
   }
   return { show: e, position: i, type: o, data: l, applyXAxis: s };
 }
-function yo(t) {
+function fo(t) {
   const e = k(() => t.node.yAxis?.show), i = k(() => t.node.yAxis?.position), o = k(() => t.node.yAxis?.type), l = k(() => t.node.yAxis?.data);
   function s(a) {
     a.yAxis = {
@@ -373,7 +328,7 @@ function yo(t) {
   return { show: e, position: i, type: o, data: l, applyYAxis: s };
 }
 function K(t) {
-  const { computedThemes: e } = ds(), i = We(), o = k(() => t.value?.mode), l = k(() => {
+  const { computedThemes: e } = ys(), i = We(), o = k(() => t.value?.mode), l = k(() => {
     const f = t.value?.theme;
     return f ? f === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : f === "background1" ? i.value ? "#272727" : "#eeeeee" : f === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[f] : void 0;
   }), s = k(() => i.value ? t.value.custom?.dark : t.value.custom?.light), a = k(() => o.value === "theme" ? l.value ?? "" : o.value === "custom" ? s.value ?? "" : ""), m = k(() => {
@@ -434,9 +389,9 @@ function ge(t) {
   }
   return { width: o, minWidth: l, maxWidth: s, height: a, minHeight: m, maxHeight: d, applySize: f };
 }
-function fo(t, e, i) {
+function bo(t, e, i) {
   const o = k(() => e.node.basic.id), l = k(() => `callMethod@${o.value}`);
-  No(() => {
+  Mo(() => {
     t.eventBus?.on(l.value, i);
   }), je(() => {
     t.eventBus?.off(l.value, i);
@@ -446,7 +401,7 @@ function N() {
   const t = We();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
-const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], $s = /* @__PURE__ */ V({
+const $s = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Is = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -473,15 +428,15 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           n(i) === "editor" ? (v(), $(n(Be), {
             key: 0,
-            type: n(io)
+            type: n(oo)
           }, null, 8, ["type"])) : te("", !0),
           L(c.$slots, "default")
-        ], 8, Vs)
+        ], 8, $s)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Is = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Ss = /* @__PURE__ */ V({
+}), Ss = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Cs = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -506,15 +461,15 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           n(i) === "editor" ? (v(), $(n(Be), {
             key: 0,
-            type: n(io)
+            type: n(oo)
           }, null, 8, ["type"])) : te("", !0),
           L(p.$slots, "default")
-        ], 8, Is)
+        ], 8, Ss)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Cs = ["args"], Ts = /* @__PURE__ */ V({
+}), Ts = ["args"], Ps = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -540,14 +495,14 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         n(s),
         n(o)
       ]
-    }, null, 8, Cs));
+    }, null, 8, Ts));
   }
 }), Ve = (t, e) => {
   const i = t.__vccOpts || t;
   for (const [o, l] of e)
     i[o] = l;
   return i;
-}, Ps = ["args"], zs = /* @__PURE__ */ V({
+}, zs = ["args"], As = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -583,9 +538,9 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         n(m),
         n(a)
       ]
-    }, null, 8, Ps));
+    }, null, 8, zs));
   }
-}), As = ["color", "intensity", "position", "rotation", "scale"], Ls = /* @__PURE__ */ V({
+}), Ls = ["color", "intensity", "position", "rotation", "scale"], Bs = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -610,12 +565,12 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
           L(f.$slots, "default")
-        ], 8, As)
+        ], 8, Ls)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Bs = ["color", "intensity", "position", "rotation", "scale"], Ws = /* @__PURE__ */ V({
+}), Ws = ["color", "intensity", "position", "rotation", "scale"], Es = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -641,15 +596,15 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           n(i) === "editor" ? (v(), $(n(Be), {
             key: 0,
-            type: n(Uo)
+            type: n(Xo)
           }, null, 8, ["type"])) : te("", !0),
           L(f.$slots, "default")
-        ], 8, Bs)
+        ], 8, Ws)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Es = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Ns = /* @__PURE__ */ V({
+}), Ns = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Ms = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -680,15 +635,15 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           n(i) === "editor" ? (v(), $(n(Be), {
             key: 0,
-            type: n(Xo)
+            type: n(Yo)
           }, null, 8, ["type"])) : te("", !0),
           L(u.$slots, "default")
-        ], 8, Es)
+        ], 8, Ns)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ms = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Rs = /* @__PURE__ */ V({
+}), Rs = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Ds = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -705,7 +660,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "penumbra"
     ]);
-    return (y, h) => (v(), $(n(he), {
+    return (y, b) => (v(), $(n(he), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
@@ -724,19 +679,19 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           n(i) === "editor" ? (v(), $(n(Be), {
             key: 0,
-            type: n(Yo)
+            type: n(Jo)
           }, null, 8, ["type"])) : te("", !0),
           L(y.$slots, "default")
-        ], 8, Ms)
+        ], 8, Rs)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ds = {};
-function Fs(t, e) {
+}), Fs = {};
+function Gs(t, e) {
   return v(), J("TresMeshBasicMaterial");
 }
-const Gs = /* @__PURE__ */ Ve(Ds, [["render", Fs]]), Hs = ["position", "rotation", "scale"], Ks = /* @__PURE__ */ V({
+const Hs = /* @__PURE__ */ Ve(Fs, [["render", Gs]]), Ks = ["position", "rotation", "scale"], js = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -756,12 +711,12 @@ const Gs = /* @__PURE__ */ Ve(Ds, [["render", Fs]]), Hs = ["position", "rotation
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
           L(a.$slots, "default")
-        ], 8, Hs)
+        ], 8, Ks)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), js = ["position", "rotation", "scale"], Os = /* @__PURE__ */ V({
+}), Os = ["position", "rotation", "scale"], Us = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -775,105 +730,105 @@ const Gs = /* @__PURE__ */ Ve(Ds, [["render", Fs]]), Hs = ["position", "rotation
       scale: n(l)
     }, [
       L(s.$slots, "default")
-    ], 8, js));
-  }
-}), Us = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Xs = "#242424", Ys = {}, Js = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, qs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Zs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Qs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, lr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, ar = { 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" } }, ur = { 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)" } } }, cr = { 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)" } } }, pr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, mr = { 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"] } } }, dr = { 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"] } } }, yr = { 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"] } } }, fr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, br = { textStyle: { color: "#eeeeee" } }, hr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, gr = { 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" } } }, xr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, vr = { 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" } }, kr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _r = {
-  color: Us,
-  backgroundColor: Xs,
-  textStyle: Ys,
-  title: Js,
-  line: qs,
-  radar: Zs,
-  bar: Qs,
-  pie: er,
-  scatter: tr,
-  boxplot: nr,
-  parallel: ir,
-  sankey: or,
-  funnel: sr,
-  gauge: rr,
-  candlestick: lr,
-  graph: ar,
-  map: ur,
-  geo: cr,
-  categoryAxis: pr,
-  valueAxis: mr,
-  logAxis: dr,
-  timeAxis: yr,
-  toolbox: fr,
-  legend: br,
-  tooltip: hr,
-  timeline: gr,
-  visualMap: xr,
-  dataZoom: vr,
-  markPoint: kr
-}, wr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Vr = "#f5f5f5", $r = {}, Ir = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Sr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Cr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Tr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ar = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Mr = { 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" } }, Rr = { 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)" } } }, Dr = { 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)" } } }, Fr = { 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"] } } }, Gr = { 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"] } } }, Hr = { 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"] } } }, Kr = { 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"] } } }, jr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Or = { textStyle: { color: "#333333" } }, Ur = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Xr = { 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" } } }, Yr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Jr = { 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" } }, qr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Zr = {
-  color: wr,
-  backgroundColor: Vr,
-  textStyle: $r,
-  title: Ir,
-  line: Sr,
-  radar: Cr,
-  bar: Tr,
-  pie: Pr,
-  scatter: zr,
-  boxplot: Ar,
-  parallel: Lr,
-  sankey: Br,
-  funnel: Wr,
-  gauge: Er,
-  candlestick: Nr,
-  graph: Mr,
-  map: Rr,
-  geo: Dr,
-  categoryAxis: Fr,
-  valueAxis: Gr,
-  logAxis: Hr,
-  timeAxis: Kr,
-  toolbox: jr,
-  legend: Or,
-  tooltip: Ur,
-  timeline: Xr,
-  visualMap: Yr,
-  dataZoom: Jr,
-  markPoint: qr
+    ], 8, Os));
+  }
+}), Xs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Ys = "#242424", Js = {}, qs = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Zs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Qs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, er = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ar = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, ur = { 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" } }, cr = { 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)" } } }, pr = { 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)" } } }, mr = { 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"] } } }, dr = { 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"] } } }, yr = { 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"] } } }, fr = { 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"] } } }, br = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, hr = { textStyle: { color: "#eeeeee" } }, gr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, xr = { 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" } } }, vr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, kr = { 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" } }, _r = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, wr = {
+  color: Xs,
+  backgroundColor: Ys,
+  textStyle: Js,
+  title: qs,
+  line: Zs,
+  radar: Qs,
+  bar: er,
+  pie: tr,
+  scatter: nr,
+  boxplot: ir,
+  parallel: or,
+  sankey: sr,
+  funnel: rr,
+  gauge: lr,
+  candlestick: ar,
+  graph: ur,
+  map: cr,
+  geo: pr,
+  categoryAxis: mr,
+  valueAxis: dr,
+  logAxis: yr,
+  timeAxis: fr,
+  toolbox: br,
+  legend: hr,
+  tooltip: gr,
+  timeline: xr,
+  visualMap: vr,
+  dataZoom: kr,
+  markPoint: _r
+}, Vr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], $r = "#f5f5f5", Ir = {}, Sr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Cr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Tr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Pr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ar = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Mr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Rr = { 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" } }, Dr = { 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)" } } }, Fr = { 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)" } } }, Gr = { 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"] } } }, Hr = { 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"] } } }, Kr = { 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"] } } }, jr = { 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"] } } }, Or = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ur = { textStyle: { color: "#333333" } }, Xr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Yr = { 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" } } }, Jr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, qr = { 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" } }, Zr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Qr = {
+  color: Vr,
+  backgroundColor: $r,
+  textStyle: Ir,
+  title: Sr,
+  line: Cr,
+  radar: Tr,
+  bar: Pr,
+  pie: zr,
+  scatter: Ar,
+  boxplot: Lr,
+  parallel: Br,
+  sankey: Wr,
+  funnel: Er,
+  gauge: Nr,
+  candlestick: Mr,
+  graph: Rr,
+  map: Dr,
+  geo: Fr,
+  categoryAxis: Gr,
+  valueAxis: Hr,
+  logAxis: Kr,
+  timeAxis: jr,
+  toolbox: Or,
+  legend: Ur,
+  tooltip: Xr,
+  timeline: Yr,
+  visualMap: Jr,
+  dataZoom: qr,
+  markPoint: Zr
 };
-Jo([
-  qo,
+qo([
   Zo,
   Qo,
   es,
   ts,
   ns,
   is,
-  os
+  os,
+  ss
 ]);
-oo("dark", _r);
-oo("light", Zr);
-const Qr = /* @__PURE__ */ V({
+so("dark", wr);
+so("light", Qr);
+const el = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = $e(), o = We(), l = me(), s = de(), { width: a, minWidth: m, maxWidth: d, height: f, minHeight: p, maxHeight: u, applySize: c } = ge(e), { applyTitle: y } = po(e), { applyXAxis: h } = mo(e), { applyYAxis: g } = yo(e), { applyLegend: x } = uo(e), { applySeries: w } = co(e), C = k(() => {
+    const e = t, i = $e(), o = We(), l = me(), s = de(), { width: a, minWidth: m, maxWidth: d, height: f, minHeight: p, maxHeight: u, applySize: c } = ge(e), { applyTitle: y } = mo(e), { applyXAxis: b } = yo(e), { applyYAxis: g } = fo(e), { applyLegend: x } = co(e), { applySeries: w } = po(e), C = k(() => {
       const S = {}, F = s.value.type;
       return l === "page" ? F === "common" ? c(S) : console.assert(!1) : l === "comp" && F === "common" ? c(S) : console.assert(!1), S;
-    }), M = Xi("chart");
+    }), M = Yi("chart");
     let W;
     const G = () => {
-      W?.dispose(), W = so.init(M.value, o.value ? "dark" : "light");
+      W?.dispose(), W = ro.init(M.value, o.value ? "dark" : "light");
       const S = {};
       W.setOption(S);
     }, R = () => {
       W?.resize();
     }, E = () => {
       const S = {};
-      y(S), h(S), g(S), x(S), w(S), W?.setOption(S, !0);
+      y(S), b(S), g(S), x(S), w(S), W?.setOption(S, !0);
     };
-    return Yi(async () => {
-      window.addEventListener("resize", R, !1), await Zi(() => !!M.value), G(), E();
+    return Ji(async () => {
+      window.addEventListener("resize", R, !1), await Qi(() => !!M.value), G(), E();
     }), je(() => {
       window.removeEventListener("resize", R, !1), W?.dispose();
     }), Q(
@@ -888,7 +843,7 @@ const Qr = /* @__PURE__ */ V({
         u
       ],
       async () => {
-        await Ji(), R();
+        await qi(), R();
       }
     ), Q([o], () => {
       G(), E();
@@ -903,30 +858,30 @@ const Qr = /* @__PURE__ */ V({
       style: Z(C.value)
     }, null, 4));
   }
-}), el = /* @__PURE__ */ V({
+}), tl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = $e(), o = We(), l = me(), s = de(), { width: a, minWidth: m, maxWidth: d, height: f, minHeight: p, maxHeight: u, applySize: c } = ge(e), { applyTitle: y } = po(e), { applyXAxis: h } = mo(e), { applyYAxis: g } = yo(e), { applyLegend: x } = uo(e), { applySeries: w } = co(e), C = k(() => {
+    const e = t, i = $e(), o = We(), l = me(), s = de(), { width: a, minWidth: m, maxWidth: d, height: f, minHeight: p, maxHeight: u, applySize: c } = ge(e), { applyTitle: y } = mo(e), { applyXAxis: b } = yo(e), { applyYAxis: g } = fo(e), { applyLegend: x } = co(e), { applySeries: w } = po(e), C = k(() => {
       const S = {}, F = s.value.type;
       return l === "page" ? F === "common" ? c(S) : console.assert(!1) : l === "comp" && F === "common" ? c(S) : console.assert(!1), S;
-    }), M = Xi("chart");
+    }), M = Yi("chart");
     let W;
     const G = () => {
-      W?.dispose(), W = so.init(M.value, o.value ? "dark" : "light");
+      W?.dispose(), W = ro.init(M.value, o.value ? "dark" : "light");
       const S = {};
       W.setOption(S);
     }, R = () => {
       W?.resize();
     }, E = () => {
       const S = {};
-      y(S), h(S), g(S), x(S), w(S), W?.setOption(S, !0);
+      y(S), b(S), g(S), x(S), w(S), W?.setOption(S, !0);
     };
-    return Yi(async () => {
-      window.addEventListener("resize", R, !1), await Zi(() => !!M.value), G(), E();
+    return Ji(async () => {
+      window.addEventListener("resize", R, !1), await Qi(() => !!M.value), G(), E();
     }), je(() => {
       window.removeEventListener("resize", R, !1), W?.dispose();
     }), Q(
@@ -941,7 +896,7 @@ const Qr = /* @__PURE__ */ V({
         u
       ],
       async () => {
-        await Ji(), R();
+        await qi(), R();
       }
     ), Q([o], () => {
       G(), E();
@@ -963,22 +918,22 @@ const Qr = /* @__PURE__ */ V({
     state: {}
   },
   setup(t) {
-    const { t: e } = ys(), i = t, o = de(), l = ic(), s = ce(-1), a = ce();
-    bc(a), ue(() => {
+    const { t: e } = fs(), i = t, o = de(), l = oc(), s = ce(-1), a = ce();
+    xc(a), ue(() => {
       if (!i.refContext.refid) {
         s.value = -1, a.value = void 0;
         return;
       }
       const c = l.value[i.refContext.refid];
       if (!c) {
-        s.value = -1, a.value = void 0, Qi.emit("compNotAvail", i.refContext.refid);
+        s.value = -1, a.value = void 0, eo.emit("compNotAvail", i.refContext.refid);
         return;
       }
       s.value !== c.dataSeq && (s.value = c.dataSeq, a.value = B(c.data));
     });
     function m(c) {
-      const y = $o[o.value.version].refKey, h = Te[y];
-      return h ? ae(h.comp, {
+      const y = Io[o.value.version].refKey, b = Ce[y];
+      return b ? ae(b.comp, {
         refContext: {
           parent: i.refContext,
           refid: c.ref.comp
@@ -987,14 +942,14 @@ const Qr = /* @__PURE__ */ V({
       }) : (console.assert(!1, `ref element not found key=${y}`), ae("div", `ref element not found key=${y}`));
     }
     function d(c) {
-      const y = Te[c.basic.key];
+      const y = Ce[c.basic.key];
       if (!y)
         return console.assert(!1, `element not found key=${c.basic.key}`), ae("div", `element not found key=${c.basic.key}`);
-      const h = [];
+      const b = [];
       return y.leaf || c.children?.forEach((g) => {
         const x = f(g);
-        h.push(x);
-      }), ae(y.comp, { node: c }, { default: () => h });
+        b.push(x);
+      }), ae(y.comp, { node: c }, { default: () => b });
     }
     function f(c) {
       return c.ref ? m(c) : d(c);
@@ -1016,15 +971,15 @@ const Qr = /* @__PURE__ */ V({
       const c = a.value.type;
       if (c === "common") {
         const y = [];
-        return a.value.view.nodes.forEach((h) => {
-          y.push(f(h));
+        return a.value.view.nodes.forEach((b) => {
+          y.push(f(b));
         }), y;
       } else
         return console.assert(!1, `invalid subtype=${c}`), ae("div", `invalid subtype=${c}`);
     };
     return (c, y) => (v(), $(u));
   }
-}), tl = /* @__PURE__ */ V({
+}), nl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1056,7 +1011,7 @@ const Qr = /* @__PURE__ */ V({
       }, 8, ["content", "dot", "offset-x", "offset-y", "theme"]);
     };
   }
-}), nl = /* @__PURE__ */ V({
+}), il = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1070,7 +1025,7 @@ const Qr = /* @__PURE__ */ V({
     ]), { property: s } = r(e, ["settings", "block"]), { property: a } = r(e, ["settings", "color"]), { color: m } = K(a), { property: d } = r(e, ["settings", "density"]), { property: f } = r(e, [
       "settings",
       "disabled"
-    ]), { property: p } = r(e, ["size", "height"]), { property: u } = r(e, ["settings", "loading"]), { property: c } = r(e, ["size", "maxHeight"]), { property: y } = r(e, ["size", "maxWidth"]), { property: h } = r(e, ["size", "minHeight"]), { property: g } = r(e, ["size", "minWidth"]), { property: x } = r(e, [
+    ]), { property: p } = r(e, ["size", "height"]), { property: u } = r(e, ["settings", "loading"]), { property: c } = r(e, ["size", "maxHeight"]), { property: y } = r(e, ["size", "maxWidth"]), { property: b } = r(e, ["size", "minHeight"]), { property: g } = r(e, ["size", "minWidth"]), { property: x } = r(e, [
       "settings",
       "addIcon",
       "prepend"
@@ -1079,7 +1034,7 @@ const Qr = /* @__PURE__ */ V({
       "readonly"
     ]), { property: C } = r(e, ["settings", "ripple"]), { property: M } = r(e, ["settings", "size"]), { property: W } = r(e, ["settings", "stacked"]), { property: G } = r(e, ["settings", "text"]), { theme: R } = N(), { property: E } = r(e, ["settings", "variant"]), { property: S } = r(e, ["size", "width"]), F = (q) => {
       i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", q.clientX), o.setVariable("__pointerPosY__", q.clientY), o.callFunction("__triggerEventV1__", [
-        Ce("elementEvent", e.node.basic.id, "click")
+        Le("elementEvent", e.node.basic.id, "click")
       ]));
     };
     return (q, ne) => {
@@ -1096,7 +1051,7 @@ const Qr = /* @__PURE__ */ V({
             loading: n(u),
             "max-height": n(c),
             "max-width": n(y),
-            "min-height": n(h),
+            "min-height": n(b),
             "min-width": n(g),
             "prepend-icon": n(x),
             readonly: n(w),
@@ -1114,8 +1069,8 @@ const Qr = /* @__PURE__ */ V({
       });
     };
   }
-}), il = {};
-function ol(t, e) {
+}), ol = {};
+function sl(t, e) {
   const i = z("v-btn-group");
   return v(), $(i, null, {
     default: I(() => [
@@ -1124,7 +1079,7 @@ function ol(t, e) {
     _: 3
   });
 }
-const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
+const rl = /* @__PURE__ */ Ve(ol, [["render", sl]]), ll = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1144,7 +1099,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       "settings",
       "readonly"
     ]), { property: d } = r(e, ["settings", "size"]), { property: f } = r(e, ["settings", "stacked"]), { theme: p } = N(), { property: u } = r(e, ["settings", "tile"]), { property: c } = r(e, ["settings", "variant"]);
-    return (y, h) => {
+    return (y, b) => {
       const g = z("v-btn-toggle");
       return v(), $(g, {
         block: n(i),
@@ -1166,7 +1121,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), ll = /* @__PURE__ */ V({
+}), al = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1179,7 +1134,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
     ]), { property: l } = r(e, ["size", "height"]), { property: s } = r(e, ["settings", "hover"]), { property: a } = r(e, ["settings", "loading"]), { property: m } = r(e, ["size", "maxHeight"]), { property: d } = r(e, ["size", "maxWidth"]), { property: f } = r(e, ["size", "minHeight"]), { property: p } = r(e, ["size", "minWidth"]), { property: u } = r(e, [
       "settings",
       "subtitle"
-    ]), { property: c } = r(e, ["settings", "text"]), { theme: y } = N(), { property: h } = r(e, ["settings", "title"]), { property: g } = r(e, ["settings", "variant"]), { property: x } = r(e, ["size", "width"]);
+    ]), { property: c } = r(e, ["settings", "text"]), { theme: y } = N(), { property: b } = r(e, ["settings", "title"]), { property: g } = r(e, ["settings", "variant"]), { property: x } = r(e, ["size", "width"]);
     return (w, C) => {
       const M = z("v-card");
       return v(), $(M, {
@@ -1195,7 +1150,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
         subtitle: n(u),
         text: n(c),
         theme: n(y),
-        title: n(h),
+        title: n(b),
         variant: n(g),
         width: n(x)
       }, {
@@ -1206,7 +1161,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"]);
     };
   }
-}), al = /* @__PURE__ */ V({
+}), ul = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1228,7 +1183,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       }, null, 8, ["disabled", "readonly"]);
     };
   }
-}), ul = /* @__PURE__ */ V({
+}), cl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1244,7 +1199,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
     ]), { property: m } = r(e, [
       "settings",
       "draggable"
-    ]), { property: d } = r(e, ["settings", "filter"]), { property: f } = r(e, ["settings", "label"]), { property: p } = r(e, ["settings", "size"]), { property: u } = r(e, ["settings", "text"]), { theme: c } = N(), { property: y } = r(e, ["settings", "tile"]), { property: h } = r(e, ["settings", "value"]), { property: g } = r(e, ["settings", "variant"]);
+    ]), { property: d } = r(e, ["settings", "filter"]), { property: f } = r(e, ["settings", "label"]), { property: p } = r(e, ["settings", "size"]), { property: u } = r(e, ["settings", "text"]), { theme: c } = N(), { property: y } = r(e, ["settings", "tile"]), { property: b } = r(e, ["settings", "value"]), { property: g } = r(e, ["settings", "variant"]);
     return (x, w) => {
       const C = z("v-chip");
       return v(), $(C, {
@@ -1259,12 +1214,12 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
         text: n(u),
         theme: n(c),
         tile: n(y),
-        value: n(h),
+        value: n(b),
         variant: n(g)
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
     };
   }
-}), cl = /* @__PURE__ */ V({
+}), pl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1291,7 +1246,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       const y = z("v-chip-group");
       return v(), $(y, {
         modelValue: n(p),
-        "onUpdate:modelValue": c[0] || (c[0] = (h) => O(p) ? p.value = h : null),
+        "onUpdate:modelValue": c[0] || (c[0] = (b) => O(p) ? p.value = b : null),
         column: n(i),
         direction: n(o),
         disabled: n(l),
@@ -1308,7 +1263,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), pl = /* @__PURE__ */ V({
+}), ml = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1316,8 +1271,8 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
   },
   setup(t) {
     const e = t, i = me(), o = de(), { applySize: l } = ge(e), s = k(() => {
-      const h = {}, g = o.value.type;
-      return i === "page" ? g === "common" ? l(h) : console.assert(!1) : i === "comp" && g === "common" ? l(h) : console.assert(!1), h;
+      const b = {}, g = o.value.type;
+      return i === "page" ? g === "common" ? l(b) : console.assert(!1) : i === "comp" && g === "common" ? l(b) : console.assert(!1), b;
     }), { property: a } = r(e, [
       "settings",
       "disabled"
@@ -1340,7 +1295,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       "settings",
       "showSwatches"
     ]), { theme: y } = N();
-    return (h, g) => {
+    return (b, g) => {
       const x = z("v-color-picker");
       return v(), $(n(Y), null, {
         default: I(() => [
@@ -1360,7 +1315,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       });
     };
   }
-}), ml = /* @__PURE__ */ V({
+}), dl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1399,7 +1354,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       });
     };
   }
-}), dl = /* @__PURE__ */ V({
+}), yl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1419,7 +1374,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       L(u.$slots, "default")
     ], 4));
   }
-}), yl = /* @__PURE__ */ V({
+}), fl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1440,12 +1395,12 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       "settings",
       "multiSort"
     ]), { theme: u } = N(), { property: c } = r(e, ["size", "width"]), y = k(() => {
-      const h = [];
+      const b = [];
       return (e.node.slots?.items ?? []).forEach((x) => {
-        x.column && x.comp && h.push(x);
-      }), h;
+        x.column && x.comp && b.push(x);
+      }), b;
     });
-    return (h, g) => {
+    return (b, g) => {
       const x = z("v-data-table");
       return v(), $(n(Y), null, {
         default: I(() => [
@@ -1462,7 +1417,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
             theme: n(u),
             width: n(c)
           }, Pn({ _: 2 }, [
-            Mo(y.value, (w) => ({
+            Ro(y.value, (w) => ({
               name: `item.${w.column}`,
               fn: I(({ value: C }) => [
                 D(n(ye), {
@@ -1477,7 +1432,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       });
     };
   }
-}), fl = /* @__PURE__ */ V({
+}), bl = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
     return (e, i) => {
@@ -1490,15 +1445,15 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       });
     };
   }
-}), bl = ["id"], hl = /* @__PURE__ */ V({
+}), hl = ["id"], gl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = H(), o = Ee(), l = k(() => e.node.basic?.id), { open: s } = eo(`runtimeDlg/${qi()}`);
-    return fo(o, e, (m) => {
+    const e = t, i = H(), o = Ee(), l = k(() => e.node.basic?.id), { open: s } = to(`runtimeDlg/${Zi()}`);
+    return bo(o, e, (m) => {
       if (i !== "runtime" && i !== "preview")
         return;
       const { name: d } = m;
@@ -1514,7 +1469,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
           n(i) === "editor" ? (v(), J("div", {
             key: 0,
             id: `__node__@${l.value}`
-          }, null, 8, bl)) : te("", !0)
+          }, null, 8, hl)) : te("", !0)
         ]),
         default: I(() => [
           L(m.$slots, "default")
@@ -1523,7 +1478,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       }, 8, ["modelValue"]);
     };
   }
-}), gl = /* @__PURE__ */ V({
+}), xl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1547,8 +1502,8 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       "singleLine"
     ]);
     return (c, y) => {
-      const h = z("v-file-input");
-      return v(), $(h, {
+      const b = z("v-file-input");
+      return v(), $(b, {
         chips: n(i),
         density: n(o),
         direction: n(l),
@@ -1562,7 +1517,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
-}), xl = /* @__PURE__ */ V({
+}), vl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1574,25 +1529,25 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       "backgroundColor"
     ]), { color: p } = K(f), u = (y) => {
       p.value && (y.backgroundColor = p.value), y.display = "flex";
-      const h = Re(i.value.width), g = Ie(h, e.node.settings?.direction);
+      const b = Re(i.value.width), g = Ie(b, e.node.settings?.direction);
       g === "row" ? y.flexDirection = "row" : g === "rowReverse" ? y.flexDirection = "row-reverse" : g === "column" ? y.flexDirection = "column" : g === "columnReverse" && (y.flexDirection = "column-reverse");
-      const x = Ie(h, e.node.settings?.wrap);
+      const x = Ie(b, e.node.settings?.wrap);
       x === "no" ? y.flexWrap = "nowrap" : x === "yes" ? y.flexWrap = "wrap" : x === "reverse" && (y.flexWrap = "wrap-reverse");
-      const w = Ie(h, e.node.settings?.mainAlign);
+      const w = Ie(b, e.node.settings?.mainAlign);
       w === "start" ? y.justifyContent = "flex-start" : w === "end" ? y.justifyContent = "flex-end" : w === "center" ? y.justifyContent = "center" : w === "spaceBetween" ? y.justifyContent = "space-between" : w === "spaceAround" ? y.justifyContent = "space-around" : w === "spaceEvenly" && (y.justifyContent = "space-evenly");
-      const C = Ie(h, e.node.settings?.crossAlign);
+      const C = Ie(b, e.node.settings?.crossAlign);
       C === "start" ? y.alignItems = "flex-start" : C === "end" ? y.alignItems = "flex-end" : C === "center" ? y.alignItems = "center" : C === "baseline" ? y.alignItems = "baseline" : C === "stretch" && (y.alignItems = "stretch");
     }, c = k(() => {
-      const y = {}, h = l.value.type;
-      return o === "page" ? h === "common" ? (s(y), a(y), m(y), d(y), u(y)) : console.assert(!1) : o === "comp" && h === "common" ? (s(y), a(y), m(y), d(y), u(y)) : console.assert(!1), y;
+      const y = {}, b = l.value.type;
+      return o === "page" ? b === "common" ? (s(y), a(y), m(y), d(y), u(y)) : console.assert(!1) : o === "comp" && b === "common" ? (s(y), a(y), m(y), d(y), u(y)) : console.assert(!1), y;
     });
-    return (y, h) => (v(), J("div", {
+    return (y, b) => (v(), J("div", {
       style: Z(c.value)
     }, [
       L(y.$slots, "default")
     ], 4));
   }
-}), vl = /* @__PURE__ */ V({
+}), kl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1609,7 +1564,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       L(d.$slots, "default")
     ], 4));
   }
-}), kl = /* @__PURE__ */ V({
+}), _l = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1622,12 +1577,12 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
     ]), { property: d } = r(e, [
       "settings",
       "backgroundColor"
-    ]), { color: f } = K(d), { applySize: p } = ge(e), { applyMargin: u } = Wn(e), { applyPadding: c } = En(e), { applyBorder: y } = Bn(e), h = k(() => {
+    ]), { color: f } = K(d), { applySize: p } = ge(e), { applyMargin: u } = Wn(e), { applyPadding: c } = En(e), { applyBorder: y } = Bn(e), b = k(() => {
       const x = {}, w = l.value.type;
       return o === "page" ? w === "common" ? (p(x), u(x), c(x), y(x), f.value && (x.backgroundColor = f.value)) : console.assert(!1) : o === "comp" && w === "common" ? (p(x), u(x), c(x), y(x), f.value && (x.backgroundColor = f.value)) : console.assert(!1), x;
     }), g = () => {
       i !== "runtime" && i !== "preview" || s.callFunction("__triggerEventV1__", [
-        Ce("elementEvent", e.node.basic.id, "submit")
+        Le("elementEvent", e.node.basic.id, "submit")
       ]);
     };
     return (x, w) => {
@@ -1636,8 +1591,8 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
         modelValue: n(a),
         "onUpdate:modelValue": w[0] || (w[0] = (M) => O(a) ? a.value = M : null),
         "fast-fail": n(m),
-        style: Z(h.value),
-        onSubmit: Ro(g, ["prevent"])
+        style: Z(b.value),
+        onSubmit: Do(g, ["prevent"])
       }, {
         default: I(() => [
           L(x.$slots, "default")
@@ -1646,7 +1601,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), _l = /* @__PURE__ */ V({
+}), wl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1668,15 +1623,15 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), wl = ["id"], Vl = /* @__PURE__ */ V({
+}), Vl = ["id"], $l = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = H(), o = Ee(), l = ce(0), s = ce(0), a = k(() => [l.value, s.value]), m = k(() => e.node.basic?.id), { open: d } = eo(`runtimeMenu/${qi()}`);
-    return fo(o, e, (p) => {
+    const e = t, i = H(), o = Ee(), l = ce(0), s = ce(0), a = k(() => [l.value, s.value]), m = k(() => e.node.basic?.id), { open: d } = to(`runtimeMenu/${Zi()}`);
+    return bo(o, e, (p) => {
       if (i !== "runtime" && i !== "preview")
         return;
       const { name: u } = p;
@@ -1695,7 +1650,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
           n(i) === "editor" ? (v(), J("div", {
             key: 0,
             id: `__node__@${m.value}`
-          }, null, 8, wl)) : te("", !0)
+          }, null, 8, Vl)) : te("", !0)
         ]),
         default: I(() => [
           L(p.$slots, "default")
@@ -1704,7 +1659,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), $l = /* @__PURE__ */ V({
+}), Il = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1731,7 +1686,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
     ]), { property: y } = r(e, [
       "settings",
       "precision"
-    ]), { property: h } = r(e, ["settings", "prefix"]), { property: g } = r(e, [
+    ]), { property: b } = r(e, ["settings", "prefix"]), { property: g } = r(e, [
       "settings",
       "addIcon",
       "prepend"
@@ -1765,7 +1720,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
             "min-width": n(u),
             placeholder: n(c),
             precision: n(y),
-            prefix: n(h),
+            prefix: n(b),
             "prepend-icon": n(g),
             "prepend-inner-icon": n(x),
             readonly: n(w),
@@ -1782,7 +1737,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       });
     };
   }
-}), Il = /* @__PURE__ */ V({
+}), Sl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1796,10 +1751,10 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       "settings",
       "showFirstLastPage"
     ]), { property: m } = r(e, ["settings", "size"]), { property: d } = r(e, ["settings", "start"]), { theme: f } = N(), { property: p } = r(e, ["settings", "tile"]), { property: u } = r(e, ["settings", "value"]), { property: c } = r(e, ["settings", "variant"]), y = k(() => {
-      const h = {};
-      return i === "editor" && (h.pointerEvents = "none"), h;
+      const b = {};
+      return i === "editor" && (b.pointerEvents = "none"), b;
     });
-    return (h, g) => {
+    return (b, g) => {
       const x = z("v-pagination");
       return v(), $(n(Y), null, {
         default: I(() => [
@@ -1822,7 +1777,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       });
     };
   }
-}), Sl = /* @__PURE__ */ V({
+}), Cl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1849,7 +1804,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), Cl = /* @__PURE__ */ V({
+}), Tl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1890,7 +1845,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       });
     };
   }
-}), Tl = /* @__PURE__ */ V({
+}), Pl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1917,13 +1872,13 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
         return "always";
       if (p.value === "show")
         return !0;
-    }), { property: c } = r(e, ["settings", "step"]), { theme: y } = N(), { property: h } = r(e, [
+    }), { property: c } = r(e, ["settings", "step"]), { theme: y } = N(), { property: b } = r(e, [
       "settings",
       "thumbLabel"
     ]), g = k(() => {
-      if (h.value === "always")
+      if (b.value === "always")
         return "always";
-      if (h.value === "show")
+      if (b.value === "show")
         return !0;
     }), { property: x } = r(e, [
       "settings",
@@ -1934,7 +1889,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       const E = {};
       for (const { value: S, label: F } of w.value)
         E[S] = F;
-      if (!ro(E))
+      if (!lo(E))
         return E;
     }), { property: M } = r(e, [
       "settings",
@@ -1984,7 +1939,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       }, 8, ["modelValue"]);
     };
   }
-}), Pl = /* @__PURE__ */ V({
+}), zl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2010,7 +1965,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
         default: I(() => [
           D(y, {
             modelValue: n(p),
-            "onUpdate:modelValue": c[0] || (c[0] = (h) => O(p) ? p.value = h : null),
+            "onUpdate:modelValue": c[0] || (c[0] = (b) => O(p) ? p.value = b : null),
             clearable: n(i),
             density: n(o),
             disabled: n(l),
@@ -2025,7 +1980,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       });
     };
   }
-}), zl = /* @__PURE__ */ V({
+}), Al = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2064,7 +2019,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       });
     };
   }
-}), Al = /* @__PURE__ */ V({
+}), Ll = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2091,7 +2046,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
         return "always";
       if (c.value === "show")
         return !0;
-    }), { property: h } = r(e, ["settings", "step"]), { theme: g } = N(), { property: x } = r(e, [
+    }), { property: b } = r(e, ["settings", "step"]), { theme: g } = N(), { property: x } = r(e, [
       "settings",
       "thumbColor"
     ]), { color: w } = K(x), { property: C } = r(e, [
@@ -2111,7 +2066,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       const le = {};
       for (const { value: Ne, label: Ut } of G.value)
         le[Ne] = Ut;
-      if (!ro(le))
+      if (!lo(le))
         return le;
     }), { property: E } = r(e, [
       "settings",
@@ -2129,7 +2084,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
         default: I(() => [
           D(Ut, {
             modelValue: n(q),
-            "onUpdate:modelValue": Ne[0] || (Ne[0] = (Eo) => O(q) ? q.value = Eo : null),
+            "onUpdate:modelValue": Ne[0] || (Ne[0] = (No) => O(q) ? q.value = No : null),
             color: n(o),
             direction: n(l),
             disabled: n(s),
@@ -2140,7 +2095,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
             readonly: n(p),
             reverse: n(u),
             "show-ticks": y.value,
-            step: n(h),
+            step: n(b),
             theme: n(g),
             "thumb-color": n(w),
             "thumb-label": M.value,
@@ -2175,7 +2130,7 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       });
     };
   }
-}), Ll = /* @__PURE__ */ V({
+}), Bl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2201,8 +2156,8 @@ const sl = /* @__PURE__ */ Ve(il, [["render", ol]]), rl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "hide-actions", "theme"]);
     };
   }
-}), Bl = {};
-function Wl(t, e) {
+}), Wl = {};
+function El(t, e) {
   const i = z("v-stepper-header");
   return v(), $(i, null, {
     default: I(() => [
@@ -2211,7 +2166,7 @@ function Wl(t, e) {
     _: 3
   });
 }
-const El = /* @__PURE__ */ Ve(Bl, [["render", Wl]]), Nl = /* @__PURE__ */ V({
+const Nl = /* @__PURE__ */ Ve(Wl, [["render", El]]), Ml = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2229,8 +2184,8 @@ const El = /* @__PURE__ */ Ve(Bl, [["render", Wl]]), Nl = /* @__PURE__ */ V({
       }, 8, ["value"]);
     };
   }
-}), Ml = {};
-function Rl(t, e) {
+}), Rl = {};
+function Dl(t, e) {
   const i = z("v-stepper-window");
   return v(), $(i, null, {
     default: I(() => [
@@ -2239,7 +2194,7 @@ function Rl(t, e) {
     _: 3
   });
 }
-const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
+const Fl = /* @__PURE__ */ Ve(Rl, [["render", Dl]]), Gl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2257,7 +2212,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
       }, 8, ["value"]);
     };
   }
-}), Gl = /* @__PURE__ */ V({
+}), Hl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2277,13 +2232,13 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
       "settings",
       "indeterminate"
     ]), { property: m } = r(e, ["settings", "inline"]), { property: d } = r(e, ["settings", "inset"]), { property: f } = r(e, ["settings", "label"]), { property: p } = r(e, ["settings", "loading"]), { theme: u } = N(), { property: c } = r(e, ["settings", "value"]);
-    return (y, h) => {
+    return (y, b) => {
       const g = z("v-switch");
       return v(), $(n(Y), { "fit-content": !0 }, {
         default: I(() => [
           D(g, {
             modelValue: n(c),
-            "onUpdate:modelValue": h[0] || (h[0] = (x) => O(c) ? c.value = x : null),
+            "onUpdate:modelValue": b[0] || (b[0] = (x) => O(c) ? c.value = x : null),
             density: n(i),
             direction: n(o),
             disabled: n(l),
@@ -2300,7 +2255,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
       });
     };
   }
-}), Hl = /* @__PURE__ */ V({
+}), Kl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2326,7 +2281,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
       });
     };
   }
-}), Kl = /* @__PURE__ */ V({
+}), jl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2359,7 +2314,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
     ]), { property: c } = r(e, ["settings", "grow"]), { property: y } = r(e, [
       "settings",
       "hideSlider"
-    ]), { property: h } = r(e, ["settings", "items"]), { property: g } = r(e, [
+    ]), { property: b } = r(e, ["settings", "items"]), { property: g } = r(e, [
       "settings",
       "mandatory"
     ]), { property: x } = r(e, [
@@ -2385,7 +2340,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
         "fixed-tabs": n(u),
         grow: n(c),
         "hide-slider": n(y),
-        items: n(h),
+        items: n(b),
         mandatory: n(g),
         "show-arrows": n(x),
         "slider-color": n(C),
@@ -2399,7 +2354,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"]);
     };
   }
-}), jl = /* @__PURE__ */ V({
+}), Ol = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2417,10 +2372,10 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
       return c && p.push(`text-${c}`), s.value === "high" ? p.push("text-high-emphasis") : s.value === "medium" ? p.push("text-medium-emphasis") : s.value === "disabled" && p.push("text-disabled"), o.value && p.push(`font-${o.value}`), l.value && p.push(`text-decoration-${l.value}`), d.value && p.push(`font-weight-${d.value}`), a.value && p.push("font-italic"), p.join(" ");
     });
     return (p, u) => (v(), J("span", {
-      class: Do(f.value)
-    }, Fo(n(m)), 3));
+      class: Fo(f.value)
+    }, Go(n(m)), 3));
   }
-}), Ol = /* @__PURE__ */ V({
+}), Ul = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2445,7 +2400,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
     ]), { property: u } = r(e, ["settings", "reverse"]), { property: c } = r(e, ["settings", "rows"]), { property: y } = r(e, [
       "settings",
       "singleLine"
-    ]), { theme: h } = N(), { property: g } = r(e, ["settings", "value"]), { property: x } = r(e, ["settings", "variant"]);
+    ]), { theme: b } = N(), { property: g } = r(e, ["settings", "value"]), { property: x } = r(e, ["settings", "variant"]);
     return (w, C) => {
       const M = z("v-textarea");
       return v(), $(n(Y), null, {
@@ -2465,7 +2420,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
             reverse: n(u),
             rows: n(c),
             "single-line": n(y),
-            theme: n(h),
+            theme: n(b),
             variant: n(x)
           }, null, 8, ["modelValue", "auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"])
         ]),
@@ -2473,7 +2428,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
       });
     };
   }
-}), Ul = /* @__PURE__ */ V({
+}), Xl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2504,7 +2459,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
     ]), { property: c } = r(e, ["settings", "prefix"]), { property: y } = r(e, [
       "settings",
       "prependIcon"
-    ]), { property: h } = r(e, [
+    ]), { property: b } = r(e, [
       "settings",
       "prependInnerIcon"
     ]), { property: g } = r(e, [
@@ -2542,7 +2497,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
             placeholder: n(u),
             prefix: n(c),
             "prepend-icon": n(y),
-            "prepend-inner-icon": n(h),
+            "prepend-inner-icon": n(b),
             readonly: n(g),
             reverse: n(x),
             "single-line": n(w),
@@ -2596,7 +2551,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
       });
     };
   }
-}), Xl = /* @__PURE__ */ V({
+}), Yl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2629,7 +2584,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
       "settings",
       "line",
       "thickness"
-    ]), { property: y } = r(e, ["settings", "side"]), { property: h } = r(e, [
+    ]), { property: y } = r(e, ["settings", "side"]), { property: b } = r(e, [
       "settings",
       "line",
       "truncate"
@@ -2648,7 +2603,7 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
         "line-thickness": n(c),
         side: n(y),
         theme: n(g),
-        "truncate-line": n(h)
+        "truncate-line": n(b)
       }, {
         default: I(() => [
           L(x.$slots, "default")
@@ -2657,8 +2612,8 @@ const Dl = /* @__PURE__ */ Ve(Ml, [["render", Rl]]), Fl = /* @__PURE__ */ V({
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
   }
-}), Yl = {};
-function Jl(t, e) {
+}), Jl = {};
+function ql(t, e) {
   const i = z("v-timeline-item");
   return v(), $(i, null, {
     default: I(() => [
@@ -2667,7 +2622,7 @@ function Jl(t, e) {
     _: 3
   });
 }
-const ql = /* @__PURE__ */ Ve(Yl, [["render", Jl]]), Zl = /* @__PURE__ */ V({
+const Zl = /* @__PURE__ */ Ve(Jl, [["render", ql]]), Ql = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2707,8 +2662,8 @@ const ql = /* @__PURE__ */ Ve(Yl, [["render", Jl]]), Zl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
     };
   }
-}), Ql = {};
-function ea(t, e) {
+}), ea = {};
+function ta(t, e) {
   const i = z("v-window-item");
   return v(), $(i, null, {
     default: I(() => [
@@ -2717,7 +2672,7 @@ function ea(t, e) {
     _: 3
   });
 }
-const ta = /* @__PURE__ */ Ve(Ql, [["render", ea]]), Ue = "ambient_light_v1", Xe = "badge_v1", Nn = "breadcrumbs_v1", Ye = "bar_chart_v1", Je = "box_geometry_v1", qe = "btn_v1", Ze = "btn_group_v1", Qe = "btn_toggle_v1", et = "card_v1", tt = "checkbox_v1", nt = "chip_v1", it = "chip_group_v1", ot = "color_picker_v1", st = "combobox_v1", rt = "container_v1", lt = "data_table_v1", at = "date_picker_v1", ut = "dialog_v1", ct = "directional_light_v1", pt = "file_input_v1", mt = "flex_layout_v1", bo = "flex_layout_entry_v1", dt = "form_v1", tn = "globality_v1", yt = "group_v1", ft = "icon_v1", bt = "keyboard_controls_v1", ht = "line_chart_v1", gt = "map_controls_v1", xt = "menu_v1", vt = "mesh_v1", na = "mesh_basic_material_v1", Mn = "multiple_ref_v1", kt = "number_input_v1", _t = "orbit_controls_v1", wt = "orthographic_camera_v1", Vt = "pagination_v1", $t = "perspective_camera_v1", It = "point_light_v1", ho = "radio_v1", St = "radio_group_v1", Ct = "range_slider_v1", Tt = "rating_v1", Rn = "render_switch_v1", Pt = "select_v1", De = "single_ref_v1", zt = "slider_v1", At = "sphere_geometry_v1", Lt = "spot_light_v1", Bt = "stepper_v1", go = "stepper_header_v1", xo = "stepper_item_v1", vo = "stepper_window_v1", ko = "stepper_window_item_v1", Wt = "switch_v1", _o = "tab_v1", Dn = "table_v1", Et = "tabs_v1", Nt = "text_v1", Mt = "textarea_v1", Rt = "text_field_v1", Dt = "timeline_v1", wo = "timeline_item_v1", Ft = "window_v1", Vo = "window_item_v1", b = {
+const na = /* @__PURE__ */ Ve(ea, [["render", ta]]), Ue = "ambient_light_v1", Xe = "badge_v1", Nn = "breadcrumbs_v1", Ye = "bar_chart_v1", Je = "box_geometry_v1", qe = "btn_v1", Ze = "btn_group_v1", Qe = "btn_toggle_v1", et = "card_v1", tt = "checkbox_v1", nt = "chip_v1", it = "chip_group_v1", ot = "color_picker_v1", st = "combobox_v1", rt = "container_v1", lt = "data_table_v1", at = "date_picker_v1", ut = "dialog_v1", ct = "directional_light_v1", pt = "file_input_v1", mt = "flex_layout_v1", ho = "flex_layout_entry_v1", dt = "form_v1", tn = "globality_v1", yt = "group_v1", ft = "icon_v1", bt = "keyboard_controls_v1", ht = "line_chart_v1", gt = "map_controls_v1", xt = "menu_v1", vt = "mesh_v1", ia = "mesh_basic_material_v1", Mn = "multiple_ref_v1", kt = "number_input_v1", _t = "orbit_controls_v1", wt = "orthographic_camera_v1", Vt = "pagination_v1", $t = "perspective_camera_v1", It = "point_light_v1", go = "radio_v1", St = "radio_group_v1", Ct = "range_slider_v1", Tt = "rating_v1", Rn = "render_switch_v1", Pt = "select_v1", De = "single_ref_v1", zt = "slider_v1", At = "sphere_geometry_v1", Lt = "spot_light_v1", Bt = "stepper_v1", xo = "stepper_header_v1", vo = "stepper_item_v1", ko = "stepper_window_v1", _o = "stepper_window_item_v1", Wt = "switch_v1", wo = "tab_v1", Dn = "table_v1", Et = "tabs_v1", Nt = "text_v1", Mt = "textarea_v1", Rt = "text_field_v1", Dt = "timeline_v1", Vo = "timeline_item_v1", Ft = "window_v1", $o = "window_item_v1", h = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2779,7 +2734,7 @@ const ta = /* @__PURE__ */ Ve(Ql, [["render", ea]]), Ue = "ambient_light_v1", Xe
       ]
     }
   ]
-}, ia = B(j), ke = {
+}, oa = B(j), ke = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2797,7 +2752,7 @@ const ta = /* @__PURE__ */ Ve(Ql, [["render", ea]]), Ue = "ambient_light_v1", Xe
       types: "borderWidthTypesV1",
       default: ""
     },
-    ia,
+    oa,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -3193,19 +3148,19 @@ const ta = /* @__PURE__ */ Ve(Ql, [["render", ea]]), Ue = "ambient_light_v1", Xe
       default: 2e3
     }
   ]
-}, oa = {
+}, sa = {
   key: wt,
   name: "x-runtime-lib.orthographicCamera",
-  comp: $s,
+  comp: Is,
   properties: {
-    pageScene: [b, X, qn],
-    compScene: [b, X, qn]
+    pageScene: [h, X, qn],
+    compScene: [h, X, qn]
   },
   events: [],
   methods: [],
   slots: []
 };
-_(oa);
+_(sa);
 const Zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3239,92 +3194,92 @@ const Zn = {
       default: 2e3
     }
   ]
-}, sa = {
+}, ra = {
   key: $t,
   name: "x-runtime-lib.perspectiveCamera",
-  comp: Ss,
+  comp: Cs,
   properties: {
-    pageScene: [b, X, Zn],
-    compScene: [b, X, Zn]
+    pageScene: [h, X, Zn],
+    compScene: [h, X, Zn]
   },
   events: [],
   methods: [],
   slots: []
 };
-_(sa);
-const ra = /* @__PURE__ */ V({
+_(ra);
+const la = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
     const e = H();
-    return (i, o) => n(e) !== "editor" ? (v(), $(n(ss), { key: 0 })) : te("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), $(n(rs), { key: 0 })) : te("", !0);
   }
-}), la = /* @__PURE__ */ V({
+}), aa = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
     const e = H();
-    return (i, o) => n(e) !== "editor" ? (v(), $(n(rs), { key: 0 })) : te("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), $(n(ls), { key: 0 })) : te("", !0);
   }
-}), aa = /* @__PURE__ */ V({
+}), ua = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
     const e = H();
-    return (i, o) => n(e) !== "editor" ? (v(), $(n(ls), { key: 0 })) : te("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), $(n(as), { key: 0 })) : te("", !0);
   }
-}), ua = {
+}), ca = {
   key: bt,
   name: "x-runtime-lib.keyboardControls",
-  comp: ra,
+  comp: la,
   properties: {
-    pageScene: [b],
-    compScene: [b]
+    pageScene: [h],
+    compScene: [h]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(ua);
-const ca = {
+_(ca);
+const pa = {
   key: gt,
   name: "x-runtime-lib.mapControls",
-  comp: la,
+  comp: aa,
   properties: {
-    pageScene: [b],
-    compScene: [b]
+    pageScene: [h],
+    compScene: [h]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(ca);
-const pa = {
+_(pa);
+const ma = {
   key: _t,
   name: "x-runtime-lib.orbitControls",
-  comp: aa,
+  comp: ua,
   properties: {
-    pageScene: [b],
-    compScene: [b]
+    pageScene: [h],
+    compScene: [h]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(pa);
-function ma(t, e) {
+_(ma);
+function da(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`boxGeometryV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = ze.properties[o];
+  const l = Pe.properties[o];
   if (!l) {
     console.error(`boxGeometryV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = ze.key, s.transform = {
+  return P(s, l), s.basic.id = T(16), s.basic.key = Pe.key, s.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3341,11 +3296,11 @@ function ma(t, e) {
       z: 1
     }
   }, s.children = [
-    da(t, e),
-    ya(t, e)
+    ya(t, e),
+    fa(t, e)
   ], s;
 }
-function da(t, e) {
+function ya(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -3370,7 +3325,7 @@ function da(t, e) {
     depthSegements: 1
   }, s;
 }
-function ya(t, e) {
+function fa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -3378,7 +3333,7 @@ function ya(t, e) {
     );
     return;
   }
-  const l = Pe.properties[o];
+  const l = Te.properties[o];
   if (!l) {
     console.error(
       `boxGeometryV1/spawnMeshBasicMaterial properties not found, ${i}`
@@ -3386,7 +3341,7 @@ function ya(t, e) {
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Pe.key, s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = Te.key, s;
 }
 const Qn = {
   key: "settings",
@@ -3435,31 +3390,31 @@ const Qn = {
 }, nn = {
   key: Je,
   name: "x-runtime-lib.boxGeometry",
-  comp: Ts,
+  comp: Ps,
   properties: {
-    pageScene: [b, Qn],
-    compScene: [b, Qn]
+    pageScene: [h, Qn],
+    compScene: [h, Qn]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: ma
+  spawn: da
 };
 _(nn);
-function fa(t, e) {
+function ba(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = ze.properties[o];
+  const l = Pe.properties[o];
   if (!l) {
     console.error(`sphereGeometryV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = ze.key, s.transform = {
+  return P(s, l), s.basic.id = T(16), s.basic.key = Pe.key, s.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3476,11 +3431,11 @@ function fa(t, e) {
       z: 1
     }
   }, s.children = [
-    ba(t, e),
-    ha(t, e)
+    ha(t, e),
+    ga(t, e)
   ], s;
 }
-function ba(t, e) {
+function ha(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -3506,7 +3461,7 @@ function ba(t, e) {
     thetaLength: 3.141592653589793
   }, s;
 }
-function ha(t, e) {
+function ga(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -3514,7 +3469,7 @@ function ha(t, e) {
     );
     return;
   }
-  const l = Pe.properties[o];
+  const l = Te.properties[o];
   if (!l) {
     console.error(
       `sphereGeometryV1/spawnMeshBasicMaterial properties not found, ${i}`
@@ -3522,7 +3477,7 @@ function ha(t, e) {
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Pe.key, s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = Te.key, s;
 }
 const ei = {
   key: "settings",
@@ -3579,16 +3534,16 @@ const ei = {
 }, on = {
   key: At,
   name: "x-runtime-lib.sphereGeometry",
-  comp: zs,
+  comp: As,
   properties: {
-    pageScene: [b, ei],
-    compScene: [b, ei]
+    pageScene: [h, ei],
+    compScene: [h, ei]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: fa
+  spawn: ba
 };
 _(on);
 const Gt = B(j);
@@ -3608,19 +3563,19 @@ const ti = {
       default: 1
     }
   ]
-}, ga = {
+}, xa = {
   key: Ue,
   name: "x-runtime-lib.ambientLight",
-  comp: Ls,
+  comp: Bs,
   properties: {
-    pageScene: [b, X, ti],
-    compScene: [b, X, ti]
+    pageScene: [h, X, ti],
+    compScene: [h, X, ti]
   },
   events: [],
   methods: [],
   slots: []
 };
-_(ga);
+_(xa);
 const Ht = B(j);
 Ht.children[0].default = "custom";
 Ht.children[2].children[0].default = "0xffffff";
@@ -3638,19 +3593,19 @@ const ni = {
       default: 1
     }
   ]
-}, xa = {
+}, va = {
   key: ct,
   name: "x-runtime-lib.directionalLight",
-  comp: Ws,
+  comp: Es,
   properties: {
-    pageScene: [b, X, ni],
-    compScene: [b, X, ni]
+    pageScene: [h, X, ni],
+    compScene: [h, X, ni]
   },
   events: [],
   methods: [],
   slots: []
 };
-_(xa);
+_(va);
 const Kt = B(j);
 Kt.children[0].default = "custom";
 Kt.children[2].children[0].default = "0xffffff";
@@ -3682,19 +3637,19 @@ const ii = {
       default: 2
     }
   ]
-}, va = {
+}, ka = {
   key: It,
   name: "x-runtime-lib.pointLight",
-  comp: Ns,
+  comp: Ms,
   properties: {
-    pageScene: [b, X, ii],
-    compScene: [b, X, ii]
+    pageScene: [h, X, ii],
+    compScene: [h, X, ii]
   },
   events: [],
   methods: [],
   slots: []
 };
-_(va);
+_(ka);
 const jt = B(j);
 jt.children[0].default = "custom";
 jt.children[2].children[0].default = "0xffffff";
@@ -3743,60 +3698,60 @@ const oi = {
       default: 0
     }
   ]
-}, ka = {
+}, _a = {
   key: Lt,
   name: "x-runtime-lib.spotLight",
-  comp: Rs,
+  comp: Ds,
   properties: {
-    pageScene: [b, X, oi],
-    compScene: [b, X, oi]
+    pageScene: [h, X, oi],
+    compScene: [h, X, oi]
   },
   events: [],
   methods: [],
   slots: []
 };
-_(ka);
-const Pe = {
-  key: na,
+_(_a);
+const Te = {
+  key: ia,
   name: "x-runtime-lib.meshBasicMaterial",
-  comp: Gs,
+  comp: Hs,
   properties: {
-    pageScene: [b],
-    compScene: [b]
+    pageScene: [h],
+    compScene: [h]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(Pe);
-const _a = {
+_(Te);
+const wa = {
   key: yt,
   name: "x-runtime-lib.group",
-  comp: Ks,
+  comp: js,
   properties: {
-    pageScene: [b, X],
-    compScene: [b, X]
+    pageScene: [h, X],
+    compScene: [h, X]
   },
   events: [],
   methods: [],
   slots: []
 };
-_(_a);
-const ze = {
+_(wa);
+const Pe = {
   key: vt,
   name: "x-runtime-lib.mesh",
-  comp: Os,
+  comp: Us,
   properties: {
-    pageScene: [b, X],
-    compScene: [b, X]
+    pageScene: [h, X],
+    compScene: [h, X]
   },
   events: [],
   methods: [],
   slots: []
 };
-_(ze);
-function wa(t, e) {
+_(Pe);
+function Va(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`barChartV1/spawn property tag not found, ${i}`);
@@ -3839,19 +3794,19 @@ const si = {
 }, sn = {
   key: Ye,
   name: "x-runtime-lib.barChart",
-  comp: Qr,
+  comp: el,
   properties: {
-    pageCommon: [b, U, Ge, He, Ke, Fe, si],
-    compCommon: [b, U, Ge, He, Ke, Fe, si]
+    pageCommon: [h, U, Ge, He, Ke, Fe, si],
+    compCommon: [h, U, Ge, He, Ke, Fe, si]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: wa
+  spawn: Va
 };
 _(sn);
-function Va(t, e) {
+function $a(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`lineChartV1/spawn property tag not found, ${i}`);
@@ -3894,16 +3849,16 @@ const ri = {
 }, rn = {
   key: ht,
   name: "x-runtime-lib.lineChart",
-  comp: el,
+  comp: tl,
   properties: {
-    pageCommon: [b, U, Ge, He, Ke, Fe, ri],
-    compCommon: [b, U, Ge, He, Ke, Fe, ri]
+    pageCommon: [h, U, Ge, He, Ke, Fe, ri],
+    compCommon: [h, U, Ge, He, Ke, Fe, ri]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Va
+  spawn: $a
 };
 _(rn);
 const Ot = B(j);
@@ -3917,7 +3872,7 @@ const li = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [Ot]
-}, $a = {
+}, Ia = {
   key: tn,
   name: "x-runtime-lib.globality",
   comp: null,
@@ -3965,7 +3920,7 @@ const li = {
   slots: [],
   internal: !0
 };
-_($a);
+_(Ia);
 const ui = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4001,19 +3956,19 @@ const ui = {
       default: !1
     }
   ]
-}, Nc = {
+}, Wc = {
   key: Xe,
   name: "x-runtime-lib.badge",
-  comp: tl,
+  comp: nl,
   properties: {
-    pageCommon: [b, ui],
-    compCommon: [b, ui]
+    pageCommon: [h, ui],
+    compCommon: [h, ui]
   },
   events: [],
   methods: [],
   slots: []
 };
-function Ia(t, e) {
+function Sa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`btnV1/spawn property tag not found, ${i}`);
@@ -4027,7 +3982,7 @@ function Ia(t, e) {
   const s = {};
   return P(s, l), s.basic.id = T(16), s.basic.key = ln.key, s.settings.text = "button", s;
 }
-const Sa = B(j), ci = {
+const Ca = B(j), ci = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4106,7 +4061,7 @@ const Sa = B(j), ci = {
       ui: "switch",
       default: !1
     },
-    Sa,
+    Ca,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -4117,10 +4072,10 @@ const Sa = B(j), ci = {
 }, ln = {
   key: qe,
   name: "x-runtime-lib.button",
-  comp: nl,
+  comp: il,
   properties: {
-    pageCommon: [b, U, ci],
-    compCommon: [b, U, ci]
+    pageCommon: [h, U, ci],
+    compCommon: [h, U, ci]
   },
   events: [
     {
@@ -4132,22 +4087,22 @@ const Sa = B(j), ci = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Ia
+  spawn: Sa
 };
 _(ln);
-const Ca = {
+const Ta = {
   key: Ze,
   name: "x-runtime-lib.buttonGroup",
-  comp: sl,
+  comp: rl,
   properties: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
   slots: []
 };
-_(Ca);
+_(Ta);
 const pi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4209,32 +4164,32 @@ const pi = {
       default: !1
     }
   ]
-}, Ta = {
+}, Pa = {
   key: Qe,
   name: "x-runtime-lib.buttonToggle",
-  comp: rl,
+  comp: ll,
   properties: {
-    pageCommon: [b, pi],
-    compCommon: [b, pi]
+    pageCommon: [h, pi],
+    compCommon: [h, pi]
   },
   events: [],
   methods: [],
   slots: []
 };
-_(Ta);
-function Pa(t, e) {
+_(Pa);
+function za(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`cardV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = Ae.properties[o];
+  const l = ze.properties[o];
   if (!l) {
     console.error(`cardV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Ae.key, s.children = [], s.settings.title = "title", s.settings.subtitle = "subtitle", s.settings.text = "text", s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = ze.key, s.children = [], s.settings.title = "title", s.settings.subtitle = "subtitle", s.settings.text = "text", s;
 }
 const mi = {
   key: "settings",
@@ -4291,20 +4246,20 @@ const mi = {
       default: !1
     }
   ]
-}, Ae = {
+}, ze = {
   key: et,
   name: "x-runtime-lib.card",
-  comp: ll,
+  comp: al,
   properties: {
-    pageCommon: [b, U, mi],
-    compCommon: [b, U, mi]
+    pageCommon: [h, U, mi],
+    compCommon: [h, U, mi]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: Pa
+  spawn: za
 };
-_(Ae);
+_(ze);
 const di = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4322,21 +4277,21 @@ const di = {
       default: ""
     }
   ]
-}, za = {
+}, Aa = {
   key: tt,
   name: "x-runtime-lib.checkbox",
-  comp: al,
+  comp: ul,
   properties: {
-    pageCommon: [b, di],
-    compCommon: [b, di]
+    pageCommon: [h, di],
+    compCommon: [h, di]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(za);
-const Aa = B(j), yi = {
+_(Aa);
+const La = B(j), yi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4409,15 +4364,15 @@ const Aa = B(j), yi = {
       ui: "switch",
       default: !1
     },
-    Aa
+    La
   ]
 }, an = {
   key: nt,
   name: "x-runtime-lib.chip",
-  comp: ul,
+  comp: cl,
   properties: {
-    pageCommon: [b, yi],
-    compCommon: [b, yi]
+    pageCommon: [h, yi],
+    compCommon: [h, yi]
   },
   events: [],
   methods: [],
@@ -4425,7 +4380,7 @@ const Aa = B(j), yi = {
   leaf: !0
 };
 _(an);
-function La(t, e) {
+function Ba(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`chipGroupV1/spawn property tag not found, ${i}`);
@@ -4517,31 +4472,31 @@ const fi = {
 }, un = {
   key: it,
   name: "x-runtime-lib.chipGroup",
-  comp: cl,
+  comp: pl,
   properties: {
-    pageCommon: [b, fi],
-    compCommon: [b, fi]
+    pageCommon: [h, fi],
+    compCommon: [h, fi]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: La
+  spawn: Ba
 };
 _(un);
-const Ba = {
+const Wa = {
   key: ot,
   name: "x-runtime-lib.colorPicker",
-  comp: pl,
+  comp: ml,
   properties: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(Ba);
+_(Wa);
 const bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4583,20 +4538,20 @@ const bi = {
       default: !1
     }
   ]
-}, Wa = {
+}, Ea = {
   key: st,
   name: "x-runtime-lib.combobox",
-  comp: ml,
+  comp: dl,
   properties: {
-    pageCommon: [b, bi],
-    compCommon: [b, bi]
+    pageCommon: [h, bi],
+    compCommon: [h, bi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(Wa);
+_(Ea);
 const Fn = B(j);
 Fn.key = "backgroundColor";
 Fn.name = "x-runtime-lib.backgroundColor";
@@ -4607,10 +4562,10 @@ const hi = {
 }, cn = {
   key: rt,
   name: "x-runtime-lib.container",
-  comp: dl,
+  comp: yl,
   properties: {
-    pageCommon: [b, U, ke, _e, we, hi],
-    compCommon: [b, U, ke, _e, we, hi]
+    pageCommon: [h, U, ke, _e, we, hi],
+    compCommon: [h, U, ke, _e, we, hi]
   },
   events: [
     {
@@ -4775,41 +4730,41 @@ const gi = {
       defaultArray: []
     }
   ]
-}, Ea = {
+}, Na = {
   key: lt,
   name: "x-runtime-lib.dataTable",
-  comp: yl,
+  comp: fl,
   properties: {
-    pageCommon: [b, gi, xi, vi],
-    compCommon: [b, gi, xi, vi]
+    pageCommon: [h, gi, xi, vi],
+    compCommon: [h, gi, xi, vi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(Ea);
-const Na = {
+_(Na);
+const Ma = {
   key: at,
   name: "x-runtime-lib.datePicker",
-  comp: fl,
+  comp: bl,
   properties: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(Na);
-const Ma = {
+_(Ma);
+const Ra = {
   key: ut,
   name: "x-runtime-lib.dialog",
-  comp: hl,
+  comp: gl,
   properties: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [
@@ -4829,18 +4784,18 @@ const Ma = {
   slots: [],
   teleport: !0
 };
-_(Ma);
+_(Ra);
 const ki = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, Mc = {
+}, Ec = {
   key: pt,
   name: "x-runtime-lib.fileInput",
-  comp: gl,
+  comp: xl,
   properties: {
-    pageCommon: [b, ki],
-    compCommon: [b, ki]
+    pageCommon: [h, ki],
+    compCommon: [h, ki]
   },
   events: [],
   methods: [],
@@ -4864,31 +4819,31 @@ const ki = {
     }
   ]
 }, pn = {
-  key: bo,
+  key: ho,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: vl,
+  comp: kl,
   properties: {
-    pageCommon: [b, U, _i],
-    compCommon: [b, U, _i]
+    pageCommon: [h, U, _i],
+    compCommon: [h, U, _i]
   },
   events: [],
   methods: [],
   slots: []
 };
 _(pn);
-function Ra(t, e) {
+function Da(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`flexLayoutV1/spawn property tag not found, ${i}`);
     return;
   }
-  const l = Le.properties[o];
+  const l = Ae.properties[o];
   if (!l) {
     console.error(`flexLayoutV1/spawn properties not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Le.key, s.children = [
+  return P(s, l), s.basic.id = T(16), s.basic.key = Ae.key, s.children = [
     mn(
       t,
       e,
@@ -4909,7 +4864,7 @@ function Ra(t, e) {
       "60px",
       void 0
     ),
-    Da(t, e)
+    Fa(t, e)
   ], s;
 }
 function mn(t, e, i, o, l, s, a, m, d) {
@@ -4930,7 +4885,7 @@ function mn(t, e, i, o, l, s, a, m, d) {
   const c = {};
   return P(c, u), c.basic.id = T(16), c.basic.key = cn.key, o && (c.size.width = o), l && (c.size.minWidth = l), a && (c.size.height = a), m && (c.size.minHeight = m), i && (c.settings.backgroundColor.mode = "custom", c.settings.backgroundColor.custom.light = i, c.settings.backgroundColor.custom.dark = i), c.children = [], c;
 }
-function Da(t, e) {
+function Fa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -5135,13 +5090,13 @@ const wi = {
     },
     Gn
   ]
-}, Le = {
+}, Ae = {
   key: mt,
   name: "x-runtime-lib.flexLayout",
-  comp: xl,
+  comp: vl,
   properties: {
-    pageCommon: [b, U, ke, _e, we, wi],
-    compCommon: [b, U, ke, _e, we, wi]
+    pageCommon: [h, U, ke, _e, we, wi],
+    compCommon: [h, U, ke, _e, we, wi]
   },
   events: [
     {
@@ -5152,9 +5107,9 @@ const wi = {
   ],
   methods: [],
   slots: [],
-  spawn: Ra
+  spawn: Da
 };
-_(Le);
+_(Ae);
 const Vi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5308,10 +5263,10 @@ const Vi = {
 }, dn = {
   key: Rt,
   name: "x-runtime-lib.textField",
-  comp: Ul,
+  comp: Xl,
   properties: {
-    pageCommon: [b, Vi, $i],
-    compCommon: [b, Vi, $i]
+    pageCommon: [h, Vi, $i],
+    compCommon: [h, Vi, $i]
   },
   events: [],
   methods: [],
@@ -5344,7 +5299,7 @@ const Vi = {
   leaf: !0
 };
 _(dn);
-function Fa(t, e) {
+function Ga(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`formV1/spawn property tag not found, ${i}`);
@@ -5356,9 +5311,9 @@ function Fa(t, e) {
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = yn.key, s.children = [Ga(t, e)], s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = yn.key, s.children = [Ha(t, e)], s;
 }
-function Ga(t, e) {
+function Ha(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`formV1/spawnTextField property tag not found, ${i}`);
@@ -5393,10 +5348,10 @@ const Ii = {
 }, yn = {
   key: dt,
   name: "x-runtime-lib.form",
-  comp: kl,
+  comp: _l,
   properties: {
-    pageCommon: [b, U, ke, _e, we, Ii],
-    compCommon: [b, U, ke, _e, we, Ii]
+    pageCommon: [h, U, ke, _e, we, Ii],
+    compCommon: [h, U, ke, _e, we, Ii]
   },
   events: [
     {
@@ -5407,10 +5362,10 @@ const Ii = {
   ],
   methods: [],
   slots: [],
-  spawn: Fa
+  spawn: Ga
 };
 _(yn);
-const Ha = B(j), Si = {
+const Ka = B(j), Si = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5433,29 +5388,29 @@ const Ha = B(j), Si = {
       items: "sizeItemsV1",
       default: "default"
     },
-    Ha
+    Ka
   ]
-}, Ka = {
+}, ja = {
   key: ft,
   name: "x-runtime-lib.icon",
-  comp: _l,
+  comp: wl,
   properties: {
-    pageCommon: [b, Si],
-    compCommon: [b, Si]
+    pageCommon: [h, Si],
+    compCommon: [h, Si]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(Ka);
-const ja = {
+_(ja);
+const Oa = {
   key: xt,
   name: "x-runtime-lib.menu",
-  comp: Vl,
+  comp: $l,
   properties: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [
@@ -5475,8 +5430,8 @@ const ja = {
   slots: [],
   teleport: !0
 };
-_(ja);
-function Oa(t, e) {
+_(Oa);
+function Ua(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`numberInputV1/spawn property tag not found, ${i}`);
@@ -5660,10 +5615,10 @@ const Ci = {
 }, fn = {
   key: kt,
   name: "x-runtime-lib.numberInput",
-  comp: $l,
+  comp: Il,
   properties: {
-    pageCommon: [b, Ci, Ti],
-    compCommon: [b, Ci, Ti]
+    pageCommon: [h, Ci, Ti],
+    compCommon: [h, Ci, Ti]
   },
   events: [
     {
@@ -5695,7 +5650,7 @@ const Ci = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Oa
+  spawn: Ua
 };
 _(fn);
 const Pi = {
@@ -5761,21 +5716,21 @@ const Pi = {
       default: !1
     }
   ]
-}, Ua = {
+}, Xa = {
   key: Vt,
   name: "x-runtime-lib.pagination",
-  comp: Il,
+  comp: Sl,
   properties: {
-    pageCommon: [b, Pi],
-    compCommon: [b, Pi]
+    pageCommon: [h, Pi],
+    compCommon: [h, Pi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(Ua);
-const Xa = B(j), zi = {
+_(Xa);
+const Ya = B(j), zi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5810,15 +5765,15 @@ const Xa = B(j), zi = {
       items: "densityItemsV1",
       default: "default"
     },
-    Xa
+    Ya
   ]
 }, bn = {
-  key: ho,
+  key: go,
   name: "x-runtime-lib.radio",
-  comp: Sl,
+  comp: Cl,
   properties: {
-    pageCommon: [b, zi],
-    compCommon: [b, zi]
+    pageCommon: [h, zi],
+    compCommon: [h, zi]
   },
   events: [],
   methods: [],
@@ -5826,7 +5781,7 @@ const Xa = B(j), zi = {
   leaf: !0
 };
 _(bn);
-function Ya(t, e) {
+function Ja(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`radioGroupV1/spawn property tag not found, ${i}`);
@@ -5906,15 +5861,15 @@ const Ai = {
 }, hn = {
   key: St,
   name: "x-runtime-lib.radioGroup",
-  comp: Cl,
+  comp: Tl,
   properties: {
-    pageCommon: [b, Ai],
-    compCommon: [b, Ai]
+    pageCommon: [h, Ai],
+    compCommon: [h, Ai]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: Ya
+  spawn: Ja
 };
 _(hn);
 const Li = {
@@ -6034,20 +5989,20 @@ const Li = {
       ]
     }
   ]
-}, Ja = {
+}, qa = {
   key: Ct,
   name: "x-runtime-lib.rangeSlider",
-  comp: Tl,
+  comp: Pl,
   properties: {
-    pageCommon: [b, Li],
-    compCommon: [b, Li]
+    pageCommon: [h, Li],
+    compCommon: [h, Li]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(Ja);
+_(qa);
 const Bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6103,20 +6058,20 @@ const Bi = {
       default: !1
     }
   ]
-}, qa = {
+}, Za = {
   key: Tt,
   name: "x-runtime-lib.rating",
-  comp: Pl,
+  comp: zl,
   properties: {
-    pageCommon: [b, Bi],
-    compCommon: [b, Bi]
+    pageCommon: [h, Bi],
+    compCommon: [h, Bi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(qa);
+_(Za);
 const Wi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6158,20 +6113,20 @@ const Wi = {
       default: !1
     }
   ]
-}, Za = {
+}, Qa = {
   key: Pt,
   name: "x-runtime-lib.select",
-  comp: zl,
+  comp: Al,
   properties: {
-    pageCommon: [b, Wi],
-    compCommon: [b, Wi]
+    pageCommon: [h, Wi],
+    compCommon: [h, Wi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(Za);
+_(Qa);
 const Hn = B(j);
 Hn.key = "color";
 Hn.name = "x-runtime-lib.color";
@@ -6307,27 +6262,27 @@ const Ei = {
       default: void 0
     }
   ]
-}, Qa = {
+}, eu = {
   key: zt,
   name: "x-runtime-lib.slider",
-  comp: Al,
+  comp: Ll,
   properties: {
-    pageCommon: [b, Ei, Ni],
-    compCommon: [b, Ei, Ni]
+    pageCommon: [h, Ei, Ni],
+    compCommon: [h, Ei, Ni]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(Qa);
+_(eu);
 const gn = {
-  key: go,
+  key: xo,
   name: "x-runtime-lib.stepperHeader",
-  comp: El,
+  comp: Nl,
   properties: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
@@ -6346,12 +6301,12 @@ const Mi = {
     }
   ]
 }, xn = {
-  key: xo,
+  key: vo,
   name: "x-runtime-lib.stepperItem",
-  comp: Nl,
+  comp: Ml,
   properties: {
-    pageCommon: [b, Mi],
-    compCommon: [b, Mi]
+    pageCommon: [h, Mi],
+    compCommon: [h, Mi]
   },
   events: [],
   methods: [],
@@ -6359,12 +6314,12 @@ const Mi = {
 };
 _(xn);
 const vn = {
-  key: vo,
+  key: ko,
   name: "x-runtime-lib.stepperWindow",
-  comp: Dl,
+  comp: Fl,
   properties: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
@@ -6383,19 +6338,19 @@ const Ri = {
     }
   ]
 }, kn = {
-  key: ko,
+  key: _o,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: Fl,
+  comp: Gl,
   properties: {
-    pageCommon: [b, Ri],
-    compCommon: [b, Ri]
+    pageCommon: [h, Ri],
+    compCommon: [h, Ri]
   },
   events: [],
   methods: [],
   slots: []
 };
 _(kn);
-function eu(t, e) {
+function tu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`stepperV1/spawn property tag not found, ${i}`);
@@ -6407,9 +6362,9 @@ function eu(t, e) {
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = _n.key, s.children = [tu(t, e), nu(t, e)], s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = _n.key, s.children = [nu(t, e), iu(t, e)], s;
 }
-function tu(t, e) {
+function nu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`stepperV1/spawnHeader property tag not found, ${i}`);
@@ -6441,7 +6396,7 @@ function Jt(t, e, i) {
   const a = {};
   return P(a, s), a.basic.id = T(16), a.basic.key = xn.key, a.children = [], a.settings.value = i, a;
 }
-function nu(t, e) {
+function iu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`stepperV1/spawnWindow property tag not found, ${i}`);
@@ -6475,21 +6430,21 @@ function qt(t, e, i, o) {
     return;
   }
   const m = {};
-  return P(m, a), m.basic.id = T(16), m.basic.key = kn.key, m.children = [iu(t, e, o)], m.settings.value = i, m;
+  return P(m, a), m.basic.id = T(16), m.basic.key = kn.key, m.children = [ou(t, e, o)], m.settings.value = i, m;
 }
-function iu(t, e, i) {
+function ou(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
     console.error(`stepperV1/spawnCard property tag not found, ${o}`);
     return;
   }
-  const s = Ae.properties[l];
+  const s = ze.properties[l];
   if (!s) {
     console.error(`stepperV1/spawnCard properties not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Ae.key, a.children = [], a.settings.title = i, a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = ze.key, a.children = [], a.settings.title = i, a;
 }
 const Di = {
   key: "settings",
@@ -6511,31 +6466,31 @@ const Di = {
 }, _n = {
   key: Bt,
   name: "x-runtime-lib.stepper",
-  comp: Ll,
+  comp: Bl,
   properties: {
-    pageCommon: [b, Di],
-    compCommon: [b, Di]
+    pageCommon: [h, Di],
+    compCommon: [h, Di]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: eu
+  spawn: tu
 };
 _(_n);
-const ou = {
+const su = {
   key: Wt,
   name: "x-runtime-lib.switch",
-  comp: Gl,
+  comp: Hl,
   properties: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-_(ou);
+_(su);
 const Fi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6554,12 +6509,12 @@ const Fi = {
     }
   ]
 }, wn = {
-  key: _o,
+  key: wo,
   name: "x-runtime-lib.tab",
-  comp: Hl,
+  comp: Kl,
   properties: {
-    pageCommon: [b, Fi],
-    compCommon: [b, Fi]
+    pageCommon: [h, Fi],
+    compCommon: [h, Fi]
   },
   events: [],
   methods: [],
@@ -6567,7 +6522,7 @@ const Fi = {
   leaf: !0
 };
 _(wn);
-function su(t, e) {
+function ru(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`tabsV1/spawn property tag not found, ${i}`);
@@ -6690,18 +6645,18 @@ const Gi = {
 }, Vn = {
   key: Et,
   name: "x-runtime-lib.tabs",
-  comp: Kl,
+  comp: jl,
   properties: {
-    pageCommon: [b, Gi],
-    compCommon: [b, Gi]
+    pageCommon: [h, Gi],
+    compCommon: [h, Gi]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: su
+  spawn: ru
 };
 _(Vn);
-function ru(t, e) {
+function lu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`textV1/spawn property tag not found, ${i}`);
@@ -6804,19 +6759,19 @@ const Hi = {
 }, be = {
   key: Nt,
   name: "x-runtime-lib.text",
-  comp: jl,
+  comp: Ol,
   properties: {
-    pageCommon: [b, Hi],
-    compCommon: [b, Hi]
+    pageCommon: [h, Hi],
+    compCommon: [h, Hi]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: ru
+  spawn: lu
 };
 _(be);
-function lu(t, e) {
+function au(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`textareaV1/spawn property tag not found, ${i}`);
@@ -6904,32 +6859,32 @@ const Ki = {
 }, $n = {
   key: Mt,
   name: "x-runtime-lib.textarea",
-  comp: Ol,
+  comp: Ul,
   properties: {
-    pageCommon: [b, Ki],
-    compCommon: [b, Ki]
+    pageCommon: [h, Ki],
+    compCommon: [h, Ki]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: lu
+  spawn: au
 };
 _($n);
 const In = {
-  key: wo,
+  key: Vo,
   name: "x-runtime-lib.timelineItem",
-  comp: ql,
+  comp: Zl,
   properties: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
   slots: []
 };
 _(In);
-function au(t, e) {
+function uu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`timelineV1/spawn property tag not found, ${i}`);
@@ -6959,9 +6914,9 @@ function Qt(t, e, i) {
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = In.key, a.children = [uu(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = In.key, a.children = [cu(t, e, i)], a;
 }
-function uu(t, e, i) {
+function cu(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
     console.error(`timelineV1/spawnText property tag not found, ${o}`);
@@ -6975,7 +6930,7 @@ function uu(t, e, i) {
   const a = {};
   return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = i, a;
 }
-const cu = B(j), pu = B(j), ji = {
+const pu = B(j), mu = B(j), ji = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7023,7 +6978,7 @@ const cu = B(j), pu = B(j), ji = {
           ui: "switch",
           default: !1
         },
-        cu
+        pu
       ]
     },
     {
@@ -7049,38 +7004,38 @@ const cu = B(j), pu = B(j), ji = {
           ui: "numInput",
           default: 0
         },
-        pu
+        mu
       ]
     }
   ]
 }, Sn = {
   key: Dt,
   name: "x-runtime-lib.timeline",
-  comp: Xl,
+  comp: Yl,
   properties: {
-    pageCommon: [b, ji],
-    compCommon: [b, ji]
+    pageCommon: [h, ji],
+    compCommon: [h, ji]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: au
+  spawn: uu
 };
 _(Sn);
 const Cn = {
-  key: Vo,
+  key: $o,
   name: "x-runtime-lib.windowItem",
-  comp: ta,
+  comp: na,
   properties: {
-    pageCommon: [b],
-    compCommon: [b]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
   slots: []
 };
 _(Cn);
-function mu(t, e) {
+function du(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`windowV1/spawn property tag not found, ${i}`);
@@ -7110,9 +7065,9 @@ function en(t, e, i) {
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Cn.key, a.children = [du(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Cn.key, a.children = [yu(t, e, i)], a;
 }
-function du(t, e, i) {
+function yu(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
     console.error(
@@ -7120,15 +7075,15 @@ function du(t, e, i) {
     );
     return;
   }
-  const s = Le.properties[l];
+  const s = Ae.properties[l];
   if (!s) {
     console.error(`windowV1/spawnFlexLayout properties not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Le.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 = [yu(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Ae.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 = [fu(t, e, i)], a;
 }
-function yu(t, e, i) {
+function fu(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
@@ -7193,44 +7148,44 @@ const Oi = {
 }, Tn = {
   key: Ft,
   name: "x-runtime-lib.window",
-  comp: Zl,
+  comp: Ql,
   properties: {
-    pageCommon: [b, Oi],
-    compCommon: [b, Oi]
+    pageCommon: [h, Oi],
+    compCommon: [h, Oi]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: mu
+  spawn: du
 };
 _(Tn);
-const fu = [
+const bu = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], bu = [
+], hu = [
   { title: "x-runtime-lib.value", value: "value" },
   { title: "x-runtime-lib.category", value: "category" },
   { title: "x-runtime-lib.time", value: "time" },
   { title: "x-runtime-lib.log", value: "log" }
-], hu = [
+], gu = [
   { 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" }
-], gu = [
+], xu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], xu = [
+], vu = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], vu = [
+], ku = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], ku = [
+], _u = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -7238,20 +7193,20 @@ const fu = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], _u = [
+], wu = [
   { 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" }
-], wu = [
+], Vu = [
   { 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" }
-], Vu = [
+], $u = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -7259,12 +7214,12 @@ const fu = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], $u = [
+], Iu = [
   { 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" }
-], Iu = [
+], Su = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -7272,24 +7227,24 @@ const fu = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], Su = [
+], Cu = [
   { 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" }
-], Cu = [
+], Tu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], Tu = [
+], Pu = [
   { 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" }
-], Pu = [
+], zu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -7297,18 +7252,18 @@ const fu = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], zu = [
+], Au = [
   { 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" }
-], Au = [
+], Lu = [
   { 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" }
-], Lu = [
+], Bu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -7323,7 +7278,7 @@ const fu = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], Bu = [
+], Wu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -7334,53 +7289,53 @@ const fu = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], Wu = [
+], Eu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], Eu = [
+], Nu = [
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], Nu = [
+], Mu = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], Mu = [
+], Ru = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], Ru = [
+], Du = [
   { 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" }
-], Du = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Fu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alignTabsItemsV1: fu,
-  axisTypeItemsV1: bu,
-  borderStyleItemsV1: hu,
-  colorModeItemsV1: gu,
-  densityItemsV1: xu,
-  directionItemsV1: vu,
-  fieldVariantItemsV1: ku,
-  flexCrossAlignItemsV1: _u,
-  flexDirectionItemsV1: wu,
-  flexMainAlignItemsV1: Vu,
-  flexWrapItemsV1: $u,
-  fontWeightItemsV1: Iu,
-  sheetVariantItemsV1: Su,
-  showTicksItemsV1: Cu,
-  sizeItemsV1: Tu,
-  textAlignItemsV1: Pu,
-  textDecorationItemsV1: zu,
-  textEmphasisItemsV1: Au,
-  textStyleItemsV1: Lu,
-  themeColorItemsV1: Bu,
-  thumbLabelItemsV1: Wu,
-  timelineAlignItemsV1: Eu,
-  timelineDirectionItemsV1: Nu,
-  timelineSideItemsV1: Mu,
-  timelineTruncateLineItemsV1: Ru
-}, Symbol.toStringTag, { value: "Module" })), Fu = [
+  alignTabsItemsV1: bu,
+  axisTypeItemsV1: hu,
+  borderStyleItemsV1: gu,
+  colorModeItemsV1: xu,
+  densityItemsV1: vu,
+  directionItemsV1: ku,
+  fieldVariantItemsV1: _u,
+  flexCrossAlignItemsV1: wu,
+  flexDirectionItemsV1: Vu,
+  flexMainAlignItemsV1: $u,
+  flexWrapItemsV1: Iu,
+  fontWeightItemsV1: Su,
+  sheetVariantItemsV1: Cu,
+  showTicksItemsV1: Tu,
+  sizeItemsV1: Pu,
+  textAlignItemsV1: zu,
+  textDecorationItemsV1: Au,
+  textEmphasisItemsV1: Lu,
+  textStyleItemsV1: Bu,
+  themeColorItemsV1: Wu,
+  thumbLabelItemsV1: Eu,
+  timelineAlignItemsV1: Nu,
+  timelineDirectionItemsV1: Mu,
+  timelineSideItemsV1: Ru,
+  timelineTruncateLineItemsV1: Du
+}, Symbol.toStringTag, { value: "Module" })), Gu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7420,7 +7375,7 @@ const fu = [
     max: 1 / 0,
     step: 1
   }
-], Gu = [
+], Hu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7442,7 +7397,7 @@ const fu = [
     validator: (t) => t === "right",
     default: "right"
   }
-], Hu = [
+], Ku = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7472,7 +7427,7 @@ const fu = [
     precision: 6,
     default: "0%"
   }
-], Ku = [
+], ju = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7497,7 +7452,7 @@ const fu = [
     min: 0,
     default: "0%"
   }
-], ju = [
+], Ou = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7522,7 +7477,7 @@ const fu = [
     min: 0,
     default: "0%"
   }
-], Ou = [
+], Uu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7551,7 +7506,7 @@ const fu = [
     validator: (t) => t === "end",
     default: "end"
   }
-], Uu = [
+], Xu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7573,16 +7528,16 @@ const fu = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], Xu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Yu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: Fu,
-  leftRightTypesV1: Gu,
-  marginTypesV1: Hu,
-  paddingTypesV1: Ku,
-  sizeTypesV1: ju,
-  tableColumnAlignTypesV1: Ou,
-  topBottomTypesV1: Uu
-}, Symbol.toStringTag, { value: "Module" })), Yu = [
+  borderWidthTypesV1: Gu,
+  leftRightTypesV1: Hu,
+  marginTypesV1: Ku,
+  paddingTypesV1: ju,
+  sizeTypesV1: Ou,
+  tableColumnAlignTypesV1: Uu,
+  topBottomTypesV1: Xu
+}, Symbol.toStringTag, { value: "Module" })), Ju = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -7656,7 +7611,7 @@ const fu = [
     name: "x-runtime-lib.dynamic",
     items: [De, Mn, Rn]
   }
-], Ju = [
+], qu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7687,7 +7642,7 @@ const fu = [
     name: "x-runtime-lib.controls",
     items: [_t, gt, bt]
   }
-], qu = [
+], Zu = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -7761,7 +7716,7 @@ const fu = [
     name: "x-runtime-lib.dynamic",
     items: [De, Mn, Rn]
   }
-], Zu = [
+], Qu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7792,12 +7747,12 @@ const fu = [
     name: "x-runtime-lib.controls",
     items: [_t, gt, bt]
   }
-], Qu = {
+], ec = {
   version: "v1",
   globalityKey: tn,
   refKey: De,
-  items: { ...Du },
-  types: { ...Xu },
+  items: { ...Fu },
+  types: { ...Yu },
   elements: /* @__PURE__ */ new Set([
     Ue,
     Xe,
@@ -7820,7 +7775,7 @@ const fu = [
     ct,
     pt,
     mt,
-    bo,
+    ho,
     dt,
     tn,
     yt,
@@ -7837,7 +7792,7 @@ const fu = [
     Vt,
     $t,
     It,
-    ho,
+    go,
     St,
     Ct,
     Tt,
@@ -7848,42 +7803,42 @@ const fu = [
     At,
     Lt,
     Bt,
-    go,
     xo,
     vo,
     ko,
-    Wt,
     _o,
+    Wt,
+    wo,
     Dn,
     Et,
     Nt,
     Mt,
     Rt,
     Dt,
-    wo,
+    Vo,
     Ft,
-    Vo
+    $o
   ]),
   groups: {
-    pageCommon: qu,
-    pageScene: Zu,
-    compCommon: Yu,
-    compScene: Ju
+    pageCommon: Zu,
+    pageScene: Qu,
+    compCommon: Ju,
+    compScene: qu
   }
-}, $o = {
-  v1: Qu
+}, Io = {
+  v1: ec
 };
 function A(t, e) {
   if (t === "page") {
-    if (!fs.includes(e)) {
+    if (!hs.includes(e)) {
       console.error(`get property tag failed type=${t} subtype=${e}`);
       return;
     }
-  } else if (t === "comp" && !bs.includes(e)) {
+  } else if (t === "comp" && !gs.includes(e)) {
     console.error(`get property tag failed type=${t} subtype=${e}`);
     return;
   }
-  return `${t}${as(e)}`;
+  return `${t}${us(e)}`;
 }
 function Ui(t, e) {
   if (t.array)
@@ -7906,13 +7861,13 @@ function P(t, e) {
   }
   e.forEach((o) => i(t, o));
 }
-function Rc(t, e, i, o, l) {
+function Nc(t, e, i, o, l) {
   const s = `type=${t} subtype=${e} version=${i} ref=${o} keyOrRefid=${l}`, a = A(t, e);
   if (!a) {
     console.error(`spawnNode property tag not found, ${s}`);
     return;
   }
-  const m = $o[i];
+  const m = Io[i];
   if (!m) {
     console.error(`spawnNode pkg not found version, ${s}`);
     return;
@@ -7923,7 +7878,7 @@ function Rc(t, e, i, o, l) {
       console.error(`spawnNode [ref] element not found in pkg, ${s}`);
       return;
     }
-    const p = Te[d];
+    const p = Ce[d];
     if (!p) {
       console.error(`spawnNode [ref] element not found in global, ${s}`);
       return;
@@ -7948,7 +7903,7 @@ function Rc(t, e, i, o, l) {
       console.error(`spawnNode [key] element not found in pkg, ${s}`);
       return;
     }
-    const f = Te[d];
+    const f = Ce[d];
     if (!f) {
       console.error(`spawnNode [key] element not found in global, ${s}`);
       return;
@@ -7971,7 +7926,7 @@ function Rc(t, e, i, o, l) {
     }
   }
 }
-function Dc(t, e) {
+function Mc(t, e) {
   function i(o) {
     if (o.basic.id === e)
       return o;
@@ -7988,74 +7943,74 @@ function Dc(t, e) {
       return l;
   }
 }
-function ec(t) {
+function tc(t) {
   function e(o) {
     o.basic.id = T(16), o.children?.forEach((l) => e(l));
   }
   const i = B(t);
   return e(i), i;
 }
-function Fc(t) {
+function Rc(t) {
   const e = [];
   return t.forEach((i) => {
-    e.push(ec(i));
+    e.push(tc(i));
   }), e;
 }
-const Io = "runtimeOrg", So = "runtimeEnv", Co = "runtimeMode", To = "runtimeDevice", Po = "runtimeDark", zo = "runtimeType", Ao = "runtimeData", Lo = "runtimeDepends", Bo = "runtimeSandbox";
-function Gc(t) {
-  se(Io, t);
-}
-function tc() {
-  return oe(Io);
-}
-function Hc(t) {
+const So = "runtimeOrg", Co = "runtimeEnv", To = "runtimeMode", Po = "runtimeDevice", zo = "runtimeDark", Ao = "runtimeType", Lo = "runtimeData", Bo = "runtimeDepends", Wo = "runtimeSandbox";
+function Dc(t) {
   se(So, t);
 }
 function nc() {
   return oe(So);
 }
-function Kc(t) {
+function Fc(t) {
   se(Co, t);
 }
-function H() {
+function ic() {
   return oe(Co);
 }
-function jc(t) {
-  se(To, zn(t));
+function Gc(t) {
+  se(To, t);
 }
-function $e() {
+function H() {
   return oe(To);
 }
-function Oc(t) {
+function Hc(t) {
   se(Po, zn(t));
 }
-function We() {
+function $e() {
   return oe(Po);
 }
-function Uc(t) {
-  se(zo, t);
+function Kc(t) {
+  se(zo, zn(t));
 }
-function me() {
+function We() {
   return oe(zo);
 }
-function Xc(t) {
+function jc(t) {
   se(Ao, t);
 }
-function de() {
+function me() {
   return oe(Ao);
 }
-function Yc(t) {
-  se(Lo, zn(t));
+function Oc(t) {
+  se(Lo, t);
 }
-function ic() {
+function de() {
   return oe(Lo);
 }
-function oc(t) {
-  se(Bo, t);
+function Uc(t) {
+  se(Bo, zn(t));
 }
-function Ee() {
+function oc() {
   return oe(Bo);
 }
+function sc(t) {
+  se(Wo, t);
+}
+function Ee() {
+  return oe(Wo);
+}
 function Se(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("@");
@@ -8064,7 +8019,7 @@ function Me(t, e, i, o, l) {
   const { watchEffect: s, bind: a } = e;
   if (s[i])
     for (const m of s[i]) {
-      const d = us(m);
+      const d = cs(m);
       t.callFunction(`__watchEffect$${d}__`);
     }
   if (a.triggers[i])
@@ -8115,12 +8070,12 @@ function Me(t, e, i, o, l) {
           const y = ve(c, u.subKeys);
           if (ie(p, y))
             continue;
-          const h = B(c);
-          ao(h, u.subKeys, B(p)), u.type === "elementProperty" ? t.setElementProperty(
+          const b = B(c);
+          uo(b, u.subKeys, B(p)), u.type === "elementProperty" ? t.setElementProperty(
             u.nodeId,
             u.propertyKeys,
-            h
-          ) : u.type === "customProperty" ? t.setCustomProperty(u.propertyId, h) : u.type === "state" ? t.setState(u.stateId, h) : u.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(u.propertyId, h) : console.assert(!1);
+            b
+          ) : u.type === "customProperty" ? t.setCustomProperty(u.propertyId, b) : u.type === "state" ? t.setState(u.stateId, b) : u.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(u.propertyId, b) : console.assert(!1);
         } else {
           let c;
           if (u.type === "elementProperty")
@@ -8148,11 +8103,11 @@ function Me(t, e, i, o, l) {
         }
     }
 }
-function sc(t, e) {
+function rc(t, e) {
   function i(p) {
     const u = t.pseudoToNative(p), c = [], y = u.split(".");
-    for (let h = 0; h < y.length; h++) {
-      const g = y[h].trim();
+    for (let b = 0; b < y.length; b++) {
+      const g = y[b].trim();
       if (g !== "")
         if (/^\[\d+\]$/.test(g)) {
           let x = parseInt(g.slice(1, -1), 10);
@@ -8182,11 +8137,11 @@ function sc(t, e) {
   function a(p) {
     const u = t.pseudoToNative(p);
     let c = "";
-    typeof u == "object" ? c = JSON.stringify(u) : c = String(u), Qi.emit("consoleAppend", c);
+    typeof u == "object" ? c = JSON.stringify(u) : c = String(u), eo.emit("consoleAppend", c);
   }
   function m(p, u) {
     const c = t.pseudoToNative(p), y = t.pseudoToNative(u);
-    c === "info" ? Go(y) : c === "success" ? Ho(y) : c === "warning" ? to(y) : c === "error" && no(y);
+    c === "info" ? Ho(y) : c === "success" ? Ko(y) : c === "warning" ? no(y) : c === "error" && io(y);
   }
   function d(p, u) {
     const c = t.pseudoToNative(p), y = t.pseudoToNative(u);
@@ -8234,30 +8189,30 @@ function sc(t, e) {
     t.createAsyncFunction(f)
   );
 }
-const Wo = Ko({
+const Eo = jo({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: e } = fe;
-    no(ms(e, t));
+    io(ds(e, t));
   }
 });
-window.API_URL && (Wo.defaults.baseURL = window.API_URL + "/computebase/");
-function rc(t) {
-  return Wo.post("callFunc", t);
+window.API_URL && (Eo.defaults.baseURL = window.API_URL + "/computebase/");
+function lc(t) {
+  return Eo.post("callFunc", t);
 }
-function lc(t, e) {
+function ac(t, e) {
   async function i(o, l, s, a, m, d) {
     const f = t.pseudoToNative(o), p = t.pseudoToNative(l), u = t.pseudoToNative(s), c = t.pseudoToNative(a), y = t.pseudoToNative(m);
     try {
-      const h = JSON.stringify(u), { strOutputs: g } = await rc({
+      const b = JSON.stringify(u), { strOutputs: g } = await lc({
         spaceId: f,
         id: p,
-        strInputs: h,
+        strInputs: b,
         env: c
       }), x = JSON.parse(g);
       d(t.nativeToPseudo(x)), t.run();
-    } catch (h) {
-      console.error("callFuncV1 failed", y, h);
+    } catch (b) {
+      console.error("callFuncV1 failed", y, b);
     }
   }
   t.setProperty(
@@ -8266,53 +8221,53 @@ function lc(t, e) {
     t.createAsyncFunction(i)
   );
 }
-function ac(t, e, i) {
+function uc(t, e, i) {
   function o(u, c, y) {
-    let h;
+    let b;
     const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(y);
-    return g === "elementProperty" ? h = t.getElementProperty(x, w) : g === "refProperty" || (g === "customProperty" ? h = t.getCustomProperty(w) : g === "elementSlotProperty" || g === "customSlotProperty" ? h = t.getAdaptSlotProperty(w) : console.assert(!1)), e.nativeToPseudo(h);
+    return g === "elementProperty" ? b = t.getElementProperty(x, w) : g === "refProperty" || (g === "customProperty" ? b = t.getCustomProperty(w) : g === "elementSlotProperty" || g === "customSlotProperty" ? b = t.getAdaptSlotProperty(w) : console.assert(!1)), e.nativeToPseudo(b);
   }
-  function l(u, c, y, h) {
-    const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(y), C = e.pseudoToNative(h);
+  function l(u, c, y, b) {
+    const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(y), C = e.pseudoToNative(b);
     g === "elementProperty" ? t.setElementProperty(x, w, C) : g === "refProperty" || (g === "customProperty" ? t.setCustomProperty(w, C) : g === "elementSlotProperty" || g === "customSlotProperty" ? t.setAdaptSlotProperty(w, C) : console.assert(!1));
   }
-  function s(u, c, y, h) {
+  function s(u, c, y, b) {
     const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(y), C = { outputs: [] };
-    t.eventBus.emit(`callMethod@${g}`, { name: x, inputs: w, result: C }), h(e.nativeToPseudo(C.outputs)), e.run();
+    t.eventBus.emit(`callMethod@${g}`, { name: x, inputs: w, result: C }), b(e.nativeToPseudo(C.outputs)), e.run();
   }
   function a(u) {
     const c = e.pseudoToNative(u), y = t.getState(c);
     return e.nativeToPseudo(y);
   }
   function m(u, c) {
-    const y = e.pseudoToNative(u), h = e.pseudoToNative(c);
-    t.setState(y, h);
+    const y = e.pseudoToNative(u), b = e.pseudoToNative(c);
+    t.setState(y, b);
   }
   function d(u, c) {
-    const y = e.pseudoToNative(u), h = e.pseudoToNative(c);
+    const y = e.pseudoToNative(u), b = e.pseudoToNative(c);
     if (t.mode === "runtime") {
       const g = "/main/" + Date.now(), x = {
         orgId: t.org,
         appId: `${y}${t.env}`,
-        pageId: h
+        pageId: b
       };
       fe.router.replace({ path: g, query: x });
-    } else t.mode === "preview" && to(
+    } else t.mode === "preview" && no(
       fe.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
   }
   function f(u, c, y) {
-    const h = e.pseudoToNative(u), g = e.pseudoToNative(c);
-    jo({ title: h, text: g }).then((x) => {
+    const b = e.pseudoToNative(u), g = e.pseudoToNative(c);
+    Oo({ title: b, text: g }).then((x) => {
       y(e.nativeToPseudo(x)), e.run();
     });
   }
-  function p(u, c, y, h) {
+  function p(u, c, y, b) {
     const g = e.pseudoToNative(u), x = e.pseudoToNative(c), w = e.pseudoToNative(y);
-    Oo({ title: g, label: x, value: w }).then((C) => {
-      h(e.nativeToPseudo(C)), e.run();
+    Uo({ title: g, label: x, value: w }).then((C) => {
+      b(e.nativeToPseudo(C)), e.run();
     });
   }
   e.setProperty(
@@ -8349,10 +8304,10 @@ function ac(t, e, i) {
     e.createAsyncFunction(p)
   );
 }
-function uc(t, e, i) {
-  sc(e, i), lc(e, i), ac(t, e, i);
+function cc(t, e, i) {
+  rc(e, i), ac(e, i), uc(t, e, i);
 }
-const cc = `
+const pc = `
 var __env__ = 'dev'
 var __mode__ = 'editor'
 
@@ -8362,7 +8317,7 @@ function __getEnvV1__() {
 
 var __pointerPosX__ = 0
 var __pointerPosY__ = 0
-`, pc = `
+`, mc = `
 var __events__ = {}
 
 function __onEventV1__(id, callback) {
@@ -8399,7 +8354,7 @@ function __triggerEventV1__(id, p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p1
     callbacks[i](p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16)
   }
 }
-`, mc = `
+`, dc = `
 var __timers__ = {}
 var __currTimerId__ = 0
 
@@ -8441,18 +8396,73 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, dc = `
+`, yc = `
 function __destroy__() {
   __events__ = {}
   __timers__ = {}
 }
-`, yc = cc + pc + mc + dc;
-class fc {
+`, fc = pc + mc + dc + yc;
+function Xi(t, e, i) {
+  return `${t}/${e}/${i}`;
+}
+function Xc(t) {
+  const e = t.split("/");
+  return e.length < 3 ? (console.assert(!1, "invalid property id"), {
+    kind: "elementProperty",
+    nodeId: "",
+    propertyKey: ""
+  }) : {
+    kind: e[0],
+    nodeId: e[1],
+    propertyKey: e[2]
+  };
+}
+function Yc(t, e, i) {
+  return `${t}/${e}/${i}`;
+}
+function Jc(t) {
+  const e = t.split("/");
+  return e.length < 3 ? (console.assert(!1, "invalid method id"), {
+    kind: "elementMethod",
+    nodeId: "",
+    methodKey: ""
+  }) : {
+    kind: e[0],
+    nodeId: e[1],
+    methodKey: e[2]
+  };
+}
+function Le(t, e, i) {
+  return `${t}/${e}/${i}`;
+}
+function qc(t) {
+  const e = t.split("/");
+  return e.length < 3 ? (console.assert(!1, "invalid event id"), {
+    kind: "elementEvent",
+    nodeId: "",
+    eventKey: ""
+  }) : {
+    kind: e[0],
+    nodeId: e[1],
+    eventKey: e[2]
+  };
+}
+function bc(t) {
+  return `state/globality/${t}`;
+}
+function Zc(t) {
+  const e = t.split("/");
+  return e.length < 3 ? (console.assert(!1, "invalide state id"), "") : e[2];
+}
+function hc(t) {
+  return t instanceof Array ? t.join(".") : t;
+}
+class gc {
   org;
   env;
   mode;
   type;
-  eventBus = cs();
+  eventBus = ps();
   hooks;
   constructor(e, i, o, l, s) {
     this.org = e, this.env = i, this.mode = o, this.type = l, this.hooks = s;
@@ -8488,7 +8498,7 @@ class fc {
   }
   setElementPropertyInner(e, i, o) {
     const l = ve(e, i);
-    ie(o, l) || (ao(e, i, o), this.hooks?.onElementPropertyChange(
+    ie(o, l) || (uo(e, i, o), this.hooks?.onElementPropertyChange(
       e.basic.id,
       i,
       o,
@@ -8555,13 +8565,13 @@ class fc {
   //--------------------------
   interpreter;
   createInterpreter(e) {
-    this.interpreter = new ps(
-      yc,
+    this.interpreter = new ms(
+      fc,
       (i, o) => {
-        uc(this, i, o);
+        cc(this, i, o);
       }
     ), this.interpreter.appendCode(e), this.interpreter.run(), this.setVariable("__env__", this.env), this.setVariable("__mode__", this.mode), this.callFunction("__triggerEventV1__", [
-      Ce("elementEvent", "globality", "startup")
+      Le("elementEvent", "globality", "startup")
     ]);
   }
   destroyInterpreter() {
@@ -8594,15 +8604,15 @@ class fc {
     console.log(l), this.interpreter.appendCode(l), this.interpreter.run();
   }
 }
-function bc(t) {
-  const e = tc(), i = nc(), o = H(), l = me(), s = $e(), a = We(), m = (y, h, g, x) => {
+function xc(t) {
+  const e = nc(), i = ic(), o = H(), l = me(), s = $e(), a = We(), m = (y, b, g, x) => {
     if (!(o !== "runtime" && o !== "preview") && (u.callFunction("__triggerEventV1__", [
-      `elementPropChange@${y}@${h}`,
+      Xi("elementProperty", y, hc(b)),
       g,
       x ?? g
     ]), t.value?.code.reactivity)) {
       let w = "";
-      h instanceof Array ? w = h.join(".") : w = h, Me(
+      b instanceof Array ? w = b.join(".") : w = b, Me(
         u,
         t.value.code.reactivity,
         Se({
@@ -8614,45 +8624,49 @@ function bc(t) {
         x
       );
     }
-  }, d = (y, h, g) => {
+  }, d = (y, b, g) => {
     o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
-      `customPropChange@${y}`,
-      h,
-      g ?? h
+      Xi("customProperty", "globality", y),
+      b,
+      g ?? b
     ]), t.value?.code.reactivity && Me(
       u,
       t.value.code.reactivity,
       Se({ type: "customProperty", propertyId: y }),
-      h,
+      b,
       g
     ));
-  }, f = (y, h, g) => {
-    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Me(
+  }, f = (y, b, g) => {
+    o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
+      bc(y),
+      b,
+      g ?? b
+    ]), t.value?.code.reactivity && Me(
       u,
       t.value.code.reactivity,
       Se({ type: "state", stateId: y }),
-      h,
+      b,
       g
-    );
-  }, p = (y, h, g) => {
+    ));
+  }, p = (y, b, g) => {
     o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
       `adaptSlotProp@${y}`,
-      h,
-      g ?? h
+      b,
+      g ?? b
     ]), t.value?.code.reactivity && Me(
       u,
       t.value.code.reactivity,
       Se({ type: "adaptSlotProperty", propertyId: y }),
-      h,
+      b,
       g
     ));
-  }, u = new fc(e, i, o, l, {
+  }, u = new gc(e, i, o, l, {
     onElementPropertyChange: m,
     onCustomPropertyChange: d,
     onStateChange: f,
     onAdaptSlotPropertyChange: p
   });
-  oc(u);
+  sc(u);
   const c = () => {
     o !== "runtime" && o !== "preview" || (u.destroyInterpreter(), u.syncNodes(t.value), u.resetCustomProperties(), u.resetStates(), u.resetAdaptSlotProperties(), !(!t.value || !t.value.code.script) && u.createInterpreter(t.value.code.script));
   };
@@ -8662,10 +8676,10 @@ function bc(t) {
     u.destroyInterpreter();
   }), (o === "runtime" || o === "preview") && Q(
     s,
-    (y, h) => {
-      const g = Re(y.width), x = Re(h?.width ?? y.width);
+    (y, b) => {
+      const g = Re(y.width), x = Re(b?.width ?? y.width);
       u.callFunction("__triggerEventV1__", [
-        Ce("elementEvent", "globality", "screenSizeChange"),
+        Le("elementEvent", "globality", "screenSizeChange"),
         g,
         x
       ]);
@@ -8675,128 +8689,130 @@ function bc(t) {
     a,
     (y) => {
       u.callFunction("__triggerEventV1__", [
-        Ce("elementEvent", "globality", "darkModeChange"),
+        Le("elementEvent", "globality", "darkModeChange"),
         y
       ]);
     },
     { immediate: !0 }
   );
 }
-const hc = (t, e, i) => {
+const vc = (t, e, i) => {
   const o = t[e];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((l, s) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + e + (e.split("/").length !== i ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function Jc(t) {
-  return (await hc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.newu3yte.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.bu8byhfo.js") }), `./locales/${t}/index.ts`, 4)).default;
+async function Qc(t) {
+  return (await vc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.newu3yte.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.bu8byhfo.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  fc as Sandbox,
-  ga as ambientLightV1,
-  Nc as badgeV1,
+  gc as Sandbox,
+  xa as ambientLightV1,
+  Wc as badgeV1,
   sn as barChartV1,
-  uc as bind,
+  cc as bind,
   nn as boxGeometryV1,
-  lo as breakpoints,
-  Ca as btnGroupV1,
-  Ta as btnToggleV1,
+  ao as breakpoints,
+  Ta as btnGroupV1,
+  Pa as btnToggleV1,
   ln as btnV1,
   Re as calcBreakpoint,
-  Ae as cardV1,
-  za as checkboxV1,
+  ze as cardV1,
+  Aa as checkboxV1,
   un as chipGroupV1,
   an as chipV1,
-  Ba as colorPickerV1,
-  Wa as comboboxV1,
-  bs as compTypes,
+  Wa as colorPickerV1,
+  Ea as comboboxV1,
+  gs as compTypes,
   cn as containerV1,
-  Ea as dataTableV1,
-  Na as datePickerV1,
-  Ma as dialogV1,
-  xa as directionalLightV1,
-  ec as duplicateNode,
-  Fc as duplicateNodes,
-  Te as elements,
-  Sc as ensureContext,
-  Mc as fileInputV1,
+  Na as dataTableV1,
+  Ma as datePickerV1,
+  Ra as dialogV1,
+  va as directionalLightV1,
+  hc as dotPropertyKeys,
+  tc as duplicateNode,
+  Rc as duplicateNodes,
+  Ce as elements,
+  zc as ensureContext,
+  Ec as fileInputV1,
   pn as flexLayoutEntryV1,
-  Le as flexLayoutV1,
+  Ae as flexLayoutV1,
   yn as formV1,
   T as genId,
   Ie as getBreakpointProp,
   ve as getField,
   Jn as getIndexOfBreakpoint,
-  Dc as getNode,
+  Mc as getNode,
   Ui as getPropertyDefault,
   A as getPropertyTag,
-  Ic as getTypeColor,
-  $a as globalityV1,
-  _a as groupV1,
-  Ka as iconV1,
+  Pc as getTypeColor,
+  Ia as globalityV1,
+  wa as groupV1,
+  ja as iconV1,
   P as initProperties,
   We as injectDark,
   de as injectData,
-  ic as injectDepends,
+  oc as injectDepends,
   $e as injectDevice,
-  nc as injectEnv,
+  ic as injectEnv,
   H as injectMode,
-  tc as injectOrg,
+  nc as injectOrg,
   Ee as injectSandbox,
   me as injectType,
-  xs as isLocaleOfEventKind,
-  gs as isLocaleOfMethodKind,
-  hs as isLocaleOfPropertyKind,
+  ks as isLocaleOfEventKind,
+  vs as isLocaleOfMethodKind,
+  xs as isLocaleOfPropertyKind,
   An as isPercentStr,
   Oe as isPixelStr,
-  ua as keyboardControlsV1,
+  ca as keyboardControlsV1,
   rn as lineChartV1,
-  Jc as loadLocaleMessageRuntime,
-  Ce as makeEventId,
-  Pc as makeMethodId,
-  Cc as makePropertyId,
+  Qc as loadLocaleMessageRuntime,
+  Le as makeEventId,
+  Yc as makeMethodId,
+  Xi as makePropertyId,
+  bc as makeStateId,
   Se as makeTriggerId,
-  ca as mapControlsV1,
-  ja as menuV1,
-  Pe as meshBasicMaterialV1,
-  ze as meshV1,
+  pa as mapControlsV1,
+  Oa as menuV1,
+  Te as meshBasicMaterialV1,
+  Pe as meshV1,
   fn as numberInputV1,
-  pa as orbitControlsV1,
-  oa as orthographicCameraV1,
-  fs as pageTypes,
-  Ua as paginationV1,
+  ma as orbitControlsV1,
+  sa as orthographicCameraV1,
+  hs as pageTypes,
+  Xa as paginationV1,
   Xt as parsePercentStr,
-  Lc as parsePixelStr,
-  sa as perspectiveCameraV1,
-  $o as pkgs,
-  va as pointLightV1,
-  Oc as provideDark,
-  Xc as provideData,
-  Yc as provideDepends,
-  jc as provideDevice,
-  Hc as provideEnv,
-  Kc as provideMode,
-  Gc as provideOrg,
-  oc as provideSandbox,
-  Uc as provideType,
+  Cc as parsePixelStr,
+  ra as perspectiveCameraV1,
+  Io as pkgs,
+  ka as pointLightV1,
+  Kc as provideDark,
+  Oc as provideData,
+  Uc as provideDepends,
+  Hc as provideDevice,
+  Fc as provideEnv,
+  Gc as provideMode,
+  Dc as provideOrg,
+  sc as provideSandbox,
+  jc as provideType,
   hn as radioGroupV1,
   bn as radioV1,
-  Ja as rangeSliderV1,
-  qa as ratingV1,
-  vs as reverseBreakpoints,
-  yc as runtime,
-  Za as selectV1,
-  ao as setField,
-  Qa as sliderV1,
-  Rc as spawnNode,
+  qa as rangeSliderV1,
+  Za as ratingV1,
+  bs as reverseBreakpoints,
+  fc as runtime,
+  Qa as selectV1,
+  uo as setField,
+  eu as sliderV1,
+  Nc as spawnNode,
   on as sphereGeometryV1,
-  ka as spotLightV1,
+  _a as spotLightV1,
   gn as stepperHeaderV1,
   xn as stepperItemV1,
   _n as stepperV1,
   kn as stepperWindowItemV1,
   vn as stepperWindowV1,
-  ou as switchV1,
+  su as switchV1,
   wn as tabV1,
   Vn as tabsV1,
   dn as textFieldV1,
@@ -8804,15 +8820,16 @@ export {
   $n as textareaV1,
   In as timelineItemV1,
   Sn as timelineV1,
-  Ec as toEventName,
-  Wc as toMethodName,
-  Bc as toPropertyName,
+  Bc as toEventName,
+  Lc as toMethodName,
+  Ac as toPropertyName,
   Me as triggerReactivity,
-  $c as types,
-  Ac as unwrapEventId,
-  zc as unwrapMethodId,
-  Tc as unwrapPropertyId,
-  bc as useSandbox,
+  Tc as types,
+  qc as unwrapEventId,
+  Jc as unwrapMethodId,
+  Xc as unwrapPropertyId,
+  Zc as unwrapStateId,
+  xc as useSandbox,
   Cn as windowItemV1,
   Tn as windowV1
 };