x-runtime-lib 0.8.41 → 0.8.42

package/dist/index.js

@@ -1,9 +1,9 @@
-import { defineComponent as V, createElementBlock as J, renderSlot as L, unref as n, openBlock as v, createElementVNode as ne, computed as k, normalizeStyle as Q, ref as re, watchEffect as pe, watch as te, onBeforeMount as Ho, onUnmounted as Oe, createBlock as $, withCtx as I, createCommentVNode as ee, useTemplateRef as Zi, onMounted as qi, nextTick as Qi, h as oe, resolveComponent as z, createVNode as D, isRef as U, createSlots as Ln, renderList as Ko, useId as eo, withModifiers as jo, normalizeClass as Oo, toDisplayString as Uo, inject as le, provide as ae, readonly as Bn } from "vue";
-import { globalObjects as he, waitUtil as to, useViewStack as no, eventBus as io, messageInfo as Xo, messageSuccess as Yo, messageWarning as oo, messageError as so, createAxios as Jo, openConfirmDlg as Zo, openPromptDlg as qo } from "x-essential-lib";
-import { CameraHelper as ro, DirectionalLightHelper as Qo, PointLightHelper as es, SpotLightHelper as ts } from "three";
-import { c as B, i as se, q as Re, u as ns, r as lo, e as ao, a as is, b as os, d as ss, f as rs, g as ls, h as as, j as us, k as cs, l as uo, X as ps, Y as ms, K as ds, m as ys, n as fs, o as bs, I as hs } from "./vendor.dd29fg1n.js";
-import { getErrorMessage as gs } from "x-error-lib";
-import { useTheme as xs } from "vuetify";
+import { defineComponent as V, createElementBlock as J, renderSlot as L, unref as n, openBlock as v, createElementVNode as ne, computed as k, normalizeStyle as Q, ref as re, watchEffect as pe, watch as te, onBeforeMount as Ho, onUnmounted as Oe, createBlock as $, withCtx as I, createCommentVNode as ee, useTemplateRef as Zi, onMounted as qi, nextTick as Qi, useAttrs as Ko, h as oe, resolveComponent as z, createVNode as D, isRef as U, createSlots as Ln, renderList as jo, useId as eo, withModifiers as Oo, normalizeClass as Uo, toDisplayString as Xo, inject as le, provide as ae, readonly as Bn } from "vue";
+import { globalObjects as he, waitUtil as to, useViewStack as no, eventBus as io, messageInfo as Yo, messageSuccess as Jo, messageWarning as oo, messageError as so, createAxios as Zo, openConfirmDlg as qo, openPromptDlg as Qo } from "x-essential-lib";
+import { CameraHelper as ro, DirectionalLightHelper as es, PointLightHelper as ts, SpotLightHelper as ns } from "three";
+import { c as B, i as se, q as Re, u as is, r as lo, e as ao, a as os, b as ss, d as rs, f as ls, g as as, h as us, j as cs, k as ps, l as uo, X as ms, Y as ds, K as ys, m as fs, n as bs, o as hs, I as gs } from "./vendor.dd29fg1n.js";
+import { getErrorMessage as xs } from "x-error-lib";
+import { useTheme as vs } from "vuetify";
 import { useI18n as co } from "vue-i18n";
 const Jn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function T(t) {
@@ -26,7 +26,7 @@ function Wn(t) {
   const e = t.substring(0, t.length - 1), i = parseFloat(e);
   return !isNaN(i);
 }
-function Mc(t) {
+function Dc(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const e = t.substring(0, t.length - 2), i = parseFloat(e);
@@ -40,7 +40,7 @@ function Zt(t) {
   if (!isNaN(i))
     return i;
 }
-const po = ["xs", "sm", "md", "lg", "xl"], vs = [...po].reverse();
+const po = ["xs", "sm", "md", "lg", "xl"], ks = [...po].reverse();
 function Fe(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
@@ -49,7 +49,7 @@ function Zn(t) {
 }
 function Te(t, e) {
   let i;
-  for (const o of vs) {
+  for (const o of ks) {
     if (Zn(o) < Zn(t))
       break;
     e[o] && (i = e[o]);
@@ -78,8 +78,8 @@ function mo(t, e, i) {
   if (e instanceof Array ? r = e : r = e.split("."), r.length <= 0)
     return;
   for (let a = 0; a < r.length - 1; a++) {
-    const c = r[a];
-    o = o[c], o || (o = {});
+    const p = r[a];
+    o = o[p], o || (o = {});
   }
   const s = r[r.length - 1];
   o[s] = i;
@@ -87,8 +87,8 @@ function mo(t, e, i) {
 function q(t) {
   return t === "runtime" || t === "preview";
 }
-const Dc = ["string", "number", "boolean", "array", "object"];
-function Fc(t) {
+const Fc = ["string", "number", "boolean", "array", "object"];
+function Gc(t) {
   switch (t) {
     case "string":
       return "#5ba58c";
@@ -111,10 +111,10 @@ function yo(t) {
   }
   return !1;
 }
-function Gc(t, e, i, o, r) {
+function Hc(t, e, i, o, r) {
   let s = t;
-  for (let c = 0; c < e.length; c++)
-    if (s = s.children[e[c]], !s) {
+  for (let p = 0; p < e.length; p++)
+    if (s = s.children[e[p]], !s) {
       console.assert(!1, `unpkg context failed parentKeys=${e}`);
       return;
     }
@@ -129,14 +129,14 @@ function Gc(t, e, i, o, r) {
     children: {}
   }, s.children[i] = a);
 }
-const ks = ["common", "scene"], _s = ["common", "scene"];
-function ws(t) {
+const _s = ["common", "scene"], ws = ["common", "scene"];
+function Vs(t) {
   return t === "elementProperty" || t === "elementSlotProperty";
 }
-function Vs(t) {
+function $s(t) {
   return t === "elementMethod" || t === "elementSlotMethod";
 }
-function $s(t) {
+function Is(t) {
   return t === "elementEvent" || t === "elementPropertyChangeEvent";
 }
 function En(t, e, i) {
@@ -146,24 +146,24 @@ function En(t, e, i) {
     a > 0 && (r += " - "), i ? r += o.global.t(s) : r += s;
   }), r;
 }
-function Hc(t, e) {
+function Kc(t, e) {
   const { i18n: i } = he;
   let o = "";
-  return t === "elementProperty" || (t === "referenceProperty" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefProperty" ? o = i.global.t("x-runtime-lib.multipleRef") : 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)), En(o, e, ws(t));
+  return t === "elementProperty" || (t === "referenceProperty" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefProperty" ? o = i.global.t("x-runtime-lib.multipleRef") : 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)), En(o, e, Vs(t));
 }
-function Kc(t, e) {
+function jc(t, e) {
   const { i18n: i } = he;
   let o = "";
-  return t === "elementMethod" || (t === "referenceMethod" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = i.global.t("x-runtime-lib.multipleRef") : 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)), En(o, e, Vs(t));
+  return t === "elementMethod" || (t === "referenceMethod" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = i.global.t("x-runtime-lib.multipleRef") : 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)), En(o, e, $s(t));
 }
-function jc(t, e) {
+function Oc(t, e) {
   const { i18n: i } = he;
   let o = "";
-  return t === "elementEvent" || (t === "referenceEvent" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = i.global.t("x-runtime-lib.multipleRef") : 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)), En(o, e, $s(t));
+  return t === "elementEvent" || (t === "referenceEvent" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = i.global.t("x-runtime-lib.multipleRef") : 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)), En(o, e, Is(t));
 }
 const ze = {}, _ = (t) => {
   ze[t.key] = t;
-}, Is = ["position", "rotation", "scale"], xe = /* @__PURE__ */ V({
+}, Ss = ["position", "rotation", "scale"], xe = /* @__PURE__ */ V({
   __name: "index",
   props: {
     position: {},
@@ -182,7 +182,7 @@ const ze = {}, _ = (t) => {
       o[0] || (o[0] = ne("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)),
       o[1] || (o[1] = ne("TresMeshBasicMaterial", null, null, -1)),
       L(i.$slots, "default")
-    ], 8, Is)) : L(i.$slots, "default", { key: 1 });
+    ], 8, Ss)) : L(i.$slots, "default", { key: 1 });
   }
 }), X = /* @__PURE__ */ V({
   __name: "index",
@@ -213,7 +213,7 @@ const ze = {}, _ = (t) => {
       }, null, 4)
     ], 4)) : L(r.$slots, "default", { key: 1 });
   }
-}), Ss = (t, e, i, o) => {
+}), Cs = (t, e, i, o) => {
   const r = t.getElementPropertyInner(e, i);
   if (o) {
     if (typeof r == "string")
@@ -222,17 +222,17 @@ const ze = {}, _ = (t) => {
     return;
   } else
     return r;
-}, Cs = (t, e, i, o, r) => {
+}, Ts = (t, e, i, o, r) => {
   let s;
   r ? typeof o == "object" ? s = JSON.stringify(o, null, 2) : (console.assert(!1), s = "{}") : s = o, t.setElementPropertyInner(e, i, s);
 };
 function l(t, e, i) {
   const o = H(), r = _e(), s = re();
   return pe(() => {
-    let a = Ss(r, t.node, e, i);
+    let a = Cs(r, t.node, e, i);
     o === "editor" && e[e.length - 1] === "readonly" && (a = !0), s.value = a;
-  }), te(s, (a, c) => {
-    se(a, c) || Cs(r, t.node, e, s.value, i);
+  }), te(s, (a, p) => {
+    se(a, p) || Ts(r, t.node, e, s.value, i);
   }), { property: s };
 }
 function de(t) {
@@ -260,7 +260,7 @@ function de(t) {
     "transform",
     "rotation",
     "z"
-  ]), { property: c } = l(t, [
+  ]), { property: p } = l(t, [
     "transform",
     "scale",
     "x"
@@ -272,20 +272,20 @@ function de(t) {
     "transform",
     "scale",
     "z"
-  ]), p = re([0, 0, 0]), u = re([0, 0, 0]), m = re([1, 1, 1]);
+  ]), c = re([0, 0, 0]), u = re([0, 0, 0]), m = re([1, 1, 1]);
   return pe(() => {
-    p.value = [e.value, i.value, o.value];
+    c.value = [e.value, i.value, o.value];
   }), pe(() => {
-    e.value = p.value[0], i.value = p.value[1], o.value = p.value[2];
+    e.value = c.value[0], i.value = c.value[1], o.value = c.value[2];
   }), pe(() => {
     u.value = [r.value, s.value, a.value];
   }), pe(() => {
     r.value = u.value[0], s.value = u.value[1], a.value = u.value[2];
   }), pe(() => {
-    m.value = [c.value, d.value, y.value];
+    m.value = [p.value, d.value, y.value];
   }), pe(() => {
-    c.value = m.value[0], d.value = m.value[1], y.value = m.value[2];
-  }), { position: p, rotation: u, scale: m };
+    p.value = m.value[0], d.value = m.value[1], y.value = m.value[2];
+  }), { position: c, rotation: u, scale: m };
 }
 function fo(t) {
   const e = k(() => t.node.legend?.show), i = k(() => t.node.legend?.data);
@@ -340,22 +340,22 @@ function xo(t) {
   return { show: e, position: i, type: o, data: r, applyYAxis: s };
 }
 function K(t) {
-  const { computedThemes: e } = xs(), i = Ne(), o = k(() => t.value?.mode), r = k(() => {
+  const { computedThemes: e } = vs(), i = Ne(), o = k(() => t.value?.mode), r = k(() => {
     const y = t.value?.theme;
     return y ? y === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : y === "background1" ? i.value ? "#272727" : "#eeeeee" : y === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[y] : void 0;
-  }), s = k(() => i.value ? t.value.custom?.dark : t.value.custom?.light), a = k(() => o.value === "theme" ? r.value ?? "" : o.value === "custom" ? s.value ?? "" : ""), c = k(() => {
+  }), s = k(() => i.value ? t.value.custom?.dark : t.value.custom?.light), a = k(() => o.value === "theme" ? r.value ?? "" : o.value === "custom" ? s.value ?? "" : ""), p = k(() => {
     const y = a.value;
     return !y.startsWith("#") || y.length < 7 ? "" : y.substring(0, 7);
   }), d = k(() => {
     const y = a.value;
     return y.startsWith("#") ? y.length < 9 ? 1 : parseInt(y.substring(7, 9)) / 255 : 0;
   });
-  return { color: a, rgb: c, alpha: d };
+  return { color: a, rgb: p, alpha: d };
 }
 function Rn(t) {
-  const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), o = k(() => t.node.border?.color), { color: r } = K(o), s = k(() => t.node.border?.roundRadius?.tl), a = k(() => t.node.border?.roundRadius?.tr), c = k(() => t.node.border?.roundRadius?.bl), d = k(() => t.node.border?.roundRadius?.br);
-  function y(p) {
-    e.value && (p.borderStyle = e.value), i.value && (p.borderWidth = i.value), r.value && (p.borderColor = r.value), s.value && (p.borderTopLeftRadius = s.value), a.value && (p.borderTopRightRadius = a.value), c.value && (p.borderBottomLeftRadius = c.value), d.value && (p.borderBottomRightRadius = d.value);
+  const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), o = k(() => t.node.border?.color), { color: r } = K(o), s = k(() => t.node.border?.roundRadius?.tl), a = k(() => t.node.border?.roundRadius?.tr), p = k(() => t.node.border?.roundRadius?.bl), d = k(() => t.node.border?.roundRadius?.br);
+  function y(c) {
+    e.value && (c.borderStyle = e.value), i.value && (c.borderWidth = i.value), r.value && (c.borderColor = r.value), s.value && (c.borderTopLeftRadius = s.value), a.value && (c.borderTopRightRadius = a.value), p.value && (c.borderBottomLeftRadius = p.value), d.value && (c.borderBottomRightRadius = d.value);
   }
   return { borderStyle: e, borderWidth: i, borderColor: r, applyBorder: y };
 }
@@ -376,30 +376,30 @@ function Mn(t) {
 function ye(t) {
   const e = H(), i = Ce(), o = k(() => t.node.size?.width), r = k(() => t.node.size?.minWidth), s = k(() => t.node.size?.maxWidth), a = k(() => {
     if (t.outer && e === "editor") {
-      const p = Zt(t.node.size?.height);
-      if (p)
-        return p / 100 * i.value.height + "px";
+      const c = Zt(t.node.size?.height);
+      if (c)
+        return c / 100 * i.value.height + "px";
     }
     return t.node.size?.height;
-  }), c = k(() => {
+  }), p = k(() => {
     if (t.outer && e === "editor") {
-      const p = Zt(t.node.size?.minHeight);
-      if (p)
-        return p / 100 * i.value.height + "px";
+      const c = Zt(t.node.size?.minHeight);
+      if (c)
+        return c / 100 * i.value.height + "px";
     }
     return t.node.size?.minHeight;
   }), d = k(() => {
     if (t.outer && e === "editor") {
-      const p = Zt(t.node.size?.maxHeight);
-      if (p)
-        return p / 100 * i.value.height + "px";
+      const c = Zt(t.node.size?.maxHeight);
+      if (c)
+        return c / 100 * i.value.height + "px";
     }
     return t.node.size?.maxHeight;
   });
-  function y(p) {
-    o.value && (p.width = o.value), r.value && (p.minWidth = r.value), s.value && (p.maxWidth = s.value), a.value && (p.height = a.value), c.value && (p.minHeight = c.value), d.value && (p.maxHeight = d.value);
+  function y(c) {
+    o.value && (c.width = o.value), r.value && (c.minWidth = r.value), s.value && (c.maxWidth = s.value), a.value && (c.height = a.value), p.value && (c.minHeight = p.value), d.value && (c.maxHeight = d.value);
   }
-  return { width: o, minWidth: r, maxWidth: s, height: a, minHeight: c, maxHeight: d, applySize: y };
+  return { width: o, minWidth: r, maxWidth: s, height: a, minHeight: p, maxHeight: d, applySize: y };
 }
 function vo(t, e, i) {
   const o = k(() => e.node.basic.id), r = k(() => `callMethod@${o.value}`);
@@ -413,14 +413,14 @@ function R() {
   const t = Ne();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
-const Ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Ps = /* @__PURE__ */ V({
+const Ps = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], zs = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e), { property: a } = l(e, ["settings", "bottom"]), { property: c } = l(e, ["settings", "far"]), { property: d } = l(e, ["settings", "left"]), { property: y } = l(e, ["settings", "near"]), { property: p } = l(e, ["settings", "right"]), { property: u } = l(e, ["settings", "top"]);
+    const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e), { property: a } = l(e, ["settings", "bottom"]), { property: p } = l(e, ["settings", "far"]), { property: d } = l(e, ["settings", "left"]), { property: y } = l(e, ["settings", "near"]), { property: c } = l(e, ["settings", "right"]), { property: u } = l(e, ["settings", "top"]);
     return (m, b) => (v(), $(n(xe), {
       position: n(o),
       rotation: n(r),
@@ -429,11 +429,11 @@ const Ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       default: I(() => [
         ne("TresOrthographicCamera", {
           bottom: n(a),
-          far: n(c),
+          far: n(p),
           left: n(d),
           near: n(y),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          right: n(p),
+          right: n(c),
           rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1],
           top: n(u)
@@ -443,20 +443,20 @@ const Ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             type: n(ro)
           }, null, 8, ["type"])) : ee("", !0),
           L(m.$slots, "default")
-        ], 8, Ts)
+        ], 8, Ps)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), zs = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], As = /* @__PURE__ */ V({
+}), As = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Ls = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e), { property: a } = l(e, ["settings", "aspect"]), { property: c } = l(e, ["settings", "far"]), { property: d } = l(e, ["settings", "fov"]), { property: y } = l(e, ["settings", "near"]);
-    return (p, u) => (v(), $(n(xe), {
+    const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e), { property: a } = l(e, ["settings", "aspect"]), { property: p } = l(e, ["settings", "far"]), { property: d } = l(e, ["settings", "fov"]), { property: y } = l(e, ["settings", "near"]);
+    return (c, u) => (v(), $(n(xe), {
       position: n(o),
       rotation: n(r),
       scale: n(s)
@@ -464,7 +464,7 @@ const Ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       default: I(() => [
         ne("TresPerspectiveCamera", {
           aspect: n(a),
-          far: n(c),
+          far: n(p),
           fov: n(d),
           near: n(y),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
@@ -475,13 +475,13 @@ const Ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             key: 0,
             type: n(ro)
           }, null, 8, ["type"])) : ee("", !0),
-          L(p.$slots, "default")
-        ], 8, zs)
+          L(c.$slots, "default")
+        ], 8, As)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ls = ["args"], Bs = /* @__PURE__ */ V({
+}), Bs = ["args"], Ws = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -494,7 +494,7 @@ const Ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { property: r } = l(e, ["settings", "height"]), { property: s } = l(e, [
       "settings",
       "heightSegements"
-    ]), { property: a } = l(e, ["settings", "width"]), { property: c } = l(e, [
+    ]), { property: a } = l(e, ["settings", "width"]), { property: p } = l(e, [
       "settings",
       "widthSegements"
     ]);
@@ -503,18 +503,18 @@ const Ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         n(a),
         n(r),
         n(i),
-        n(c),
+        n(p),
         n(s),
         n(o)
       ]
-    }, null, 8, Ls));
+    }, null, 8, Bs));
   }
 }), ve = (t, e) => {
   const i = t.__vccOpts || t;
   for (const [o, r] of e)
     i[o] = r;
   return i;
-}, Ws = ["args"], Es = /* @__PURE__ */ V({
+}, Es = ["args"], Rs = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -533,74 +533,74 @@ const Ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { property: s } = l(e, ["settings", "radius"]), { property: a } = l(e, [
       "settings",
       "thetaLength"
-    ]), { property: c } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "thetaStart"
     ]), { property: d } = l(e, [
       "settings",
       "widthSegments"
     ]);
-    return (y, p) => (v(), J("TresSphereGeometry", {
+    return (y, c) => (v(), J("TresSphereGeometry", {
       args: [
         n(s),
         n(d),
         n(i),
         n(r),
         n(o),
-        n(c),
+        n(p),
         n(a)
       ]
-    }, null, 8, Ws));
+    }, null, 8, Es));
   }
-}), Rs = ["color", "intensity", "position", "rotation", "scale"], Ns = /* @__PURE__ */ V({
+}), Ns = ["color", "intensity", "position", "rotation", "scale"], Ms = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e), { property: a } = l(e, ["settings", "color"]), { color: c } = K(a), { property: d } = l(e, [
+    const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e), { property: a } = l(e, ["settings", "color"]), { color: p } = K(a), { property: d } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (y, p) => (v(), $(n(xe), {
+    return (y, c) => (v(), $(n(xe), {
       position: n(o),
       rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
         ne("TresAmbientLight", {
-          color: n(c),
+          color: n(p),
           intensity: n(d),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
           L(y.$slots, "default")
-        ], 8, Rs)
+        ], 8, Ns)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ms = ["color", "intensity", "position", "rotation", "scale"], Ds = /* @__PURE__ */ V({
+}), Ds = ["color", "intensity", "position", "rotation", "scale"], Fs = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e), { property: a } = l(e, ["settings", "color"]), { color: c } = K(a), { property: d } = l(e, [
+    const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e), { property: a } = l(e, ["settings", "color"]), { color: p } = K(a), { property: d } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (y, p) => (v(), $(n(xe), {
+    return (y, c) => (v(), $(n(xe), {
       position: n(o),
       rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
         ne("TresDirectionalLight", {
-          color: n(c),
+          color: n(p),
           intensity: n(d),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
@@ -608,25 +608,25 @@ const Ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           n(i) === "editor" ? (v(), $(n(Re), {
             key: 0,
-            type: n(Qo)
+            type: n(es)
           }, null, 8, ["type"])) : ee("", !0),
           L(y.$slots, "default")
-        ], 8, Ms)
+        ], 8, Ds)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Fs = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Gs = /* @__PURE__ */ V({
+}), Gs = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Hs = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e), { property: a } = l(e, ["settings", "color"]), { color: c } = K(a), { property: d } = l(e, ["settings", "decay"]), { property: y } = l(e, [
+    const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e), { property: a } = l(e, ["settings", "color"]), { color: p } = K(a), { property: d } = l(e, ["settings", "decay"]), { property: y } = l(e, [
       "settings",
       "distance"
-    ]), { property: p } = l(e, [
+    ]), { property: c } = l(e, [
       "settings",
       "intensity"
     ]);
@@ -637,32 +637,32 @@ const Ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     }, {
       default: I(() => [
         ne("TresPointLight", {
-          color: n(c),
+          color: n(p),
           decay: n(d),
           distance: n(y),
-          intensity: n(p),
+          intensity: n(c),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
           n(i) === "editor" ? (v(), $(n(Re), {
             key: 0,
-            type: n(es)
+            type: n(ts)
           }, null, 8, ["type"])) : ee("", !0),
           L(u.$slots, "default")
-        ], 8, Fs)
+        ], 8, Gs)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Hs = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Ks = /* @__PURE__ */ V({
+}), Ks = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], js = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e), { property: a } = l(e, ["settings", "angle"]), { property: c } = l(e, ["settings", "color"]), { color: d } = K(c), { property: y } = l(e, ["settings", "decay"]), { property: p } = l(e, [
+    const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e), { property: a } = l(e, ["settings", "angle"]), { property: p } = l(e, ["settings", "color"]), { color: d } = K(p), { property: y } = l(e, ["settings", "decay"]), { property: c } = l(e, [
       "settings",
       "distance"
     ]), { property: u } = l(e, [
@@ -682,7 +682,7 @@ const Ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           angle: n(a),
           color: n(d),
           decay: n(y),
-          distance: n(p),
+          distance: n(c),
           intensity: n(u),
           penumbra: n(m),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
@@ -691,19 +691,19 @@ const Ts = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           n(i) === "editor" ? (v(), $(n(Re), {
             key: 0,
-            type: n(ts)
+            type: n(ns)
           }, null, 8, ["type"])) : ee("", !0),
           L(b.$slots, "default")
-        ], 8, Hs)
+        ], 8, Ks)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), js = {};
-function Os(t, e) {
+}), Os = {};
+function Us(t, e) {
   return v(), J("TresMeshBasicMaterial");
 }
-const Us = /* @__PURE__ */ ve(js, [["render", Os]]), Xs = ["position", "rotation", "scale"], Ys = /* @__PURE__ */ V({
+const Xs = /* @__PURE__ */ ve(Os, [["render", Us]]), Ys = ["position", "rotation", "scale"], Js = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -711,7 +711,7 @@ const Us = /* @__PURE__ */ ve(js, [["render", Os]]), Xs = ["position", "rotation
   },
   setup(t) {
     const e = t, i = H(), { position: o, rotation: r, scale: s } = de(e);
-    return (a, c) => (v(), $(n(xe), {
+    return (a, p) => (v(), $(n(xe), {
       position: n(o),
       rotation: n(r),
       scale: n(s)
@@ -723,12 +723,12 @@ const Us = /* @__PURE__ */ ve(js, [["render", Os]]), Xs = ["position", "rotation
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
           L(a.$slots, "default")
-        ], 8, Xs)
+        ], 8, Ys)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Js = ["position", "rotation", "scale"], Zs = /* @__PURE__ */ V({
+}), Zs = ["position", "rotation", "scale"], qs = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -742,89 +742,89 @@ const Us = /* @__PURE__ */ ve(js, [["render", Os]]), Xs = ["position", "rotation
       scale: n(r)
     }, [
       L(s.$slots, "default")
-    ], 8, Js));
-  }
-}), qs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Qs = "#242424", er = {}, tr = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, nr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ir = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, or = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ar = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ur = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, mr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, dr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, yr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, 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)" } } }, br = { 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"] } } }, hr = { 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"] } } }, gr = { 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"] } } }, xr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, vr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, kr = { textStyle: { color: "#eeeeee" } }, _r = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, wr = { 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"] }, $r = { 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" } }, Ir = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Sr = {
-  color: qs,
-  backgroundColor: Qs,
-  textStyle: er,
-  title: tr,
-  line: nr,
-  radar: ir,
-  bar: or,
-  pie: sr,
-  scatter: rr,
-  boxplot: lr,
-  parallel: ar,
-  sankey: ur,
-  funnel: cr,
-  gauge: pr,
-  candlestick: mr,
-  graph: dr,
-  map: yr,
-  geo: fr,
-  categoryAxis: br,
-  valueAxis: hr,
-  logAxis: gr,
-  timeAxis: xr,
-  toolbox: vr,
-  legend: kr,
-  tooltip: _r,
-  timeline: wr,
-  visualMap: Vr,
-  dataZoom: $r,
-  markPoint: Ir
-}, Cr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Tr = "#f5f5f5", Pr = {}, zr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Ar = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Lr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Br = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Mr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Dr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Hr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Kr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, jr = { 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)" } } }, Or = { 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"] } } }, Ur = { 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"] } } }, Xr = { 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"] } } }, Yr = { 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" } } }, Zr = { textStyle: { color: "#333333" } }, qr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Qr = { 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" } } }, el = { color: ["#bf444c", "#d88273", "#f6efa6"] }, tl = { 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" } }, nl = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, il = {
-  color: Cr,
-  backgroundColor: Tr,
-  textStyle: Pr,
-  title: zr,
-  line: Ar,
-  radar: Lr,
-  bar: Br,
-  pie: Wr,
-  scatter: Er,
-  boxplot: Rr,
-  parallel: Nr,
-  sankey: Mr,
-  funnel: Dr,
-  gauge: Fr,
-  candlestick: Gr,
-  graph: Hr,
-  map: Kr,
-  geo: jr,
-  categoryAxis: Or,
-  valueAxis: Ur,
-  logAxis: Xr,
-  timeAxis: Yr,
-  toolbox: Jr,
-  legend: Zr,
-  tooltip: qr,
-  timeline: Qr,
-  visualMap: el,
-  dataZoom: tl,
-  markPoint: nl
+    ], 8, Zs));
+  }
+}), Qs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], er = "#242424", tr = {}, nr = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, ir = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, or = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, sr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ar = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ur = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, mr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, dr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, 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)" } } }, br = { 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)" } } }, hr = { 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"] } } }, gr = { 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"] } } }, xr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, vr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, kr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, _r = { textStyle: { color: "#eeeeee" } }, wr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Vr = { 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" } } }, $r = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ir = { 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" } }, Sr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Cr = {
+  color: Qs,
+  backgroundColor: er,
+  textStyle: tr,
+  title: nr,
+  line: ir,
+  radar: or,
+  bar: sr,
+  pie: rr,
+  scatter: lr,
+  boxplot: ar,
+  parallel: ur,
+  sankey: cr,
+  funnel: pr,
+  gauge: mr,
+  candlestick: dr,
+  graph: yr,
+  map: fr,
+  geo: br,
+  categoryAxis: hr,
+  valueAxis: gr,
+  logAxis: xr,
+  timeAxis: vr,
+  toolbox: kr,
+  legend: _r,
+  tooltip: wr,
+  timeline: Vr,
+  visualMap: $r,
+  dataZoom: Ir,
+  markPoint: Sr
+}, Tr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Pr = "#f5f5f5", zr = {}, Ar = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Lr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Br = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Wr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Mr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Dr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Kr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, jr = { 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)" } } }, Or = { 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)" } } }, Ur = { 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"] } } }, Xr = { 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"] } } }, Yr = { 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"] } } }, Zr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, qr = { textStyle: { color: "#333333" } }, Qr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, el = { 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" } } }, tl = { color: ["#bf444c", "#d88273", "#f6efa6"] }, nl = { 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" } }, il = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, ol = {
+  color: Tr,
+  backgroundColor: Pr,
+  textStyle: zr,
+  title: Ar,
+  line: Lr,
+  radar: Br,
+  bar: Wr,
+  pie: Er,
+  scatter: Rr,
+  boxplot: Nr,
+  parallel: Mr,
+  sankey: Dr,
+  funnel: Fr,
+  gauge: Gr,
+  candlestick: Hr,
+  graph: Kr,
+  map: jr,
+  geo: Or,
+  categoryAxis: Ur,
+  valueAxis: Xr,
+  logAxis: Yr,
+  timeAxis: Jr,
+  toolbox: Zr,
+  legend: qr,
+  tooltip: Qr,
+  timeline: el,
+  visualMap: tl,
+  dataZoom: nl,
+  markPoint: il
 };
-ns([
-  is,
+is([
   os,
   ss,
   rs,
   ls,
   as,
   us,
-  cs
+  cs,
+  ps
 ]);
-lo("dark", Sr);
-lo("light", il);
-const ol = /* @__PURE__ */ V({
+lo("dark", Cr);
+lo("light", ol);
+const sl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ce(), o = Ne(), r = fe(), s = ke(), { width: a, minWidth: c, maxWidth: d, height: y, minHeight: p, maxHeight: u, applySize: m } = ye(e), { applyTitle: b } = ho(e), { applyXAxis: h } = go(e), { applyYAxis: g } = xo(e), { applyLegend: x } = fo(e), { applySeries: w } = bo(e), S = k(() => {
+    const e = t, i = Ce(), o = Ne(), r = fe(), s = ke(), { width: a, minWidth: p, maxWidth: d, height: y, minHeight: c, maxHeight: u, applySize: m } = ye(e), { applyTitle: b } = ho(e), { applyXAxis: h } = go(e), { applyYAxis: g } = xo(e), { applyLegend: x } = fo(e), { applySeries: w } = bo(e), S = k(() => {
       const C = {}, F = s.value.type;
       return r === "page" ? F === "common" ? m(C) : console.assert(!1) : r === "comp" && F === "common" ? m(C) : console.assert(!1), C;
     }), N = Zi("chart");
@@ -848,10 +848,10 @@ const ol = /* @__PURE__ */ V({
         () => i.value.width,
         () => i.value.height,
         a,
-        c,
+        p,
         d,
         y,
-        p,
+        c,
         u
       ],
       async () => {
@@ -870,14 +870,14 @@ const ol = /* @__PURE__ */ V({
       style: Q(S.value)
     }, null, 4));
   }
-}), sl = /* @__PURE__ */ V({
+}), rl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ce(), o = Ne(), r = fe(), s = ke(), { width: a, minWidth: c, maxWidth: d, height: y, minHeight: p, maxHeight: u, applySize: m } = ye(e), { applyTitle: b } = ho(e), { applyXAxis: h } = go(e), { applyYAxis: g } = xo(e), { applyLegend: x } = fo(e), { applySeries: w } = bo(e), S = k(() => {
+    const e = t, i = Ce(), o = Ne(), r = fe(), s = ke(), { width: a, minWidth: p, maxWidth: d, height: y, minHeight: c, maxHeight: u, applySize: m } = ye(e), { applyTitle: b } = ho(e), { applyXAxis: h } = go(e), { applyYAxis: g } = xo(e), { applyLegend: x } = fo(e), { applySeries: w } = bo(e), S = k(() => {
       const C = {}, F = s.value.type;
       return r === "page" ? F === "common" ? m(C) : console.assert(!1) : r === "comp" && F === "common" ? m(C) : console.assert(!1), C;
     }), N = Zi("chart");
@@ -901,10 +901,10 @@ const ol = /* @__PURE__ */ V({
         () => i.value.width,
         () => i.value.height,
         a,
-        c,
+        p,
         d,
         y,
-        p,
+        c,
         u
       ],
       async () => {
@@ -923,11 +923,11 @@ const ol = /* @__PURE__ */ V({
       style: Q(S.value)
     }, null, 4));
   }
-}), rl = {};
-function ll(t, e) {
+}), ll = {};
+function al(t, e) {
   return v(), J("div");
 }
-const al = /* @__PURE__ */ ve(rl, [["render", ll]]), ul = /* @__PURE__ */ V({
+const ul = /* @__PURE__ */ ve(ll, [["render", al]]), cl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     refContext: {},
@@ -937,38 +937,42 @@ const al = /* @__PURE__ */ ve(rl, [["render", ll]]), ul = /* @__PURE__ */ V({
   setup(t) {
     const { t: e } = co(), i = t, o = re(), r = _e();
     Fo(o, r), Do(i.refContext.compId, o);
-    const { applySize: s } = ye(i), a = k(() => {
-      const y = {};
-      return o.value?.type === "common" && s(y), y;
+    const s = Ko(), { applySize: a } = ye(i), p = k(() => {
+      const c = {};
+      return o.value?.type === "common" && a(c), c;
     });
-    function c(y) {
-      const p = ze[y.basic.key];
-      if (!p)
-        return console.assert(!1, `element not found key=${y.basic.key}`), oe("div", `element not found key=${y.basic.key}`);
-      const u = [];
-      p.leaf || y.children?.forEach((b) => {
-        u.push(c(b));
+    function d(c) {
+      const u = ze[c.basic.key];
+      if (!u)
+        return console.assert(!1, `element not found key=${c.basic.key}`), oe("div", `element not found key=${c.basic.key}`);
+      const m = [];
+      u.leaf || c.children?.forEach((h) => {
+        m.push(d(h));
       });
-      let m;
-      return y.reference && y.reference.comp && (m = {
-        parent: i.refContext,
-        compId: y.reference.comp
-      }), oe(p.comp, { refContext: m, node: y }, { default: () => u });
+      const b = { node: c };
+      return c.reference && c.reference.comp && (b.refContext = {
+        parent: b.refContext,
+        compId: c.reference.comp
+      }), oe(u.comp, b, { default: () => m });
     }
-    const d = () => {
+    const y = () => {
       if (yo(i.refContext))
         return oe("div", e("x-runtime-lib.circularRef"));
       if (!o.value)
         return oe("div");
-      const y = [];
-      if (o.value.view.nodes.forEach((u) => {
-        y.push(c(u));
+      const c = [];
+      if (o.value.view.nodes.forEach((m) => {
+        c.push(d(m));
       }), o.value.type === "common")
-        return oe("div", { style: a }, { default: () => y });
+        return oe(
+          "div",
+          { id: s.id, style: p.value },
+          { default: () => c }
+        );
     };
-    return (y, p) => (v(), $(d));
+    return (c, u) => (v(), $(y));
   }
-}), cl = /* @__PURE__ */ V({
+}), pl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -992,33 +996,33 @@ const al = /* @__PURE__ */ ve(rl, [["render", ll]]), ul = /* @__PURE__ */ V({
   setup(t) {
     const { t: e } = co(), i = t, o = re(), r = _e();
     Fo(o, r), Do(i.refContext.compId, o);
-    function s(c) {
-      const d = ze[c.basic.key];
+    function s(p) {
+      const d = ze[p.basic.key];
       if (!d)
-        return console.assert(!1, `element not found key=${c.basic.key}`), oe("div", `element not found key=${c.basic.key}`);
+        return console.assert(!1, `element not found key=${p.basic.key}`), oe("div", `element not found key=${p.basic.key}`);
       const y = [];
-      d.leaf || c.children?.forEach((u) => {
+      d.leaf || p.children?.forEach((u) => {
         y.push(s(u));
       });
-      let p;
-      return c.reference && c.reference.comp && (p = {
-        parent: i.refContext,
-        compId: c.reference.comp
-      }), oe(d.comp, { refContext: p, node: c }, { default: () => y });
+      const c = { node: p };
+      return p.reference && p.reference.comp && (c.refContext = {
+        parent: c.refContext,
+        compId: p.reference.comp
+      }), oe(d.comp, c, { default: () => y });
     }
     const a = () => {
       if (yo(i.refContext))
         return oe("div", e("x-runtime-lib.circularRef"));
       if (!o.value)
         return oe("div");
-      const c = [];
+      const p = [];
       return o.value.view.nodes.forEach((d) => {
-        c.push(s(d));
-      }), c;
+        p.push(s(d));
+      }), p;
     };
-    return (c, d) => (v(), $(a));
+    return (p, d) => (v(), $(a));
   }
-}), pl = /* @__PURE__ */ V({
+}), ml = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1034,7 +1038,7 @@ const al = /* @__PURE__ */ ve(rl, [["render", ll]]), ul = /* @__PURE__ */ V({
       "offset",
       "y"
     ]);
-    return (c, d) => {
+    return (p, d) => {
       const y = z("v-badge");
       return v(), $(y, {
         content: n(i),
@@ -1044,13 +1048,13 @@ const al = /* @__PURE__ */ ve(rl, [["render", ll]]), ul = /* @__PURE__ */ V({
         theme: n(r)
       }, {
         default: I(() => [
-          L(c.$slots, "default")
+          L(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["content", "dot", "offset-x", "offset-y", "theme"]);
     };
   }
-}), ml = /* @__PURE__ */ V({
+}), dl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1061,10 +1065,10 @@ const al = /* @__PURE__ */ ve(rl, [["render", ll]]), ul = /* @__PURE__ */ V({
       "settings",
       "addIcon",
       "append"
-    ]), { property: s } = l(e, ["settings", "block"]), { property: a } = l(e, ["settings", "color"]), { color: c } = K(a), { property: d } = l(e, ["settings", "density"]), { property: y } = l(e, [
+    ]), { property: s } = l(e, ["settings", "block"]), { property: a } = l(e, ["settings", "color"]), { color: p } = K(a), { property: d } = l(e, ["settings", "density"]), { property: y } = l(e, [
       "settings",
       "disabled"
-    ]), { property: p } = l(e, ["size", "height"]), { property: u } = l(e, ["settings", "loading"]), { property: m } = l(e, ["size", "maxHeight"]), { property: b } = l(e, ["size", "maxWidth"]), { property: h } = l(e, ["size", "minHeight"]), { property: g } = l(e, ["size", "minWidth"]), { property: x } = l(e, [
+    ]), { property: c } = l(e, ["size", "height"]), { property: u } = l(e, ["settings", "loading"]), { property: m } = l(e, ["size", "maxHeight"]), { property: b } = l(e, ["size", "maxWidth"]), { property: h } = l(e, ["size", "minHeight"]), { property: g } = l(e, ["size", "minWidth"]), { property: x } = l(e, [
       "settings",
       "addIcon",
       "prepend"
@@ -1083,10 +1087,10 @@ const al = /* @__PURE__ */ ve(rl, [["render", ll]]), ul = /* @__PURE__ */ V({
           D(ue, {
             "append-icon": n(r),
             block: n(s),
-            color: n(c),
+            color: n(p),
             density: n(d),
             disabled: n(y),
-            height: n(p),
+            height: n(c),
             loading: n(u),
             "max-height": n(m),
             "max-width": n(b),
@@ -1108,8 +1112,8 @@ const al = /* @__PURE__ */ ve(rl, [["render", ll]]), ul = /* @__PURE__ */ V({
       });
     };
   }
-}), dl = {};
-function yl(t, e) {
+}), yl = {};
+function fl(t, e) {
   const i = z("v-btn-group");
   return v(), $(i, null, {
     default: I(() => [
@@ -1118,7 +1122,7 @@ function yl(t, e) {
     _: 3
   });
 }
-const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
+const bl = /* @__PURE__ */ ve(yl, [["render", fl]]), hl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1134,10 +1138,10 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "multiple"
-    ]), { property: c } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "readonly"
-    ]), { property: d } = l(e, ["settings", "size"]), { property: y } = l(e, ["settings", "stacked"]), { theme: p } = R(), { property: u } = l(e, ["settings", "tile"]), { property: m } = l(e, ["settings", "variant"]);
+    ]), { property: d } = l(e, ["settings", "size"]), { property: y } = l(e, ["settings", "stacked"]), { theme: c } = R(), { property: u } = l(e, ["settings", "tile"]), { property: m } = l(e, ["settings", "variant"]);
     return (b, h) => {
       const g = z("v-btn-toggle");
       return v(), $(g, {
@@ -1146,10 +1150,10 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
         divided: n(r),
         mandatory: n(s),
         multiple: n(a),
-        readonly: n(c),
+        readonly: n(p),
         size: n(d),
         stacked: n(y),
-        theme: n(p),
+        theme: n(c),
         tile: n(u),
         variant: n(m)
       }, {
@@ -1160,7 +1164,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), hl = /* @__PURE__ */ V({
+}), gl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1170,7 +1174,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     const e = t, { property: i } = l(e, ["settings", "density"]), { property: o } = l(e, [
       "settings",
       "disabled"
-    ]), { property: r } = l(e, ["size", "height"]), { property: s } = l(e, ["settings", "hover"]), { property: a } = l(e, ["settings", "loading"]), { property: c } = l(e, ["size", "maxHeight"]), { property: d } = l(e, ["size", "maxWidth"]), { property: y } = l(e, ["size", "minHeight"]), { property: p } = l(e, ["size", "minWidth"]), { property: u } = l(e, [
+    ]), { property: r } = l(e, ["size", "height"]), { property: s } = l(e, ["settings", "hover"]), { property: a } = l(e, ["settings", "loading"]), { property: p } = l(e, ["size", "maxHeight"]), { property: d } = l(e, ["size", "maxWidth"]), { property: y } = l(e, ["size", "minHeight"]), { property: c } = l(e, ["size", "minWidth"]), { property: u } = l(e, [
       "settings",
       "subtitle"
     ]), { property: m } = l(e, ["settings", "text"]), { theme: b } = R(), { property: h } = l(e, ["settings", "title"]), { property: g } = l(e, ["settings", "variant"]), { property: x } = l(e, ["size", "width"]);
@@ -1182,10 +1186,10 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
         height: n(r),
         hover: n(s),
         loading: n(a),
-        "max-height": n(c),
+        "max-height": n(p),
         "max-width": n(d),
         "min-height": n(y),
-        "min-width": n(p),
+        "min-width": n(c),
         subtitle: n(u),
         text: n(m),
         theme: n(b),
@@ -1200,7 +1204,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"]);
     };
   }
-}), gl = /* @__PURE__ */ V({
+}), xl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1222,7 +1226,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       }, null, 8, ["disabled", "readonly"]);
     };
   }
-}), xl = /* @__PURE__ */ V({
+}), vl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1235,10 +1239,10 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: o } = l(e, ["settings", "color"]), { color: r } = K(o), { property: s } = l(e, ["settings", "density"]), { property: a } = l(e, [
       "settings",
       "disabled"
-    ]), { property: c } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "draggable"
-    ]), { property: d } = l(e, ["settings", "filter"]), { property: y } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "size"]), { property: u } = l(e, ["settings", "text"]), { theme: m } = R(), { property: b } = l(e, ["settings", "tile"]), { property: h } = l(e, ["settings", "value"]), { property: g } = l(e, ["settings", "variant"]);
+    ]), { property: d } = l(e, ["settings", "filter"]), { property: y } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "size"]), { property: u } = l(e, ["settings", "text"]), { theme: m } = R(), { property: b } = l(e, ["settings", "tile"]), { property: h } = l(e, ["settings", "value"]), { property: g } = l(e, ["settings", "variant"]);
     return (x, w) => {
       const S = z("v-chip");
       return v(), $(S, {
@@ -1246,10 +1250,10 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
         color: n(r),
         density: n(s),
         disabled: n(a),
-        draggable: n(c),
+        draggable: n(p),
         filter: n(d),
         label: n(y),
-        size: n(p),
+        size: n(c),
         text: n(u),
         theme: n(m),
         tile: n(b),
@@ -1258,7 +1262,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
     };
   }
-}), vl = /* @__PURE__ */ V({
+}), kl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1274,24 +1278,24 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: s } = l(e, ["settings", "filter"]), { property: a } = l(e, [
       "settings",
       "mandatory"
-    ]), { property: c } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "multiple"
     ]), { property: d } = l(e, [
       "settings",
       "showArrows"
-    ]), { theme: y } = R(), { property: p } = l(e, ["settings", "value"]);
+    ]), { theme: y } = R(), { property: c } = l(e, ["settings", "value"]);
     return (u, m) => {
       const b = z("v-chip-group");
       return v(), $(b, {
-        modelValue: n(p),
-        "onUpdate:modelValue": m[0] || (m[0] = (h) => U(p) ? p.value = h : null),
+        modelValue: n(c),
+        "onUpdate:modelValue": m[0] || (m[0] = (h) => U(c) ? c.value = h : null),
         column: n(i),
         direction: n(o),
         disabled: n(r),
         filter: n(s),
         mandatory: n(a),
-        multiple: n(c),
+        multiple: n(p),
         "show-arrows": n(d),
         theme: n(y)
       }, {
@@ -1302,7 +1306,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), kl = /* @__PURE__ */ V({
+}), _l = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1315,7 +1319,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     }), { property: a } = l(e, [
       "settings",
       "disabled"
-    ]), { property: c } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "hideCanvas"
     ]), { property: d } = l(e, [
@@ -1324,7 +1328,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: y } = l(e, [
       "settings",
       "hideInputs"
-    ]), { property: p } = l(e, [
+    ]), { property: c } = l(e, [
       "settings",
       "hideSliders"
     ]), { property: u } = l(e, [
@@ -1340,10 +1344,10 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
         default: I(() => [
           D(x, {
             disabled: n(a),
-            "hide-canvas": n(c),
+            "hide-canvas": n(p),
             "hide-header": n(d),
             "hide-inputs": n(y),
-            "hide-sliders": n(p),
+            "hide-sliders": n(c),
             landscape: n(u),
             "show-swatches": n(m),
             style: Q(s.value),
@@ -1354,7 +1358,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       });
     };
   }
-}), _l = /* @__PURE__ */ V({
+}), wl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1373,27 +1377,27 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "singleLine"
-    ]), { theme: c } = R(), { property: d } = l(e, ["settings", "value"]);
-    return (y, p) => {
+    ]), { theme: p } = R(), { property: d } = l(e, ["settings", "value"]);
+    return (y, c) => {
       const u = z("v-combobox");
       return v(), $(n(X), null, {
         default: I(() => [
           D(u, {
             modelValue: n(d),
-            "onUpdate:modelValue": p[0] || (p[0] = (m) => U(d) ? d.value = m : null),
+            "onUpdate:modelValue": c[0] || (c[0] = (m) => U(d) ? d.value = m : null),
             "hide-details": n(i),
             label: n(o),
             placeholder: n(r),
             readonly: n(s),
             "single-line": n(a),
-            theme: n(c)
+            theme: n(p)
           }, null, 8, ["modelValue", "hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), wl = /* @__PURE__ */ V({
+}), Vl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1403,17 +1407,17 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     const e = t, i = fe(), o = ke(), { property: r } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: s } = K(r), { applySize: a } = ye(e), { applyMargin: c } = Nn(e), { applyPadding: d } = Mn(e), { applyBorder: y } = Rn(e), p = k(() => {
+    ]), { color: s } = K(r), { applySize: a } = ye(e), { applyMargin: p } = Nn(e), { applyPadding: d } = Mn(e), { applyBorder: y } = Rn(e), c = k(() => {
       const u = {}, m = o.value.type;
-      return i === "page" ? m === "common" ? (a(u), c(u), d(u), y(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1) : i === "comp" && m === "common" ? (a(u), c(u), d(u), y(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1), u;
+      return i === "page" ? m === "common" ? (a(u), p(u), d(u), y(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1) : i === "comp" && m === "common" ? (a(u), p(u), d(u), y(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1), u;
     });
     return (u, m) => (v(), J("div", {
-      style: Q(p.value)
+      style: Q(c.value)
     }, [
       L(u.$slots, "default")
     ], 4));
   }
-}), Vl = /* @__PURE__ */ V({
+}), $l = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1426,11 +1430,11 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: r } = l(e, [
       "settings",
       "fixedHeader"
-    ]), { property: s } = l(e, ["settings", "headers"]), { property: a } = l(e, ["size", "height"]), { property: c } = l(e, ["settings", "hover"]), { property: d } = l(
+    ]), { property: s } = l(e, ["settings", "headers"]), { property: a } = l(e, ["size", "height"]), { property: p } = l(e, ["settings", "hover"]), { property: d } = l(
       e,
       ["settings", "data"],
       !0
-    ), { property: y } = l(e, ["settings", "loading"]), { property: p } = l(e, [
+    ), { property: y } = l(e, ["settings", "loading"]), { property: c } = l(e, [
       "settings",
       "multiSort"
     ]), { theme: u } = R(), { property: m } = l(e, ["size", "width"]), b = k(() => {
@@ -1449,14 +1453,14 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
             "fixed-header": n(r),
             headers: n(s),
             height: n(a),
-            hover: n(c),
+            hover: n(p),
             items: n(d),
             loading: n(y),
-            "multi-sort": n(p),
+            "multi-sort": n(c),
             theme: n(u),
             width: n(m)
           }, Ln({ _: 2 }, [
-            Ko(b.value, (w) => ({
+            jo(b.value, (w) => ({
               name: `item.${w.column}`,
               fn: I(({ value: S }) => [
                 D(n(be), {
@@ -1471,7 +1475,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       });
     };
   }
-}), $l = /* @__PURE__ */ V({
+}), Il = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
     return (e, i) => {
@@ -1484,7 +1488,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       });
     };
   }
-}), Il = ["id"], Sl = /* @__PURE__ */ V({
+}), Sl = ["id"], Cl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1492,32 +1496,32 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
   },
   setup(t) {
     const e = t, i = H(), o = _e(), r = k(() => e.node.basic?.id), { open: s } = no(`runtimeDlg/${eo()}`);
-    return vo(o, e, (c) => {
+    return vo(o, e, (p) => {
       if (!q(i))
         return;
-      const { name: d } = c;
+      const { name: d } = p;
       d === "open" ? s.value = !0 : d === "close" && (s.value = !1);
-    }), (c, d) => {
+    }), (p, d) => {
       const y = z("v-dialog");
       return v(), $(y, {
         modelValue: n(s),
-        "onUpdate:modelValue": d[0] || (d[0] = (p) => U(s) ? s.value = p : null),
+        "onUpdate:modelValue": d[0] || (d[0] = (c) => U(s) ? s.value = c : null),
         attach: "#dialogContainer"
       }, {
         activator: I(() => [
           n(i) === "editor" ? (v(), J("div", {
             key: 0,
             id: `__node__@${r.value}`
-          }, null, 8, Il)) : ee("", !0)
+          }, null, 8, Sl)) : ee("", !0)
         ]),
         default: I(() => [
-          L(c.$slots, "default")
+          L(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), Cl = /* @__PURE__ */ V({
+}), Tl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1530,13 +1534,13 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: s } = l(e, [
       "settings",
       "disabled"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: d } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { property: d } = l(e, [
       "settings",
       "multiple"
     ]), { property: y } = l(e, [
       "settings",
       "readonly"
-    ]), { property: p } = l(e, ["settings", "reverse"]), { property: u } = l(e, [
+    ]), { property: c } = l(e, ["settings", "reverse"]), { property: u } = l(e, [
       "settings",
       "singleLine"
     ]);
@@ -1548,26 +1552,26 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
         direction: n(r),
         disabled: n(s),
         label: n(a),
-        loading: n(c),
+        loading: n(p),
         multiple: n(d),
         readonly: n(y),
-        reverse: n(p),
+        reverse: n(c),
         "single-line": n(u)
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
-}), Tl = /* @__PURE__ */ V({
+}), Pl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ce(), o = fe(), r = ke(), { applySize: s } = ye(e), { applyMargin: a } = Nn(e), { applyPadding: c } = Mn(e), { applyBorder: d } = Rn(e), { property: y } = l(e, [
+    const e = t, i = Ce(), o = fe(), r = ke(), { applySize: s } = ye(e), { applyMargin: a } = Nn(e), { applyPadding: p } = Mn(e), { applyBorder: d } = Rn(e), { property: y } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: p } = K(y), u = (b) => {
-      p.value && (b.backgroundColor = p.value), b.display = "flex";
+    ]), { color: c } = K(y), u = (b) => {
+      c.value && (b.backgroundColor = c.value), b.display = "flex";
       const h = Fe(i.value.width), g = Te(h, e.node.settings?.direction);
       g === "row" ? b.flexDirection = "row" : g === "rowReverse" ? b.flexDirection = "row-reverse" : g === "column" ? b.flexDirection = "column" : g === "columnReverse" && (b.flexDirection = "column-reverse");
       const x = Te(h, e.node.settings?.wrap);
@@ -1578,7 +1582,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       S === "start" ? b.alignItems = "flex-start" : S === "end" ? b.alignItems = "flex-end" : S === "center" ? b.alignItems = "center" : S === "baseline" ? b.alignItems = "baseline" : S === "stretch" && (b.alignItems = "stretch");
     }, m = k(() => {
       const b = {}, h = r.value.type;
-      return o === "page" ? h === "common" ? (s(b), a(b), c(b), d(b), u(b)) : console.assert(!1) : o === "comp" && h === "common" ? (s(b), a(b), c(b), d(b), u(b)) : console.assert(!1), b;
+      return o === "page" ? h === "common" ? (s(b), a(b), p(b), d(b), u(b)) : console.assert(!1) : o === "comp" && h === "common" ? (s(b), a(b), p(b), d(b), u(b)) : console.assert(!1), b;
     });
     return (b, h) => (v(), J("div", {
       style: Q(m.value)
@@ -1586,39 +1590,39 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       L(b.$slots, "default")
     ], 4));
   }
-}), Pl = /* @__PURE__ */ V({
+}), zl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = fe(), o = ke(), { applySize: r } = ye(e), { property: s } = l(e, ["settings", "grow"]), { property: a } = l(e, ["settings", "shrink"]), c = k(() => {
+    const e = t, i = fe(), o = ke(), { applySize: r } = ye(e), { property: s } = l(e, ["settings", "grow"]), { property: a } = l(e, ["settings", "shrink"]), p = k(() => {
       const d = {}, y = o.value.type;
       return i === "page" ? y === "common" ? (r(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && y === "common" ? (r(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1), d;
     });
     return (d, y) => (v(), J("div", {
-      style: Q(c.value)
+      style: Q(p.value)
     }, [
       L(d.$slots, "default")
     ], 4));
   }
-}), zl = /* @__PURE__ */ V({
+}), Al = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = H(), o = fe(), r = ke(), s = _e(), { property: a } = l(e, ["settings", "valid"]), { property: c } = l(e, [
+    const e = t, i = H(), o = fe(), r = ke(), s = _e(), { property: a } = l(e, ["settings", "valid"]), { property: p } = l(e, [
       "settings",
       "fastFail"
     ]), { property: d } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: y } = K(d), { applySize: p } = ye(e), { applyMargin: u } = Nn(e), { applyPadding: m } = Mn(e), { applyBorder: b } = Rn(e), h = k(() => {
+    ]), { color: y } = K(d), { applySize: c } = ye(e), { applyMargin: u } = Nn(e), { applyPadding: m } = Mn(e), { applyBorder: b } = Rn(e), h = k(() => {
       const x = {}, w = r.value.type;
-      return o === "page" ? w === "common" ? (p(x), u(x), m(x), b(x), y.value && (x.backgroundColor = y.value)) : console.assert(!1) : o === "comp" && w === "common" ? (p(x), u(x), m(x), b(x), y.value && (x.backgroundColor = y.value)) : console.assert(!1), x;
+      return o === "page" ? w === "common" ? (c(x), u(x), m(x), b(x), y.value && (x.backgroundColor = y.value)) : console.assert(!1) : o === "comp" && w === "common" ? (c(x), u(x), m(x), b(x), y.value && (x.backgroundColor = y.value)) : console.assert(!1), x;
     }), g = () => {
       q(i) && s.callFunction("__triggerEventV1__", [
         me("elementEvent", e.node.basic.id, "submit")
@@ -1629,9 +1633,9 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       return v(), $(S, {
         modelValue: n(a),
         "onUpdate:modelValue": w[0] || (w[0] = (N) => U(a) ? a.value = N : null),
-        "fast-fail": n(c),
+        "fast-fail": n(p),
         style: Q(h.value),
-        onSubmit: jo(g, ["prevent"])
+        onSubmit: Oo(g, ["prevent"])
       }, {
         default: I(() => [
           L(x.$slots, "default")
@@ -1640,7 +1644,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), Al = /* @__PURE__ */ V({
+}), Ll = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1650,32 +1654,32 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = K(i), { property: r } = l(e, [
       "settings",
       "disabled"
-    ]), { property: s } = l(e, ["settings", "icon"]), { property: a } = l(e, ["settings", "size"]), { theme: c } = R();
+    ]), { property: s } = l(e, ["settings", "icon"]), { property: a } = l(e, ["settings", "size"]), { theme: p } = R();
     return (d, y) => {
-      const p = z("v-icon");
-      return v(), $(p, {
+      const c = z("v-icon");
+      return v(), $(c, {
         color: n(o),
         disabled: n(r),
         icon: n(s),
         size: n(a),
-        theme: n(c)
+        theme: n(p)
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), Ll = ["id"], Bl = /* @__PURE__ */ V({
+}), Bl = ["id"], Wl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = H(), o = _e(), r = re(0), s = re(0), a = k(() => [r.value, s.value]), c = k(() => e.node.basic?.id), { open: d } = no(`runtimeMenu/${eo()}`);
-    return vo(o, e, (p) => {
+    const e = t, i = H(), o = _e(), r = re(0), s = re(0), a = k(() => [r.value, s.value]), p = k(() => e.node.basic?.id), { open: d } = no(`runtimeMenu/${eo()}`);
+    return vo(o, e, (c) => {
       if (!q(i))
         return;
-      const { name: u } = p;
+      const { name: u } = c;
       u === "open" ? (r.value = o.getVariable("__pointerPosX__"), s.value = o.getVariable("__pointerPosY__"), d.value = !0) : u === "close" && (d.value = !1);
-    }), (p, u) => {
+    }), (c, u) => {
       const m = z("v-menu");
       return v(), $(m, {
         modelValue: n(d),
@@ -1688,17 +1692,17 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
         activator: I(() => [
           n(i) === "editor" ? (v(), J("div", {
             key: 0,
-            id: `__node__@${c.value}`
-          }, null, 8, Ll)) : ee("", !0)
+            id: `__node__@${p.value}`
+          }, null, 8, Bl)) : ee("", !0)
         ]),
         default: I(() => [
-          L(p.$slots, "default")
+          L(c.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Wl = /* @__PURE__ */ V({
+}), El = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1719,7 +1723,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: s } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: d } = l(e, ["settings", "max"]), { property: y } = l(e, ["size", "maxWidth"]), { property: p } = l(e, ["settings", "min"]), { property: u } = l(e, ["size", "minWidth"]), { property: m } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { property: d } = l(e, ["settings", "max"]), { property: y } = l(e, ["size", "maxWidth"]), { property: c } = l(e, ["settings", "min"]), { property: u } = l(e, ["size", "minWidth"]), { property: m } = l(e, [
       "settings",
       "placeholder"
     ]), { property: b } = l(e, [
@@ -1752,10 +1756,10 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
             clearable: n(r),
             "hide-details": n(s),
             label: n(a),
-            loading: n(c),
+            loading: n(p),
             max: n(d),
             "max-width": n(y),
-            min: n(p),
+            min: n(c),
             "min-width": n(u),
             placeholder: n(m),
             precision: n(b),
@@ -1776,7 +1780,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       });
     };
   }
-}), El = /* @__PURE__ */ V({
+}), Rl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1789,7 +1793,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: s } = l(e, ["settings", "length"]), { property: a } = l(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: c } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "start"]), { theme: y } = R(), { property: p } = l(e, ["settings", "tile"]), { property: u } = l(e, ["settings", "value"]), { property: m } = l(e, ["settings", "variant"]), b = k(() => {
+    ]), { property: p } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "start"]), { theme: y } = R(), { property: c } = l(e, ["settings", "tile"]), { property: u } = l(e, ["settings", "value"]), { property: m } = l(e, ["settings", "variant"]), b = k(() => {
       const h = {};
       return i === "editor" && (h.pointerEvents = "none"), h;
     });
@@ -1804,11 +1808,11 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
             disabled: n(r),
             length: n(s),
             "show-first-last-page": n(a),
-            size: n(c),
+            size: n(p),
             start: n(d),
             style: Q(b.value),
             theme: n(y),
-            tile: n(p),
+            tile: n(c),
             variant: n(m)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
         ]),
@@ -1816,7 +1820,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       });
     };
   }
-}), Rl = /* @__PURE__ */ V({
+}), Nl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1826,24 +1830,24 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = K(i), { property: r } = l(e, ["settings", "density"]), { property: s } = l(e, [
       "settings",
       "disabled"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, [
       "settings",
       "readonly"
     ]), { theme: d } = R(), { property: y } = l(e, ["settings", "value"]);
-    return (p, u) => {
+    return (c, u) => {
       const m = z("v-radio");
       return v(), $(m, {
         color: n(o),
         density: n(r),
         disabled: n(s),
         label: n(a),
-        readonly: n(c),
+        readonly: n(p),
         theme: n(d),
         value: n(y)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), Nl = /* @__PURE__ */ V({
+}), Ml = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1859,20 +1863,20 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: s } = l(e, ["settings", "inline"]), { property: a } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: c } = R(), { property: d } = l(e, ["settings", "value"]);
-    return (y, p) => {
+    ]), { theme: p } = R(), { property: d } = l(e, ["settings", "value"]);
+    return (y, c) => {
       const u = z("v-radio-group");
       return v(), $(n(X), null, {
         default: I(() => [
           D(u, {
             modelValue: n(d),
-            "onUpdate:modelValue": p[0] || (p[0] = (m) => U(d) ? d.value = m : null),
+            "onUpdate:modelValue": c[0] || (c[0] = (m) => U(d) ? d.value = m : null),
             density: n(i),
             direction: n(o),
             disabled: n(r),
             inline: n(s),
             readonly: n(a),
-            theme: n(c)
+            theme: n(p)
           }, {
             default: I(() => [
               L(y.$slots, "default")
@@ -1884,7 +1888,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       });
     };
   }
-}), Ml = /* @__PURE__ */ V({
+}), Dl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1900,16 +1904,16 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: s } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "max"]), { property: d } = l(e, ["settings", "min"]), { property: y } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "max"]), { property: d } = l(e, ["settings", "min"]), { property: y } = l(e, [
       "settings",
       "readonly"
-    ]), { property: p } = l(e, [
+    ]), { property: c } = l(e, [
       "settings",
       "showTicks"
     ]), u = k(() => {
-      if (p.value === "always")
+      if (c.value === "always")
         return "always";
-      if (p.value === "show")
+      if (c.value === "show")
         return !0;
     }), { property: m } = l(e, ["settings", "step"]), { theme: b } = R(), { property: h } = l(e, [
       "settings",
@@ -1962,7 +1966,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
             disabled: n(r),
             "hide-details": n(s),
             label: n(a),
-            max: n(c),
+            max: n(p),
             min: n(d),
             readonly: n(y),
             "show-ticks": u.value,
@@ -1978,7 +1982,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       }, 8, ["modelValue"]);
     };
   }
-}), Dl = /* @__PURE__ */ V({
+}), Fl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1994,23 +1998,23 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: s } = l(e, [
       "settings",
       "halfIncrements"
-    ]), { property: a } = l(e, ["settings", "hover"]), { property: c } = l(e, ["settings", "length"]), { property: d } = l(e, [
+    ]), { property: a } = l(e, ["settings", "hover"]), { property: p } = l(e, ["settings", "length"]), { property: d } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: y } = R(), { property: p } = l(e, ["settings", "value"]);
+    ]), { theme: y } = R(), { property: c } = l(e, ["settings", "value"]);
     return (u, m) => {
       const b = z("v-rating");
       return v(), $(n(X), { "fit-content": !0 }, {
         default: I(() => [
           D(b, {
-            modelValue: n(p),
-            "onUpdate:modelValue": m[0] || (m[0] = (h) => U(p) ? p.value = h : null),
+            modelValue: n(c),
+            "onUpdate:modelValue": m[0] || (m[0] = (h) => U(c) ? c.value = h : null),
             clearable: n(i),
             density: n(o),
             disabled: n(r),
             "half-increments": n(s),
             hover: n(a),
-            length: n(c),
+            length: n(p),
             readonly: n(d),
             theme: n(y)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
@@ -2019,7 +2023,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       });
     };
   }
-}), Fl = /* @__PURE__ */ V({
+}), Gl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2038,27 +2042,27 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "singleLine"
-    ]), { theme: c } = R(), { property: d } = l(e, ["settings", "value"]);
-    return (y, p) => {
+    ]), { theme: p } = R(), { property: d } = l(e, ["settings", "value"]);
+    return (y, c) => {
       const u = z("v-select");
       return v(), $(n(X), null, {
         default: I(() => [
           D(u, {
             modelValue: n(d),
-            "onUpdate:modelValue": p[0] || (p[0] = (m) => U(d) ? d.value = m : null),
+            "onUpdate:modelValue": c[0] || (c[0] = (m) => U(d) ? d.value = m : null),
             "hide-details": n(i),
             label: n(o),
             placeholder: n(r),
             readonly: n(s),
             "single-line": n(a),
-            theme: n(c)
+            theme: n(p)
           }, null, 8, ["modelValue", "hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), Gl = /* @__PURE__ */ V({
+}), Hl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2074,7 +2078,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = l(e, ["settings", "label"]), { property: d } = l(e, ["settings", "max"]), { property: y } = l(e, ["settings", "min"]), { property: p } = l(e, [
+    ]), { property: p } = l(e, ["settings", "label"]), { property: d } = l(e, ["settings", "max"]), { property: y } = l(e, ["settings", "min"]), { property: c } = l(e, [
       "settings",
       "readonly"
     ]), { property: u } = l(e, ["settings", "reverse"]), { property: m } = l(e, [
@@ -2128,10 +2132,10 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
             direction: n(r),
             disabled: n(s),
             "hide-details": n(a),
-            label: n(c),
+            label: n(p),
             max: n(d),
             min: n(y),
-            readonly: n(p),
+            readonly: n(c),
             reverse: n(u),
             "show-ticks": b.value,
             step: n(h),
@@ -2169,7 +2173,7 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       });
     };
   }
-}), Hl = /* @__PURE__ */ V({
+}), Kl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2181,8 +2185,8 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       "hideActions"
     ]), { theme: o } = R(), { property: r } = l(e, ["settings", "value"]);
     return (s, a) => {
-      const c = z("v-stepper");
-      return v(), $(c, {
+      const p = z("v-stepper");
+      return v(), $(p, {
         modelValue: n(r),
         "onUpdate:modelValue": a[0] || (a[0] = (d) => U(r) ? r.value = d : null),
         "hide-actions": n(i),
@@ -2195,8 +2199,8 @@ const fl = /* @__PURE__ */ ve(dl, [["render", yl]]), bl = /* @__PURE__ */ V({
       }, 8, ["modelValue", "hide-actions", "theme"]);
     };
   }
-}), Kl = {};
-function jl(t, e) {
+}), jl = {};
+function Ol(t, e) {
   const i = z("v-stepper-header");
   return v(), $(i, null, {
     default: I(() => [
@@ -2205,7 +2209,7 @@ function jl(t, e) {
     _: 3
   });
 }
-const Ol = /* @__PURE__ */ ve(Kl, [["render", jl]]), Ul = /* @__PURE__ */ V({
+const Ul = /* @__PURE__ */ ve(jl, [["render", Ol]]), Xl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2223,8 +2227,8 @@ const Ol = /* @__PURE__ */ ve(Kl, [["render", jl]]), Ul = /* @__PURE__ */ V({
       }, 8, ["value"]);
     };
   }
-}), Xl = {};
-function Yl(t, e) {
+}), Yl = {};
+function Jl(t, e) {
   const i = z("v-stepper-window");
   return v(), $(i, null, {
     default: I(() => [
@@ -2233,7 +2237,7 @@ function Yl(t, e) {
     _: 3
   });
 }
-const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
+const Zl = /* @__PURE__ */ ve(Yl, [["render", Jl]]), ql = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2251,7 +2255,7 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
       }, 8, ["value"]);
     };
   }
-}), ql = /* @__PURE__ */ V({
+}), Ql = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2270,7 +2274,7 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "indeterminate"
-    ]), { property: c } = l(e, ["settings", "inline"]), { property: d } = l(e, ["settings", "inset"]), { property: y } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { theme: u } = R(), { property: m } = l(e, ["settings", "value"]);
+    ]), { property: p } = l(e, ["settings", "inline"]), { property: d } = l(e, ["settings", "inset"]), { property: y } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { theme: u } = R(), { property: m } = l(e, ["settings", "value"]);
     return (b, h) => {
       const g = z("v-switch");
       return v(), $(n(X), { "fit-content": !0 }, {
@@ -2283,10 +2287,10 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
             disabled: n(r),
             "hide-details": n(s),
             indeterminate: n(a),
-            inline: n(c),
+            inline: n(p),
             inset: n(d),
             label: n(y),
-            loading: n(p),
+            loading: n(c),
             theme: n(u)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
         ]),
@@ -2294,7 +2298,7 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
       });
     };
   }
-}), Ql = /* @__PURE__ */ V({
+}), ea = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2302,10 +2306,10 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
   },
   setup(t) {
     const e = t, i = H(), { property: o } = l(e, ["settings", "text"]), { theme: r } = R(), { property: s } = l(e, ["settings", "value"]), a = k(() => {
-      const c = {};
-      return i === "editor" && (c.pointerEvents = "none"), c;
+      const p = {};
+      return i === "editor" && (p.pointerEvents = "none"), p;
     });
-    return (c, d) => {
+    return (p, d) => {
       const y = z("v-tab");
       return v(), $(n(X), { "fit-content": !0 }, {
         default: I(() => [
@@ -2320,7 +2324,7 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
       });
     };
   }
-}), ea = /* @__PURE__ */ V({
+}), ta = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2341,10 +2345,10 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
       "settings",
       "color",
       "selectedColor"
-    ]), { color: c } = K(a), { property: d } = l(e, ["settings", "density"]), { property: y } = l(e, [
+    ]), { color: p } = K(a), { property: d } = l(e, ["settings", "density"]), { property: y } = l(e, [
       "settings",
       "direction"
-    ]), { property: p } = l(e, [
+    ]), { property: c } = l(e, [
       "settings",
       "disabled"
     ]), { property: u } = l(e, [
@@ -2372,10 +2376,10 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
         "align-tabs": n(i),
         "bg-color": n(r),
         "center-active": n(s),
-        color: n(c),
+        color: n(p),
         density: n(d),
         direction: n(y),
-        disabled: n(p),
+        disabled: n(c),
         "fixed-tabs": n(u),
         grow: n(m),
         "hide-slider": n(b),
@@ -2393,7 +2397,7 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__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"]);
     };
   }
-}), ta = /* @__PURE__ */ V({
+}), na = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2406,15 +2410,15 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
     ]), { property: s } = l(e, [
       "settings",
       "emphasis"
-    ]), { property: a } = l(e, ["settings", "italic"]), { property: c } = l(e, ["settings", "text"]), { property: d } = l(e, ["settings", "weight"]), y = k(() => {
-      const p = [], u = Fe(i.value.width), m = Te(u, e.node.settings?.style);
-      return m && p.push(`text-${m}`), 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}`), r.value && p.push(`text-decoration-${r.value}`), d.value && p.push(`font-weight-${d.value}`), a.value && p.push("font-italic"), p.join(" ");
+    ]), { property: a } = l(e, ["settings", "italic"]), { property: p } = l(e, ["settings", "text"]), { property: d } = l(e, ["settings", "weight"]), y = k(() => {
+      const c = [], u = Fe(i.value.width), m = Te(u, e.node.settings?.style);
+      return m && c.push(`text-${m}`), s.value === "high" ? c.push("text-high-emphasis") : s.value === "medium" ? c.push("text-medium-emphasis") : s.value === "disabled" && c.push("text-disabled"), o.value && c.push(`font-${o.value}`), r.value && c.push(`text-decoration-${r.value}`), d.value && c.push(`font-weight-${d.value}`), a.value && c.push("font-italic"), c.join(" ");
     });
-    return (p, u) => (v(), J("span", {
-      class: Oo(y.value)
-    }, Uo(n(c)), 3));
+    return (c, u) => (v(), J("span", {
+      class: Uo(y.value)
+    }, Xo(n(p)), 3));
   }
-}), na = /* @__PURE__ */ V({
+}), ia = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2430,10 +2434,10 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
     ]), { property: r } = l(e, ["settings", "density"]), { property: s } = l(e, [
       "settings",
       "disabled"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: d } = l(e, ["settings", "maxRows"]), { property: y } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { property: d } = l(e, ["settings", "maxRows"]), { property: y } = l(e, [
       "settings",
       "placeholder"
-    ]), { property: p } = l(e, [
+    ]), { property: c } = l(e, [
       "settings",
       "readonly"
     ]), { property: u } = l(e, ["settings", "reverse"]), { property: m } = l(e, ["settings", "rows"]), { property: b } = l(e, [
@@ -2452,10 +2456,10 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
             density: n(r),
             disabled: n(s),
             label: n(a),
-            loading: n(c),
+            loading: n(p),
             "max-rows": n(d),
             placeholder: n(y),
-            readonly: n(p),
+            readonly: n(c),
             reverse: n(u),
             rows: n(m),
             "single-line": n(b),
@@ -2467,7 +2471,7 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
       });
     };
   }
-}), ia = /* @__PURE__ */ V({
+}), oa = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2486,13 +2490,13 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
     ]), { property: s } = l(e, [
       "settings",
       "clearable"
-    ]), { property: a } = l(e, ["settings", "density"]), { property: c } = l(e, [
+    ]), { property: a } = l(e, ["settings", "density"]), { property: p } = l(e, [
       "settings",
       "disabled"
     ]), { property: d } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: y } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { property: u } = l(e, [
+    ]), { property: y } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: u } = l(e, [
       "settings",
       "placeholder"
     ]), { property: m } = l(e, ["settings", "prefix"]), { property: b } = l(e, [
@@ -2529,10 +2533,10 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
             autofocus: n(r),
             clearable: n(s),
             density: n(a),
-            disabled: n(c),
+            disabled: n(p),
             "hide-details": n(d),
             label: n(y),
-            loading: n(p),
+            loading: n(c),
             placeholder: n(u),
             prefix: n(m),
             "prepend-icon": n(b),
@@ -2590,7 +2594,7 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
       });
     };
   }
-}), oa = /* @__PURE__ */ V({
+}), sa = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2604,7 +2608,7 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
       "settings",
       "dot",
       "color"
-    ]), { color: a } = K(s), { property: c } = l(e, [
+    ]), { color: a } = K(s), { property: p } = l(e, [
       "settings",
       "dot",
       "fill"
@@ -2615,7 +2619,7 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
       "settings",
       "line",
       "color"
-    ]), { color: p } = K(y), { property: u } = l(e, [
+    ]), { color: c } = K(y), { property: u } = l(e, [
       "settings",
       "line",
       "inset"
@@ -2635,9 +2639,9 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
         density: n(o),
         direction: n(r),
         "dot-color": n(a),
-        "fill-dot": n(c),
+        "fill-dot": n(p),
         "hide-opposite": n(d),
-        "line-color": n(p),
+        "line-color": n(c),
         "line-inset": n(u),
         "line-thickness": n(m),
         side: n(b),
@@ -2651,8 +2655,8 @@ const Jl = /* @__PURE__ */ ve(Xl, [["render", Yl]]), Zl = /* @__PURE__ */ V({
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
   }
-}), sa = {};
-function ra(t, e) {
+}), ra = {};
+function la(t, e) {
   const i = z("v-timeline-item");
   return v(), $(i, null, {
     default: I(() => [
@@ -2661,7 +2665,7 @@ function ra(t, e) {
     _: 3
   });
 }
-const la = /* @__PURE__ */ ve(sa, [["render", ra]]), aa = /* @__PURE__ */ V({
+const aa = /* @__PURE__ */ ve(ra, [["render", la]]), ua = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -2680,8 +2684,8 @@ const la = /* @__PURE__ */ ve(sa, [["render", ra]]), aa = /* @__PURE__ */ V({
     ]), { property: s } = l(e, ["settings", "reverse"]), { property: a } = l(e, [
       "settings",
       "showArrows"
-    ]), { property: c } = l(e, ["settings", "touch"]), { theme: d } = R(), { property: y } = l(e, ["settings", "value"]);
-    return (p, u) => {
+    ]), { property: p } = l(e, ["settings", "touch"]), { theme: d } = R(), { property: y } = l(e, ["settings", "value"]);
+    return (c, u) => {
       const m = z("v-window");
       return v(), $(m, {
         modelValue: n(y),
@@ -2692,17 +2696,17 @@ const la = /* @__PURE__ */ ve(sa, [["render", ra]]), aa = /* @__PURE__ */ V({
         reverse: n(s),
         "show-arrows": n(a),
         theme: n(d),
-        touch: n(c)
+        touch: n(p)
       }, {
         default: I(() => [
-          L(p.$slots, "default")
+          L(c.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
     };
   }
-}), ua = {};
-function ca(t, e) {
+}), ca = {};
+function pa(t, e) {
   const i = z("v-window-item");
   return v(), $(i, null, {
     default: I(() => [
@@ -2711,7 +2715,7 @@ function ca(t, e) {
     _: 3
   });
 }
-const pa = /* @__PURE__ */ ve(ua, [["render", ca]]), Xe = "ambient_light_v1", Ye = "badge_v1", Dn = "breadcrumbs_v1", Je = "bar_chart_v1", Ze = "box_geometry_v1", qe = "btn_v1", Qe = "btn_group_v1", et = "btn_toggle_v1", tt = "card_v1", nt = "checkbox_v1", it = "chip_v1", ot = "chip_group_v1", st = "color_picker_v1", rt = "combobox_v1", lt = "container_v1", at = "data_table_v1", ut = "date_picker_v1", ct = "dialog_v1", pt = "directional_light_v1", mt = "file_input_v1", dt = "flex_layout_v1", ko = "flex_layout_entry_v1", yt = "form_v1", sn = "globality_v1", ft = "group_v1", bt = "icon_v1", ht = "keyboard_controls_v1", gt = "line_chart_v1", xt = "map_controls_v1", vt = "menu_v1", kt = "mesh_v1", ma = "mesh_basic_material_v1", _t = "multiple_ref_v1", wt = "number_input_v1", Vt = "orbit_controls_v1", $t = "orthographic_camera_v1", It = "pagination_v1", St = "perspective_camera_v1", Ct = "point_light_v1", _o = "radio_v1", Tt = "radio_group_v1", Pt = "range_slider_v1", Ae = "reference_v1", zt = "rating_v1", At = "render_switch_v1", Lt = "select_v1", Bt = "slider_v1", Wt = "sphere_geometry_v1", Et = "spot_light_v1", Rt = "stepper_v1", wo = "stepper_header_v1", Vo = "stepper_item_v1", $o = "stepper_window_v1", Io = "stepper_window_item_v1", Nt = "switch_v1", So = "tab_v1", Fn = "table_v1", Mt = "tabs_v1", Dt = "text_v1", Ft = "textarea_v1", Gt = "text_field_v1", Ht = "timeline_v1", Co = "timeline_item_v1", Kt = "window_v1", To = "window_item_v1", f = {
+const ma = /* @__PURE__ */ ve(ca, [["render", pa]]), Xe = "ambient_light_v1", Ye = "badge_v1", Dn = "breadcrumbs_v1", Je = "bar_chart_v1", Ze = "box_geometry_v1", qe = "btn_v1", Qe = "btn_group_v1", et = "btn_toggle_v1", tt = "card_v1", nt = "checkbox_v1", it = "chip_v1", ot = "chip_group_v1", st = "color_picker_v1", rt = "combobox_v1", lt = "container_v1", at = "data_table_v1", ut = "date_picker_v1", ct = "dialog_v1", pt = "directional_light_v1", mt = "file_input_v1", dt = "flex_layout_v1", ko = "flex_layout_entry_v1", yt = "form_v1", sn = "globality_v1", ft = "group_v1", bt = "icon_v1", ht = "keyboard_controls_v1", gt = "line_chart_v1", xt = "map_controls_v1", vt = "menu_v1", kt = "mesh_v1", da = "mesh_basic_material_v1", _t = "multiple_ref_v1", wt = "number_input_v1", Vt = "orbit_controls_v1", $t = "orthographic_camera_v1", It = "pagination_v1", St = "perspective_camera_v1", Ct = "point_light_v1", _o = "radio_v1", Tt = "radio_group_v1", Pt = "range_slider_v1", Ae = "reference_v1", zt = "rating_v1", At = "render_switch_v1", Lt = "select_v1", Bt = "slider_v1", Wt = "sphere_geometry_v1", Et = "spot_light_v1", Rt = "stepper_v1", wo = "stepper_header_v1", Vo = "stepper_item_v1", $o = "stepper_window_v1", Io = "stepper_window_item_v1", Nt = "switch_v1", So = "tab_v1", Fn = "table_v1", Mt = "tabs_v1", Dt = "text_v1", Ft = "textarea_v1", Gt = "text_field_v1", Ht = "timeline_v1", Co = "timeline_item_v1", Kt = "window_v1", To = "window_item_v1", f = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2773,7 +2777,7 @@ const pa = /* @__PURE__ */ ve(ua, [["render", ca]]), Xe = "ambient_light_v1", Ye
       ]
     }
   ]
-}, da = B(j), $e = {
+}, ya = B(j), $e = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2791,7 +2795,7 @@ const pa = /* @__PURE__ */ ve(ua, [["render", ca]]), Xe = "ambient_light_v1", Ye
       types: "borderWidthTypesV1",
       default: ""
     },
-    da,
+    ya,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -3187,10 +3191,10 @@ const pa = /* @__PURE__ */ ve(ua, [["render", ca]]), Xe = "ambient_light_v1", Ye
       default: 2e3
     }
   ]
-}, ya = {
+}, fa = {
   key: $t,
   name: "x-runtime-lib.orthographicCamera",
-  comp: Ps,
+  comp: zs,
   properties: {
     pageScene: [f, Y, qn],
     compScene: [f, Y, qn]
@@ -3199,7 +3203,7 @@ const pa = /* @__PURE__ */ ve(ua, [["render", ca]]), Xe = "ambient_light_v1", Ye
   methods: [],
   slots: []
 };
-_(ya);
+_(fa);
 const Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3233,10 +3237,10 @@ const Qn = {
       default: 2e3
     }
   ]
-}, fa = {
+}, ba = {
   key: St,
   name: "x-runtime-lib.perspectiveCamera",
-  comp: As,
+  comp: Ls,
   properties: {
     pageScene: [f, Y, Qn],
     compScene: [f, Y, Qn]
@@ -3245,29 +3249,29 @@ const Qn = {
   methods: [],
   slots: []
 };
-_(fa);
-const ba = /* @__PURE__ */ V({
+_(ba);
+const ha = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
     const e = H();
-    return (i, o) => n(e) !== "editor" ? (v(), $(n(ps), { key: 0 })) : ee("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), $(n(ms), { key: 0 })) : ee("", !0);
   }
-}), ha = /* @__PURE__ */ V({
+}), ga = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
     const e = H();
-    return (i, o) => n(e) !== "editor" ? (v(), $(n(ms), { key: 0 })) : ee("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), $(n(ds), { key: 0 })) : ee("", !0);
   }
-}), ga = /* @__PURE__ */ V({
+}), xa = /* @__PURE__ */ V({
   __name: "index",
   setup(t) {
     const e = H();
-    return (i, o) => n(e) !== "editor" ? (v(), $(n(ds), { key: 0 })) : ee("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), $(n(ys), { key: 0 })) : ee("", !0);
   }
-}), xa = {
+}), va = {
   key: ht,
   name: "x-runtime-lib.keyboardControls",
-  comp: ba,
+  comp: ha,
   properties: {
     pageScene: [f],
     compScene: [f]
@@ -3277,11 +3281,11 @@ const ba = /* @__PURE__ */ V({
   slots: [],
   leaf: !0
 };
-_(xa);
-const va = {
+_(va);
+const ka = {
   key: xt,
   name: "x-runtime-lib.mapControls",
-  comp: ha,
+  comp: ga,
   properties: {
     pageScene: [f],
     compScene: [f]
@@ -3291,11 +3295,11 @@ const va = {
   slots: [],
   leaf: !0
 };
-_(va);
-const ka = {
+_(ka);
+const _a = {
   key: Vt,
   name: "x-runtime-lib.orbitControls",
-  comp: ga,
+  comp: xa,
   properties: {
     pageScene: [f],
     compScene: [f]
@@ -3305,8 +3309,8 @@ const ka = {
   slots: [],
   leaf: !0
 };
-_(ka);
-function _a(t, e) {
+_(_a);
+function wa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`boxGeometryV1/spawn property tag not found, ${i}`);
@@ -3335,11 +3339,11 @@ function _a(t, e) {
       z: 1
     }
   }, s.children = [
-    wa(t, e),
-    Va(t, e)
+    Va(t, e),
+    $a(t, e)
   ], s;
 }
-function wa(t, e) {
+function Va(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -3364,7 +3368,7 @@ function wa(t, e) {
     depthSegements: 1
   }, s;
 }
-function Va(t, e) {
+function $a(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -3429,7 +3433,7 @@ const ei = {
 }, rn = {
   key: Ze,
   name: "x-runtime-lib.boxGeometry",
-  comp: Bs,
+  comp: Ws,
   properties: {
     pageScene: [f, ei],
     compScene: [f, ei]
@@ -3438,10 +3442,10 @@ const ei = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: _a
+  spawn: wa
 };
 _(rn);
-function $a(t, e) {
+function Ia(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${i}`);
@@ -3470,11 +3474,11 @@ function $a(t, e) {
       z: 1
     }
   }, s.children = [
-    Ia(t, e),
-    Sa(t, e)
+    Sa(t, e),
+    Ca(t, e)
   ], s;
 }
-function Ia(t, e) {
+function Sa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -3500,7 +3504,7 @@ function Ia(t, e) {
     thetaLength: 3.141592653589793
   }, s;
 }
-function Sa(t, e) {
+function Ca(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -3573,7 +3577,7 @@ const ti = {
 }, ln = {
   key: Wt,
   name: "x-runtime-lib.sphereGeometry",
-  comp: Es,
+  comp: Rs,
   properties: {
     pageScene: [f, ti],
     compScene: [f, ti]
@@ -3582,7 +3586,7 @@ const ti = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: $a
+  spawn: Ia
 };
 _(ln);
 const jt = B(j);
@@ -3602,10 +3606,10 @@ const ni = {
       default: 1
     }
   ]
-}, Ca = {
+}, Ta = {
   key: Xe,
   name: "x-runtime-lib.ambientLight",
-  comp: Ns,
+  comp: Ms,
   properties: {
     pageScene: [f, Y, ni],
     compScene: [f, Y, ni]
@@ -3614,7 +3618,7 @@ const ni = {
   methods: [],
   slots: []
 };
-_(Ca);
+_(Ta);
 const Ot = B(j);
 Ot.children[0].default = "custom";
 Ot.children[2].children[0].default = "0xffffff";
@@ -3632,10 +3636,10 @@ const ii = {
       default: 1
     }
   ]
-}, Ta = {
+}, Pa = {
   key: pt,
   name: "x-runtime-lib.directionalLight",
-  comp: Ds,
+  comp: Fs,
   properties: {
     pageScene: [f, Y, ii],
     compScene: [f, Y, ii]
@@ -3644,7 +3648,7 @@ const ii = {
   methods: [],
   slots: []
 };
-_(Ta);
+_(Pa);
 const Ut = B(j);
 Ut.children[0].default = "custom";
 Ut.children[2].children[0].default = "0xffffff";
@@ -3676,10 +3680,10 @@ const oi = {
       default: 2
     }
   ]
-}, Pa = {
+}, za = {
   key: Ct,
   name: "x-runtime-lib.pointLight",
-  comp: Gs,
+  comp: Hs,
   properties: {
     pageScene: [f, Y, oi],
     compScene: [f, Y, oi]
@@ -3688,7 +3692,7 @@ const oi = {
   methods: [],
   slots: []
 };
-_(Pa);
+_(za);
 const Xt = B(j);
 Xt.children[0].default = "custom";
 Xt.children[2].children[0].default = "0xffffff";
@@ -3737,10 +3741,10 @@ const si = {
       default: 0
     }
   ]
-}, za = {
+}, Aa = {
   key: Et,
   name: "x-runtime-lib.spotLight",
-  comp: Ks,
+  comp: js,
   properties: {
     pageScene: [f, Y, si],
     compScene: [f, Y, si]
@@ -3749,11 +3753,11 @@ const si = {
   methods: [],
   slots: []
 };
-_(za);
+_(Aa);
 const Le = {
-  key: ma,
+  key: da,
   name: "x-runtime-lib.meshBasicMaterial",
-  comp: Us,
+  comp: Xs,
   properties: {
     pageScene: [f],
     compScene: [f]
@@ -3764,10 +3768,10 @@ const Le = {
   leaf: !0
 };
 _(Le);
-const Aa = {
+const La = {
   key: ft,
   name: "x-runtime-lib.group",
-  comp: Ys,
+  comp: Js,
   properties: {
     pageScene: [f, Y],
     compScene: [f, Y]
@@ -3776,11 +3780,11 @@ const Aa = {
   methods: [],
   slots: []
 };
-_(Aa);
+_(La);
 const Be = {
   key: kt,
   name: "x-runtime-lib.mesh",
-  comp: Zs,
+  comp: qs,
   properties: {
     pageScene: [f, Y],
     compScene: [f, Y]
@@ -3790,7 +3794,7 @@ const Be = {
   slots: []
 };
 _(Be);
-function La(t, e) {
+function Ba(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`barChartV1/spawn property tag not found, ${i}`);
@@ -3833,7 +3837,7 @@ const ri = {
 }, an = {
   key: Je,
   name: "x-runtime-lib.barChart",
-  comp: ol,
+  comp: sl,
   properties: {
     pageCommon: [f, O, He, Ke, je, Ge, ri],
     compCommon: [f, O, He, Ke, je, Ge, ri]
@@ -3842,10 +3846,10 @@ const ri = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: La
+  spawn: Ba
 };
 _(an);
-function Ba(t, e) {
+function Wa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`lineChartV1/spawn property tag not found, ${i}`);
@@ -3888,7 +3892,7 @@ const li = {
 }, un = {
   key: gt,
   name: "x-runtime-lib.lineChart",
-  comp: sl,
+  comp: rl,
   properties: {
     pageCommon: [f, O, He, Ke, je, Ge, li],
     compCommon: [f, O, He, Ke, je, Ge, li]
@@ -3897,13 +3901,13 @@ const li = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Ba
+  spawn: Wa
 };
 _(un);
-const Wa = {
+const Ea = {
   key: _t,
   name: "x-runtime-lib.multipleRef",
-  comp: al,
+  comp: ul,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -3913,7 +3917,7 @@ const Wa = {
   slots: [],
   leaf: !0
 };
-_(Wa);
+_(Ea);
 const ai = {
   key: "reference",
   name: "x-runtime-lib.reference",
@@ -3925,10 +3929,10 @@ const ai = {
       default: void 0
     }
   ]
-}, Ea = {
+}, Ra = {
   key: Ae,
   name: "x-runtime-lib.reference",
-  comp: ul,
+  comp: cl,
   properties: {
     pageCommon: [f, O, ai],
     compCommon: [f, O, ai]
@@ -3938,7 +3942,7 @@ const ai = {
   slots: [],
   leaf: !0
 };
-_(Ea);
+_(Ra);
 const ui = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3950,10 +3954,10 @@ const ui = {
       default: !1
     }
   ]
-}, Ra = {
+}, Na = {
   key: At,
   name: "x-runtime-lib.renderSwitch",
-  comp: cl,
+  comp: pl,
   properties: {
     pageCommon: [f, ui],
     compCommon: [f, ui]
@@ -3962,7 +3966,7 @@ const ui = {
   methods: [],
   slots: []
 };
-_(Ra);
+_(Na);
 const Yt = B(j);
 Yt.key = "backgroundColor";
 Yt.name = "x-runtime-lib.backgroundColor";
@@ -3974,7 +3978,7 @@ const ci = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [Yt]
-}, Na = {
+}, Ma = {
   key: sn,
   name: "x-runtime-lib.globality",
   comp: null,
@@ -4022,7 +4026,7 @@ const ci = {
   slots: [],
   internal: !0
 };
-_(Na);
+_(Ma);
 const mi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4058,10 +4062,10 @@ const mi = {
       default: !1
     }
   ]
-}, Oc = {
+}, Uc = {
   key: Ye,
   name: "x-runtime-lib.badge",
-  comp: pl,
+  comp: ml,
   properties: {
     pageCommon: [f, mi],
     compCommon: [f, mi]
@@ -4070,7 +4074,7 @@ const mi = {
   methods: [],
   slots: []
 };
-function Ma(t, e) {
+function Da(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`btnV1/spawn property tag not found, ${i}`);
@@ -4084,7 +4088,7 @@ function Ma(t, e) {
   const s = {};
   return P(s, r), s.basic.id = T(16), s.basic.key = cn.key, s.settings.text = "button", s;
 }
-const Da = B(j), di = {
+const Fa = B(j), di = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4163,7 +4167,7 @@ const Da = B(j), di = {
       ui: "switch",
       default: !1
     },
-    Da,
+    Fa,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -4174,7 +4178,7 @@ const Da = B(j), di = {
 }, cn = {
   key: qe,
   name: "x-runtime-lib.button",
-  comp: ml,
+  comp: dl,
   properties: {
     pageCommon: [f, O, di],
     compCommon: [f, O, di]
@@ -4189,13 +4193,13 @@ const Da = B(j), di = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Ma
+  spawn: Da
 };
 _(cn);
-const Fa = {
+const Ga = {
   key: Qe,
   name: "x-runtime-lib.buttonGroup",
-  comp: fl,
+  comp: bl,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -4204,7 +4208,7 @@ const Fa = {
   methods: [],
   slots: []
 };
-_(Fa);
+_(Ga);
 const yi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4266,10 +4270,10 @@ const yi = {
       default: !1
     }
   ]
-}, Ga = {
+}, Ha = {
   key: et,
   name: "x-runtime-lib.buttonToggle",
-  comp: bl,
+  comp: hl,
   properties: {
     pageCommon: [f, yi],
     compCommon: [f, yi]
@@ -4278,8 +4282,8 @@ const yi = {
   methods: [],
   slots: []
 };
-_(Ga);
-function Ha(t, e) {
+_(Ha);
+function Ka(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`cardV1/spawn property tag not found, ${i}`);
@@ -4351,7 +4355,7 @@ const fi = {
 }, We = {
   key: tt,
   name: "x-runtime-lib.card",
-  comp: hl,
+  comp: gl,
   properties: {
     pageCommon: [f, O, fi],
     compCommon: [f, O, fi]
@@ -4359,7 +4363,7 @@ const fi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Ha
+  spawn: Ka
 };
 _(We);
 const bi = {
@@ -4379,10 +4383,10 @@ const bi = {
       default: ""
     }
   ]
-}, Ka = {
+}, ja = {
   key: nt,
   name: "x-runtime-lib.checkbox",
-  comp: gl,
+  comp: xl,
   properties: {
     pageCommon: [f, bi],
     compCommon: [f, bi]
@@ -4392,8 +4396,8 @@ const bi = {
   slots: [],
   leaf: !0
 };
-_(Ka);
-const ja = B(j), hi = {
+_(ja);
+const Oa = B(j), hi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4466,12 +4470,12 @@ const ja = B(j), hi = {
       ui: "switch",
       default: !1
     },
-    ja
+    Oa
   ]
 }, pn = {
   key: it,
   name: "x-runtime-lib.chip",
-  comp: xl,
+  comp: vl,
   properties: {
     pageCommon: [f, hi],
     compCommon: [f, hi]
@@ -4482,7 +4486,7 @@ const ja = B(j), hi = {
   leaf: !0
 };
 _(pn);
-function Oa(t, e) {
+function Ua(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`chipGroupV1/spawn property tag not found, ${i}`);
@@ -4514,8 +4518,8 @@ function we(t, e, i, o) {
     console.error(`chipGroupV1/spawnChip properties not found, ${r}`);
     return;
   }
-  const c = {};
-  return P(c, a), c.basic.id = T(16), c.basic.key = pn.key, c.settings.value = i, c.settings.text = o, c;
+  const p = {};
+  return P(p, a), p.basic.id = T(16), p.basic.key = pn.key, p.settings.value = i, p.settings.text = o, p;
 }
 const gi = {
   key: "settings",
@@ -4574,7 +4578,7 @@ const gi = {
 }, mn = {
   key: ot,
   name: "x-runtime-lib.chipGroup",
-  comp: vl,
+  comp: kl,
   properties: {
     pageCommon: [f, gi],
     compCommon: [f, gi]
@@ -4582,13 +4586,13 @@ const gi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Oa
+  spawn: Ua
 };
 _(mn);
-const Ua = {
+const Xa = {
   key: st,
   name: "x-runtime-lib.colorPicker",
-  comp: kl,
+  comp: _l,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -4598,7 +4602,7 @@ const Ua = {
   slots: [],
   leaf: !0
 };
-_(Ua);
+_(Xa);
 const xi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4640,10 +4644,10 @@ const xi = {
       default: !1
     }
   ]
-}, Xa = {
+}, Ya = {
   key: rt,
   name: "x-runtime-lib.combobox",
-  comp: _l,
+  comp: wl,
   properties: {
     pageCommon: [f, xi],
     compCommon: [f, xi]
@@ -4653,7 +4657,7 @@ const xi = {
   slots: [],
   leaf: !0
 };
-_(Xa);
+_(Ya);
 const Gn = B(j);
 Gn.key = "backgroundColor";
 Gn.name = "x-runtime-lib.backgroundColor";
@@ -4664,7 +4668,7 @@ const vi = {
 }, dn = {
   key: lt,
   name: "x-runtime-lib.container",
-  comp: wl,
+  comp: Vl,
   properties: {
     pageCommon: [f, O, $e, Ie, Se, vi],
     compCommon: [f, O, $e, Ie, Se, vi]
@@ -4832,10 +4836,10 @@ const ki = {
       defaultArray: []
     }
   ]
-}, Ya = {
+}, Ja = {
   key: at,
   name: "x-runtime-lib.dataTable",
-  comp: Vl,
+  comp: $l,
   properties: {
     pageCommon: [f, ki, _i, wi],
     compCommon: [f, ki, _i, wi]
@@ -4845,11 +4849,11 @@ const ki = {
   slots: [],
   leaf: !0
 };
-_(Ya);
-const Ja = {
+_(Ja);
+const Za = {
   key: ut,
   name: "x-runtime-lib.datePicker",
-  comp: $l,
+  comp: Il,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -4859,11 +4863,11 @@ const Ja = {
   slots: [],
   leaf: !0
 };
-_(Ja);
-const Za = {
+_(Za);
+const qa = {
   key: ct,
   name: "x-runtime-lib.dialog",
-  comp: Sl,
+  comp: Cl,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -4886,15 +4890,15 @@ const Za = {
   slots: [],
   teleport: !0
 };
-_(Za);
+_(qa);
 const Vi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, Uc = {
+}, Xc = {
   key: mt,
   name: "x-runtime-lib.fileInput",
-  comp: Cl,
+  comp: Tl,
   properties: {
     pageCommon: [f, Vi],
     compCommon: [f, Vi]
@@ -4923,7 +4927,7 @@ const Vi = {
 }, yn = {
   key: ko,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: Pl,
+  comp: zl,
   properties: {
     pageCommon: [f, O, $i],
     compCommon: [f, O, $i]
@@ -4933,7 +4937,7 @@ const Vi = {
   slots: []
 };
 _(yn);
-function qa(t, e) {
+function Qa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`flexLayoutV1/spawn property tag not found, ${i}`);
@@ -4966,18 +4970,18 @@ function qa(t, e) {
       "60px",
       void 0
     ),
-    Qa(t, e)
+    eu(t, e)
   ], s;
 }
-function fn(t, e, i, o, r, s, a, c, d) {
-  const y = `type=${t} subtype=${e}`, p = A(t, e);
-  if (!p) {
+function fn(t, e, i, o, r, s, a, p, d) {
+  const y = `type=${t} subtype=${e}`, c = A(t, e);
+  if (!c) {
     console.error(
       `flexLayoutV1/spawnContainer property tag not found, ${y}`
     );
     return;
   }
-  const u = dn.properties[p];
+  const u = dn.properties[c];
   if (!u) {
     console.error(
       `flexLayoutV1/spawnContainer properties not found, ${y}`
@@ -4985,9 +4989,9 @@ function fn(t, e, i, o, r, s, a, c, d) {
     return;
   }
   const m = {};
-  return P(m, u), m.basic.id = T(16), m.basic.key = dn.key, o && (m.size.width = o), r && (m.size.minWidth = r), a && (m.size.height = a), c && (m.size.minHeight = c), i && (m.settings.backgroundColor.mode = "custom", m.settings.backgroundColor.custom.light = i, m.settings.backgroundColor.custom.dark = i), m.children = [], m;
+  return P(m, u), m.basic.id = T(16), m.basic.key = dn.key, o && (m.size.width = o), r && (m.size.minWidth = r), a && (m.size.height = a), p && (m.size.minHeight = p), i && (m.settings.backgroundColor.mode = "custom", m.settings.backgroundColor.custom.light = i, m.settings.backgroundColor.custom.dark = i), m.children = [], m;
 }
-function Qa(t, e) {
+function eu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -5195,7 +5199,7 @@ const Ii = {
 }, Ee = {
   key: dt,
   name: "x-runtime-lib.flexLayout",
-  comp: Tl,
+  comp: Pl,
   properties: {
     pageCommon: [f, O, $e, Ie, Se, Ii],
     compCommon: [f, O, $e, Ie, Se, Ii]
@@ -5209,7 +5213,7 @@ const Ii = {
   ],
   methods: [],
   slots: [],
-  spawn: qa
+  spawn: Qa
 };
 _(Ee);
 const Si = {
@@ -5365,7 +5369,7 @@ const Si = {
 }, bn = {
   key: Gt,
   name: "x-runtime-lib.textField",
-  comp: ia,
+  comp: oa,
   properties: {
     pageCommon: [f, Si, Ci],
     compCommon: [f, Si, Ci]
@@ -5401,7 +5405,7 @@ const Si = {
   leaf: !0
 };
 _(bn);
-function eu(t, e) {
+function tu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`formV1/spawn property tag not found, ${i}`);
@@ -5413,9 +5417,9 @@ function eu(t, e) {
     return;
   }
   const s = {};
-  return P(s, r), s.basic.id = T(16), s.basic.key = hn.key, s.children = [tu(t, e)], s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = hn.key, s.children = [nu(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(`formV1/spawnTextField property tag not found, ${i}`);
@@ -5450,7 +5454,7 @@ const Ti = {
 }, hn = {
   key: yt,
   name: "x-runtime-lib.form",
-  comp: zl,
+  comp: Al,
   properties: {
     pageCommon: [f, O, $e, Ie, Se, Ti],
     compCommon: [f, O, $e, Ie, Se, Ti]
@@ -5464,10 +5468,10 @@ const Ti = {
   ],
   methods: [],
   slots: [],
-  spawn: eu
+  spawn: tu
 };
 _(hn);
-const nu = B(j), Pi = {
+const iu = B(j), Pi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5490,12 +5494,12 @@ const nu = B(j), Pi = {
       items: "sizeItemsV1",
       default: "default"
     },
-    nu
+    iu
   ]
-}, iu = {
+}, ou = {
   key: bt,
   name: "x-runtime-lib.icon",
-  comp: Al,
+  comp: Ll,
   properties: {
     pageCommon: [f, Pi],
     compCommon: [f, Pi]
@@ -5505,11 +5509,11 @@ const nu = B(j), Pi = {
   slots: [],
   leaf: !0
 };
-_(iu);
-const ou = {
+_(ou);
+const su = {
   key: vt,
   name: "x-runtime-lib.menu",
-  comp: Bl,
+  comp: Wl,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -5532,8 +5536,8 @@ const ou = {
   slots: [],
   teleport: !0
 };
-_(ou);
-function su(t, e) {
+_(su);
+function ru(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`numberInputV1/spawn property tag not found, ${i}`);
@@ -5717,7 +5721,7 @@ const zi = {
 }, gn = {
   key: wt,
   name: "x-runtime-lib.numberInput",
-  comp: Wl,
+  comp: El,
   properties: {
     pageCommon: [f, zi, Ai],
     compCommon: [f, zi, Ai]
@@ -5752,7 +5756,7 @@ const zi = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: su
+  spawn: ru
 };
 _(gn);
 const Li = {
@@ -5818,10 +5822,10 @@ const Li = {
       default: !1
     }
   ]
-}, ru = {
+}, lu = {
   key: It,
   name: "x-runtime-lib.pagination",
-  comp: El,
+  comp: Rl,
   properties: {
     pageCommon: [f, Li],
     compCommon: [f, Li]
@@ -5831,8 +5835,8 @@ const Li = {
   slots: [],
   leaf: !0
 };
-_(ru);
-const lu = B(j), Bi = {
+_(lu);
+const au = B(j), Bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5867,12 +5871,12 @@ const lu = B(j), Bi = {
       items: "densityItemsV1",
       default: "default"
     },
-    lu
+    au
   ]
 }, xn = {
   key: _o,
   name: "x-runtime-lib.radio",
-  comp: Rl,
+  comp: Nl,
   properties: {
     pageCommon: [f, Bi],
     compCommon: [f, Bi]
@@ -5883,7 +5887,7 @@ const lu = B(j), Bi = {
   leaf: !0
 };
 _(xn);
-function au(t, e) {
+function uu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`radioGroupV1/spawn property tag not found, ${i}`);
@@ -5914,8 +5918,8 @@ function qt(t, e, i, o) {
     console.error(`radioGroupV1/spawnEntry properties not found, ${r}`);
     return;
   }
-  const c = {};
-  return P(c, a), c.basic.id = T(16), c.basic.key = xn.key, c.settings.value = i, c.settings.label = o, c;
+  const p = {};
+  return P(p, a), p.basic.id = T(16), p.basic.key = xn.key, p.settings.value = i, p.settings.label = o, p;
 }
 const Wi = {
   key: "settings",
@@ -5963,7 +5967,7 @@ const Wi = {
 }, vn = {
   key: Tt,
   name: "x-runtime-lib.radioGroup",
-  comp: Nl,
+  comp: Ml,
   properties: {
     pageCommon: [f, Wi],
     compCommon: [f, Wi]
@@ -5971,7 +5975,7 @@ const Wi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: au
+  spawn: uu
 };
 _(vn);
 const Ei = {
@@ -6091,10 +6095,10 @@ const Ei = {
       ]
     }
   ]
-}, uu = {
+}, cu = {
   key: Pt,
   name: "x-runtime-lib.rangeSlider",
-  comp: Ml,
+  comp: Dl,
   properties: {
     pageCommon: [f, Ei],
     compCommon: [f, Ei]
@@ -6104,7 +6108,7 @@ const Ei = {
   slots: [],
   leaf: !0
 };
-_(uu);
+_(cu);
 const Ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6160,10 +6164,10 @@ const Ri = {
       default: !1
     }
   ]
-}, cu = {
+}, pu = {
   key: zt,
   name: "x-runtime-lib.rating",
-  comp: Dl,
+  comp: Fl,
   properties: {
     pageCommon: [f, Ri],
     compCommon: [f, Ri]
@@ -6173,7 +6177,7 @@ const Ri = {
   slots: [],
   leaf: !0
 };
-_(cu);
+_(pu);
 const Ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6215,10 +6219,10 @@ const Ni = {
       default: !1
     }
   ]
-}, pu = {
+}, mu = {
   key: Lt,
   name: "x-runtime-lib.select",
-  comp: Fl,
+  comp: Gl,
   properties: {
     pageCommon: [f, Ni],
     compCommon: [f, Ni]
@@ -6228,7 +6232,7 @@ const Ni = {
   slots: [],
   leaf: !0
 };
-_(pu);
+_(mu);
 const Kn = B(j);
 Kn.key = "color";
 Kn.name = "x-runtime-lib.color";
@@ -6364,10 +6368,10 @@ const Mi = {
       default: void 0
     }
   ]
-}, mu = {
+}, du = {
   key: Bt,
   name: "x-runtime-lib.slider",
-  comp: Gl,
+  comp: Hl,
   properties: {
     pageCommon: [f, Mi, Di],
     compCommon: [f, Mi, Di]
@@ -6377,11 +6381,11 @@ const Mi = {
   slots: [],
   leaf: !0
 };
-_(mu);
+_(du);
 const kn = {
   key: wo,
   name: "x-runtime-lib.stepperHeader",
-  comp: Ol,
+  comp: Ul,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -6405,7 +6409,7 @@ const Fi = {
 }, _n = {
   key: Vo,
   name: "x-runtime-lib.stepperItem",
-  comp: Ul,
+  comp: Xl,
   properties: {
     pageCommon: [f, Fi],
     compCommon: [f, Fi]
@@ -6418,7 +6422,7 @@ _(_n);
 const wn = {
   key: $o,
   name: "x-runtime-lib.stepperWindow",
-  comp: Jl,
+  comp: Zl,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -6442,7 +6446,7 @@ const Gi = {
 }, Vn = {
   key: Io,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: Zl,
+  comp: ql,
   properties: {
     pageCommon: [f, Gi],
     compCommon: [f, Gi]
@@ -6452,7 +6456,7 @@ const Gi = {
   slots: []
 };
 _(Vn);
-function du(t, e) {
+function yu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`stepperV1/spawn property tag not found, ${i}`);
@@ -6464,9 +6468,9 @@ function du(t, e) {
     return;
   }
   const s = {};
-  return P(s, r), s.basic.id = T(16), s.basic.key = $n.key, s.children = [yu(t, e), fu(t, e)], s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = $n.key, s.children = [fu(t, e), bu(t, e)], s;
 }
-function yu(t, e) {
+function fu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`stepperV1/spawnHeader property tag not found, ${i}`);
@@ -6498,7 +6502,7 @@ function Qt(t, e, i) {
   const a = {};
   return P(a, s), a.basic.id = T(16), a.basic.key = _n.key, a.children = [], a.settings.value = i, a;
 }
-function fu(t, e) {
+function bu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`stepperV1/spawnWindow property tag not found, ${i}`);
@@ -6531,10 +6535,10 @@ function en(t, e, i, o) {
     );
     return;
   }
-  const c = {};
-  return P(c, a), c.basic.id = T(16), c.basic.key = Vn.key, c.children = [bu(t, e, o)], c.settings.value = i, c;
+  const p = {};
+  return P(p, a), p.basic.id = T(16), p.basic.key = Vn.key, p.children = [hu(t, e, o)], p.settings.value = i, p;
 }
-function bu(t, e, i) {
+function hu(t, e, i) {
   const o = `type=${t} subtype=${e}`, r = A(t, e);
   if (!r) {
     console.error(`stepperV1/spawnCard property tag not found, ${o}`);
@@ -6568,7 +6572,7 @@ const Hi = {
 }, $n = {
   key: Rt,
   name: "x-runtime-lib.stepper",
-  comp: Hl,
+  comp: Kl,
   properties: {
     pageCommon: [f, Hi],
     compCommon: [f, Hi]
@@ -6576,13 +6580,13 @@ const Hi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: du
+  spawn: yu
 };
 _($n);
-const hu = {
+const gu = {
   key: Nt,
   name: "x-runtime-lib.switch",
-  comp: ql,
+  comp: Ql,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -6592,7 +6596,7 @@ const hu = {
   slots: [],
   leaf: !0
 };
-_(hu);
+_(gu);
 const Ki = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6613,7 +6617,7 @@ const Ki = {
 }, In = {
   key: So,
   name: "x-runtime-lib.tab",
-  comp: Ql,
+  comp: ea,
   properties: {
     pageCommon: [f, Ki],
     compCommon: [f, Ki]
@@ -6624,7 +6628,7 @@ const Ki = {
   leaf: !0
 };
 _(In);
-function gu(t, e) {
+function xu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`tabsV1/spawn property tag not found, ${i}`);
@@ -6653,8 +6657,8 @@ function tn(t, e, i, o) {
     console.error(`tabsV1/spawnTab properties not found, ${r}`);
     return;
   }
-  const c = {};
-  return P(c, a), c.basic.id = T(16), c.basic.key = In.key, c.settings.value = i, c.settings.text = o, c;
+  const p = {};
+  return P(p, a), p.basic.id = T(16), p.basic.key = In.key, p.settings.value = i, p.settings.text = o, p;
 }
 const Un = B(j);
 Un.key = "backgroundColor";
@@ -6747,7 +6751,7 @@ const ji = {
 }, Sn = {
   key: Mt,
   name: "x-runtime-lib.tabs",
-  comp: ea,
+  comp: ta,
   properties: {
     pageCommon: [f, ji],
     compCommon: [f, ji]
@@ -6755,10 +6759,10 @@ const ji = {
   events: [],
   methods: [],
   slots: [],
-  spawn: gu
+  spawn: xu
 };
 _(Sn);
-function xu(t, e) {
+function vu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`textV1/spawn property tag not found, ${i}`);
@@ -6861,7 +6865,7 @@ const Oi = {
 }, ge = {
   key: Dt,
   name: "x-runtime-lib.text",
-  comp: ta,
+  comp: na,
   properties: {
     pageCommon: [f, Oi],
     compCommon: [f, Oi]
@@ -6870,10 +6874,10 @@ const Oi = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: xu
+  spawn: vu
 };
 _(ge);
-function vu(t, e) {
+function ku(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`textareaV1/spawn property tag not found, ${i}`);
@@ -6961,7 +6965,7 @@ const Ui = {
 }, Cn = {
   key: Ft,
   name: "x-runtime-lib.textarea",
-  comp: na,
+  comp: ia,
   properties: {
     pageCommon: [f, Ui],
     compCommon: [f, Ui]
@@ -6970,13 +6974,13 @@ const Ui = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: vu
+  spawn: ku
 };
 _(Cn);
 const Tn = {
   key: Co,
   name: "x-runtime-lib.timelineItem",
-  comp: la,
+  comp: aa,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -6986,7 +6990,7 @@ const Tn = {
   slots: []
 };
 _(Tn);
-function ku(t, e) {
+function _u(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`timelineV1/spawn property tag not found, ${i}`);
@@ -7016,9 +7020,9 @@ function nn(t, e, i) {
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Tn.key, a.children = [_u(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Tn.key, a.children = [wu(t, e, i)], a;
 }
-function _u(t, e, i) {
+function wu(t, e, i) {
   const o = `type=${t} subtype=${e}`, r = A(t, e);
   if (!r) {
     console.error(`timelineV1/spawnText property tag not found, ${o}`);
@@ -7032,7 +7036,7 @@ function _u(t, e, i) {
   const a = {};
   return P(a, s), a.basic.id = T(16), a.basic.key = ge.key, a.settings.text = i, a;
 }
-const wu = B(j), Vu = B(j), Xi = {
+const Vu = B(j), $u = B(j), Xi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7080,7 +7084,7 @@ const wu = B(j), Vu = B(j), Xi = {
           ui: "switch",
           default: !1
         },
-        wu
+        Vu
       ]
     },
     {
@@ -7106,14 +7110,14 @@ const wu = B(j), Vu = B(j), Xi = {
           ui: "numInput",
           default: 0
         },
-        Vu
+        $u
       ]
     }
   ]
 }, Pn = {
   key: Ht,
   name: "x-runtime-lib.timeline",
-  comp: oa,
+  comp: sa,
   properties: {
     pageCommon: [f, Xi],
     compCommon: [f, Xi]
@@ -7121,13 +7125,13 @@ const wu = B(j), Vu = B(j), Xi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: ku
+  spawn: _u
 };
 _(Pn);
 const zn = {
   key: To,
   name: "x-runtime-lib.windowItem",
-  comp: pa,
+  comp: ma,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -7137,7 +7141,7 @@ const zn = {
   slots: []
 };
 _(zn);
-function $u(t, e) {
+function Iu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`windowV1/spawn property tag not found, ${i}`);
@@ -7167,9 +7171,9 @@ function on(t, e, i) {
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = zn.key, a.children = [Iu(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = zn.key, a.children = [Su(t, e, i)], a;
 }
-function Iu(t, e, i) {
+function Su(t, e, i) {
   const o = `type=${t} subtype=${e}`, r = A(t, e);
   if (!r) {
     console.error(
@@ -7183,9 +7187,9 @@ function Iu(t, e, i) {
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Ee.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 = [Su(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Ee.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 = [Cu(t, e, i)], a;
 }
-function Su(t, e, i) {
+function Cu(t, e, i) {
   const o = `type=${t} subtype=${e}`, r = A(t, e);
   if (!r) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
@@ -7250,7 +7254,7 @@ const Yi = {
 }, An = {
   key: Kt,
   name: "x-runtime-lib.window",
-  comp: aa,
+  comp: ua,
   properties: {
     pageCommon: [f, Yi],
     compCommon: [f, Yi]
@@ -7258,36 +7262,36 @@ const Yi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: $u
+  spawn: Iu
 };
 _(An);
-const Cu = [
+const Tu = [
   { 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" }
-], Tu = [
+], Pu = [
   { 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" }
-], Pu = [
+], zu = [
   { 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" }
-], zu = [
+], Au = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], Au = [
+], Lu = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], Lu = [
+], Bu = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], Bu = [
+], Wu = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -7295,20 +7299,20 @@ const Cu = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], Wu = [
+], Eu = [
   { 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" }
-], Eu = [
+], Ru = [
   { 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" }
-], Ru = [
+], Nu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -7316,12 +7320,12 @@ const Cu = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], Nu = [
+], Mu = [
   { 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" }
-], Mu = [
+], Du = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -7329,24 +7333,24 @@ const Cu = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], Du = [
+], Fu = [
   { 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" }
-], Fu = [
+], Gu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], Gu = [
+], Hu = [
   { 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" }
-], Hu = [
+], Ku = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -7354,18 +7358,18 @@ const Cu = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], Ku = [
+], ju = [
   { 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" }
-], ju = [
+], Ou = [
   { 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" }
-], Ou = [
+], Uu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -7380,7 +7384,7 @@ const Cu = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], Uu = [
+], Xu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -7391,53 +7395,53 @@ const Cu = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], Xu = [
+], Yu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], Yu = [
+], Ju = [
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], Ju = [
+], Zu = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], Zu = [
+], qu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], qu = [
+], Qu = [
   { 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" }
-], Qu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], ec = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alignTabsItemsV1: Cu,
-  axisTypeItemsV1: Tu,
-  borderStyleItemsV1: Pu,
-  colorModeItemsV1: zu,
-  densityItemsV1: Au,
-  directionItemsV1: Lu,
-  fieldVariantItemsV1: Bu,
-  flexCrossAlignItemsV1: Wu,
-  flexDirectionItemsV1: Eu,
-  flexMainAlignItemsV1: Ru,
-  flexWrapItemsV1: Nu,
-  fontWeightItemsV1: Mu,
-  sheetVariantItemsV1: Du,
-  showTicksItemsV1: Fu,
-  sizeItemsV1: Gu,
-  textAlignItemsV1: Hu,
-  textDecorationItemsV1: Ku,
-  textEmphasisItemsV1: ju,
-  textStyleItemsV1: Ou,
-  themeColorItemsV1: Uu,
-  thumbLabelItemsV1: Xu,
-  timelineAlignItemsV1: Yu,
-  timelineDirectionItemsV1: Ju,
-  timelineSideItemsV1: Zu,
-  timelineTruncateLineItemsV1: qu
-}, Symbol.toStringTag, { value: "Module" })), ec = [
+  alignTabsItemsV1: Tu,
+  axisTypeItemsV1: Pu,
+  borderStyleItemsV1: zu,
+  colorModeItemsV1: Au,
+  densityItemsV1: Lu,
+  directionItemsV1: Bu,
+  fieldVariantItemsV1: Wu,
+  flexCrossAlignItemsV1: Eu,
+  flexDirectionItemsV1: Ru,
+  flexMainAlignItemsV1: Nu,
+  flexWrapItemsV1: Mu,
+  fontWeightItemsV1: Du,
+  sheetVariantItemsV1: Fu,
+  showTicksItemsV1: Gu,
+  sizeItemsV1: Hu,
+  textAlignItemsV1: Ku,
+  textDecorationItemsV1: ju,
+  textEmphasisItemsV1: Ou,
+  textStyleItemsV1: Uu,
+  themeColorItemsV1: Xu,
+  thumbLabelItemsV1: Yu,
+  timelineAlignItemsV1: Ju,
+  timelineDirectionItemsV1: Zu,
+  timelineSideItemsV1: qu,
+  timelineTruncateLineItemsV1: Qu
+}, Symbol.toStringTag, { value: "Module" })), tc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7477,7 +7481,7 @@ const Cu = [
     max: 1 / 0,
     step: 1
   }
-], tc = [
+], nc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7499,7 +7503,7 @@ const Cu = [
     validator: (t) => t === "right",
     default: "right"
   }
-], nc = [
+], ic = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7529,7 +7533,7 @@ const Cu = [
     precision: 6,
     default: "0%"
   }
-], ic = [
+], oc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7554,7 +7558,7 @@ const Cu = [
     min: 0,
     default: "0%"
   }
-], oc = [
+], sc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7579,7 +7583,7 @@ const Cu = [
     min: 0,
     default: "0%"
   }
-], sc = [
+], rc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7608,7 +7612,7 @@ const Cu = [
     validator: (t) => t === "end",
     default: "end"
   }
-], rc = [
+], lc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7630,16 +7634,16 @@ const Cu = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], lc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], ac = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: ec,
-  leftRightTypesV1: tc,
-  marginTypesV1: nc,
-  paddingTypesV1: ic,
-  sizeTypesV1: oc,
-  tableColumnAlignTypesV1: sc,
-  topBottomTypesV1: rc
-}, Symbol.toStringTag, { value: "Module" })), ac = [
+  borderWidthTypesV1: tc,
+  leftRightTypesV1: nc,
+  marginTypesV1: ic,
+  paddingTypesV1: oc,
+  sizeTypesV1: sc,
+  tableColumnAlignTypesV1: rc,
+  topBottomTypesV1: lc
+}, Symbol.toStringTag, { value: "Module" })), uc = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -7713,7 +7717,7 @@ const Cu = [
     name: "x-runtime-lib.dynamic",
     items: [Ae, _t, At]
   }
-], uc = [
+], cc = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7744,7 +7748,7 @@ const Cu = [
     name: "x-runtime-lib.controls",
     items: [Vt, xt, ht]
   }
-], cc = [
+], pc = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -7818,7 +7822,7 @@ const Cu = [
     name: "x-runtime-lib.dynamic",
     items: [Ae, _t, At]
   }
-], pc = [
+], mc = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7849,12 +7853,12 @@ const Cu = [
     name: "x-runtime-lib.controls",
     items: [Vt, xt, ht]
   }
-], mc = {
+], dc = {
   version: "v1",
   globalityKey: sn,
   refKey: Ae,
-  items: { ...Qu },
-  types: { ...lc },
+  items: { ...ec },
+  types: { ...ac },
   elements: /* @__PURE__ */ new Set([
     Xe,
     Ye,
@@ -7922,25 +7926,25 @@ const Cu = [
     To
   ]),
   groups: {
-    pageCommon: cc,
-    pageScene: pc,
-    compCommon: ac,
-    compScene: uc
+    pageCommon: pc,
+    pageScene: mc,
+    compCommon: uc,
+    compScene: cc
   }
-}, dc = {
-  v1: mc
+}, yc = {
+  v1: dc
 };
 function A(t, e) {
   if (t === "page") {
-    if (!ks.includes(e)) {
+    if (!_s.includes(e)) {
       console.error(`get property tag failed type=${t} subtype=${e}`);
       return;
     }
-  } else if (t === "comp" && !_s.includes(e)) {
+  } else if (t === "comp" && !ws.includes(e)) {
     console.error(`get property tag failed type=${t} subtype=${e}`);
     return;
   }
-  return `${t}${ys(e)}`;
+  return `${t}${fs(e)}`;
 }
 function Ji(t, e) {
   if (t.array)
@@ -7963,29 +7967,29 @@ function P(t, e) {
   }
   e.forEach((o) => i(t, o));
 }
-function Xc(t, e, i, o, r) {
+function Yc(t, e, i, o, r) {
   const s = `type=${t} subtype=${e} version=${i} ref=${o} keyOrRefId=${r}`, a = A(t, e);
   if (!a) {
     console.error(`spawnNode property tag not found, ${s}`);
     return;
   }
-  const c = dc[i];
-  if (!c) {
+  const p = yc[i];
+  if (!p) {
     console.error(`spawnNode pkg not found version, ${s}`);
     return;
   }
   if (o) {
-    const d = c.refKey, y = r;
-    if (!c.elements.has(d)) {
+    const d = p.refKey, y = r;
+    if (!p.elements.has(d)) {
       console.error(`spawnNode [ref] element not found in pkg, ${s}`);
       return;
     }
-    const p = ze[d];
-    if (!p) {
+    const c = ze[d];
+    if (!c) {
       console.error(`spawnNode [ref] element not found in global, ${s}`);
       return;
     }
-    const u = p.properties[a];
+    const u = c.properties[a];
     if (!u) {
       console.error(`spawnNode [ref] properties not found, ${s}`);
       return;
@@ -8001,7 +8005,7 @@ function Xc(t, e, i, o, r) {
     }, m;
   } else {
     const d = r;
-    if (!c.elements.has(d)) {
+    if (!p.elements.has(d)) {
       console.error(`spawnNode [key] element not found in pkg, ${s}`);
       return;
     }
@@ -8013,8 +8017,8 @@ function Xc(t, e, i, o, r) {
     if (y.spawn)
       return y.spawn(t, e);
     {
-      const p = y.properties[a];
-      if (!p) {
+      const c = y.properties[a];
+      if (!c) {
         console.error(`spawnNode [key] properties not found, ${s}`);
         return;
       }
@@ -8024,11 +8028,11 @@ function Xc(t, e, i, o, r) {
           key: ""
         }
       };
-      return P(u, p), u.basic.id = T(16), u.basic.key = d, y.leaf || (u.children = []), u;
+      return P(u, c), u.basic.id = T(16), u.basic.key = d, y.leaf || (u.children = []), u;
     }
   }
 }
-function Yc(t, e) {
+function Jc(t, e) {
   function i(o) {
     if (o.basic.id === e)
       return o;
@@ -8045,69 +8049,69 @@ function Yc(t, e) {
       return r;
   }
 }
-function yc(t) {
+function fc(t) {
   function e(o) {
     o.basic.id = T(16), o.children?.forEach((r) => e(r));
   }
   const i = B(t);
   return e(i), i;
 }
-function Jc(t) {
+function Zc(t) {
   const e = [];
   return t.forEach((i) => {
-    e.push(yc(i));
+    e.push(fc(i));
   }), e;
 }
 const Po = "runtimeOrg", zo = "runtimeEnv", Ao = "runtimeMode", Lo = "runtimeDevice", Bo = "runtimeDark", Wo = "runtimeType", Eo = "runtimeData", Ro = "runtimeDepends", No = "runtimeSandbox";
-function Zc(t) {
+function qc(t) {
   ae(Po, t);
 }
-function fc() {
+function bc() {
   return le(Po);
 }
-function qc(t) {
+function Qc(t) {
   ae(zo, t);
 }
-function bc() {
+function hc() {
   return le(zo);
 }
-function Qc(t) {
+function ep(t) {
   ae(Ao, t);
 }
 function H() {
   return le(Ao);
 }
-function ep(t) {
+function tp(t) {
   ae(Lo, Bn(t));
 }
 function Ce() {
   return le(Lo);
 }
-function tp(t) {
+function np(t) {
   ae(Bo, Bn(t));
 }
 function Ne() {
   return le(Bo);
 }
-function np(t) {
+function ip(t) {
   ae(Wo, t);
 }
 function fe() {
   return le(Wo);
 }
-function ip(t) {
+function op(t) {
   ae(Eo, t);
 }
 function ke() {
   return le(Eo);
 }
-function op(t) {
+function sp(t) {
   ae(Ro, Bn(t));
 }
-function hc() {
+function gc() {
   return le(Ro);
 }
-function gc(t) {
+function xc(t) {
   ae(No, t);
 }
 function _e() {
@@ -8120,13 +8124,13 @@ function Pe(t) {
 function De(t, e, i, o, r) {
   const { watchEffect: s, bind: a } = e;
   if (s[i])
-    for (const c of s[i]) {
-      const d = fs(c);
+    for (const p of s[i]) {
+      const d = bs(p);
       t.callFunction(`__watchEffect$${d}__`);
     }
   if (a.triggers[i])
-    for (const c of a.triggers[i]) {
-      const d = a.sets[c];
+    for (const p of a.triggers[i]) {
+      const d = a.sets[p];
       if (!d) {
         console.assert(!1);
         continue;
@@ -8149,8 +8153,8 @@ function De(t, e, i, o, r) {
         }
       if (!y)
         continue;
-      let p;
-      y.subKeys ? p = Ve(o, y.subKeys) : p = o;
+      let c;
+      y.subKeys ? c = Ve(o, y.subKeys) : c = o;
       for (const u of d)
         if (u.subKeys) {
           let m;
@@ -8170,10 +8174,10 @@ function De(t, e, i, o, r) {
             continue;
           }
           const b = Ve(m, u.subKeys);
-          if (se(p, b))
+          if (se(c, b))
             continue;
           const h = B(m);
-          mo(h, u.subKeys, B(p)), u.type === "elementProperty" ? t.setElementProperty(
+          mo(h, u.subKeys, B(c)), u.type === "elementProperty" ? t.setElementProperty(
             u.nodeId,
             u.propertyKeys,
             h
@@ -8195,19 +8199,19 @@ function De(t, e, i, o, r) {
             console.assert(!1);
             continue;
           }
-          if (se(p, m))
+          if (se(c, m))
             continue;
           u.type === "elementProperty" ? t.setElementProperty(
             u.nodeId,
             u.propertyKeys,
-            B(p)
-          ) : u.type === "customProperty" ? t.setCustomProperty(u.propertyId, B(p)) : u.type === "state" ? t.setState(u.stateId, B(p)) : u.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(u.propertyId, B(p)) : console.assert(!1);
+            B(c)
+          ) : u.type === "customProperty" ? t.setCustomProperty(u.propertyId, B(c)) : u.type === "state" ? t.setState(u.stateId, B(c)) : u.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(u.propertyId, B(c)) : console.assert(!1);
         }
     }
 }
-function xc(t, e) {
-  function i(p) {
-    const u = t.pseudoToNative(p), m = [], b = u.split(".");
+function vc(t, e) {
+  function i(c) {
+    const u = t.pseudoToNative(c), m = [], b = u.split(".");
     for (let h = 0; h < b.length; h++) {
       const g = b[h].trim();
       if (g !== "")
@@ -8219,8 +8223,8 @@ function xc(t, e) {
     }
     return t.nativeToPseudo(m);
   }
-  function o(p) {
-    const u = t.pseudoToNative(p);
+  function o(c) {
+    const u = t.pseudoToNative(c);
     try {
       const m = JSON.parse(u);
       return t.nativeToPseudo(m);
@@ -8228,31 +8232,31 @@ function xc(t, e) {
       return t.nativeToPseudo({});
     }
   }
-  function r(p) {
-    const u = t.pseudoToNative(p), m = JSON.stringify(u);
+  function r(c) {
+    const u = t.pseudoToNative(c), m = JSON.stringify(u);
     return t.nativeToPseudo(m);
   }
-  function s(p) {
-    const u = t.pseudoToNative(p);
+  function s(c) {
+    const u = t.pseudoToNative(c);
     console.log(u);
   }
-  function a(p) {
-    const u = t.pseudoToNative(p);
+  function a(c) {
+    const u = t.pseudoToNative(c);
     let m = "";
     typeof u == "object" ? m = JSON.stringify(u) : m = String(u), io.emit("consoleAppend", m);
   }
-  function c(p, u) {
-    const m = t.pseudoToNative(p), b = t.pseudoToNative(u);
-    m === "info" ? Xo(b) : m === "success" ? Yo(b) : m === "warning" ? oo(b) : m === "error" && so(b);
+  function p(c, u) {
+    const m = t.pseudoToNative(c), b = t.pseudoToNative(u);
+    m === "info" ? Yo(b) : m === "success" ? Jo(b) : m === "warning" ? oo(b) : m === "error" && so(b);
   }
-  function d(p, u) {
-    const m = t.pseudoToNative(p), b = t.pseudoToNative(u);
+  function d(c, u) {
+    const m = t.pseudoToNative(c), b = t.pseudoToNative(u);
     window.setTimeout(() => {
       t.appendCode(`__timeoutCallbackV1__(${m})`), t.run();
     }, b);
   }
-  function y(p, u) {
-    const m = t.pseudoToNative(p);
+  function y(c, u) {
+    const m = t.pseudoToNative(c);
     window.setTimeout(() => {
       u(), t.run();
     }, m);
@@ -8280,7 +8284,7 @@ function xc(t, e) {
   ), t.setProperty(
     e,
     "__messageV1__",
-    t.createNativeFunction(c)
+    t.createNativeFunction(p)
   ), t.setProperty(
     e,
     "__timeoutV1__",
@@ -8291,24 +8295,24 @@ function xc(t, e) {
     t.createAsyncFunction(y)
   );
 }
-const Mo = Jo({
+const Mo = Zo({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: e } = he;
-    so(gs(e, t));
+    so(xs(e, t));
   }
 });
 window.API_URL && (Mo.defaults.baseURL = window.API_URL + "/computebase/");
-function vc(t) {
+function kc(t) {
   return Mo.post("callFunc", t);
 }
-function kc(t, e) {
-  async function i(o, r, s, a, c, d) {
-    const y = t.pseudoToNative(o), p = t.pseudoToNative(r), u = t.pseudoToNative(s), m = t.pseudoToNative(a), b = t.pseudoToNative(c);
+function _c(t, e) {
+  async function i(o, r, s, a, p, d) {
+    const y = t.pseudoToNative(o), c = t.pseudoToNative(r), u = t.pseudoToNative(s), m = t.pseudoToNative(a), b = t.pseudoToNative(p);
     try {
-      const h = JSON.stringify(u), { strOutputs: g } = await vc({
+      const h = JSON.stringify(u), { strOutputs: g } = await kc({
         spaceId: y,
-        id: p,
+        id: c,
         strInputs: h,
         env: m
       }), x = JSON.parse(g);
@@ -8323,7 +8327,7 @@ function kc(t, e) {
     t.createAsyncFunction(i)
   );
 }
-function _c(t, e, i) {
+function wc(t, e, i) {
   function o(u, m, b) {
     let h;
     const g = e.pseudoToNative(u), x = e.pseudoToNative(m), w = e.pseudoToNative(b);
@@ -8341,7 +8345,7 @@ function _c(t, e, i) {
     const m = e.pseudoToNative(u), b = t.getState(m);
     return e.nativeToPseudo(b);
   }
-  function c(u, m) {
+  function p(u, m) {
     const b = e.pseudoToNative(u), h = e.pseudoToNative(m);
     t.setState(b, h);
   }
@@ -8362,13 +8366,13 @@ function _c(t, e, i) {
   }
   function y(u, m, b) {
     const h = e.pseudoToNative(u), g = e.pseudoToNative(m);
-    Zo({ title: h, text: g }).then((x) => {
+    qo({ title: h, text: g }).then((x) => {
       b(e.nativeToPseudo(x)), e.run();
     });
   }
-  function p(u, m, b, h) {
+  function c(u, m, b, h) {
     const g = e.pseudoToNative(u), x = e.pseudoToNative(m), w = e.pseudoToNative(b);
-    qo({ title: g, label: x, value: w }).then((S) => {
+    Qo({ title: g, label: x, value: w }).then((S) => {
       h(e.nativeToPseudo(S)), e.run();
     });
   }
@@ -8391,7 +8395,7 @@ function _c(t, e, i) {
   ), e.setProperty(
     i,
     "__setStateV1__",
-    e.createNativeFunction(c)
+    e.createNativeFunction(p)
   ), e.setProperty(
     i,
     "__navigateToV1__",
@@ -8403,13 +8407,13 @@ function _c(t, e, i) {
   ), e.setProperty(
     i,
     "__openPromptDlgV1__",
-    e.createAsyncFunction(p)
+    e.createAsyncFunction(c)
   );
 }
-function wc(t, e, i) {
-  xc(e, i), kc(e, i), _c(t, e, i);
+function Vc(t, e, i) {
+  vc(e, i), _c(e, i), wc(t, e, i);
 }
-const Vc = `
+const $c = `
 var __env__ = 'dev'
 var __mode__ = 'editor'
 
@@ -8419,7 +8423,7 @@ function __getEnvV1__() {
 
 var __pointerPosX__ = 0
 var __pointerPosY__ = 0
-`, $c = `
+`, Ic = `
 var __events__ = {}
 
 function __onEventV1__(id, callback) {
@@ -8456,7 +8460,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)
   }
 }
-`, Ic = `
+`, Sc = `
 var __timers__ = {}
 var __currTimerId__ = 0
 
@@ -8498,16 +8502,16 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, Sc = `
+`, Cc = `
 function __destroy__() {
   __events__ = {}
   __timers__ = {}
 }
-`, Cc = Vc + $c + Ic + Sc;
-function sp(t, e, i) {
+`, Tc = $c + Ic + Sc + Cc;
+function rp(t, e, i) {
   return `${t}/${e}/${i}`;
 }
-function rp(t) {
+function lp(t) {
   const e = t.split("/");
   return e.length < 3 ? (console.assert(!1, "invalid property id"), {
     kind: "elementProperty",
@@ -8519,10 +8523,10 @@ function rp(t) {
     propertyKey: e[2]
   };
 }
-function lp(t, e, i) {
+function ap(t, e, i) {
   return `${t}/${e}/${i}`;
 }
-function ap(t) {
+function up(t) {
   const e = t.split("/");
   return e.length < 3 ? (console.assert(!1, "invalid method id"), {
     kind: "elementMethod",
@@ -8537,7 +8541,7 @@ function ap(t) {
 function me(t, e, i) {
   return `${t}/${e}/${i}`;
 }
-function up(t) {
+function cp(t) {
   const e = t.split("/");
   return e.length < 3 ? (console.assert(!1, "invalid event id"), {
     kind: "elementEvent",
@@ -8549,16 +8553,16 @@ function up(t) {
     eventKey: e[2]
   };
 }
-function Tc(t) {
+function Pc(t) {
   return t instanceof Array ? t.join(".") : t;
 }
-class Pc {
+class zc {
   parent;
   org;
   env;
   mode;
   type;
-  eventBus = bs();
+  eventBus = hs();
   hooks;
   constructor(e, i, o, r, s, a) {
     this.parent = e, this.org = i, this.env = o, this.mode = r, this.type = s, this.hooks = a;
@@ -8661,10 +8665,10 @@ class Pc {
   //--------------------------
   interpreter;
   createInterpreter(e) {
-    this.interpreter = new hs(
-      Cc,
+    this.interpreter = new gs(
+      Tc,
       (i, o) => {
-        wc(this, i, o);
+        Vc(this, i, o);
       }
     ), this.interpreter.appendCode(e), this.interpreter.run(), this.setVariable("__env__", this.env), this.setVariable("__mode__", this.mode), this.callFunction("__triggerEventV1__", [
       me("elementEvent", "globality", "startup")
@@ -8701,7 +8705,7 @@ class Pc {
   }
 }
 function Do(t, e) {
-  const i = hc(), o = re(-1);
+  const i = gc(), o = re(-1);
   pe(() => {
     const r = i.value[t];
     if (!r) {
@@ -8712,12 +8716,12 @@ function Do(t, e) {
   });
 }
 function Fo(t, e) {
-  const i = fc(), o = bc(), r = H(), s = fe(), a = Ce(), c = Ne(), d = (h, g, x, w) => {
+  const i = bc(), o = hc(), r = H(), s = fe(), a = Ce(), p = Ne(), d = (h, g, x, w) => {
     if (q(r) && (m.callFunction("__triggerEventV1__", [
       me(
         "elementPropertyChangeEvent",
         h,
-        Tc(g)
+        Pc(g)
       ),
       x,
       w ?? x
@@ -8747,7 +8751,7 @@ function Fo(t, e) {
       g,
       x
     ));
-  }, p = (h, g, x) => {
+  }, c = (h, g, x) => {
     q(r) && t.value?.code.reactivity && De(
       m,
       t.value.code.reactivity,
@@ -8767,15 +8771,15 @@ function Fo(t, e) {
       g,
       x
     ));
-  }, m = new Pc(e, i, o, r, s, {
+  }, m = new zc(e, i, o, r, s, {
     onElementPropertyChange: d,
     onCustomPropertyChange: y,
-    onAdaptSlotPropertyChange: p,
+    onAdaptSlotPropertyChange: c,
     onStateChange: u
   });
-  gc(m);
+  xc(m);
   const b = () => {
-    q(r) && (m.destroyInterpreter(), m.syncNodes(t.value), m.resetCustomProperties(), m.resetStates(), m.resetAdaptSlotProperties(), !(!t.value || !t.value.code.script) && m.createInterpreter(t.value.code.script));
+    q(r) && (m.destroyInterpreter(), m.syncNodes(t.value), m.resetCustomProperties(), m.resetAdaptSlotProperties(), m.resetStates(), !(!t.value || !t.value.code.script) && m.createInterpreter(t.value.code.script));
   };
   b(), te(t, () => {
     b();
@@ -8793,7 +8797,7 @@ function Fo(t, e) {
     },
     { immediate: !0 }
   ), q(r) && te(
-    c,
+    p,
     (h) => {
       m.callFunction("__triggerEventV1__", [
         me("elementEvent", "globality", "darkModeChange"),
@@ -8803,45 +8807,45 @@ function Fo(t, e) {
     { immediate: !0 }
   );
 }
-const zc = (t, e, i) => {
+const Ac = (t, e, i) => {
   const o = t[e];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((r, 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 cp(t) {
-  return (await zc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.e1q0pu8p.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.fg4w34l5.js") }), `./locales/${t}/index.ts`, 4)).default;
+async function pp(t) {
+  return (await Ac(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.e1q0pu8p.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.fg4w34l5.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  Pc as Sandbox,
-  Ca as ambientLightV1,
-  Oc as badgeV1,
+  zc as Sandbox,
+  Ta as ambientLightV1,
+  Uc as badgeV1,
   an as barChartV1,
-  wc as bind,
+  Vc as bind,
   rn as boxGeometryV1,
   po as breakpoints,
-  Fa as btnGroupV1,
-  Ga as btnToggleV1,
+  Ga as btnGroupV1,
+  Ha as btnToggleV1,
   cn as btnV1,
   Fe as calcBreakpoint,
   We as cardV1,
-  Ka as checkboxV1,
+  ja as checkboxV1,
   mn as chipGroupV1,
   pn as chipV1,
-  Ua as colorPickerV1,
-  Xa as comboboxV1,
-  _s as compTypes,
+  Xa as colorPickerV1,
+  Ya as comboboxV1,
+  ws as compTypes,
   dn as containerV1,
-  Ya as dataTableV1,
-  Ja as datePickerV1,
-  Za as dialogV1,
-  Ta as directionalLightV1,
-  Tc as dotPropertyKeys,
-  yc as duplicateNode,
-  Jc as duplicateNodes,
+  Ja as dataTableV1,
+  Za as datePickerV1,
+  qa as dialogV1,
+  Pa as directionalLightV1,
+  Pc as dotPropertyKeys,
+  fc as duplicateNode,
+  Zc as duplicateNodes,
   ze as elements,
-  Gc as ensureContext,
-  Uc as fileInputV1,
+  Hc as ensureContext,
+  Xc as fileInputV1,
   yn as flexLayoutEntryV1,
   Ee as flexLayoutV1,
   hn as formV1,
@@ -8849,81 +8853,81 @@ export {
   Te as getBreakpointProp,
   Ve as getField,
   Zn as getIndexOfBreakpoint,
-  Yc as getNode,
+  Jc as getNode,
   Ji as getPropertyDefault,
   A as getPropertyTag,
-  Fc as getTypeColor,
-  Na as globalityV1,
-  Aa as groupV1,
-  iu as iconV1,
+  Gc as getTypeColor,
+  Ma as globalityV1,
+  La as groupV1,
+  ou as iconV1,
   P as initProperties,
   Ne as injectDark,
   ke as injectData,
-  hc as injectDepends,
+  gc as injectDepends,
   Ce as injectDevice,
-  bc as injectEnv,
+  hc as injectEnv,
   H as injectMode,
-  fc as injectOrg,
+  bc as injectOrg,
   _e as injectSandbox,
   fe as injectType,
   yo as isCircularRef,
   q as isExecutableMode,
-  $s as isLocaleOfEventKind,
-  Vs as isLocaleOfMethodKind,
-  ws as isLocaleOfPropertyKind,
+  Is as isLocaleOfEventKind,
+  $s as isLocaleOfMethodKind,
+  Vs as isLocaleOfPropertyKind,
   Wn as isPercentStr,
   Ue as isPixelStr,
-  xa as keyboardControlsV1,
+  va as keyboardControlsV1,
   un as lineChartV1,
-  cp as loadLocaleMessageRuntime,
+  pp as loadLocaleMessageRuntime,
   me as makeEventId,
-  lp as makeMethodId,
-  sp as makePropertyId,
+  ap as makeMethodId,
+  rp as makePropertyId,
   Pe as makeTriggerId,
-  va as mapControlsV1,
-  ou as menuV1,
+  ka as mapControlsV1,
+  su as menuV1,
   Le as meshBasicMaterialV1,
   Be as meshV1,
-  Wa as multipleRefV1,
+  Ea as multipleRefV1,
   gn as numberInputV1,
-  ka as orbitControlsV1,
-  ya as orthographicCameraV1,
-  ks as pageTypes,
-  ru as paginationV1,
+  _a as orbitControlsV1,
+  fa as orthographicCameraV1,
+  _s as pageTypes,
+  lu as paginationV1,
   Zt as parsePercentStr,
-  Mc as parsePixelStr,
-  fa as perspectiveCameraV1,
-  dc as pkgs,
-  Pa as pointLightV1,
-  tp as provideDark,
-  ip as provideData,
-  op as provideDepends,
-  ep as provideDevice,
-  qc as provideEnv,
-  Qc as provideMode,
-  Zc as provideOrg,
-  gc as provideSandbox,
-  np as provideType,
+  Dc as parsePixelStr,
+  ba as perspectiveCameraV1,
+  yc as pkgs,
+  za as pointLightV1,
+  np as provideDark,
+  op as provideData,
+  sp as provideDepends,
+  tp as provideDevice,
+  Qc as provideEnv,
+  ep as provideMode,
+  qc as provideOrg,
+  xc as provideSandbox,
+  ip as provideType,
   vn as radioGroupV1,
   xn as radioV1,
-  uu as rangeSliderV1,
-  cu as ratingV1,
-  Ea as referenceV1,
-  Ra as renderSwitchV1,
-  vs as reverseBreakpoints,
-  Cc as runtime,
-  pu as selectV1,
+  cu as rangeSliderV1,
+  pu as ratingV1,
+  Ra as referenceV1,
+  Na as renderSwitchV1,
+  ks as reverseBreakpoints,
+  Tc as runtime,
+  mu as selectV1,
   mo as setField,
-  mu as sliderV1,
-  Xc as spawnNode,
+  du as sliderV1,
+  Yc as spawnNode,
   ln as sphereGeometryV1,
-  za as spotLightV1,
+  Aa as spotLightV1,
   kn as stepperHeaderV1,
   _n as stepperItemV1,
   $n as stepperV1,
   Vn as stepperWindowItemV1,
   wn as stepperWindowV1,
-  hu as switchV1,
+  gu as switchV1,
   In as tabV1,
   Sn as tabsV1,
   bn as textFieldV1,
@@ -8931,14 +8935,14 @@ export {
   Cn as textareaV1,
   Tn as timelineItemV1,
   Pn as timelineV1,
-  jc as toEventName,
-  Kc as toMethodName,
-  Hc as toPropertyName,
+  Oc as toEventName,
+  jc as toMethodName,
+  Kc as toPropertyName,
   De as triggerReactivity,
-  Dc as types,
-  up as unwrapEventId,
-  ap as unwrapMethodId,
-  rp as unwrapPropertyId,
+  Fc as types,
+  cp as unwrapEventId,
+  up as unwrapMethodId,
+  lp as unwrapPropertyId,
   Do as useDepend,
   Fo as useSandbox,
   zn as windowItemV1,