x-runtime-lib 0.8.20 → 0.8.22

package/dist/index.js

@@ -1,16 +1,16 @@
-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 Wo, onUnmounted as He, createBlock as V, withCtx as I, createCommentVNode as ee, useTemplateRef as Ui, onMounted as Oi, nextTick as Xi, h as ae, resolveComponent as z, createVNode as H, isRef as U, createSlots as Tn, renderList as No, useId as Yi, withModifiers as Eo, normalizeClass as Ro, toDisplayString as Do, inject as oe, provide as se, readonly as Pn } from "vue";
-import { CameraHelper as Ji, DirectionalLightHelper as Mo, PointLightHelper as Fo, SpotLightHelper as Go } from "three";
-import { i as ne, q as Ae, u as Ho, r as Zi, e as qi, a as jo, b as Ko, c as Uo, d as Oo, f as Xo, g as Yo, h as Jo, j as Zo, k as B, l as Qi, X as qo, Y as Qo, K as es, m as ts, n as ns, o as is, I as os } from "./vendor.ghqz34q2.js";
-import { waitUtil as eo, eventBus as to, useViewStack as no, messageInfo as ss, messageSuccess as rs, messageWarning as io, messageError as oo, createAxios as ls, globalObjects as Qt, openConfirmDlg as as, openPromptDlg as us } 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 Wo, onUnmounted as Ke, createBlock as V, withCtx as S, createCommentVNode as ee, useTemplateRef as Oi, onMounted as Ui, nextTick as Xi, h as ae, resolveComponent as z, createVNode as H, isRef as O, createSlots as Tn, renderList as Eo, useId as Yi, withModifiers as No, normalizeClass as Mo, toDisplayString as Ro, inject as oe, provide as se, readonly as Pn } from "vue";
+import { CameraHelper as Ji, DirectionalLightHelper as Do, PointLightHelper as Fo, SpotLightHelper as Go } from "three";
+import { i as ne, q as Le, u as Ho, r as Zi, e as qi, a as Ko, b as jo, c as Oo, d as Uo, f as Xo, g as Yo, h as Jo, j as Zo, k as B, l as Qi, X as qo, Y as Qo, K as es, m as ts, n as ns, o as is, I as os } from "./vendor.ghqz34q2.js";
+import { waitUtil as eo, eventBus as to, useViewStack as no, globalObjects as ke, messageInfo as ss, messageSuccess as rs, messageWarning as io, messageError as oo, createAxios as ls, openConfirmDlg as as, openPromptDlg as us } from "x-essential-lib";
 import { getErrorMessage as cs } from "x-error-lib";
 import { useTheme as ms } from "vuetify";
 import { useI18n as ps } from "vue-i18n";
-const On = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+const Un = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function T(t) {
   let e = "";
   for (let i = 0; i < t; i++) {
-    const o = Math.floor(Math.random() * On.length);
-    e += On[o];
+    const o = Math.floor(Math.random() * Un.length);
+    e += Un[o];
   }
   return e;
 }
@@ -26,7 +26,7 @@ function zn(t) {
   const e = t.substring(0, t.length - 1), i = parseFloat(e);
   return !isNaN(i);
 }
-function _c(t) {
+function $c(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const e = t.substring(0, t.length - 2), i = parseFloat(e);
@@ -41,13 +41,13 @@ function Ut(t) {
     return i;
 }
 const so = ["xs", "sm", "md", "lg", "xl"], ds = [...so].reverse();
-function Ee(t) {
+function Me(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function Xn(t) {
   return so.findIndex((e) => e === t);
 }
-function $e(t, e) {
+function Se(t, e) {
   let i;
   for (const o of ds) {
     if (Xn(o) < Xn(t))
@@ -62,10 +62,10 @@ function ve(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;
   }
@@ -74,18 +74,18 @@ function ro(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;
 }
-const Se = {}, _ = (t) => {
-  Se[t.key] = t;
+const Ce = {}, _ = (t) => {
+  Ce[t.key] = t;
 }, fs = ["position", "rotation", "scale"], ye = /* @__PURE__ */ $({
   __name: "index",
   props: {
@@ -117,7 +117,7 @@ const Se = {}, _ = (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)
     }, [
@@ -125,37 +125,37 @@ const Se = {}, _ = (t) => {
     ], 4)) : L(o.$slots, "default", { key: 1 });
   }
 }), bs = (t, e, i, o) => {
-  const l = t.getElementPropInner(e, i);
+  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;
-}, ys = (t, e, i, o, l) => {
+    return r;
+}, ys = (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 = Be(), s = ce();
+function l(t, e, i) {
+  const o = G(), r = We(), s = ce();
   return ue(() => {
-    let a = bs(l, t.node, e, i);
+    let a = bs(r, t.node, e, i);
     o === "editor" && e[e.length - 1] === "readonly" && (a = !0), s.value = a;
   }), q(s, (a, p) => {
-    ne(a, p) || ys(l, t.node, e, s.value, i);
+    ne(a, p) || ys(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(() => {
@@ -164,8 +164,8 @@ function me(t) {
 }
 function lo(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
     };
@@ -181,44 +181,44 @@ function ao(t) {
 }
 function uo(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 co(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 mo(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 } = ms(), i = Le(), o = k(() => t.value?.mode), l = k(() => {
+function K(t) {
+  const { computedThemes: e } = ms(), i = Be(), 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(() => {
@@ -228,28 +228,28 @@ function j(t) {
   return { color: a, rgb: p, alpha: d };
 }
 function An(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 Ln(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 Bn(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 he(t) {
-  const e = G(), i = Ve(), 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 = Ut(t.node.size?.height);
       if (m)
@@ -272,20 +272,20 @@ function he(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 po(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}`);
   Wo(() => {
-    t.eventBus?.on(l.value, i);
-  }), He(() => {
-    t.eventBus?.off(l.value, i);
+    t.eventBus?.on(r.value, i);
+  }), Ke(() => {
+    t.eventBus?.off(r.value, i);
   });
 }
-function E() {
-  const t = Le();
+function N() {
+  const t = Be();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
 const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], gs = /* @__PURE__ */ $({
@@ -295,13 +295,13 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     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(ye), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
-      default: I(() => [
+      default: S(() => [
         ie("TresOrthographicCamera", {
           bottom: n(a),
           far: n(p),
@@ -309,11 +309,11 @@ const hs = ["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)
         }, [
-          n(i) === "editor" ? (v(), V(n(Ae), {
+          n(i) === "editor" ? (v(), V(n(Le), {
             key: 0,
             type: n(Ji)
           }, null, 8, ["type"])) : ee("", !0),
@@ -330,23 +330,23 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     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(ye), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
-      default: I(() => [
+      default: S(() => [
         ie("TresPerspectiveCamera", {
           aspect: n(a),
           far: n(p),
           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(Ae), {
+          n(i) === "editor" ? (v(), V(n(Le), {
             key: 0,
             type: n(Ji)
           }, null, 8, ["type"])) : ee("", !0),
@@ -363,20 +363,20 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     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),
@@ -386,8 +386,8 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
   }
 }), ge = (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;
 }, ws = ["args"], Vs = /* @__PURE__ */ $({
   __name: "index",
@@ -396,10 +396,10 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     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"
     ]);
@@ -408,32 +408,32 @@ const hs = ["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, ws));
   }
-}), $s = ["color", "intensity", "position", "rotation", "scale"], Is = /* @__PURE__ */ $({
+}), $s = ["color", "intensity", "position", "rotation", "scale"], Ss = /* @__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(ye), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
-      default: I(() => [
+      default: S(() => [
         ie("TresAmbientLight", {
           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")
@@ -442,33 +442,33 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ss = ["color", "intensity", "position", "rotation", "scale"], Cs = /* @__PURE__ */ $({
+}), Is = ["color", "intensity", "position", "rotation", "scale"], 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", "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(ye), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
-      default: I(() => [
+      default: S(() => [
         ie("TresDirectionalLight", {
           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(Ae), {
+          n(i) === "editor" ? (v(), V(n(Le), {
             key: 0,
-            type: n(Mo)
+            type: n(Do)
           }, null, 8, ["type"])) : ee("", !0),
           L(b.$slots, "default")
-        ], 8, Ss)
+        ], 8, Is)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
@@ -480,23 +480,23 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     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(ye), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
-      default: I(() => [
+      default: S(() => [
         ie("TresPointLight", {
           color: n(p),
           decay: n(d),
           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(Ae), {
+          n(i) === "editor" ? (v(), V(n(Le), {
             key: 0,
             type: n(Fo)
           }, null, 8, ["type"])) : ee("", !0),
@@ -513,13 +513,13 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     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(ye), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
-      default: I(() => [
+      default: S(() => [
         ie("TresSpotLight", {
           angle: n(a),
           color: n(d),
@@ -528,10 +528,10 @@ const hs = ["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(Ae), {
+          n(i) === "editor" ? (v(), V(n(Le), {
             key: 0,
             type: n(Go)
           }, null, 8, ["type"])) : ee("", !0),
@@ -545,56 +545,56 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
 function Bs(t, e) {
   return v(), Y("TresMeshBasicMaterial");
 }
-const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation", "scale"], Es = /* @__PURE__ */ $({
+const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Es = ["position", "rotation", "scale"], Ns = /* @__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(ye), {
       position: n(o),
-      rotation: n(l),
+      rotation: n(r),
       scale: n(s)
     }, {
-      default: I(() => [
+      default: S(() => [
         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, Ns)
+        ], 8, Es)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Rs = ["position", "rotation", "scale"], Ds = /* @__PURE__ */ $({
+}), Ms = ["position", "rotation", "scale"], Rs = /* @__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, Rs));
+    ], 8, Ms));
   }
-}), Ms = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Fs = "#242424", Gs = {}, Hs = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, js = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ks = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Us = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, er = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, tr = { 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" } }, nr = { 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)" } } }, ir = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, or = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, sr = { 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"] } } }, rr = { 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"] } } }, lr = { 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"] } } }, ar = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ur = { textStyle: { color: "#eeeeee" } }, cr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, mr = { 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" } } }, pr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, dr = { 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" } }, fr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, br = {
-  color: Ms,
+}), Ds = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Fs = "#242424", Gs = {}, Hs = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Ks = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, js = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Os = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, er = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, tr = { 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" } }, nr = { 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)" } } }, ir = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, or = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, sr = { 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"] } } }, rr = { 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"] } } }, lr = { 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"] } } }, ar = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ur = { textStyle: { color: "#eeeeee" } }, cr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, mr = { 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" } } }, pr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, dr = { 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" } }, fr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, br = {
+  color: Ds,
   backgroundColor: Fs,
   textStyle: Gs,
   title: Hs,
-  line: js,
-  radar: Ks,
-  bar: Us,
-  pie: Os,
+  line: Ks,
+  radar: js,
+  bar: Os,
+  pie: Us,
   scatter: Xs,
   boxplot: Ys,
   parallel: Js,
@@ -616,7 +616,7 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
   visualMap: pr,
   dataZoom: dr,
   markPoint: fr
-}, yr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], hr = "#f5f5f5", gr = {}, xr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, vr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Pr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, zr = { 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" } }, Ar = { 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)" } } }, Lr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Br = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Wr = { 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"] } } }, Nr = { 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"] } } }, Er = { 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"] } } }, Rr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Dr = { textStyle: { color: "#333333" } }, Mr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Fr = { 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" } } }, Gr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Hr = { 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" } }, jr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Kr = {
+}, yr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], hr = "#f5f5f5", gr = {}, xr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, vr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Pr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, zr = { 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" } }, Ar = { 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)" } } }, Lr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Br = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Wr = { 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"] } } }, Er = { 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"] } } }, Nr = { 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"] } } }, Mr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Rr = { textStyle: { color: "#333333" } }, Dr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Fr = { 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" } } }, Gr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Hr = { 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" } } }, jr = {
   color: yr,
   backgroundColor: hr,
   textStyle: gr,
@@ -627,8 +627,8 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
   pie: wr,
   scatter: Vr,
   boxplot: $r,
-  parallel: Ir,
-  sankey: Sr,
+  parallel: Sr,
+  sankey: Ir,
   funnel: Cr,
   gauge: Tr,
   candlestick: Pr,
@@ -637,54 +637,54 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
   geo: Lr,
   categoryAxis: Br,
   valueAxis: Wr,
-  logAxis: Nr,
-  timeAxis: Er,
-  toolbox: Rr,
-  legend: Dr,
-  tooltip: Mr,
+  logAxis: Er,
+  timeAxis: Nr,
+  toolbox: Mr,
+  legend: Rr,
+  tooltip: Dr,
   timeline: Fr,
   visualMap: Gr,
   dataZoom: Hr,
-  markPoint: jr
+  markPoint: Kr
 };
 Ho([
-  jo,
   Ko,
-  Uo,
+  jo,
   Oo,
+  Uo,
   Xo,
   Yo,
   Jo,
   Zo
 ]);
 Zi("dark", br);
-Zi("light", Kr);
-const Ur = /* @__PURE__ */ $({
+Zi("light", jr);
+const Or = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), o = Le(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = he(e), { applyTitle: f } = uo(e), { applyXAxis: h } = co(e), { applyYAxis: x } = mo(e), { applyLegend: g } = lo(e), { applySeries: w } = ao(e), C = k(() => {
-      const S = {}, M = s.value.type;
-      return l === "page" ? M === "common" ? c(S) : console.assert(!1) : l === "comp" && M === "common" ? c(S) : console.assert(!1), S;
-    }), R = Ui("chart");
+    const e = t, i = $e(), o = Be(), r = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = he(e), { applyTitle: f } = uo(e), { applyXAxis: h } = co(e), { applyYAxis: x } = mo(e), { applyLegend: g } = lo(e), { applySeries: w } = ao(e), C = k(() => {
+      const I = {}, D = s.value.type;
+      return r === "page" ? D === "common" ? c(I) : console.assert(!1) : r === "comp" && D === "common" ? c(I) : console.assert(!1), I;
+    }), M = Oi("chart");
     let W;
     const F = () => {
-      W?.dispose(), W = qi.init(R.value, o.value ? "dark" : "light");
-      const S = {};
-      W.setOption(S);
-    }, D = () => {
+      W?.dispose(), W = qi.init(M.value, o.value ? "dark" : "light");
+      const I = {};
+      W.setOption(I);
+    }, R = () => {
       W?.resize();
-    }, N = () => {
-      const S = {};
-      f(S), h(S), x(S), g(S), w(S), W?.setOption(S, !0);
+    }, E = () => {
+      const I = {};
+      f(I), h(I), x(I), g(I), w(I), W?.setOption(I, !0);
     };
-    return Oi(async () => {
-      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), N();
-    }), He(() => {
-      window.removeEventListener("resize", D, !1), W?.dispose();
+    return Ui(async () => {
+      window.addEventListener("resize", R, !1), await eo(() => !!M.value), F(), E();
+    }), Ke(() => {
+      window.removeEventListener("resize", R, !1), W?.dispose();
     }), q(
       [
         () => i.value.width,
@@ -697,47 +697,47 @@ const Ur = /* @__PURE__ */ $({
         u
       ],
       async () => {
-        await Xi(), D();
+        await Xi(), R();
       }
     ), q([o], () => {
-      F(), N();
+      F(), E();
     }), q(
       [e],
       () => {
-        N();
+        E();
       },
       { deep: !0 }
-    ), (S, M) => (v(), Y("div", {
+    ), (I, D) => (v(), Y("div", {
       ref: "chart",
       style: Q(C.value)
     }, null, 4));
   }
-}), Or = /* @__PURE__ */ $({
+}), Ur = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), o = Le(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = he(e), { applyTitle: f } = uo(e), { applyXAxis: h } = co(e), { applyYAxis: x } = mo(e), { applyLegend: g } = lo(e), { applySeries: w } = ao(e), C = k(() => {
-      const S = {}, M = s.value.type;
-      return l === "page" ? M === "common" ? c(S) : console.assert(!1) : l === "comp" && M === "common" ? c(S) : console.assert(!1), S;
-    }), R = Ui("chart");
+    const e = t, i = $e(), o = Be(), r = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = he(e), { applyTitle: f } = uo(e), { applyXAxis: h } = co(e), { applyYAxis: x } = mo(e), { applyLegend: g } = lo(e), { applySeries: w } = ao(e), C = k(() => {
+      const I = {}, D = s.value.type;
+      return r === "page" ? D === "common" ? c(I) : console.assert(!1) : r === "comp" && D === "common" ? c(I) : console.assert(!1), I;
+    }), M = Oi("chart");
     let W;
     const F = () => {
-      W?.dispose(), W = qi.init(R.value, o.value ? "dark" : "light");
-      const S = {};
-      W.setOption(S);
-    }, D = () => {
+      W?.dispose(), W = qi.init(M.value, o.value ? "dark" : "light");
+      const I = {};
+      W.setOption(I);
+    }, R = () => {
       W?.resize();
-    }, N = () => {
-      const S = {};
-      f(S), h(S), x(S), g(S), w(S), W?.setOption(S, !0);
+    }, E = () => {
+      const I = {};
+      f(I), h(I), x(I), g(I), w(I), W?.setOption(I, !0);
     };
-    return Oi(async () => {
-      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), N();
-    }), He(() => {
-      window.removeEventListener("resize", D, !1), W?.dispose();
+    return Ui(async () => {
+      window.addEventListener("resize", R, !1), await eo(() => !!M.value), F(), E();
+    }), Ke(() => {
+      window.removeEventListener("resize", R, !1), W?.dispose();
     }), q(
       [
         () => i.value.width,
@@ -750,17 +750,17 @@ const Ur = /* @__PURE__ */ $({
         u
       ],
       async () => {
-        await Xi(), D();
+        await Xi(), R();
       }
     ), q([o], () => {
-      F(), N();
+      F(), E();
     }), q(
       [e],
       () => {
-        N();
+        E();
       },
       { deep: !0 }
-    ), (S, M) => (v(), Y("div", {
+    ), (I, D) => (v(), Y("div", {
       ref: "chart",
       style: Q(C.value)
     }, null, 4));
@@ -772,13 +772,13 @@ const Ur = /* @__PURE__ */ $({
     state: {}
   },
   setup(t) {
-    const { t: e } = ps(), i = t, o = de(), l = ec(), s = ce(-1), a = ce();
-    dc(a), ue(() => {
+    const { t: e } = ps(), i = t, o = de(), r = ic(), s = ce(-1), a = ce();
+    yc(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, to.emit("compNotAvail", i.refContext.refid);
         return;
@@ -786,7 +786,7 @@ const Ur = /* @__PURE__ */ $({
       s.value !== c.dataSeq && (s.value = c.dataSeq, a.value = B(c.data));
     });
     function p(c) {
-      const f = wo[o.value.version].refKey, h = Se[f];
+      const f = wo[o.value.version].refKey, h = Ce[f];
       return h ? ae(h.comp, {
         refContext: {
           parent: i.refContext,
@@ -796,7 +796,7 @@ const Ur = /* @__PURE__ */ $({
       }) : (console.assert(!1, `ref element not found key=${f}`), ae("div", `ref element not found key=${f}`));
     }
     function d(c) {
-      const f = Se[c.basic.key];
+      const f = Ce[c.basic.key];
       if (!f)
         return console.assert(!1, `element not found key=${c.basic.key}`), ae("div", `element not found key=${c.basic.key}`);
       const h = [];
@@ -840,7 +840,7 @@ const Ur = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "content"]), { prop: o } = r(e, ["settings", "dot"]), { theme: l } = E(), { 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, {
@@ -848,9 +848,9 @@ const Ur = /* @__PURE__ */ $({
         dot: n(o),
         "offset-x": n(s),
         "offset-y": n(a),
-        theme: n(l)
+        theme: n(r)
       }, {
-        default: I(() => [
+        default: S(() => [
           L(p.$slots, "default")
         ]),
         _: 3
@@ -864,15 +864,15 @@ const Ur = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = Be(), { prop: l } = r(e, [
+    const e = t, i = G(), o = We(), { 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: R } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: D } = E(), { prop: N } = r(e, ["settings", "variant"]), { prop: S } = r(e, ["size", "width"]), M = (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: I } = l(e, ["size", "width"]), D = (J) => {
       i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", J.clientX), o.setVariable("__pointerPosY__", J.clientY), o.callFunction("__triggerEventV1__", [
         `elementEvent@click@${e.node.basic.id}`
       ]));
@@ -880,9 +880,9 @@ const Ur = /* @__PURE__ */ $({
     return (J, te) => {
       const re = z("v-btn");
       return v(), V(n(Z), null, {
-        default: I(() => [
+        default: S(() => [
           H(re, {
-            "append-icon": n(l),
+            "append-icon": n(r),
             block: n(s),
             color: n(p),
             density: n(d),
@@ -896,13 +896,13 @@ const Ur = /* @__PURE__ */ $({
             "prepend-icon": n(g),
             readonly: n(w),
             ripple: n(C),
-            size: n(R),
+            size: n(M),
             stacked: n(W),
             text: n(F),
-            theme: n(D),
-            variant: n(N),
-            width: n(S),
-            onClick: M
+            theme: n(R),
+            variant: n(E),
+            width: n(I),
+            onClick: D
           }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"])
         ]),
         _: 1
@@ -913,7 +913,7 @@ const Ur = /* @__PURE__ */ $({
 function Zr(t, e) {
   const i = z("v-btn-group");
   return v(), V(i, null, {
-    default: I(() => [
+    default: S(() => [
       L(t.$slots, "default")
     ]),
     _: 3
@@ -926,13 +926,13 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     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 } = E(), { 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),
@@ -942,7 +942,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
         tile: n(u),
         variant: n(c)
       }, {
-        default: I(() => [
+        default: S(() => [
           L(f.$slots, "default")
         ]),
         _: 3
@@ -956,13 +956,13 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     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 } = E(), { 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 R = z("v-card");
-      return v(), V(R, {
+      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),
@@ -976,7 +976,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
         variant: n(x),
         width: n(g)
       }, {
-        default: I(() => [
+        default: S(() => [
           L(w.$slots, "default")
         ]),
         _: 3
@@ -990,8 +990,8 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     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),
@@ -1006,12 +1006,12 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     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 } = E(), { 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),
@@ -1033,22 +1033,22 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     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 } = E(), { 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, {
         modelValue: n(m),
-        "onUpdate:modelValue": c[0] || (c[0] = (h) => U(m) ? m.value = h : null),
+        "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),
         "show-arrows": n(d),
         theme: n(b)
       }, {
-        default: I(() => [
+        default: S(() => [
           L(u.$slots, "default")
         ]),
         _: 3
@@ -1062,13 +1062,13 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = pe(), o = de(), { applySize: l } = he(e), s = k(() => {
+    const e = t, i = pe(), o = de(), { applySize: r } = he(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 } = E();
+    ]), { theme: f } = N();
     return (h, x) => {
       const g = z("v-color-picker");
       return v(), V(g, {
@@ -1091,17 +1091,17 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     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 } = E(), { 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, {
-        default: I(() => [
+        default: S(() => [
           H(u, {
             modelValue: n(d),
-            "onUpdate:modelValue": m[0] || (m[0] = (c) => U(d) ? d.value = c : null),
+            "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)
@@ -1118,10 +1118,10 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     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 } = he(e), { applyMargin: p } = Ln(e), { applyPadding: d } = Bn(e), { applyBorder: b } = An(e), m = k(() => {
+    ]), { color: s } = K(r), { applySize: a } = he(e), { applyMargin: p } = Ln(e), { applyPadding: d } = Bn(e), { applyBorder: b } = An(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;
     });
@@ -1138,7 +1138,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     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 } = E(), { 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);
@@ -1149,7 +1149,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__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),
@@ -1159,9 +1159,9 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
         theme: n(u),
         width: n(c)
       }, Tn({ _: 2 }, [
-        No(f.value, (w) => ({
+        Eo(f.value, (w) => ({
           name: `item.${w.column}`,
-          fn: I(({ value: C }) => [
+          fn: S(({ value: C }) => [
             H(n(fe), {
               "ref-context": { refid: w.comp },
               state: { value: C }
@@ -1183,7 +1183,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = Be(), l = k(() => e.node.basic?.id), { open: s } = no(`runtimeDlg/${Yi()}`);
+    const e = t, i = G(), o = We(), r = k(() => e.node.basic?.id), { open: s } = no(`runtimeDlg/${Yi()}`);
     return po(o, e, (p) => {
       if (i !== "runtime" && i !== "preview")
         return;
@@ -1193,16 +1193,16 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
       const b = z("v-dialog");
       return v(), V(b, {
         modelValue: n(s),
-        "onUpdate:modelValue": d[0] || (d[0] = (m) => U(s) ? s.value = m : null),
+        "onUpdate:modelValue": d[0] || (d[0] = (m) => O(s) ? s.value = m : null),
         attach: "#dialogContainer"
       }, {
-        activator: I(() => [
+        activator: S(() => [
           n(i) === "editor" ? (v(), Y("div", {
             key: 0,
-            id: `__node__@${l.value}`
+            id: `__node__@${r.value}`
           }, null, 8, ml)) : ee("", !0)
         ]),
-        default: I(() => [
+        default: S(() => [
           L(p.$slots, "default")
         ]),
         _: 3
@@ -1216,13 +1216,13 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     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),
@@ -1240,21 +1240,21 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), o = pe(), l = de(), { applySize: s } = he(e), { applyMargin: a } = Ln(e), { applyPadding: p } = Bn(e), { applyBorder: d } = An(e), { prop: b } = r(e, [
+    const e = t, i = $e(), o = pe(), r = de(), { applySize: s } = he(e), { applyMargin: a } = Ln(e), { applyPadding: p } = Bn(e), { applyBorder: d } = An(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 = Ee(i.value.width), x = $e(h, e.node.settings?.direction);
+      const h = Me(i.value.width), x = Se(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");
-      const g = $e(h, e.node.settings?.wrap);
+      const g = Se(h, e.node.settings?.wrap);
       g === "no" ? f.flexWrap = "nowrap" : g === "yes" ? f.flexWrap = "wrap" : g === "reverse" && (f.flexWrap = "wrap-reverse");
-      const w = $e(h, e.node.settings?.mainAlign);
+      const w = Se(h, e.node.settings?.mainAlign);
       w === "start" ? f.justifyContent = "flex-start" : w === "end" ? f.justifyContent = "flex-end" : w === "center" ? f.justifyContent = "center" : w === "spaceBetween" ? f.justifyContent = "space-between" : w === "spaceAround" ? f.justifyContent = "space-around" : w === "spaceEvenly" && (f.justifyContent = "space-evenly");
-      const C = $e(h, e.node.settings?.crossAlign);
+      const C = Se(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", {
@@ -1270,9 +1270,9 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = pe(), o = de(), { applySize: l } = he(e), { prop: s } = r(e, ["settings", "grow"]), { prop: a } = r(e, ["settings", "shrink"]), p = k(() => {
+    const e = t, i = pe(), o = de(), { applySize: r } = he(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)
@@ -1287,11 +1287,11 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = pe(), l = de(), s = Be(), { 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 = We(), { prop: a } = l(e, ["settings", "valid"]), { prop: p } = l(e, ["settings", "fastFail"]), { prop: d } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: b } = j(d), { applySize: m } = he(e), { applyMargin: u } = Ln(e), { applyPadding: c } = Bn(e), { applyBorder: f } = An(e), h = k(() => {
-      const g = {}, w = l.value.type;
+    ]), { color: b } = K(d), { applySize: m } = he(e), { applyMargin: u } = Ln(e), { applyPadding: c } = Bn(e), { applyBorder: f } = An(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__", [
@@ -1302,12 +1302,12 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
       const C = z("v-form");
       return v(), V(C, {
         modelValue: n(a),
-        "onUpdate:modelValue": w[0] || (w[0] = (R) => U(a) ? a.value = R : null),
+        "onUpdate:modelValue": w[0] || (w[0] = (M) => O(a) ? a.value = M : null),
         "fast-fail": n(p),
         style: Q(h.value),
-        onSubmit: Eo(x, ["prevent"])
+        onSubmit: No(x, ["prevent"])
       }, {
-        default: I(() => [
+        default: S(() => [
           L(g.$slots, "default")
         ]),
         _: 3
@@ -1321,12 +1321,12 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     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 } = E();
+    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)
@@ -1340,29 +1340,29 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = Be(), l = ce(0), s = ce(0), a = k(() => [l.value, s.value]), p = k(() => e.node.basic?.id), { open: d } = no(`runtimeMenu/${Yi()}`);
+    const e = t, i = G(), o = We(), r = ce(0), s = ce(0), a = k(() => [r.value, s.value]), p = k(() => e.node.basic?.id), { open: d } = no(`runtimeMenu/${Yi()}`);
     return po(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, {
         modelValue: n(d),
-        "onUpdate:modelValue": u[0] || (u[0] = (f) => U(d) ? d.value = f : null),
+        "onUpdate:modelValue": u[0] || (u[0] = (f) => O(d) ? d.value = f : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
         target: a.value
       }, {
-        activator: I(() => [
+        activator: S(() => [
           n(i) === "editor" ? (v(), Y("div", {
             key: 0,
             id: `__node__@${p.value}`
           }, null, 8, gl)) : ee("", !0)
         ]),
-        default: I(() => [
+        default: S(() => [
           L(m.$slots, "default")
         ]),
         _: 3
@@ -1376,33 +1376,33 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     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: R } = r(e, ["settings", "singleLine"]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: D } = E(), { prop: N } = r(e, ["settings", "value"]), { prop: S } = r(e, ["settings", "variant"]), { prop: M } = 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: I } = 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, {
-        default: I(() => [
+        default: S(() => [
           H(re, {
-            modelValue: n(N),
-            "onUpdate:modelValue": te[0] || (te[0] = (le) => U(N) ? N.value = le : null),
+            modelValue: n(E),
+            "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),
@@ -1417,12 +1417,12 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
             "prepend-inner-icon": n(g),
             readonly: n(w),
             reverse: n(C),
-            "single-line": n(R),
+            "single-line": n(M),
             step: n(W),
             suffix: n(F),
-            theme: n(D),
-            variant: n(S),
-            width: n(M)
+            theme: n(R),
+            variant: n(I),
+            width: n(D)
           }, null, 8, ["modelValue", "append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"])
         ]),
         _: 1
@@ -1436,22 +1436,22 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     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 } = E(), { 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;
     });
     return (h, x) => {
       const g = z("v-pagination");
       return v(), V(n(Z), null, {
-        default: I(() => [
+        default: S(() => [
           H(g, {
             modelValue: n(u),
-            "onUpdate:modelValue": x[0] || (x[0] = (w) => U(u) ? u.value = w : null),
+            "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),
@@ -1473,12 +1473,12 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     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 } = E(), { 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),
@@ -1494,22 +1494,22 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     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 } = E(), { 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, {
-        default: I(() => [
+        default: S(() => [
           H(u, {
             modelValue: n(d),
-            "onUpdate:modelValue": m[0] || (m[0] = (c) => U(d) ? d.value = c : null),
+            "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)
           }, {
-            default: I(() => [
+            default: S(() => [
               L(b.$slots, "default")
             ]),
             _: 3
@@ -1526,12 +1526,12 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     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 } = E(), { prop: h } = r(e, [
+    }), { prop: c } = l(e, ["settings", "step"]), { theme: f } = N(), { prop: h } = l(e, [
       "settings",
       "thumbLabel"
     ]), x = k(() => {
@@ -1539,37 +1539,37 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__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 N = {};
-      for (const { value: S, label: M } of w.value)
-        N[S] = M;
-      if (!Qi(N))
-        return N;
-    }), { prop: R } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
+      const E = {};
+      for (const { value: I, label: D } of w.value)
+        E[I] = D;
+      if (!Qi(E))
+        return E;
+    }), { prop: M } = l(e, ["settings", "tickSize"]), { prop: W } = l(e, [
       "settings",
       "value",
       "start"
-    ]), { prop: F } = r(e, ["settings", "value", "end"]), D = k({
+    ]), { prop: F } = l(e, ["settings", "value", "end"]), R = k({
       get: () => [W.value, F.value],
-      set: ([N, S]) => {
-        W.value = N, F.value = S;
+      set: ([E, I]) => {
+        W.value = E, F.value = I;
       }
     });
-    return (N, S) => {
-      const M = z("v-range-slider");
+    return (E, I) => {
+      const D = z("v-range-slider");
       return v(), V(n(Z), {
-        modelValue: D.value,
-        "onUpdate:modelValue": S[1] || (S[1] = (J) => D.value = J)
+        modelValue: R.value,
+        "onUpdate:modelValue": I[1] || (I[1] = (J) => R.value = J)
       }, {
-        default: I(() => [
-          H(M, {
-            modelValue: D.value,
-            "onUpdate:modelValue": S[0] || (S[0] = (J) => D.value = J),
+        default: S(() => [
+          H(D, {
+            modelValue: R.value,
+            "onUpdate:modelValue": I[0] || (I[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),
@@ -1580,7 +1580,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
             theme: n(f),
             "thumb-label": x.value,
             "thumb-size": n(g),
-            "tick-size": n(R),
+            "tick-size": n(M),
             ticks: C.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
@@ -1595,20 +1595,20 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     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 } = E(), { 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 }, {
-        default: I(() => [
+        default: S(() => [
           H(f, {
             modelValue: n(m),
-            "onUpdate:modelValue": c[0] || (c[0] = (h) => U(m) ? m.value = h : null),
+            "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),
@@ -1620,24 +1620,24 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
       });
     };
   }
-}), Il = /* @__PURE__ */ $({
+}), Sl = /* @__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 } = E(), { 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, {
-        default: I(() => [
+        default: S(() => [
           H(u, {
             modelValue: n(d),
-            "onUpdate:modelValue": m[0] || (m[0] = (c) => U(d) ? d.value = c : null),
+            "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)
@@ -1647,50 +1647,50 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
       });
     };
   }
-}), Sl = /* @__PURE__ */ $({
+}), Il = /* @__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 } = E(), { 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"
-    ]), R = k(() => {
+    ]), M = k(() => {
       if (C.value === "always")
         return "always";
       if (C.value === "show")
         return !0;
-    }), { prop: W } = r(e, ["settings", "thumbSize"]), { prop: F } = r(e, ["settings", "ticks"]), D = k(() => {
+    }), { prop: W } = l(e, ["settings", "thumbSize"]), { prop: F } = l(e, ["settings", "ticks"]), R = k(() => {
       if (!F.value)
         return;
       const le = {};
-      for (const { value: We, label: Kt } of F.value)
-        le[We] = Kt;
+      for (const { value: Ee, label: Ot } of F.value)
+        le[Ee] = Ot;
       if (!Qi(le))
         return le;
-    }), { prop: N } = r(e, ["settings", "tickSize"]), { prop: S } = r(e, [
+    }), { prop: E } = l(e, ["settings", "tickSize"]), { prop: I } = l(e, [
       "settings",
       "trackColor"
-    ]), { color: M } = j(S), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
-    return (le, We) => {
-      const Kt = z("v-slider");
+    ]), { color: D } = K(I), { prop: J } = l(e, ["settings", "value"]), { prop: te } = l(e, ["slots", "append"]), { prop: re } = l(e, ["slots", "prepend"]);
+    return (le, Ee) => {
+      const Ot = z("v-slider");
       return v(), V(n(Z), null, {
-        default: I(() => [
-          H(Kt, {
+        default: S(() => [
+          H(Ot, {
             modelValue: n(J),
-            "onUpdate:modelValue": We[0] || (We[0] = (Bo) => U(J) ? J.value = Bo : null),
+            "onUpdate:modelValue": Ee[0] || (Ee[0] = (Bo) => O(J) ? J.value = Bo : null),
             color: n(o),
-            direction: n(l),
+            direction: n(r),
             disabled: n(s),
             "hide-details": n(a),
             label: n(p),
@@ -1702,15 +1702,15 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
             step: n(h),
             theme: n(x),
             "thumb-color": n(w),
-            "thumb-label": R.value,
+            "thumb-label": M.value,
             "thumb-size": n(W),
-            "tick-size": n(N),
-            ticks: D.value,
-            "track-color": n(M)
+            "tick-size": n(E),
+            ticks: R.value,
+            "track-color": n(D)
           }, Tn({ _: 2 }, [
             n(te) ? {
               name: "append",
-              fn: I(() => [
+              fn: S(() => [
                 H(n(fe), {
                   "ref-context": { refid: n(te) },
                   state: {}
@@ -1720,7 +1720,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
             } : void 0,
             n(re) ? {
               name: "prepend",
-              fn: I(() => [
+              fn: S(() => [
                 H(n(fe), {
                   "ref-context": { refid: n(re) },
                   state: {}
@@ -1741,16 +1741,16 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideActions"]), { theme: o } = E(), { 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) => U(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)
       }, {
-        default: I(() => [
+        default: S(() => [
           L(s.$slots, "default")
         ]),
         _: 3
@@ -1761,7 +1761,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
 function Pl(t, e) {
   const i = z("v-stepper-header");
   return v(), V(i, null, {
-    default: I(() => [
+    default: S(() => [
       L(t.$slots, "default")
     ]),
     _: 3
@@ -1774,11 +1774,11 @@ const zl = /* @__PURE__ */ ge(Tl, [["render", Pl]]), Al = /* @__PURE__ */ $({
     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(() => [
+        default: S(() => [
           L(o.$slots, "default")
         ]),
         _: 3
@@ -1789,51 +1789,51 @@ const zl = /* @__PURE__ */ ge(Tl, [["render", Pl]]), Al = /* @__PURE__ */ $({
 function Bl(t, e) {
   const i = z("v-stepper-window");
   return v(), V(i, null, {
-    default: I(() => [
+    default: S(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
+const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__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(() => [
+        default: S(() => [
           L(o.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
     };
   }
-}), El = /* @__PURE__ */ $({
+}), Nl = /* @__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 } = E(), { 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 }, {
-        default: I(() => [
+        default: S(() => [
           H(x, {
             modelValue: n(c),
-            "onUpdate:modelValue": h[0] || (h[0] = (g) => U(c) ? c.value = g : null),
+            "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),
@@ -1847,25 +1847,25 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
       });
     };
   }
-}), Rl = /* @__PURE__ */ $({
+}), Ml = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = E(), { 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;
     });
     return (p, d) => {
       const b = z("v-tab");
       return v(), V(n(Z), { "fit-content": !0 }, {
-        default: I(() => [
+        default: S(() => [
           H(b, {
             style: Q(a.value),
             text: n(o),
-            theme: n(l),
+            theme: n(r),
             value: n(s)
           }, null, 8, ["style", "text", "theme", "value"])
         ]),
@@ -1873,36 +1873,36 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
       });
     };
   }
-}), Dl = /* @__PURE__ */ $({
+}), Rl = /* @__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: R } = r(e, ["settings", "stacked"]), { theme: W } = E(), { prop: F } = r(e, ["settings", "value"]);
-    return (D, N) => {
-      const S = z("v-tabs");
-      return v(), V(S, {
+    ]), { color: C } = K(w), { prop: M } = l(e, ["settings", "stacked"]), { theme: W } = N(), { prop: F } = l(e, ["settings", "value"]);
+    return (R, E) => {
+      const I = z("v-tabs");
+      return v(), V(I, {
         modelValue: n(F),
-        "onUpdate:modelValue": N[0] || (N[0] = (M) => U(F) ? F.value = M : null),
+        "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),
@@ -1915,30 +1915,30 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
         mandatory: n(x),
         "show-arrows": n(g),
         "slider-color": n(C),
-        stacked: n(R),
+        stacked: n(M),
         theme: n(W)
       }, {
-        default: I(() => [
-          L(D.$slots, "default")
+        default: S(() => [
+          L(R.$slots, "default")
         ]),
         _: 3
       }, 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"]);
     };
   }
-}), Ml = /* @__PURE__ */ $({
+}), Dl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), { 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 m = [], u = Ee(i.value.width), c = $e(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(" ");
+    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 = Me(i.value.width), c = Se(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}`), 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: Ro(b.value)
-    }, Do(n(p)), 3));
+      class: Mo(b.value)
+    }, Ro(n(p)), 3));
   }
 }), Fl = /* @__PURE__ */ $({
   __name: "index",
@@ -1947,17 +1947,17 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
     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 } = E(), { 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 R = z("v-textarea");
+      const M = z("v-textarea");
       return v(), V(n(Z), null, {
-        default: I(() => [
-          H(R, {
+        default: S(() => [
+          H(M, {
             modelValue: n(x),
-            "onUpdate:modelValue": C[0] || (C[0] = (W) => U(x) ? x.value = W : null),
+            "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),
@@ -1982,29 +1982,29 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
     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: R } = E(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["slots", "append"]), { prop: N } = 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: M } = r(e, [
+    ]), { prop: I } = l(e, ["slots", "prepend"]), { prop: D } = l(e, [
       "slots",
       "prependInner"
     ]);
     return (J, te) => {
       const re = z("v-text-field");
       return v(), V(n(Z), null, {
-        default: I(() => [
+        default: S(() => [
           H(re, {
             modelValue: n(W),
-            "onUpdate:modelValue": te[0] || (te[0] = (le) => U(W) ? W.value = le : null),
+            "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),
@@ -2019,44 +2019,44 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
             reverse: n(g),
             "single-line": n(w),
             suffix: n(C),
-            theme: n(R),
+            theme: n(M),
             variant: n(F)
           }, Tn({ _: 2 }, [
-            n(D) ? {
+            n(R) ? {
               name: "append",
-              fn: I(() => [
+              fn: S(() => [
                 H(n(fe), {
-                  "ref-context": { refid: n(D) },
+                  "ref-context": { refid: n(R) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "0"
             } : void 0,
-            n(N) ? {
+            n(E) ? {
               name: "append-inner",
-              fn: I(() => [
+              fn: S(() => [
                 H(n(fe), {
-                  "ref-context": { refid: n(N) },
+                  "ref-context": { refid: n(E) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "1"
             } : void 0,
-            n(S) ? {
+            n(I) ? {
               name: "prepend",
-              fn: I(() => [
+              fn: S(() => [
                 H(n(fe), {
-                  "ref-context": { refid: n(S) },
+                  "ref-context": { refid: n(I) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "2"
             } : void 0,
-            n(M) ? {
+            n(D) ? {
               name: "prepend-inner",
-              fn: I(() => [
+              fn: S(() => [
                 H(n(fe), {
-                  "ref-context": { refid: n(M) },
+                  "ref-context": { refid: n(D) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2075,32 +2075,32 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
     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"
-    ]), { theme: x } = E();
+    ]), { theme: x } = N();
     return (g, w) => {
       const C = z("v-timeline");
       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),
@@ -2111,45 +2111,45 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
         theme: n(x),
         "truncate-line": n(h)
       }, {
-        default: I(() => [
+        default: S(() => [
           L(g.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
   }
-}), jl = {};
-function Kl(t, e) {
+}), Kl = {};
+function jl(t, e) {
   const i = z("v-timeline-item");
   return v(), V(i, null, {
-    default: I(() => [
+    default: S(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Ul = /* @__PURE__ */ ge(jl, [["render", Kl]]), Ol = /* @__PURE__ */ $({
+const Ol = /* @__PURE__ */ ge(Kl, [["render", jl]]), Ul = /* @__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 } = E(), { 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) => U(b) ? b.value = f : null),
+        "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),
         theme: n(d),
         touch: n(p)
       }, {
-        default: I(() => [
+        default: S(() => [
           L(m.$slots, "default")
         ]),
         _: 3
@@ -2160,13 +2160,13 @@ const Ul = /* @__PURE__ */ ge(jl, [["render", Kl]]), Ol = /* @__PURE__ */ $({
 function Yl(t, e) {
   const i = z("v-window-item");
   return v(), V(i, null, {
-    default: I(() => [
+    default: S(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue = "badge_v1", Wn = "breadcrumbs_v1", Oe = "bar_chart_v1", Xe = "box_geometry_v1", Ye = "btn_v1", Je = "btn_group_v1", Ze = "btn_toggle_v1", qe = "card_v1", Qe = "checkbox_v1", et = "chip_v1", tt = "chip_group_v1", nt = "color_picker_v1", it = "combobox_v1", ot = "container_v1", st = "data_table_v1", rt = "date_picker_v1", lt = "dialog_v1", at = "directional_light_v1", ut = "file_input_v1", ct = "flex_layout_v1", fo = "flex_layout_entry_v1", mt = "form_v1", en = "globality_v1", pt = "group_v1", dt = "icon_v1", ft = "keyboard_controls_v1", bt = "line_chart_v1", yt = "map_controls_v1", ht = "menu_v1", gt = "mesh_v1", Zl = "mesh_basic_material_v1", Nn = "multiple_ref_v1", xt = "number_input_v1", vt = "orbit_controls_v1", kt = "orthographic_camera_v1", _t = "pagination_v1", wt = "perspective_camera_v1", Vt = "point_light_v1", bo = "radio_v1", $t = "radio_group_v1", It = "range_slider_v1", St = "rating_v1", En = "render_switch_v1", Ct = "select_v1", Re = "single_ref_v1", Tt = "slider_v1", Pt = "sphere_geometry_v1", zt = "spot_light_v1", At = "stepper_v1", yo = "stepper_header_v1", ho = "stepper_item_v1", go = "stepper_window_v1", xo = "stepper_window_item_v1", Lt = "switch_v1", vo = "tab_v1", Rn = "table_v1", Bt = "tabs_v1", Wt = "text_v1", Nt = "textarea_v1", Et = "text_field_v1", Rt = "timeline_v1", ko = "timeline_item_v1", Dt = "window_v1", _o = "window_item_v1", y = {
+const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Oe = "ambient_light_v1", Ue = "badge_v1", Wn = "breadcrumbs_v1", Xe = "bar_chart_v1", Ye = "box_geometry_v1", Je = "btn_v1", Ze = "btn_group_v1", qe = "btn_toggle_v1", Qe = "card_v1", et = "checkbox_v1", tt = "chip_v1", nt = "chip_group_v1", it = "color_picker_v1", ot = "combobox_v1", st = "container_v1", rt = "data_table_v1", lt = "date_picker_v1", at = "dialog_v1", ut = "directional_light_v1", ct = "file_input_v1", mt = "flex_layout_v1", fo = "flex_layout_entry_v1", pt = "form_v1", en = "globality_v1", dt = "group_v1", ft = "icon_v1", bt = "keyboard_controls_v1", yt = "line_chart_v1", ht = "map_controls_v1", gt = "menu_v1", xt = "mesh_v1", Zl = "mesh_basic_material_v1", En = "multiple_ref_v1", vt = "number_input_v1", kt = "orbit_controls_v1", _t = "orthographic_camera_v1", wt = "pagination_v1", Vt = "perspective_camera_v1", $t = "point_light_v1", bo = "radio_v1", St = "radio_group_v1", It = "range_slider_v1", Ct = "rating_v1", Nn = "render_switch_v1", Tt = "select_v1", Re = "single_ref_v1", Pt = "slider_v1", zt = "sphere_geometry_v1", At = "spot_light_v1", Lt = "stepper_v1", yo = "stepper_header_v1", ho = "stepper_item_v1", go = "stepper_window_v1", xo = "stepper_window_item_v1", Bt = "switch_v1", vo = "tab_v1", Mn = "table_v1", Wt = "tabs_v1", Et = "text_v1", Nt = "textarea_v1", Mt = "text_field_v1", Rt = "timeline_v1", ko = "timeline_item_v1", Dt = "window_v1", _o = "window_item_v1", y = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2191,7 +2191,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       default: ""
     }
   ]
-}, K = {
+}, j = {
   key: "color",
   name: "x-runtime-lib.color",
   children: [
@@ -2228,7 +2228,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       ]
     }
   ]
-}, ql = B(K), ke = {
+}, ql = B(j), _e = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2307,7 +2307,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       defaultArray: []
     }
   ]
-}, _e = {
+}, we = {
   key: "margin",
   name: "x-runtime-lib.margin",
   children: [
@@ -2340,7 +2340,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       default: ""
     }
   ]
-}, we = {
+}, Ve = {
   key: "padding",
   name: "x-runtime-lib.padding",
   children: [
@@ -2373,7 +2373,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       default: ""
     }
   ]
-}, O = {
+}, U = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -2420,7 +2420,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       default: ""
     }
   ]
-}, Me = {
+}, Fe = {
   key: "title",
   name: "x-runtime-lib.title",
   children: [
@@ -2529,7 +2529,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       ]
     }
   ]
-}, Fe = {
+}, Ge = {
   key: "xAxis",
   name: "x-runtime-lib.xAxis",
   children: [
@@ -2562,7 +2562,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       defaultArray: []
     }
   ]
-}, Ge = {
+}, He = {
   key: "yAxis",
   name: "x-runtime-lib.yAxis",
   children: [
@@ -2643,7 +2643,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
     }
   ]
 }, Ql = {
-  key: kt,
+  key: _t,
   name: "x-runtime-lib.orthographicCamera",
   comp: gs,
   props: {
@@ -2689,7 +2689,7 @@ const Jn = {
     }
   ]
 }, ea = {
-  key: wt,
+  key: Vt,
   name: "x-runtime-lib.perspectiveCamera",
   comp: vs,
   props: {
@@ -2720,7 +2720,7 @@ const ta = /* @__PURE__ */ $({
     return (i, o) => n(e) !== "editor" ? (v(), V(n(es), { key: 0 })) : ee("", !0);
   }
 }), oa = {
-  key: ft,
+  key: bt,
   name: "x-runtime-lib.keyboardControls",
   comp: ta,
   props: {
@@ -2734,7 +2734,7 @@ const ta = /* @__PURE__ */ $({
 };
 _(oa);
 const sa = {
-  key: yt,
+  key: ht,
   name: "x-runtime-lib.mapControls",
   comp: na,
   props: {
@@ -2748,7 +2748,7 @@ const sa = {
 };
 _(sa);
 const ra = {
-  key: vt,
+  key: kt,
   name: "x-runtime-lib.orbitControls",
   comp: ia,
   props: {
@@ -2767,13 +2767,13 @@ function la(t, e) {
     console.error(`boxGeometryV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Te.props[o];
-  if (!l) {
+  const r = Pe.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 = Te.key, s.transform = {
+  return P(s, r), s.basic.id = T(16), s.basic.key = Pe.key, s.transform = {
     position: {
       x: 0,
       y: 0,
@@ -2802,15 +2802,15 @@ function aa(t, e) {
     );
     return;
   }
-  const l = tn.props[o];
-  if (!l) {
+  const r = tn.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 = tn.key, s.settings = {
+  return P(s, r), s.basic.id = T(16), s.basic.key = tn.key, s.settings = {
     width: 1,
     height: 1,
     depth: 1,
@@ -2827,15 +2827,15 @@ function ua(t, e) {
     );
     return;
   }
-  const l = Ce.props[o];
-  if (!l) {
+  const r = Te.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 = Ce.key, s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = Te.key, s;
 }
 const Zn = {
   key: "settings",
@@ -2882,7 +2882,7 @@ const Zn = {
     }
   ]
 }, tn = {
-  key: Xe,
+  key: Ye,
   name: "x-runtime-lib.boxGeometry",
   comp: _s,
   props: {
@@ -2902,13 +2902,13 @@ function ca(t, e) {
     console.error(`sphereGeometryV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Te.props[o];
-  if (!l) {
+  const r = Pe.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 = Te.key, s.transform = {
+  return P(s, r), s.basic.id = T(16), s.basic.key = Pe.key, s.transform = {
     position: {
       x: 0,
       y: 0,
@@ -2937,15 +2937,15 @@ function ma(t, e) {
     );
     return;
   }
-  const l = nn.props[o];
-  if (!l) {
+  const r = nn.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 = nn.key, s.settings = {
+  return P(s, r), s.basic.id = T(16), s.basic.key = nn.key, s.settings = {
     radius: 1,
     widthSegements: 32,
     heightSegements: 16,
@@ -2963,15 +2963,15 @@ function pa(t, e) {
     );
     return;
   }
-  const l = Ce.props[o];
-  if (!l) {
+  const r = Te.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 = Ce.key, s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = Te.key, s;
 }
 const qn = {
   key: "settings",
@@ -3026,7 +3026,7 @@ const qn = {
     }
   ]
 }, nn = {
-  key: Pt,
+  key: zt,
   name: "x-runtime-lib.sphereGeometry",
   comp: Vs,
   props: {
@@ -3040,15 +3040,15 @@ const qn = {
   spawn: ca
 };
 _(nn);
-const Mt = B(K);
-Mt.children[0].default = "custom";
-Mt.children[2].children[0].default = "0xffffff";
-Mt.children[2].children[1].default = "0xffffff";
+const Ft = B(j);
+Ft.children[0].default = "custom";
+Ft.children[2].children[0].default = "0xffffff";
+Ft.children[2].children[1].default = "0xffffff";
 const Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    Mt,
+    Ft,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3058,9 +3058,9 @@ const Qn = {
     }
   ]
 }, da = {
-  key: Ke,
+  key: Oe,
   name: "x-runtime-lib.ambientLight",
-  comp: Is,
+  comp: Ss,
   props: {
     pageScene: [y, X, Qn],
     compScene: [y, X, Qn]
@@ -3070,15 +3070,15 @@ const Qn = {
   slots: []
 };
 _(da);
-const Ft = B(K);
-Ft.children[0].default = "custom";
-Ft.children[2].children[0].default = "0xffffff";
-Ft.children[2].children[1].default = "0xffffff";
+const Gt = B(j);
+Gt.children[0].default = "custom";
+Gt.children[2].children[0].default = "0xffffff";
+Gt.children[2].children[1].default = "0xffffff";
 const ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    Ft,
+    Gt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3088,7 +3088,7 @@ const ei = {
     }
   ]
 }, fa = {
-  key: at,
+  key: ut,
   name: "x-runtime-lib.directionalLight",
   comp: Cs,
   props: {
@@ -3100,15 +3100,15 @@ const ei = {
   slots: []
 };
 _(fa);
-const Gt = B(K);
-Gt.children[0].default = "custom";
-Gt.children[2].children[0].default = "0xffffff";
-Gt.children[2].children[1].default = "0xffffff";
+const Ht = B(j);
+Ht.children[0].default = "custom";
+Ht.children[2].children[0].default = "0xffffff";
+Ht.children[2].children[1].default = "0xffffff";
 const ti = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    Gt,
+    Ht,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3132,7 +3132,7 @@ const ti = {
     }
   ]
 }, ba = {
-  key: Vt,
+  key: $t,
   name: "x-runtime-lib.pointLight",
   comp: Ps,
   props: {
@@ -3144,15 +3144,15 @@ const ti = {
   slots: []
 };
 _(ba);
-const Ht = B(K);
-Ht.children[0].default = "custom";
-Ht.children[2].children[0].default = "0xffffff";
-Ht.children[2].children[1].default = "0xffffff";
+const Kt = B(j);
+Kt.children[0].default = "custom";
+Kt.children[2].children[0].default = "0xffffff";
+Kt.children[2].children[1].default = "0xffffff";
 const ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    Ht,
+    Kt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3193,7 +3193,7 @@ const ni = {
     }
   ]
 }, ya = {
-  key: zt,
+  key: At,
   name: "x-runtime-lib.spotLight",
   comp: As,
   props: {
@@ -3205,7 +3205,7 @@ const ni = {
   slots: []
 };
 _(ya);
-const Ce = {
+const Te = {
   key: Zl,
   name: "x-runtime-lib.meshBasicMaterial",
   comp: Ws,
@@ -3218,11 +3218,11 @@ const Ce = {
   slots: [],
   leaf: !0
 };
-_(Ce);
+_(Te);
 const ha = {
-  key: pt,
+  key: dt,
   name: "x-runtime-lib.group",
-  comp: Es,
+  comp: Ns,
   props: {
     pageScene: [y, X],
     compScene: [y, X]
@@ -3232,10 +3232,10 @@ const ha = {
   slots: []
 };
 _(ha);
-const Te = {
-  key: gt,
+const Pe = {
+  key: xt,
   name: "x-runtime-lib.mesh",
-  comp: Ds,
+  comp: Rs,
   props: {
     pageScene: [y, X],
     compScene: [y, X]
@@ -3244,20 +3244,20 @@ const Te = {
   methods: [],
   slots: []
 };
-_(Te);
+_(Pe);
 function ga(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 = on.props[o];
-  if (!l) {
+  const r = on.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 = on.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 = on.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]
@@ -3286,12 +3286,12 @@ const ii = {
   array: !0,
   defaultArray: []
 }, on = {
-  key: Oe,
+  key: Xe,
   name: "x-runtime-lib.barChart",
-  comp: Ur,
+  comp: Or,
   props: {
-    pageCommon: [y, O, Me, Fe, Ge, De, ii],
-    compCommon: [y, O, Me, Fe, Ge, De, ii]
+    pageCommon: [y, U, Fe, Ge, He, De, ii],
+    compCommon: [y, U, Fe, Ge, He, De, ii]
   },
   events: [],
   methods: [],
@@ -3306,13 +3306,13 @@ function xa(t, e) {
     console.error(`lineChartV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = sn.props[o];
-  if (!l) {
+  const r = sn.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 = 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: "line",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -3341,12 +3341,12 @@ const oi = {
   array: !0,
   defaultArray: []
 }, sn = {
-  key: bt,
+  key: yt,
   name: "x-runtime-lib.lineChart",
-  comp: Or,
+  comp: Ur,
   props: {
-    pageCommon: [y, O, Me, Fe, Ge, De, oi],
-    compCommon: [y, O, Me, Fe, Ge, De, oi]
+    pageCommon: [y, U, Fe, Ge, He, De, oi],
+    compCommon: [y, U, Fe, Ge, He, De, oi]
   },
   events: [],
   methods: [],
@@ -3355,7 +3355,7 @@ const oi = {
   spawn: xa
 };
 _(sn);
-const jt = B(K);
+const jt = B(j);
 jt.key = "backgroundColor";
 jt.name = "x-runtime-lib.backgroundColor";
 const si = {
@@ -3450,7 +3450,7 @@ const li = {
       default: !1
     }
   ]
-}, wc = {
+}, Sc = {
   key: Ue,
   name: "x-runtime-lib.badge",
   comp: Xr,
@@ -3468,15 +3468,15 @@ function ka(t, e) {
     console.error(`btnV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = rn.props[o];
-  if (!l) {
+  const r = rn.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 = rn.key, s.settings.text = "button", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = rn.key, s.settings.text = "button", s;
 }
-const _a = B(K), ai = {
+const _a = B(j), ai = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3564,12 +3564,12 @@ const _a = B(K), ai = {
     }
   ]
 }, rn = {
-  key: Ye,
+  key: Je,
   name: "x-runtime-lib.button",
   comp: Yr,
   props: {
-    pageCommon: [y, O, ai],
-    compCommon: [y, O, ai]
+    pageCommon: [y, U, ai],
+    compCommon: [y, U, ai]
   },
   events: [
     {
@@ -3585,7 +3585,7 @@ const _a = B(K), ai = {
 };
 _(rn);
 const wa = {
-  key: Je,
+  key: Ze,
   name: "x-runtime-lib.buttonGroup",
   comp: qr,
   props: {
@@ -3659,7 +3659,7 @@ const ui = {
     }
   ]
 }, Va = {
-  key: Ze,
+  key: qe,
   name: "x-runtime-lib.buttonToggle",
   comp: Qr,
   props: {
@@ -3677,13 +3677,13 @@ function $a(t, e) {
     console.error(`cardV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Pe.props[o];
-  if (!l) {
+  const r = ze.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 = Pe.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 = ze.key, s.children = [], s.settings.title = "title", s.settings.subtitle = "subtitle", s.settings.text = "text", s;
 }
 const ci = {
   key: "settings",
@@ -3740,20 +3740,20 @@ const ci = {
       default: !1
     }
   ]
-}, Pe = {
-  key: qe,
+}, ze = {
+  key: Qe,
   name: "x-runtime-lib.card",
   comp: el,
   props: {
-    pageCommon: [y, O, ci],
-    compCommon: [y, O, ci]
+    pageCommon: [y, U, ci],
+    compCommon: [y, U, ci]
   },
   events: [],
   methods: [],
   slots: [],
   spawn: $a
 };
-_(Pe);
+_(ze);
 const mi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3771,8 +3771,8 @@ const mi = {
       default: ""
     }
   ]
-}, Ia = {
-  key: Qe,
+}, Sa = {
+  key: et,
   name: "x-runtime-lib.checkbox",
   comp: tl,
   props: {
@@ -3784,8 +3784,8 @@ const mi = {
   slots: [],
   leaf: !0
 };
-_(Ia);
-const Sa = B(K), pi = {
+_(Sa);
+const Ia = B(j), pi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3858,10 +3858,10 @@ const Sa = B(K), pi = {
       ui: "switch",
       default: !1
     },
-    Sa
+    Ia
   ]
 }, ln = {
-  key: et,
+  key: tt,
   name: "x-runtime-lib.chip",
   comp: nl,
   props: {
@@ -3880,13 +3880,13 @@ function Ca(t, e) {
     console.error(`chipGroupV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = an.props[o];
-  if (!l) {
+  const r = an.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 = an.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = an.key, s.children = [
     xe(t, e, "chip1", "chip 1"),
     xe(t, e, "chip2", "chip 2"),
     xe(t, e, "chip3", "chip 3"),
@@ -3896,14 +3896,14 @@ function Ca(t, e) {
   ], s;
 }
 function xe(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 = ln.props[s];
   if (!a) {
-    console.error(`chipGroupV1/spawnChip props not found, ${l}`);
+    console.error(`chipGroupV1/spawnChip props not found, ${r}`);
     return;
   }
   const p = {};
@@ -3964,7 +3964,7 @@ const di = {
     }
   ]
 }, an = {
-  key: tt,
+  key: nt,
   name: "x-runtime-lib.chipGroup",
   comp: il,
   props: {
@@ -3978,7 +3978,7 @@ const di = {
 };
 _(an);
 const Ta = {
-  key: nt,
+  key: it,
   name: "x-runtime-lib.colorPicker",
   comp: ol,
   props: {
@@ -4033,7 +4033,7 @@ const fi = {
     }
   ]
 }, Pa = {
-  key: it,
+  key: ot,
   name: "x-runtime-lib.combobox",
   comp: sl,
   props: {
@@ -4046,20 +4046,20 @@ const fi = {
   leaf: !0
 };
 _(Pa);
-const Dn = B(K);
-Dn.key = "backgroundColor";
-Dn.name = "x-runtime-lib.backgroundColor";
+const Rn = B(j);
+Rn.key = "backgroundColor";
+Rn.name = "x-runtime-lib.backgroundColor";
 const bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Dn]
+  children: [Rn]
 }, un = {
-  key: ot,
+  key: st,
   name: "x-runtime-lib.container",
   comp: rl,
   props: {
-    pageCommon: [y, O, ke, _e, we, bi],
-    compCommon: [y, O, ke, _e, we, bi]
+    pageCommon: [y, U, _e, we, Ve, bi],
+    compCommon: [y, U, _e, we, Ve, bi]
   },
   events: [
     {
@@ -4225,7 +4225,7 @@ const yi = {
     }
   ]
 }, za = {
-  key: st,
+  key: rt,
   name: "x-runtime-lib.dataTable",
   comp: ll,
   props: {
@@ -4239,7 +4239,7 @@ const yi = {
 };
 _(za);
 const Aa = {
-  key: rt,
+  key: lt,
   name: "x-runtime-lib.datePicker",
   comp: cl,
   props: {
@@ -4253,7 +4253,7 @@ const Aa = {
 };
 _(Aa);
 const La = {
-  key: lt,
+  key: at,
   name: "x-runtime-lib.dialog",
   comp: pl,
   props: {
@@ -4283,8 +4283,8 @@ const xi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, Vc = {
-  key: ut,
+}, Ic = {
+  key: ct,
   name: "x-runtime-lib.fileInput",
   comp: dl,
   props: {
@@ -4317,8 +4317,8 @@ const xi = {
   name: "x-runtime-lib.flexLayoutEntry",
   comp: bl,
   props: {
-    pageCommon: [y, O, vi],
-    compCommon: [y, O, vi]
+    pageCommon: [y, U, vi],
+    compCommon: [y, U, vi]
   },
   events: [],
   methods: [],
@@ -4331,13 +4331,13 @@ function Ba(t, e) {
     console.error(`flexLayoutV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = ze.props[o];
-  if (!l) {
+  const r = Ae.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 = ze.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = Ae.key, s.children = [
     mn(
       t,
       e,
@@ -4361,7 +4361,7 @@ function Ba(t, e) {
     Wa(t, e)
   ], s;
 }
-function mn(t, e, i, o, l, s, a, p, d) {
+function mn(t, e, i, o, r, s, a, p, d) {
   const b = `type=${t} subtype=${e}`, m = A(t, e);
   if (!m) {
     console.error(
@@ -4375,7 +4375,7 @@ function mn(t, e, i, o, l, s, a, p, d) {
     return;
   }
   const c = {};
-  return P(c, u), c.basic.id = T(16), c.basic.key = un.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 = un.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 Wa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
@@ -4383,8 +4383,8 @@ function Wa(t, e) {
     console.error(`flexLayoutV1/spawnEntry prop tag not found, ${i}`);
     return;
   }
-  const l = cn.props[o];
-  if (!l) {
+  const r = cn.props[o];
+  if (!r) {
     console.error(`flexLayoutV1/spawnEntry props not found, ${i}`);
     return;
   }
@@ -4394,7 +4394,7 @@ function Wa(t, e) {
       key: ""
     }
   };
-  return P(s, l), s.basic.id = T(16), s.basic.key = cn.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = cn.key, s.children = [
     mn(
       t,
       e,
@@ -4407,9 +4407,9 @@ function Wa(t, e) {
     )
   ], s;
 }
-const Mn = B(K);
-Mn.key = "backgroundColor";
-Mn.name = "x-runtime-lib.backgroundColor";
+const Dn = B(j);
+Dn.key = "backgroundColor";
+Dn.name = "x-runtime-lib.backgroundColor";
 const ki = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4578,15 +4578,15 @@ const ki = {
         }
       ]
     },
-    Mn
+    Dn
   ]
-}, ze = {
-  key: ct,
+}, Ae = {
+  key: mt,
   name: "x-runtime-lib.flexLayout",
   comp: fl,
   props: {
-    pageCommon: [y, O, ke, _e, we, ki],
-    compCommon: [y, O, ke, _e, we, ki]
+    pageCommon: [y, U, _e, we, Ve, ki],
+    compCommon: [y, U, _e, we, Ve, ki]
   },
   events: [
     {
@@ -4599,7 +4599,7 @@ const ki = {
   slots: [],
   spawn: Ba
 };
-_(ze);
+_(Ae);
 const _i = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4751,7 +4751,7 @@ const _i = {
     }
   ]
 }, pn = {
-  key: Et,
+  key: Mt,
   name: "x-runtime-lib.textField",
   comp: Gl,
   props: {
@@ -4789,33 +4789,33 @@ const _i = {
   leaf: !0
 };
 _(pn);
-function Na(t, e) {
+function Ea(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 = dn.props[o];
-  if (!l) {
+  const r = dn.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 = dn.key, s.children = [Ea(t, e)], s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = dn.key, s.children = [Na(t, e)], s;
 }
-function Ea(t, e) {
+function Na(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 = pn.props[o];
-  if (!l) {
+  const r = pn.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 = pn.key, s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = pn.key, s;
 }
 const Vi = {
   key: "settings",
@@ -4836,12 +4836,12 @@ const Vi = {
     }
   ]
 }, dn = {
-  key: mt,
+  key: pt,
   name: "x-runtime-lib.form",
   comp: yl,
   props: {
-    pageCommon: [y, O, ke, _e, we, Vi],
-    compCommon: [y, O, ke, _e, we, Vi]
+    pageCommon: [y, U, _e, we, Ve, Vi],
+    compCommon: [y, U, _e, we, Ve, Vi]
   },
   events: [
     {
@@ -4852,10 +4852,10 @@ const Vi = {
   ],
   methods: [],
   slots: [],
-  spawn: Na
+  spawn: Ea
 };
 _(dn);
-const Ra = B(K), $i = {
+const Ma = B(j), $i = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4878,10 +4878,10 @@ const Ra = B(K), $i = {
       items: "sizeItemsV1",
       default: "default"
     },
-    Ra
+    Ma
   ]
-}, Da = {
-  key: dt,
+}, Ra = {
+  key: ft,
   name: "x-runtime-lib.icon",
   comp: hl,
   props: {
@@ -4893,9 +4893,9 @@ const Ra = B(K), $i = {
   slots: [],
   leaf: !0
 };
-_(Da);
-const Ma = {
-  key: ht,
+_(Ra);
+const Da = {
+  key: gt,
   name: "x-runtime-lib.menu",
   comp: xl,
   props: {
@@ -4920,22 +4920,22 @@ const Ma = {
   slots: [],
   teleport: !0
 };
-_(Ma);
+_(Da);
 function Fa(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 = fn.props[o];
-  if (!l) {
+  const r = fn.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 = fn.key, s.settings.label = "label", s.settings.placeholder = "placeholder", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = fn.key, s.settings.label = "label", s.settings.placeholder = "placeholder", s;
 }
-const Ii = {
+const Si = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -4961,7 +4961,7 @@ const Ii = {
       default: ""
     }
   ]
-}, Si = {
+}, Ii = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5103,12 +5103,12 @@ const Ii = {
     }
   ]
 }, fn = {
-  key: xt,
+  key: vt,
   name: "x-runtime-lib.numberInput",
   comp: vl,
   props: {
-    pageCommon: [y, Ii, Si],
-    compCommon: [y, Ii, Si]
+    pageCommon: [y, Si, Ii],
+    compCommon: [y, Si, Ii]
   },
   events: [
     {
@@ -5207,7 +5207,7 @@ const Ci = {
     }
   ]
 }, Ga = {
-  key: _t,
+  key: wt,
   name: "x-runtime-lib.pagination",
   comp: kl,
   props: {
@@ -5220,7 +5220,7 @@ const Ci = {
   leaf: !0
 };
 _(Ga);
-const Ha = B(K), Ti = {
+const Ha = B(j), Ti = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5271,33 +5271,33 @@ const Ha = B(K), Ti = {
   leaf: !0
 };
 _(bn);
-function ja(t, e) {
+function Ka(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 = yn.props[o];
-  if (!l) {
+  const r = yn.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 = yn.key, s.children = [
-    Ot(t, e, "option1", "Option 1"),
-    Ot(t, e, "option2", "Option 2"),
-    Ot(t, e, "option3", "Option 3")
+  return P(s, r), s.basic.id = T(16), s.basic.key = yn.key, s.children = [
+    Xt(t, e, "option1", "Option 1"),
+    Xt(t, e, "option2", "Option 2"),
+    Xt(t, e, "option3", "Option 3")
   ], s.settings.value = "option1", s;
 }
-function Ot(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = A(t, e);
+function Xt(t, e, i, o) {
+  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 = bn.props[s];
   if (!a) {
-    console.error(`radioGroupV1/spawnEntry props not found, ${l}`);
+    console.error(`radioGroupV1/spawnEntry props not found, ${r}`);
     return;
   }
   const p = {};
@@ -5347,7 +5347,7 @@ const Pi = {
     }
   ]
 }, yn = {
-  key: $t,
+  key: St,
   name: "x-runtime-lib.radioGroup",
   comp: wl,
   props: {
@@ -5357,7 +5357,7 @@ const Pi = {
   events: [],
   methods: [],
   slots: [],
-  spawn: ja
+  spawn: Ka
 };
 _(yn);
 const zi = {
@@ -5477,7 +5477,7 @@ const zi = {
       ]
     }
   ]
-}, Ka = {
+}, ja = {
   key: It,
   name: "x-runtime-lib.rangeSlider",
   comp: Vl,
@@ -5490,7 +5490,7 @@ const zi = {
   slots: [],
   leaf: !0
 };
-_(Ka);
+_(ja);
 const Ai = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5546,8 +5546,8 @@ const Ai = {
       default: !1
     }
   ]
-}, Ua = {
-  key: St,
+}, Oa = {
+  key: Ct,
   name: "x-runtime-lib.rating",
   comp: $l,
   props: {
@@ -5559,7 +5559,7 @@ const Ai = {
   slots: [],
   leaf: !0
 };
-_(Ua);
+_(Oa);
 const Li = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5601,10 +5601,10 @@ const Li = {
       default: !1
     }
   ]
-}, Oa = {
-  key: Ct,
+}, Ua = {
+  key: Tt,
   name: "x-runtime-lib.select",
-  comp: Il,
+  comp: Sl,
   props: {
     pageCommon: [y, Li],
     compCommon: [y, Li]
@@ -5614,14 +5614,14 @@ const Li = {
   slots: [],
   leaf: !0
 };
-_(Oa);
-const Fn = B(K);
+_(Ua);
+const Fn = B(j);
 Fn.key = "color";
 Fn.name = "x-runtime-lib.color";
-const Gn = B(K);
+const Gn = B(j);
 Gn.key = "trackColor";
 Gn.name = "x-runtime-lib.trackColor";
-const Hn = B(K);
+const Hn = B(j);
 Hn.key = "thumbColor";
 Hn.name = "x-runtime-lib.thumbColor";
 const Bi = {
@@ -5751,9 +5751,9 @@ const Bi = {
     }
   ]
 }, Xa = {
-  key: Tt,
+  key: Pt,
   name: "x-runtime-lib.slider",
-  comp: Sl,
+  comp: Il,
   props: {
     pageCommon: [y, Bi, Wi],
     compCommon: [y, Bi, Wi]
@@ -5777,7 +5777,7 @@ const hn = {
   slots: []
 };
 _(hn);
-const Ni = {
+const Ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5793,8 +5793,8 @@ const Ni = {
   name: "x-runtime-lib.stepperItem",
   comp: Al,
   props: {
-    pageCommon: [y, Ni],
-    compCommon: [y, Ni]
+    pageCommon: [y, Ei],
+    compCommon: [y, Ei]
   },
   events: [],
   methods: [],
@@ -5814,7 +5814,7 @@ const xn = {
   slots: []
 };
 _(xn);
-const Ei = {
+const Ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5828,10 +5828,10 @@ const Ei = {
 }, vn = {
   key: xo,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: Nl,
+  comp: El,
   props: {
-    pageCommon: [y, Ei],
-    compCommon: [y, Ei]
+    pageCommon: [y, Ni],
+    compCommon: [y, Ni]
   },
   events: [],
   methods: [],
@@ -5844,13 +5844,13 @@ function Ya(t, e) {
     console.error(`stepperV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = kn.props[o];
-  if (!l) {
+  const r = kn.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 = kn.key, s.children = [Ja(t, e), Za(t, e)], s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = kn.key, s.children = [Ja(t, e), Za(t, e)], s;
 }
 function Ja(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
@@ -5858,25 +5858,25 @@ function Ja(t, e) {
     console.error(`stepperV1/spawnHeader prop tag not found, ${i}`);
     return;
   }
-  const l = hn.props[o];
-  if (!l) {
+  const r = hn.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 = hn.key, s.children = [
-    Xt(t, e, "step1"),
-    Xt(t, e, "step2"),
-    Xt(t, e, "step3")
+  return P(s, r), s.basic.id = T(16), s.basic.key = hn.key, s.children = [
+    Yt(t, e, "step1"),
+    Yt(t, e, "step2"),
+    Yt(t, e, "step3")
   ], s;
 }
-function Xt(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
+function Yt(t, e, i) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
     console.error(`stepperV1/spawnItem prop tag not found, ${o}`);
     return;
   }
-  const s = gn.props[l];
+  const s = gn.props[r];
   if (!s) {
     console.error(`stepperV1/spawnItem props not found, ${o}`);
     return;
@@ -5890,47 +5890,47 @@ function Za(t, e) {
     console.error(`stepperV1/spawnWindow prop tag not found, ${i}`);
     return;
   }
-  const l = xn.props[o];
-  if (!l) {
+  const r = xn.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 = xn.key, s.children = [
-    Yt(t, e, "step1", "step 1"),
-    Yt(t, e, "step2", "step 2"),
-    Yt(t, e, "step3", "step 3")
+  return P(s, r), s.basic.id = T(16), s.basic.key = xn.key, s.children = [
+    Jt(t, e, "step1", "step 1"),
+    Jt(t, e, "step2", "step 2"),
+    Jt(t, e, "step3", "step 3")
   ], s;
 }
-function Yt(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = A(t, e);
+function Jt(t, e, i, o) {
+  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 = vn.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 = vn.key, p.children = [qa(t, e, o)], p.settings.value = i, p;
 }
 function qa(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/spawnCard prop tag not found, ${o}`);
     return;
   }
-  const s = Pe.props[l];
+  const s = ze.props[r];
   if (!s) {
     console.error(`stepperV1/spawnCard props not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Pe.key, a.children = [], a.settings.title = i, a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = ze.key, a.children = [], a.settings.title = i, a;
 }
-const Ri = {
+const Mi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5948,12 +5948,12 @@ const Ri = {
     }
   ]
 }, kn = {
-  key: At,
+  key: Lt,
   name: "x-runtime-lib.stepper",
   comp: Cl,
   props: {
-    pageCommon: [y, Ri],
-    compCommon: [y, Ri]
+    pageCommon: [y, Mi],
+    compCommon: [y, Mi]
   },
   events: [],
   methods: [],
@@ -5962,9 +5962,9 @@ const Ri = {
 };
 _(kn);
 const Qa = {
-  key: Lt,
+  key: Bt,
   name: "x-runtime-lib.switch",
-  comp: El,
+  comp: Nl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5975,7 +5975,7 @@ const Qa = {
   leaf: !0
 };
 _(Qa);
-const Di = {
+const Ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5995,10 +5995,10 @@ const Di = {
 }, _n = {
   key: vo,
   name: "x-runtime-lib.tab",
-  comp: Rl,
+  comp: Ml,
   props: {
-    pageCommon: [y, Di],
-    compCommon: [y, Di]
+    pageCommon: [y, Ri],
+    compCommon: [y, Ri]
   },
   events: [],
   methods: [],
@@ -6012,42 +6012,42 @@ function eu(t, e) {
     console.error(`tabsV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = wn.props[o];
-  if (!l) {
+  const r = wn.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 = wn.key, s.children = [
-    Jt(t, e, "tab1", "tab 1"),
-    Jt(t, e, "tab2", "tab 2"),
-    Jt(t, e, "tab3", "tab 3")
+  return P(s, r), s.basic.id = T(16), s.basic.key = wn.key, s.children = [
+    Zt(t, e, "tab1", "tab 1"),
+    Zt(t, e, "tab2", "tab 2"),
+    Zt(t, e, "tab3", "tab 3")
   ], s;
 }
-function Jt(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = A(t, e);
+function Zt(t, e, i, o) {
+  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 = _n.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 = _n.key, p.settings.value = i, p.settings.text = o, p;
 }
-const jn = B(K);
-jn.key = "backgroundColor";
-jn.name = "x-runtime-lib.backgroundColor";
-const Kn = B(K);
-Kn.key = "selectedColor";
-Kn.name = "x-runtime-lib.selectedColor";
-const Un = B(K);
-Un.key = "sliderColor";
-Un.name = "x-runtime-lib.sliderColor";
-const Mi = {
+const Kn = B(j);
+Kn.key = "backgroundColor";
+Kn.name = "x-runtime-lib.backgroundColor";
+const jn = B(j);
+jn.key = "selectedColor";
+jn.name = "x-runtime-lib.selectedColor";
+const On = B(j);
+On.key = "sliderColor";
+On.name = "x-runtime-lib.sliderColor";
+const Di = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6123,16 +6123,16 @@ const Mi = {
     {
       key: "color",
       name: "x-runtime-lib.color",
-      children: [jn, Kn, Un]
+      children: [Kn, jn, On]
     }
   ]
 }, wn = {
-  key: Bt,
+  key: Wt,
   name: "x-runtime-lib.tabs",
-  comp: Dl,
+  comp: Rl,
   props: {
-    pageCommon: [y, Mi],
-    compCommon: [y, Mi]
+    pageCommon: [y, Di],
+    compCommon: [y, Di]
   },
   events: [],
   methods: [],
@@ -6146,13 +6146,13 @@ function tu(t, e) {
     console.error(`textV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = be.props[o];
-  if (!l) {
+  const r = be.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 = be.key, s.settings.text = "text", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = be.key, s.settings.text = "text", s;
 }
 const Fi = {
   key: "settings",
@@ -6241,9 +6241,9 @@ const Fi = {
     }
   ]
 }, be = {
-  key: Wt,
+  key: Et,
   name: "x-runtime-lib.text",
-  comp: Ml,
+  comp: Dl,
   props: {
     pageCommon: [y, Fi],
     compCommon: [y, Fi]
@@ -6261,13 +6261,13 @@ function nu(t, e) {
     console.error(`textareaV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = Vn.props[o];
-  if (!l) {
+  const r = Vn.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 = Vn.key, s.settings.label = "label", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = Vn.key, s.settings.label = "label", s;
 }
 const Gi = {
   key: "settings",
@@ -6358,7 +6358,7 @@ _(Vn);
 const $n = {
   key: ko,
   name: "x-runtime-lib.timelineItem",
-  comp: Ul,
+  comp: Ol,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -6374,25 +6374,25 @@ function iu(t, e) {
     console.error(`timelineV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const l = In.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 = In.key, s.children = [
-    Zt(t, e, "timeline 1"),
-    Zt(t, e, "timeline 2"),
-    Zt(t, e, "timeline 3")
+  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 Zt(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
+function qt(t, e, i) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
     console.error(`timelineV1/spawnEntry prop tag not found, ${o}`);
     return;
   }
-  const s = $n.props[l];
+  const s = $n.props[r];
   if (!s) {
     console.error(`timelineV1/spawnEntry props not found, ${o}`);
     return;
@@ -6401,12 +6401,12 @@ function Zt(t, e, i) {
   return P(a, s), a.basic.id = T(16), a.basic.key = $n.key, a.children = [ou(t, e, i)], a;
 }
 function ou(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/spawnText prop tag not found, ${o}`);
     return;
   }
-  const s = be.props[l];
+  const s = be.props[r];
   if (!s) {
     console.error(`timelineV1/spawnText props not found, ${o}`);
     return;
@@ -6414,7 +6414,7 @@ function ou(t, e, i) {
   const a = {};
   return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = i, a;
 }
-const su = B(K), ru = B(K), Hi = {
+const su = B(j), ru = B(j), Hi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6492,7 +6492,7 @@ const su = B(K), ru = B(K), Hi = {
       ]
     }
   ]
-}, In = {
+}, Sn = {
   key: Rt,
   name: "x-runtime-lib.timeline",
   comp: Hl,
@@ -6505,8 +6505,8 @@ const su = B(K), ru = B(K), Hi = {
   slots: [],
   spawn: iu
 };
-_(In);
-const Sn = {
+_(Sn);
+const In = {
   key: _o,
   name: "x-runtime-lib.windowItem",
   comp: Jl,
@@ -6518,60 +6518,60 @@ const Sn = {
   methods: [],
   slots: []
 };
-_(Sn);
+_(In);
 function lu(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 = Cn.props[o];
-  if (!l) {
+  const r = Cn.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 = Cn.key, s.children = [
-    qt(t, e, "window 1"),
-    qt(t, e, "window 2"),
-    qt(t, e, "window 3")
+  return P(s, r), s.basic.id = T(16), s.basic.key = Cn.key, s.children = [
+    Qt(t, e, "window 1"),
+    Qt(t, e, "window 2"),
+    Qt(t, e, "window 3")
   ], s;
 }
-function qt(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
+function Qt(t, e, i) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
     console.error(`windowV1/spawnEntry prop tag not found, ${o}`);
     return;
   }
-  const s = Sn.props[l];
+  const s = In.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 = Sn.key, a.children = [au(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = In.key, a.children = [au(t, e, i)], a;
 }
 function au(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/spawnFlexLayout prop tag not found, ${o}`);
     return;
   }
-  const s = ze.props[l];
+  const s = Ae.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 = ze.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 = [uu(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Ae.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [uu(t, e, i)], a;
 }
 function uu(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/spawnText prop tag not found, ${o}`);
     return;
   }
-  const s = be.props[l];
+  const s = be.props[r];
   if (!s) {
     console.error(`windowV1/spawnText props not found, ${o}`);
     return;
@@ -6579,7 +6579,7 @@ function uu(t, e, i) {
   const a = {};
   return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = i, a.settings.style.xs = "h6", a;
 }
-const ji = {
+const Ki = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6630,10 +6630,10 @@ const ji = {
 }, Cn = {
   key: Dt,
   name: "x-runtime-lib.window",
-  comp: Ol,
+  comp: Ul,
   props: {
-    pageCommon: [y, ji],
-    compCommon: [y, ji]
+    pageCommon: [y, Ki],
+    compCommon: [y, Ki]
   },
   events: [],
   methods: [],
@@ -6734,13 +6734,13 @@ const cu = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], Iu = [
+], Su = [
   { 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" }
-], Su = [
+], Iu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.high", value: "high" },
   { title: "x-runtime-lib.medium", value: "medium" },
@@ -6808,8 +6808,8 @@ const cu = [
   showTicksItemsV1: wu,
   sizeItemsV1: Vu,
   textAlignItemsV1: $u,
-  textDecorationItemsV1: Iu,
-  textEmphasisItemsV1: Su,
+  textDecorationItemsV1: Su,
+  textEmphasisItemsV1: Iu,
   textStyleItemsV1: Cu,
   themeColorItemsV1: Tu,
   thumbLabelItemsV1: Pu,
@@ -6817,7 +6817,7 @@ const cu = [
   timelineDirectionItemsV1: Au,
   timelineSideItemsV1: Lu,
   timelineTruncateLineItemsV1: Bu
-}, Symbol.toStringTag, { value: "Module" })), Nu = [
+}, Symbol.toStringTag, { value: "Module" })), Eu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6857,7 +6857,7 @@ const cu = [
     max: 1 / 0,
     step: 1
   }
-], Eu = [
+], Nu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6879,7 +6879,7 @@ const cu = [
     validator: (t) => t === "right",
     default: "right"
   }
-], Ru = [
+], Mu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6909,7 +6909,7 @@ const cu = [
     precision: 6,
     default: "0%"
   }
-], Du = [
+], Ru = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6934,7 +6934,7 @@ const cu = [
     min: 0,
     default: "0%"
   }
-], Mu = [
+], Du = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7012,222 +7012,222 @@ const cu = [
   }
 ], Hu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: Nu,
-  leftRightTypesV1: Eu,
-  marginTypesV1: Ru,
-  paddingTypesV1: Du,
-  sizeTypesV1: Mu,
+  borderWidthTypesV1: Eu,
+  leftRightTypesV1: Nu,
+  marginTypesV1: Mu,
+  paddingTypesV1: Ru,
+  sizeTypesV1: Du,
   tableColumnAlignTypesV1: Fu,
   topBottomTypesV1: Gu
-}, Symbol.toStringTag, { value: "Module" })), ju = [
+}, Symbol.toStringTag, { value: "Module" })), Ku = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
     items: [
-      Ye,
-      qe,
-      et,
-      ot,
-      ct,
-      lt,
-      ht
+      Je,
+      Qe,
+      tt,
+      st,
+      mt,
+      at,
+      gt
     ]
   },
   {
     key: "navigation",
     name: "x-runtime-lib.navigation",
-    items: [Wn, _t, Bt]
+    items: [Wn, wt, Wt]
   },
   {
     key: "formRelated",
     name: "x-runtime-lib.formRelated",
     items: [
-      mt,
-      Wt,
+      pt,
       Et,
+      Mt,
       Nt,
-      xt,
-      Ct,
-      it,
-      Lt,
-      $t,
-      Qe,
+      vt,
       Tt,
+      ot,
+      Bt,
+      St,
+      et,
+      Pt,
       It,
-      ut
+      ct
     ]
   },
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [Rn, st, Oe, bt]
+    items: [Mn, rt, Xe, yt]
   },
   {
     key: "selection",
     name: "x-runtime-lib.selection",
     items: [
+      qe,
       Ze,
-      Je,
-      tt,
-      At,
+      nt,
+      Lt,
       Dt
     ]
   },
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [Ue, St, Rt]
+    items: [Ue, Ct, Rt]
   },
   {
     key: "imagesAndIcons",
     name: "x-runtime-lib.imagesAndIcons",
-    items: [dt]
+    items: [ft]
   },
   {
     key: "pickers",
     name: "x-runtime-lib.pickers",
-    items: [nt, rt]
+    items: [it, lt]
   },
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Re, Nn, En]
+    items: [Re, En, Nn]
   }
-], Ku = [
+], ju = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
-    items: [pt, gt]
+    items: [dt, xt]
   },
   {
     key: "geometries",
     name: "x-runtime-lib.geometries",
-    items: [Xe, Pt]
+    items: [Ye, zt]
   },
   {
     key: "lights",
     name: "x-runtime-lib.lights",
     items: [
-      Ke,
-      at,
-      Vt,
-      zt
+      Oe,
+      ut,
+      $t,
+      At
     ]
   },
   {
     key: "cameras",
     name: "x-runtime-lib.cameras",
-    items: [wt, kt]
+    items: [Vt, _t]
   },
   {
     key: "controls",
     name: "x-runtime-lib.controls",
-    items: [vt, yt, ft]
+    items: [kt, ht, bt]
   }
-], Uu = [
+], Ou = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
     items: [
-      Ye,
-      qe,
-      et,
-      ot,
-      ct,
-      lt,
-      ht
+      Je,
+      Qe,
+      tt,
+      st,
+      mt,
+      at,
+      gt
     ]
   },
   {
     key: "navigation",
     name: "x-runtime-lib.navigation",
-    items: [Wn, _t, Bt]
+    items: [Wn, wt, Wt]
   },
   {
     key: "formRelated",
     name: "x-runtime-lib.formRelated",
     items: [
-      mt,
-      Wt,
+      pt,
       Et,
+      Mt,
       Nt,
-      xt,
-      Ct,
-      it,
-      Lt,
-      $t,
-      Qe,
+      vt,
       Tt,
+      ot,
+      Bt,
+      St,
+      et,
+      Pt,
       It,
-      ut
+      ct
     ]
   },
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [Rn, st, Oe, bt]
+    items: [Mn, rt, Xe, yt]
   },
   {
     key: "selection",
     name: "x-runtime-lib.selection",
     items: [
+      qe,
       Ze,
-      Je,
-      tt,
-      At,
+      nt,
+      Lt,
       Dt
     ]
   },
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [Ue, St, Rt]
+    items: [Ue, Ct, Rt]
   },
   {
     key: "imagesAndIcons",
     name: "x-runtime-lib.imagesAndIcons",
-    items: [dt]
+    items: [ft]
   },
   {
     key: "pickers",
     name: "x-runtime-lib.pickers",
-    items: [nt, rt]
+    items: [it, lt]
   },
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Re, Nn, En]
+    items: [Re, En, Nn]
   }
-], Ou = [
+], Uu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
-    items: [pt, gt]
+    items: [dt, xt]
   },
   {
     key: "geometries",
     name: "x-runtime-lib.geometries",
-    items: [Xe, Pt]
+    items: [Ye, zt]
   },
   {
     key: "lights",
     name: "x-runtime-lib.lights",
     items: [
-      Ke,
-      at,
-      Vt,
-      zt
+      Oe,
+      ut,
+      $t,
+      At
     ]
   },
   {
     key: "cameras",
     name: "x-runtime-lib.cameras",
-    items: [wt, kt]
+    items: [Vt, _t]
   },
   {
     key: "controls",
     name: "x-runtime-lib.controls",
-    items: [vt, yt, ft]
+    items: [kt, ht, bt]
   }
 ], Xu = {
   version: "v1",
@@ -7236,12 +7236,11 @@ const cu = [
   items: { ...Wu },
   types: { ...Hu },
   elements: /* @__PURE__ */ new Set([
-    Ke,
-    Ue,
     Oe,
+    Ue,
     Xe,
-    Wn,
     Ye,
+    Wn,
     Je,
     Ze,
     qe,
@@ -7257,60 +7256,61 @@ const cu = [
     at,
     ut,
     ct,
-    fo,
     mt,
-    en,
+    fo,
     pt,
+    en,
     dt,
     ft,
     bt,
     yt,
     ht,
     gt,
-    Nn,
     xt,
+    En,
     vt,
     kt,
     _t,
     wt,
     Vt,
-    bo,
     $t,
-    It,
+    bo,
     St,
-    En,
+    It,
     Ct,
-    Re,
+    Nn,
     Tt,
+    Re,
     Pt,
     zt,
     At,
+    Lt,
     yo,
     ho,
     go,
     xo,
-    Lt,
-    vo,
-    Rn,
     Bt,
+    vo,
+    Mn,
     Wt,
-    Nt,
     Et,
+    Nt,
+    Mt,
     Rt,
     ko,
     Dt,
     _o
   ]),
   groups: {
-    pageCommon: Uu,
-    pageScene: Ou,
-    compCommon: ju,
-    compScene: Ku
+    pageCommon: Ou,
+    pageScene: Uu,
+    compCommon: Ku,
+    compScene: ju
   }
 }, wo = {
   v1: Xu
-}, $c = ["string", "number", "boolean", "array", "object"];
-function Ic(t) {
+}, Cc = ["string", "number", "boolean", "array", "object"];
+function Tc(t) {
   switch (t) {
     case "string":
       return "#5ba58c";
@@ -7324,7 +7324,7 @@ function Ic(t) {
       return "#80a55b";
   }
 }
-function Sc(t, e, i, o, l) {
+function Pc(t, e, i, o, r) {
   let s = t;
   for (let p = 0; p < e.length; p++)
     if (s = s.children[e[p]], !s) {
@@ -7334,15 +7334,72 @@ function Sc(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);
 }
 const Yu = ["common", "scene"], Ju = ["common", "scene"];
+function Zu(t) {
+  return t === "elementProperty" || t === "elementSlotProperty";
+}
+function zc(t, e) {
+  const { i18n: i } = ke;
+  let o = "";
+  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));
+  let r = o;
+  return t.forEach((s, a) => {
+    a > 0 && (r += " - "), Zu(e) ? r += i.global.t(s) : r += s;
+  }), r;
+}
+function Ac(t, e) {
+  return `${t}@${e}`;
+}
+function Lc(t) {
+  const e = t.indexOf("@");
+  return e < 0 ? (console.assert(!1), ["elementProperty", ""]) : [t.substring(0, e), t.substring(e + 1)];
+}
+function qu(t) {
+  return t === "elementMethod" || "elementSlotMethod";
+}
+function Bc(t, e) {
+  const { i18n: i } = ke;
+  let o = "";
+  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));
+  let r = o;
+  return t.forEach((s, a) => {
+    a > 0 && (r += " - "), qu(e) ? r += i.global.t(s) : r += s;
+  }), r;
+}
+function Wc(t, e) {
+  return `${t}@${e}`;
+}
+function Ec(t) {
+  const e = t.indexOf("@");
+  return e < 0 ? (console.assert(!1), ["elementMethod", ""]) : [t.substring(0, e), t.substring(e + 1)];
+}
+function Qu(t) {
+  return t === "elementEvent" || t === "elementPropertyChangeEvent";
+}
+function Nc(t, e) {
+  const { i18n: i } = ke;
+  let o = "";
+  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));
+  let r = o;
+  return t.forEach((s, a) => {
+    a > 0 && (r += " - "), Qu(e) ? r += i.global.t(s) : r += s;
+  }), r;
+}
+function Mc(t, e) {
+  return `${t}@${e}`;
+}
+function Rc(t) {
+  const e = t.indexOf("@");
+  return e < 0 ? (console.assert(!1), ["elementEvent", ""]) : [t.substring(0, e), t.substring(e + 1)];
+}
 function A(t, e) {
   if (t === "page") {
     if (!Yu.includes(e)) {
@@ -7355,7 +7412,7 @@ function A(t, e) {
   }
   return `${t}${ts(e)}`;
 }
-function Ki(t, e) {
+function ji(t, e) {
   if (t.array)
     return e ? B(t.default) : B(t.defaultArray);
   {
@@ -7364,20 +7421,20 @@ function Ki(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] = Ki(l);
+      o[r.key] = ji(r);
     } else
-      l.array ? o[l.key] = Ki(l) : l.children.forEach((s) => {
-        o[l.key] || (o[l.key] = {}), i(o[l.key], s);
+      r.array ? o[r.key] = ji(r) : r.children.forEach((s) => {
+        o[r.key] || (o[r.key] = {}), i(o[r.key], s);
       });
   }
   e.forEach((o) => i(t, o));
 }
-function Cc(t, e, i, o, l) {
-  const s = `type=${t} subtype=${e} version=${i} ref=${o} keyOrRefid=${l}`, a = A(t, e);
+function Dc(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;
@@ -7388,12 +7445,12 @@ function Cc(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;
     }
-    const m = Se[d];
+    const m = Ce[d];
     if (!m) {
       console.error(`spawnNode [ref] element not found in global, ${s}`);
       return;
@@ -7413,12 +7470,12 @@ function Cc(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;
     }
-    const b = Se[d];
+    const b = Ce[d];
     if (!b) {
       console.error(`spawnNode [key] element not found in global, ${s}`);
       return;
@@ -7441,96 +7498,96 @@ function Cc(t, e, i, o, l) {
     }
   }
 }
-function Tc(t, e) {
+function Fc(t, e) {
   function i(o) {
     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 Zu(t) {
+function ec(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;
 }
-function Pc(t) {
+function Gc(t) {
   const e = [];
   return t.forEach((i) => {
-    e.push(Zu(i));
+    e.push(ec(i));
   }), e;
 }
-const Vo = "runtimeOrg", $o = "runtimeEnv", Io = "runtimeMode", So = "runtimeDevice", Co = "runtimeDark", To = "runtimeType", Po = "runtimeData", zo = "runtimeDepends", Ao = "runtimeSandbox";
-function zc(t) {
+const Vo = "runtimeOrg", $o = "runtimeEnv", So = "runtimeMode", Io = "runtimeDevice", Co = "runtimeDark", To = "runtimeType", Po = "runtimeData", zo = "runtimeDepends", Ao = "runtimeSandbox";
+function Hc(t) {
   se(Vo, t);
 }
-function qu() {
+function tc() {
   return oe(Vo);
 }
-function Ac(t) {
+function Kc(t) {
   se($o, t);
 }
-function Qu() {
+function nc() {
   return oe($o);
 }
-function Lc(t) {
-  se(Io, t);
+function jc(t) {
+  se(So, t);
 }
 function G() {
-  return oe(Io);
+  return oe(So);
 }
-function Bc(t) {
-  se(So, Pn(t));
+function Oc(t) {
+  se(Io, Pn(t));
 }
-function Ve() {
-  return oe(So);
+function $e() {
+  return oe(Io);
 }
-function Wc(t) {
+function Uc(t) {
   se(Co, Pn(t));
 }
-function Le() {
+function Be() {
   return oe(Co);
 }
-function Nc(t) {
+function Xc(t) {
   se(To, t);
 }
 function pe() {
   return oe(To);
 }
-function Ec(t) {
+function Yc(t) {
   se(Po, t);
 }
 function de() {
   return oe(Po);
 }
-function Rc(t) {
+function Jc(t) {
   se(zo, Pn(t));
 }
-function ec() {
+function ic() {
   return oe(zo);
 }
-function tc(t) {
+function oc(t) {
   se(Ao, t);
 }
-function Be() {
+function We() {
   return oe(Ao);
 }
 function Ie(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 Ne(t, e, i, o, l) {
+function Ne(t, e, i, o, r) {
   const { watchEffect: s, bind: a } = e;
   if (s[i])
     for (const p of s[i]) {
@@ -7550,12 +7607,12 @@ function Ne(t, e, i, o, l) {
           if (u.subKeys) {
             if (!ne(
               ve(o, u.subKeys),
-              ve(l, u.subKeys)
+              ve(r, u.subKeys)
             )) {
               b = u;
               break;
             }
-          } else if (!ne(o, l)) {
+          } else if (!ne(o, r)) {
             b = u;
             break;
           }
@@ -7608,7 +7665,7 @@ function Ne(t, e, i, o, l) {
         }
     }
 }
-function nc(t, e) {
+function sc(t, e) {
   function i(m) {
     const u = t.pseudoToNative(m), c = [], f = u.split(".");
     for (let h = 0; h < f.length; h++) {
@@ -7631,7 +7688,7 @@ function nc(t, e) {
       return t.nativeToPseudo({});
     }
   }
-  function l(m) {
+  function r(m) {
     const u = t.pseudoToNative(m), c = JSON.stringify(u);
     return t.nativeToPseudo(c);
   }
@@ -7671,7 +7728,7 @@ function nc(t, e) {
   ), t.setProperty(
     e,
     "__jsonStringifyV1__",
-    t.createNativeFunction(l)
+    t.createNativeFunction(r)
   ), t.setProperty(
     e,
     "__consoleLogV1__",
@@ -7697,19 +7754,19 @@ function nc(t, e) {
 const Lo = ls({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: e } = Qt;
+    const { i18n: e } = ke;
     oo(cs(e, t));
   }
 });
 window.API_URL && (Lo.defaults.baseURL = window.API_URL + "/computebase/");
-function ic(t) {
+function rc(t) {
   return Lo.post("callFunc", t);
 }
-function oc(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 lc(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 ic({
+      const h = JSON.stringify(u), { strOutputs: x } = await rc({
         spaceId: b,
         id: m,
         strInputs: h,
@@ -7726,7 +7783,7 @@ function oc(t, e) {
     t.createAsyncFunction(i)
   );
 }
-function sc(t, e, i) {
+function ac(t, e, i) {
   function o(u, c, f) {
     let h;
     const x = e.pseudoToNative(u);
@@ -7743,7 +7800,7 @@ function sc(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);
@@ -7777,9 +7834,9 @@ function sc(t, e, i) {
         appId: `${f}${t.env}`,
         pageId: h
       };
-      Qt.router.replace({ path: x, query: g });
+      ke.router.replace({ path: x, query: g });
     } else t.mode === "preview" && io(
-      Qt.i18n.global.t(
+      ke.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
@@ -7803,7 +7860,7 @@ function sc(t, e, i) {
   ), e.setProperty(
     i,
     "__setPropV1__",
-    e.createNativeFunction(l)
+    e.createNativeFunction(r)
   ), e.setProperty(
     i,
     "__callMethodV1__",
@@ -7830,10 +7887,10 @@ function sc(t, e, i) {
     e.createAsyncFunction(m)
   );
 }
-function rc(t, e, i) {
-  nc(e, i), oc(e, i), sc(t, e, i);
+function uc(t, e, i) {
+  sc(e, i), lc(e, i), ac(t, e, i);
 }
-const lc = `
+const cc = `
 var __env__ = 'dev'
 var __mode__ = 'editor'
 
@@ -7843,7 +7900,7 @@ function __getEnvV1__() {
 
 var __pointerPosX__ = 0
 var __pointerPosY__ = 0
-`, ac = `
+`, mc = `
 var __events__ = {}
 
 function __onEventV1__(id, callback) {
@@ -7880,7 +7937,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)
   }
 }
-`, uc = `
+`, pc = `
 var __timers__ = {}
 var __currTimerId__ = 0
 
@@ -7922,21 +7979,21 @@ function __timeoutCallbackV1__(timerId) {
     }
   }
 }
-`, cc = `
+`, dc = `
 function __destroy__() {
   __events__ = {}
   __timers__ = {}
 }
-`, mc = lc + ac + uc + cc;
-class pc {
+`, fc = cc + mc + pc + dc;
+class bc {
   org;
   env;
   mode;
   type;
   eventBus = is();
   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;
   }
   //--------------------------
   // 元素属性
@@ -7946,7 +8003,7 @@ class pc {
     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
@@ -7964,12 +8021,12 @@ class pc {
     return this.getElementPropInner(o, i);
   }
   setElementPropInner(e, i, o) {
-    const l = ve(e, i);
-    ne(o, l) || (ro(e, i, o), this.hooks?.onElementPropChange(e.basic.id, i, o, l));
+    const r = ve(e, i);
+    ne(o, r) || (ro(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,
@@ -7978,7 +8035,7 @@ class pc {
       );
       return;
     }
-    this.setElementPropInner(l, i, o);
+    this.setElementPropInner(r, i, o);
   }
   //--------------------------
   // 自定义属性
@@ -8028,9 +8085,9 @@ class pc {
   interpreter;
   createInterpreter(e) {
     this.interpreter = new os(
-      mc,
+      fc,
       (i, o) => {
-        rc(this, i, o);
+        uc(this, i, o);
       }
     ), this.interpreter.appendCode(e), this.interpreter.run(), this.setVariable("__env__", this.env), this.setVariable("__mode__", this.mode), this.callFunction("__triggerEventV1__", ["elementEvent@startup@globality"]);
   }
@@ -8060,12 +8117,12 @@ class pc {
     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 dc(t) {
-  const e = qu(), i = Qu(), o = G(), l = pe(), s = Ve(), a = Le(), p = (f, h, x, g) => {
+function yc(t) {
+  const e = tc(), i = nc(), o = G(), r = pe(), s = $e(), a = Be(), p = (f, h, x, g) => {
     if (!(o !== "runtime" && o !== "preview") && (u.callFunction("__triggerEventV1__", [
       `elementPropChange@${f}@${h}`,
       x,
@@ -8116,24 +8173,24 @@ function dc(t) {
       h,
       x
     ));
-  }, u = new pc(e, i, o, l, {
+  }, u = new bc(e, i, o, r, {
     onElementPropChange: p,
     onCustomPropChange: d,
     onCustomStateChange: b,
     onAdaptSlotPropChange: m
   });
-  tc(u);
+  oc(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();
-  }), He(() => {
+  }), Ke(() => {
     u.destroyInterpreter();
   }), (o === "runtime" || o === "preview") && q(
     s,
     (f, h) => {
-      const x = Ee(f.width), g = Ee(h?.width ?? f.width);
+      const x = Me(f.width), g = Me(h?.width ?? f.width);
       u.callFunction("__triggerEventV1__", [
         "elementEvent@screenSizeChange@globality",
         x,
@@ -8152,29 +8209,29 @@ function dc(t) {
     { immediate: !0 }
   );
 }
-const fc = (t, e, i) => {
+const hc = (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 Dc(t) {
-  return (await fc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.oos62cyh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.f0b750e1.js") }), `./locales/${t}/index.ts`, 4)).default;
+async function Zc(t) {
+  return (await hc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.oos62cyh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.f0b750e1.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  pc as Sandbox,
+  bc as Sandbox,
   da as ambientLightV1,
-  wc as badgeV1,
+  Sc as badgeV1,
   on as barChartV1,
-  rc as bind,
+  uc as bind,
   tn as boxGeometryV1,
   so as breakpoints,
   wa as btnGroupV1,
   Va as btnToggleV1,
   rn as btnV1,
-  Ee as calcBreakpoint,
-  Pe as cardV1,
-  Ia as checkboxV1,
+  Me as calcBreakpoint,
+  ze as cardV1,
+  Sa as checkboxV1,
   an as chipGroupV1,
   ln as chipV1,
   Ta as colorPickerV1,
@@ -8185,74 +8242,77 @@ export {
   Aa as datePickerV1,
   La as dialogV1,
   fa as directionalLightV1,
-  Zu as duplicateNode,
-  Pc as duplicateNodes,
-  Se as elements,
-  Sc as ensureContext,
-  Vc as fileInputV1,
+  ec as duplicateNode,
+  Gc as duplicateNodes,
+  Ce as elements,
+  Pc as ensureContext,
+  Ic as fileInputV1,
   cn as flexLayoutEntryV1,
-  ze as flexLayoutV1,
+  Ae as flexLayoutV1,
   dn as formV1,
   T as genId,
-  $e as getBreakpointProp,
+  Se as getBreakpointProp,
   ve as getField,
   Xn as getIndexOfBreakpoint,
-  Tc as getNode,
-  Ki as getPropDefault,
+  Fc as getNode,
+  ji as getPropDefault,
   A as getPropTag,
-  Ic as getTypeColor,
+  Tc as getTypeColor,
   va as globalityV1,
   ha as groupV1,
-  Da as iconV1,
+  Ra as iconV1,
   P as initProps,
-  Le as injectDark,
+  Be as injectDark,
   de as injectData,
-  ec as injectDepends,
-  Ve as injectDevice,
-  Qu as injectEnv,
+  ic as injectDepends,
+  $e as injectDevice,
+  nc as injectEnv,
   G as injectMode,
-  qu as injectOrg,
-  Be as injectSandbox,
+  tc as injectOrg,
+  We as injectSandbox,
   pe as injectType,
+  Qu as isLocaleOfEventKind,
+  qu as isLocaleOfMethodKind,
+  Zu as isLocaleOfPropertyKind,
   zn as isPercentStr,
   je as isPixelStr,
   oa as keyboardControlsV1,
   sn as lineChartV1,
-  Dc as loadLocaleMessageRuntime,
+  Zc as loadLocaleMessageRuntime,
   Ie as makeTriggerId,
   sa as mapControlsV1,
-  Ma as menuV1,
-  Ce as meshBasicMaterialV1,
-  Te as meshV1,
+  Da as menuV1,
+  Te as meshBasicMaterialV1,
+  Pe as meshV1,
   fn as numberInputV1,
   ra as orbitControlsV1,
   Ql as orthographicCameraV1,
   Yu as pageTypes,
   Ga as paginationV1,
   Ut as parsePercentStr,
-  _c as parsePixelStr,
+  $c as parsePixelStr,
   ea as perspectiveCameraV1,
   wo as pkgs,
   ba as pointLightV1,
-  Wc as provideDark,
-  Ec as provideData,
-  Rc as provideDepends,
-  Bc as provideDevice,
-  Ac as provideEnv,
-  Lc as provideMode,
-  zc as provideOrg,
-  tc as provideSandbox,
-  Nc as provideType,
+  Uc as provideDark,
+  Yc as provideData,
+  Jc as provideDepends,
+  Oc as provideDevice,
+  Kc as provideEnv,
+  jc as provideMode,
+  Hc as provideOrg,
+  oc as provideSandbox,
+  Xc as provideType,
   yn as radioGroupV1,
   bn as radioV1,
-  Ka as rangeSliderV1,
-  Ua as ratingV1,
+  ja as rangeSliderV1,
+  Oa as ratingV1,
   ds as reverseBreakpoints,
-  mc as runtime,
-  Oa as selectV1,
+  fc as runtime,
+  Ua as selectV1,
   ro as setField,
   Xa as sliderV1,
-  Cc as spawnNode,
+  Dc as spawnNode,
   nn as sphereGeometryV1,
   ya as spotLightV1,
   hn as stepperHeaderV1,
@@ -8267,10 +8327,19 @@ export {
   be as textV1,
   Vn as textareaV1,
   $n as timelineItemV1,
-  In as timelineV1,
+  Sn as timelineV1,
+  Nc as toEventName,
+  Bc as toMethodName,
+  zc as toPropertyName,
   Ne as triggerReactivity,
-  $c as types,
-  dc as useSandbox,
-  Sn as windowItemV1,
-  Cn as windowV1
+  Cc as types,
+  Rc as unwrapEventKind,
+  Ec as unwrapMethodKind,
+  Lc as unwrapPropertyKind,
+  yc as useSandbox,
+  In as windowItemV1,
+  Cn as windowV1,
+  Mc as wrapEventKey,
+  Wc as wrapMethodKey,
+  Ac as wrapPropertyKey
 };