x-runtime-lib 0.8.27 → 0.8.28

package/dist/index.js

@@ -1,12 +1,12 @@
-import { defineComponent as $, createElementBlock as Y, renderSlot as L, unref as n, openBlock as v, createElementVNode as ie, computed as k, normalizeStyle as Q, ref as ce, watchEffect as ue, watch as q, onBeforeMount as No, onUnmounted as Ke, createBlock as V, withCtx as I, createCommentVNode as ee, useTemplateRef as Xi, onMounted as Yi, nextTick as Ji, h as ae, resolveComponent as z, createVNode as H, isRef as O, createSlots as Pn, renderList as Mo, useId as Zi, withModifiers as Ro, normalizeClass as Do, toDisplayString as Fo, inject as oe, provide as se, readonly as zn } from "vue";
-import { globalObjects as be, waitUtil as qi, eventBus as Qi, useViewStack as eo, messageInfo as Go, messageSuccess as Ho, messageWarning as to, messageError as no, createAxios as jo, openConfirmDlg as Ko, openPromptDlg as Oo } from "x-essential-lib";
+import { defineComponent as $, createElementBlock as Y, renderSlot as L, unref as n, openBlock as v, createElementVNode as ie, computed as k, normalizeStyle as Q, ref as ce, watchEffect as ue, watch as q, onBeforeMount as No, onUnmounted as je, createBlock as V, withCtx as I, createCommentVNode as ee, useTemplateRef as Xi, onMounted as Yi, nextTick as Ji, h as ae, resolveComponent as z, createVNode as H, isRef as O, createSlots as Pn, renderList as Mo, useId as Zi, withModifiers as Ro, normalizeClass as Do, toDisplayString as Fo, inject as oe, provide as se, readonly as zn } from "vue";
+import { globalObjects as be, waitUtil as qi, eventBus as Qi, useViewStack as eo, messageInfo as Go, messageSuccess as Ho, messageWarning as to, messageError as no, createAxios as Ko, openConfirmDlg as jo, openPromptDlg as Oo } from "x-essential-lib";
 import { CameraHelper as io, DirectionalLightHelper as Uo, PointLightHelper as Xo, SpotLightHelper as Yo } from "three";
 import { c as B, i as ne, q as Be, u as Jo, r as oo, e as so, a as Zo, b as qo, d as Qo, f as es, g as ts, h as ns, j as is, k as os, l as ro, X as ss, Y as rs, K as ls, m as as, n as us, o as cs, I as ms } from "./vendor.dd29fg1n.js";
 import { getErrorMessage as ps } from "x-error-lib";
 import { useTheme as ds } from "vuetify";
 import { useI18n as fs } from "vue-i18n";
-const Sc = ["string", "number", "boolean", "array", "object"];
-function Cc(t) {
+const Pc = ["string", "number", "boolean", "array", "object"];
+function zc(t) {
   switch (t) {
     case "string":
       return "#5ba58c";
@@ -20,7 +20,7 @@ function Cc(t) {
       return "#80a55b";
   }
 }
-function Tc(t, e, i, o, l) {
+function Ac(t, e, i, o, r) {
   let s = t;
   for (let p = 0; p < e.length; p++)
     if (s = s.children[e[p]], !s) {
@@ -30,11 +30,11 @@ function Tc(t, e, i, o, l) {
   let a = s.children[i];
   a ? a.dataSeq !== o && (a = {
     dataSeq: o,
-    data: B(l),
+    data: B(r),
     children: {}
   }) : (a = {
     dataSeq: o,
-    data: B(l),
+    data: B(r),
     children: {}
   }, s.children[i] = a);
 }
@@ -42,44 +42,56 @@ const bs = ["common", "scene"], ys = ["common", "scene"];
 function hs(t) {
   return t === "elementProperty" || t === "elementSlotProperty";
 }
-function Pc(t, e, i) {
+function Lc(t, e, i) {
   return `${t}/${e}/${i}`;
 }
-function zc(t) {
-  const e = t.indexOf("/"), i = t.lastIndexOf("/");
-  return e < 0 || i < 0 ? (console.assert(!1, "invalid property id"), ["elementProperty", "", ""]) : [
-    t.substring(0, e),
-    t.substring(e + 1, i),
-    t.substring(i + 1)
-  ];
-}
 function gs(t) {
+  const e = t.split("/");
+  return e.length < 3 ? (console.assert(!1, "invalid property id"), {
+    kind: "elementProperty",
+    nodeId: "",
+    propertyKey: ""
+  }) : {
+    kind: e[0],
+    nodeId: e[1],
+    propertyKey: e[2]
+  };
+}
+function xs(t) {
   return t === "elementMethod" || t === "elementSlotMethod";
 }
-function Ac(t, e, i) {
+function Bc(t, e, i) {
   return `${t}/${e}/${i}`;
 }
-function Lc(t) {
-  const e = t.indexOf("/"), i = t.lastIndexOf("/");
-  return e < 0 || i < 0 ? (console.assert(!1, "invalid method id"), ["elementMethod", "", ""]) : [
-    t.substring(0, e),
-    t.substring(e + 1, i),
-    t.substring(i + 1)
-  ];
+function vs(t) {
+  const e = t.split("/");
+  return e.length < 3 ? (console.assert(!1, "invalid method id"), {
+    kind: "elementMethod",
+    nodeId: "",
+    methodKey: ""
+  }) : {
+    kind: e[0],
+    nodeId: e[1],
+    methodKey: e[2]
+  };
 }
-function xs(t) {
+function ks(t) {
   return t === "elementEvent" || t === "elementPropertyChangeEvent";
 }
 function Ce(t, e, i) {
   return `${t}/${e}/${i}`;
 }
-function Bc(t) {
-  const e = t.indexOf("/"), i = t.lastIndexOf("/");
-  return e < 0 || i < 0 ? (console.assert(!1, "invalid event id"), ["elementEvent", "", ""]) : [
-    t.substring(0, e),
-    t.substring(e + 1, i),
-    t.substring(i + 1)
-  ];
+function _s(t) {
+  const e = t.split("/");
+  return e.length < 3 ? (console.assert(!1, "invalid event id"), {
+    kind: "elementEvent",
+    nodeId: "",
+    eventKey: ""
+  }) : {
+    kind: e[0],
+    nodeId: e[1],
+    eventKey: e[2]
+  };
 }
 const Yn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function T(t) {
@@ -116,7 +128,7 @@ function Xt(t) {
   if (!isNaN(i))
     return i;
 }
-const lo = ["xs", "sm", "md", "lg", "xl"], vs = [...lo].reverse();
+const lo = ["xs", "sm", "md", "lg", "xl"], ws = [...lo].reverse();
 function Re(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
@@ -125,7 +137,7 @@ function Jn(t) {
 }
 function Ie(t, e) {
   let i;
-  for (const o of vs) {
+  for (const o of ws) {
     if (Jn(o) < Jn(t))
       break;
     e[o] && (i = e[o]);
@@ -138,10 +150,10 @@ function ke(t, e) {
     return;
   let o = [];
   if (e instanceof Array ? o = e : o = e.split("."), !(o.length <= 0)) {
-    for (const l of o) {
+    for (const r of o) {
       if (typeof i != "object")
         return;
-      i = i[l];
+      i = i[r];
     }
     return i;
   }
@@ -150,41 +162,41 @@ function ao(t, e, i) {
   let o = t;
   if (typeof o != "object")
     return;
-  let l = [];
-  if (e instanceof Array ? l = e : l = e.split("."), l.length <= 0)
+  let r = [];
+  if (e instanceof Array ? r = e : r = e.split("."), r.length <= 0)
     return;
-  for (let a = 0; a < l.length - 1; a++) {
-    const p = l[a];
+  for (let a = 0; a < r.length - 1; a++) {
+    const p = r[a];
     o = o[p], o || (o = {});
   }
-  const s = l[l.length - 1];
+  const s = r[r.length - 1];
   o[s] = i;
 }
 function Ln(t, e, i) {
   const { i18n: o } = be;
-  let l = t;
-  return e.forEach((s, a) => {
-    a > 0 && (l += " - "), i ? l += o.global.t(s) : l += s;
-  }), l;
+  let r = "";
+  return t && (r += t + " / "), e.forEach((s, a) => {
+    a > 0 && (r += " - "), i ? r += o.global.t(s) : r += s;
+  }), r;
 }
 function Ec(t, e) {
-  const { i18n: i } = be;
-  let o = "";
-  return e === "elementProperty" || (e === "refProperty" ? o = `${i.global.t("x-runtime-lib.ref")} / ` : e === "customProperty" ? o = `${i.global.t("x-runtime-lib.custom")} / ` : e === "elementSlotProperty" ? o = `${i.global.t("x-runtime-lib.slot")} / ` : e === "customSlotProperty" ? o = `${i.global.t("x-runtime-lib.slot")} / ` : console.assert(!1)), Ln(o, t, hs(e));
+  const { i18n: i } = be, { kind: o } = gs(t);
+  let r = "";
+  return o === "elementProperty" || (o === "refProperty" ? r = i.global.t("x-runtime-lib.ref") : o === "customProperty" ? r = i.global.t("x-runtime-lib.custom") : o === "elementSlotProperty" || o === "customSlotProperty" ? r = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Ln(r, e, hs(o));
 }
 function Nc(t, e) {
-  const { i18n: i } = be;
-  let o = "";
-  return e === "elementMethod" || (e === "refMethod" ? o = `${i.global.t("x-runtime-lib.ref")} / ` : e === "customMethod" ? o = `${i.global.t("x-runtime-lib.custom")} / ` : e === "elementSlotMethod" ? o = `${i.global.t("x-runtime-lib.slot")} / ` : e === "customSlotMethod" ? o = `${i.global.t("x-runtime-lib.slot")} / ` : console.assert(!1)), Ln(o, t, gs(e));
+  const { i18n: i } = be, { kind: o } = vs(t);
+  let r = "";
+  return o === "elementMethod" || (o === "refMethod" ? r = i.global.t("x-runtime-lib.ref") : o === "customMethod" ? r = i.global.t("x-runtime-lib.custom") : o === "elementSlotMethod" || o === "customSlotMethod" ? r = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Ln(r, e, xs(o));
 }
 function Mc(t, e) {
-  const { i18n: i } = be;
-  let o = "";
-  return e === "elementEvent" || (e === "refEvent" ? o = `${i.global.t("x-runtime-lib.ref")} / ` : e === "customEvent" ? o = `${i.global.t("x-runtime-lib.custom")} / ` : e === "elementPropertyChangeEvent" || e === "customPropertyChangeEvent" ? o = `${i.global.t("x-runtime-lib.propertyChange")} / ` : e === "stateChangeEvent" ? o = `${i.global.t("x-runtime-lib.stateChange")} / ` : console.assert(!1)), Ln(o, t, xs(e));
+  const { i18n: i } = be, { kind: o } = _s(t);
+  let r = "";
+  return o === "elementEvent" || (o === "refEvent" ? r = i.global.t("x-runtime-lib.ref") : o === "customEvent" ? r = i.global.t("x-runtime-lib.custom") : o === "elementPropertyChangeEvent" || o === "customPropertyChangeEvent" ? r = i.global.t("x-runtime-lib.propertyChange") : o === "stateChangeEvent" ? r = i.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Ln(r, e, ks(o));
 }
 const Te = {}, _ = (t) => {
   Te[t.key] = t;
-}, ks = ["position", "rotation", "scale"], he = /* @__PURE__ */ $({
+}, Vs = ["position", "rotation", "scale"], he = /* @__PURE__ */ $({
   __name: "index",
   props: {
     position: {},
@@ -203,7 +215,7 @@ const Te = {}, _ = (t) => {
       o[0] || (o[0] = ie("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)),
       o[1] || (o[1] = ie("TresMeshBasicMaterial", null, null, -1)),
       L(i.$slots, "default")
-    ], 8, ks)) : L(i.$slots, "default", { key: 1 });
+    ], 8, Vs)) : L(i.$slots, "default", { key: 1 });
   }
 }), Z = /* @__PURE__ */ $({
   __name: "index",
@@ -215,45 +227,45 @@ const Te = {}, _ = (t) => {
       const o = {};
       return t.fitContent && (o.width = "fit-content", o.height = "fit-content"), o;
     });
-    return (o, l) => n(e) === "editor" ? (v(), Y("div", {
+    return (o, r) => n(e) === "editor" ? (v(), Y("div", {
       key: 0,
       style: Q(i.value)
     }, [
       L(o.$slots, "default")
     ], 4)) : L(o.$slots, "default", { key: 1 });
   }
-}), _s = (t, e, i, o) => {
-  const l = t.getElementPropInner(e, i);
+}), $s = (t, e, i, o) => {
+  const r = t.getElementPropInner(e, i);
   if (o) {
-    if (typeof l == "string")
-      return JSON.parse(l);
+    if (typeof r == "string")
+      return JSON.parse(r);
     console.assert(!1);
     return;
   } else
-    return l;
-}, ws = (t, e, i, o, l) => {
+    return r;
+}, Is = (t, e, i, o, r) => {
   let s;
-  l ? typeof o == "object" ? s = JSON.stringify(o, null, 2) : (console.assert(!1), s = "{}") : s = o, t.setElementPropInner(e, i, s);
+  r ? typeof o == "object" ? s = JSON.stringify(o, null, 2) : (console.assert(!1), s = "{}") : s = o, t.setElementPropInner(e, i, s);
 };
-function r(t, e, i) {
-  const o = G(), l = Ee(), s = ce();
+function l(t, e, i) {
+  const o = G(), r = Ee(), s = ce();
   return ue(() => {
-    let a = _s(l, t.node, e, i);
+    let a = $s(r, t.node, e, i);
     o === "editor" && e[e.length - 1] === "readonly" && (a = !0), s.value = a;
   }), q(s, (a, p) => {
-    ne(a, p) || ws(l, t.node, e, s.value, i);
+    ne(a, p) || Is(r, t.node, e, s.value, i);
   }), { prop: s };
 }
 function me(t) {
-  const { prop: e } = r(t, ["transform", "position", "x"]), { prop: i } = r(t, ["transform", "position", "y"]), { prop: o } = r(t, ["transform", "position", "z"]), { prop: l } = r(t, ["transform", "rotation", "x"]), { prop: s } = r(t, ["transform", "rotation", "y"]), { prop: a } = r(t, ["transform", "rotation", "z"]), { prop: p } = r(t, ["transform", "scale", "x"]), { prop: d } = r(t, ["transform", "scale", "y"]), { prop: b } = r(t, ["transform", "scale", "z"]), m = ce([0, 0, 0]), u = ce([0, 0, 0]), c = ce([1, 1, 1]);
+  const { prop: e } = l(t, ["transform", "position", "x"]), { prop: i } = l(t, ["transform", "position", "y"]), { prop: o } = l(t, ["transform", "position", "z"]), { prop: r } = l(t, ["transform", "rotation", "x"]), { prop: s } = l(t, ["transform", "rotation", "y"]), { prop: a } = l(t, ["transform", "rotation", "z"]), { prop: p } = l(t, ["transform", "scale", "x"]), { prop: d } = l(t, ["transform", "scale", "y"]), { prop: b } = l(t, ["transform", "scale", "z"]), m = ce([0, 0, 0]), u = ce([0, 0, 0]), c = ce([1, 1, 1]);
   return ue(() => {
     m.value = [e.value, i.value, o.value];
   }), ue(() => {
     e.value = m.value[0], i.value = m.value[1], o.value = m.value[2];
   }), ue(() => {
-    u.value = [l.value, s.value, a.value];
+    u.value = [r.value, s.value, a.value];
   }), ue(() => {
-    l.value = u.value[0], s.value = u.value[1], a.value = u.value[2];
+    r.value = u.value[0], s.value = u.value[1], a.value = u.value[2];
   }), ue(() => {
     c.value = [p.value, d.value, b.value];
   }), ue(() => {
@@ -262,8 +274,8 @@ function me(t) {
 }
 function uo(t) {
   const e = k(() => t.node.legend?.show), i = k(() => t.node.legend?.data);
-  function o(l) {
-    l.legend = {
+  function o(r) {
+    r.legend = {
       show: e.value,
       data: i.value
     };
@@ -279,44 +291,44 @@ function co(t) {
 }
 function mo(t) {
   const e = k(() => t.node.title?.show), i = k(() => t.node.title?.text), o = k(() => t.node.title?.subtext);
-  function l(s) {
+  function r(s) {
     s.title = {
       show: e.value,
       text: i.value,
       subtext: o.value
     };
   }
-  return { show: e, text: i, subtext: o, applyTitle: l };
+  return { show: e, text: i, subtext: o, applyTitle: r };
 }
 function po(t) {
-  const e = k(() => t.node.xAxis?.show), i = k(() => t.node.xAxis?.position), o = k(() => t.node.xAxis?.type), l = k(() => t.node.xAxis?.data);
+  const e = k(() => t.node.xAxis?.show), i = k(() => t.node.xAxis?.position), o = k(() => t.node.xAxis?.type), r = k(() => t.node.xAxis?.data);
   function s(a) {
     a.xAxis = {
       show: e.value,
       position: i.value,
       type: o.value,
-      data: l.value
+      data: r.value
     };
   }
-  return { show: e, position: i, type: o, data: l, applyXAxis: s };
+  return { show: e, position: i, type: o, data: r, applyXAxis: s };
 }
 function fo(t) {
-  const e = k(() => t.node.yAxis?.show), i = k(() => t.node.yAxis?.position), o = k(() => t.node.yAxis?.type), l = k(() => t.node.yAxis?.data);
+  const e = k(() => t.node.yAxis?.show), i = k(() => t.node.yAxis?.position), o = k(() => t.node.yAxis?.type), r = k(() => t.node.yAxis?.data);
   function s(a) {
     a.yAxis = {
       show: e.value,
       position: i.value,
       type: o.value,
-      data: l.value
+      data: r.value
     };
   }
-  return { show: e, position: i, type: o, data: l, applyYAxis: s };
+  return { show: e, position: i, type: o, data: r, applyYAxis: s };
 }
-function j(t) {
-  const { computedThemes: e } = ds(), i = We(), o = k(() => t.value?.mode), l = k(() => {
+function K(t) {
+  const { computedThemes: e } = ds(), i = We(), o = k(() => t.value?.mode), r = k(() => {
     const b = t.value?.theme;
     return b ? b === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : b === "background1" ? i.value ? "#272727" : "#eeeeee" : b === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[b] : void 0;
-  }), s = k(() => i.value ? t.value.custom?.dark : t.value.custom?.light), a = k(() => o.value === "theme" ? l.value ?? "" : o.value === "custom" ? s.value ?? "" : ""), p = 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 b = a.value;
     return !b.startsWith("#") || b.length < 7 ? "" : b.substring(0, 7);
   }), d = k(() => {
@@ -326,28 +338,28 @@ function j(t) {
   return { color: a, rgb: p, alpha: d };
 }
 function Bn(t) {
-  const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), o = k(() => t.node.border?.color), { color: l } = j(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);
+  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 b(m) {
-    e.value && (m.borderStyle = e.value), i.value && (m.borderWidth = i.value), l.value && (m.borderColor = l.value), s.value && (m.borderTopLeftRadius = s.value), a.value && (m.borderTopRightRadius = a.value), p.value && (m.borderBottomLeftRadius = p.value), d.value && (m.borderBottomRightRadius = d.value);
+    e.value && (m.borderStyle = e.value), i.value && (m.borderWidth = i.value), r.value && (m.borderColor = r.value), s.value && (m.borderTopLeftRadius = s.value), a.value && (m.borderTopRightRadius = a.value), p.value && (m.borderBottomLeftRadius = p.value), d.value && (m.borderBottomRightRadius = d.value);
   }
-  return { borderStyle: e, borderWidth: i, borderColor: l, applyBorder: b };
+  return { borderStyle: e, borderWidth: i, borderColor: r, applyBorder: b };
 }
 function Wn(t) {
-  const e = k(() => t.node.margin?.top), i = k(() => t.node.margin?.left), o = k(() => t.node.margin?.bottom), l = k(() => t.node.margin?.right);
+  const e = k(() => t.node.margin?.top), i = k(() => t.node.margin?.left), o = k(() => t.node.margin?.bottom), r = k(() => t.node.margin?.right);
   function s(a) {
-    e.value && (a.marginTop = e.value), i.value && (a.marginLeft = i.value), o.value && (a.marginBottom = o.value), l.value && (a.marginRight = l.value);
+    e.value && (a.marginTop = e.value), i.value && (a.marginLeft = i.value), o.value && (a.marginBottom = o.value), r.value && (a.marginRight = r.value);
   }
-  return { marginTop: e, marginLeft: i, marginBottom: o, marginRight: l, applyMargin: s };
+  return { marginTop: e, marginLeft: i, marginBottom: o, marginRight: r, applyMargin: s };
 }
 function En(t) {
-  const e = k(() => t.node.padding?.top), i = k(() => t.node.padding?.left), o = k(() => t.node.padding?.bottom), l = k(() => t.node.padding?.right);
+  const e = k(() => t.node.padding?.top), i = k(() => t.node.padding?.left), o = k(() => t.node.padding?.bottom), r = k(() => t.node.padding?.right);
   function s(a) {
-    e.value && (a.paddingTop = e.value), i.value && (a.paddingLeft = i.value), o.value && (a.paddingBottom = o.value), l.value && (a.paddingRight = l.value);
+    e.value && (a.paddingTop = e.value), i.value && (a.paddingLeft = i.value), o.value && (a.paddingBottom = o.value), r.value && (a.paddingRight = r.value);
   }
-  return { paddingTop: e, paddingLeft: i, paddingBottom: o, paddingRight: l, applyPadding: s };
+  return { paddingTop: e, paddingLeft: i, paddingBottom: o, paddingRight: r, applyPadding: s };
 }
 function ge(t) {
-  const e = G(), i = $e(), o = k(() => t.node.size?.width), l = k(() => t.node.size?.minWidth), s = k(() => t.node.size?.maxWidth), a = k(() => {
+  const e = G(), i = $e(), 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 m = Xt(t.node.size?.height);
       if (m)
@@ -370,33 +382,33 @@ function ge(t) {
     return t.node.size?.maxHeight;
   });
   function b(m) {
-    o.value && (m.width = o.value), l.value && (m.minWidth = l.value), s.value && (m.maxWidth = s.value), a.value && (m.height = a.value), p.value && (m.minHeight = p.value), d.value && (m.maxHeight = d.value);
+    o.value && (m.width = o.value), r.value && (m.minWidth = r.value), s.value && (m.maxWidth = s.value), a.value && (m.height = a.value), p.value && (m.minHeight = p.value), d.value && (m.maxHeight = d.value);
   }
-  return { width: o, minWidth: l, maxWidth: s, height: a, minHeight: p, maxHeight: d, applySize: b };
+  return { width: o, minWidth: r, maxWidth: s, height: a, minHeight: p, maxHeight: d, applySize: b };
 }
 function bo(t, e, i) {
-  const o = k(() => e.node.basic.id), l = k(() => `callMethod@${o.value}`);
+  const o = k(() => e.node.basic.id), r = k(() => `callMethod@${o.value}`);
   No(() => {
-    t.eventBus?.on(l.value, i);
-  }), Ke(() => {
-    t.eventBus?.off(l.value, i);
+    t.eventBus?.on(r.value, i);
+  }), je(() => {
+    t.eventBus?.off(r.value, i);
   });
 }
 function N() {
   const t = We();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
-const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], $s = /* @__PURE__ */ $({
+const Ss = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Cs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "bottom"]), { prop: p } = r(e, ["settings", "far"]), { prop: d } = r(e, ["settings", "left"]), { prop: b } = r(e, ["settings", "near"]), { prop: m } = r(e, ["settings", "right"]), { prop: u } = r(e, ["settings", "top"]);
+    const e = t, i = G(), { position: o, rotation: r, scale: s } = me(e), { prop: a } = l(e, ["settings", "bottom"]), { prop: p } = l(e, ["settings", "far"]), { prop: d } = l(e, ["settings", "left"]), { prop: b } = l(e, ["settings", "near"]), { prop: m } = l(e, ["settings", "right"]), { prop: u } = l(e, ["settings", "top"]);
     return (c, f) => (v(), V(n(he), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
@@ -407,7 +419,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           near: n(b),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           right: n(m),
-          rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
+          rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1],
           top: n(u)
         }, [
@@ -416,22 +428,22 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             type: n(io)
           }, null, 8, ["type"])) : ee("", !0),
           L(c.$slots, "default")
-        ], 8, Vs)
+        ], 8, Ss)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Is = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Ss = /* @__PURE__ */ $({
+}), Ts = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Ps = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "aspect"]), { prop: p } = r(e, ["settings", "far"]), { prop: d } = r(e, ["settings", "fov"]), { prop: b } = r(e, ["settings", "near"]);
+    const e = t, i = G(), { position: o, rotation: r, scale: s } = me(e), { prop: a } = l(e, ["settings", "aspect"]), { prop: p } = l(e, ["settings", "far"]), { prop: d } = l(e, ["settings", "fov"]), { prop: b } = l(e, ["settings", "near"]);
     return (m, u) => (v(), V(n(he), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
@@ -441,7 +453,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           fov: n(d),
           near: n(b),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          rotation: n(i) !== "editor" ? n(l) : [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(), V(n(Be), {
@@ -449,55 +461,55 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             type: n(io)
           }, null, 8, ["type"])) : ee("", !0),
           L(m.$slots, "default")
-        ], 8, Is)
+        ], 8, Ts)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Cs = ["args"], Ts = /* @__PURE__ */ $({
+}), zs = ["args"], As = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "depth"]), { prop: o } = r(e, [
+    const e = t, { prop: i } = l(e, ["settings", "depth"]), { prop: o } = l(e, [
       "settings",
       "depthSegements"
-    ]), { prop: l } = r(e, ["settings", "height"]), { prop: s } = r(e, [
+    ]), { prop: r } = l(e, ["settings", "height"]), { prop: s } = l(e, [
       "settings",
       "heightSegements"
-    ]), { prop: a } = r(e, ["settings", "width"]), { prop: p } = r(e, [
+    ]), { prop: a } = l(e, ["settings", "width"]), { prop: p } = l(e, [
       "settings",
       "widthSegements"
     ]);
     return (d, b) => (v(), Y("TresBoxGeometry", {
       args: [
         n(a),
-        n(l),
+        n(r),
         n(i),
         n(p),
         n(s),
         n(o)
       ]
-    }, null, 8, Cs));
+    }, null, 8, zs));
   }
 }), xe = (t, e) => {
   const i = t.__vccOpts || t;
-  for (const [o, l] of e)
-    i[o] = l;
+  for (const [o, r] of e)
+    i[o] = r;
   return i;
-}, Ps = ["args"], zs = /* @__PURE__ */ $({
+}, Ls = ["args"], Bs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, [
+    const e = t, { prop: i } = l(e, [
       "settings",
       "heightSegments"
-    ]), { prop: o } = r(e, ["settings", "phiLength"]), { prop: l } = r(e, ["settings", "phiStart"]), { prop: s } = r(e, ["settings", "radius"]), { prop: a } = r(e, ["settings", "thetaLength"]), { prop: p } = r(e, ["settings", "thetaStart"]), { prop: d } = r(e, [
+    ]), { prop: o } = l(e, ["settings", "phiLength"]), { prop: r } = l(e, ["settings", "phiStart"]), { prop: s } = l(e, ["settings", "radius"]), { prop: a } = l(e, ["settings", "thetaLength"]), { prop: p } = l(e, ["settings", "thetaStart"]), { prop: d } = l(e, [
       "settings",
       "widthSegments"
     ]);
@@ -506,24 +518,24 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         n(s),
         n(d),
         n(i),
-        n(l),
+        n(r),
         n(o),
         n(p),
         n(a)
       ]
-    }, null, 8, Ps));
+    }, null, 8, Ls));
   }
-}), As = ["color", "intensity", "position", "rotation", "scale"], Ls = /* @__PURE__ */ $({
+}), Ws = ["color", "intensity", "position", "rotation", "scale"], Es = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "intensity"]);
+    const e = t, i = G(), { position: o, rotation: r, scale: s } = me(e), { prop: a } = l(e, ["settings", "color"]), { color: p } = K(a), { prop: d } = l(e, ["settings", "intensity"]);
     return (b, m) => (v(), V(n(he), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
@@ -531,26 +543,26 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           color: n(p),
           intensity: n(d),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
+          rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
           L(b.$slots, "default")
-        ], 8, As)
+        ], 8, Ws)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Bs = ["color", "intensity", "position", "rotation", "scale"], Ws = /* @__PURE__ */ $({
+}), Ns = ["color", "intensity", "position", "rotation", "scale"], Ms = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "intensity"]);
+    const e = t, i = G(), { position: o, rotation: r, scale: s } = me(e), { prop: a } = l(e, ["settings", "color"]), { color: p } = K(a), { prop: d } = l(e, ["settings", "intensity"]);
     return (b, m) => (v(), V(n(he), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
@@ -558,7 +570,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           color: n(p),
           intensity: n(d),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          rotation: n(i) !== "editor" ? n(l) : [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(), V(n(Be), {
@@ -566,22 +578,22 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             type: n(Uo)
           }, null, 8, ["type"])) : ee("", !0),
           L(b.$slots, "default")
-        ], 8, Bs)
+        ], 8, Ns)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Es = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Ns = /* @__PURE__ */ $({
+}), Rs = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Ds = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "decay"]), { prop: b } = r(e, ["settings", "distance"]), { prop: m } = r(e, ["settings", "intensity"]);
+    const e = t, i = G(), { position: o, rotation: r, scale: s } = me(e), { prop: a } = l(e, ["settings", "color"]), { color: p } = K(a), { prop: d } = l(e, ["settings", "decay"]), { prop: b } = l(e, ["settings", "distance"]), { prop: m } = l(e, ["settings", "intensity"]);
     return (u, c) => (v(), V(n(he), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
@@ -591,7 +603,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           distance: n(b),
           intensity: n(m),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          rotation: n(i) !== "editor" ? n(l) : [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(), V(n(Be), {
@@ -599,22 +611,22 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             type: n(Xo)
           }, null, 8, ["type"])) : ee("", !0),
           L(u.$slots, "default")
-        ], 8, Es)
+        ], 8, Rs)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ms = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Rs = /* @__PURE__ */ $({
+}), Fs = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Gs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "angle"]), { prop: p } = r(e, ["settings", "color"]), { color: d } = j(p), { prop: b } = r(e, ["settings", "decay"]), { prop: m } = r(e, ["settings", "distance"]), { prop: u } = r(e, ["settings", "intensity"]), { prop: c } = r(e, ["settings", "penumbra"]);
+    const e = t, i = G(), { position: o, rotation: r, scale: s } = me(e), { prop: a } = l(e, ["settings", "angle"]), { prop: p } = l(e, ["settings", "color"]), { color: d } = K(p), { prop: b } = l(e, ["settings", "decay"]), { prop: m } = l(e, ["settings", "distance"]), { prop: u } = l(e, ["settings", "intensity"]), { prop: c } = l(e, ["settings", "penumbra"]);
     return (f, h) => (v(), V(n(he), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
@@ -626,7 +638,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           intensity: n(u),
           penumbra: n(c),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          rotation: n(i) !== "editor" ? n(l) : [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(), V(n(Be), {
@@ -634,116 +646,116 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             type: n(Yo)
           }, null, 8, ["type"])) : ee("", !0),
           L(f.$slots, "default")
-        ], 8, Ms)
+        ], 8, Fs)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ds = {};
-function Fs(t, e) {
+}), Hs = {};
+function Ks(t, e) {
   return v(), Y("TresMeshBasicMaterial");
 }
-const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation", "scale"], js = /* @__PURE__ */ $({
+const js = /* @__PURE__ */ xe(Hs, [["render", Ks]]), Os = ["position", "rotation", "scale"], Us = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e);
+    const e = t, i = G(), { position: o, rotation: r, scale: s } = me(e);
     return (a, p) => (v(), V(n(he), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
         ie("TresGroup", {
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
+          rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
           L(a.$slots, "default")
-        ], 8, Hs)
+        ], 8, Os)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ks = ["position", "rotation", "scale"], Os = /* @__PURE__ */ $({
+}), Xs = ["position", "rotation", "scale"], Ys = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { position: i, rotation: o, scale: l } = me(e);
+    const e = t, { position: i, rotation: o, scale: r } = me(e);
     return (s, a) => (v(), Y("TresMesh", {
       position: n(i),
       rotation: n(o),
-      scale: n(l)
+      scale: n(r)
     }, [
       L(s.$slots, "default")
-    ], 8, Ks));
-  }
-}), Us = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Xs = "#242424", Ys = {}, Js = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Zs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, qs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Qs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, lr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, ar = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, ur = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, cr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, mr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, pr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, dr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, fr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, br = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, yr = { textStyle: { color: "#eeeeee" } }, hr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, gr = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, xr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, vr = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, kr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _r = {
-  color: Us,
-  backgroundColor: Xs,
-  textStyle: Ys,
-  title: Js,
-  line: Zs,
-  radar: qs,
-  bar: Qs,
-  pie: er,
-  scatter: tr,
-  boxplot: nr,
-  parallel: ir,
-  sankey: or,
-  funnel: sr,
-  gauge: rr,
-  candlestick: lr,
-  graph: ar,
-  map: ur,
-  geo: cr,
-  categoryAxis: mr,
-  valueAxis: pr,
-  logAxis: dr,
-  timeAxis: fr,
-  toolbox: br,
-  legend: yr,
-  tooltip: hr,
-  timeline: gr,
-  visualMap: xr,
-  dataZoom: vr,
-  markPoint: kr
-}, wr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Vr = "#f5f5f5", $r = {}, Ir = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Sr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Cr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Tr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ar = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Mr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Rr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Dr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Fr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Gr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Hr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, 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"] } } }, Kr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Or = { textStyle: { color: "#333333" } }, Ur = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Xr = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, Yr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Jr = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, Zr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, qr = {
-  color: wr,
-  backgroundColor: Vr,
-  textStyle: $r,
-  title: Ir,
-  line: Sr,
-  radar: Cr,
-  bar: Tr,
-  pie: Pr,
-  scatter: zr,
-  boxplot: Ar,
-  parallel: Lr,
-  sankey: Br,
-  funnel: Wr,
-  gauge: Er,
-  candlestick: Nr,
-  graph: Mr,
-  map: Rr,
-  geo: Dr,
-  categoryAxis: Fr,
-  valueAxis: Gr,
-  logAxis: Hr,
-  timeAxis: jr,
-  toolbox: Kr,
-  legend: Or,
-  tooltip: Ur,
-  timeline: Xr,
-  visualMap: Yr,
-  dataZoom: Jr,
-  markPoint: Zr
+    ], 8, Xs));
+  }
+}), Js = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Zs = "#242424", qs = {}, Qs = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, er = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, tr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, nr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ar = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ur = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, cr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, mr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, pr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, dr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, fr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, br = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, yr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, xr = { textStyle: { color: "#eeeeee" } }, vr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, kr = { 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"] }, wr = { 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" } }, Vr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, $r = {
+  color: Js,
+  backgroundColor: Zs,
+  textStyle: qs,
+  title: Qs,
+  line: er,
+  radar: tr,
+  bar: nr,
+  pie: ir,
+  scatter: or,
+  boxplot: sr,
+  parallel: rr,
+  sankey: lr,
+  funnel: ar,
+  gauge: ur,
+  candlestick: cr,
+  graph: mr,
+  map: pr,
+  geo: dr,
+  categoryAxis: fr,
+  valueAxis: br,
+  logAxis: yr,
+  timeAxis: hr,
+  toolbox: gr,
+  legend: xr,
+  tooltip: vr,
+  timeline: kr,
+  visualMap: _r,
+  dataZoom: wr,
+  markPoint: Vr
+}, Ir = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Sr = "#f5f5f5", Cr = {}, Tr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Pr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, zr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ar = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Mr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Dr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Fr = { 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" } }, Gr = { 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 = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Kr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, jr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Or = { 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Yr = { textStyle: { color: "#333333" } }, Jr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Zr = { 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" } } }, qr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Qr = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, el = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, tl = {
+  color: Ir,
+  backgroundColor: Sr,
+  textStyle: Cr,
+  title: Tr,
+  line: Pr,
+  radar: zr,
+  bar: Ar,
+  pie: Lr,
+  scatter: Br,
+  boxplot: Wr,
+  parallel: Er,
+  sankey: Nr,
+  funnel: Mr,
+  gauge: Rr,
+  candlestick: Dr,
+  graph: Fr,
+  map: Gr,
+  geo: Hr,
+  categoryAxis: Kr,
+  valueAxis: jr,
+  logAxis: Or,
+  timeAxis: Ur,
+  toolbox: Xr,
+  legend: Yr,
+  tooltip: Jr,
+  timeline: Zr,
+  visualMap: qr,
+  dataZoom: Qr,
+  markPoint: el
 };
 Jo([
   Zo,
@@ -755,18 +767,18 @@ Jo([
   is,
   os
 ]);
-oo("dark", _r);
-oo("light", qr);
-const Qr = /* @__PURE__ */ $({
+oo("dark", $r);
+oo("light", tl);
+const nl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = $e(), o = We(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = ge(e), { applyTitle: f } = mo(e), { applyXAxis: h } = po(e), { applyYAxis: x } = fo(e), { applyLegend: g } = uo(e), { applySeries: w } = co(e), C = k(() => {
+    const e = t, i = $e(), o = We(), r = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = ge(e), { applyTitle: f } = mo(e), { applyXAxis: h } = po(e), { applyYAxis: x } = fo(e), { applyLegend: g } = uo(e), { applySeries: w } = co(e), C = k(() => {
       const S = {}, D = s.value.type;
-      return l === "page" ? D === "common" ? c(S) : console.assert(!1) : l === "comp" && D === "common" ? c(S) : console.assert(!1), S;
+      return r === "page" ? D === "common" ? c(S) : console.assert(!1) : r === "comp" && D === "common" ? c(S) : console.assert(!1), S;
     }), M = Xi("chart");
     let W;
     const F = () => {
@@ -781,7 +793,7 @@ const Qr = /* @__PURE__ */ $({
     };
     return Yi(async () => {
       window.addEventListener("resize", R, !1), await qi(() => !!M.value), F(), E();
-    }), Ke(() => {
+    }), je(() => {
       window.removeEventListener("resize", R, !1), W?.dispose();
     }), q(
       [
@@ -810,16 +822,16 @@ const Qr = /* @__PURE__ */ $({
       style: Q(C.value)
     }, null, 4));
   }
-}), el = /* @__PURE__ */ $({
+}), il = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = $e(), o = We(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = ge(e), { applyTitle: f } = mo(e), { applyXAxis: h } = po(e), { applyYAxis: x } = fo(e), { applyLegend: g } = uo(e), { applySeries: w } = co(e), C = k(() => {
+    const e = t, i = $e(), o = We(), r = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = ge(e), { applyTitle: f } = mo(e), { applyXAxis: h } = po(e), { applyYAxis: x } = fo(e), { applyLegend: g } = uo(e), { applySeries: w } = co(e), C = k(() => {
       const S = {}, D = s.value.type;
-      return l === "page" ? D === "common" ? c(S) : console.assert(!1) : l === "comp" && D === "common" ? c(S) : console.assert(!1), S;
+      return r === "page" ? D === "common" ? c(S) : console.assert(!1) : r === "comp" && D === "common" ? c(S) : console.assert(!1), S;
     }), M = Xi("chart");
     let W;
     const F = () => {
@@ -834,7 +846,7 @@ const Qr = /* @__PURE__ */ $({
     };
     return Yi(async () => {
       window.addEventListener("resize", R, !1), await qi(() => !!M.value), F(), E();
-    }), Ke(() => {
+    }), je(() => {
       window.removeEventListener("resize", R, !1), W?.dispose();
     }), q(
       [
@@ -870,13 +882,13 @@ const Qr = /* @__PURE__ */ $({
     state: {}
   },
   setup(t) {
-    const { t: e } = fs(), i = t, o = de(), l = sc(), s = ce(-1), a = ce();
-    gc(a), ue(() => {
+    const { t: e } = fs(), i = t, o = de(), r = ac(), s = ce(-1), a = ce();
+    kc(a), ue(() => {
       if (!i.refContext.refid) {
         s.value = -1, a.value = void 0;
         return;
       }
-      const c = l.value[i.refContext.refid];
+      const c = r.value[i.refContext.refid];
       if (!c) {
         s.value = -1, a.value = void 0, Qi.emit("compNotAvail", i.refContext.refid);
         return;
@@ -931,14 +943,14 @@ const Qr = /* @__PURE__ */ $({
     };
     return (c, f) => (v(), V(u));
   }
-}), tl = /* @__PURE__ */ $({
+}), ol = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "content"]), { prop: o } = r(e, ["settings", "dot"]), { theme: l } = N(), { prop: s } = r(e, ["settings", "offset", "x"]), { prop: a } = r(e, ["settings", "offset", "y"]);
+    const e = t, { prop: i } = l(e, ["settings", "content"]), { prop: o } = l(e, ["settings", "dot"]), { theme: r } = N(), { prop: s } = l(e, ["settings", "offset", "x"]), { prop: a } = l(e, ["settings", "offset", "y"]);
     return (p, d) => {
       const b = z("v-badge");
       return v(), V(b, {
@@ -946,7 +958,7 @@ const Qr = /* @__PURE__ */ $({
         dot: n(o),
         "offset-x": n(s),
         "offset-y": n(a),
-        theme: n(l)
+        theme: n(r)
       }, {
         default: I(() => [
           L(p.$slots, "default")
@@ -955,24 +967,24 @@ const Qr = /* @__PURE__ */ $({
       }, 8, ["content", "dot", "offset-x", "offset-y", "theme"]);
     };
   }
-}), nl = /* @__PURE__ */ $({
+}), sl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = Ee(), { prop: l } = r(e, [
+    const e = t, i = G(), o = Ee(), { prop: r } = l(e, [
       "settings",
       "addIcon",
       "append"
-    ]), { prop: s } = r(e, ["settings", "block"]), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "density"]), { prop: b } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["size", "height"]), { prop: u } = r(e, ["settings", "loading"]), { prop: c } = r(e, ["size", "maxHeight"]), { prop: f } = r(e, ["size", "maxWidth"]), { prop: h } = r(e, ["size", "minHeight"]), { prop: x } = r(e, ["size", "minWidth"]), { prop: g } = r(e, [
+    ]), { prop: s } = l(e, ["settings", "block"]), { prop: a } = l(e, ["settings", "color"]), { color: p } = K(a), { prop: d } = l(e, ["settings", "density"]), { prop: b } = l(e, ["settings", "disabled"]), { prop: m } = l(e, ["size", "height"]), { prop: u } = l(e, ["settings", "loading"]), { prop: c } = l(e, ["size", "maxHeight"]), { prop: f } = l(e, ["size", "maxWidth"]), { prop: h } = l(e, ["size", "minHeight"]), { prop: x } = l(e, ["size", "minWidth"]), { prop: g } = l(e, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "ripple"]), { prop: M } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: R } = N(), { prop: E } = r(e, ["settings", "variant"]), { prop: S } = r(e, ["size", "width"]), D = (J) => {
+    ]), { prop: w } = l(e, ["settings", "readonly"]), { prop: C } = l(e, ["settings", "ripple"]), { prop: M } = l(e, ["settings", "size"]), { prop: W } = l(e, ["settings", "stacked"]), { prop: F } = l(e, ["settings", "text"]), { theme: R } = N(), { prop: E } = l(e, ["settings", "variant"]), { prop: S } = l(e, ["size", "width"]), D = (J) => {
       i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", J.clientX), o.setVariable("__pointerPosY__", J.clientY), o.callFunction("__triggerEventV1__", [
-        Ce("elementEvent", "click", e.node.basic.id)
+        Ce("elementEvent", e.node.basic.id, "click")
       ]));
     };
     return (J, te) => {
@@ -980,7 +992,7 @@ const Qr = /* @__PURE__ */ $({
       return v(), V(n(Z), null, {
         default: I(() => [
           H(re, {
-            "append-icon": n(l),
+            "append-icon": n(r),
             block: n(s),
             color: n(p),
             density: n(d),
@@ -1007,8 +1019,8 @@ const Qr = /* @__PURE__ */ $({
       });
     };
   }
-}), il = {};
-function ol(t, e) {
+}), rl = {};
+function ll(t, e) {
   const i = z("v-btn-group");
   return v(), V(i, null, {
     default: I(() => [
@@ -1017,20 +1029,20 @@ function ol(t, e) {
     _: 3
   });
 }
-const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
+const al = /* @__PURE__ */ xe(rl, [["render", ll]]), ul = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "block"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "divided"]), { prop: s } = r(e, ["settings", "mandatory"]), { prop: a } = r(e, ["settings", "multiple"]), { prop: p } = r(e, ["settings", "readonly"]), { prop: d } = r(e, ["settings", "size"]), { prop: b } = r(e, ["settings", "stacked"]), { theme: m } = N(), { prop: u } = r(e, ["settings", "tile"]), { prop: c } = r(e, ["settings", "variant"]);
+    const e = t, { prop: i } = l(e, ["settings", "block"]), { prop: o } = l(e, ["settings", "disabled"]), { prop: r } = l(e, ["settings", "divided"]), { prop: s } = l(e, ["settings", "mandatory"]), { prop: a } = l(e, ["settings", "multiple"]), { prop: p } = l(e, ["settings", "readonly"]), { prop: d } = l(e, ["settings", "size"]), { prop: b } = l(e, ["settings", "stacked"]), { theme: m } = N(), { prop: u } = l(e, ["settings", "tile"]), { prop: c } = l(e, ["settings", "variant"]);
     return (f, h) => {
       const x = z("v-btn-toggle");
       return v(), V(x, {
         block: n(i),
         disabled: n(o),
-        divided: n(l),
+        divided: n(r),
         mandatory: n(s),
         multiple: n(a),
         readonly: n(p),
@@ -1047,20 +1059,20 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), ll = /* @__PURE__ */ $({
+}), cl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["size", "height"]), { prop: s } = r(e, ["settings", "hover"]), { prop: a } = r(e, ["settings", "loading"]), { prop: p } = r(e, ["size", "maxHeight"]), { prop: d } = r(e, ["size", "maxWidth"]), { prop: b } = r(e, ["size", "minHeight"]), { prop: m } = r(e, ["size", "minWidth"]), { prop: u } = r(e, ["settings", "subtitle"]), { prop: c } = r(e, ["settings", "text"]), { theme: f } = N(), { prop: h } = r(e, ["settings", "title"]), { prop: x } = r(e, ["settings", "variant"]), { prop: g } = r(e, ["size", "width"]);
+    const e = t, { prop: i } = l(e, ["settings", "density"]), { prop: o } = l(e, ["settings", "disabled"]), { prop: r } = l(e, ["size", "height"]), { prop: s } = l(e, ["settings", "hover"]), { prop: a } = l(e, ["settings", "loading"]), { prop: p } = l(e, ["size", "maxHeight"]), { prop: d } = l(e, ["size", "maxWidth"]), { prop: b } = l(e, ["size", "minHeight"]), { prop: m } = l(e, ["size", "minWidth"]), { prop: u } = l(e, ["settings", "subtitle"]), { prop: c } = l(e, ["settings", "text"]), { theme: f } = N(), { prop: h } = l(e, ["settings", "title"]), { prop: x } = l(e, ["settings", "variant"]), { prop: g } = l(e, ["size", "width"]);
     return (w, C) => {
       const M = z("v-card");
       return v(), V(M, {
         density: n(i),
         disabled: n(o),
-        height: n(l),
+        height: n(r),
         hover: n(s),
         loading: n(a),
         "max-height": n(p),
@@ -1081,15 +1093,15 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"]);
     };
   }
-}), al = /* @__PURE__ */ $({
+}), ml = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "disabled"]), { prop: o } = r(e, ["settings", "readonly"]);
-    return (l, s) => {
+    const e = t, { prop: i } = l(e, ["settings", "disabled"]), { prop: o } = l(e, ["settings", "readonly"]);
+    return (r, s) => {
       const a = z("v-checkbox");
       return v(), V(a, {
         disabled: n(i),
@@ -1097,19 +1109,19 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       }, null, 8, ["disabled", "readonly"]);
     };
   }
-}), ul = /* @__PURE__ */ $({
+}), pl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "closable"]), { prop: o } = r(e, ["settings", "color"]), { color: l } = j(o), { prop: s } = r(e, ["settings", "density"]), { prop: a } = r(e, ["settings", "disabled"]), { prop: p } = r(e, ["settings", "draggable"]), { prop: d } = r(e, ["settings", "filter"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "size"]), { prop: u } = r(e, ["settings", "text"]), { theme: c } = N(), { prop: f } = r(e, ["settings", "tile"]), { prop: h } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
+    const e = t, { prop: i } = l(e, ["settings", "closable"]), { prop: o } = l(e, ["settings", "color"]), { color: r } = K(o), { prop: s } = l(e, ["settings", "density"]), { prop: a } = l(e, ["settings", "disabled"]), { prop: p } = l(e, ["settings", "draggable"]), { prop: d } = l(e, ["settings", "filter"]), { prop: b } = l(e, ["settings", "label"]), { prop: m } = l(e, ["settings", "size"]), { prop: u } = l(e, ["settings", "text"]), { theme: c } = N(), { prop: f } = l(e, ["settings", "tile"]), { prop: h } = l(e, ["settings", "value"]), { prop: x } = l(e, ["settings", "variant"]);
     return (g, w) => {
       const C = z("v-chip");
       return v(), V(C, {
         closable: n(i),
-        color: n(l),
+        color: n(r),
         density: n(s),
         disabled: n(a),
         draggable: n(p),
@@ -1124,14 +1136,14 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
     };
   }
-}), cl = /* @__PURE__ */ $({
+}), dl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "column"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "filter"]), { prop: a } = r(e, ["settings", "mandatory"]), { prop: p } = r(e, ["settings", "multiple"]), { prop: d } = r(e, ["settings", "showArrows"]), { theme: b } = N(), { prop: m } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = l(e, ["settings", "column"]), { prop: o } = l(e, ["settings", "direction"]), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, ["settings", "filter"]), { prop: a } = l(e, ["settings", "mandatory"]), { prop: p } = l(e, ["settings", "multiple"]), { prop: d } = l(e, ["settings", "showArrows"]), { theme: b } = N(), { prop: m } = l(e, ["settings", "value"]);
     return (u, c) => {
       const f = z("v-chip-group");
       return v(), V(f, {
@@ -1139,7 +1151,7 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
         "onUpdate:modelValue": c[0] || (c[0] = (h) => O(m) ? m.value = h : null),
         column: n(i),
         direction: n(o),
-        disabled: n(l),
+        disabled: n(r),
         filter: n(s),
         mandatory: n(a),
         multiple: n(p),
@@ -1153,17 +1165,17 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), ml = /* @__PURE__ */ $({
+}), fl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = pe(), o = de(), { applySize: l } = ge(e), s = k(() => {
+    const e = t, i = pe(), o = de(), { applySize: r } = ge(e), s = k(() => {
       const h = {}, x = o.value.type;
-      return i === "page" ? x === "common" ? l(h) : console.assert(!1) : i === "comp" && x === "common" ? l(h) : console.assert(!1), h;
-    }), { prop: a } = r(e, ["settings", "disabled"]), { prop: p } = r(e, ["settings", "hideCanvas"]), { prop: d } = r(e, ["settings", "hideHeader"]), { prop: b } = r(e, ["settings", "hideInputs"]), { prop: m } = r(e, ["settings", "hideSliders"]), { prop: u } = r(e, ["settings", "landscape"]), { prop: c } = r(e, [
+      return i === "page" ? x === "common" ? r(h) : console.assert(!1) : i === "comp" && x === "common" ? r(h) : console.assert(!1), h;
+    }), { prop: a } = l(e, ["settings", "disabled"]), { prop: p } = l(e, ["settings", "hideCanvas"]), { prop: d } = l(e, ["settings", "hideHeader"]), { prop: b } = l(e, ["settings", "hideInputs"]), { prop: m } = l(e, ["settings", "hideSliders"]), { prop: u } = l(e, ["settings", "landscape"]), { prop: c } = l(e, [
       "settings",
       "showSwatches"
     ]), { theme: f } = N();
@@ -1182,14 +1194,14 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"]);
     };
   }
-}), pl = /* @__PURE__ */ $({
+}), bl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: p } = N(), { prop: d } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = l(e, ["settings", "hideDetails"]), { prop: o } = l(e, ["settings", "label"]), { prop: r } = l(e, ["settings", "placeholder"]), { prop: s } = l(e, ["settings", "readonly"]), { prop: a } = l(e, ["settings", "singleLine"]), { theme: p } = N(), { prop: d } = l(e, ["settings", "value"]);
     return (b, m) => {
       const u = z("v-combobox");
       return v(), V(n(Z), null, {
@@ -1199,7 +1211,7 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
             "onUpdate:modelValue": m[0] || (m[0] = (c) => O(d) ? d.value = c : null),
             "hide-details": n(i),
             label: n(o),
-            placeholder: n(l),
+            placeholder: n(r),
             readonly: n(s),
             "single-line": n(a),
             theme: n(p)
@@ -1209,17 +1221,17 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       });
     };
   }
-}), dl = /* @__PURE__ */ $({
+}), yl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = pe(), o = de(), { prop: l } = r(e, [
+    const e = t, i = pe(), o = de(), { prop: r } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: s } = j(l), { applySize: a } = ge(e), { applyMargin: p } = Wn(e), { applyPadding: d } = En(e), { applyBorder: b } = Bn(e), m = k(() => {
+    ]), { color: s } = K(r), { applySize: a } = ge(e), { applyMargin: p } = Wn(e), { applyPadding: d } = En(e), { applyBorder: b } = Bn(e), m = k(() => {
       const u = {}, c = o.value.type;
       return i === "page" ? c === "common" ? (a(u), p(u), d(u), b(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1) : i === "comp" && c === "common" ? (a(u), p(u), d(u), b(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1), u;
     });
@@ -1229,14 +1241,14 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       L(u.$slots, "default")
     ], 4));
   }
-}), fl = /* @__PURE__ */ $({
+}), hl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "fixedFooter"]), { prop: l } = r(e, ["settings", "fixedHeader"]), { prop: s } = r(e, ["settings", "headers"]), { prop: a } = r(e, ["size", "height"]), { prop: p } = r(e, ["settings", "hover"]), { prop: d } = r(e, ["settings", "data"], !0), { prop: b } = r(e, ["settings", "loading"]), { prop: m } = r(e, ["settings", "multiSort"]), { theme: u } = N(), { prop: c } = r(e, ["size", "width"]), f = k(() => {
+    const e = t, { prop: i } = l(e, ["settings", "density"]), { prop: o } = l(e, ["settings", "fixedFooter"]), { prop: r } = l(e, ["settings", "fixedHeader"]), { prop: s } = l(e, ["settings", "headers"]), { prop: a } = l(e, ["size", "height"]), { prop: p } = l(e, ["settings", "hover"]), { prop: d } = l(e, ["settings", "data"], !0), { prop: b } = l(e, ["settings", "loading"]), { prop: m } = l(e, ["settings", "multiSort"]), { theme: u } = N(), { prop: c } = l(e, ["size", "width"]), f = k(() => {
       const h = [];
       return (e.node.slots?.items ?? []).forEach((g) => {
         g.column && g.comp && h.push(g);
@@ -1247,7 +1259,7 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       return v(), V(g, {
         density: n(i),
         "fixed-footer": n(o),
-        "fixed-header": n(l),
+        "fixed-header": n(r),
         headers: n(s),
         height: n(a),
         hover: n(p),
@@ -1269,19 +1281,19 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       ]), 1032, ["density", "fixed-footer", "fixed-header", "headers", "height", "hover", "items", "loading", "multi-sort", "theme", "width"]);
     };
   }
-}), bl = {};
-function yl(t, e) {
+}), gl = {};
+function xl(t, e) {
   const i = z("v-date-picker");
   return v(), V(i);
 }
-const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PURE__ */ $({
+const vl = /* @__PURE__ */ xe(gl, [["render", xl]]), kl = ["id"], _l = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = Ee(), l = k(() => e.node.basic?.id), { open: s } = eo(`runtimeDlg/${Zi()}`);
+    const e = t, i = G(), o = Ee(), r = k(() => e.node.basic?.id), { open: s } = eo(`runtimeDlg/${Zi()}`);
     return bo(o, e, (p) => {
       if (i !== "runtime" && i !== "preview")
         return;
@@ -1297,8 +1309,8 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
         activator: I(() => [
           n(i) === "editor" ? (v(), Y("div", {
             key: 0,
-            id: `__node__@${l.value}`
-          }, null, 8, gl)) : ee("", !0)
+            id: `__node__@${r.value}`
+          }, null, 8, kl)) : ee("", !0)
         ]),
         default: I(() => [
           L(p.$slots, "default")
@@ -1307,20 +1319,20 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       }, 8, ["modelValue"]);
     };
   }
-}), vl = /* @__PURE__ */ $({
+}), wl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "chips"]), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "multiple"]), { prop: b } = r(e, ["settings", "readonly"]), { prop: m } = r(e, ["settings", "reverse"]), { prop: u } = r(e, ["settings", "singleLine"]);
+    const e = t, { prop: i } = l(e, ["settings", "chips"]), { prop: o } = l(e, ["settings", "density"]), { prop: r } = l(e, ["settings", "direction"]), { prop: s } = l(e, ["settings", "disabled"]), { prop: a } = l(e, ["settings", "label"]), { prop: p } = l(e, ["settings", "loading"]), { prop: d } = l(e, ["settings", "multiple"]), { prop: b } = l(e, ["settings", "readonly"]), { prop: m } = l(e, ["settings", "reverse"]), { prop: u } = l(e, ["settings", "singleLine"]);
     return (c, f) => {
       const h = z("v-file-input");
       return v(), V(h, {
         chips: n(i),
         density: n(o),
-        direction: n(l),
+        direction: n(r),
         disabled: n(s),
         label: n(a),
         loading: n(p),
@@ -1331,17 +1343,17 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
     };
   }
-}), kl = /* @__PURE__ */ $({
+}), Vl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = $e(), o = pe(), l = de(), { applySize: s } = ge(e), { applyMargin: a } = Wn(e), { applyPadding: p } = En(e), { applyBorder: d } = Bn(e), { prop: b } = r(e, [
+    const e = t, i = $e(), o = pe(), r = de(), { applySize: s } = ge(e), { applyMargin: a } = Wn(e), { applyPadding: p } = En(e), { applyBorder: d } = Bn(e), { prop: b } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: m } = j(b), u = (f) => {
+    ]), { color: m } = K(b), u = (f) => {
       m.value && (f.backgroundColor = m.value), f.display = "flex";
       const h = Re(i.value.width), x = Ie(h, e.node.settings?.direction);
       x === "row" ? f.flexDirection = "row" : x === "rowReverse" ? f.flexDirection = "row-reverse" : x === "column" ? f.flexDirection = "column" : x === "columnReverse" && (f.flexDirection = "column-reverse");
@@ -1352,7 +1364,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       const C = Ie(h, e.node.settings?.crossAlign);
       C === "start" ? f.alignItems = "flex-start" : C === "end" ? f.alignItems = "flex-end" : C === "center" ? f.alignItems = "center" : C === "baseline" ? f.alignItems = "baseline" : C === "stretch" && (f.alignItems = "stretch");
     }, c = k(() => {
-      const f = {}, h = l.value.type;
+      const f = {}, h = r.value.type;
       return o === "page" ? h === "common" ? (s(f), a(f), p(f), d(f), u(f)) : console.assert(!1) : o === "comp" && h === "common" ? (s(f), a(f), p(f), d(f), u(f)) : console.assert(!1), f;
     });
     return (f, h) => (v(), Y("div", {
@@ -1361,16 +1373,16 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       L(f.$slots, "default")
     ], 4));
   }
-}), _l = /* @__PURE__ */ $({
+}), $l = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = pe(), o = de(), { applySize: l } = ge(e), { prop: s } = r(e, ["settings", "grow"]), { prop: a } = r(e, ["settings", "shrink"]), p = k(() => {
+    const e = t, i = pe(), o = de(), { applySize: r } = ge(e), { prop: s } = l(e, ["settings", "grow"]), { prop: a } = l(e, ["settings", "shrink"]), p = k(() => {
       const d = {}, b = o.value.type;
-      return i === "page" ? b === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && b === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1), d;
+      return i === "page" ? b === "common" ? (r(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && b === "common" ? (r(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1), d;
     });
     return (d, b) => (v(), Y("div", {
       style: Q(p.value)
@@ -1378,22 +1390,22 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       L(d.$slots, "default")
     ], 4));
   }
-}), wl = /* @__PURE__ */ $({
+}), Il = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = pe(), l = de(), s = Ee(), { prop: a } = r(e, ["settings", "valid"]), { prop: p } = r(e, ["settings", "fastFail"]), { prop: d } = r(e, [
+    const e = t, i = G(), o = pe(), r = de(), s = Ee(), { prop: a } = l(e, ["settings", "valid"]), { prop: p } = l(e, ["settings", "fastFail"]), { prop: d } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: b } = j(d), { applySize: m } = ge(e), { applyMargin: u } = Wn(e), { applyPadding: c } = En(e), { applyBorder: f } = Bn(e), h = k(() => {
-      const g = {}, w = l.value.type;
+    ]), { color: b } = K(d), { applySize: m } = ge(e), { applyMargin: u } = Wn(e), { applyPadding: c } = En(e), { applyBorder: f } = Bn(e), h = k(() => {
+      const g = {}, w = r.value.type;
       return o === "page" ? w === "common" ? (m(g), u(g), c(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1) : o === "comp" && w === "common" ? (m(g), u(g), c(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1), g;
     }), x = () => {
       i !== "runtime" && i !== "preview" || s.callFunction("__triggerEventV1__", [
-        Ce("elementEvent", "submit", e.node.basic.id)
+        Ce("elementEvent", e.node.basic.id, "submit")
       ]);
     };
     return (g, w) => {
@@ -1412,38 +1424,38 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), Vl = /* @__PURE__ */ $({
+}), Sl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "icon"]), { prop: a } = r(e, ["settings", "size"]), { theme: p } = N();
+    const e = t, { prop: i } = l(e, ["settings", "color"]), { color: o } = K(i), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, ["settings", "icon"]), { prop: a } = l(e, ["settings", "size"]), { theme: p } = N();
     return (d, b) => {
       const m = z("v-icon");
       return v(), V(m, {
         color: n(o),
-        disabled: n(l),
+        disabled: n(r),
         icon: n(s),
         size: n(a),
         theme: n(p)
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), $l = ["id"], Il = /* @__PURE__ */ $({
+}), Cl = ["id"], Tl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = Ee(), l = ce(0), s = ce(0), a = k(() => [l.value, s.value]), p = k(() => e.node.basic?.id), { open: d } = eo(`runtimeMenu/${Zi()}`);
+    const e = t, i = G(), o = Ee(), r = ce(0), s = ce(0), a = k(() => [r.value, s.value]), p = k(() => e.node.basic?.id), { open: d } = eo(`runtimeMenu/${Zi()}`);
     return bo(o, e, (m) => {
       if (i !== "runtime" && i !== "preview")
         return;
       const { name: u } = m;
-      u === "open" ? (l.value = o.getVariable("__pointerPosX__"), s.value = o.getVariable("__pointerPosY__"), d.value = !0) : u === "close" && (d.value = !1);
+      u === "open" ? (r.value = o.getVariable("__pointerPosX__"), s.value = o.getVariable("__pointerPosY__"), d.value = !0) : u === "close" && (d.value = !1);
     }), (m, u) => {
       const c = z("v-menu");
       return v(), V(c, {
@@ -1458,7 +1470,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
           n(i) === "editor" ? (v(), Y("div", {
             key: 0,
             id: `__node__@${p.value}`
-          }, null, 8, $l)) : ee("", !0)
+          }, null, 8, Cl)) : ee("", !0)
         ]),
         default: I(() => [
           L(m.$slots, "default")
@@ -1467,30 +1479,30 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Sl = /* @__PURE__ */ $({
+}), Pl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, [
+    const e = t, { prop: i } = l(e, [
       "settings",
       "addIcon",
       "append"
-    ]), { prop: o } = r(e, [
+    ]), { prop: o } = l(e, [
       "settings",
       "addIcon",
       "appendInner"
-    ]), { prop: l } = r(e, ["settings", "clearable"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "max"]), { prop: b } = r(e, ["size", "maxWidth"]), { prop: m } = r(e, ["settings", "min"]), { prop: u } = r(e, ["size", "minWidth"]), { prop: c } = r(e, ["settings", "placeholder"]), { prop: f } = r(e, ["settings", "precision"]), { prop: h } = r(e, ["settings", "prefix"]), { prop: x } = r(e, [
+    ]), { prop: r } = l(e, ["settings", "clearable"]), { prop: s } = l(e, ["settings", "hideDetails"]), { prop: a } = l(e, ["settings", "label"]), { prop: p } = l(e, ["settings", "loading"]), { prop: d } = l(e, ["settings", "max"]), { prop: b } = l(e, ["size", "maxWidth"]), { prop: m } = l(e, ["settings", "min"]), { prop: u } = l(e, ["size", "minWidth"]), { prop: c } = l(e, ["settings", "placeholder"]), { prop: f } = l(e, ["settings", "precision"]), { prop: h } = l(e, ["settings", "prefix"]), { prop: x } = l(e, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: g } = r(e, [
+    ]), { prop: g } = l(e, [
       "settings",
       "addIcon",
       "prependInner"
-    ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "reverse"]), { prop: M } = r(e, ["settings", "singleLine"]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: R } = N(), { prop: E } = r(e, ["settings", "value"]), { prop: S } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["size", "width"]);
+    ]), { prop: w } = l(e, ["settings", "readonly"]), { prop: C } = l(e, ["settings", "reverse"]), { prop: M } = l(e, ["settings", "singleLine"]), { prop: W } = l(e, ["settings", "step"]), { prop: F } = l(e, ["settings", "suffix"]), { theme: R } = N(), { prop: E } = l(e, ["settings", "value"]), { prop: S } = l(e, ["settings", "variant"]), { prop: D } = l(e, ["size", "width"]);
     return (J, te) => {
       const re = z("v-number-input");
       return v(), V(n(Z), null, {
@@ -1500,7 +1512,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             "onUpdate:modelValue": te[0] || (te[0] = (le) => O(E) ? E.value = le : null),
             "append-icon": n(i),
             "append-inner-icon": n(o),
-            clearable: n(l),
+            clearable: n(r),
             "hide-details": n(s),
             label: n(a),
             loading: n(p),
@@ -1527,17 +1539,17 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       });
     };
   }
-}), Cl = /* @__PURE__ */ $({
+}), zl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "length"]), { prop: a } = r(e, [
+    const e = t, i = G(), { prop: o } = l(e, ["settings", "density"]), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, ["settings", "length"]), { prop: a } = l(e, [
       "settings",
       "showFirstLastPage"
-    ]), { prop: p } = r(e, ["settings", "size"]), { prop: d } = r(e, ["settings", "start"]), { theme: b } = N(), { prop: m } = r(e, ["settings", "tile"]), { prop: u } = r(e, ["settings", "value"]), { prop: c } = r(e, ["settings", "variant"]), f = k(() => {
+    ]), { prop: p } = l(e, ["settings", "size"]), { prop: d } = l(e, ["settings", "start"]), { theme: b } = N(), { prop: m } = l(e, ["settings", "tile"]), { prop: u } = l(e, ["settings", "value"]), { prop: c } = l(e, ["settings", "variant"]), f = k(() => {
       const h = {};
       return i === "editor" && (h.pointerEvents = "none"), h;
     });
@@ -1549,7 +1561,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             modelValue: n(u),
             "onUpdate:modelValue": x[0] || (x[0] = (w) => O(u) ? u.value = w : null),
             density: n(o),
-            disabled: n(l),
+            disabled: n(r),
             length: n(s),
             "show-first-last-page": n(a),
             size: n(p),
@@ -1564,19 +1576,19 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       });
     };
   }
-}), Tl = /* @__PURE__ */ $({
+}), Al = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "readonly"]), { theme: d } = N(), { prop: b } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = l(e, ["settings", "color"]), { color: o } = K(i), { prop: r } = l(e, ["settings", "density"]), { prop: s } = l(e, ["settings", "disabled"]), { prop: a } = l(e, ["settings", "label"]), { prop: p } = l(e, ["settings", "readonly"]), { theme: d } = N(), { prop: b } = l(e, ["settings", "value"]);
     return (m, u) => {
       const c = z("v-radio");
       return v(), V(c, {
         color: n(o),
-        density: n(l),
+        density: n(r),
         disabled: n(s),
         label: n(a),
         readonly: n(p),
@@ -1585,14 +1597,14 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), Pl = /* @__PURE__ */ $({
+}), Ll = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "inline"]), { prop: a } = r(e, ["settings", "readonly"]), { theme: p } = N(), { prop: d } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = l(e, ["settings", "density"]), { prop: o } = l(e, ["settings", "direction"]), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, ["settings", "inline"]), { prop: a } = l(e, ["settings", "readonly"]), { theme: p } = N(), { prop: d } = l(e, ["settings", "value"]);
     return (b, m) => {
       const u = z("v-radio-group");
       return v(), V(n(Z), null, {
@@ -1602,7 +1614,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             "onUpdate:modelValue": m[0] || (m[0] = (c) => O(d) ? d.value = c : null),
             density: n(i),
             direction: n(o),
-            disabled: n(l),
+            disabled: n(r),
             inline: n(s),
             readonly: n(a),
             theme: n(p)
@@ -1617,19 +1629,19 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       });
     };
   }
-}), zl = /* @__PURE__ */ $({
+}), Bl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "max"]), { prop: d } = r(e, ["settings", "min"]), { prop: b } = r(e, ["settings", "readonly"]), { prop: m } = r(e, ["settings", "showTicks"]), u = k(() => {
+    const e = t, { prop: i } = l(e, ["settings", "density"]), { prop: o } = l(e, ["settings", "direction"]), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, ["settings", "hideDetails"]), { prop: a } = l(e, ["settings", "label"]), { prop: p } = l(e, ["settings", "max"]), { prop: d } = l(e, ["settings", "min"]), { prop: b } = l(e, ["settings", "readonly"]), { prop: m } = l(e, ["settings", "showTicks"]), u = k(() => {
       if (m.value === "always")
         return "always";
       if (m.value === "show")
         return !0;
-    }), { prop: c } = r(e, ["settings", "step"]), { theme: f } = N(), { prop: h } = r(e, [
+    }), { prop: c } = l(e, ["settings", "step"]), { theme: f } = N(), { prop: h } = l(e, [
       "settings",
       "thumbLabel"
     ]), x = k(() => {
@@ -1637,7 +1649,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
         return "always";
       if (h.value === "show")
         return !0;
-    }), { prop: g } = r(e, ["settings", "thumbSize"]), { prop: w } = r(e, ["settings", "ticks"]), C = k(() => {
+    }), { prop: g } = l(e, ["settings", "thumbSize"]), { prop: w } = l(e, ["settings", "ticks"]), C = k(() => {
       if (!w.value)
         return;
       const E = {};
@@ -1645,11 +1657,11 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
         E[S] = D;
       if (!ro(E))
         return E;
-    }), { prop: M } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
+    }), { prop: M } = l(e, ["settings", "tickSize"]), { prop: W } = l(e, [
       "settings",
       "value",
       "start"
-    ]), { prop: F } = r(e, ["settings", "value", "end"]), R = k({
+    ]), { prop: F } = l(e, ["settings", "value", "end"]), R = k({
       get: () => [W.value, F.value],
       set: ([E, S]) => {
         W.value = E, F.value = S;
@@ -1667,7 +1679,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             "onUpdate:modelValue": S[0] || (S[0] = (J) => R.value = J),
             density: n(i),
             direction: n(o),
-            disabled: n(l),
+            disabled: n(r),
             "hide-details": n(s),
             label: n(a),
             max: n(p),
@@ -1686,17 +1698,17 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       }, 8, ["modelValue"]);
     };
   }
-}), Al = /* @__PURE__ */ $({
+}), Wl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "clearable"]), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, [
+    const e = t, { prop: i } = l(e, ["settings", "clearable"]), { prop: o } = l(e, ["settings", "density"]), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, [
       "settings",
       "halfIncrements"
-    ]), { prop: a } = r(e, ["settings", "hover"]), { prop: p } = r(e, ["settings", "length"]), { prop: d } = r(e, ["settings", "readonly"]), { theme: b } = N(), { prop: m } = r(e, ["settings", "value"]);
+    ]), { prop: a } = l(e, ["settings", "hover"]), { prop: p } = l(e, ["settings", "length"]), { prop: d } = l(e, ["settings", "readonly"]), { theme: b } = N(), { prop: m } = l(e, ["settings", "value"]);
     return (u, c) => {
       const f = z("v-rating");
       return v(), V(n(Z), { "fit-content": !0 }, {
@@ -1706,7 +1718,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             "onUpdate:modelValue": c[0] || (c[0] = (h) => O(m) ? m.value = h : null),
             clearable: n(i),
             density: n(o),
-            disabled: n(l),
+            disabled: n(r),
             "half-increments": n(s),
             hover: n(a),
             length: n(p),
@@ -1718,14 +1730,14 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       });
     };
   }
-}), Ll = /* @__PURE__ */ $({
+}), El = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: p } = N(), { prop: d } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = l(e, ["settings", "hideDetails"]), { prop: o } = l(e, ["settings", "label"]), { prop: r } = l(e, ["settings", "placeholder"]), { prop: s } = l(e, ["settings", "readonly"]), { prop: a } = l(e, ["settings", "singleLine"]), { theme: p } = N(), { prop: d } = l(e, ["settings", "value"]);
     return (b, m) => {
       const u = z("v-select");
       return v(), V(n(Z), null, {
@@ -1735,7 +1747,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             "onUpdate:modelValue": m[0] || (m[0] = (c) => O(d) ? d.value = c : null),
             "hide-details": n(i),
             label: n(o),
-            placeholder: n(l),
+            placeholder: n(r),
             readonly: n(s),
             "single-line": n(a),
             theme: n(p)
@@ -1745,22 +1757,22 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       });
     };
   }
-}), Bl = /* @__PURE__ */ $({
+}), Nl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "hideDetails"]), { prop: p } = r(e, ["settings", "label"]), { prop: d } = r(e, ["settings", "max"]), { prop: b } = r(e, ["settings", "min"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: c } = r(e, ["settings", "showTicks"]), f = k(() => {
+    const e = t, { prop: i } = l(e, ["settings", "color"]), { color: o } = K(i), { prop: r } = l(e, ["settings", "direction"]), { prop: s } = l(e, ["settings", "disabled"]), { prop: a } = l(e, ["settings", "hideDetails"]), { prop: p } = l(e, ["settings", "label"]), { prop: d } = l(e, ["settings", "max"]), { prop: b } = l(e, ["settings", "min"]), { prop: m } = l(e, ["settings", "readonly"]), { prop: u } = l(e, ["settings", "reverse"]), { prop: c } = l(e, ["settings", "showTicks"]), f = k(() => {
       if (c.value === "always")
         return "always";
       if (c.value === "show")
         return !0;
-    }), { prop: h } = r(e, ["settings", "step"]), { theme: x } = N(), { prop: g } = r(e, [
+    }), { prop: h } = l(e, ["settings", "step"]), { theme: x } = N(), { prop: g } = l(e, [
       "settings",
       "thumbColor"
-    ]), { color: w } = j(g), { prop: C } = r(e, [
+    ]), { color: w } = K(g), { prop: C } = l(e, [
       "settings",
       "thumbLabel"
     ]), M = k(() => {
@@ -1768,7 +1780,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
         return "always";
       if (C.value === "show")
         return !0;
-    }), { prop: W } = r(e, ["settings", "thumbSize"]), { prop: F } = r(e, ["settings", "ticks"]), R = k(() => {
+    }), { prop: W } = l(e, ["settings", "thumbSize"]), { prop: F } = l(e, ["settings", "ticks"]), R = k(() => {
       if (!F.value)
         return;
       const le = {};
@@ -1776,10 +1788,10 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
         le[Ne] = Ut;
       if (!ro(le))
         return le;
-    }), { prop: E } = r(e, ["settings", "tickSize"]), { prop: S } = r(e, [
+    }), { prop: E } = l(e, ["settings", "tickSize"]), { prop: S } = l(e, [
       "settings",
       "trackColor"
-    ]), { color: D } = j(S), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
+    ]), { color: D } = K(S), { prop: J } = l(e, ["settings", "value"]), { prop: te } = l(e, ["slots", "append"]), { prop: re } = l(e, ["slots", "prepend"]);
     return (le, Ne) => {
       const Ut = z("v-slider");
       return v(), V(n(Z), null, {
@@ -1788,7 +1800,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             modelValue: n(J),
             "onUpdate:modelValue": Ne[0] || (Ne[0] = (Eo) => O(J) ? J.value = Eo : null),
             color: n(o),
-            direction: n(l),
+            direction: n(r),
             disabled: n(s),
             "hide-details": n(a),
             label: n(p),
@@ -1832,19 +1844,19 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       });
     };
   }
-}), Wl = /* @__PURE__ */ $({
+}), Ml = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideActions"]), { theme: o } = N(), { prop: l } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = l(e, ["settings", "hideActions"]), { theme: o } = N(), { prop: r } = l(e, ["settings", "value"]);
     return (s, a) => {
       const p = z("v-stepper");
       return v(), V(p, {
-        modelValue: n(l),
-        "onUpdate:modelValue": a[0] || (a[0] = (d) => O(l) ? l.value = d : null),
+        modelValue: n(r),
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => O(r) ? r.value = d : null),
         "hide-actions": n(i),
         theme: n(o)
       }, {
@@ -1855,8 +1867,8 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       }, 8, ["modelValue", "hide-actions", "theme"]);
     };
   }
-}), El = {};
-function Nl(t, e) {
+}), Rl = {};
+function Dl(t, e) {
   const i = z("v-stepper-header");
   return v(), V(i, null, {
     default: I(() => [
@@ -1865,15 +1877,15 @@ function Nl(t, e) {
     _: 3
   });
 }
-const Ml = /* @__PURE__ */ xe(El, [["render", Nl]]), Rl = /* @__PURE__ */ $({
+const Fl = /* @__PURE__ */ xe(Rl, [["render", Dl]]), Gl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "value"]);
-    return (o, l) => {
+    const e = t, { prop: i } = l(e, ["settings", "value"]);
+    return (o, r) => {
       const s = z("v-stepper-item");
       return v(), V(s, { value: n(i) }, {
         default: I(() => [
@@ -1883,8 +1895,8 @@ const Ml = /* @__PURE__ */ xe(El, [["render", Nl]]), Rl = /* @__PURE__ */ $({
       }, 8, ["value"]);
     };
   }
-}), Dl = {};
-function Fl(t, e) {
+}), Hl = {};
+function Kl(t, e) {
   const i = z("v-stepper-window");
   return v(), V(i, null, {
     default: I(() => [
@@ -1893,15 +1905,15 @@ function Fl(t, e) {
     _: 3
   });
 }
-const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
+const jl = /* @__PURE__ */ xe(Hl, [["render", Kl]]), Ol = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "value"]);
-    return (o, l) => {
+    const e = t, { prop: i } = l(e, ["settings", "value"]);
+    return (o, r) => {
       const s = z("v-stepper-window-item");
       return v(), V(s, { value: n(i) }, {
         default: I(() => [
@@ -1911,17 +1923,17 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       }, 8, ["value"]);
     };
   }
-}), jl = /* @__PURE__ */ $({
+}), Ul = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, [
+    const e = t, { prop: i } = l(e, ["settings", "density"]), { prop: o } = l(e, ["settings", "direction"]), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, ["settings", "hideDetails"]), { prop: a } = l(e, [
       "settings",
       "indeterminate"
-    ]), { prop: p } = r(e, ["settings", "inline"]), { prop: d } = r(e, ["settings", "inset"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { theme: u } = N(), { prop: c } = r(e, ["settings", "value"]);
+    ]), { prop: p } = l(e, ["settings", "inline"]), { prop: d } = l(e, ["settings", "inset"]), { prop: b } = l(e, ["settings", "label"]), { prop: m } = l(e, ["settings", "loading"]), { theme: u } = N(), { prop: c } = l(e, ["settings", "value"]);
     return (f, h) => {
       const x = z("v-switch");
       return v(), V(n(Z), { "fit-content": !0 }, {
@@ -1931,7 +1943,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             "onUpdate:modelValue": h[0] || (h[0] = (g) => O(c) ? c.value = g : null),
             density: n(i),
             direction: n(o),
-            disabled: n(l),
+            disabled: n(r),
             "hide-details": n(s),
             indeterminate: n(a),
             inline: n(p),
@@ -1945,14 +1957,14 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       });
     };
   }
-}), Kl = /* @__PURE__ */ $({
+}), Xl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = N(), { prop: s } = r(e, ["settings", "value"]), a = k(() => {
+    const e = t, i = G(), { prop: o } = l(e, ["settings", "text"]), { theme: r } = N(), { prop: s } = l(e, ["settings", "value"]), a = k(() => {
       const p = {};
       return i === "editor" && (p.pointerEvents = "none"), p;
     });
@@ -1963,7 +1975,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
           H(b, {
             style: Q(a.value),
             text: n(o),
-            theme: n(l),
+            theme: n(r),
             value: n(s)
           }, null, 8, ["style", "text", "theme", "value"])
         ]),
@@ -1971,36 +1983,36 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       });
     };
   }
-}), Ol = /* @__PURE__ */ $({
+}), Yl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "alignTabs"]), { prop: o } = r(e, [
+    const e = t, { prop: i } = l(e, ["settings", "alignTabs"]), { prop: o } = l(e, [
       "settings",
       "color",
       "backgroundColor"
-    ]), { color: l } = j(o), { prop: s } = r(e, [
+    ]), { color: r } = K(o), { prop: s } = l(e, [
       "settings",
       "centerActive"
-    ]), { prop: a } = r(e, [
+    ]), { prop: a } = l(e, [
       "settings",
       "color",
       "selectedColor"
-    ]), { color: p } = j(a), { prop: d } = r(e, ["settings", "density"]), { prop: b } = r(e, ["settings", "direction"]), { prop: m } = r(e, ["settings", "disabled"]), { prop: u } = r(e, ["settings", "fixedTabs"]), { prop: c } = r(e, ["settings", "grow"]), { prop: f } = r(e, ["settings", "hideSlider"]), { prop: h } = r(e, ["settings", "items"]), { prop: x } = r(e, ["settings", "mandatory"]), { prop: g } = r(e, ["settings", "showArrows"]), { prop: w } = r(e, [
+    ]), { color: p } = K(a), { prop: d } = l(e, ["settings", "density"]), { prop: b } = l(e, ["settings", "direction"]), { prop: m } = l(e, ["settings", "disabled"]), { prop: u } = l(e, ["settings", "fixedTabs"]), { prop: c } = l(e, ["settings", "grow"]), { prop: f } = l(e, ["settings", "hideSlider"]), { prop: h } = l(e, ["settings", "items"]), { prop: x } = l(e, ["settings", "mandatory"]), { prop: g } = l(e, ["settings", "showArrows"]), { prop: w } = l(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: C } = j(w), { prop: M } = r(e, ["settings", "stacked"]), { theme: W } = N(), { prop: F } = r(e, ["settings", "value"]);
+    ]), { color: C } = K(w), { prop: M } = l(e, ["settings", "stacked"]), { theme: W } = N(), { prop: F } = l(e, ["settings", "value"]);
     return (R, E) => {
       const S = z("v-tabs");
       return v(), V(S, {
         modelValue: n(F),
         "onUpdate:modelValue": E[0] || (E[0] = (D) => O(F) ? F.value = D : null),
         "align-tabs": n(i),
-        "bg-color": n(l),
+        "bg-color": n(r),
         "center-active": n(s),
         color: n(p),
         density: n(d),
@@ -2023,29 +2035,29 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       }, 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"]);
     };
   }
-}), Ul = /* @__PURE__ */ $({
+}), Jl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = $e(), { prop: o } = r(e, ["settings", "align"]), { prop: l } = r(e, ["settings", "decoration"]), { prop: s } = r(e, ["settings", "emphasis"]), { prop: a } = r(e, ["settings", "italic"]), { prop: p } = r(e, ["settings", "text"]), { prop: d } = r(e, ["settings", "weight"]), b = k(() => {
+    const e = t, i = $e(), { prop: o } = l(e, ["settings", "align"]), { prop: r } = l(e, ["settings", "decoration"]), { prop: s } = l(e, ["settings", "emphasis"]), { prop: a } = l(e, ["settings", "italic"]), { prop: p } = l(e, ["settings", "text"]), { prop: d } = l(e, ["settings", "weight"]), b = k(() => {
       const m = [], u = Re(i.value.width), c = Ie(u, e.node.settings?.style);
-      return c && m.push(`text-${c}`), s.value === "high" ? m.push("text-high-emphasis") : s.value === "medium" ? m.push("text-medium-emphasis") : s.value === "disabled" && m.push("text-disabled"), o.value && m.push(`font-${o.value}`), l.value && m.push(`text-decoration-${l.value}`), d.value && m.push(`font-weight-${d.value}`), a.value && m.push("font-italic"), m.join(" ");
+      return c && m.push(`text-${c}`), s.value === "high" ? m.push("text-high-emphasis") : s.value === "medium" ? m.push("text-medium-emphasis") : s.value === "disabled" && m.push("text-disabled"), o.value && m.push(`font-${o.value}`), r.value && m.push(`text-decoration-${r.value}`), d.value && m.push(`font-weight-${d.value}`), a.value && m.push("font-italic"), m.join(" ");
     });
     return (m, u) => (v(), Y("span", {
       class: Do(b.value)
     }, Fo(n(p)), 3));
   }
-}), Xl = /* @__PURE__ */ $({
+}), Zl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "autoGrow"]), { prop: o } = r(e, ["settings", "clearable"]), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "maxRows"]), { prop: b } = r(e, ["settings", "placeholder"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: c } = r(e, ["settings", "rows"]), { prop: f } = r(e, ["settings", "singleLine"]), { theme: h } = N(), { prop: x } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
+    const e = t, { prop: i } = l(e, ["settings", "autoGrow"]), { prop: o } = l(e, ["settings", "clearable"]), { prop: r } = l(e, ["settings", "density"]), { prop: s } = l(e, ["settings", "disabled"]), { prop: a } = l(e, ["settings", "label"]), { prop: p } = l(e, ["settings", "loading"]), { prop: d } = l(e, ["settings", "maxRows"]), { prop: b } = l(e, ["settings", "placeholder"]), { prop: m } = l(e, ["settings", "readonly"]), { prop: u } = l(e, ["settings", "reverse"]), { prop: c } = l(e, ["settings", "rows"]), { prop: f } = l(e, ["settings", "singleLine"]), { theme: h } = N(), { prop: x } = l(e, ["settings", "value"]), { prop: g } = l(e, ["settings", "variant"]);
     return (w, C) => {
       const M = z("v-textarea");
       return v(), V(n(Z), null, {
@@ -2055,7 +2067,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             "onUpdate:modelValue": C[0] || (C[0] = (W) => O(x) ? x.value = W : null),
             "auto-grow": n(i),
             clearable: n(o),
-            density: n(l),
+            density: n(r),
             disabled: n(s),
             label: n(a),
             loading: n(p),
@@ -2073,23 +2085,23 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       });
     };
   }
-}), Yl = /* @__PURE__ */ $({
+}), ql = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "appendIcon"]), { prop: o } = r(e, [
+    const e = t, { prop: i } = l(e, ["settings", "appendIcon"]), { prop: o } = l(e, [
       "settings",
       "appendInnerIcon"
-    ]), { prop: l } = r(e, ["settings", "autofocus"]), { prop: s } = r(e, ["settings", "clearable"]), { prop: a } = r(e, ["settings", "density"]), { prop: p } = r(e, ["settings", "disabled"]), { prop: d } = r(e, ["settings", "hideDetails"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: u } = r(e, ["settings", "placeholder"]), { prop: c } = r(e, ["settings", "prefix"]), { prop: f } = r(e, ["settings", "prependIcon"]), { prop: h } = r(e, [
+    ]), { prop: r } = l(e, ["settings", "autofocus"]), { prop: s } = l(e, ["settings", "clearable"]), { prop: a } = l(e, ["settings", "density"]), { prop: p } = l(e, ["settings", "disabled"]), { prop: d } = l(e, ["settings", "hideDetails"]), { prop: b } = l(e, ["settings", "label"]), { prop: m } = l(e, ["settings", "loading"]), { prop: u } = l(e, ["settings", "placeholder"]), { prop: c } = l(e, ["settings", "prefix"]), { prop: f } = l(e, ["settings", "prependIcon"]), { prop: h } = l(e, [
       "settings",
       "prependInnerIcon"
-    ]), { prop: x } = r(e, ["settings", "readonly"]), { prop: g } = r(e, ["settings", "reverse"]), { prop: w } = r(e, ["settings", "singleLine"]), { prop: C } = r(e, ["settings", "suffix"]), { theme: M } = N(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: R } = r(e, ["slots", "append"]), { prop: E } = r(e, [
+    ]), { prop: x } = l(e, ["settings", "readonly"]), { prop: g } = l(e, ["settings", "reverse"]), { prop: w } = l(e, ["settings", "singleLine"]), { prop: C } = l(e, ["settings", "suffix"]), { theme: M } = N(), { prop: W } = l(e, ["settings", "value"]), { prop: F } = l(e, ["settings", "variant"]), { prop: R } = l(e, ["slots", "append"]), { prop: E } = l(e, [
       "slots",
       "appendInner"
-    ]), { prop: S } = r(e, ["slots", "prepend"]), { prop: D } = r(e, [
+    ]), { prop: S } = l(e, ["slots", "prepend"]), { prop: D } = l(e, [
       "slots",
       "prependInner"
     ]);
@@ -2102,7 +2114,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             "onUpdate:modelValue": te[0] || (te[0] = (le) => O(W) ? W.value = le : null),
             "append-icon": n(i),
             "append-inner-icon": n(o),
-            autofocus: n(l),
+            autofocus: n(r),
             clearable: n(s),
             density: n(a),
             disabled: n(p),
@@ -2166,29 +2178,29 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       });
     };
   }
-}), Jl = /* @__PURE__ */ $({
+}), Ql = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "align"]), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, [
+    const e = t, { prop: i } = l(e, ["settings", "align"]), { prop: o } = l(e, ["settings", "density"]), { prop: r } = l(e, ["settings", "direction"]), { prop: s } = l(e, [
       "settings",
       "dot",
       "color"
-    ]), { color: a } = j(s), { prop: p } = r(e, ["settings", "dot", "fill"]), { prop: d } = r(e, [
+    ]), { color: a } = K(s), { prop: p } = l(e, ["settings", "dot", "fill"]), { prop: d } = l(e, [
       "settings",
       "hideOpposite"
-    ]), { prop: b } = r(e, [
+    ]), { prop: b } = l(e, [
       "settings",
       "line",
       "color"
-    ]), { color: m } = j(b), { prop: u } = r(e, ["settings", "line", "inset"]), { prop: c } = r(e, [
+    ]), { color: m } = K(b), { prop: u } = l(e, ["settings", "line", "inset"]), { prop: c } = l(e, [
       "settings",
       "line",
       "thickness"
-    ]), { prop: f } = r(e, ["settings", "side"]), { prop: h } = r(e, [
+    ]), { prop: f } = l(e, ["settings", "side"]), { prop: h } = l(e, [
       "settings",
       "line",
       "truncate"
@@ -2198,7 +2210,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       return v(), V(C, {
         align: n(i),
         density: n(o),
-        direction: n(l),
+        direction: n(r),
         "dot-color": n(a),
         "fill-dot": n(p),
         "hide-opposite": n(d),
@@ -2216,8 +2228,8 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
   }
-}), Zl = {};
-function ql(t, e) {
+}), ea = {};
+function ta(t, e) {
   const i = z("v-timeline-item");
   return v(), V(i, null, {
     default: I(() => [
@@ -2226,21 +2238,21 @@ function ql(t, e) {
     _: 3
   });
 }
-const Ql = /* @__PURE__ */ xe(Zl, [["render", ql]]), ea = /* @__PURE__ */ $({
+const na = /* @__PURE__ */ xe(ea, [["render", ta]]), ia = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "continuous"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "reverse"]), { prop: a } = r(e, ["settings", "showArrows"]), { prop: p } = r(e, ["settings", "touch"]), { theme: d } = N(), { prop: b } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = l(e, ["settings", "continuous"]), { prop: o } = l(e, ["settings", "disabled"]), { prop: r } = l(e, ["settings", "direction"]), { prop: s } = l(e, ["settings", "reverse"]), { prop: a } = l(e, ["settings", "showArrows"]), { prop: p } = l(e, ["settings", "touch"]), { theme: d } = N(), { prop: b } = l(e, ["settings", "value"]);
     return (m, u) => {
       const c = z("v-window");
       return v(), V(c, {
         modelValue: n(b),
         "onUpdate:modelValue": u[0] || (u[0] = (f) => O(b) ? b.value = f : null),
         continuous: n(i),
-        direction: n(l),
+        direction: n(r),
         disabled: n(o),
         reverse: n(s),
         "show-arrows": n(a),
@@ -2254,8 +2266,8 @@ const Ql = /* @__PURE__ */ xe(Zl, [["render", ql]]), ea = /* @__PURE__ */ $({
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
     };
   }
-}), ta = {};
-function na(t, e) {
+}), oa = {};
+function sa(t, e) {
   const i = z("v-window-item");
   return v(), V(i, null, {
     default: I(() => [
@@ -2264,7 +2276,7 @@ function na(t, e) {
     _: 3
   });
 }
-const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe = "badge_v1", Nn = "breadcrumbs_v1", Ye = "bar_chart_v1", Je = "box_geometry_v1", Ze = "btn_v1", qe = "btn_group_v1", Qe = "btn_toggle_v1", et = "card_v1", tt = "checkbox_v1", nt = "chip_v1", it = "chip_group_v1", ot = "color_picker_v1", st = "combobox_v1", rt = "container_v1", lt = "data_table_v1", at = "date_picker_v1", ut = "dialog_v1", ct = "directional_light_v1", mt = "file_input_v1", pt = "flex_layout_v1", yo = "flex_layout_entry_v1", dt = "form_v1", tn = "globality_v1", ft = "group_v1", bt = "icon_v1", yt = "keyboard_controls_v1", ht = "line_chart_v1", gt = "map_controls_v1", xt = "menu_v1", vt = "mesh_v1", oa = "mesh_basic_material_v1", Mn = "multiple_ref_v1", kt = "number_input_v1", _t = "orbit_controls_v1", wt = "orthographic_camera_v1", Vt = "pagination_v1", $t = "perspective_camera_v1", It = "point_light_v1", ho = "radio_v1", St = "radio_group_v1", Ct = "range_slider_v1", Tt = "rating_v1", Rn = "render_switch_v1", Pt = "select_v1", De = "single_ref_v1", zt = "slider_v1", At = "sphere_geometry_v1", Lt = "spot_light_v1", Bt = "stepper_v1", go = "stepper_header_v1", xo = "stepper_item_v1", vo = "stepper_window_v1", ko = "stepper_window_item_v1", Wt = "switch_v1", _o = "tab_v1", Dn = "table_v1", Et = "tabs_v1", Nt = "text_v1", Mt = "textarea_v1", Rt = "text_field_v1", Dt = "timeline_v1", wo = "timeline_item_v1", Ft = "window_v1", Vo = "window_item_v1", y = {
+const ra = /* @__PURE__ */ xe(oa, [["render", sa]]), Ue = "ambient_light_v1", Xe = "badge_v1", Nn = "breadcrumbs_v1", Ye = "bar_chart_v1", Je = "box_geometry_v1", Ze = "btn_v1", qe = "btn_group_v1", Qe = "btn_toggle_v1", et = "card_v1", tt = "checkbox_v1", nt = "chip_v1", it = "chip_group_v1", ot = "color_picker_v1", st = "combobox_v1", rt = "container_v1", lt = "data_table_v1", at = "date_picker_v1", ut = "dialog_v1", ct = "directional_light_v1", mt = "file_input_v1", pt = "flex_layout_v1", yo = "flex_layout_entry_v1", dt = "form_v1", tn = "globality_v1", ft = "group_v1", bt = "icon_v1", yt = "keyboard_controls_v1", ht = "line_chart_v1", gt = "map_controls_v1", xt = "menu_v1", vt = "mesh_v1", la = "mesh_basic_material_v1", Mn = "multiple_ref_v1", kt = "number_input_v1", _t = "orbit_controls_v1", wt = "orthographic_camera_v1", Vt = "pagination_v1", $t = "perspective_camera_v1", It = "point_light_v1", ho = "radio_v1", St = "radio_group_v1", Ct = "range_slider_v1", Tt = "rating_v1", Rn = "render_switch_v1", Pt = "select_v1", De = "single_ref_v1", zt = "slider_v1", At = "sphere_geometry_v1", Lt = "spot_light_v1", Bt = "stepper_v1", go = "stepper_header_v1", xo = "stepper_item_v1", vo = "stepper_window_v1", ko = "stepper_window_item_v1", Wt = "switch_v1", _o = "tab_v1", Dn = "table_v1", Et = "tabs_v1", Nt = "text_v1", Mt = "textarea_v1", Rt = "text_field_v1", Dt = "timeline_v1", wo = "timeline_item_v1", Ft = "window_v1", Vo = "window_item_v1", y = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2289,7 +2301,7 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe
       default: ""
     }
   ]
-}, K = {
+}, j = {
   key: "color",
   name: "x-runtime-lib.color",
   children: [
@@ -2326,7 +2338,7 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe
       ]
     }
   ]
-}, sa = B(K), _e = {
+}, aa = B(j), _e = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2344,7 +2356,7 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe
       types: "borderWidthTypesV1",
       default: ""
     },
-    sa,
+    aa,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -2660,7 +2672,7 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe
       defaultArray: []
     }
   ]
-}, je = {
+}, Ke = {
   key: "yAxis",
   name: "x-runtime-lib.yAxis",
   children: [
@@ -2740,10 +2752,10 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe
       default: 2e3
     }
   ]
-}, ra = {
+}, ua = {
   key: wt,
   name: "x-runtime-lib.orthographicCamera",
-  comp: $s,
+  comp: Cs,
   props: {
     pageScene: [y, X, Zn],
     compScene: [y, X, Zn]
@@ -2752,7 +2764,7 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe
   methods: [],
   slots: []
 };
-_(ra);
+_(ua);
 const qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -2786,10 +2798,10 @@ const qn = {
       default: 2e3
     }
   ]
-}, la = {
+}, ca = {
   key: $t,
   name: "x-runtime-lib.perspectiveCamera",
-  comp: Ss,
+  comp: Ps,
   props: {
     pageScene: [y, X, qn],
     compScene: [y, X, qn]
@@ -2798,29 +2810,29 @@ const qn = {
   methods: [],
   slots: []
 };
-_(la);
-const aa = /* @__PURE__ */ $({
+_(ca);
+const ma = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
     return (i, o) => n(e) !== "editor" ? (v(), V(n(ss), { key: 0 })) : ee("", !0);
   }
-}), ua = /* @__PURE__ */ $({
+}), pa = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
     return (i, o) => n(e) !== "editor" ? (v(), V(n(rs), { key: 0 })) : ee("", !0);
   }
-}), ca = /* @__PURE__ */ $({
+}), da = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
     return (i, o) => n(e) !== "editor" ? (v(), V(n(ls), { key: 0 })) : ee("", !0);
   }
-}), ma = {
+}), fa = {
   key: yt,
   name: "x-runtime-lib.keyboardControls",
-  comp: aa,
+  comp: ma,
   props: {
     pageScene: [y],
     compScene: [y]
@@ -2830,11 +2842,11 @@ const aa = /* @__PURE__ */ $({
   slots: [],
   leaf: !0
 };
-_(ma);
-const pa = {
+_(fa);
+const ba = {
   key: gt,
   name: "x-runtime-lib.mapControls",
-  comp: ua,
+  comp: pa,
   props: {
     pageScene: [y],
     compScene: [y]
@@ -2844,11 +2856,11 @@ const pa = {
   slots: [],
   leaf: !0
 };
-_(pa);
-const da = {
+_(ba);
+const ya = {
   key: _t,
   name: "x-runtime-lib.orbitControls",
-  comp: ca,
+  comp: da,
   props: {
     pageScene: [y],
     compScene: [y]
@@ -2858,20 +2870,20 @@ const da = {
   slots: [],
   leaf: !0
 };
-_(da);
-function fa(t, e) {
+_(ya);
+function ha(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`boxGeometryV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = ze.props[o];
-  if (!l) {
+  const r = ze.props[o];
+  if (!r) {
     console.error(`boxGeometryV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = ze.key, s.transform = {
+  return P(s, r), s.basic.id = T(16), s.basic.key = ze.key, s.transform = {
     position: {
       x: 0,
       y: 0,
@@ -2888,11 +2900,11 @@ function fa(t, e) {
       z: 1
     }
   }, s.children = [
-    ba(t, e),
-    ya(t, e)
+    ga(t, e),
+    xa(t, e)
   ], s;
 }
-function ba(t, e) {
+function ga(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -2900,15 +2912,15 @@ function ba(t, e) {
     );
     return;
   }
-  const l = nn.props[o];
-  if (!l) {
+  const r = nn.props[o];
+  if (!r) {
     console.error(
       `boxGeometryV1/spawnBoxGeometry props not found, ${i}`
     );
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = nn.key, s.settings = {
+  return P(s, r), s.basic.id = T(16), s.basic.key = nn.key, s.settings = {
     width: 1,
     height: 1,
     depth: 1,
@@ -2917,7 +2929,7 @@ function ba(t, e) {
     depthSegements: 1
   }, s;
 }
-function ya(t, e) {
+function xa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -2925,15 +2937,15 @@ function ya(t, e) {
     );
     return;
   }
-  const l = Pe.props[o];
-  if (!l) {
+  const r = Pe.props[o];
+  if (!r) {
     console.error(
       `boxGeometryV1/spawnMeshBasicMaterial props not found, ${i}`
     );
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Pe.key, s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = Pe.key, s;
 }
 const Qn = {
   key: "settings",
@@ -2982,7 +2994,7 @@ const Qn = {
 }, nn = {
   key: Je,
   name: "x-runtime-lib.boxGeometry",
-  comp: Ts,
+  comp: As,
   props: {
     pageScene: [y, Qn],
     compScene: [y, Qn]
@@ -2991,22 +3003,22 @@ const Qn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: fa
+  spawn: ha
 };
 _(nn);
-function ha(t, e) {
+function va(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`sphereGeometryV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = ze.props[o];
-  if (!l) {
+  const r = ze.props[o];
+  if (!r) {
     console.error(`sphereGeometryV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = ze.key, s.transform = {
+  return P(s, r), s.basic.id = T(16), s.basic.key = ze.key, s.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3023,11 +3035,11 @@ function ha(t, e) {
       z: 1
     }
   }, s.children = [
-    ga(t, e),
-    xa(t, e)
+    ka(t, e),
+    _a(t, e)
   ], s;
 }
-function ga(t, e) {
+function ka(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -3035,15 +3047,15 @@ function ga(t, e) {
     );
     return;
   }
-  const l = on.props[o];
-  if (!l) {
+  const r = on.props[o];
+  if (!r) {
     console.error(
       `sphereGeometryV1/spawnSphereGeometry props not found, ${i}`
     );
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = on.key, s.settings = {
+  return P(s, r), s.basic.id = T(16), s.basic.key = on.key, s.settings = {
     radius: 1,
     widthSegements: 32,
     heightSegements: 16,
@@ -3053,7 +3065,7 @@ function ga(t, e) {
     thetaLength: 3.141592653589793
   }, s;
 }
-function xa(t, e) {
+function _a(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(
@@ -3061,15 +3073,15 @@ function xa(t, e) {
     );
     return;
   }
-  const l = Pe.props[o];
-  if (!l) {
+  const r = Pe.props[o];
+  if (!r) {
     console.error(
       `sphereGeometryV1/spawnMeshBasicMaterial props not found, ${i}`
     );
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Pe.key, s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = Pe.key, s;
 }
 const ei = {
   key: "settings",
@@ -3126,7 +3138,7 @@ const ei = {
 }, on = {
   key: At,
   name: "x-runtime-lib.sphereGeometry",
-  comp: zs,
+  comp: Bs,
   props: {
     pageScene: [y, ei],
     compScene: [y, ei]
@@ -3135,10 +3147,10 @@ const ei = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: ha
+  spawn: va
 };
 _(on);
-const Gt = B(K);
+const Gt = B(j);
 Gt.children[0].default = "custom";
 Gt.children[2].children[0].default = "0xffffff";
 Gt.children[2].children[1].default = "0xffffff";
@@ -3155,10 +3167,10 @@ const ti = {
       default: 1
     }
   ]
-}, va = {
+}, wa = {
   key: Ue,
   name: "x-runtime-lib.ambientLight",
-  comp: Ls,
+  comp: Es,
   props: {
     pageScene: [y, X, ti],
     compScene: [y, X, ti]
@@ -3167,8 +3179,8 @@ const ti = {
   methods: [],
   slots: []
 };
-_(va);
-const Ht = B(K);
+_(wa);
+const Ht = B(j);
 Ht.children[0].default = "custom";
 Ht.children[2].children[0].default = "0xffffff";
 Ht.children[2].children[1].default = "0xffffff";
@@ -3185,10 +3197,10 @@ const ni = {
       default: 1
     }
   ]
-}, ka = {
+}, Va = {
   key: ct,
   name: "x-runtime-lib.directionalLight",
-  comp: Ws,
+  comp: Ms,
   props: {
     pageScene: [y, X, ni],
     compScene: [y, X, ni]
@@ -3197,16 +3209,16 @@ const ni = {
   methods: [],
   slots: []
 };
-_(ka);
-const jt = B(K);
-jt.children[0].default = "custom";
-jt.children[2].children[0].default = "0xffffff";
-jt.children[2].children[1].default = "0xffffff";
+_(Va);
+const Kt = B(j);
+Kt.children[0].default = "custom";
+Kt.children[2].children[0].default = "0xffffff";
+Kt.children[2].children[1].default = "0xffffff";
 const ii = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    jt,
+    Kt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3229,10 +3241,10 @@ const ii = {
       default: 2
     }
   ]
-}, _a = {
+}, $a = {
   key: It,
   name: "x-runtime-lib.pointLight",
-  comp: Ns,
+  comp: Ds,
   props: {
     pageScene: [y, X, ii],
     compScene: [y, X, ii]
@@ -3241,16 +3253,16 @@ const ii = {
   methods: [],
   slots: []
 };
-_(_a);
-const Kt = B(K);
-Kt.children[0].default = "custom";
-Kt.children[2].children[0].default = "0xffffff";
-Kt.children[2].children[1].default = "0xffffff";
+_($a);
+const jt = B(j);
+jt.children[0].default = "custom";
+jt.children[2].children[0].default = "0xffffff";
+jt.children[2].children[1].default = "0xffffff";
 const oi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    Kt,
+    jt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3290,10 +3302,10 @@ const oi = {
       default: 0
     }
   ]
-}, wa = {
+}, Ia = {
   key: Lt,
   name: "x-runtime-lib.spotLight",
-  comp: Rs,
+  comp: Gs,
   props: {
     pageScene: [y, X, oi],
     compScene: [y, X, oi]
@@ -3302,11 +3314,11 @@ const oi = {
   methods: [],
   slots: []
 };
-_(wa);
+_(Ia);
 const Pe = {
-  key: oa,
+  key: la,
   name: "x-runtime-lib.meshBasicMaterial",
-  comp: Gs,
+  comp: js,
   props: {
     pageScene: [y],
     compScene: [y]
@@ -3317,10 +3329,10 @@ const Pe = {
   leaf: !0
 };
 _(Pe);
-const Va = {
+const Sa = {
   key: ft,
   name: "x-runtime-lib.group",
-  comp: js,
+  comp: Us,
   props: {
     pageScene: [y, X],
     compScene: [y, X]
@@ -3329,11 +3341,11 @@ const Va = {
   methods: [],
   slots: []
 };
-_(Va);
+_(Sa);
 const ze = {
   key: vt,
   name: "x-runtime-lib.mesh",
-  comp: Os,
+  comp: Ys,
   props: {
     pageScene: [y, X],
     compScene: [y, X]
@@ -3343,19 +3355,19 @@ const ze = {
   slots: []
 };
 _(ze);
-function $a(t, e) {
+function Ca(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`barChartV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = sn.props[o];
-  if (!l) {
+  const r = sn.props[o];
+  if (!r) {
     console.error(`barChartV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = sn.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = sn.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
     {
       type: "bar",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -3386,31 +3398,31 @@ const si = {
 }, sn = {
   key: Ye,
   name: "x-runtime-lib.barChart",
-  comp: Qr,
+  comp: nl,
   props: {
-    pageCommon: [y, U, Ge, He, je, Fe, si],
-    compCommon: [y, U, Ge, He, je, Fe, si]
+    pageCommon: [y, U, Ge, He, Ke, Fe, si],
+    compCommon: [y, U, Ge, He, Ke, Fe, si]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: $a
+  spawn: Ca
 };
 _(sn);
-function Ia(t, e) {
+function Ta(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`lineChartV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = rn.props[o];
-  if (!l) {
+  const r = rn.props[o];
+  if (!r) {
     console.error(`lineChartV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = rn.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = rn.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
     {
       type: "line",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -3441,19 +3453,19 @@ const ri = {
 }, rn = {
   key: ht,
   name: "x-runtime-lib.lineChart",
-  comp: el,
+  comp: il,
   props: {
-    pageCommon: [y, U, Ge, He, je, Fe, ri],
-    compCommon: [y, U, Ge, He, je, Fe, ri]
+    pageCommon: [y, U, Ge, He, Ke, Fe, ri],
+    compCommon: [y, U, Ge, He, Ke, Fe, ri]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Ia
+  spawn: Ta
 };
 _(rn);
-const Ot = B(K);
+const Ot = B(j);
 Ot.key = "backgroundColor";
 Ot.name = "x-runtime-lib.backgroundColor";
 const li = {
@@ -3464,7 +3476,7 @@ const li = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [Ot]
-}, Sa = {
+}, Pa = {
   key: tn,
   name: "x-runtime-lib.globality",
   comp: null,
@@ -3512,7 +3524,7 @@ const li = {
   slots: [],
   internal: !0
 };
-_(Sa);
+_(Pa);
 const ui = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3551,7 +3563,7 @@ const ui = {
 }, Rc = {
   key: Xe,
   name: "x-runtime-lib.badge",
-  comp: tl,
+  comp: ol,
   props: {
     pageCommon: [y, ui],
     compCommon: [y, ui]
@@ -3560,21 +3572,21 @@ const ui = {
   methods: [],
   slots: []
 };
-function Ca(t, e) {
+function za(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`btnV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = ln.props[o];
-  if (!l) {
+  const r = ln.props[o];
+  if (!r) {
     console.error(`btnV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = ln.key, s.settings.text = "button", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = ln.key, s.settings.text = "button", s;
 }
-const Ta = B(K), ci = {
+const Aa = B(j), ci = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3653,7 +3665,7 @@ const Ta = B(K), ci = {
       ui: "switch",
       default: !1
     },
-    Ta,
+    Aa,
     {
       key: "ripple",
       name: "x-runtime-lib.ripple",
@@ -3664,7 +3676,7 @@ const Ta = B(K), ci = {
 }, ln = {
   key: Ze,
   name: "x-runtime-lib.button",
-  comp: nl,
+  comp: sl,
   props: {
     pageCommon: [y, U, ci],
     compCommon: [y, U, ci]
@@ -3679,13 +3691,13 @@ const Ta = B(K), ci = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Ca
+  spawn: za
 };
 _(ln);
-const Pa = {
+const La = {
   key: qe,
   name: "x-runtime-lib.buttonGroup",
-  comp: sl,
+  comp: al,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -3694,7 +3706,7 @@ const Pa = {
   methods: [],
   slots: []
 };
-_(Pa);
+_(La);
 const mi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3756,10 +3768,10 @@ const mi = {
       default: !1
     }
   ]
-}, za = {
+}, Ba = {
   key: Qe,
   name: "x-runtime-lib.buttonToggle",
-  comp: rl,
+  comp: ul,
   props: {
     pageCommon: [y, mi],
     compCommon: [y, mi]
@@ -3768,20 +3780,20 @@ const mi = {
   methods: [],
   slots: []
 };
-_(za);
-function Aa(t, e) {
+_(Ba);
+function Wa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`cardV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Ae.props[o];
-  if (!l) {
+  const r = Ae.props[o];
+  if (!r) {
     console.error(`cardV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Ae.key, s.children = [], s.settings.title = "title", s.settings.subtitle = "subtitle", s.settings.text = "text", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = Ae.key, s.children = [], s.settings.title = "title", s.settings.subtitle = "subtitle", s.settings.text = "text", s;
 }
 const pi = {
   key: "settings",
@@ -3841,7 +3853,7 @@ const pi = {
 }, Ae = {
   key: et,
   name: "x-runtime-lib.card",
-  comp: ll,
+  comp: cl,
   props: {
     pageCommon: [y, U, pi],
     compCommon: [y, U, pi]
@@ -3849,7 +3861,7 @@ const pi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Aa
+  spawn: Wa
 };
 _(Ae);
 const di = {
@@ -3869,10 +3881,10 @@ const di = {
       default: ""
     }
   ]
-}, La = {
+}, Ea = {
   key: tt,
   name: "x-runtime-lib.checkbox",
-  comp: al,
+  comp: ml,
   props: {
     pageCommon: [y, di],
     compCommon: [y, di]
@@ -3882,8 +3894,8 @@ const di = {
   slots: [],
   leaf: !0
 };
-_(La);
-const Ba = B(K), fi = {
+_(Ea);
+const Na = B(j), fi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3956,12 +3968,12 @@ const Ba = B(K), fi = {
       ui: "switch",
       default: !1
     },
-    Ba
+    Na
   ]
 }, an = {
   key: nt,
   name: "x-runtime-lib.chip",
-  comp: ul,
+  comp: pl,
   props: {
     pageCommon: [y, fi],
     compCommon: [y, fi]
@@ -3972,19 +3984,19 @@ const Ba = B(K), fi = {
   leaf: !0
 };
 _(an);
-function Wa(t, e) {
+function Ma(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`chipGroupV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = un.props[o];
-  if (!l) {
+  const r = un.props[o];
+  if (!r) {
     console.error(`chipGroupV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = un.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = un.key, s.children = [
     ve(t, e, "chip1", "chip 1"),
     ve(t, e, "chip2", "chip 2"),
     ve(t, e, "chip3", "chip 3"),
@@ -3994,14 +4006,14 @@ function Wa(t, e) {
   ], s;
 }
 function ve(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = A(t, e);
+  const r = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
-    console.error(`chipGroupV1/spawnChip prop tag not found, ${l}`);
+    console.error(`chipGroupV1/spawnChip prop tag not found, ${r}`);
     return;
   }
   const a = an.props[s];
   if (!a) {
-    console.error(`chipGroupV1/spawnChip props not found, ${l}`);
+    console.error(`chipGroupV1/spawnChip props not found, ${r}`);
     return;
   }
   const p = {};
@@ -4064,7 +4076,7 @@ const bi = {
 }, un = {
   key: it,
   name: "x-runtime-lib.chipGroup",
-  comp: cl,
+  comp: dl,
   props: {
     pageCommon: [y, bi],
     compCommon: [y, bi]
@@ -4072,13 +4084,13 @@ const bi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Wa
+  spawn: Ma
 };
 _(un);
-const Ea = {
+const Ra = {
   key: ot,
   name: "x-runtime-lib.colorPicker",
-  comp: ml,
+  comp: fl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -4088,7 +4100,7 @@ const Ea = {
   slots: [],
   leaf: !0
 };
-_(Ea);
+_(Ra);
 const yi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4130,10 +4142,10 @@ const yi = {
       default: !1
     }
   ]
-}, Na = {
+}, Da = {
   key: st,
   name: "x-runtime-lib.combobox",
-  comp: pl,
+  comp: bl,
   props: {
     pageCommon: [y, yi],
     compCommon: [y, yi]
@@ -4143,8 +4155,8 @@ const yi = {
   slots: [],
   leaf: !0
 };
-_(Na);
-const Fn = B(K);
+_(Da);
+const Fn = B(j);
 Fn.key = "backgroundColor";
 Fn.name = "x-runtime-lib.backgroundColor";
 const hi = {
@@ -4154,7 +4166,7 @@ const hi = {
 }, cn = {
   key: rt,
   name: "x-runtime-lib.container",
-  comp: dl,
+  comp: yl,
   props: {
     pageCommon: [y, U, _e, we, Ve, hi],
     compCommon: [y, U, _e, we, Ve, hi]
@@ -4322,10 +4334,10 @@ const gi = {
       defaultArray: []
     }
   ]
-}, Ma = {
+}, Fa = {
   key: lt,
   name: "x-runtime-lib.dataTable",
-  comp: fl,
+  comp: hl,
   props: {
     pageCommon: [y, gi, xi, vi],
     compCommon: [y, gi, xi, vi]
@@ -4335,11 +4347,11 @@ const gi = {
   slots: [],
   leaf: !0
 };
-_(Ma);
-const Ra = {
+_(Fa);
+const Ga = {
   key: at,
   name: "x-runtime-lib.datePicker",
-  comp: hl,
+  comp: vl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -4349,11 +4361,11 @@ const Ra = {
   slots: [],
   leaf: !0
 };
-_(Ra);
-const Da = {
+_(Ga);
+const Ha = {
   key: ut,
   name: "x-runtime-lib.dialog",
-  comp: xl,
+  comp: _l,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -4376,7 +4388,7 @@ const Da = {
   slots: [],
   teleport: !0
 };
-_(Da);
+_(Ha);
 const ki = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4384,7 +4396,7 @@ const ki = {
 }, Dc = {
   key: mt,
   name: "x-runtime-lib.fileInput",
-  comp: vl,
+  comp: wl,
   props: {
     pageCommon: [y, ki],
     compCommon: [y, ki]
@@ -4413,7 +4425,7 @@ const ki = {
 }, mn = {
   key: yo,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: _l,
+  comp: $l,
   props: {
     pageCommon: [y, U, _i],
     compCommon: [y, U, _i]
@@ -4423,19 +4435,19 @@ const ki = {
   slots: []
 };
 _(mn);
-function Fa(t, e) {
+function Ka(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`flexLayoutV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Le.props[o];
-  if (!l) {
+  const r = Le.props[o];
+  if (!r) {
     console.error(`flexLayoutV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Le.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = Le.key, s.children = [
     pn(
       t,
       e,
@@ -4456,10 +4468,10 @@ function Fa(t, e) {
       "60px",
       void 0
     ),
-    Ga(t, e)
+    ja(t, e)
   ], s;
 }
-function pn(t, e, i, o, l, s, a, p, d) {
+function pn(t, e, i, o, r, s, a, p, d) {
   const b = `type=${t} subtype=${e}`, m = A(t, e);
   if (!m) {
     console.error(
@@ -4473,16 +4485,16 @@ function pn(t, e, i, o, l, s, a, p, d) {
     return;
   }
   const c = {};
-  return P(c, u), c.basic.id = T(16), c.basic.key = cn.key, o && (c.size.width = o), l && (c.size.minWidth = l), a && (c.size.height = a), p && (c.size.minHeight = p), i && (c.settings.backgroundColor.mode = "custom", c.settings.backgroundColor.custom.light = i, c.settings.backgroundColor.custom.dark = i), c.children = [], c;
+  return P(c, u), c.basic.id = T(16), c.basic.key = cn.key, o && (c.size.width = o), r && (c.size.minWidth = r), a && (c.size.height = a), p && (c.size.minHeight = p), i && (c.settings.backgroundColor.mode = "custom", c.settings.backgroundColor.custom.light = i, c.settings.backgroundColor.custom.dark = i), c.children = [], c;
 }
-function Ga(t, e) {
+function ja(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`flexLayoutV1/spawnEntry prop tag not found, ${i}`);
     return;
   }
-  const l = mn.props[o];
-  if (!l) {
+  const r = mn.props[o];
+  if (!r) {
     console.error(`flexLayoutV1/spawnEntry props not found, ${i}`);
     return;
   }
@@ -4492,7 +4504,7 @@ function Ga(t, e) {
       key: ""
     }
   };
-  return P(s, l), s.basic.id = T(16), s.basic.key = mn.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = mn.key, s.children = [
     pn(
       t,
       e,
@@ -4505,7 +4517,7 @@ function Ga(t, e) {
     )
   ], s;
 }
-const Gn = B(K);
+const Gn = B(j);
 Gn.key = "backgroundColor";
 Gn.name = "x-runtime-lib.backgroundColor";
 const wi = {
@@ -4681,7 +4693,7 @@ const wi = {
 }, Le = {
   key: pt,
   name: "x-runtime-lib.flexLayout",
-  comp: kl,
+  comp: Vl,
   props: {
     pageCommon: [y, U, _e, we, Ve, wi],
     compCommon: [y, U, _e, we, Ve, wi]
@@ -4695,7 +4707,7 @@ const wi = {
   ],
   methods: [],
   slots: [],
-  spawn: Fa
+  spawn: Ka
 };
 _(Le);
 const Vi = {
@@ -4851,7 +4863,7 @@ const Vi = {
 }, dn = {
   key: Rt,
   name: "x-runtime-lib.textField",
-  comp: Yl,
+  comp: ql,
   props: {
     pageCommon: [y, Vi, $i],
     compCommon: [y, Vi, $i]
@@ -4887,33 +4899,33 @@ const Vi = {
   leaf: !0
 };
 _(dn);
-function Ha(t, e) {
+function Oa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`formV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = fn.props[o];
-  if (!l) {
+  const r = fn.props[o];
+  if (!r) {
     console.error(`formV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = fn.key, s.children = [ja(t, e)], s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = fn.key, s.children = [Ua(t, e)], s;
 }
-function ja(t, e) {
+function Ua(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`formV1/spawnTextField prop tag not found, ${i}`);
     return;
   }
-  const l = dn.props[o];
-  if (!l) {
+  const r = dn.props[o];
+  if (!r) {
     console.error(`formV1/spawnTextField props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = dn.key, s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = dn.key, s;
 }
 const Ii = {
   key: "settings",
@@ -4936,7 +4948,7 @@ const Ii = {
 }, fn = {
   key: dt,
   name: "x-runtime-lib.form",
-  comp: wl,
+  comp: Il,
   props: {
     pageCommon: [y, U, _e, we, Ve, Ii],
     compCommon: [y, U, _e, we, Ve, Ii]
@@ -4950,10 +4962,10 @@ const Ii = {
   ],
   methods: [],
   slots: [],
-  spawn: Ha
+  spawn: Oa
 };
 _(fn);
-const Ka = B(K), Si = {
+const Xa = B(j), Si = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4976,12 +4988,12 @@ const Ka = B(K), Si = {
       items: "sizeItemsV1",
       default: "default"
     },
-    Ka
+    Xa
   ]
-}, Oa = {
+}, Ya = {
   key: bt,
   name: "x-runtime-lib.icon",
-  comp: Vl,
+  comp: Sl,
   props: {
     pageCommon: [y, Si],
     compCommon: [y, Si]
@@ -4991,11 +5003,11 @@ const Ka = B(K), Si = {
   slots: [],
   leaf: !0
 };
-_(Oa);
-const Ua = {
+_(Ya);
+const Ja = {
   key: xt,
   name: "x-runtime-lib.menu",
-  comp: Il,
+  comp: Tl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5018,20 +5030,20 @@ const Ua = {
   slots: [],
   teleport: !0
 };
-_(Ua);
-function Xa(t, e) {
+_(Ja);
+function Za(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`numberInputV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = bn.props[o];
-  if (!l) {
+  const r = bn.props[o];
+  if (!r) {
     console.error(`numberInputV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = bn.key, s.settings.label = "label", s.settings.placeholder = "placeholder", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = bn.key, s.settings.label = "label", s.settings.placeholder = "placeholder", s;
 }
 const Ci = {
   key: "size",
@@ -5203,7 +5215,7 @@ const Ci = {
 }, bn = {
   key: kt,
   name: "x-runtime-lib.numberInput",
-  comp: Sl,
+  comp: Pl,
   props: {
     pageCommon: [y, Ci, Ti],
     compCommon: [y, Ci, Ti]
@@ -5238,7 +5250,7 @@ const Ci = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Xa
+  spawn: Za
 };
 _(bn);
 const Pi = {
@@ -5304,10 +5316,10 @@ const Pi = {
       default: !1
     }
   ]
-}, Ya = {
+}, qa = {
   key: Vt,
   name: "x-runtime-lib.pagination",
-  comp: Cl,
+  comp: zl,
   props: {
     pageCommon: [y, Pi],
     compCommon: [y, Pi]
@@ -5317,8 +5329,8 @@ const Pi = {
   slots: [],
   leaf: !0
 };
-_(Ya);
-const Ja = B(K), zi = {
+_(qa);
+const Qa = B(j), zi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5353,12 +5365,12 @@ const Ja = B(K), zi = {
       items: "densityItemsV1",
       default: "default"
     },
-    Ja
+    Qa
   ]
 }, yn = {
   key: ho,
   name: "x-runtime-lib.radio",
-  comp: Tl,
+  comp: Al,
   props: {
     pageCommon: [y, zi],
     compCommon: [y, zi]
@@ -5369,33 +5381,33 @@ const Ja = B(K), zi = {
   leaf: !0
 };
 _(yn);
-function Za(t, e) {
+function eu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`radioGroupV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = hn.props[o];
-  if (!l) {
+  const r = hn.props[o];
+  if (!r) {
     console.error(`radioGroupV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = hn.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = hn.key, s.children = [
     Yt(t, e, "option1", "Option 1"),
     Yt(t, e, "option2", "Option 2"),
     Yt(t, e, "option3", "Option 3")
   ], s.settings.value = "option1", s;
 }
 function Yt(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = A(t, e);
+  const r = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
-    console.error(`radioGroupV1/spawnEntry prop tag not found, ${l}`);
+    console.error(`radioGroupV1/spawnEntry prop tag not found, ${r}`);
     return;
   }
   const a = yn.props[s];
   if (!a) {
-    console.error(`radioGroupV1/spawnEntry props not found, ${l}`);
+    console.error(`radioGroupV1/spawnEntry props not found, ${r}`);
     return;
   }
   const p = {};
@@ -5447,7 +5459,7 @@ const Ai = {
 }, hn = {
   key: St,
   name: "x-runtime-lib.radioGroup",
-  comp: Pl,
+  comp: Ll,
   props: {
     pageCommon: [y, Ai],
     compCommon: [y, Ai]
@@ -5455,7 +5467,7 @@ const Ai = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Za
+  spawn: eu
 };
 _(hn);
 const Li = {
@@ -5575,10 +5587,10 @@ const Li = {
       ]
     }
   ]
-}, qa = {
+}, tu = {
   key: Ct,
   name: "x-runtime-lib.rangeSlider",
-  comp: zl,
+  comp: Bl,
   props: {
     pageCommon: [y, Li],
     compCommon: [y, Li]
@@ -5588,7 +5600,7 @@ const Li = {
   slots: [],
   leaf: !0
 };
-_(qa);
+_(tu);
 const Bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5644,10 +5656,10 @@ const Bi = {
       default: !1
     }
   ]
-}, Qa = {
+}, nu = {
   key: Tt,
   name: "x-runtime-lib.rating",
-  comp: Al,
+  comp: Wl,
   props: {
     pageCommon: [y, Bi],
     compCommon: [y, Bi]
@@ -5657,7 +5669,7 @@ const Bi = {
   slots: [],
   leaf: !0
 };
-_(Qa);
+_(nu);
 const Wi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5699,10 +5711,10 @@ const Wi = {
       default: !1
     }
   ]
-}, eu = {
+}, iu = {
   key: Pt,
   name: "x-runtime-lib.select",
-  comp: Ll,
+  comp: El,
   props: {
     pageCommon: [y, Wi],
     compCommon: [y, Wi]
@@ -5712,16 +5724,16 @@ const Wi = {
   slots: [],
   leaf: !0
 };
-_(eu);
-const Hn = B(K);
+_(iu);
+const Hn = B(j);
 Hn.key = "color";
 Hn.name = "x-runtime-lib.color";
-const jn = B(K);
-jn.key = "trackColor";
-jn.name = "x-runtime-lib.trackColor";
-const Kn = B(K);
-Kn.key = "thumbColor";
-Kn.name = "x-runtime-lib.thumbColor";
+const Kn = B(j);
+Kn.key = "trackColor";
+Kn.name = "x-runtime-lib.trackColor";
+const jn = B(j);
+jn.key = "thumbColor";
+jn.name = "x-runtime-lib.thumbColor";
 const Ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5828,8 +5840,8 @@ const Ei = {
       default: !1
     },
     Hn,
-    jn,
-    Kn
+    Kn,
+    jn
   ]
 }, Ni = {
   key: "slots",
@@ -5848,10 +5860,10 @@ const Ei = {
       default: void 0
     }
   ]
-}, tu = {
+}, ou = {
   key: zt,
   name: "x-runtime-lib.slider",
-  comp: Bl,
+  comp: Nl,
   props: {
     pageCommon: [y, Ei, Ni],
     compCommon: [y, Ei, Ni]
@@ -5861,11 +5873,11 @@ const Ei = {
   slots: [],
   leaf: !0
 };
-_(tu);
+_(ou);
 const gn = {
   key: go,
   name: "x-runtime-lib.stepperHeader",
-  comp: Ml,
+  comp: Fl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5889,7 +5901,7 @@ const Mi = {
 }, xn = {
   key: xo,
   name: "x-runtime-lib.stepperItem",
-  comp: Rl,
+  comp: Gl,
   props: {
     pageCommon: [y, Mi],
     compCommon: [y, Mi]
@@ -5902,7 +5914,7 @@ _(xn);
 const vn = {
   key: vo,
   name: "x-runtime-lib.stepperWindow",
-  comp: Gl,
+  comp: jl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5926,7 +5938,7 @@ const Ri = {
 }, kn = {
   key: ko,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: Hl,
+  comp: Ol,
   props: {
     pageCommon: [y, Ri],
     compCommon: [y, Ri]
@@ -5936,45 +5948,45 @@ const Ri = {
   slots: []
 };
 _(kn);
-function nu(t, e) {
+function su(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`stepperV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = _n.props[o];
-  if (!l) {
+  const r = _n.props[o];
+  if (!r) {
     console.error(`stepperV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = _n.key, s.children = [iu(t, e), ou(t, e)], s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = _n.key, s.children = [ru(t, e), lu(t, e)], s;
 }
-function iu(t, e) {
+function ru(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`stepperV1/spawnHeader prop tag not found, ${i}`);
     return;
   }
-  const l = gn.props[o];
-  if (!l) {
+  const r = gn.props[o];
+  if (!r) {
     console.error(`stepperV1/spawnHeader props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = gn.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = gn.key, s.children = [
     Jt(t, e, "step1"),
     Jt(t, e, "step2"),
     Jt(t, e, "step3")
   ], s;
 }
 function Jt(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
     console.error(`stepperV1/spawnItem prop tag not found, ${o}`);
     return;
   }
-  const s = xn.props[l];
+  const s = xn.props[r];
   if (!s) {
     console.error(`stepperV1/spawnItem props not found, ${o}`);
     return;
@@ -5982,45 +5994,45 @@ function Jt(t, e, i) {
   const a = {};
   return P(a, s), a.basic.id = T(16), a.basic.key = xn.key, a.children = [], a.settings.value = i, a;
 }
-function ou(t, e) {
+function lu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`stepperV1/spawnWindow prop tag not found, ${i}`);
     return;
   }
-  const l = vn.props[o];
-  if (!l) {
+  const r = vn.props[o];
+  if (!r) {
     console.error(`stepperV1/spawnWindow props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = vn.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = vn.key, s.children = [
     Zt(t, e, "step1", "step 1"),
     Zt(t, e, "step2", "step 2"),
     Zt(t, e, "step3", "step 3")
   ], s;
 }
 function Zt(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = A(t, e);
+  const r = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
-    console.error(`stepperV1/spawnWindowItem prop tag not found, ${l}`);
+    console.error(`stepperV1/spawnWindowItem prop tag not found, ${r}`);
     return;
   }
   const a = kn.props[s];
   if (!a) {
-    console.error(`stepperV1/spawnWindowItem props not found, ${l}`);
+    console.error(`stepperV1/spawnWindowItem props not found, ${r}`);
     return;
   }
   const p = {};
-  return P(p, a), p.basic.id = T(16), p.basic.key = kn.key, p.children = [su(t, e, o)], p.settings.value = i, p;
+  return P(p, a), p.basic.id = T(16), p.basic.key = kn.key, p.children = [au(t, e, o)], p.settings.value = i, p;
 }
-function su(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
+function au(t, e, i) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
     console.error(`stepperV1/spawnCard prop tag not found, ${o}`);
     return;
   }
-  const s = Ae.props[l];
+  const s = Ae.props[r];
   if (!s) {
     console.error(`stepperV1/spawnCard props not found, ${o}`);
     return;
@@ -6048,7 +6060,7 @@ const Di = {
 }, _n = {
   key: Bt,
   name: "x-runtime-lib.stepper",
-  comp: Wl,
+  comp: Ml,
   props: {
     pageCommon: [y, Di],
     compCommon: [y, Di]
@@ -6056,13 +6068,13 @@ const Di = {
   events: [],
   methods: [],
   slots: [],
-  spawn: nu
+  spawn: su
 };
 _(_n);
-const ru = {
+const uu = {
   key: Wt,
   name: "x-runtime-lib.switch",
-  comp: jl,
+  comp: Ul,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -6072,7 +6084,7 @@ const ru = {
   slots: [],
   leaf: !0
 };
-_(ru);
+_(uu);
 const Fi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6093,7 +6105,7 @@ const Fi = {
 }, wn = {
   key: _o,
   name: "x-runtime-lib.tab",
-  comp: Kl,
+  comp: Xl,
   props: {
     pageCommon: [y, Fi],
     compCommon: [y, Fi]
@@ -6104,45 +6116,45 @@ const Fi = {
   leaf: !0
 };
 _(wn);
-function lu(t, e) {
+function cu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`tabsV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Vn.props[o];
-  if (!l) {
+  const r = Vn.props[o];
+  if (!r) {
     console.error(`tabsV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Vn.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = Vn.key, s.children = [
     qt(t, e, "tab1", "tab 1"),
     qt(t, e, "tab2", "tab 2"),
     qt(t, e, "tab3", "tab 3")
   ], s;
 }
 function qt(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = A(t, e);
+  const r = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
-    console.error(`tabsV1/spawnTab prop tag not found, ${l}`);
+    console.error(`tabsV1/spawnTab prop tag not found, ${r}`);
     return;
   }
   const a = wn.props[s];
   if (!a) {
-    console.error(`tabsV1/spawnTab props not found, ${l}`);
+    console.error(`tabsV1/spawnTab props not found, ${r}`);
     return;
   }
   const p = {};
   return P(p, a), p.basic.id = T(16), p.basic.key = wn.key, p.settings.value = i, p.settings.text = o, p;
 }
-const On = B(K);
+const On = B(j);
 On.key = "backgroundColor";
 On.name = "x-runtime-lib.backgroundColor";
-const Un = B(K);
+const Un = B(j);
 Un.key = "selectedColor";
 Un.name = "x-runtime-lib.selectedColor";
-const Xn = B(K);
+const Xn = B(j);
 Xn.key = "sliderColor";
 Xn.name = "x-runtime-lib.sliderColor";
 const Gi = {
@@ -6227,7 +6239,7 @@ const Gi = {
 }, Vn = {
   key: Et,
   name: "x-runtime-lib.tabs",
-  comp: Ol,
+  comp: Yl,
   props: {
     pageCommon: [y, Gi],
     compCommon: [y, Gi]
@@ -6235,22 +6247,22 @@ const Gi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: lu
+  spawn: cu
 };
 _(Vn);
-function au(t, e) {
+function mu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`textV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = ye.props[o];
-  if (!l) {
+  const r = ye.props[o];
+  if (!r) {
     console.error(`textV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = ye.key, s.settings.text = "text", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = ye.key, s.settings.text = "text", s;
 }
 const Hi = {
   key: "settings",
@@ -6341,7 +6353,7 @@ const Hi = {
 }, ye = {
   key: Nt,
   name: "x-runtime-lib.text",
-  comp: Ul,
+  comp: Jl,
   props: {
     pageCommon: [y, Hi],
     compCommon: [y, Hi]
@@ -6350,24 +6362,24 @@ const Hi = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: au
+  spawn: mu
 };
 _(ye);
-function uu(t, e) {
+function pu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`textareaV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = $n.props[o];
-  if (!l) {
+  const r = $n.props[o];
+  if (!r) {
     console.error(`textareaV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = $n.key, s.settings.label = "label", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = $n.key, s.settings.label = "label", s;
 }
-const ji = {
+const Ki = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6441,22 +6453,22 @@ const ji = {
 }, $n = {
   key: Mt,
   name: "x-runtime-lib.textarea",
-  comp: Xl,
+  comp: Zl,
   props: {
-    pageCommon: [y, ji],
-    compCommon: [y, ji]
+    pageCommon: [y, Ki],
+    compCommon: [y, Ki]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: uu
+  spawn: pu
 };
 _($n);
 const In = {
   key: wo,
   name: "x-runtime-lib.timelineItem",
-  comp: Ql,
+  comp: na,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -6466,45 +6478,45 @@ const In = {
   slots: []
 };
 _(In);
-function cu(t, e) {
+function du(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`timelineV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Sn.props[o];
-  if (!l) {
+  const r = Sn.props[o];
+  if (!r) {
     console.error(`timelineV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Sn.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = Sn.key, s.children = [
     Qt(t, e, "timeline 1"),
     Qt(t, e, "timeline 2"),
     Qt(t, e, "timeline 3")
   ], s;
 }
 function Qt(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
     console.error(`timelineV1/spawnEntry prop tag not found, ${o}`);
     return;
   }
-  const s = In.props[l];
+  const s = In.props[r];
   if (!s) {
     console.error(`timelineV1/spawnEntry props not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = In.key, a.children = [mu(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = In.key, a.children = [fu(t, e, i)], a;
 }
-function mu(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
+function fu(t, e, i) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
     console.error(`timelineV1/spawnText prop tag not found, ${o}`);
     return;
   }
-  const s = ye.props[l];
+  const s = ye.props[r];
   if (!s) {
     console.error(`timelineV1/spawnText props not found, ${o}`);
     return;
@@ -6512,7 +6524,7 @@ function mu(t, e, i) {
   const a = {};
   return P(a, s), a.basic.id = T(16), a.basic.key = ye.key, a.settings.text = i, a;
 }
-const pu = B(K), du = B(K), Ki = {
+const bu = B(j), yu = B(j), ji = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6560,7 +6572,7 @@ const pu = B(K), du = B(K), Ki = {
           ui: "switch",
           default: !1
         },
-        pu
+        bu
       ]
     },
     {
@@ -6586,28 +6598,28 @@ const pu = B(K), du = B(K), Ki = {
           ui: "numInput",
           default: 0
         },
-        du
+        yu
       ]
     }
   ]
 }, Sn = {
   key: Dt,
   name: "x-runtime-lib.timeline",
-  comp: Jl,
+  comp: Ql,
   props: {
-    pageCommon: [y, Ki],
-    compCommon: [y, Ki]
+    pageCommon: [y, ji],
+    compCommon: [y, ji]
   },
   events: [],
   methods: [],
   slots: [],
-  spawn: cu
+  spawn: du
 };
 _(Sn);
 const Cn = {
   key: Vo,
   name: "x-runtime-lib.windowItem",
-  comp: ia,
+  comp: ra,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -6617,59 +6629,59 @@ const Cn = {
   slots: []
 };
 _(Cn);
-function fu(t, e) {
+function hu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`windowV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Tn.props[o];
-  if (!l) {
+  const r = Tn.props[o];
+  if (!r) {
     console.error(`windowV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Tn.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = Tn.key, s.children = [
     en(t, e, "window 1"),
     en(t, e, "window 2"),
     en(t, e, "window 3")
   ], s;
 }
 function en(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
     console.error(`windowV1/spawnEntry prop tag not found, ${o}`);
     return;
   }
-  const s = Cn.props[l];
+  const s = Cn.props[r];
   if (!s) {
     console.error(`windowV1/spawnEntry props not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Cn.key, a.children = [bu(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Cn.key, a.children = [gu(t, e, i)], a;
 }
-function bu(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
+function gu(t, e, i) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
     console.error(`windowV1/spawnFlexLayout prop tag not found, ${o}`);
     return;
   }
-  const s = Le.props[l];
+  const s = Le.props[r];
   if (!s) {
     console.error(`windowV1/spawnFlexLayout props not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Le.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [yu(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Le.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [xu(t, e, i)], a;
 }
-function yu(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
+function xu(t, e, i) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
     console.error(`windowV1/spawnText prop tag not found, ${o}`);
     return;
   }
-  const s = ye.props[l];
+  const s = ye.props[r];
   if (!s) {
     console.error(`windowV1/spawnText props not found, ${o}`);
     return;
@@ -6728,7 +6740,7 @@ const Oi = {
 }, Tn = {
   key: Ft,
   name: "x-runtime-lib.window",
-  comp: ea,
+  comp: ia,
   props: {
     pageCommon: [y, Oi],
     compCommon: [y, Oi]
@@ -6736,36 +6748,36 @@ const Oi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: fu
+  spawn: hu
 };
 _(Tn);
-const hu = [
+const vu = [
   { 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" }
-], gu = [
+], ku = [
   { 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" }
-], xu = [
+], _u = [
   { 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" }
-], vu = [
+], wu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], ku = [
+], Vu = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], _u = [
+], $u = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], wu = [
+], Iu = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -6773,20 +6785,20 @@ const hu = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], Vu = [
+], Su = [
   { 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" }
-], $u = [
+], Cu = [
   { 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" }
-], Iu = [
+], Tu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -6794,12 +6806,12 @@ const hu = [
   { title: "x-runtime-lib.spaceBetween", value: "spaceBetween" },
   { title: "x-runtime-lib.spaceAround", value: "spaceAround" },
   { title: "x-runtime-lib.spaceEvenly", value: "spaceEvenly" }
-], Su = [
+], Pu = [
   { 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" }
-], Cu = [
+], zu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.black", value: "black" },
   { title: "x-runtime-lib.bold", value: "bold" },
@@ -6807,24 +6819,24 @@ const hu = [
   { title: "x-runtime-lib.regular", value: "regular" },
   { title: "x-runtime-lib.light", value: "light" },
   { title: "x-runtime-lib.thin", value: "thin" }
-], Tu = [
+], Au = [
   { 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" }
-], Pu = [
+], Lu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], zu = [
+], Bu = [
   { 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" }
-], Au = [
+], Wu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -6832,18 +6844,18 @@ const hu = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], Lu = [
+], Eu = [
   { 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" }
-], Bu = [
+], Nu = [
   { 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" }
-], Wu = [
+], Mu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.h1", value: "h1" },
   { title: "x-runtime-lib.h2", value: "h2" },
@@ -6858,7 +6870,7 @@ const hu = [
   { title: "x-runtime-lib.button", value: "button" },
   { title: "x-runtime-lib.caption", value: "caption" },
   { title: "x-runtime-lib.overline", value: "overline" }
-], Eu = [
+], Ru = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.primary", value: "primary" },
   { title: "x-runtime-lib.secondary", value: "secondary" },
@@ -6869,53 +6881,53 @@ const hu = [
   { title: "x-runtime-lib.background0", value: "background0" },
   { title: "x-runtime-lib.background1", value: "background1" },
   { title: "x-runtime-lib.background2", value: "background2" }
-], Nu = [
+], Du = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], Mu = [
+], Fu = [
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], Ru = [
+], Gu = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], Du = [
+], Hu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], Fu = [
+], Ku = [
   { 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" }
-], Gu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], ju = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  alignTabsItemsV1: hu,
-  axisTypeItemsV1: gu,
-  borderStyleItemsV1: xu,
-  colorModeItemsV1: vu,
-  densityItemsV1: ku,
-  directionItemsV1: _u,
-  fieldVariantItemsV1: wu,
-  flexCrossAlignItemsV1: Vu,
-  flexDirectionItemsV1: $u,
-  flexMainAlignItemsV1: Iu,
-  flexWrapItemsV1: Su,
-  fontWeightItemsV1: Cu,
-  sheetVariantItemsV1: Tu,
-  showTicksItemsV1: Pu,
-  sizeItemsV1: zu,
-  textAlignItemsV1: Au,
-  textDecorationItemsV1: Lu,
-  textEmphasisItemsV1: Bu,
-  textStyleItemsV1: Wu,
-  themeColorItemsV1: Eu,
-  thumbLabelItemsV1: Nu,
-  timelineAlignItemsV1: Mu,
-  timelineDirectionItemsV1: Ru,
-  timelineSideItemsV1: Du,
-  timelineTruncateLineItemsV1: Fu
-}, Symbol.toStringTag, { value: "Module" })), Hu = [
+  alignTabsItemsV1: vu,
+  axisTypeItemsV1: ku,
+  borderStyleItemsV1: _u,
+  colorModeItemsV1: wu,
+  densityItemsV1: Vu,
+  directionItemsV1: $u,
+  fieldVariantItemsV1: Iu,
+  flexCrossAlignItemsV1: Su,
+  flexDirectionItemsV1: Cu,
+  flexMainAlignItemsV1: Tu,
+  flexWrapItemsV1: Pu,
+  fontWeightItemsV1: zu,
+  sheetVariantItemsV1: Au,
+  showTicksItemsV1: Lu,
+  sizeItemsV1: Bu,
+  textAlignItemsV1: Wu,
+  textDecorationItemsV1: Eu,
+  textEmphasisItemsV1: Nu,
+  textStyleItemsV1: Mu,
+  themeColorItemsV1: Ru,
+  thumbLabelItemsV1: Du,
+  timelineAlignItemsV1: Fu,
+  timelineDirectionItemsV1: Gu,
+  timelineSideItemsV1: Hu,
+  timelineTruncateLineItemsV1: Ku
+}, Symbol.toStringTag, { value: "Module" })), Ou = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6955,7 +6967,7 @@ const hu = [
     max: 1 / 0,
     step: 1
   }
-], ju = [
+], Uu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6977,7 +6989,7 @@ const hu = [
     validator: (t) => t === "right",
     default: "right"
   }
-], Ku = [
+], Xu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7007,7 +7019,7 @@ const hu = [
     precision: 6,
     default: "0%"
   }
-], Ou = [
+], Yu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7032,7 +7044,7 @@ const hu = [
     min: 0,
     default: "0%"
   }
-], Uu = [
+], Ju = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7057,7 +7069,7 @@ const hu = [
     min: 0,
     default: "0%"
   }
-], Xu = [
+], Zu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7086,7 +7098,7 @@ const hu = [
     validator: (t) => t === "end",
     default: "end"
   }
-], Yu = [
+], qu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7108,16 +7120,16 @@ const hu = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], Ju = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Qu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: Hu,
-  leftRightTypesV1: ju,
-  marginTypesV1: Ku,
-  paddingTypesV1: Ou,
-  sizeTypesV1: Uu,
-  tableColumnAlignTypesV1: Xu,
-  topBottomTypesV1: Yu
-}, Symbol.toStringTag, { value: "Module" })), Zu = [
+  borderWidthTypesV1: Ou,
+  leftRightTypesV1: Uu,
+  marginTypesV1: Xu,
+  paddingTypesV1: Yu,
+  sizeTypesV1: Ju,
+  tableColumnAlignTypesV1: Zu,
+  topBottomTypesV1: qu
+}, Symbol.toStringTag, { value: "Module" })), ec = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -7191,7 +7203,7 @@ const hu = [
     name: "x-runtime-lib.dynamic",
     items: [De, Mn, Rn]
   }
-], qu = [
+], tc = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7222,7 +7234,7 @@ const hu = [
     name: "x-runtime-lib.controls",
     items: [_t, gt, yt]
   }
-], Qu = [
+], nc = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -7296,7 +7308,7 @@ const hu = [
     name: "x-runtime-lib.dynamic",
     items: [De, Mn, Rn]
   }
-], ec = [
+], ic = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7327,12 +7339,12 @@ const hu = [
     name: "x-runtime-lib.controls",
     items: [_t, gt, yt]
   }
-], tc = {
+], oc = {
   version: "v1",
   globalityKey: tn,
   refKey: De,
-  items: { ...Gu },
-  types: { ...Ju },
+  items: { ...ju },
+  types: { ...Qu },
   elements: /* @__PURE__ */ new Set([
     Ue,
     Xe,
@@ -7400,13 +7412,13 @@ const hu = [
     Vo
   ]),
   groups: {
-    pageCommon: Qu,
-    pageScene: ec,
-    compCommon: Zu,
-    compScene: qu
+    pageCommon: nc,
+    pageScene: ic,
+    compCommon: ec,
+    compScene: tc
   }
 }, $o = {
-  v1: tc
+  v1: oc
 };
 function A(t, e) {
   if (t === "page") {
@@ -7429,20 +7441,20 @@ function Ui(t, e) {
   }
 }
 function P(t, e) {
-  function i(o, l) {
-    if (l.ui) {
-      if (l.ui === "strInput" && l.static)
+  function i(o, r) {
+    if (r.ui) {
+      if (r.ui === "strInput" && r.static)
         return;
-      o[l.key] = Ui(l);
+      o[r.key] = Ui(r);
     } else
-      l.array ? o[l.key] = Ui(l) : l.children.forEach((s) => {
-        o[l.key] || (o[l.key] = {}), i(o[l.key], s);
+      r.array ? o[r.key] = Ui(r) : r.children.forEach((s) => {
+        o[r.key] || (o[r.key] = {}), i(o[r.key], s);
       });
   }
   e.forEach((o) => i(t, o));
 }
-function Fc(t, e, i, o, l) {
-  const s = `type=${t} subtype=${e} version=${i} ref=${o} keyOrRefid=${l}`, a = A(t, e);
+function Fc(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 prop tag not found, ${s}`);
     return;
@@ -7453,7 +7465,7 @@ function Fc(t, e, i, o, l) {
     return;
   }
   if (o) {
-    const d = p.refKey, b = l;
+    const d = p.refKey, b = r;
     if (!p.elements.has(d)) {
       console.error(`spawnNode [ref] element not found in pkg, ${s}`);
       return;
@@ -7478,7 +7490,7 @@ function Fc(t, e, i, o, l) {
       comp: b
     }, c;
   } else {
-    const d = l;
+    const d = r;
     if (!p.elements.has(d)) {
       console.error(`spawnNode [key] element not found in pkg, ${s}`);
       return;
@@ -7511,21 +7523,21 @@ function Gc(t, e) {
     if (o.basic.id === e)
       return o;
     if (o.children)
-      for (let l = 0; l < o.children.length; l++) {
-        const s = i(o.children[l]);
+      for (let r = 0; r < o.children.length; r++) {
+        const s = i(o.children[r]);
         if (s)
           return s;
       }
   }
   for (let o = 0; o < t.length; o++) {
-    const l = i(t[o]);
-    if (l)
-      return l;
+    const r = i(t[o]);
+    if (r)
+      return r;
   }
 }
-function nc(t) {
+function sc(t) {
   function e(o) {
-    o.basic.id = T(16), o.children?.forEach((l) => e(l));
+    o.basic.id = T(16), o.children?.forEach((r) => e(r));
   }
   const i = B(t);
   return e(i), i;
@@ -7533,20 +7545,20 @@ function nc(t) {
 function Hc(t) {
   const e = [];
   return t.forEach((i) => {
-    e.push(nc(i));
+    e.push(sc(i));
   }), e;
 }
 const Io = "runtimeOrg", So = "runtimeEnv", Co = "runtimeMode", To = "runtimeDevice", Po = "runtimeDark", zo = "runtimeType", Ao = "runtimeData", Lo = "runtimeDepends", Bo = "runtimeSandbox";
-function jc(t) {
+function Kc(t) {
   se(Io, t);
 }
-function ic() {
+function rc() {
   return oe(Io);
 }
-function Kc(t) {
+function jc(t) {
   se(So, t);
 }
-function oc() {
+function lc() {
   return oe(So);
 }
 function Oc(t) {
@@ -7582,10 +7594,10 @@ function de() {
 function Zc(t) {
   se(Lo, zn(t));
 }
-function sc() {
+function ac() {
   return oe(Lo);
 }
-function rc(t) {
+function uc(t) {
   se(Bo, t);
 }
 function Ee() {
@@ -7595,7 +7607,7 @@ function Se(t) {
   const e = [t.type];
   return t.type === "elementProp" ? e.push(t.nodeId, t.propKeys) : t.type === "customProp" || t.type === "adaptSlotProp" ? e.push(t.propId) : t.type === "customState" ? e.push(t.stateId) : console.assert(!1), e.join("@");
 }
-function Me(t, e, i, o, l) {
+function Me(t, e, i, o, r) {
   const { watchEffect: s, bind: a } = e;
   if (s[i])
     for (const p of s[i]) {
@@ -7615,12 +7627,12 @@ function Me(t, e, i, o, l) {
           if (u.subKeys) {
             if (!ne(
               ke(o, u.subKeys),
-              ke(l, u.subKeys)
+              ke(r, u.subKeys)
             )) {
               b = u;
               break;
             }
-          } else if (!ne(o, l)) {
+          } else if (!ne(o, r)) {
             b = u;
             break;
           }
@@ -7673,7 +7685,7 @@ function Me(t, e, i, o, l) {
         }
     }
 }
-function lc(t, e) {
+function cc(t, e) {
   function i(m) {
     const u = t.pseudoToNative(m), c = [], f = u.split(".");
     for (let h = 0; h < f.length; h++) {
@@ -7696,7 +7708,7 @@ function lc(t, e) {
       return t.nativeToPseudo({});
     }
   }
-  function l(m) {
+  function r(m) {
     const u = t.pseudoToNative(m), c = JSON.stringify(u);
     return t.nativeToPseudo(c);
   }
@@ -7736,7 +7748,7 @@ function lc(t, e) {
   ), t.setProperty(
     e,
     "__jsonStringifyV1__",
-    t.createNativeFunction(l)
+    t.createNativeFunction(r)
   ), t.setProperty(
     e,
     "__consoleLogV1__",
@@ -7759,7 +7771,7 @@ function lc(t, e) {
     t.createAsyncFunction(b)
   );
 }
-const Wo = jo({
+const Wo = Ko({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: e } = be;
@@ -7767,14 +7779,14 @@ const Wo = jo({
   }
 });
 window.API_URL && (Wo.defaults.baseURL = window.API_URL + "/computebase/");
-function ac(t) {
+function mc(t) {
   return Wo.post("callFunc", t);
 }
-function uc(t, e) {
-  async function i(o, l, s, a, p, d) {
-    const b = t.pseudoToNative(o), m = t.pseudoToNative(l), u = t.pseudoToNative(s), c = t.pseudoToNative(a), f = t.pseudoToNative(p);
+function pc(t, e) {
+  async function i(o, r, s, a, p, d) {
+    const b = t.pseudoToNative(o), m = t.pseudoToNative(r), u = t.pseudoToNative(s), c = t.pseudoToNative(a), f = t.pseudoToNative(p);
     try {
-      const h = JSON.stringify(u), { strOutputs: x } = await ac({
+      const h = JSON.stringify(u), { strOutputs: x } = await mc({
         spaceId: b,
         id: m,
         strInputs: h,
@@ -7791,7 +7803,7 @@ function uc(t, e) {
     t.createAsyncFunction(i)
   );
 }
-function cc(t, e, i) {
+function dc(t, e, i) {
   function o(u, c, f) {
     let h;
     const x = e.pseudoToNative(u);
@@ -7808,7 +7820,7 @@ function cc(t, e, i) {
       console.assert(!1);
     return e.nativeToPseudo(h);
   }
-  function l(u, c, f, h) {
+  function r(u, c, f, h) {
     const x = e.pseudoToNative(u);
     if (x === "elementProp") {
       const g = e.pseudoToNative(c), w = e.pseudoToNative(f), C = e.pseudoToNative(h);
@@ -7851,7 +7863,7 @@ function cc(t, e, i) {
   }
   function b(u, c, f) {
     const h = e.pseudoToNative(u), x = e.pseudoToNative(c);
-    Ko({ title: h, text: x }).then((g) => {
+    jo({ title: h, text: x }).then((g) => {
       f(e.nativeToPseudo(g)), e.run();
     });
   }
@@ -7868,7 +7880,7 @@ function cc(t, e, i) {
   ), e.setProperty(
     i,
     "__setPropV1__",
-    e.createNativeFunction(l)
+    e.createNativeFunction(r)
   ), e.setProperty(
     i,
     "__callMethodV1__",
@@ -7895,10 +7907,10 @@ function cc(t, e, i) {
     e.createAsyncFunction(m)
   );
 }
-function mc(t, e, i) {
-  lc(e, i), uc(e, i), cc(t, e, i);
+function fc(t, e, i) {
+  cc(e, i), pc(e, i), dc(t, e, i);
 }
-const pc = `
+const bc = `
 var __env__ = 'dev'
 var __mode__ = 'editor'
 
@@ -7908,7 +7920,7 @@ function __getEnvV1__() {
 
 var __pointerPosX__ = 0
 var __pointerPosY__ = 0
-`, dc = `
+`, yc = `
 var __events__ = {}
 
 function __onEventV1__(id, callback) {
@@ -7945,7 +7957,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)
   }
 }
-`, fc = `
+`, hc = `
 var __timers__ = {}
 var __currTimerId__ = 0
 
@@ -7987,21 +7999,21 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, bc = `
+`, gc = `
 function __destroy__() {
   __events__ = {}
   __timers__ = {}
 }
-`, yc = pc + dc + fc + bc;
-class hc {
+`, xc = bc + yc + hc + gc;
+class vc {
   org;
   env;
   mode;
   type;
   eventBus = cs();
   hooks;
-  constructor(e, i, o, l, s) {
-    this.org = e, this.env = i, this.mode = o, this.type = l, this.hooks = s;
+  constructor(e, i, o, r, s) {
+    this.org = e, this.env = i, this.mode = o, this.type = r, this.hooks = s;
   }
   //--------------------------
   // 元素属性
@@ -8011,7 +8023,7 @@ class hc {
     if (e) {
       this.nodes = { globality: e.view };
       const i = (o) => {
-        this.nodes[o.basic.id] = o, o.children?.forEach((l) => i(l));
+        this.nodes[o.basic.id] = o, o.children?.forEach((r) => i(r));
       };
       e.view.nodes.forEach((o) => i(o));
     } else
@@ -8029,12 +8041,12 @@ class hc {
     return this.getElementPropInner(o, i);
   }
   setElementPropInner(e, i, o) {
-    const l = ke(e, i);
-    ne(o, l) || (ao(e, i, o), this.hooks?.onElementPropChange(e.basic.id, i, o, l));
+    const r = ke(e, i);
+    ne(o, r) || (ao(e, i, o), this.hooks?.onElementPropChange(e.basic.id, i, o, r));
   }
   setElementProp(e, i, o) {
-    const l = this.nodes[e];
-    if (!l) {
+    const r = this.nodes[e];
+    if (!r) {
       console.warn(
         "Sandbox/setElementProp node not found",
         e,
@@ -8043,7 +8055,7 @@ class hc {
       );
       return;
     }
-    this.setElementPropInner(l, i, o);
+    this.setElementPropInner(r, i, o);
   }
   //--------------------------
   // 自定义属性
@@ -8093,12 +8105,12 @@ class hc {
   interpreter;
   createInterpreter(e) {
     this.interpreter = new ms(
-      yc,
+      xc,
       (i, o) => {
-        mc(this, i, o);
+        fc(this, i, o);
       }
     ), this.interpreter.appendCode(e), this.interpreter.run(), this.setVariable("__env__", this.env), this.setVariable("__mode__", this.mode), this.callFunction("__triggerEventV1__", [
-      Ce("elementEvent", "startup", "globality")
+      Ce("elementEvent", "globality", "startup")
     ]);
   }
   destroyInterpreter() {
@@ -8127,12 +8139,12 @@ class hc {
     if (i)
       for (const s of i)
         o.push(JSON.stringify(s));
-    const l = `${e}(${o.join(", ")});`;
-    console.log(l), this.interpreter.appendCode(l), this.interpreter.run();
+    const r = `${e}(${o.join(", ")});`;
+    console.log(r), this.interpreter.appendCode(r), this.interpreter.run();
   }
 }
-function gc(t) {
-  const e = ic(), i = oc(), o = G(), l = pe(), s = $e(), a = We(), p = (f, h, x, g) => {
+function kc(t) {
+  const e = rc(), i = lc(), o = G(), r = pe(), s = $e(), a = We(), p = (f, h, x, g) => {
     if (!(o !== "runtime" && o !== "preview") && (u.callFunction("__triggerEventV1__", [
       `elementPropChange@${f}@${h}`,
       x,
@@ -8183,26 +8195,26 @@ function gc(t) {
       h,
       x
     ));
-  }, u = new hc(e, i, o, l, {
+  }, u = new vc(e, i, o, r, {
     onElementPropChange: p,
     onCustomPropChange: d,
     onCustomStateChange: b,
     onAdaptSlotPropChange: m
   });
-  rc(u);
+  uc(u);
   const c = () => {
     o !== "runtime" && o !== "preview" || (u.destroyInterpreter(), u.syncNodes(t.value), u.resetCustomProps(), u.resetCustomStates(), u.resetAdaptSlotProps(), !(!t.value || !t.value.code.script) && u.createInterpreter(t.value.code.script));
   };
   c(), q(t, () => {
     c();
-  }), Ke(() => {
+  }), je(() => {
     u.destroyInterpreter();
   }), (o === "runtime" || o === "preview") && q(
     s,
     (f, h) => {
       const x = Re(f.width), g = Re(h?.width ?? f.width);
       u.callFunction("__triggerEventV1__", [
-        Ce("elementEvent", "screenSizeChange", "globality"),
+        Ce("elementEvent", "globality", "screenSizeChange"),
         x,
         g
       ]);
@@ -8212,50 +8224,50 @@ function gc(t) {
     a,
     (f) => {
       u.callFunction("__triggerEventV1__", [
-        Ce("elementEvent", "darkModeChange", "globality"),
+        Ce("elementEvent", "globality", "darkModeChange"),
         f
       ]);
     },
     { immediate: !0 }
   );
 }
-const xc = (t, e, i) => {
+const _c = (t, e, i) => {
   const o = t[e];
-  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((l, s) => {
+  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 qc(t) {
-  return (await xc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.escg6ifs.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ht3um6fb.js") }), `./locales/${t}/index.ts`, 4)).default;
+  return (await _c(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.escg6ifs.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ht3um6fb.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  hc as Sandbox,
-  va as ambientLightV1,
+  vc as Sandbox,
+  wa as ambientLightV1,
   Rc as badgeV1,
   sn as barChartV1,
-  mc as bind,
+  fc as bind,
   nn as boxGeometryV1,
   lo as breakpoints,
-  Pa as btnGroupV1,
-  za as btnToggleV1,
+  La as btnGroupV1,
+  Ba as btnToggleV1,
   ln as btnV1,
   Re as calcBreakpoint,
   Ae as cardV1,
-  La as checkboxV1,
+  Ea as checkboxV1,
   un as chipGroupV1,
   an as chipV1,
-  Ea as colorPickerV1,
-  Na as comboboxV1,
+  Ra as colorPickerV1,
+  Da as comboboxV1,
   ys as compTypes,
   cn as containerV1,
-  Ma as dataTableV1,
-  Ra as datePickerV1,
-  Da as dialogV1,
-  ka as directionalLightV1,
-  nc as duplicateNode,
+  Fa as dataTableV1,
+  Ga as datePickerV1,
+  Ha as dialogV1,
+  Va as directionalLightV1,
+  sc as duplicateNode,
   Hc as duplicateNodes,
   Te as elements,
-  Tc as ensureContext,
+  Ac as ensureContext,
   Dc as fileInputV1,
   mn as flexLayoutEntryV1,
   Le as flexLayoutV1,
@@ -8267,73 +8279,73 @@ export {
   Gc as getNode,
   Ui as getPropDefault,
   A as getPropTag,
-  Cc as getTypeColor,
-  Sa as globalityV1,
-  Va as groupV1,
-  Oa as iconV1,
+  zc as getTypeColor,
+  Pa as globalityV1,
+  Sa as groupV1,
+  Ya as iconV1,
   P as initProps,
   We as injectDark,
   de as injectData,
-  sc as injectDepends,
+  ac as injectDepends,
   $e as injectDevice,
-  oc as injectEnv,
+  lc as injectEnv,
   G as injectMode,
-  ic as injectOrg,
+  rc as injectOrg,
   Ee as injectSandbox,
   pe as injectType,
-  xs as isLocaleOfEventKind,
-  gs as isLocaleOfMethodKind,
+  ks as isLocaleOfEventKind,
+  xs as isLocaleOfMethodKind,
   hs as isLocaleOfPropertyKind,
   An as isPercentStr,
   Oe as isPixelStr,
-  ma as keyboardControlsV1,
+  fa as keyboardControlsV1,
   rn as lineChartV1,
   qc as loadLocaleMessageRuntime,
   Ce as makeEventId,
-  Ac as makeMethodId,
-  Pc as makePropertyId,
+  Bc as makeMethodId,
+  Lc as makePropertyId,
   Se as makeTriggerId,
-  pa as mapControlsV1,
-  Ua as menuV1,
+  ba as mapControlsV1,
+  Ja as menuV1,
   Pe as meshBasicMaterialV1,
   ze as meshV1,
   bn as numberInputV1,
-  da as orbitControlsV1,
-  ra as orthographicCameraV1,
+  ya as orbitControlsV1,
+  ua as orthographicCameraV1,
   bs as pageTypes,
-  Ya as paginationV1,
+  qa as paginationV1,
   Xt as parsePercentStr,
   Wc as parsePixelStr,
-  la as perspectiveCameraV1,
+  ca as perspectiveCameraV1,
   $o as pkgs,
-  _a as pointLightV1,
+  $a as pointLightV1,
   Xc as provideDark,
   Jc as provideData,
   Zc as provideDepends,
   Uc as provideDevice,
-  Kc as provideEnv,
+  jc as provideEnv,
   Oc as provideMode,
-  jc as provideOrg,
-  rc as provideSandbox,
+  Kc as provideOrg,
+  uc as provideSandbox,
   Yc as provideType,
   hn as radioGroupV1,
   yn as radioV1,
-  qa as rangeSliderV1,
-  Qa as ratingV1,
-  vs as reverseBreakpoints,
-  yc as runtime,
-  eu as selectV1,
+  tu as rangeSliderV1,
+  nu as ratingV1,
+  ws as reverseBreakpoints,
+  xc as runtime,
+  iu as selectV1,
   ao as setField,
-  tu as sliderV1,
+  ou as sliderV1,
   Fc as spawnNode,
   on as sphereGeometryV1,
-  wa as spotLightV1,
+  Ia as spotLightV1,
   gn as stepperHeaderV1,
   xn as stepperItemV1,
   _n as stepperV1,
   kn as stepperWindowItemV1,
   vn as stepperWindowV1,
-  ru as switchV1,
+  uu as switchV1,
   wn as tabV1,
   Vn as tabsV1,
   dn as textFieldV1,
@@ -8345,11 +8357,11 @@ export {
   Nc as toMethodName,
   Ec as toPropertyName,
   Me as triggerReactivity,
-  Sc as types,
-  Bc as unwrapEventId,
-  Lc as unwrapMethodId,
-  zc as unwrapPropertyId,
-  gc as useSandbox,
+  Pc as types,
+  _s as unwrapEventId,
+  vs as unwrapMethodId,
+  gs as unwrapPropertyId,
+  kc as useSandbox,
   Cn as windowItemV1,
   Tn as windowV1
 };