x-runtime-lib 0.8.21 → 0.8.22

package/dist/index.js

@@ -1,88 +1,88 @@
-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 je, 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 Eo, useId as Yi, withModifiers as No, 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 Le, 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 { 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 o = 0; o < t; o++) {
-    const i = Math.floor(Math.random() * On.length);
-    e += On[i];
+  for (let i = 0; i < t; i++) {
+    const o = Math.floor(Math.random() * Un.length);
+    e += Un[o];
   }
   return e;
 }
-function Ke(t) {
+function je(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return !1;
-  const e = t.substring(0, t.length - 2), o = parseFloat(e);
-  return !(isNaN(o) || o % 1 !== 0);
+  const e = t.substring(0, t.length - 2), i = parseFloat(e);
+  return !(isNaN(i) || i % 1 !== 0);
 }
 function zn(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return !1;
-  const e = t.substring(0, t.length - 1), o = parseFloat(e);
-  return !isNaN(o);
+  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), o = parseFloat(e);
-  if (!isNaN(o) && o % 1 === 0)
-    return o;
+  const e = t.substring(0, t.length - 2), i = parseFloat(e);
+  if (!isNaN(i) && i % 1 === 0)
+    return i;
 }
-function Ot(t) {
+function Ut(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return;
-  const e = t.substring(0, t.length - 1), o = parseFloat(e);
-  if (!isNaN(o))
-    return o;
+  const e = t.substring(0, t.length - 1), i = parseFloat(e);
+  if (!isNaN(i))
+    return i;
 }
 const so = ["xs", "sm", "md", "lg", "xl"], ds = [...so].reverse();
-function Re(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 Ie(t, e) {
-  let o;
-  for (const i of ds) {
-    if (Xn(i) < Xn(t))
+function Se(t, e) {
+  let i;
+  for (const o of ds) {
+    if (Xn(o) < Xn(t))
       break;
-    e[i] && (o = e[i]);
+    e[o] && (i = e[o]);
   }
-  return o;
+  return i;
 }
 function ve(t, e) {
-  let o = t;
-  if (typeof o != "object")
+  let i = t;
+  if (typeof i != "object")
     return;
-  let i = [];
-  if (e instanceof Array ? i = e : i = e.split("."), !(i.length <= 0)) {
-    for (const r of i) {
-      if (typeof o != "object")
+  let o = [];
+  if (e instanceof Array ? o = e : o = e.split("."), !(o.length <= 0)) {
+    for (const r of o) {
+      if (typeof i != "object")
         return;
-      o = o[r];
+      i = i[r];
     }
-    return o;
+    return i;
   }
 }
-function ro(t, e, o) {
-  let i = t;
-  if (typeof i != "object")
+function ro(t, e, i) {
+  let o = t;
+  if (typeof o != "object")
     return;
   let r = [];
   if (e instanceof Array ? r = e : r = e.split("."), r.length <= 0)
     return;
   for (let a = 0; a < r.length - 1; a++) {
     const p = r[a];
-    i = i[p], i || (i = {});
+    o = o[p], o || (o = {});
   }
   const s = r[r.length - 1];
-  i[s] = o;
+  o[s] = i;
 }
 const Ce = {}, _ = (t) => {
   Ce[t.key] = t;
@@ -95,17 +95,17 @@ const Ce = {}, _ = (t) => {
   },
   setup(t) {
     const e = G();
-    return (o, i) => n(e) === "editor" ? (v(), Y("TresMesh", {
+    return (i, o) => n(e) === "editor" ? (v(), Y("TresMesh", {
       key: 0,
       position: t.position,
       rotation: t.rotation,
       scale: t.scale,
       visible: !1
     }, [
-      i[0] || (i[0] = ie("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)),
-      i[1] || (i[1] = ie("TresMeshBasicMaterial", null, null, -1)),
-      L(o.$slots, "default")
-    ], 8, fs)) : L(o.$slots, "default", { key: 1 });
+      o[0] || (o[0] = ie("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)),
+      o[1] || (o[1] = ie("TresMeshBasicMaterial", null, null, -1)),
+      L(i.$slots, "default")
+    ], 8, fs)) : L(i.$slots, "default", { key: 1 });
   }
 }), Z = /* @__PURE__ */ $({
   __name: "index",
@@ -113,45 +113,45 @@ const Ce = {}, _ = (t) => {
     fitContent: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = G(), o = k(() => {
-      const i = {};
-      return t.fitContent && (i.width = "fit-content", i.height = "fit-content"), i;
+    const e = G(), i = k(() => {
+      const o = {};
+      return t.fitContent && (o.width = "fit-content", o.height = "fit-content"), o;
     });
-    return (i, r) => n(e) === "editor" ? (v(), Y("div", {
+    return (o, r) => n(e) === "editor" ? (v(), Y("div", {
       key: 0,
-      style: Q(o.value)
+      style: Q(i.value)
     }, [
-      L(i.$slots, "default")
-    ], 4)) : L(i.$slots, "default", { key: 1 });
+      L(o.$slots, "default")
+    ], 4)) : L(o.$slots, "default", { key: 1 });
   }
-}), bs = (t, e, o, i) => {
-  const r = t.getElementPropInner(e, o);
-  if (i) {
+}), bs = (t, e, i, o) => {
+  const r = t.getElementPropInner(e, i);
+  if (o) {
     if (typeof r == "string")
       return JSON.parse(r);
     console.assert(!1);
     return;
   } else
     return r;
-}, ys = (t, e, o, i, r) => {
+}, ys = (t, e, i, o, r) => {
   let s;
-  r ? typeof i == "object" ? s = JSON.stringify(i, null, 2) : (console.assert(!1), s = "{}") : s = i, t.setElementPropInner(e, o, s);
+  r ? typeof o == "object" ? s = JSON.stringify(o, null, 2) : (console.assert(!1), s = "{}") : s = o, t.setElementPropInner(e, i, s);
 };
-function l(t, e, o) {
-  const i = G(), r = We(), s = ce();
+function l(t, e, i) {
+  const o = G(), r = We(), s = ce();
   return ue(() => {
-    let a = bs(r, t.node, e, o);
-    i === "editor" && e[e.length - 1] === "readonly" && (a = !0), s.value = a;
+    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(r, t.node, e, s.value, o);
+    ne(a, p) || ys(r, t.node, e, s.value, i);
   }), { prop: s };
 }
 function me(t) {
-  const { prop: e } = l(t, ["transform", "position", "x"]), { prop: o } = l(t, ["transform", "position", "y"]), { prop: i } = 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]);
+  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, o.value, i.value];
+    m.value = [e.value, i.value, o.value];
   }), ue(() => {
-    e.value = m.value[0], o.value = m.value[1], i.value = m.value[2];
+    e.value = m.value[0], i.value = m.value[1], o.value = m.value[2];
   }), ue(() => {
     u.value = [r.value, s.value, a.value];
   }), ue(() => {
@@ -163,62 +163,62 @@ function me(t) {
   }), { position: m, rotation: u, scale: c };
 }
 function lo(t) {
-  const e = k(() => t.node.legend?.show), o = k(() => t.node.legend?.data);
-  function i(r) {
+  const e = k(() => t.node.legend?.show), i = k(() => t.node.legend?.data);
+  function o(r) {
     r.legend = {
       show: e.value,
-      data: o.value
+      data: i.value
     };
   }
-  return { show: e, data: o, applyLegend: i };
+  return { show: e, data: i, applyLegend: o };
 }
 function ao(t) {
   const e = k(() => t.node.series);
-  function o(i) {
-    i.series = e.value;
+  function i(o) {
+    o.series = e.value;
   }
-  return { series: e, applySeries: o };
+  return { series: e, applySeries: i };
 }
 function uo(t) {
-  const e = k(() => t.node.title?.show), o = k(() => t.node.title?.text), i = k(() => t.node.title?.subtext);
+  const e = k(() => t.node.title?.show), i = k(() => t.node.title?.text), o = k(() => t.node.title?.subtext);
   function r(s) {
     s.title = {
       show: e.value,
-      text: o.value,
-      subtext: i.value
+      text: i.value,
+      subtext: o.value
     };
   }
-  return { show: e, text: o, subtext: i, applyTitle: r };
+  return { show: e, text: i, subtext: o, applyTitle: r };
 }
 function co(t) {
-  const e = k(() => t.node.xAxis?.show), o = k(() => t.node.xAxis?.position), i = k(() => t.node.xAxis?.type), r = 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: o.value,
-      type: i.value,
+      position: i.value,
+      type: o.value,
       data: r.value
     };
   }
-  return { show: e, position: o, type: i, data: r, applyXAxis: s };
+  return { show: e, position: i, type: o, data: r, applyXAxis: s };
 }
 function mo(t) {
-  const e = k(() => t.node.yAxis?.show), o = k(() => t.node.yAxis?.position), i = k(() => t.node.yAxis?.type), r = 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: o.value,
-      type: i.value,
+      position: i.value,
+      type: o.value,
       data: r.value
     };
   }
-  return { show: e, position: o, type: i, data: r, applyYAxis: s };
+  return { show: e, position: i, type: o, data: r, applyYAxis: s };
 }
-function j(t) {
-  const { computedThemes: e } = ms(), o = Be(), i = k(() => t.value?.mode), r = 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" ? o.value ? "#2e2e2e" : "#bdbdbd" : b === "background1" ? o.value ? "#272727" : "#eeeeee" : b === "background2" ? o.value ? "#1e1e1e" : "#ffffff" : (o.value ? e.value.dark : e.value.light).colors[b] : void 0;
-  }), s = k(() => o.value ? t.value.custom?.dark : t.value.custom?.light), a = k(() => i.value === "theme" ? r.value ?? "" : i.value === "custom" ? s.value ?? "" : ""), p = k(() => {
+    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" ? 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,60 +228,60 @@ function j(t) {
   return { color: a, rgb: p, alpha: d };
 }
 function An(t) {
-  const e = k(() => t.node.border?.style), o = k(() => t.node.border?.width), i = k(() => t.node.border?.color), { color: r } = j(i), 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), o.value && (m.borderWidth = o.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);
+    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: o, borderColor: r, applyBorder: b };
+  return { borderStyle: e, borderWidth: i, borderColor: r, applyBorder: b };
 }
 function Ln(t) {
-  const e = k(() => t.node.margin?.top), o = k(() => t.node.margin?.left), i = k(() => t.node.margin?.bottom), r = 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), o.value && (a.marginLeft = o.value), i.value && (a.marginBottom = i.value), r.value && (a.marginRight = r.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: o, marginBottom: i, marginRight: r, applyMargin: s };
+  return { marginTop: e, marginLeft: i, marginBottom: o, marginRight: r, applyMargin: s };
 }
 function Bn(t) {
-  const e = k(() => t.node.padding?.top), o = k(() => t.node.padding?.left), i = k(() => t.node.padding?.bottom), r = 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), o.value && (a.paddingLeft = o.value), i.value && (a.paddingBottom = i.value), r.value && (a.paddingRight = r.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: o, paddingBottom: i, paddingRight: r, applyPadding: s };
+  return { paddingTop: e, paddingLeft: i, paddingBottom: o, paddingRight: r, applyPadding: s };
 }
 function he(t) {
-  const e = G(), o = $e(), i = k(() => t.node.size?.width), r = 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 = Ot(t.node.size?.height);
+      const m = Ut(t.node.size?.height);
       if (m)
-        return m / 100 * o.value.height + "px";
+        return m / 100 * i.value.height + "px";
     }
     return t.node.size?.height;
   }), p = k(() => {
     if (t.outer && e === "editor") {
-      const m = Ot(t.node.size?.minHeight);
+      const m = Ut(t.node.size?.minHeight);
       if (m)
-        return m / 100 * o.value.height + "px";
+        return m / 100 * i.value.height + "px";
     }
     return t.node.size?.minHeight;
   }), d = k(() => {
     if (t.outer && e === "editor") {
-      const m = Ot(t.node.size?.maxHeight);
+      const m = Ut(t.node.size?.maxHeight);
       if (m)
-        return m / 100 * o.value.height + "px";
+        return m / 100 * i.value.height + "px";
     }
     return t.node.size?.maxHeight;
   });
   function b(m) {
-    i.value && (m.width = i.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);
+    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: i, minWidth: r, 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, o) {
-  const i = k(() => e.node.basic.id), r = k(() => `callMethod@${i.value}`);
+function po(t, e, i) {
+  const o = k(() => e.node.basic.id), r = k(() => `callMethod@${o.value}`);
   Wo(() => {
-    t.eventBus?.on(r.value, o);
-  }), je(() => {
-    t.eventBus?.off(r.value, o);
+    t.eventBus?.on(r.value, i);
+  }), Ke(() => {
+    t.eventBus?.off(r.value, i);
   });
 }
 function N() {
@@ -295,25 +295,25 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, o = G(), { position: i, 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"]);
+    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(i),
+      position: n(o),
       rotation: n(r),
       scale: n(s)
     }, {
-      default: I(() => [
+      default: S(() => [
         ie("TresOrthographicCamera", {
           bottom: n(a),
           far: n(p),
           left: n(d),
           near: n(b),
-          position: n(o) !== "editor" ? n(i) : [0, 0, 0],
+          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           right: n(m),
-          rotation: n(o) !== "editor" ? n(r) : [0, 0, 0],
-          scale: n(o) !== "editor" ? n(s) : [1, 1, 1],
+          rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
+          scale: n(i) !== "editor" ? n(s) : [1, 1, 1],
           top: n(u)
         }, [
-          n(o) === "editor" ? (v(), V(n(Le), {
+          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, o = G(), { position: i, 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"]);
+    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(i),
+      position: n(o),
       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(o) !== "editor" ? n(i) : [0, 0, 0],
-          rotation: n(o) !== "editor" ? n(r) : [0, 0, 0],
-          scale: n(o) !== "editor" ? n(s) : [1, 1, 1]
+          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
+          rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
+          scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
-          n(o) === "editor" ? (v(), V(n(Le), {
+          n(i) === "editor" ? (v(), V(n(Le), {
             key: 0,
             type: n(Ji)
           }, null, 8, ["type"])) : ee("", !0),
@@ -363,7 +363,7 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "depth"]), { prop: i } = l(e, [
+    const e = t, { prop: i } = l(e, ["settings", "depth"]), { prop: o } = l(e, [
       "settings",
       "depthSegements"
     ]), { prop: r } = l(e, ["settings", "height"]), { prop: s } = l(e, [
@@ -377,18 +377,18 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       args: [
         n(a),
         n(r),
-        n(o),
+        n(i),
         n(p),
         n(s),
-        n(i)
+        n(o)
       ]
     }, null, 8, ks));
   }
 }), ge = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [i, r] of e)
-    o[i] = r;
-  return o;
+  const i = t.__vccOpts || t;
+  for (const [o, r] of e)
+    i[o] = r;
+  return i;
 }, ws = ["args"], Vs = /* @__PURE__ */ $({
   __name: "index",
   props: {
@@ -396,10 +396,10 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, [
+    const e = t, { prop: i } = l(e, [
       "settings",
       "heightSegments"
-    ]), { prop: i } = 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, [
+    ]), { 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"
     ]);
@@ -407,34 +407,34 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       args: [
         n(s),
         n(d),
-        n(o),
-        n(r),
         n(i),
+        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, o = G(), { position: i, rotation: r, scale: s } = me(e), { prop: a } = l(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = l(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(i),
+      position: n(o),
       rotation: n(r),
       scale: n(s)
     }, {
-      default: I(() => [
+      default: S(() => [
         ie("TresAmbientLight", {
           color: n(p),
           intensity: n(d),
-          position: n(o) !== "editor" ? n(i) : [0, 0, 0],
-          rotation: n(o) !== "editor" ? n(r) : [0, 0, 0],
-          scale: n(o) !== "editor" ? n(s) : [1, 1, 1]
+          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
+          rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
+          scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
           L(b.$slots, "default")
         ], 8, $s)
@@ -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, o = G(), { position: i, rotation: r, scale: s } = me(e), { prop: a } = l(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = l(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(i),
+      position: n(o),
       rotation: n(r),
       scale: n(s)
     }, {
-      default: I(() => [
+      default: S(() => [
         ie("TresDirectionalLight", {
           color: n(p),
           intensity: n(d),
-          position: n(o) !== "editor" ? n(i) : [0, 0, 0],
-          rotation: n(o) !== "editor" ? n(r) : [0, 0, 0],
-          scale: n(o) !== "editor" ? n(s) : [1, 1, 1]
+          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
+          rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
+          scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
-          n(o) === "editor" ? (v(), V(n(Le), {
+          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, o = G(), { position: i, rotation: r, scale: s } = me(e), { prop: a } = l(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = l(e, ["settings", "decay"]), { prop: b } = l(e, ["settings", "distance"]), { prop: m } = l(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(i),
+      position: n(o),
       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(o) !== "editor" ? n(i) : [0, 0, 0],
-          rotation: n(o) !== "editor" ? n(r) : [0, 0, 0],
-          scale: n(o) !== "editor" ? n(s) : [1, 1, 1]
+          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
+          rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
+          scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
-          n(o) === "editor" ? (v(), V(n(Le), {
+          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, o = G(), { position: i, rotation: r, scale: s } = me(e), { prop: a } = l(e, ["settings", "angle"]), { prop: p } = l(e, ["settings", "color"]), { color: d } = j(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"]);
+    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(i),
+      position: n(o),
       rotation: n(r),
       scale: n(s)
     }, {
-      default: I(() => [
+      default: S(() => [
         ie("TresSpotLight", {
           angle: n(a),
           color: n(d),
@@ -527,11 +527,11 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           distance: n(m),
           intensity: n(u),
           penumbra: n(c),
-          position: n(o) !== "editor" ? n(i) : [0, 0, 0],
-          rotation: n(o) !== "editor" ? n(r) : [0, 0, 0],
-          scale: n(o) !== "editor" ? n(s) : [1, 1, 1]
+          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
+          rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
+          scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
-          n(o) === "editor" ? (v(), V(n(Le), {
+          n(i) === "editor" ? (v(), V(n(Le), {
             key: 0,
             type: n(Go)
           }, null, 8, ["type"])) : ee("", !0),
@@ -552,17 +552,17 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Es = ["position", "rotation
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, o = G(), { position: i, rotation: r, 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(i),
+      position: n(o),
       rotation: n(r),
       scale: n(s)
     }, {
-      default: I(() => [
+      default: S(() => [
         ie("TresGroup", {
-          position: n(o) !== "editor" ? n(i) : [0, 0, 0],
-          rotation: n(o) !== "editor" ? n(r) : [0, 0, 0],
-          scale: n(o) !== "editor" ? n(s) : [1, 1, 1]
+          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
+          rotation: n(i) !== "editor" ? n(r) : [0, 0, 0],
+          scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
           L(a.$slots, "default")
         ], 8, Es)
@@ -570,31 +570,31 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Es = ["position", "rotation
       _: 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: o, rotation: i, scale: r } = me(e);
+    const e = t, { position: i, rotation: o, scale: r } = me(e);
     return (s, a) => (v(), Y("TresMesh", {
-      position: n(o),
-      rotation: n(i),
+      position: n(i),
+      rotation: n(o),
       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]]), Es = ["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"] } } }, 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"] } } }, 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]]), Es = ["position", "rotation
   pie: wr,
   scatter: Vr,
   boxplot: $r,
-  parallel: Ir,
-  sankey: Sr,
+  parallel: Sr,
+  sankey: Ir,
   funnel: Cr,
   gauge: Tr,
   candlestick: Pr,
@@ -639,56 +639,56 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Es = ["position", "rotation
   valueAxis: Wr,
   logAxis: Er,
   timeAxis: Nr,
-  toolbox: Rr,
-  legend: Dr,
-  tooltip: Mr,
+  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, o = $e(), i = 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 S = {}, M = s.value.type;
-      return r === "page" ? M === "common" ? c(S) : console.assert(!1) : r === "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, i.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();
     }, E = () => {
-      const S = {};
-      f(S), h(S), x(S), g(S), w(S), W?.setOption(S, !0);
+      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(), E();
-    }), je(() => {
-      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(
       [
-        () => o.value.width,
-        () => o.value.height,
+        () => i.value.width,
+        () => i.value.height,
         a,
         p,
         d,
@@ -697,9 +697,9 @@ const Ur = /* @__PURE__ */ $({
         u
       ],
       async () => {
-        await Xi(), D();
+        await Xi(), R();
       }
-    ), q([i], () => {
+    ), q([o], () => {
       F(), E();
     }), q(
       [e],
@@ -707,41 +707,41 @@ const Ur = /* @__PURE__ */ $({
         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, o = $e(), i = 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 S = {}, M = s.value.type;
-      return r === "page" ? M === "common" ? c(S) : console.assert(!1) : r === "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, i.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();
     }, E = () => {
-      const S = {};
-      f(S), h(S), x(S), g(S), w(S), W?.setOption(S, !0);
+      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(), E();
-    }), je(() => {
-      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(
       [
-        () => o.value.width,
-        () => o.value.height,
+        () => i.value.width,
+        () => i.value.height,
         a,
         p,
         d,
@@ -750,9 +750,9 @@ const Ur = /* @__PURE__ */ $({
         u
       ],
       async () => {
-        await Xi(), D();
+        await Xi(), R();
       }
-    ), q([i], () => {
+    ), q([o], () => {
       F(), E();
     }), q(
       [e],
@@ -760,7 +760,7 @@ const Ur = /* @__PURE__ */ $({
         E();
       },
       { deep: !0 }
-    ), (S, M) => (v(), Y("div", {
+    ), (I, D) => (v(), Y("div", {
       ref: "chart",
       style: Q(C.value)
     }, null, 4));
@@ -772,24 +772,24 @@ const Ur = /* @__PURE__ */ $({
     state: {}
   },
   setup(t) {
-    const { t: e } = ps(), o = t, i = de(), r = ec(), s = ce(-1), a = ce();
-    dc(a), ue(() => {
-      if (!o.refContext.refid) {
+    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 = r.value[o.refContext.refid];
+      const c = r.value[i.refContext.refid];
       if (!c) {
-        s.value = -1, a.value = void 0, to.emit("compNotAvail", o.refContext.refid);
+        s.value = -1, a.value = void 0, to.emit("compNotAvail", i.refContext.refid);
         return;
       }
       s.value !== c.dataSeq && (s.value = c.dataSeq, a.value = B(c.data));
     });
     function p(c) {
-      const f = wo[i.value.version].refKey, h = Ce[f];
+      const f = wo[o.value.version].refKey, h = Ce[f];
       return h ? ae(h.comp, {
         refContext: {
-          parent: o.refContext,
+          parent: i.refContext,
           refid: c.ref.comp
         },
         node: c
@@ -809,9 +809,9 @@ const Ur = /* @__PURE__ */ $({
       return c.ref ? p(c) : d(c);
     }
     function m() {
-      let c = o.refContext.parent;
+      let c = i.refContext.parent;
       for (; c; ) {
-        if (c.refid === o.refContext.refid)
+        if (c.refid === i.refContext.refid)
           return !0;
         c = c.parent;
       }
@@ -840,17 +840,17 @@ const Ur = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "content"]), { prop: i } = l(e, ["settings", "dot"]), { theme: r } = N(), { prop: s } = l(e, ["settings", "offset", "x"]), { prop: a } = l(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, {
-        content: n(o),
-        dot: n(i),
+        content: n(i),
+        dot: n(o),
         "offset-x": n(s),
         "offset-y": n(a),
         theme: n(r)
       }, {
-        default: I(() => [
+        default: S(() => [
           L(p.$slots, "default")
         ]),
         _: 3
@@ -864,23 +864,23 @@ const Ur = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, o = G(), i = We(), { prop: r } = l(e, [
+    const e = t, i = G(), o = We(), { prop: r } = l(e, [
       "settings",
       "addIcon",
       "append"
-    ]), { prop: s } = l(e, ["settings", "block"]), { prop: a } = l(e, ["settings", "color"]), { color: p } = j(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, [
+    ]), { 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 } = l(e, ["settings", "readonly"]), { prop: C } = l(e, ["settings", "ripple"]), { prop: R } = l(e, ["settings", "size"]), { prop: W } = l(e, ["settings", "stacked"]), { prop: F } = l(e, ["settings", "text"]), { theme: D } = N(), { prop: E } = l(e, ["settings", "variant"]), { prop: S } = l(e, ["size", "width"]), M = (J) => {
-      o !== "runtime" && o !== "preview" || (i.setVariable("__pointerPosX__", J.clientX), i.setVariable("__pointerPosY__", J.clientY), i.callFunction("__triggerEventV1__", [
+    ]), { 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}`
       ]));
     };
     return (J, te) => {
       const re = z("v-btn");
       return v(), V(n(Z), null, {
-        default: I(() => [
+        default: S(() => [
           H(re, {
             "append-icon": n(r),
             block: n(s),
@@ -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),
+            theme: n(R),
             variant: n(E),
-            width: n(S),
-            onClick: M
+            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
@@ -911,9 +911,9 @@ const Ur = /* @__PURE__ */ $({
   }
 }), Jr = {};
 function Zr(t, e) {
-  const o = z("v-btn-group");
-  return v(), V(o, null, {
-    default: I(() => [
+  const i = z("v-btn-group");
+  return v(), V(i, null, {
+    default: S(() => [
       L(t.$slots, "default")
     ]),
     _: 3
@@ -926,12 +926,12 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "block"]), { prop: i } = 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"]);
+    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(o),
-        disabled: n(i),
+        block: n(i),
+        disabled: n(o),
         divided: n(r),
         mandatory: n(s),
         multiple: n(a),
@@ -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,12 +956,12 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "density"]), { prop: i } = 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"]);
+    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, {
-        density: n(o),
-        disabled: n(i),
+      const M = z("v-card");
+      return v(), V(M, {
+        density: n(i),
+        disabled: n(o),
         height: n(r),
         hover: n(s),
         loading: n(a),
@@ -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,12 +990,12 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "disabled"]), { prop: i } = l(e, ["settings", "readonly"]);
+    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(o),
-        readonly: n(i)
+        disabled: n(i),
+        readonly: n(o)
       }, null, 8, ["disabled", "readonly"]);
     };
   }
@@ -1006,11 +1006,11 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "closable"]), { prop: i } = l(e, ["settings", "color"]), { color: r } = j(i), { 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"]);
+    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(o),
+        closable: n(i),
         color: n(r),
         density: n(s),
         disabled: n(a),
@@ -1033,14 +1033,14 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "column"]), { prop: i } = 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"]);
+    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),
-        column: n(o),
-        direction: n(i),
+        "onUpdate:modelValue": c[0] || (c[0] = (h) => O(m) ? m.value = h : null),
+        column: n(i),
+        direction: n(o),
         disabled: n(r),
         filter: n(s),
         mandatory: n(a),
@@ -1048,7 +1048,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
         "show-arrows": n(d),
         theme: n(b)
       }, {
-        default: I(() => [
+        default: S(() => [
           L(u.$slots, "default")
         ]),
         _: 3
@@ -1062,9 +1062,9 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, o = pe(), i = de(), { applySize: r } = he(e), s = k(() => {
-      const h = {}, x = i.value.type;
-      return o === "page" ? x === "common" ? r(h) : console.assert(!1) : o === "comp" && x === "common" ? r(h) : console.assert(!1), h;
+    const e = t, i = pe(), o = de(), { applySize: r } = he(e), s = k(() => {
+      const h = {}, x = o.value.type;
+      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"
@@ -1091,16 +1091,16 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "hideDetails"]), { prop: i } = 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"]);
+    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),
-            "hide-details": n(o),
-            label: n(i),
+            "onUpdate:modelValue": m[0] || (m[0] = (c) => O(d) ? d.value = c : null),
+            "hide-details": n(i),
+            label: n(o),
             placeholder: n(r),
             readonly: n(s),
             "single-line": n(a),
@@ -1118,12 +1118,12 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, o = pe(), i = de(), { prop: r } = l(e, [
+    const e = t, i = pe(), o = de(), { prop: r } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: s } = j(r), { applySize: a } = he(e), { applyMargin: p } = Ln(e), { applyPadding: d } = Bn(e), { applyBorder: b } = An(e), m = k(() => {
-      const u = {}, c = i.value.type;
-      return o === "page" ? c === "common" ? (a(u), p(u), d(u), b(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1) : o === "comp" && c === "common" ? (a(u), p(u), d(u), b(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1), u;
+    ]), { 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;
     });
     return (u, c) => (v(), Y("div", {
       style: Q(m.value)
@@ -1138,7 +1138,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "density"]), { prop: i } = 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 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);
@@ -1147,8 +1147,8 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     return (h, x) => {
       const g = z("v-data-table");
       return v(), V(g, {
-        density: n(o),
-        "fixed-footer": n(i),
+        density: n(i),
+        "fixed-footer": n(o),
         "fixed-header": n(r),
         headers: n(s),
         height: n(a),
@@ -1161,7 +1161,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
       }, Tn({ _: 2 }, [
         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 }
@@ -1173,8 +1173,8 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
   }
 }), al = {};
 function ul(t, e) {
-  const o = z("v-date-picker");
-  return v(), V(o);
+  const i = z("v-date-picker");
+  return v(), V(i);
 }
 const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PURE__ */ $({
   __name: "index",
@@ -1183,9 +1183,9 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, o = G(), i = We(), r = k(() => e.node.basic?.id), { open: s } = no(`runtimeDlg/${Yi()}`);
-    return po(i, e, (p) => {
-      if (o !== "runtime" && o !== "preview")
+    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;
       const { name: d } = p;
       d === "open" ? s.value = !0 : d === "close" && (s.value = !1);
@@ -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(() => [
-          n(o) === "editor" ? (v(), Y("div", {
+        activator: S(() => [
+          n(i) === "editor" ? (v(), Y("div", {
             key: 0,
             id: `__node__@${r.value}`
           }, null, 8, ml)) : ee("", !0)
         ]),
-        default: I(() => [
+        default: S(() => [
           L(p.$slots, "default")
         ]),
         _: 3
@@ -1216,12 +1216,12 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "chips"]), { prop: i } = 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"]);
+    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(o),
-        density: n(i),
+        chips: n(i),
+        density: n(o),
         direction: n(r),
         disabled: n(s),
         label: n(a),
@@ -1240,22 +1240,22 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, o = $e(), i = pe(), r = de(), { applySize: s } = he(e), { applyMargin: a } = Ln(e), { applyPadding: p } = Bn(e), { applyBorder: d } = An(e), { prop: b } = l(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 = Re(o.value.width), x = Ie(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 = Ie(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 = Ie(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 = Ie(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 = r.value.type;
-      return i === "page" ? h === "common" ? (s(f), a(f), p(f), d(f), u(f)) : console.assert(!1) : i === "comp" && h === "common" ? (s(f), a(f), p(f), d(f), u(f)) : console.assert(!1), f;
+      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", {
       style: Q(c.value)
@@ -1270,9 +1270,9 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, o = pe(), i = de(), { applySize: r } = he(e), { prop: s } = l(e, ["settings", "grow"]), { prop: a } = l(e, ["settings", "shrink"]), p = k(() => {
-      const d = {}, b = i.value.type;
-      return o === "page" ? b === "common" ? (r(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1) : o === "comp" && b === "common" ? (r(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1), d;
+    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" ? (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,14 +1287,14 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, o = G(), i = pe(), r = de(), s = We(), { prop: a } = l(e, ["settings", "valid"]), { prop: p } = l(e, ["settings", "fastFail"]), { prop: d } = l(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(() => {
+    ]), { 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 i === "page" ? w === "common" ? (m(g), u(g), c(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1) : i === "comp" && w === "common" ? (m(g), u(g), c(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1), g;
+      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 = () => {
-      o !== "runtime" && o !== "preview" || s.callFunction("__triggerEventV1__", [
+      i !== "runtime" && i !== "preview" || s.callFunction("__triggerEventV1__", [
         `elementEvent@submit@${e.node.basic.id}`
       ]);
     };
@@ -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: No(x, ["prevent"])
       }, {
-        default: I(() => [
+        default: S(() => [
           L(g.$slots, "default")
         ]),
         _: 3
@@ -1321,11 +1321,11 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "color"]), { color: i } = j(o), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, ["settings", "icon"]), { prop: a } = l(e, ["settings", "size"]), { theme: p } = N();
+    const e = t, { prop: i } = l(e, ["settings", "color"]), { color: o } = K(i), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, ["settings", "icon"]), { prop: a } = l(e, ["settings", "size"]), { theme: p } = N();
     return (d, b) => {
       const m = z("v-icon");
       return v(), V(m, {
-        color: n(i),
+        color: n(o),
         disabled: n(r),
         icon: n(s),
         size: n(a),
@@ -1340,29 +1340,29 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, o = G(), i = 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(i, e, (m) => {
-      if (o !== "runtime" && o !== "preview")
+    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" ? (r.value = i.getVariable("__pointerPosX__"), s.value = i.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(() => [
-          n(o) === "editor" ? (v(), Y("div", {
+        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,11 +1376,11 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, [
+    const e = t, { prop: i } = l(e, [
       "settings",
       "addIcon",
       "append"
-    ]), { prop: i } = l(e, [
+    ]), { prop: o } = l(e, [
       "settings",
       "addIcon",
       "appendInner"
@@ -1392,16 +1392,16 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
       "settings",
       "addIcon",
       "prependInner"
-    ]), { prop: w } = l(e, ["settings", "readonly"]), { prop: C } = l(e, ["settings", "reverse"]), { prop: R } = l(e, ["settings", "singleLine"]), { prop: W } = l(e, ["settings", "step"]), { prop: F } = l(e, ["settings", "suffix"]), { theme: D } = N(), { prop: E } = l(e, ["settings", "value"]), { prop: S } = l(e, ["settings", "variant"]), { prop: M } = l(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(E),
-            "onUpdate:modelValue": te[0] || (te[0] = (le) => U(E) ? E.value = le : null),
-            "append-icon": n(o),
-            "append-inner-icon": n(i),
+            "onUpdate:modelValue": te[0] || (te[0] = (le) => O(E) ? E.value = le : null),
+            "append-icon": n(i),
+            "append-inner-icon": n(o),
             clearable: n(r),
             "hide-details": n(s),
             label: n(a),
@@ -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,21 +1436,21 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, o = G(), { prop: i } = l(e, ["settings", "density"]), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, ["settings", "length"]), { prop: a } = l(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 } = 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 o === "editor" && (h.pointerEvents = "none"), 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),
-            density: n(i),
+            "onUpdate:modelValue": x[0] || (x[0] = (w) => O(u) ? u.value = w : null),
+            density: n(o),
             disabled: n(r),
             length: n(s),
             "show-first-last-page": n(a),
@@ -1473,11 +1473,11 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "color"]), { color: i } = j(o), { 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"]);
+    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(i),
+        color: n(o),
         density: n(r),
         disabled: n(s),
         label: n(a),
@@ -1494,22 +1494,22 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "density"]), { prop: i } = 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"]);
+    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),
-            density: n(o),
-            direction: n(i),
+            "onUpdate:modelValue": m[0] || (m[0] = (c) => O(d) ? d.value = c : null),
+            density: n(i),
+            direction: n(o),
             disabled: n(r),
             inline: n(s),
             readonly: n(a),
             theme: n(p)
           }, {
-            default: I(() => [
+            default: S(() => [
               L(b.$slots, "default")
             ]),
             _: 3
@@ -1526,7 +1526,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "density"]), { prop: i } = 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(() => {
+    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")
@@ -1543,32 +1543,32 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
       if (!w.value)
         return;
       const E = {};
-      for (const { value: S, label: M } of w.value)
-        E[S] = M;
+      for (const { value: I, label: D } of w.value)
+        E[I] = D;
       if (!Qi(E))
         return E;
-    }), { prop: R } = l(e, ["settings", "tickSize"]), { prop: W } = l(e, [
+    }), { prop: M } = l(e, ["settings", "tickSize"]), { prop: W } = l(e, [
       "settings",
       "value",
       "start"
-    ]), { prop: F } = l(e, ["settings", "value", "end"]), D = k({
+    ]), { prop: F } = l(e, ["settings", "value", "end"]), R = k({
       get: () => [W.value, F.value],
-      set: ([E, S]) => {
-        W.value = E, F.value = S;
+      set: ([E, I]) => {
+        W.value = E, F.value = I;
       }
     });
-    return (E, 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),
-            density: n(o),
-            direction: n(i),
+        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(r),
             "hide-details": n(s),
             label: n(a),
@@ -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,19 +1595,19 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "clearable"]), { prop: i } = l(e, ["settings", "density"]), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(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 } = 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),
-            clearable: n(o),
-            density: n(i),
+            "onUpdate:modelValue": c[0] || (c[0] = (h) => O(m) ? m.value = h : null),
+            clearable: n(i),
+            density: n(o),
             disabled: n(r),
             "half-increments": n(s),
             hover: n(a),
@@ -1620,23 +1620,23 @@ 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: o } = l(e, ["settings", "hideDetails"]), { prop: i } = 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"]);
+    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),
-            "hide-details": n(o),
-            label: n(i),
+            "onUpdate:modelValue": m[0] || (m[0] = (c) => O(d) ? d.value = c : null),
+            "hide-details": n(i),
+            label: n(o),
             placeholder: n(r),
             readonly: n(s),
             "single-line": n(a),
@@ -1647,14 +1647,14 @@ 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: o } = l(e, ["settings", "color"]), { color: i } = j(o), { 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(() => {
+    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")
@@ -1662,34 +1662,34 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     }), { prop: h } = l(e, ["settings", "step"]), { theme: x } = N(), { prop: g } = l(e, [
       "settings",
       "thumbColor"
-    ]), { color: w } = j(g), { prop: C } = l(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 } = l(e, ["settings", "thumbSize"]), { prop: F } = l(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: Ee, label: Ut } of F.value)
-        le[Ee] = Ut;
+      for (const { value: Ee, label: Ot } of F.value)
+        le[Ee] = Ot;
       if (!Qi(le))
         return le;
-    }), { prop: E } = l(e, ["settings", "tickSize"]), { prop: S } = l(e, [
+    }), { prop: E } = l(e, ["settings", "tickSize"]), { prop: I } = l(e, [
       "settings",
       "trackColor"
-    ]), { color: M } = j(S), { prop: J } = l(e, ["settings", "value"]), { prop: te } = l(e, ["slots", "append"]), { prop: re } = l(e, ["slots", "prepend"]);
+    ]), { 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 Ut = z("v-slider");
+      const Ot = z("v-slider");
       return v(), V(n(Z), null, {
-        default: I(() => [
-          H(Ut, {
+        default: S(() => [
+          H(Ot, {
             modelValue: n(J),
-            "onUpdate:modelValue": Ee[0] || (Ee[0] = (Bo) => U(J) ? J.value = Bo : null),
-            color: n(i),
+            "onUpdate:modelValue": Ee[0] || (Ee[0] = (Bo) => O(J) ? J.value = Bo : null),
+            color: n(o),
             direction: n(r),
             disabled: n(s),
             "hide-details": n(a),
@@ -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(E),
-            ticks: D.value,
-            "track-color": n(M)
+            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: o } = l(e, ["settings", "hideActions"]), { theme: i } = N(), { prop: r } = l(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(r),
-        "onUpdate:modelValue": a[0] || (a[0] = (d) => U(r) ? r.value = d : null),
-        "hide-actions": n(o),
-        theme: n(i)
+        "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
@@ -1759,9 +1759,9 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
   }
 }), Tl = {};
 function Pl(t, e) {
-  const o = z("v-stepper-header");
-  return v(), V(o, null, {
-    default: I(() => [
+  const i = z("v-stepper-header");
+  return v(), V(i, null, {
+    default: S(() => [
       L(t.$slots, "default")
     ]),
     _: 3
@@ -1774,12 +1774,12 @@ const zl = /* @__PURE__ */ ge(Tl, [["render", Pl]]), Al = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "value"]);
-    return (i, r) => {
+    const e = t, { prop: i } = l(e, ["settings", "value"]);
+    return (o, r) => {
       const s = z("v-stepper-item");
-      return v(), V(s, { value: n(o) }, {
-        default: I(() => [
-          L(i.$slots, "default")
+      return v(), V(s, { value: n(i) }, {
+        default: S(() => [
+          L(o.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
@@ -1787,9 +1787,9 @@ const zl = /* @__PURE__ */ ge(Tl, [["render", Pl]]), Al = /* @__PURE__ */ $({
   }
 }), Ll = {};
 function Bl(t, e) {
-  const o = z("v-stepper-window");
-  return v(), V(o, null, {
-    default: I(() => [
+  const i = z("v-stepper-window");
+  return v(), V(i, null, {
+    default: S(() => [
       L(t.$slots, "default")
     ]),
     _: 3
@@ -1802,12 +1802,12 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "value"]);
-    return (i, r) => {
+    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(o) }, {
-        default: I(() => [
-          L(i.$slots, "default")
+      return v(), V(s, { value: n(i) }, {
+        default: S(() => [
+          L(o.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
@@ -1820,19 +1820,19 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "density"]), { prop: i } = l(e, ["settings", "direction"]), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, ["settings", "hideDetails"]), { prop: a } = l(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 } = 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),
-            density: n(o),
-            direction: n(i),
+            "onUpdate:modelValue": h[0] || (h[0] = (g) => O(c) ? c.value = g : null),
+            density: n(i),
+            direction: n(o),
             disabled: n(r),
             "hide-details": n(s),
             indeterminate: n(a),
@@ -1847,24 +1847,24 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ $({
       });
     };
   }
-}), Rl = /* @__PURE__ */ $({
+}), Ml = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, o = G(), { prop: i } = l(e, ["settings", "text"]), { theme: r } = N(), { prop: s } = l(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 o === "editor" && (p.pointerEvents = "none"), 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(i),
+            text: n(o),
             theme: n(r),
             value: n(s)
           }, null, 8, ["style", "text", "theme", "value"])
@@ -1873,35 +1873,35 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ $({
       });
     };
   }
-}), Dl = /* @__PURE__ */ $({
+}), Rl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "alignTabs"]), { prop: i } = l(e, [
+    const e = t, { prop: i } = l(e, ["settings", "alignTabs"]), { prop: o } = l(e, [
       "settings",
       "color",
       "backgroundColor"
-    ]), { color: r } = j(i), { prop: s } = l(e, [
+    ]), { color: r } = K(o), { prop: s } = l(e, [
       "settings",
       "centerActive"
     ]), { prop: a } = l(e, [
       "settings",
       "color",
       "selectedColor"
-    ]), { color: p } = j(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, [
+    ]), { 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 } = l(e, ["settings", "stacked"]), { theme: W } = N(), { prop: F } = l(e, ["settings", "value"]);
-    return (D, E) => {
-      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": E[0] || (E[0] = (M) => U(F) ? F.value = M : null),
-        "align-tabs": n(o),
+        "onUpdate:modelValue": E[0] || (E[0] = (D) => O(F) ? F.value = D : null),
+        "align-tabs": n(i),
         "bg-color": n(r),
         "center-active": n(s),
         color: n(p),
@@ -1915,30 +1915,30 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__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, o = $e(), { prop: i } = l(e, ["settings", "align"]), { prop: r } = l(e, ["settings", "decoration"]), { prop: s } = l(e, ["settings", "emphasis"]), { prop: a } = l(e, ["settings", "italic"]), { prop: p } = l(e, ["settings", "text"]), { prop: d } = l(e, ["settings", "weight"]), b = k(() => {
-      const m = [], u = Re(o.value.width), c = Ie(u, e.node.settings?.style);
-      return c && m.push(`text-${c}`), s.value === "high" ? m.push("text-high-emphasis") : s.value === "medium" ? m.push("text-medium-emphasis") : s.value === "disabled" && m.push("text-disabled"), i.value && m.push(`font-${i.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(" ");
+    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,16 +1947,16 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "autoGrow"]), { prop: i } = 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"]);
+    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),
-            "auto-grow": n(o),
-            clearable: n(i),
+            "onUpdate:modelValue": C[0] || (C[0] = (W) => O(x) ? x.value = W : null),
+            "auto-grow": n(i),
+            clearable: n(o),
             density: n(r),
             disabled: n(s),
             label: n(a),
@@ -1982,28 +1982,28 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "appendIcon"]), { prop: i } = l(e, [
+    const e = t, { prop: i } = l(e, ["settings", "appendIcon"]), { prop: o } = l(e, [
       "settings",
       "appendInnerIcon"
     ]), { 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 } = l(e, ["settings", "readonly"]), { prop: g } = l(e, ["settings", "reverse"]), { prop: w } = l(e, ["settings", "singleLine"]), { prop: C } = l(e, ["settings", "suffix"]), { theme: R } = N(), { prop: W } = l(e, ["settings", "value"]), { prop: F } = l(e, ["settings", "variant"]), { prop: D } = l(e, ["slots", "append"]), { prop: E } = l(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 } = l(e, ["slots", "prepend"]), { prop: M } = l(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),
-            "append-icon": n(o),
-            "append-inner-icon": n(i),
+            "onUpdate:modelValue": te[0] || (te[0] = (le) => O(W) ? W.value = le : null),
+            "append-icon": n(i),
+            "append-inner-icon": n(o),
             autofocus: n(r),
             clearable: n(s),
             density: n(a),
@@ -2019,14 +2019,14 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__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"])
               ]),
@@ -2034,7 +2034,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ $({
             } : void 0,
             n(E) ? {
               name: "append-inner",
-              fn: I(() => [
+              fn: S(() => [
                 H(n(fe), {
                   "ref-context": { refid: n(E) },
                   state: {}
@@ -2042,21 +2042,21 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ $({
               ]),
               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,18 +2075,18 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: o } = l(e, ["settings", "align"]), { prop: i } = l(e, ["settings", "density"]), { prop: r } = l(e, ["settings", "direction"]), { prop: s } = l(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 } = l(e, ["settings", "dot", "fill"]), { prop: d } = l(e, [
+    ]), { color: a } = K(s), { prop: p } = l(e, ["settings", "dot", "fill"]), { prop: d } = l(e, [
       "settings",
       "hideOpposite"
     ]), { prop: b } = l(e, [
       "settings",
       "line",
       "color"
-    ]), { color: m } = j(b), { prop: u } = l(e, ["settings", "line", "inset"]), { prop: c } = l(e, [
+    ]), { color: m } = K(b), { prop: u } = l(e, ["settings", "line", "inset"]), { prop: c } = l(e, [
       "settings",
       "line",
       "thickness"
@@ -2098,8 +2098,8 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ $({
     return (g, w) => {
       const C = z("v-timeline");
       return v(), V(C, {
-        align: n(o),
-        density: n(i),
+        align: n(i),
+        density: n(o),
         direction: n(r),
         "dot-color": n(a),
         "fill-dot": n(p),
@@ -2111,45 +2111,45 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__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) {
-  const o = z("v-timeline-item");
-  return v(), V(o, null, {
-    default: I(() => [
+}), Kl = {};
+function jl(t, e) {
+  const i = z("v-timeline-item");
+  return v(), V(i, null, {
+    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: o } = l(e, ["settings", "continuous"]), { prop: i } = 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"]);
+    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),
-        continuous: n(o),
+        "onUpdate:modelValue": u[0] || (u[0] = (f) => O(b) ? b.value = f : null),
+        continuous: n(i),
         direction: n(r),
-        disabled: n(i),
+        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
@@ -2158,15 +2158,15 @@ const Ul = /* @__PURE__ */ ge(jl, [["render", Kl]]), Ol = /* @__PURE__ */ $({
   }
 }), Xl = {};
 function Yl(t, e) {
-  const o = z("v-window-item");
-  return v(), V(o, null, {
-    default: I(() => [
+  const i = z("v-window-item");
+  return v(), V(i, null, {
+    default: S(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ue = "ambient_light_v1", Oe = "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", It = "radio_group_v1", St = "range_slider_v1", Ct = "rating_v1", Nn = "render_switch_v1", Tt = "select_v1", De = "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", Rn = "table_v1", Wt = "tabs_v1", Et = "text_v1", Nt = "textarea_v1", Rt = "text_field_v1", Dt = "timeline_v1", ko = "timeline_item_v1", Mt = "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]]), Ue = "ambient_light_v1", Oe
       default: ""
     }
   ]
-}, K = {
+}, j = {
   key: "color",
   name: "x-runtime-lib.color",
   children: [
@@ -2228,7 +2228,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ue = "ambient_light_v1", Oe
       ]
     }
   ]
-}, ql = B(K), _e = {
+}, ql = B(j), _e = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2282,7 +2282,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ue = "ambient_light_v1", Oe
       ]
     }
   ]
-}, Me = {
+}, De = {
   key: "legend",
   name: "x-runtime-lib.legend",
   children: [
@@ -2373,7 +2373,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ue = "ambient_light_v1", Oe
       default: ""
     }
   ]
-}, O = {
+}, U = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -2705,19 +2705,19 @@ const ta = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
-    return (o, i) => n(e) !== "editor" ? (v(), V(n(qo), { key: 0 })) : ee("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), V(n(qo), { key: 0 })) : ee("", !0);
   }
 }), na = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
-    return (o, i) => n(e) !== "editor" ? (v(), V(n(Qo), { key: 0 })) : ee("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), V(n(Qo), { key: 0 })) : ee("", !0);
   }
 }), ia = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
-    return (o, i) => n(e) !== "editor" ? (v(), V(n(es), { key: 0 })) : ee("", !0);
+    return (i, o) => n(e) !== "editor" ? (v(), V(n(es), { key: 0 })) : ee("", !0);
   }
 }), oa = {
   key: bt,
@@ -2762,14 +2762,14 @@ const ra = {
 };
 _(ra);
 function la(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`boxGeometryV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`boxGeometryV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Pe.props[i];
+  const r = Pe.props[o];
   if (!r) {
-    console.error(`boxGeometryV1/spawn props not found, ${o}`);
+    console.error(`boxGeometryV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
@@ -2795,17 +2795,17 @@ function la(t, e) {
   ], s;
 }
 function aa(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
     console.error(
-      `boxGeometryV1/spawnBoxGeometry prop tag not found, ${o}`
+      `boxGeometryV1/spawnBoxGeometry prop tag not found, ${i}`
     );
     return;
   }
-  const r = tn.props[i];
+  const r = tn.props[o];
   if (!r) {
     console.error(
-      `boxGeometryV1/spawnBoxGeometry props not found, ${o}`
+      `boxGeometryV1/spawnBoxGeometry props not found, ${i}`
     );
     return;
   }
@@ -2820,17 +2820,17 @@ function aa(t, e) {
   }, s;
 }
 function ua(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
     console.error(
-      `boxGeometryV1/spawnMeshBasicMaterial prop tag not found, ${o}`
+      `boxGeometryV1/spawnMeshBasicMaterial prop tag not found, ${i}`
     );
     return;
   }
-  const r = Te.props[i];
+  const r = Te.props[o];
   if (!r) {
     console.error(
-      `boxGeometryV1/spawnMeshBasicMaterial props not found, ${o}`
+      `boxGeometryV1/spawnMeshBasicMaterial props not found, ${i}`
     );
     return;
   }
@@ -2897,14 +2897,14 @@ const Zn = {
 };
 _(tn);
 function ca(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`sphereGeometryV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`sphereGeometryV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Pe.props[i];
+  const r = Pe.props[o];
   if (!r) {
-    console.error(`sphereGeometryV1/spawn props not found, ${o}`);
+    console.error(`sphereGeometryV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
@@ -2930,17 +2930,17 @@ function ca(t, e) {
   ], s;
 }
 function ma(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
     console.error(
-      `sphereGeometryV1/spawnSphereGeometry prop tag not found, ${o}`
+      `sphereGeometryV1/spawnSphereGeometry prop tag not found, ${i}`
     );
     return;
   }
-  const r = nn.props[i];
+  const r = nn.props[o];
   if (!r) {
     console.error(
-      `sphereGeometryV1/spawnSphereGeometry props not found, ${o}`
+      `sphereGeometryV1/spawnSphereGeometry props not found, ${i}`
     );
     return;
   }
@@ -2956,17 +2956,17 @@ function ma(t, e) {
   }, s;
 }
 function pa(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
     console.error(
-      `sphereGeometryV1/spawnMeshBasicMaterial prop tag not found, ${o}`
+      `sphereGeometryV1/spawnMeshBasicMaterial prop tag not found, ${i}`
     );
     return;
   }
-  const r = Te.props[i];
+  const r = Te.props[o];
   if (!r) {
     console.error(
-      `sphereGeometryV1/spawnMeshBasicMaterial props not found, ${o}`
+      `sphereGeometryV1/spawnMeshBasicMaterial props not found, ${i}`
     );
     return;
   }
@@ -3040,7 +3040,7 @@ const qn = {
   spawn: ca
 };
 _(nn);
-const Ft = B(K);
+const Ft = B(j);
 Ft.children[0].default = "custom";
 Ft.children[2].children[0].default = "0xffffff";
 Ft.children[2].children[1].default = "0xffffff";
@@ -3058,9 +3058,9 @@ const Qn = {
     }
   ]
 }, da = {
-  key: Ue,
+  key: Oe,
   name: "x-runtime-lib.ambientLight",
-  comp: Is,
+  comp: Ss,
   props: {
     pageScene: [y, X, Qn],
     compScene: [y, X, Qn]
@@ -3070,7 +3070,7 @@ const Qn = {
   slots: []
 };
 _(da);
-const Gt = B(K);
+const Gt = B(j);
 Gt.children[0].default = "custom";
 Gt.children[2].children[0].default = "0xffffff";
 Gt.children[2].children[1].default = "0xffffff";
@@ -3100,7 +3100,7 @@ const ei = {
   slots: []
 };
 _(fa);
-const Ht = B(K);
+const Ht = B(j);
 Ht.children[0].default = "custom";
 Ht.children[2].children[0].default = "0xffffff";
 Ht.children[2].children[1].default = "0xffffff";
@@ -3144,15 +3144,15 @@ const ti = {
   slots: []
 };
 _(ba);
-const jt = B(K);
-jt.children[0].default = "custom";
-jt.children[2].children[0].default = "0xffffff";
-jt.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: [
-    jt,
+    Kt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3235,7 +3235,7 @@ _(ha);
 const Pe = {
   key: xt,
   name: "x-runtime-lib.mesh",
-  comp: Ds,
+  comp: Rs,
   props: {
     pageScene: [y, X],
     compScene: [y, X]
@@ -3246,14 +3246,14 @@ const Pe = {
 };
 _(Pe);
 function ga(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`barChartV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`barChartV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = on.props[i];
+  const r = on.props[o];
   if (!r) {
-    console.error(`barChartV1/spawn props not found, ${o}`);
+    console.error(`barChartV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
@@ -3288,10 +3288,10 @@ const ii = {
 }, on = {
   key: Xe,
   name: "x-runtime-lib.barChart",
-  comp: Ur,
+  comp: Or,
   props: {
-    pageCommon: [y, O, Fe, Ge, He, Me, ii],
-    compCommon: [y, O, Fe, Ge, He, Me, ii]
+    pageCommon: [y, U, Fe, Ge, He, De, ii],
+    compCommon: [y, U, Fe, Ge, He, De, ii]
   },
   events: [],
   methods: [],
@@ -3301,14 +3301,14 @@ const ii = {
 };
 _(on);
 function xa(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`lineChartV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`lineChartV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = sn.props[i];
+  const r = sn.props[o];
   if (!r) {
-    console.error(`lineChartV1/spawn props not found, ${o}`);
+    console.error(`lineChartV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
@@ -3343,10 +3343,10 @@ const oi = {
 }, sn = {
   key: yt,
   name: "x-runtime-lib.lineChart",
-  comp: Or,
+  comp: Ur,
   props: {
-    pageCommon: [y, O, Fe, Ge, He, Me, oi],
-    compCommon: [y, O, Fe, Ge, He, Me, oi]
+    pageCommon: [y, U, Fe, Ge, He, De, oi],
+    compCommon: [y, U, Fe, Ge, He, De, oi]
   },
   events: [],
   methods: [],
@@ -3355,17 +3355,17 @@ const oi = {
   spawn: xa
 };
 _(sn);
-const Kt = B(K);
-Kt.key = "backgroundColor";
-Kt.name = "x-runtime-lib.backgroundColor";
+const jt = B(j);
+jt.key = "backgroundColor";
+jt.name = "x-runtime-lib.backgroundColor";
 const si = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Kt]
+  children: [jt]
 }, ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Kt]
+  children: [jt]
 }, va = {
   key: en,
   name: "x-runtime-lib.globality",
@@ -3450,8 +3450,8 @@ const li = {
       default: !1
     }
   ]
-}, wc = {
-  key: Oe,
+}, Sc = {
+  key: Ue,
   name: "x-runtime-lib.badge",
   comp: Xr,
   props: {
@@ -3463,20 +3463,20 @@ const li = {
   slots: []
 };
 function ka(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`btnV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`btnV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = rn.props[i];
+  const r = rn.props[o];
   if (!r) {
-    console.error(`btnV1/spawn props not found, ${o}`);
+    console.error(`btnV1/spawn props not found, ${i}`);
     return;
   }
   const 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: [
@@ -3568,8 +3568,8 @@ const _a = B(K), ai = {
   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: [
     {
@@ -3672,14 +3672,14 @@ const ui = {
 };
 _(Va);
 function $a(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`cardV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`cardV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = ze.props[i];
+  const r = ze.props[o];
   if (!r) {
-    console.error(`cardV1/spawn props not found, ${o}`);
+    console.error(`cardV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
@@ -3745,8 +3745,8 @@ const ci = {
   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: [],
@@ -3771,7 +3771,7 @@ const mi = {
       default: ""
     }
   ]
-}, Ia = {
+}, Sa = {
   key: et,
   name: "x-runtime-lib.checkbox",
   comp: tl,
@@ -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,7 +3858,7 @@ const Sa = B(K), pi = {
       ui: "switch",
       default: !1
     },
-    Sa
+    Ia
   ]
 }, ln = {
   key: tt,
@@ -3875,14 +3875,14 @@ const Sa = B(K), pi = {
 };
 _(ln);
 function Ca(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`chipGroupV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`chipGroupV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = an.props[i];
+  const r = an.props[o];
   if (!r) {
-    console.error(`chipGroupV1/spawn props not found, ${o}`);
+    console.error(`chipGroupV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
@@ -3895,7 +3895,7 @@ function Ca(t, e) {
     xe(t, e, "chip6", "chip 6")
   ], s;
 }
-function xe(t, e, o, i) {
+function xe(t, e, i, o) {
   const r = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
     console.error(`chipGroupV1/spawnChip prop tag not found, ${r}`);
@@ -3907,7 +3907,7 @@ function xe(t, e, o, i) {
     return;
   }
   const p = {};
-  return P(p, a), p.basic.id = T(16), p.basic.key = ln.key, p.settings.value = o, p.settings.text = i, p;
+  return P(p, a), p.basic.id = T(16), p.basic.key = ln.key, p.settings.value = i, p.settings.text = o, p;
 }
 const di = {
   key: "settings",
@@ -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: st,
   name: "x-runtime-lib.container",
   comp: rl,
   props: {
-    pageCommon: [y, O, _e, we, Ve, bi],
-    compCommon: [y, O, _e, we, Ve, bi]
+    pageCommon: [y, U, _e, we, Ve, bi],
+    compCommon: [y, U, _e, we, Ve, bi]
   },
   events: [
     {
@@ -4283,7 +4283,7 @@ const xi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, Vc = {
+}, Ic = {
   key: ct,
   name: "x-runtime-lib.fileInput",
   comp: dl,
@@ -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: [],
@@ -4326,14 +4326,14 @@ const xi = {
 };
 _(cn);
 function Ba(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`flexLayoutV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`flexLayoutV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Ae.props[i];
+  const r = Ae.props[o];
   if (!r) {
-    console.error(`flexLayoutV1/spawn props not found, ${o}`);
+    console.error(`flexLayoutV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
@@ -4361,7 +4361,7 @@ function Ba(t, e) {
     Wa(t, e)
   ], s;
 }
-function mn(t, e, o, i, r, 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,17 +4375,17 @@ function mn(t, e, o, i, r, s, a, p, d) {
     return;
   }
   const c = {};
-  return P(c, u), c.basic.id = T(16), c.basic.key = un.key, i && (c.size.width = i), r && (c.size.minWidth = r), a && (c.size.height = a), p && (c.size.minHeight = p), o && (c.settings.backgroundColor.mode = "custom", c.settings.backgroundColor.custom.light = o, c.settings.backgroundColor.custom.dark = o), 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 o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`flexLayoutV1/spawnEntry prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`flexLayoutV1/spawnEntry prop tag not found, ${i}`);
     return;
   }
-  const r = cn.props[i];
+  const r = cn.props[o];
   if (!r) {
-    console.error(`flexLayoutV1/spawnEntry props not found, ${o}`);
+    console.error(`flexLayoutV1/spawnEntry props not found, ${i}`);
     return;
   }
   const s = {
@@ -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
   ]
 }, Ae = {
   key: mt,
   name: "x-runtime-lib.flexLayout",
   comp: fl,
   props: {
-    pageCommon: [y, O, _e, we, Ve, ki],
-    compCommon: [y, O, _e, we, Ve, ki]
+    pageCommon: [y, U, _e, we, Ve, ki],
+    compCommon: [y, U, _e, we, Ve, ki]
   },
   events: [
     {
@@ -4751,7 +4751,7 @@ const _i = {
     }
   ]
 }, pn = {
-  key: Rt,
+  key: Mt,
   name: "x-runtime-lib.textField",
   comp: Gl,
   props: {
@@ -4790,28 +4790,28 @@ const _i = {
 };
 _(pn);
 function Ea(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`formV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`formV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = dn.props[i];
+  const r = dn.props[o];
   if (!r) {
-    console.error(`formV1/spawn props not found, ${o}`);
+    console.error(`formV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
   return P(s, r), s.basic.id = T(16), s.basic.key = dn.key, s.children = [Na(t, e)], s;
 }
 function Na(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`formV1/spawnTextField prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`formV1/spawnTextField prop tag not found, ${i}`);
     return;
   }
-  const r = pn.props[i];
+  const r = pn.props[o];
   if (!r) {
-    console.error(`formV1/spawnTextField props not found, ${o}`);
+    console.error(`formV1/spawnTextField props not found, ${i}`);
     return;
   }
   const s = {};
@@ -4840,8 +4840,8 @@ const Vi = {
   name: "x-runtime-lib.form",
   comp: yl,
   props: {
-    pageCommon: [y, O, _e, we, Ve, Vi],
-    compCommon: [y, O, _e, we, Ve, Vi]
+    pageCommon: [y, U, _e, we, Ve, Vi],
+    compCommon: [y, U, _e, we, Ve, Vi]
   },
   events: [
     {
@@ -4855,7 +4855,7 @@ const Vi = {
   spawn: Ea
 };
 _(dn);
-const Ra = B(K), $i = {
+const Ma = B(j), $i = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4878,9 +4878,9 @@ const Ra = B(K), $i = {
       items: "sizeItemsV1",
       default: "default"
     },
-    Ra
+    Ma
   ]
-}, Da = {
+}, Ra = {
   key: ft,
   name: "x-runtime-lib.icon",
   comp: hl,
@@ -4893,8 +4893,8 @@ const Ra = B(K), $i = {
   slots: [],
   leaf: !0
 };
-_(Da);
-const Ma = {
+_(Ra);
+const Da = {
   key: gt,
   name: "x-runtime-lib.menu",
   comp: xl,
@@ -4920,22 +4920,22 @@ const Ma = {
   slots: [],
   teleport: !0
 };
-_(Ma);
+_(Da);
 function Fa(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`numberInputV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`numberInputV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = fn.props[i];
+  const r = fn.props[o];
   if (!r) {
-    console.error(`numberInputV1/spawn props not found, ${o}`);
+    console.error(`numberInputV1/spawn props not found, ${i}`);
     return;
   }
   const 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: [
@@ -5107,8 +5107,8 @@ const Ii = {
   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: [
     {
@@ -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,15 +5271,15 @@ const Ha = B(K), Ti = {
   leaf: !0
 };
 _(bn);
-function ja(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`radioGroupV1/spawn prop tag not found, ${o}`);
+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 r = yn.props[i];
+  const r = yn.props[o];
   if (!r) {
-    console.error(`radioGroupV1/spawn props not found, ${o}`);
+    console.error(`radioGroupV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
@@ -5289,7 +5289,7 @@ function ja(t, e) {
     Xt(t, e, "option3", "Option 3")
   ], s.settings.value = "option1", s;
 }
-function Xt(t, e, o, i) {
+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, ${r}`);
@@ -5301,7 +5301,7 @@ function Xt(t, e, o, i) {
     return;
   }
   const p = {};
-  return P(p, a), p.basic.id = T(16), p.basic.key = bn.key, p.settings.value = o, p.settings.label = i, p;
+  return P(p, a), p.basic.id = T(16), p.basic.key = bn.key, p.settings.value = i, p.settings.label = o, p;
 }
 const Pi = {
   key: "settings",
@@ -5347,7 +5347,7 @@ const Pi = {
     }
   ]
 }, yn = {
-  key: It,
+  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,8 +5477,8 @@ const zi = {
       ]
     }
   ]
-}, Ka = {
-  key: St,
+}, ja = {
+  key: It,
   name: "x-runtime-lib.rangeSlider",
   comp: Vl,
   props: {
@@ -5490,7 +5490,7 @@ const zi = {
   slots: [],
   leaf: !0
 };
-_(Ka);
+_(ja);
 const Ai = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5546,7 +5546,7 @@ const Ai = {
       default: !1
     }
   ]
-}, Ua = {
+}, Oa = {
   key: Ct,
   name: "x-runtime-lib.rating",
   comp: $l,
@@ -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 = {
+}, 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 = {
@@ -5753,7 +5753,7 @@ const Bi = {
 }, Xa = {
   key: Pt,
   name: "x-runtime-lib.slider",
-  comp: Sl,
+  comp: Il,
   props: {
     pageCommon: [y, Bi, Wi],
     compCommon: [y, Bi, Wi]
@@ -5839,28 +5839,28 @@ const Ni = {
 };
 _(vn);
 function Ya(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`stepperV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`stepperV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = kn.props[i];
+  const r = kn.props[o];
   if (!r) {
-    console.error(`stepperV1/spawn props not found, ${o}`);
+    console.error(`stepperV1/spawn props not found, ${i}`);
     return;
   }
   const 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 o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`stepperV1/spawnHeader prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`stepperV1/spawnHeader prop tag not found, ${i}`);
     return;
   }
-  const r = hn.props[i];
+  const r = hn.props[o];
   if (!r) {
-    console.error(`stepperV1/spawnHeader props not found, ${o}`);
+    console.error(`stepperV1/spawnHeader props not found, ${i}`);
     return;
   }
   const s = {};
@@ -5870,29 +5870,29 @@ function Ja(t, e) {
     Yt(t, e, "step3")
   ], s;
 }
-function Yt(t, e, o) {
-  const i = `type=${t} subtype=${e}`, r = A(t, e);
+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, ${i}`);
+    console.error(`stepperV1/spawnItem prop tag not found, ${o}`);
     return;
   }
   const s = gn.props[r];
   if (!s) {
-    console.error(`stepperV1/spawnItem props not found, ${i}`);
+    console.error(`stepperV1/spawnItem props not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = gn.key, a.children = [], a.settings.value = o, a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = gn.key, a.children = [], a.settings.value = i, a;
 }
 function Za(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`stepperV1/spawnWindow prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`stepperV1/spawnWindow prop tag not found, ${i}`);
     return;
   }
-  const r = xn.props[i];
+  const r = xn.props[o];
   if (!r) {
-    console.error(`stepperV1/spawnWindow props not found, ${o}`);
+    console.error(`stepperV1/spawnWindow props not found, ${i}`);
     return;
   }
   const s = {};
@@ -5902,7 +5902,7 @@ function Za(t, e) {
     Jt(t, e, "step3", "step 3")
   ], s;
 }
-function Jt(t, e, o, i) {
+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, ${r}`);
@@ -5914,23 +5914,23 @@ function Jt(t, e, o, i) {
     return;
   }
   const p = {};
-  return P(p, a), p.basic.id = T(16), p.basic.key = vn.key, p.children = [qa(t, e, i)], p.settings.value = o, 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, o) {
-  const i = `type=${t} subtype=${e}`, r = A(t, e);
+function qa(t, e, i) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
   if (!r) {
-    console.error(`stepperV1/spawnCard prop tag not found, ${i}`);
+    console.error(`stepperV1/spawnCard prop tag not found, ${o}`);
     return;
   }
   const s = ze.props[r];
   if (!s) {
-    console.error(`stepperV1/spawnCard props not found, ${i}`);
+    console.error(`stepperV1/spawnCard props not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = ze.key, a.children = [], a.settings.title = o, 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: [
@@ -5952,8 +5952,8 @@ const Ri = {
   name: "x-runtime-lib.stepper",
   comp: Cl,
   props: {
-    pageCommon: [y, Ri],
-    compCommon: [y, Ri]
+    pageCommon: [y, Mi],
+    compCommon: [y, Mi]
   },
   events: [],
   methods: [],
@@ -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: [],
@@ -6007,14 +6007,14 @@ const Di = {
 };
 _(_n);
 function eu(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`tabsV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`tabsV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = wn.props[i];
+  const r = wn.props[o];
   if (!r) {
-    console.error(`tabsV1/spawn props not found, ${o}`);
+    console.error(`tabsV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
@@ -6024,7 +6024,7 @@ function eu(t, e) {
     Zt(t, e, "tab3", "tab 3")
   ], s;
 }
-function Zt(t, e, o, i) {
+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, ${r}`);
@@ -6036,18 +6036,18 @@ function Zt(t, e, o, i) {
     return;
   }
   const p = {};
-  return P(p, a), p.basic.id = T(16), p.basic.key = _n.key, p.settings.value = o, p.settings.text = i, 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: 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: [],
@@ -6141,14 +6141,14 @@ const Mi = {
 };
 _(wn);
 function tu(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`textV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`textV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = be.props[i];
+  const r = be.props[o];
   if (!r) {
-    console.error(`textV1/spawn props not found, ${o}`);
+    console.error(`textV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
@@ -6243,7 +6243,7 @@ const Fi = {
 }, be = {
   key: Et,
   name: "x-runtime-lib.text",
-  comp: Ml,
+  comp: Dl,
   props: {
     pageCommon: [y, Fi],
     compCommon: [y, Fi]
@@ -6256,14 +6256,14 @@ const Fi = {
 };
 _(be);
 function nu(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`textareaV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`textareaV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Vn.props[i];
+  const r = Vn.props[o];
   if (!r) {
-    console.error(`textareaV1/spawn props not found, ${o}`);
+    console.error(`textareaV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
@@ -6358,7 +6358,7 @@ _(Vn);
 const $n = {
   key: ko,
   name: "x-runtime-lib.timelineItem",
-  comp: Ul,
+  comp: Ol,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -6369,52 +6369,52 @@ const $n = {
 };
 _($n);
 function iu(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`timelineV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`timelineV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = In.props[i];
+  const r = Sn.props[o];
   if (!r) {
-    console.error(`timelineV1/spawn props not found, ${o}`);
+    console.error(`timelineV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
-  return P(s, r), s.basic.id = T(16), s.basic.key = In.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = Sn.key, s.children = [
     qt(t, e, "timeline 1"),
     qt(t, e, "timeline 2"),
     qt(t, e, "timeline 3")
   ], s;
 }
-function qt(t, e, o) {
-  const i = `type=${t} subtype=${e}`, r = A(t, e);
+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, ${i}`);
+    console.error(`timelineV1/spawnEntry prop tag not found, ${o}`);
     return;
   }
   const s = $n.props[r];
   if (!s) {
-    console.error(`timelineV1/spawnEntry props not found, ${i}`);
+    console.error(`timelineV1/spawnEntry props not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = $n.key, a.children = [ou(t, e, o)], a;
+  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, o) {
-  const i = `type=${t} subtype=${e}`, r = A(t, e);
+function ou(t, e, i) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
   if (!r) {
-    console.error(`timelineV1/spawnText prop tag not found, ${i}`);
+    console.error(`timelineV1/spawnText prop tag not found, ${o}`);
     return;
   }
   const s = be.props[r];
   if (!s) {
-    console.error(`timelineV1/spawnText props not found, ${i}`);
+    console.error(`timelineV1/spawnText props not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = o, 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,8 +6492,8 @@ const su = B(K), ru = B(K), Hi = {
       ]
     }
   ]
-}, In = {
-  key: Dt,
+}, Sn = {
+  key: Rt,
   name: "x-runtime-lib.timeline",
   comp: Hl,
   props: {
@@ -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,16 +6518,16 @@ const Sn = {
   methods: [],
   slots: []
 };
-_(Sn);
+_(In);
 function lu(t, e) {
-  const o = `type=${t} subtype=${e}`, i = A(t, e);
-  if (!i) {
-    console.error(`windowV1/spawn prop tag not found, ${o}`);
+  const i = `type=${t} subtype=${e}`, o = A(t, e);
+  if (!o) {
+    console.error(`windowV1/spawn prop tag not found, ${i}`);
     return;
   }
-  const r = Cn.props[i];
+  const r = Cn.props[o];
   if (!r) {
-    console.error(`windowV1/spawn props not found, ${o}`);
+    console.error(`windowV1/spawn props not found, ${i}`);
     return;
   }
   const s = {};
@@ -6537,49 +6537,49 @@ function lu(t, e) {
     Qt(t, e, "window 3")
   ], s;
 }
-function Qt(t, e, o) {
-  const i = `type=${t} subtype=${e}`, r = A(t, e);
+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, ${i}`);
+    console.error(`windowV1/spawnEntry prop tag not found, ${o}`);
     return;
   }
-  const s = Sn.props[r];
+  const s = In.props[r];
   if (!s) {
-    console.error(`windowV1/spawnEntry props not found, ${i}`);
+    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, o)], 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, o) {
-  const i = `type=${t} subtype=${e}`, r = A(t, e);
+function au(t, e, i) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
   if (!r) {
-    console.error(`windowV1/spawnFlexLayout prop tag not found, ${i}`);
+    console.error(`windowV1/spawnFlexLayout prop tag not found, ${o}`);
     return;
   }
   const s = Ae.props[r];
   if (!s) {
-    console.error(`windowV1/spawnFlexLayout props not found, ${i}`);
+    console.error(`windowV1/spawnFlexLayout props not found, ${o}`);
     return;
   }
   const 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, o)], 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, o) {
-  const i = `type=${t} subtype=${e}`, r = A(t, e);
+function uu(t, e, i) {
+  const o = `type=${t} subtype=${e}`, r = A(t, e);
   if (!r) {
-    console.error(`windowV1/spawnText prop tag not found, ${i}`);
+    console.error(`windowV1/spawnText prop tag not found, ${o}`);
     return;
   }
   const s = be.props[r];
   if (!s) {
-    console.error(`windowV1/spawnText props not found, ${i}`);
+    console.error(`windowV1/spawnText props not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = o, a.settings.style.xs = "h6", 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: [
@@ -6628,12 +6628,12 @@ const ji = {
     }
   ]
 }, Cn = {
-  key: Mt,
+  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,
@@ -6850,7 +6850,7 @@ const cu = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: Ke,
+    validator: je,
     default: "0px",
     precision: 0,
     min: 0,
@@ -6879,7 +6879,7 @@ const cu = [
     validator: (t) => t === "right",
     default: "right"
   }
-], Ru = [
+], Mu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6898,7 +6898,7 @@ const cu = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: Ke,
+    validator: je,
     default: "0px"
   },
   {
@@ -6909,7 +6909,7 @@ const cu = [
     precision: 6,
     default: "0%"
   }
-], Du = [
+], Ru = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6921,7 +6921,7 @@ const cu = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: Ke,
+    validator: je,
     min: 0,
     default: "0px"
   },
@@ -6934,7 +6934,7 @@ const cu = [
     min: 0,
     default: "0%"
   }
-], Mu = [
+], Du = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6946,7 +6946,7 @@ const cu = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: Ke,
+    validator: je,
     min: 0,
     default: "0px"
   },
@@ -7014,12 +7014,12 @@ const cu = [
   __proto__: null,
   borderWidthTypesV1: Eu,
   leftRightTypesV1: Nu,
-  marginTypesV1: Ru,
-  paddingTypesV1: Du,
-  sizeTypesV1: Mu,
+  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",
@@ -7044,23 +7044,23 @@ const cu = [
     items: [
       pt,
       Et,
-      Rt,
+      Mt,
       Nt,
       vt,
       Tt,
       ot,
       Bt,
-      It,
+      St,
       et,
       Pt,
-      St,
+      It,
       ct
     ]
   },
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [Rn, rt, Xe, yt]
+    items: [Mn, rt, Xe, yt]
   },
   {
     key: "selection",
@@ -7070,13 +7070,13 @@ const cu = [
       Ze,
       nt,
       Lt,
-      Mt
+      Dt
     ]
   },
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [Oe, Ct, Dt]
+    items: [Ue, Ct, Rt]
   },
   {
     key: "imagesAndIcons",
@@ -7091,9 +7091,9 @@ const cu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [De, En, Nn]
+    items: [Re, En, Nn]
   }
-], Ku = [
+], ju = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7108,7 +7108,7 @@ const cu = [
     key: "lights",
     name: "x-runtime-lib.lights",
     items: [
-      Ue,
+      Oe,
       ut,
       $t,
       At
@@ -7124,7 +7124,7 @@ const cu = [
     name: "x-runtime-lib.controls",
     items: [kt, ht, bt]
   }
-], Uu = [
+], Ou = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -7149,23 +7149,23 @@ const cu = [
     items: [
       pt,
       Et,
-      Rt,
+      Mt,
       Nt,
       vt,
       Tt,
       ot,
       Bt,
-      It,
+      St,
       et,
       Pt,
-      St,
+      It,
       ct
     ]
   },
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [Rn, rt, Xe, yt]
+    items: [Mn, rt, Xe, yt]
   },
   {
     key: "selection",
@@ -7175,13 +7175,13 @@ const cu = [
       Ze,
       nt,
       Lt,
-      Mt
+      Dt
     ]
   },
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [Oe, Ct, Dt]
+    items: [Ue, Ct, Rt]
   },
   {
     key: "imagesAndIcons",
@@ -7196,9 +7196,9 @@ const cu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [De, En, Nn]
+    items: [Re, En, Nn]
   }
-], Ou = [
+], Uu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7213,7 +7213,7 @@ const cu = [
     key: "lights",
     name: "x-runtime-lib.lights",
     items: [
-      Ue,
+      Oe,
       ut,
       $t,
       At
@@ -7232,12 +7232,12 @@ const cu = [
 ], Xu = {
   version: "v1",
   globalityKey: en,
-  refKey: De,
+  refKey: Re,
   items: { ...Wu },
   types: { ...Hu },
   elements: /* @__PURE__ */ new Set([
-    Ue,
     Oe,
+    Ue,
     Xe,
     Ye,
     Wn,
@@ -7275,12 +7275,12 @@ const cu = [
     Vt,
     $t,
     bo,
-    It,
     St,
+    It,
     Ct,
     Nn,
     Tt,
-    De,
+    Re,
     Pt,
     zt,
     At,
@@ -7291,26 +7291,26 @@ const cu = [
     xo,
     Bt,
     vo,
-    Rn,
+    Mn,
     Wt,
     Et,
     Nt,
+    Mt,
     Rt,
-    Dt,
     ko,
-    Mt,
+    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,69 +7324,81 @@ function Ic(t) {
       return "#80a55b";
   }
 }
-function Sc(t, e, o, i, r) {
+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) {
       console.assert(!1, `unpkg context failed parentKeys=${e}`);
       return;
     }
-  let a = s.children[o];
-  a ? a.dataSeq !== i && (a = {
-    dataSeq: i,
+  let a = s.children[i];
+  a ? a.dataSeq !== o && (a = {
+    dataSeq: o,
     data: B(r),
     children: {}
   }) : (a = {
-    dataSeq: i,
+    dataSeq: o,
     data: B(r),
     children: {}
-  }, s.children[o] = a);
+  }, s.children[i] = a);
 }
 const Yu = ["common", "scene"], Ju = ["common", "scene"];
-function Cc(t, e) {
-  const { i18n: o } = ke;
-  let i = "";
-  return e === "elementProperty" ? t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += o.global.t(r);
-  }) : e === "refProperty" ? (i += o.global.t("x-runtime-lib.ref"), i += " / ", t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += r;
-  })) : e === "customProperty" ? (i += o.global.t("x-runtime-lib.custom"), i += " / ", t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += r;
-  })) : e === "elementSlotProperty" ? (i += o.global.t("x-runtime-lib.slot"), i += " / ", t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += o.global.t(r);
-  })) : e === "customSlotProperty" ? (i += o.global.t("x-runtime-lib.slot"), i += " / ", t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += r;
-  })) : console.assert(!1), i;
+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 Tc(t, e) {
-  const { i18n: o } = ke;
-  let i = "";
-  return e === "elementMethod" ? t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += o.global.t(r);
-  }) : e === "refMethod" ? (i += o.global.t("x-runtime-lib.ref"), i += " / ", t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += r;
-  })) : e === "customMethod" ? (i += o.global.t("x-runtime-lib.custom"), i += " / ", t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += r;
-  })) : e === "elementSlotMethod" ? (i += o.global.t("x-runtime-lib.slot"), i += " / ", t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += o.global.t(r);
-  })) : e === "customSlotMethod" ? (i += o.global.t("x-runtime-lib.slot"), i += " / ", t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += r;
-  })) : console.assert(!1), i;
+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 Pc(t, e) {
-  const { i18n: o } = ke;
-  let i = "";
-  return e === "elementEvent" ? t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += o.global.t(r);
-  }) : e === "refEvent" ? (i += o.global.t("x-runtime-lib.ref"), i += " / ", t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += r;
-  })) : e === "customEvent" ? (i += o.global.t("x-runtime-lib.custom"), i += " / ", t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += r;
-  })) : e === "propertyChangeEvent" ? (i += o.global.t("x-runtime-lib.propertyChange"), i += " / ", t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += o.global.t(r);
-  })) : e === "stateChangeEvent" ? (i += o.global.t("x-runtime-lib.stateChange"), i += " / ", t.forEach((r, s) => {
-    s > 0 && (i += " - "), i += r;
-  })) : console.assert(!1), i;
+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") {
@@ -7400,39 +7412,39 @@ 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);
   {
-    const o = B(t.default);
-    return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect") && !o ? void 0 : o;
+    const i = B(t.default);
+    return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect") && !i ? void 0 : i;
   }
 }
 function P(t, e) {
-  function o(i, r) {
+  function i(o, r) {
     if (r.ui) {
       if (r.ui === "strInput" && r.static)
         return;
-      i[r.key] = Ki(r);
+      o[r.key] = ji(r);
     } else
-      r.array ? i[r.key] = Ki(r) : r.children.forEach((s) => {
-        i[r.key] || (i[r.key] = {}), o(i[r.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((i) => o(t, i));
+  e.forEach((o) => i(t, o));
 }
-function zc(t, e, o, i, r) {
-  const s = `type=${t} subtype=${e} version=${o} ref=${i} keyOrRefid=${r}`, 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;
   }
-  const p = wo[o];
+  const p = wo[i];
   if (!p) {
     console.error(`spawnNode pkg not found version, ${s}`);
     return;
   }
-  if (i) {
+  if (o) {
     const d = p.refKey, b = r;
     if (!p.elements.has(d)) {
       console.error(`spawnNode [ref] element not found in pkg, ${s}`);
@@ -7486,104 +7498,104 @@ function zc(t, e, o, i, r) {
     }
   }
 }
-function Ac(t, e) {
-  function o(i) {
-    if (i.basic.id === e)
-      return i;
-    if (i.children)
-      for (let r = 0; r < i.children.length; r++) {
-        const s = o(i.children[r]);
+function Fc(t, e) {
+  function i(o) {
+    if (o.basic.id === e)
+      return o;
+    if (o.children)
+      for (let r = 0; r < o.children.length; r++) {
+        const s = i(o.children[r]);
         if (s)
           return s;
       }
   }
-  for (let i = 0; i < t.length; i++) {
-    const r = o(t[i]);
+  for (let o = 0; o < t.length; o++) {
+    const r = i(t[o]);
     if (r)
       return r;
   }
 }
-function Zu(t) {
-  function e(i) {
-    i.basic.id = T(16), i.children?.forEach((r) => e(r));
+function ec(t) {
+  function e(o) {
+    o.basic.id = T(16), o.children?.forEach((r) => e(r));
   }
-  const o = B(t);
-  return e(o), o;
+  const i = B(t);
+  return e(i), i;
 }
-function Lc(t) {
+function Gc(t) {
   const e = [];
-  return t.forEach((o) => {
-    e.push(Zu(o));
+  return t.forEach((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 Bc(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 Wc(t) {
+function Kc(t) {
   se($o, t);
 }
-function Qu() {
+function nc() {
   return oe($o);
 }
-function Ec(t) {
-  se(Io, t);
+function jc(t) {
+  se(So, t);
 }
 function G() {
-  return oe(Io);
+  return oe(So);
 }
-function Nc(t) {
-  se(So, Pn(t));
+function Oc(t) {
+  se(Io, Pn(t));
 }
 function $e() {
-  return oe(So);
+  return oe(Io);
 }
-function Rc(t) {
+function Uc(t) {
   se(Co, Pn(t));
 }
 function Be() {
   return oe(Co);
 }
-function Dc(t) {
+function Xc(t) {
   se(To, t);
 }
 function pe() {
   return oe(To);
 }
-function Mc(t) {
+function Yc(t) {
   se(Po, t);
 }
 function de() {
   return oe(Po);
 }
-function Fc(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 We() {
   return oe(Ao);
 }
-function Se(t) {
+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, o, i, r) {
+function Ne(t, e, i, o, r) {
   const { watchEffect: s, bind: a } = e;
-  if (s[o])
-    for (const p of s[o]) {
+  if (s[i])
+    for (const p of s[i]) {
       const d = ns(p);
       t.callFunction(`__watchEffect$${d}__`);
     }
-  if (a.triggers[o])
-    for (const p of a.triggers[o]) {
+  if (a.triggers[i])
+    for (const p of a.triggers[i]) {
       const d = a.sets[p];
       if (!d) {
         console.assert(!1);
@@ -7591,16 +7603,16 @@ function Ne(t, e, o, i, r) {
       }
       let b = null;
       for (const u of d)
-        if (o === Se(u)) {
+        if (i === Ie(u)) {
           if (u.subKeys) {
             if (!ne(
-              ve(i, u.subKeys),
+              ve(o, u.subKeys),
               ve(r, u.subKeys)
             )) {
               b = u;
               break;
             }
-          } else if (!ne(i, r)) {
+          } else if (!ne(o, r)) {
             b = u;
             break;
           }
@@ -7608,7 +7620,7 @@ function Ne(t, e, o, i, r) {
       if (!b)
         continue;
       let m;
-      b.subKeys ? m = ve(i, b.subKeys) : m = i;
+      b.subKeys ? m = ve(o, b.subKeys) : m = o;
       for (const u of d)
         if (u.subKeys) {
           let c;
@@ -7653,8 +7665,8 @@ function Ne(t, e, o, i, r) {
         }
     }
 }
-function nc(t, e) {
-  function o(m) {
+function sc(t, e) {
+  function i(m) {
     const u = t.pseudoToNative(m), c = [], f = u.split(".");
     for (let h = 0; h < f.length; h++) {
       const x = f[h].trim();
@@ -7667,7 +7679,7 @@ function nc(t, e) {
     }
     return t.nativeToPseudo(c);
   }
-  function i(m) {
+  function o(m) {
     const u = t.pseudoToNative(m);
     try {
       const c = JSON.parse(u);
@@ -7708,11 +7720,11 @@ function nc(t, e) {
   t.setProperty(
     e,
     "__parseKeysV1__",
-    t.createNativeFunction(o)
+    t.createNativeFunction(i)
   ), t.setProperty(
     e,
     "__parseJsonV1__",
-    t.createNativeFunction(i)
+    t.createNativeFunction(o)
   ), t.setProperty(
     e,
     "__jsonStringifyV1__",
@@ -7747,14 +7759,14 @@ const Lo = ls({
   }
 });
 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 o(i, r, s, a, p, d) {
-    const b = t.pseudoToNative(i), m = t.pseudoToNative(r), 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,
@@ -7768,11 +7780,11 @@ function oc(t, e) {
   t.setProperty(
     e,
     "__callFuncV1__",
-    t.createAsyncFunction(o)
+    t.createAsyncFunction(i)
   );
 }
-function sc(t, e, o) {
-  function i(u, c, f) {
+function ac(t, e, i) {
+  function o(u, c, f) {
     let h;
     const x = e.pseudoToNative(u);
     if (x === "elementProp") {
@@ -7842,43 +7854,43 @@ function sc(t, e, o) {
     });
   }
   e.setProperty(
-    o,
+    i,
     "__getPropV1__",
-    e.createNativeFunction(i)
+    e.createNativeFunction(o)
   ), e.setProperty(
-    o,
+    i,
     "__setPropV1__",
     e.createNativeFunction(r)
   ), e.setProperty(
-    o,
+    i,
     "__callMethodV1__",
     e.createAsyncFunction(s)
   ), e.setProperty(
-    o,
+    i,
     "__getStateV1__",
     e.createNativeFunction(a)
   ), e.setProperty(
-    o,
+    i,
     "__setStateV1__",
     e.createNativeFunction(p)
   ), e.setProperty(
-    o,
+    i,
     "__navigateToV1__",
     e.createNativeFunction(d)
   ), e.setProperty(
-    o,
+    i,
     "__openConfirmDlgV1__",
     e.createAsyncFunction(b)
   ), e.setProperty(
-    o,
+    i,
     "__openPromptDlgV1__",
     e.createAsyncFunction(m)
   );
 }
-function rc(t, e, o) {
-  nc(e, o), oc(e, o), sc(t, e, o);
+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'
 
@@ -7888,7 +7900,7 @@ function __getEnvV1__() {
 
 var __pointerPosX__ = 0
 var __pointerPosY__ = 0
-`, ac = `
+`, mc = `
 var __events__ = {}
 
 function __onEventV1__(id, callback) {
@@ -7925,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
 
@@ -7967,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, o, i, r, s) {
-    this.org = e, this.env = o, this.mode = i, this.type = r, this.hooks = s;
+  constructor(e, i, o, r, s) {
+    this.org = e, this.env = i, this.mode = o, this.type = r, this.hooks = s;
   }
   //--------------------------
   // 元素属性
@@ -7990,40 +8002,40 @@ class pc {
   syncNodes(e) {
     if (e) {
       this.nodes = { globality: e.view };
-      const o = (i) => {
-        this.nodes[i.basic.id] = i, i.children?.forEach((r) => o(r));
+      const i = (o) => {
+        this.nodes[o.basic.id] = o, o.children?.forEach((r) => i(r));
       };
-      e.view.nodes.forEach((i) => o(i));
+      e.view.nodes.forEach((o) => i(o));
     } else
       this.nodes = {};
   }
-  getElementPropInner(e, o) {
-    return ve(e, o);
+  getElementPropInner(e, i) {
+    return ve(e, i);
   }
-  getElementProp(e, o) {
-    const i = this.nodes[e];
-    if (!i) {
-      console.warn("Sandbox/getElementProp node not found", e, o);
+  getElementProp(e, i) {
+    const o = this.nodes[e];
+    if (!o) {
+      console.warn("Sandbox/getElementProp node not found", e, i);
       return;
     }
-    return this.getElementPropInner(i, o);
+    return this.getElementPropInner(o, i);
   }
-  setElementPropInner(e, o, i) {
-    const r = ve(e, o);
-    ne(i, r) || (ro(e, o, i), this.hooks?.onElementPropChange(e.basic.id, o, i, r));
+  setElementPropInner(e, i, o) {
+    const r = ve(e, i);
+    ne(o, r) || (ro(e, i, o), this.hooks?.onElementPropChange(e.basic.id, i, o, r));
   }
-  setElementProp(e, o, i) {
+  setElementProp(e, i, o) {
     const r = this.nodes[e];
     if (!r) {
       console.warn(
         "Sandbox/setElementProp node not found",
         e,
-        o,
-        i
+        i,
+        o
       );
       return;
     }
-    this.setElementPropInner(r, o, i);
+    this.setElementPropInner(r, i, o);
   }
   //--------------------------
   // 自定义属性
@@ -8035,9 +8047,9 @@ class pc {
   getCustomProp(e) {
     return this.customProps[e];
   }
-  setCustomProp(e, o) {
-    const i = this.customProps[e];
-    ne(o, i) || (this.customProps[e] = o, this.hooks?.onCustomPropChange(e, o, i));
+  setCustomProp(e, i) {
+    const o = this.customProps[e];
+    ne(i, o) || (this.customProps[e] = i, this.hooks?.onCustomPropChange(e, i, o));
   }
   //--------------------------
   // 自定义状态
@@ -8049,9 +8061,9 @@ class pc {
   getCustomState(e) {
     return this.customStates[e];
   }
-  setCustomState(e, o) {
-    const i = this.customStates[e];
-    ne(o, i) || (this.customStates[e] = o, this.hooks?.onCustomStateChange(e, o, i));
+  setCustomState(e, i) {
+    const o = this.customStates[e];
+    ne(i, o) || (this.customStates[e] = i, this.hooks?.onCustomStateChange(e, i, o));
   }
   //--------------------------
   // 适配的插槽属性
@@ -8063,9 +8075,9 @@ class pc {
   getAdaptSlotProp(e) {
     return this.adaptSlotProps[e];
   }
-  setAdaptSlotProp(e, o) {
-    const i = this.adaptSlotProps[e];
-    ne(o, i) || (this.adaptSlotProps[e] = o, this.hooks?.onAdaptSlotPropChange(e, o, i));
+  setAdaptSlotProp(e, i) {
+    const o = this.adaptSlotProps[e];
+    ne(i, o) || (this.adaptSlotProps[e] = i, this.hooks?.onAdaptSlotPropChange(e, i, o));
   }
   //--------------------------
   // 解释器
@@ -8073,9 +8085,9 @@ class pc {
   interpreter;
   createInterpreter(e) {
     this.interpreter = new os(
-      mc,
-      (o, i) => {
-        rc(this, o, i);
+      fc,
+      (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"]);
   }
@@ -8089,29 +8101,29 @@ class pc {
     }
     return this.interpreter.getProperty(this.interpreter.globalObject, e);
   }
-  setVariable(e, o) {
+  setVariable(e, i) {
     if (!this.interpreter) {
       console.assert(!1, "Sandbox/setVariable invalid interpreter");
       return;
     }
-    this.interpreter.setProperty(this.interpreter.globalObject, e, o);
+    this.interpreter.setProperty(this.interpreter.globalObject, e, i);
   }
-  callFunction(e, o) {
+  callFunction(e, i) {
     if (!this.interpreter) {
       console.assert(!1, "Sandbox/callFunction invalid interpreter");
       return;
     }
-    const i = [];
-    if (o)
-      for (const s of o)
-        i.push(JSON.stringify(s));
-    const r = `${e}(${i.join(", ")});`;
+    const o = [];
+    if (i)
+      for (const s of i)
+        o.push(JSON.stringify(s));
+    const r = `${e}(${o.join(", ")});`;
     console.log(r), this.interpreter.appendCode(r), this.interpreter.run();
   }
 }
-function dc(t) {
-  const e = qu(), o = Qu(), i = G(), r = pe(), s = $e(), a = Be(), p = (f, h, x, g) => {
-    if (!(i !== "runtime" && i !== "preview") && (u.callFunction("__triggerEventV1__", [
+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,
       g ?? x
@@ -8120,7 +8132,7 @@ function dc(t) {
       h instanceof Array ? w = h.join(".") : w = h, Ne(
         u,
         t.value.code.reactivity,
-        Se({
+        Ie({
           type: "elementProp",
           nodeId: f,
           propKeys: w
@@ -8130,55 +8142,55 @@ function dc(t) {
       );
     }
   }, d = (f, h, x) => {
-    i !== "runtime" && i !== "preview" || (u.callFunction("__triggerEventV1__", [
+    o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
       `customPropChange@${f}`,
       h,
       x ?? h
     ]), t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
-      Se({ type: "customProp", propId: f }),
+      Ie({ type: "customProp", propId: f }),
       h,
       x
     ));
   }, b = (f, h, x) => {
-    i !== "runtime" && i !== "preview" || t.value?.code.reactivity && Ne(
+    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
-      Se({ type: "customState", stateId: f }),
+      Ie({ type: "customState", stateId: f }),
       h,
       x
     );
   }, m = (f, h, x) => {
-    i !== "runtime" && i !== "preview" || (u.callFunction("__triggerEventV1__", [
+    o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
       `adaptSlotProp@${f}`,
       h,
       x ?? h
     ]), t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
-      Se({ type: "adaptSlotProp", propId: f }),
+      Ie({ type: "adaptSlotProp", propId: f }),
       h,
       x
     ));
-  }, u = new pc(e, o, i, r, {
+  }, u = new bc(e, i, o, r, {
     onElementPropChange: p,
     onCustomPropChange: d,
     onCustomStateChange: b,
     onAdaptSlotPropChange: m
   });
-  tc(u);
+  oc(u);
   const c = () => {
-    i !== "runtime" && i !== "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));
+    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();
-  }), je(() => {
+  }), Ke(() => {
     u.destroyInterpreter();
-  }), (i === "runtime" || i === "preview") && q(
+  }), (o === "runtime" || o === "preview") && q(
     s,
     (f, h) => {
-      const x = Re(f.width), g = Re(h?.width ?? f.width);
+      const x = Me(f.width), g = Me(h?.width ?? f.width);
       u.callFunction("__triggerEventV1__", [
         "elementEvent@screenSizeChange@globality",
         x,
@@ -8186,7 +8198,7 @@ function dc(t) {
       ]);
     },
     { immediate: !0 }
-  ), (i === "runtime" || i === "preview") && q(
+  ), (o === "runtime" || o === "preview") && q(
     a,
     (f) => {
       u.callFunction("__triggerEventV1__", [
@@ -8197,29 +8209,29 @@ function dc(t) {
     { immediate: !0 }
   );
 }
-const fc = (t, e, o) => {
-  const i = t[e];
-  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((r, s) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + e + (e.split("/").length !== o ? ". Note that variables only represent file names one level deep." : ""))));
+const hc = (t, e, i) => {
+  const o = t[e];
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((r, s) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + e + (e.split("/").length !== i ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function Gc(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,
-  Re as calcBreakpoint,
+  Me as calcBreakpoint,
   ze as cardV1,
-  Ia as checkboxV1,
+  Sa as checkboxV1,
   an as chipGroupV1,
   ln as chipV1,
   Ta as colorPickerV1,
@@ -8230,43 +8242,46 @@ export {
   Aa as datePickerV1,
   La as dialogV1,
   fa as directionalLightV1,
-  Zu as duplicateNode,
-  Lc as duplicateNodes,
+  ec as duplicateNode,
+  Gc as duplicateNodes,
   Ce as elements,
-  Sc as ensureContext,
-  Vc as fileInputV1,
+  Pc as ensureContext,
+  Ic as fileInputV1,
   cn as flexLayoutEntryV1,
   Ae as flexLayoutV1,
   dn as formV1,
   T as genId,
-  Ie as getBreakpointProp,
+  Se as getBreakpointProp,
   ve as getField,
   Xn as getIndexOfBreakpoint,
-  Ac 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,
   Be as injectDark,
   de as injectData,
-  ec as injectDepends,
+  ic as injectDepends,
   $e as injectDevice,
-  Qu as injectEnv,
+  nc as injectEnv,
   G as injectMode,
-  qu as injectOrg,
+  tc as injectOrg,
   We as injectSandbox,
   pe as injectType,
+  Qu as isLocaleOfEventKind,
+  qu as isLocaleOfMethodKind,
+  Zu as isLocaleOfPropertyKind,
   zn as isPercentStr,
-  Ke as isPixelStr,
+  je as isPixelStr,
   oa as keyboardControlsV1,
   sn as lineChartV1,
-  Gc as loadLocaleMessageRuntime,
-  Se as makeTriggerId,
+  Zc as loadLocaleMessageRuntime,
+  Ie as makeTriggerId,
   sa as mapControlsV1,
-  Ma as menuV1,
+  Da as menuV1,
   Te as meshBasicMaterialV1,
   Pe as meshV1,
   fn as numberInputV1,
@@ -8274,30 +8289,30 @@ export {
   Ql as orthographicCameraV1,
   Yu as pageTypes,
   Ga as paginationV1,
-  Ot as parsePercentStr,
-  _c as parsePixelStr,
+  Ut as parsePercentStr,
+  $c as parsePixelStr,
   ea as perspectiveCameraV1,
   wo as pkgs,
   ba as pointLightV1,
-  Rc as provideDark,
-  Mc as provideData,
-  Fc as provideDepends,
-  Nc as provideDevice,
-  Wc as provideEnv,
-  Ec as provideMode,
-  Bc as provideOrg,
-  tc as provideSandbox,
-  Dc 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,
-  zc as spawnNode,
+  Dc as spawnNode,
   nn as sphereGeometryV1,
   ya as spotLightV1,
   hn as stepperHeaderV1,
@@ -8312,13 +8327,19 @@ export {
   be as textV1,
   Vn as textareaV1,
   $n as timelineItemV1,
-  In as timelineV1,
-  Pc as toEventName,
-  Tc as toMethodName,
-  Cc as toPropertyName,
+  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
 };