x-runtime-lib 0.8.20 → 0.8.21

package/dist/index.js

@@ -1,91 +1,91 @@
-import { defineComponent as $, createElementBlock as Y, renderSlot as L, unref as n, openBlock as v, createElementVNode as ie, computed as k, normalizeStyle as Q, ref as ce, watchEffect as ue, watch as q, onBeforeMount as Wo, onUnmounted as He, createBlock as V, withCtx as I, createCommentVNode as ee, useTemplateRef as Ui, onMounted as Oi, nextTick as Xi, h as ae, resolveComponent as z, createVNode as H, isRef as U, createSlots as Tn, renderList as No, useId as Yi, withModifiers as Eo, normalizeClass as Ro, toDisplayString as Do, inject as oe, provide as se, readonly as Pn } from "vue";
+import { 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 Ae, u as Ho, r as Zi, e as qi, a as jo, b as Ko, c as Uo, d as Oo, f as Xo, g as Yo, h as Jo, j as Zo, k as B, l as Qi, X as qo, Y as Qo, K as es, m as ts, n as ns, o as is, I as os } from "./vendor.ghqz34q2.js";
-import { waitUtil as eo, eventBus as to, useViewStack as no, messageInfo as ss, messageSuccess as rs, messageWarning as io, messageError as oo, createAxios as ls, globalObjects as Qt, openConfirmDlg as as, openPromptDlg as us } from "x-essential-lib";
+import { 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 { 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";
 function T(t) {
   let e = "";
-  for (let i = 0; i < t; i++) {
-    const o = Math.floor(Math.random() * On.length);
-    e += On[o];
+  for (let o = 0; o < t; o++) {
+    const i = Math.floor(Math.random() * On.length);
+    e += On[i];
   }
   return e;
 }
-function je(t) {
+function Ke(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return !1;
-  const e = t.substring(0, t.length - 2), i = parseFloat(e);
-  return !(isNaN(i) || i % 1 !== 0);
+  const e = t.substring(0, t.length - 2), o = parseFloat(e);
+  return !(isNaN(o) || o % 1 !== 0);
 }
 function zn(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return !1;
-  const e = t.substring(0, t.length - 1), i = parseFloat(e);
-  return !isNaN(i);
+  const e = t.substring(0, t.length - 1), o = parseFloat(e);
+  return !isNaN(o);
 }
 function _c(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
-  const e = t.substring(0, t.length - 2), i = parseFloat(e);
-  if (!isNaN(i) && i % 1 === 0)
-    return i;
+  const e = t.substring(0, t.length - 2), o = parseFloat(e);
+  if (!isNaN(o) && o % 1 === 0)
+    return o;
 }
-function Ut(t) {
+function Ot(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return;
-  const e = t.substring(0, t.length - 1), i = parseFloat(e);
-  if (!isNaN(i))
-    return i;
+  const e = t.substring(0, t.length - 1), o = parseFloat(e);
+  if (!isNaN(o))
+    return o;
 }
 const so = ["xs", "sm", "md", "lg", "xl"], ds = [...so].reverse();
-function Ee(t) {
+function Re(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function Xn(t) {
   return so.findIndex((e) => e === t);
 }
-function $e(t, e) {
-  let i;
-  for (const o of ds) {
-    if (Xn(o) < Xn(t))
+function Ie(t, e) {
+  let o;
+  for (const i of ds) {
+    if (Xn(i) < Xn(t))
       break;
-    e[o] && (i = e[o]);
+    e[i] && (o = e[i]);
   }
-  return i;
+  return o;
 }
 function ve(t, e) {
-  let i = t;
-  if (typeof i != "object")
+  let o = t;
+  if (typeof o != "object")
     return;
-  let o = [];
-  if (e instanceof Array ? o = e : o = e.split("."), !(o.length <= 0)) {
-    for (const l of o) {
-      if (typeof i != "object")
+  let i = [];
+  if (e instanceof Array ? i = e : i = e.split("."), !(i.length <= 0)) {
+    for (const r of i) {
+      if (typeof o != "object")
         return;
-      i = i[l];
+      o = o[r];
     }
-    return i;
+    return o;
   }
 }
-function ro(t, e, i) {
-  let o = t;
-  if (typeof o != "object")
+function ro(t, e, o) {
+  let i = t;
+  if (typeof i != "object")
     return;
-  let l = [];
-  if (e instanceof Array ? l = e : l = e.split("."), l.length <= 0)
+  let r = [];
+  if (e instanceof Array ? r = e : r = e.split("."), r.length <= 0)
     return;
-  for (let a = 0; a < l.length - 1; a++) {
-    const p = l[a];
-    o = o[p], o || (o = {});
+  for (let a = 0; a < r.length - 1; a++) {
+    const p = r[a];
+    i = i[p], i || (i = {});
   }
-  const s = l[l.length - 1];
-  o[s] = i;
+  const s = r[r.length - 1];
+  i[s] = o;
 }
-const Se = {}, _ = (t) => {
-  Se[t.key] = t;
+const Ce = {}, _ = (t) => {
+  Ce[t.key] = t;
 }, fs = ["position", "rotation", "scale"], ye = /* @__PURE__ */ $({
   __name: "index",
   props: {
@@ -95,17 +95,17 @@ const Se = {}, _ = (t) => {
   },
   setup(t) {
     const e = G();
-    return (i, o) => n(e) === "editor" ? (v(), Y("TresMesh", {
+    return (o, i) => n(e) === "editor" ? (v(), Y("TresMesh", {
       key: 0,
       position: t.position,
       rotation: t.rotation,
       scale: t.scale,
       visible: !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 });
+      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 });
   }
 }), Z = /* @__PURE__ */ $({
   __name: "index",
@@ -113,49 +113,49 @@ const Se = {}, _ = (t) => {
     fitContent: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = G(), i = k(() => {
-      const o = {};
-      return t.fitContent && (o.width = "fit-content", o.height = "fit-content"), o;
+    const e = G(), o = k(() => {
+      const i = {};
+      return t.fitContent && (i.width = "fit-content", i.height = "fit-content"), i;
     });
-    return (o, l) => n(e) === "editor" ? (v(), Y("div", {
+    return (i, r) => n(e) === "editor" ? (v(), Y("div", {
       key: 0,
-      style: Q(i.value)
+      style: Q(o.value)
     }, [
-      L(o.$slots, "default")
-    ], 4)) : L(o.$slots, "default", { key: 1 });
+      L(i.$slots, "default")
+    ], 4)) : L(i.$slots, "default", { key: 1 });
   }
-}), bs = (t, e, i, o) => {
-  const l = t.getElementPropInner(e, i);
-  if (o) {
-    if (typeof l == "string")
-      return JSON.parse(l);
+}), bs = (t, e, o, i) => {
+  const r = t.getElementPropInner(e, o);
+  if (i) {
+    if (typeof r == "string")
+      return JSON.parse(r);
     console.assert(!1);
     return;
   } else
-    return l;
-}, ys = (t, e, i, o, l) => {
+    return r;
+}, ys = (t, e, o, i, r) => {
   let s;
-  l ? typeof o == "object" ? s = JSON.stringify(o, null, 2) : (console.assert(!1), s = "{}") : s = o, t.setElementPropInner(e, i, s);
+  r ? typeof i == "object" ? s = JSON.stringify(i, null, 2) : (console.assert(!1), s = "{}") : s = i, t.setElementPropInner(e, o, s);
 };
-function r(t, e, i) {
-  const o = G(), l = Be(), s = ce();
+function l(t, e, o) {
+  const i = G(), r = We(), s = ce();
   return ue(() => {
-    let a = bs(l, t.node, e, i);
-    o === "editor" && e[e.length - 1] === "readonly" && (a = !0), s.value = a;
+    let a = bs(r, t.node, e, o);
+    i === "editor" && e[e.length - 1] === "readonly" && (a = !0), s.value = a;
   }), q(s, (a, p) => {
-    ne(a, p) || ys(l, t.node, e, s.value, i);
+    ne(a, p) || ys(r, t.node, e, s.value, o);
   }), { prop: s };
 }
 function me(t) {
-  const { prop: e } = r(t, ["transform", "position", "x"]), { prop: i } = r(t, ["transform", "position", "y"]), { prop: o } = r(t, ["transform", "position", "z"]), { prop: l } = r(t, ["transform", "rotation", "x"]), { prop: s } = r(t, ["transform", "rotation", "y"]), { prop: a } = r(t, ["transform", "rotation", "z"]), { prop: p } = r(t, ["transform", "scale", "x"]), { prop: d } = r(t, ["transform", "scale", "y"]), { prop: b } = r(t, ["transform", "scale", "z"]), m = ce([0, 0, 0]), u = ce([0, 0, 0]), c = ce([1, 1, 1]);
+  const { prop: e } = l(t, ["transform", "position", "x"]), { prop: 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]);
   return ue(() => {
-    m.value = [e.value, i.value, o.value];
+    m.value = [e.value, o.value, i.value];
   }), ue(() => {
-    e.value = m.value[0], i.value = m.value[1], o.value = m.value[2];
+    e.value = m.value[0], o.value = m.value[1], i.value = m.value[2];
   }), ue(() => {
-    u.value = [l.value, s.value, a.value];
+    u.value = [r.value, s.value, a.value];
   }), ue(() => {
-    l.value = u.value[0], s.value = u.value[1], a.value = u.value[2];
+    r.value = u.value[0], s.value = u.value[1], a.value = u.value[2];
   }), ue(() => {
     c.value = [p.value, d.value, b.value];
   }), ue(() => {
@@ -163,62 +163,62 @@ function me(t) {
   }), { position: m, rotation: u, scale: c };
 }
 function lo(t) {
-  const e = k(() => t.node.legend?.show), i = k(() => t.node.legend?.data);
-  function o(l) {
-    l.legend = {
+  const e = k(() => t.node.legend?.show), o = k(() => t.node.legend?.data);
+  function i(r) {
+    r.legend = {
       show: e.value,
-      data: i.value
+      data: o.value
     };
   }
-  return { show: e, data: i, applyLegend: o };
+  return { show: e, data: o, applyLegend: i };
 }
 function ao(t) {
   const e = k(() => t.node.series);
-  function i(o) {
-    o.series = e.value;
+  function o(i) {
+    i.series = e.value;
   }
-  return { series: e, applySeries: i };
+  return { series: e, applySeries: o };
 }
 function uo(t) {
-  const e = k(() => t.node.title?.show), i = k(() => t.node.title?.text), o = k(() => t.node.title?.subtext);
-  function l(s) {
+  const e = k(() => t.node.title?.show), o = k(() => t.node.title?.text), i = k(() => t.node.title?.subtext);
+  function r(s) {
     s.title = {
       show: e.value,
-      text: i.value,
-      subtext: o.value
+      text: o.value,
+      subtext: i.value
     };
   }
-  return { show: e, text: i, subtext: o, applyTitle: l };
+  return { show: e, text: o, subtext: i, applyTitle: r };
 }
 function co(t) {
-  const e = k(() => t.node.xAxis?.show), i = k(() => t.node.xAxis?.position), o = k(() => t.node.xAxis?.type), l = k(() => t.node.xAxis?.data);
+  const e = k(() => t.node.xAxis?.show), o = k(() => t.node.xAxis?.position), i = k(() => t.node.xAxis?.type), r = k(() => t.node.xAxis?.data);
   function s(a) {
     a.xAxis = {
       show: e.value,
-      position: i.value,
-      type: o.value,
-      data: l.value
+      position: o.value,
+      type: i.value,
+      data: r.value
     };
   }
-  return { show: e, position: i, type: o, data: l, applyXAxis: s };
+  return { show: e, position: o, type: i, data: r, applyXAxis: s };
 }
 function mo(t) {
-  const e = k(() => t.node.yAxis?.show), i = k(() => t.node.yAxis?.position), o = k(() => t.node.yAxis?.type), l = k(() => t.node.yAxis?.data);
+  const e = k(() => t.node.yAxis?.show), o = k(() => t.node.yAxis?.position), i = k(() => t.node.yAxis?.type), r = k(() => t.node.yAxis?.data);
   function s(a) {
     a.yAxis = {
       show: e.value,
-      position: i.value,
-      type: o.value,
-      data: l.value
+      position: o.value,
+      type: i.value,
+      data: r.value
     };
   }
-  return { show: e, position: i, type: o, data: l, applyYAxis: s };
+  return { show: e, position: o, type: i, data: r, applyYAxis: s };
 }
 function j(t) {
-  const { computedThemes: e } = ms(), i = Le(), o = k(() => t.value?.mode), l = k(() => {
+  const { computedThemes: e } = ms(), o = Be(), i = k(() => t.value?.mode), r = k(() => {
     const b = t.value?.theme;
-    return b ? b === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : b === "background1" ? i.value ? "#272727" : "#eeeeee" : b === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[b] : void 0;
-  }), s = k(() => i.value ? t.value.custom?.dark : t.value.custom?.light), a = k(() => o.value === "theme" ? l.value ?? "" : o.value === "custom" ? s.value ?? "" : ""), p = k(() => {
+    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(() => {
     const b = a.value;
     return !b.startsWith("#") || b.length < 7 ? "" : b.substring(0, 7);
   }), d = k(() => {
@@ -228,64 +228,64 @@ function j(t) {
   return { color: a, rgb: p, alpha: d };
 }
 function An(t) {
-  const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), o = k(() => t.node.border?.color), { color: l } = j(o), s = k(() => t.node.border?.roundRadius?.tl), a = k(() => t.node.border?.roundRadius?.tr), p = k(() => t.node.border?.roundRadius?.bl), d = k(() => t.node.border?.roundRadius?.br);
+  const e = k(() => t.node.border?.style), 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);
   function b(m) {
-    e.value && (m.borderStyle = e.value), i.value && (m.borderWidth = i.value), l.value && (m.borderColor = l.value), s.value && (m.borderTopLeftRadius = s.value), a.value && (m.borderTopRightRadius = a.value), p.value && (m.borderBottomLeftRadius = p.value), d.value && (m.borderBottomRightRadius = d.value);
+    e.value && (m.borderStyle = e.value), 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);
   }
-  return { borderStyle: e, borderWidth: i, borderColor: l, applyBorder: b };
+  return { borderStyle: e, borderWidth: o, borderColor: r, applyBorder: b };
 }
 function Ln(t) {
-  const e = k(() => t.node.margin?.top), i = k(() => t.node.margin?.left), o = k(() => t.node.margin?.bottom), l = k(() => t.node.margin?.right);
+  const e = k(() => t.node.margin?.top), o = k(() => t.node.margin?.left), i = k(() => t.node.margin?.bottom), r = k(() => t.node.margin?.right);
   function s(a) {
-    e.value && (a.marginTop = e.value), i.value && (a.marginLeft = i.value), o.value && (a.marginBottom = o.value), l.value && (a.marginRight = l.value);
+    e.value && (a.marginTop = e.value), o.value && (a.marginLeft = o.value), i.value && (a.marginBottom = i.value), r.value && (a.marginRight = r.value);
   }
-  return { marginTop: e, marginLeft: i, marginBottom: o, marginRight: l, applyMargin: s };
+  return { marginTop: e, marginLeft: o, marginBottom: i, marginRight: r, applyMargin: s };
 }
 function Bn(t) {
-  const e = k(() => t.node.padding?.top), i = k(() => t.node.padding?.left), o = k(() => t.node.padding?.bottom), l = k(() => t.node.padding?.right);
+  const e = k(() => t.node.padding?.top), o = k(() => t.node.padding?.left), i = k(() => t.node.padding?.bottom), r = k(() => t.node.padding?.right);
   function s(a) {
-    e.value && (a.paddingTop = e.value), i.value && (a.paddingLeft = i.value), o.value && (a.paddingBottom = o.value), l.value && (a.paddingRight = l.value);
+    e.value && (a.paddingTop = e.value), o.value && (a.paddingLeft = o.value), i.value && (a.paddingBottom = i.value), r.value && (a.paddingRight = r.value);
   }
-  return { paddingTop: e, paddingLeft: i, paddingBottom: o, paddingRight: l, applyPadding: s };
+  return { paddingTop: e, paddingLeft: o, paddingBottom: i, paddingRight: r, applyPadding: s };
 }
 function he(t) {
-  const e = G(), i = Ve(), o = k(() => t.node.size?.width), l = k(() => t.node.size?.minWidth), s = k(() => t.node.size?.maxWidth), a = k(() => {
+  const e = G(), o = $e(), i = k(() => t.node.size?.width), r = k(() => t.node.size?.minWidth), s = k(() => t.node.size?.maxWidth), a = k(() => {
     if (t.outer && e === "editor") {
-      const m = Ut(t.node.size?.height);
+      const m = Ot(t.node.size?.height);
       if (m)
-        return m / 100 * i.value.height + "px";
+        return m / 100 * o.value.height + "px";
     }
     return t.node.size?.height;
   }), p = k(() => {
     if (t.outer && e === "editor") {
-      const m = Ut(t.node.size?.minHeight);
+      const m = Ot(t.node.size?.minHeight);
       if (m)
-        return m / 100 * i.value.height + "px";
+        return m / 100 * o.value.height + "px";
     }
     return t.node.size?.minHeight;
   }), d = k(() => {
     if (t.outer && e === "editor") {
-      const m = Ut(t.node.size?.maxHeight);
+      const m = Ot(t.node.size?.maxHeight);
       if (m)
-        return m / 100 * i.value.height + "px";
+        return m / 100 * o.value.height + "px";
     }
     return t.node.size?.maxHeight;
   });
   function b(m) {
-    o.value && (m.width = o.value), l.value && (m.minWidth = l.value), s.value && (m.maxWidth = s.value), a.value && (m.height = a.value), p.value && (m.minHeight = p.value), d.value && (m.maxHeight = d.value);
+    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);
   }
-  return { width: o, minWidth: l, maxWidth: s, height: a, minHeight: p, maxHeight: d, applySize: b };
+  return { width: i, minWidth: r, maxWidth: s, height: a, minHeight: p, maxHeight: d, applySize: b };
 }
-function po(t, e, i) {
-  const o = k(() => e.node.basic.id), l = k(() => `callMethod@${o.value}`);
+function po(t, e, o) {
+  const i = k(() => e.node.basic.id), r = k(() => `callMethod@${i.value}`);
   Wo(() => {
-    t.eventBus?.on(l.value, i);
-  }), He(() => {
-    t.eventBus?.off(l.value, i);
+    t.eventBus?.on(r.value, o);
+  }), je(() => {
+    t.eventBus?.off(r.value, o);
   });
 }
-function E() {
-  const t = Le();
+function N() {
+  const t = Be();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
 const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], gs = /* @__PURE__ */ $({
@@ -295,10 +295,10 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "bottom"]), { prop: p } = r(e, ["settings", "far"]), { prop: d } = r(e, ["settings", "left"]), { prop: b } = r(e, ["settings", "near"]), { prop: m } = r(e, ["settings", "right"]), { prop: u } = r(e, ["settings", "top"]);
+    const e = t, 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"]);
     return (c, f) => (v(), V(n(ye), {
-      position: n(o),
-      rotation: n(l),
+      position: n(i),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
@@ -307,13 +307,13 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           far: n(p),
           left: n(d),
           near: n(b),
-          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
+          position: n(o) !== "editor" ? n(i) : [0, 0, 0],
           right: n(m),
-          rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
-          scale: n(i) !== "editor" ? n(s) : [1, 1, 1],
+          rotation: n(o) !== "editor" ? n(r) : [0, 0, 0],
+          scale: n(o) !== "editor" ? n(s) : [1, 1, 1],
           top: n(u)
         }, [
-          n(i) === "editor" ? (v(), V(n(Ae), {
+          n(o) === "editor" ? (v(), V(n(Le), {
             key: 0,
             type: n(Ji)
           }, null, 8, ["type"])) : ee("", !0),
@@ -330,10 +330,10 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "aspect"]), { prop: p } = r(e, ["settings", "far"]), { prop: d } = r(e, ["settings", "fov"]), { prop: b } = r(e, ["settings", "near"]);
+    const e = t, 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"]);
     return (m, u) => (v(), V(n(ye), {
-      position: n(o),
-      rotation: n(l),
+      position: n(i),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
@@ -342,11 +342,11 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           far: n(p),
           fov: n(d),
           near: n(b),
-          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
-          scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
+          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]
         }, [
-          n(i) === "editor" ? (v(), V(n(Ae), {
+          n(o) === "editor" ? (v(), V(n(Le), {
             key: 0,
             type: n(Ji)
           }, null, 8, ["type"])) : ee("", !0),
@@ -363,32 +363,32 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "depth"]), { prop: o } = r(e, [
+    const e = t, { prop: o } = l(e, ["settings", "depth"]), { prop: i } = l(e, [
       "settings",
       "depthSegements"
-    ]), { prop: l } = r(e, ["settings", "height"]), { prop: s } = r(e, [
+    ]), { prop: r } = l(e, ["settings", "height"]), { prop: s } = l(e, [
       "settings",
       "heightSegements"
-    ]), { prop: a } = r(e, ["settings", "width"]), { prop: p } = r(e, [
+    ]), { prop: a } = l(e, ["settings", "width"]), { prop: p } = l(e, [
       "settings",
       "widthSegements"
     ]);
     return (d, b) => (v(), Y("TresBoxGeometry", {
       args: [
         n(a),
-        n(l),
-        n(i),
+        n(r),
+        n(o),
         n(p),
         n(s),
-        n(o)
+        n(i)
       ]
     }, null, 8, ks));
   }
 }), ge = (t, e) => {
-  const i = t.__vccOpts || t;
-  for (const [o, l] of e)
-    i[o] = l;
-  return i;
+  const o = t.__vccOpts || t;
+  for (const [i, r] of e)
+    o[i] = r;
+  return o;
 }, 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: i } = r(e, [
+    const e = t, { prop: o } = l(e, [
       "settings",
       "heightSegments"
-    ]), { prop: o } = r(e, ["settings", "phiLength"]), { prop: l } = r(e, ["settings", "phiStart"]), { prop: s } = r(e, ["settings", "radius"]), { prop: a } = r(e, ["settings", "thetaLength"]), { prop: p } = r(e, ["settings", "thetaStart"]), { prop: d } = r(e, [
+    ]), { prop: 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, [
       "settings",
       "widthSegments"
     ]);
@@ -407,9 +407,9 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       args: [
         n(s),
         n(d),
-        n(i),
-        n(l),
         n(o),
+        n(r),
+        n(i),
         n(p),
         n(a)
       ]
@@ -422,19 +422,19 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "intensity"]);
+    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"]);
     return (b, m) => (v(), V(n(ye), {
-      position: n(o),
-      rotation: n(l),
+      position: n(i),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
         ie("TresAmbientLight", {
           color: n(p),
           intensity: n(d),
-          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
-          scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
+          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]
         }, [
           L(b.$slots, "default")
         ], 8, $s)
@@ -449,21 +449,21 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "intensity"]);
+    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"]);
     return (b, m) => (v(), V(n(ye), {
-      position: n(o),
-      rotation: n(l),
+      position: n(i),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
         ie("TresDirectionalLight", {
           color: n(p),
           intensity: n(d),
-          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
-          scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
+          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]
         }, [
-          n(i) === "editor" ? (v(), V(n(Ae), {
+          n(o) === "editor" ? (v(), V(n(Le), {
             key: 0,
             type: n(Mo)
           }, null, 8, ["type"])) : ee("", !0),
@@ -480,10 +480,10 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "decay"]), { prop: b } = r(e, ["settings", "distance"]), { prop: m } = r(e, ["settings", "intensity"]);
+    const e = t, 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"]);
     return (u, c) => (v(), V(n(ye), {
-      position: n(o),
-      rotation: n(l),
+      position: n(i),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
@@ -492,11 +492,11 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           decay: n(d),
           distance: n(b),
           intensity: n(m),
-          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
-          scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
+          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]
         }, [
-          n(i) === "editor" ? (v(), V(n(Ae), {
+          n(o) === "editor" ? (v(), V(n(Le), {
             key: 0,
             type: n(Fo)
           }, null, 8, ["type"])) : ee("", !0),
@@ -513,10 +513,10 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "angle"]), { prop: p } = r(e, ["settings", "color"]), { color: d } = j(p), { prop: b } = r(e, ["settings", "decay"]), { prop: m } = r(e, ["settings", "distance"]), { prop: u } = r(e, ["settings", "intensity"]), { prop: c } = r(e, ["settings", "penumbra"]);
+    const e = t, 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"]);
     return (f, h) => (v(), V(n(ye), {
-      position: n(o),
-      rotation: n(l),
+      position: n(i),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
@@ -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(i) !== "editor" ? n(o) : [0, 0, 0],
-          rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
-          scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
+          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]
         }, [
-          n(i) === "editor" ? (v(), V(n(Ae), {
+          n(o) === "editor" ? (v(), V(n(Le), {
             key: 0,
             type: n(Go)
           }, null, 8, ["type"])) : ee("", !0),
@@ -545,27 +545,27 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
 function Bs(t, e) {
   return v(), Y("TresMeshBasicMaterial");
 }
-const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation", "scale"], Es = /* @__PURE__ */ $({
+const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Es = ["position", "rotation", "scale"], Ns = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e);
+    const e = t, o = G(), { position: i, rotation: r, scale: s } = me(e);
     return (a, p) => (v(), V(n(ye), {
-      position: n(o),
-      rotation: n(l),
+      position: n(i),
+      rotation: n(r),
       scale: n(s)
     }, {
       default: I(() => [
         ie("TresGroup", {
-          position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          rotation: n(i) !== "editor" ? n(l) : [0, 0, 0],
-          scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
+          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]
         }, [
           L(a.$slots, "default")
-        ], 8, Ns)
+        ], 8, Es)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
@@ -577,11 +577,11 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { position: i, rotation: o, scale: l } = me(e);
+    const e = t, { position: o, rotation: i, scale: r } = me(e);
     return (s, a) => (v(), Y("TresMesh", {
-      position: n(i),
-      rotation: n(o),
-      scale: n(l)
+      position: n(o),
+      rotation: n(i),
+      scale: n(r)
     }, [
       L(s.$slots, "default")
     ], 8, Rs));
@@ -616,7 +616,7 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
   visualMap: pr,
   dataZoom: dr,
   markPoint: fr
-}, yr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], hr = "#f5f5f5", gr = {}, xr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, vr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Pr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Ar = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Lr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Br = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Wr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Nr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Er = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Rr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Dr = { textStyle: { color: "#333333" } }, Mr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Fr = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, Gr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Hr = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, jr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Kr = {
+}, yr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], hr = "#f5f5f5", gr = {}, xr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, vr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, 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 = {
   color: yr,
   backgroundColor: hr,
   textStyle: gr,
@@ -637,8 +637,8 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
   geo: Lr,
   categoryAxis: Br,
   valueAxis: Wr,
-  logAxis: Nr,
-  timeAxis: Er,
+  logAxis: Er,
+  timeAxis: Nr,
   toolbox: Rr,
   legend: Dr,
   tooltip: Mr,
@@ -666,29 +666,29 @@ const Ur = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), o = Le(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = he(e), { applyTitle: f } = uo(e), { applyXAxis: h } = co(e), { applyYAxis: x } = mo(e), { applyLegend: g } = lo(e), { applySeries: w } = ao(e), C = k(() => {
+    const 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 l === "page" ? M === "common" ? c(S) : console.assert(!1) : l === "comp" && M === "common" ? c(S) : console.assert(!1), S;
+      return r === "page" ? M === "common" ? c(S) : console.assert(!1) : r === "comp" && M === "common" ? c(S) : console.assert(!1), S;
     }), R = Ui("chart");
     let W;
     const F = () => {
-      W?.dispose(), W = qi.init(R.value, o.value ? "dark" : "light");
+      W?.dispose(), W = qi.init(R.value, i.value ? "dark" : "light");
       const S = {};
       W.setOption(S);
     }, D = () => {
       W?.resize();
-    }, N = () => {
+    }, E = () => {
       const S = {};
       f(S), h(S), x(S), g(S), w(S), W?.setOption(S, !0);
     };
     return Oi(async () => {
-      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), N();
-    }), He(() => {
+      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), E();
+    }), je(() => {
       window.removeEventListener("resize", D, !1), W?.dispose();
     }), q(
       [
-        () => i.value.width,
-        () => i.value.height,
+        () => o.value.width,
+        () => o.value.height,
         a,
         p,
         d,
@@ -699,12 +699,12 @@ const Ur = /* @__PURE__ */ $({
       async () => {
         await Xi(), D();
       }
-    ), q([o], () => {
-      F(), N();
+    ), q([i], () => {
+      F(), E();
     }), q(
       [e],
       () => {
-        N();
+        E();
       },
       { deep: !0 }
     ), (S, M) => (v(), Y("div", {
@@ -719,29 +719,29 @@ const Ur = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), o = Le(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = he(e), { applyTitle: f } = uo(e), { applyXAxis: h } = co(e), { applyYAxis: x } = mo(e), { applyLegend: g } = lo(e), { applySeries: w } = ao(e), C = k(() => {
+    const 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 l === "page" ? M === "common" ? c(S) : console.assert(!1) : l === "comp" && M === "common" ? c(S) : console.assert(!1), S;
+      return r === "page" ? M === "common" ? c(S) : console.assert(!1) : r === "comp" && M === "common" ? c(S) : console.assert(!1), S;
     }), R = Ui("chart");
     let W;
     const F = () => {
-      W?.dispose(), W = qi.init(R.value, o.value ? "dark" : "light");
+      W?.dispose(), W = qi.init(R.value, i.value ? "dark" : "light");
       const S = {};
       W.setOption(S);
     }, D = () => {
       W?.resize();
-    }, N = () => {
+    }, E = () => {
       const S = {};
       f(S), h(S), x(S), g(S), w(S), W?.setOption(S, !0);
     };
     return Oi(async () => {
-      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), N();
-    }), He(() => {
+      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), E();
+    }), je(() => {
       window.removeEventListener("resize", D, !1), W?.dispose();
     }), q(
       [
-        () => i.value.width,
-        () => i.value.height,
+        () => o.value.width,
+        () => o.value.height,
         a,
         p,
         d,
@@ -752,12 +752,12 @@ const Ur = /* @__PURE__ */ $({
       async () => {
         await Xi(), D();
       }
-    ), q([o], () => {
-      F(), N();
+    ), q([i], () => {
+      F(), E();
     }), q(
       [e],
       () => {
-        N();
+        E();
       },
       { deep: !0 }
     ), (S, M) => (v(), Y("div", {
@@ -772,31 +772,31 @@ const Ur = /* @__PURE__ */ $({
     state: {}
   },
   setup(t) {
-    const { t: e } = ps(), i = t, o = de(), l = ec(), s = ce(-1), a = ce();
+    const { t: e } = ps(), o = t, i = de(), r = ec(), s = ce(-1), a = ce();
     dc(a), ue(() => {
-      if (!i.refContext.refid) {
+      if (!o.refContext.refid) {
         s.value = -1, a.value = void 0;
         return;
       }
-      const c = l.value[i.refContext.refid];
+      const c = r.value[o.refContext.refid];
       if (!c) {
-        s.value = -1, a.value = void 0, to.emit("compNotAvail", i.refContext.refid);
+        s.value = -1, a.value = void 0, to.emit("compNotAvail", o.refContext.refid);
         return;
       }
       s.value !== c.dataSeq && (s.value = c.dataSeq, a.value = B(c.data));
     });
     function p(c) {
-      const f = wo[o.value.version].refKey, h = Se[f];
+      const f = wo[i.value.version].refKey, h = Ce[f];
       return h ? ae(h.comp, {
         refContext: {
-          parent: i.refContext,
+          parent: o.refContext,
           refid: c.ref.comp
         },
         node: c
       }) : (console.assert(!1, `ref element not found key=${f}`), ae("div", `ref element not found key=${f}`));
     }
     function d(c) {
-      const f = Se[c.basic.key];
+      const f = Ce[c.basic.key];
       if (!f)
         return console.assert(!1, `element not found key=${c.basic.key}`), ae("div", `element not found key=${c.basic.key}`);
       const h = [];
@@ -809,9 +809,9 @@ const Ur = /* @__PURE__ */ $({
       return c.ref ? p(c) : d(c);
     }
     function m() {
-      let c = i.refContext.parent;
+      let c = o.refContext.parent;
       for (; c; ) {
-        if (c.refid === i.refContext.refid)
+        if (c.refid === o.refContext.refid)
           return !0;
         c = c.parent;
       }
@@ -840,15 +840,15 @@ const Ur = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "content"]), { prop: o } = r(e, ["settings", "dot"]), { theme: l } = E(), { prop: s } = r(e, ["settings", "offset", "x"]), { prop: a } = r(e, ["settings", "offset", "y"]);
+    const e = t, { prop: 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"]);
     return (p, d) => {
       const b = z("v-badge");
       return v(), V(b, {
-        content: n(i),
-        dot: n(o),
+        content: n(o),
+        dot: n(i),
         "offset-x": n(s),
         "offset-y": n(a),
-        theme: n(l)
+        theme: n(r)
       }, {
         default: I(() => [
           L(p.$slots, "default")
@@ -864,16 +864,16 @@ const Ur = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = Be(), { prop: l } = r(e, [
+    const e = t, o = G(), i = We(), { prop: r } = l(e, [
       "settings",
       "addIcon",
       "append"
-    ]), { prop: s } = r(e, ["settings", "block"]), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "density"]), { prop: b } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["size", "height"]), { prop: u } = r(e, ["settings", "loading"]), { prop: c } = r(e, ["size", "maxHeight"]), { prop: f } = r(e, ["size", "maxWidth"]), { prop: h } = r(e, ["size", "minHeight"]), { prop: x } = r(e, ["size", "minWidth"]), { prop: g } = r(e, [
+    ]), { prop: s } = l(e, ["settings", "block"]), { prop: a } = l(e, ["settings", "color"]), { color: p } = 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, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "ripple"]), { prop: R } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: D } = E(), { prop: N } = r(e, ["settings", "variant"]), { prop: S } = r(e, ["size", "width"]), M = (J) => {
-      i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", J.clientX), o.setVariable("__pointerPosY__", J.clientY), o.callFunction("__triggerEventV1__", [
+    ]), { 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__", [
         `elementEvent@click@${e.node.basic.id}`
       ]));
     };
@@ -882,7 +882,7 @@ const Ur = /* @__PURE__ */ $({
       return v(), V(n(Z), null, {
         default: I(() => [
           H(re, {
-            "append-icon": n(l),
+            "append-icon": n(r),
             block: n(s),
             color: n(p),
             density: n(d),
@@ -900,7 +900,7 @@ const Ur = /* @__PURE__ */ $({
             stacked: n(W),
             text: n(F),
             theme: n(D),
-            variant: n(N),
+            variant: n(E),
             width: n(S),
             onClick: M
           }, 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"])
@@ -911,8 +911,8 @@ const Ur = /* @__PURE__ */ $({
   }
 }), Jr = {};
 function Zr(t, e) {
-  const i = z("v-btn-group");
-  return v(), V(i, null, {
+  const o = z("v-btn-group");
+  return v(), V(o, null, {
     default: I(() => [
       L(t.$slots, "default")
     ]),
@@ -926,13 +926,13 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "block"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "divided"]), { prop: s } = r(e, ["settings", "mandatory"]), { prop: a } = r(e, ["settings", "multiple"]), { prop: p } = r(e, ["settings", "readonly"]), { prop: d } = r(e, ["settings", "size"]), { prop: b } = r(e, ["settings", "stacked"]), { theme: m } = E(), { prop: u } = r(e, ["settings", "tile"]), { prop: c } = r(e, ["settings", "variant"]);
+    const e = t, { prop: 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"]);
     return (f, h) => {
       const x = z("v-btn-toggle");
       return v(), V(x, {
-        block: n(i),
-        disabled: n(o),
-        divided: n(l),
+        block: n(o),
+        disabled: n(i),
+        divided: n(r),
         mandatory: n(s),
         multiple: n(a),
         readonly: n(p),
@@ -956,13 +956,13 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["size", "height"]), { prop: s } = r(e, ["settings", "hover"]), { prop: a } = r(e, ["settings", "loading"]), { prop: p } = r(e, ["size", "maxHeight"]), { prop: d } = r(e, ["size", "maxWidth"]), { prop: b } = r(e, ["size", "minHeight"]), { prop: m } = r(e, ["size", "minWidth"]), { prop: u } = r(e, ["settings", "subtitle"]), { prop: c } = r(e, ["settings", "text"]), { theme: f } = E(), { prop: h } = r(e, ["settings", "title"]), { prop: x } = r(e, ["settings", "variant"]), { prop: g } = r(e, ["size", "width"]);
+    const e = t, { prop: 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"]);
     return (w, C) => {
       const R = z("v-card");
       return v(), V(R, {
-        density: n(i),
-        disabled: n(o),
-        height: n(l),
+        density: n(o),
+        disabled: n(i),
+        height: n(r),
         hover: n(s),
         loading: n(a),
         "max-height": n(p),
@@ -990,12 +990,12 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "disabled"]), { prop: o } = r(e, ["settings", "readonly"]);
-    return (l, s) => {
+    const e = t, { prop: o } = l(e, ["settings", "disabled"]), { prop: i } = l(e, ["settings", "readonly"]);
+    return (r, s) => {
       const a = z("v-checkbox");
       return v(), V(a, {
-        disabled: n(i),
-        readonly: n(o)
+        disabled: n(o),
+        readonly: n(i)
       }, null, 8, ["disabled", "readonly"]);
     };
   }
@@ -1006,12 +1006,12 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "closable"]), { prop: o } = r(e, ["settings", "color"]), { color: l } = j(o), { prop: s } = r(e, ["settings", "density"]), { prop: a } = r(e, ["settings", "disabled"]), { prop: p } = r(e, ["settings", "draggable"]), { prop: d } = r(e, ["settings", "filter"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "size"]), { prop: u } = r(e, ["settings", "text"]), { theme: c } = E(), { prop: f } = r(e, ["settings", "tile"]), { prop: h } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
+    const e = t, { prop: 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"]);
     return (g, w) => {
       const C = z("v-chip");
       return v(), V(C, {
-        closable: n(i),
-        color: n(l),
+        closable: n(o),
+        color: n(r),
         density: n(s),
         disabled: n(a),
         draggable: n(p),
@@ -1033,15 +1033,15 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "column"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "filter"]), { prop: a } = r(e, ["settings", "mandatory"]), { prop: p } = r(e, ["settings", "multiple"]), { prop: d } = r(e, ["settings", "showArrows"]), { theme: b } = E(), { prop: m } = r(e, ["settings", "value"]);
+    const e = t, { prop: 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"]);
     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(i),
-        direction: n(o),
-        disabled: n(l),
+        column: n(o),
+        direction: n(i),
+        disabled: n(r),
         filter: n(s),
         mandatory: n(a),
         multiple: n(p),
@@ -1062,13 +1062,13 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = pe(), o = de(), { applySize: l } = he(e), s = k(() => {
-      const h = {}, x = o.value.type;
-      return i === "page" ? x === "common" ? l(h) : console.assert(!1) : i === "comp" && x === "common" ? l(h) : console.assert(!1), h;
-    }), { prop: a } = r(e, ["settings", "disabled"]), { prop: p } = r(e, ["settings", "hideCanvas"]), { prop: d } = r(e, ["settings", "hideHeader"]), { prop: b } = r(e, ["settings", "hideInputs"]), { prop: m } = r(e, ["settings", "hideSliders"]), { prop: u } = r(e, ["settings", "landscape"]), { prop: c } = r(e, [
+    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;
+    }), { prop: a } = l(e, ["settings", "disabled"]), { prop: p } = l(e, ["settings", "hideCanvas"]), { prop: d } = l(e, ["settings", "hideHeader"]), { prop: b } = l(e, ["settings", "hideInputs"]), { prop: m } = l(e, ["settings", "hideSliders"]), { prop: u } = l(e, ["settings", "landscape"]), { prop: c } = l(e, [
       "settings",
       "showSwatches"
-    ]), { theme: f } = E();
+    ]), { theme: f } = N();
     return (h, x) => {
       const g = z("v-color-picker");
       return v(), V(g, {
@@ -1091,7 +1091,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: p } = E(), { prop: d } = r(e, ["settings", "value"]);
+    const e = t, { prop: 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"]);
     return (b, m) => {
       const u = z("v-combobox");
       return v(), V(n(Z), null, {
@@ -1099,9 +1099,9 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
           H(u, {
             modelValue: n(d),
             "onUpdate:modelValue": m[0] || (m[0] = (c) => U(d) ? d.value = c : null),
-            "hide-details": n(i),
-            label: n(o),
-            placeholder: n(l),
+            "hide-details": n(o),
+            label: n(i),
+            placeholder: n(r),
             readonly: n(s),
             "single-line": n(a),
             theme: n(p)
@@ -1118,12 +1118,12 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = pe(), o = de(), { prop: l } = r(e, [
+    const e = t, o = pe(), i = de(), { prop: r } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: s } = j(l), { applySize: a } = he(e), { applyMargin: p } = Ln(e), { applyPadding: d } = Bn(e), { applyBorder: b } = An(e), m = k(() => {
-      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;
+    ]), { 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;
     });
     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: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "fixedFooter"]), { prop: l } = r(e, ["settings", "fixedHeader"]), { prop: s } = r(e, ["settings", "headers"]), { prop: a } = r(e, ["size", "height"]), { prop: p } = r(e, ["settings", "hover"]), { prop: d } = r(e, ["settings", "data"], !0), { prop: b } = r(e, ["settings", "loading"]), { prop: m } = r(e, ["settings", "multiSort"]), { theme: u } = E(), { prop: c } = r(e, ["size", "width"]), f = k(() => {
+    const e = t, { prop: 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 h = [];
       return (e.node.slots?.items ?? []).forEach((g) => {
         g.column && g.comp && h.push(g);
@@ -1147,9 +1147,9 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
     return (h, x) => {
       const g = z("v-data-table");
       return v(), V(g, {
-        density: n(i),
-        "fixed-footer": n(o),
-        "fixed-header": n(l),
+        density: n(o),
+        "fixed-footer": n(i),
+        "fixed-header": n(r),
         headers: n(s),
         height: n(a),
         hover: n(p),
@@ -1159,7 +1159,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
         theme: n(u),
         width: n(c)
       }, Tn({ _: 2 }, [
-        No(f.value, (w) => ({
+        Eo(f.value, (w) => ({
           name: `item.${w.column}`,
           fn: I(({ value: C }) => [
             H(n(fe), {
@@ -1173,8 +1173,8 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ $({
   }
 }), al = {};
 function ul(t, e) {
-  const i = z("v-date-picker");
-  return v(), V(i);
+  const o = z("v-date-picker");
+  return v(), V(o);
 }
 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, i = G(), o = Be(), l = k(() => e.node.basic?.id), { open: s } = no(`runtimeDlg/${Yi()}`);
-    return po(o, e, (p) => {
-      if (i !== "runtime" && i !== "preview")
+    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")
         return;
       const { name: d } = p;
       d === "open" ? s.value = !0 : d === "close" && (s.value = !1);
@@ -1197,9 +1197,9 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
         attach: "#dialogContainer"
       }, {
         activator: I(() => [
-          n(i) === "editor" ? (v(), Y("div", {
+          n(o) === "editor" ? (v(), Y("div", {
             key: 0,
-            id: `__node__@${l.value}`
+            id: `__node__@${r.value}`
           }, null, 8, ml)) : ee("", !0)
         ]),
         default: I(() => [
@@ -1216,13 +1216,13 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "chips"]), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "multiple"]), { prop: b } = r(e, ["settings", "readonly"]), { prop: m } = r(e, ["settings", "reverse"]), { prop: u } = r(e, ["settings", "singleLine"]);
+    const e = t, { prop: 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"]);
     return (c, f) => {
       const h = z("v-file-input");
       return v(), V(h, {
-        chips: n(i),
-        density: n(o),
-        direction: n(l),
+        chips: n(o),
+        density: n(i),
+        direction: n(r),
         disabled: n(s),
         label: n(a),
         loading: n(p),
@@ -1240,22 +1240,22 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), o = pe(), l = de(), { applySize: s } = he(e), { applyMargin: a } = Ln(e), { applyPadding: p } = Bn(e), { applyBorder: d } = An(e), { prop: b } = r(e, [
+    const e = t, 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, [
       "settings",
       "backgroundColor"
     ]), { color: m } = j(b), u = (f) => {
       m.value && (f.backgroundColor = m.value), f.display = "flex";
-      const h = Ee(i.value.width), x = $e(h, e.node.settings?.direction);
+      const h = Re(o.value.width), x = Ie(h, e.node.settings?.direction);
       x === "row" ? f.flexDirection = "row" : x === "rowReverse" ? f.flexDirection = "row-reverse" : x === "column" ? f.flexDirection = "column" : x === "columnReverse" && (f.flexDirection = "column-reverse");
-      const g = $e(h, e.node.settings?.wrap);
+      const g = Ie(h, e.node.settings?.wrap);
       g === "no" ? f.flexWrap = "nowrap" : g === "yes" ? f.flexWrap = "wrap" : g === "reverse" && (f.flexWrap = "wrap-reverse");
-      const w = $e(h, e.node.settings?.mainAlign);
+      const w = Ie(h, e.node.settings?.mainAlign);
       w === "start" ? f.justifyContent = "flex-start" : w === "end" ? f.justifyContent = "flex-end" : w === "center" ? f.justifyContent = "center" : w === "spaceBetween" ? f.justifyContent = "space-between" : w === "spaceAround" ? f.justifyContent = "space-around" : w === "spaceEvenly" && (f.justifyContent = "space-evenly");
-      const C = $e(h, e.node.settings?.crossAlign);
+      const C = Ie(h, e.node.settings?.crossAlign);
       C === "start" ? f.alignItems = "flex-start" : C === "end" ? f.alignItems = "flex-end" : C === "center" ? f.alignItems = "center" : C === "baseline" ? f.alignItems = "baseline" : C === "stretch" && (f.alignItems = "stretch");
     }, c = k(() => {
-      const f = {}, h = l.value.type;
-      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;
+      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 (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, i = pe(), o = de(), { applySize: l } = he(e), { prop: s } = r(e, ["settings", "grow"]), { prop: a } = r(e, ["settings", "shrink"]), p = k(() => {
-      const d = {}, b = o.value.type;
-      return i === "page" ? b === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && b === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1), d;
+    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;
     });
     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, i = G(), o = pe(), l = de(), s = Be(), { prop: a } = r(e, ["settings", "valid"]), { prop: p } = r(e, ["settings", "fastFail"]), { prop: d } = r(e, [
+    const e = t, o = G(), i = pe(), r = de(), s = We(), { prop: a } = l(e, ["settings", "valid"]), { prop: p } = l(e, ["settings", "fastFail"]), { prop: d } = l(e, [
       "settings",
       "backgroundColor"
     ]), { color: b } = j(d), { applySize: m } = he(e), { applyMargin: u } = Ln(e), { applyPadding: c } = Bn(e), { applyBorder: f } = An(e), h = k(() => {
-      const g = {}, w = l.value.type;
-      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;
+      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;
     }), x = () => {
-      i !== "runtime" && i !== "preview" || s.callFunction("__triggerEventV1__", [
+      o !== "runtime" && o !== "preview" || s.callFunction("__triggerEventV1__", [
         `elementEvent@submit@${e.node.basic.id}`
       ]);
     };
@@ -1305,7 +1305,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
         "onUpdate:modelValue": w[0] || (w[0] = (R) => U(a) ? a.value = R : null),
         "fast-fail": n(p),
         style: Q(h.value),
-        onSubmit: Eo(x, ["prevent"])
+        onSubmit: No(x, ["prevent"])
       }, {
         default: I(() => [
           L(g.$slots, "default")
@@ -1321,12 +1321,12 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "icon"]), { prop: a } = r(e, ["settings", "size"]), { theme: p } = E();
+    const e = t, { prop: 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();
     return (d, b) => {
       const m = z("v-icon");
       return v(), V(m, {
-        color: n(o),
-        disabled: n(l),
+        color: n(i),
+        disabled: n(r),
         icon: n(s),
         size: n(a),
         theme: n(p)
@@ -1340,12 +1340,12 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = Be(), l = ce(0), s = ce(0), a = k(() => [l.value, s.value]), p = k(() => e.node.basic?.id), { open: d } = no(`runtimeMenu/${Yi()}`);
-    return po(o, e, (m) => {
-      if (i !== "runtime" && i !== "preview")
+    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")
         return;
       const { name: u } = m;
-      u === "open" ? (l.value = o.getVariable("__pointerPosX__"), s.value = o.getVariable("__pointerPosY__"), d.value = !0) : u === "close" && (d.value = !1);
+      u === "open" ? (r.value = i.getVariable("__pointerPosX__"), s.value = i.getVariable("__pointerPosY__"), d.value = !0) : u === "close" && (d.value = !1);
     }), (m, u) => {
       const c = z("v-menu");
       return v(), V(c, {
@@ -1357,7 +1357,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
         target: a.value
       }, {
         activator: I(() => [
-          n(i) === "editor" ? (v(), Y("div", {
+          n(o) === "editor" ? (v(), Y("div", {
             key: 0,
             id: `__node__@${p.value}`
           }, null, 8, gl)) : ee("", !0)
@@ -1376,33 +1376,33 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, [
+    const e = t, { prop: o } = l(e, [
       "settings",
       "addIcon",
       "append"
-    ]), { prop: o } = r(e, [
+    ]), { prop: i } = l(e, [
       "settings",
       "addIcon",
       "appendInner"
-    ]), { prop: l } = r(e, ["settings", "clearable"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "max"]), { prop: b } = r(e, ["size", "maxWidth"]), { prop: m } = r(e, ["settings", "min"]), { prop: u } = r(e, ["size", "minWidth"]), { prop: c } = r(e, ["settings", "placeholder"]), { prop: f } = r(e, ["settings", "precision"]), { prop: h } = r(e, ["settings", "prefix"]), { prop: x } = r(e, [
+    ]), { prop: r } = l(e, ["settings", "clearable"]), { prop: s } = l(e, ["settings", "hideDetails"]), { prop: a } = l(e, ["settings", "label"]), { prop: p } = l(e, ["settings", "loading"]), { prop: d } = l(e, ["settings", "max"]), { prop: b } = l(e, ["size", "maxWidth"]), { prop: m } = l(e, ["settings", "min"]), { prop: u } = l(e, ["size", "minWidth"]), { prop: c } = l(e, ["settings", "placeholder"]), { prop: f } = l(e, ["settings", "precision"]), { prop: h } = l(e, ["settings", "prefix"]), { prop: x } = l(e, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: g } = r(e, [
+    ]), { prop: g } = l(e, [
       "settings",
       "addIcon",
       "prependInner"
-    ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "reverse"]), { prop: R } = r(e, ["settings", "singleLine"]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: D } = E(), { prop: N } = r(e, ["settings", "value"]), { prop: S } = r(e, ["settings", "variant"]), { prop: M } = r(e, ["size", "width"]);
+    ]), { prop: w } = l(e, ["settings", "readonly"]), { prop: C } = l(e, ["settings", "reverse"]), { prop: 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"]);
     return (J, te) => {
       const re = z("v-number-input");
       return v(), V(n(Z), null, {
         default: I(() => [
           H(re, {
-            modelValue: n(N),
-            "onUpdate:modelValue": te[0] || (te[0] = (le) => U(N) ? N.value = le : null),
-            "append-icon": n(i),
-            "append-inner-icon": n(o),
-            clearable: n(l),
+            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),
+            clearable: n(r),
             "hide-details": n(s),
             label: n(a),
             loading: n(p),
@@ -1436,12 +1436,12 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "length"]), { prop: a } = r(e, [
+    const e = t, o = G(), { prop: i } = l(e, ["settings", "density"]), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, ["settings", "length"]), { prop: a } = l(e, [
       "settings",
       "showFirstLastPage"
-    ]), { prop: p } = r(e, ["settings", "size"]), { prop: d } = r(e, ["settings", "start"]), { theme: b } = E(), { prop: m } = r(e, ["settings", "tile"]), { prop: u } = r(e, ["settings", "value"]), { prop: c } = r(e, ["settings", "variant"]), f = k(() => {
+    ]), { prop: p } = l(e, ["settings", "size"]), { prop: d } = l(e, ["settings", "start"]), { theme: b } = N(), { prop: m } = l(e, ["settings", "tile"]), { prop: u } = l(e, ["settings", "value"]), { prop: c } = l(e, ["settings", "variant"]), f = k(() => {
       const h = {};
-      return i === "editor" && (h.pointerEvents = "none"), h;
+      return o === "editor" && (h.pointerEvents = "none"), h;
     });
     return (h, x) => {
       const g = z("v-pagination");
@@ -1450,8 +1450,8 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
           H(g, {
             modelValue: n(u),
             "onUpdate:modelValue": x[0] || (x[0] = (w) => U(u) ? u.value = w : null),
-            density: n(o),
-            disabled: n(l),
+            density: n(i),
+            disabled: n(r),
             length: n(s),
             "show-first-last-page": n(a),
             size: n(p),
@@ -1473,12 +1473,12 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "readonly"]), { theme: d } = E(), { prop: b } = r(e, ["settings", "value"]);
+    const e = t, { prop: 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"]);
     return (m, u) => {
       const c = z("v-radio");
       return v(), V(c, {
-        color: n(o),
-        density: n(l),
+        color: n(i),
+        density: n(r),
         disabled: n(s),
         label: n(a),
         readonly: n(p),
@@ -1494,7 +1494,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "inline"]), { prop: a } = r(e, ["settings", "readonly"]), { theme: p } = E(), { prop: d } = r(e, ["settings", "value"]);
+    const e = t, { prop: 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"]);
     return (b, m) => {
       const u = z("v-radio-group");
       return v(), V(n(Z), null, {
@@ -1502,9 +1502,9 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
           H(u, {
             modelValue: n(d),
             "onUpdate:modelValue": m[0] || (m[0] = (c) => U(d) ? d.value = c : null),
-            density: n(i),
-            direction: n(o),
-            disabled: n(l),
+            density: n(o),
+            direction: n(i),
+            disabled: n(r),
             inline: n(s),
             readonly: n(a),
             theme: n(p)
@@ -1526,12 +1526,12 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "max"]), { prop: d } = r(e, ["settings", "min"]), { prop: b } = r(e, ["settings", "readonly"]), { prop: m } = r(e, ["settings", "showTicks"]), u = k(() => {
+    const e = t, { prop: 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(() => {
       if (m.value === "always")
         return "always";
       if (m.value === "show")
         return !0;
-    }), { prop: c } = r(e, ["settings", "step"]), { theme: f } = E(), { prop: h } = r(e, [
+    }), { prop: c } = l(e, ["settings", "step"]), { theme: f } = N(), { prop: h } = l(e, [
       "settings",
       "thumbLabel"
     ]), x = k(() => {
@@ -1539,25 +1539,25 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
         return "always";
       if (h.value === "show")
         return !0;
-    }), { prop: g } = r(e, ["settings", "thumbSize"]), { prop: w } = r(e, ["settings", "ticks"]), C = k(() => {
+    }), { prop: g } = l(e, ["settings", "thumbSize"]), { prop: w } = l(e, ["settings", "ticks"]), C = k(() => {
       if (!w.value)
         return;
-      const N = {};
+      const E = {};
       for (const { value: S, label: M } of w.value)
-        N[S] = M;
-      if (!Qi(N))
-        return N;
-    }), { prop: R } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
+        E[S] = M;
+      if (!Qi(E))
+        return E;
+    }), { prop: R } = l(e, ["settings", "tickSize"]), { prop: W } = l(e, [
       "settings",
       "value",
       "start"
-    ]), { prop: F } = r(e, ["settings", "value", "end"]), D = k({
+    ]), { prop: F } = l(e, ["settings", "value", "end"]), D = k({
       get: () => [W.value, F.value],
-      set: ([N, S]) => {
-        W.value = N, F.value = S;
+      set: ([E, S]) => {
+        W.value = E, F.value = S;
       }
     });
-    return (N, S) => {
+    return (E, S) => {
       const M = z("v-range-slider");
       return v(), V(n(Z), {
         modelValue: D.value,
@@ -1567,9 +1567,9 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
           H(M, {
             modelValue: D.value,
             "onUpdate:modelValue": S[0] || (S[0] = (J) => D.value = J),
-            density: n(i),
-            direction: n(o),
-            disabled: n(l),
+            density: n(o),
+            direction: n(i),
+            disabled: n(r),
             "hide-details": n(s),
             label: n(a),
             max: n(p),
@@ -1595,10 +1595,10 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "clearable"]), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, [
+    const e = t, { prop: o } = l(e, ["settings", "clearable"]), { prop: i } = l(e, ["settings", "density"]), { prop: r } = l(e, ["settings", "disabled"]), { prop: s } = l(e, [
       "settings",
       "halfIncrements"
-    ]), { prop: a } = r(e, ["settings", "hover"]), { prop: p } = r(e, ["settings", "length"]), { prop: d } = r(e, ["settings", "readonly"]), { theme: b } = E(), { prop: m } = r(e, ["settings", "value"]);
+    ]), { prop: a } = l(e, ["settings", "hover"]), { prop: p } = l(e, ["settings", "length"]), { prop: d } = l(e, ["settings", "readonly"]), { theme: b } = N(), { prop: m } = l(e, ["settings", "value"]);
     return (u, c) => {
       const f = z("v-rating");
       return v(), V(n(Z), { "fit-content": !0 }, {
@@ -1606,9 +1606,9 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
           H(f, {
             modelValue: n(m),
             "onUpdate:modelValue": c[0] || (c[0] = (h) => U(m) ? m.value = h : null),
-            clearable: n(i),
-            density: n(o),
-            disabled: n(l),
+            clearable: n(o),
+            density: n(i),
+            disabled: n(r),
             "half-increments": n(s),
             hover: n(a),
             length: n(p),
@@ -1627,7 +1627,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: p } = E(), { prop: d } = r(e, ["settings", "value"]);
+    const e = t, { prop: 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"]);
     return (b, m) => {
       const u = z("v-select");
       return v(), V(n(Z), null, {
@@ -1635,9 +1635,9 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
           H(u, {
             modelValue: n(d),
             "onUpdate:modelValue": m[0] || (m[0] = (c) => U(d) ? d.value = c : null),
-            "hide-details": n(i),
-            label: n(o),
-            placeholder: n(l),
+            "hide-details": n(o),
+            label: n(i),
+            placeholder: n(r),
             readonly: n(s),
             "single-line": n(a),
             theme: n(p)
@@ -1654,15 +1654,15 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "hideDetails"]), { prop: p } = r(e, ["settings", "label"]), { prop: d } = r(e, ["settings", "max"]), { prop: b } = r(e, ["settings", "min"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: c } = r(e, ["settings", "showTicks"]), f = k(() => {
+    const e = t, { prop: 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(() => {
       if (c.value === "always")
         return "always";
       if (c.value === "show")
         return !0;
-    }), { prop: h } = r(e, ["settings", "step"]), { theme: x } = E(), { prop: g } = r(e, [
+    }), { prop: h } = l(e, ["settings", "step"]), { theme: x } = N(), { prop: g } = l(e, [
       "settings",
       "thumbColor"
-    ]), { color: w } = j(g), { prop: C } = r(e, [
+    ]), { color: w } = j(g), { prop: C } = l(e, [
       "settings",
       "thumbLabel"
     ]), R = k(() => {
@@ -1670,27 +1670,27 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
         return "always";
       if (C.value === "show")
         return !0;
-    }), { prop: W } = r(e, ["settings", "thumbSize"]), { prop: F } = r(e, ["settings", "ticks"]), D = k(() => {
+    }), { prop: W } = l(e, ["settings", "thumbSize"]), { prop: F } = l(e, ["settings", "ticks"]), D = k(() => {
       if (!F.value)
         return;
       const le = {};
-      for (const { value: We, label: Kt } of F.value)
-        le[We] = Kt;
+      for (const { value: Ee, label: Ut } of F.value)
+        le[Ee] = Ut;
       if (!Qi(le))
         return le;
-    }), { prop: N } = r(e, ["settings", "tickSize"]), { prop: S } = r(e, [
+    }), { prop: E } = l(e, ["settings", "tickSize"]), { prop: S } = l(e, [
       "settings",
       "trackColor"
-    ]), { color: M } = j(S), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
-    return (le, We) => {
-      const Kt = z("v-slider");
+    ]), { color: M } = j(S), { 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");
       return v(), V(n(Z), null, {
         default: I(() => [
-          H(Kt, {
+          H(Ut, {
             modelValue: n(J),
-            "onUpdate:modelValue": We[0] || (We[0] = (Bo) => U(J) ? J.value = Bo : null),
-            color: n(o),
-            direction: n(l),
+            "onUpdate:modelValue": Ee[0] || (Ee[0] = (Bo) => U(J) ? J.value = Bo : null),
+            color: n(i),
+            direction: n(r),
             disabled: n(s),
             "hide-details": n(a),
             label: n(p),
@@ -1704,7 +1704,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
             "thumb-color": n(w),
             "thumb-label": R.value,
             "thumb-size": n(W),
-            "tick-size": n(N),
+            "tick-size": n(E),
             ticks: D.value,
             "track-color": n(M)
           }, Tn({ _: 2 }, [
@@ -1741,14 +1741,14 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideActions"]), { theme: o } = E(), { prop: l } = r(e, ["settings", "value"]);
+    const e = t, { prop: o } = l(e, ["settings", "hideActions"]), { theme: i } = N(), { prop: r } = l(e, ["settings", "value"]);
     return (s, a) => {
       const p = z("v-stepper");
       return v(), V(p, {
-        modelValue: n(l),
-        "onUpdate:modelValue": a[0] || (a[0] = (d) => U(l) ? l.value = d : null),
-        "hide-actions": n(i),
-        theme: n(o)
+        modelValue: n(r),
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => U(r) ? r.value = d : null),
+        "hide-actions": n(o),
+        theme: n(i)
       }, {
         default: I(() => [
           L(s.$slots, "default")
@@ -1759,8 +1759,8 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), ml = ["id"], pl = /* @__PUR
   }
 }), Tl = {};
 function Pl(t, e) {
-  const i = z("v-stepper-header");
-  return v(), V(i, null, {
+  const o = z("v-stepper-header");
+  return v(), V(o, null, {
     default: I(() => [
       L(t.$slots, "default")
     ]),
@@ -1774,12 +1774,12 @@ const zl = /* @__PURE__ */ ge(Tl, [["render", Pl]]), Al = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "value"]);
-    return (o, l) => {
+    const e = t, { prop: o } = l(e, ["settings", "value"]);
+    return (i, r) => {
       const s = z("v-stepper-item");
-      return v(), V(s, { value: n(i) }, {
+      return v(), V(s, { value: n(o) }, {
         default: I(() => [
-          L(o.$slots, "default")
+          L(i.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
@@ -1787,43 +1787,43 @@ const zl = /* @__PURE__ */ ge(Tl, [["render", Pl]]), Al = /* @__PURE__ */ $({
   }
 }), Ll = {};
 function Bl(t, e) {
-  const i = z("v-stepper-window");
-  return v(), V(i, null, {
+  const o = z("v-stepper-window");
+  return v(), V(o, null, {
     default: I(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
+const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "value"]);
-    return (o, l) => {
+    const e = t, { prop: o } = l(e, ["settings", "value"]);
+    return (i, r) => {
       const s = z("v-stepper-window-item");
-      return v(), V(s, { value: n(i) }, {
+      return v(), V(s, { value: n(o) }, {
         default: I(() => [
-          L(o.$slots, "default")
+          L(i.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
     };
   }
-}), El = /* @__PURE__ */ $({
+}), Nl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, [
+    const e = t, { prop: 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",
       "indeterminate"
-    ]), { prop: p } = r(e, ["settings", "inline"]), { prop: d } = r(e, ["settings", "inset"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { theme: u } = E(), { prop: c } = r(e, ["settings", "value"]);
+    ]), { prop: p } = l(e, ["settings", "inline"]), { prop: d } = l(e, ["settings", "inset"]), { prop: b } = l(e, ["settings", "label"]), { prop: m } = l(e, ["settings", "loading"]), { theme: u } = N(), { prop: c } = l(e, ["settings", "value"]);
     return (f, h) => {
       const x = z("v-switch");
       return v(), V(n(Z), { "fit-content": !0 }, {
@@ -1831,9 +1831,9 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
           H(x, {
             modelValue: n(c),
             "onUpdate:modelValue": h[0] || (h[0] = (g) => U(c) ? c.value = g : null),
-            density: n(i),
-            direction: n(o),
-            disabled: n(l),
+            density: n(o),
+            direction: n(i),
+            disabled: n(r),
             "hide-details": n(s),
             indeterminate: n(a),
             inline: n(p),
@@ -1854,9 +1854,9 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = E(), { prop: s } = r(e, ["settings", "value"]), a = k(() => {
+    const e = t, o = G(), { prop: i } = l(e, ["settings", "text"]), { theme: r } = N(), { prop: s } = l(e, ["settings", "value"]), a = k(() => {
       const p = {};
-      return i === "editor" && (p.pointerEvents = "none"), p;
+      return o === "editor" && (p.pointerEvents = "none"), p;
     });
     return (p, d) => {
       const b = z("v-tab");
@@ -1864,8 +1864,8 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
         default: I(() => [
           H(b, {
             style: Q(a.value),
-            text: n(o),
-            theme: n(l),
+            text: n(i),
+            theme: n(r),
             value: n(s)
           }, null, 8, ["style", "text", "theme", "value"])
         ]),
@@ -1880,29 +1880,29 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "alignTabs"]), { prop: o } = r(e, [
+    const e = t, { prop: o } = l(e, ["settings", "alignTabs"]), { prop: i } = l(e, [
       "settings",
       "color",
       "backgroundColor"
-    ]), { color: l } = j(o), { prop: s } = r(e, [
+    ]), { color: r } = j(i), { prop: s } = l(e, [
       "settings",
       "centerActive"
-    ]), { prop: a } = r(e, [
+    ]), { prop: a } = l(e, [
       "settings",
       "color",
       "selectedColor"
-    ]), { color: p } = j(a), { prop: d } = r(e, ["settings", "density"]), { prop: b } = r(e, ["settings", "direction"]), { prop: m } = r(e, ["settings", "disabled"]), { prop: u } = r(e, ["settings", "fixedTabs"]), { prop: c } = r(e, ["settings", "grow"]), { prop: f } = r(e, ["settings", "hideSlider"]), { prop: h } = r(e, ["settings", "items"]), { prop: x } = r(e, ["settings", "mandatory"]), { prop: g } = r(e, ["settings", "showArrows"]), { prop: w } = r(e, [
+    ]), { color: p } = 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, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: C } = j(w), { prop: R } = r(e, ["settings", "stacked"]), { theme: W } = E(), { prop: F } = r(e, ["settings", "value"]);
-    return (D, N) => {
+    ]), { 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, {
         modelValue: n(F),
-        "onUpdate:modelValue": N[0] || (N[0] = (M) => U(F) ? F.value = M : null),
-        "align-tabs": n(i),
-        "bg-color": n(l),
+        "onUpdate:modelValue": E[0] || (E[0] = (M) => U(F) ? F.value = M : null),
+        "align-tabs": n(o),
+        "bg-color": n(r),
         "center-active": n(s),
         color: n(p),
         density: n(d),
@@ -1932,9 +1932,9 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), { prop: o } = r(e, ["settings", "align"]), { prop: l } = r(e, ["settings", "decoration"]), { prop: s } = r(e, ["settings", "emphasis"]), { prop: a } = r(e, ["settings", "italic"]), { prop: p } = r(e, ["settings", "text"]), { prop: d } = r(e, ["settings", "weight"]), b = k(() => {
-      const m = [], u = Ee(i.value.width), c = $e(u, e.node.settings?.style);
-      return c && m.push(`text-${c}`), s.value === "high" ? m.push("text-high-emphasis") : s.value === "medium" ? m.push("text-medium-emphasis") : s.value === "disabled" && m.push("text-disabled"), o.value && m.push(`font-${o.value}`), l.value && m.push(`text-decoration-${l.value}`), d.value && m.push(`font-weight-${d.value}`), a.value && m.push("font-italic"), m.join(" ");
+    const e = t, 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(" ");
     });
     return (m, u) => (v(), Y("span", {
       class: Ro(b.value)
@@ -1947,7 +1947,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "autoGrow"]), { prop: o } = r(e, ["settings", "clearable"]), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "maxRows"]), { prop: b } = r(e, ["settings", "placeholder"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: c } = r(e, ["settings", "rows"]), { prop: f } = r(e, ["settings", "singleLine"]), { theme: h } = E(), { prop: x } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
+    const e = t, { prop: 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"]);
     return (w, C) => {
       const R = z("v-textarea");
       return v(), V(n(Z), null, {
@@ -1955,9 +1955,9 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
           H(R, {
             modelValue: n(x),
             "onUpdate:modelValue": C[0] || (C[0] = (W) => U(x) ? x.value = W : null),
-            "auto-grow": n(i),
-            clearable: n(o),
-            density: n(l),
+            "auto-grow": n(o),
+            clearable: n(i),
+            density: n(r),
             disabled: n(s),
             label: n(a),
             loading: n(p),
@@ -1982,16 +1982,16 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "appendIcon"]), { prop: o } = r(e, [
+    const e = t, { prop: o } = l(e, ["settings", "appendIcon"]), { prop: i } = l(e, [
       "settings",
       "appendInnerIcon"
-    ]), { prop: l } = r(e, ["settings", "autofocus"]), { prop: s } = r(e, ["settings", "clearable"]), { prop: a } = r(e, ["settings", "density"]), { prop: p } = r(e, ["settings", "disabled"]), { prop: d } = r(e, ["settings", "hideDetails"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: u } = r(e, ["settings", "placeholder"]), { prop: c } = r(e, ["settings", "prefix"]), { prop: f } = r(e, ["settings", "prependIcon"]), { prop: h } = r(e, [
+    ]), { prop: r } = l(e, ["settings", "autofocus"]), { prop: s } = l(e, ["settings", "clearable"]), { prop: a } = l(e, ["settings", "density"]), { prop: p } = l(e, ["settings", "disabled"]), { prop: d } = l(e, ["settings", "hideDetails"]), { prop: b } = l(e, ["settings", "label"]), { prop: m } = l(e, ["settings", "loading"]), { prop: u } = l(e, ["settings", "placeholder"]), { prop: c } = l(e, ["settings", "prefix"]), { prop: f } = l(e, ["settings", "prependIcon"]), { prop: h } = l(e, [
       "settings",
       "prependInnerIcon"
-    ]), { prop: x } = r(e, ["settings", "readonly"]), { prop: g } = r(e, ["settings", "reverse"]), { prop: w } = r(e, ["settings", "singleLine"]), { prop: C } = r(e, ["settings", "suffix"]), { theme: R } = E(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["slots", "append"]), { prop: N } = r(e, [
+    ]), { prop: x } = l(e, ["settings", "readonly"]), { prop: g } = l(e, ["settings", "reverse"]), { prop: w } = l(e, ["settings", "singleLine"]), { prop: C } = l(e, ["settings", "suffix"]), { theme: R } = N(), { prop: W } = l(e, ["settings", "value"]), { prop: F } = l(e, ["settings", "variant"]), { prop: D } = l(e, ["slots", "append"]), { prop: E } = l(e, [
       "slots",
       "appendInner"
-    ]), { prop: S } = r(e, ["slots", "prepend"]), { prop: M } = r(e, [
+    ]), { prop: S } = l(e, ["slots", "prepend"]), { prop: M } = l(e, [
       "slots",
       "prependInner"
     ]);
@@ -2002,9 +2002,9 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
           H(re, {
             modelValue: n(W),
             "onUpdate:modelValue": te[0] || (te[0] = (le) => U(W) ? W.value = le : null),
-            "append-icon": n(i),
-            "append-inner-icon": n(o),
-            autofocus: n(l),
+            "append-icon": n(o),
+            "append-inner-icon": n(i),
+            autofocus: n(r),
             clearable: n(s),
             density: n(a),
             disabled: n(p),
@@ -2032,11 +2032,11 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
               ]),
               key: "0"
             } : void 0,
-            n(N) ? {
+            n(E) ? {
               name: "append-inner",
               fn: I(() => [
                 H(n(fe), {
-                  "ref-context": { refid: n(N) },
+                  "ref-context": { refid: n(E) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2075,32 +2075,32 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "align"]), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, [
+    const e = t, { prop: o } = l(e, ["settings", "align"]), { prop: i } = l(e, ["settings", "density"]), { prop: r } = l(e, ["settings", "direction"]), { prop: s } = l(e, [
       "settings",
       "dot",
       "color"
-    ]), { color: a } = j(s), { prop: p } = r(e, ["settings", "dot", "fill"]), { prop: d } = r(e, [
+    ]), { color: a } = j(s), { prop: p } = l(e, ["settings", "dot", "fill"]), { prop: d } = l(e, [
       "settings",
       "hideOpposite"
-    ]), { prop: b } = r(e, [
+    ]), { prop: b } = l(e, [
       "settings",
       "line",
       "color"
-    ]), { color: m } = j(b), { prop: u } = r(e, ["settings", "line", "inset"]), { prop: c } = r(e, [
+    ]), { color: m } = j(b), { prop: u } = l(e, ["settings", "line", "inset"]), { prop: c } = l(e, [
       "settings",
       "line",
       "thickness"
-    ]), { prop: f } = r(e, ["settings", "side"]), { prop: h } = r(e, [
+    ]), { prop: f } = l(e, ["settings", "side"]), { prop: h } = l(e, [
       "settings",
       "line",
       "truncate"
-    ]), { theme: x } = E();
+    ]), { theme: x } = N();
     return (g, w) => {
       const C = z("v-timeline");
       return v(), V(C, {
-        align: n(i),
-        density: n(o),
-        direction: n(l),
+        align: n(o),
+        density: n(i),
+        direction: n(r),
         "dot-color": n(a),
         "fill-dot": n(p),
         "hide-opposite": n(d),
@@ -2120,8 +2120,8 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ $({
   }
 }), jl = {};
 function Kl(t, e) {
-  const i = z("v-timeline-item");
-  return v(), V(i, null, {
+  const o = z("v-timeline-item");
+  return v(), V(o, null, {
     default: I(() => [
       L(t.$slots, "default")
     ]),
@@ -2135,15 +2135,15 @@ const Ul = /* @__PURE__ */ ge(jl, [["render", Kl]]), Ol = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "continuous"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "reverse"]), { prop: a } = r(e, ["settings", "showArrows"]), { prop: p } = r(e, ["settings", "touch"]), { theme: d } = E(), { prop: b } = r(e, ["settings", "value"]);
+    const e = t, { prop: 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"]);
     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(i),
-        direction: n(l),
-        disabled: n(o),
+        continuous: n(o),
+        direction: n(r),
+        disabled: n(i),
         reverse: n(s),
         "show-arrows": n(a),
         theme: n(d),
@@ -2158,15 +2158,15 @@ const Ul = /* @__PURE__ */ ge(jl, [["render", Kl]]), Ol = /* @__PURE__ */ $({
   }
 }), Xl = {};
 function Yl(t, e) {
-  const i = z("v-window-item");
-  return v(), V(i, null, {
+  const o = z("v-window-item");
+  return v(), V(o, null, {
     default: I(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue = "badge_v1", Wn = "breadcrumbs_v1", Oe = "bar_chart_v1", Xe = "box_geometry_v1", Ye = "btn_v1", Je = "btn_group_v1", Ze = "btn_toggle_v1", qe = "card_v1", Qe = "checkbox_v1", et = "chip_v1", tt = "chip_group_v1", nt = "color_picker_v1", it = "combobox_v1", ot = "container_v1", st = "data_table_v1", rt = "date_picker_v1", lt = "dialog_v1", at = "directional_light_v1", ut = "file_input_v1", ct = "flex_layout_v1", fo = "flex_layout_entry_v1", mt = "form_v1", en = "globality_v1", pt = "group_v1", dt = "icon_v1", ft = "keyboard_controls_v1", bt = "line_chart_v1", yt = "map_controls_v1", ht = "menu_v1", gt = "mesh_v1", Zl = "mesh_basic_material_v1", Nn = "multiple_ref_v1", xt = "number_input_v1", vt = "orbit_controls_v1", kt = "orthographic_camera_v1", _t = "pagination_v1", wt = "perspective_camera_v1", Vt = "point_light_v1", bo = "radio_v1", $t = "radio_group_v1", It = "range_slider_v1", St = "rating_v1", En = "render_switch_v1", Ct = "select_v1", Re = "single_ref_v1", Tt = "slider_v1", Pt = "sphere_geometry_v1", zt = "spot_light_v1", At = "stepper_v1", yo = "stepper_header_v1", ho = "stepper_item_v1", go = "stepper_window_v1", xo = "stepper_window_item_v1", Lt = "switch_v1", vo = "tab_v1", Rn = "table_v1", Bt = "tabs_v1", Wt = "text_v1", Nt = "textarea_v1", Et = "text_field_v1", Rt = "timeline_v1", ko = "timeline_item_v1", Dt = "window_v1", _o = "window_item_v1", y = {
+const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), 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 = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2228,7 +2228,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       ]
     }
   ]
-}, ql = B(K), ke = {
+}, ql = B(K), _e = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2282,7 +2282,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       ]
     }
   ]
-}, De = {
+}, Me = {
   key: "legend",
   name: "x-runtime-lib.legend",
   children: [
@@ -2307,7 +2307,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       defaultArray: []
     }
   ]
-}, _e = {
+}, we = {
   key: "margin",
   name: "x-runtime-lib.margin",
   children: [
@@ -2340,7 +2340,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       default: ""
     }
   ]
-}, we = {
+}, Ve = {
   key: "padding",
   name: "x-runtime-lib.padding",
   children: [
@@ -2420,7 +2420,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       default: ""
     }
   ]
-}, Me = {
+}, Fe = {
   key: "title",
   name: "x-runtime-lib.title",
   children: [
@@ -2529,7 +2529,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       ]
     }
   ]
-}, Fe = {
+}, Ge = {
   key: "xAxis",
   name: "x-runtime-lib.xAxis",
   children: [
@@ -2562,7 +2562,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       defaultArray: []
     }
   ]
-}, Ge = {
+}, He = {
   key: "yAxis",
   name: "x-runtime-lib.yAxis",
   children: [
@@ -2643,7 +2643,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
     }
   ]
 }, Ql = {
-  key: kt,
+  key: _t,
   name: "x-runtime-lib.orthographicCamera",
   comp: gs,
   props: {
@@ -2689,7 +2689,7 @@ const Jn = {
     }
   ]
 }, ea = {
-  key: wt,
+  key: Vt,
   name: "x-runtime-lib.perspectiveCamera",
   comp: vs,
   props: {
@@ -2705,22 +2705,22 @@ const ta = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
-    return (i, o) => n(e) !== "editor" ? (v(), V(n(qo), { key: 0 })) : ee("", !0);
+    return (o, i) => n(e) !== "editor" ? (v(), V(n(qo), { key: 0 })) : ee("", !0);
   }
 }), na = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
-    return (i, o) => n(e) !== "editor" ? (v(), V(n(Qo), { key: 0 })) : ee("", !0);
+    return (o, i) => n(e) !== "editor" ? (v(), V(n(Qo), { key: 0 })) : ee("", !0);
   }
 }), ia = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const e = G();
-    return (i, o) => n(e) !== "editor" ? (v(), V(n(es), { key: 0 })) : ee("", !0);
+    return (o, i) => n(e) !== "editor" ? (v(), V(n(es), { key: 0 })) : ee("", !0);
   }
 }), oa = {
-  key: ft,
+  key: bt,
   name: "x-runtime-lib.keyboardControls",
   comp: ta,
   props: {
@@ -2734,7 +2734,7 @@ const ta = /* @__PURE__ */ $({
 };
 _(oa);
 const sa = {
-  key: yt,
+  key: ht,
   name: "x-runtime-lib.mapControls",
   comp: na,
   props: {
@@ -2748,7 +2748,7 @@ const sa = {
 };
 _(sa);
 const ra = {
-  key: vt,
+  key: kt,
   name: "x-runtime-lib.orbitControls",
   comp: ia,
   props: {
@@ -2762,18 +2762,18 @@ const ra = {
 };
 _(ra);
 function la(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`boxGeometryV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`boxGeometryV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = Te.props[o];
-  if (!l) {
-    console.error(`boxGeometryV1/spawn props not found, ${i}`);
+  const r = Pe.props[i];
+  if (!r) {
+    console.error(`boxGeometryV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Te.key, s.transform = {
+  return P(s, r), s.basic.id = T(16), s.basic.key = Pe.key, s.transform = {
     position: {
       x: 0,
       y: 0,
@@ -2795,22 +2795,22 @@ function la(t, e) {
   ], s;
 }
 function aa(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
     console.error(
-      `boxGeometryV1/spawnBoxGeometry prop tag not found, ${i}`
+      `boxGeometryV1/spawnBoxGeometry prop tag not found, ${o}`
     );
     return;
   }
-  const l = tn.props[o];
-  if (!l) {
+  const r = tn.props[i];
+  if (!r) {
     console.error(
-      `boxGeometryV1/spawnBoxGeometry props not found, ${i}`
+      `boxGeometryV1/spawnBoxGeometry props not found, ${o}`
     );
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = tn.key, s.settings = {
+  return P(s, r), s.basic.id = T(16), s.basic.key = tn.key, s.settings = {
     width: 1,
     height: 1,
     depth: 1,
@@ -2820,22 +2820,22 @@ function aa(t, e) {
   }, s;
 }
 function ua(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
     console.error(
-      `boxGeometryV1/spawnMeshBasicMaterial prop tag not found, ${i}`
+      `boxGeometryV1/spawnMeshBasicMaterial prop tag not found, ${o}`
     );
     return;
   }
-  const l = Ce.props[o];
-  if (!l) {
+  const r = Te.props[i];
+  if (!r) {
     console.error(
-      `boxGeometryV1/spawnMeshBasicMaterial props not found, ${i}`
+      `boxGeometryV1/spawnMeshBasicMaterial props not found, ${o}`
     );
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Ce.key, s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = Te.key, s;
 }
 const Zn = {
   key: "settings",
@@ -2882,7 +2882,7 @@ const Zn = {
     }
   ]
 }, tn = {
-  key: Xe,
+  key: Ye,
   name: "x-runtime-lib.boxGeometry",
   comp: _s,
   props: {
@@ -2897,18 +2897,18 @@ const Zn = {
 };
 _(tn);
 function ca(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`sphereGeometryV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`sphereGeometryV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = Te.props[o];
-  if (!l) {
-    console.error(`sphereGeometryV1/spawn props not found, ${i}`);
+  const r = Pe.props[i];
+  if (!r) {
+    console.error(`sphereGeometryV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Te.key, s.transform = {
+  return P(s, r), s.basic.id = T(16), s.basic.key = Pe.key, s.transform = {
     position: {
       x: 0,
       y: 0,
@@ -2930,22 +2930,22 @@ function ca(t, e) {
   ], s;
 }
 function ma(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
     console.error(
-      `sphereGeometryV1/spawnSphereGeometry prop tag not found, ${i}`
+      `sphereGeometryV1/spawnSphereGeometry prop tag not found, ${o}`
     );
     return;
   }
-  const l = nn.props[o];
-  if (!l) {
+  const r = nn.props[i];
+  if (!r) {
     console.error(
-      `sphereGeometryV1/spawnSphereGeometry props not found, ${i}`
+      `sphereGeometryV1/spawnSphereGeometry props not found, ${o}`
     );
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = nn.key, s.settings = {
+  return P(s, r), s.basic.id = T(16), s.basic.key = nn.key, s.settings = {
     radius: 1,
     widthSegements: 32,
     heightSegements: 16,
@@ -2956,22 +2956,22 @@ function ma(t, e) {
   }, s;
 }
 function pa(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
     console.error(
-      `sphereGeometryV1/spawnMeshBasicMaterial prop tag not found, ${i}`
+      `sphereGeometryV1/spawnMeshBasicMaterial prop tag not found, ${o}`
     );
     return;
   }
-  const l = Ce.props[o];
-  if (!l) {
+  const r = Te.props[i];
+  if (!r) {
     console.error(
-      `sphereGeometryV1/spawnMeshBasicMaterial props not found, ${i}`
+      `sphereGeometryV1/spawnMeshBasicMaterial props not found, ${o}`
     );
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Ce.key, s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = Te.key, s;
 }
 const qn = {
   key: "settings",
@@ -3026,7 +3026,7 @@ const qn = {
     }
   ]
 }, nn = {
-  key: Pt,
+  key: zt,
   name: "x-runtime-lib.sphereGeometry",
   comp: Vs,
   props: {
@@ -3040,15 +3040,15 @@ const qn = {
   spawn: ca
 };
 _(nn);
-const Mt = B(K);
-Mt.children[0].default = "custom";
-Mt.children[2].children[0].default = "0xffffff";
-Mt.children[2].children[1].default = "0xffffff";
+const Ft = B(K);
+Ft.children[0].default = "custom";
+Ft.children[2].children[0].default = "0xffffff";
+Ft.children[2].children[1].default = "0xffffff";
 const Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    Mt,
+    Ft,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3058,7 +3058,7 @@ const Qn = {
     }
   ]
 }, da = {
-  key: Ke,
+  key: Ue,
   name: "x-runtime-lib.ambientLight",
   comp: Is,
   props: {
@@ -3070,15 +3070,15 @@ const Qn = {
   slots: []
 };
 _(da);
-const Ft = B(K);
-Ft.children[0].default = "custom";
-Ft.children[2].children[0].default = "0xffffff";
-Ft.children[2].children[1].default = "0xffffff";
+const Gt = B(K);
+Gt.children[0].default = "custom";
+Gt.children[2].children[0].default = "0xffffff";
+Gt.children[2].children[1].default = "0xffffff";
 const ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    Ft,
+    Gt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3088,7 +3088,7 @@ const ei = {
     }
   ]
 }, fa = {
-  key: at,
+  key: ut,
   name: "x-runtime-lib.directionalLight",
   comp: Cs,
   props: {
@@ -3100,15 +3100,15 @@ const ei = {
   slots: []
 };
 _(fa);
-const Gt = B(K);
-Gt.children[0].default = "custom";
-Gt.children[2].children[0].default = "0xffffff";
-Gt.children[2].children[1].default = "0xffffff";
+const Ht = B(K);
+Ht.children[0].default = "custom";
+Ht.children[2].children[0].default = "0xffffff";
+Ht.children[2].children[1].default = "0xffffff";
 const ti = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    Gt,
+    Ht,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3132,7 +3132,7 @@ const ti = {
     }
   ]
 }, ba = {
-  key: Vt,
+  key: $t,
   name: "x-runtime-lib.pointLight",
   comp: Ps,
   props: {
@@ -3144,15 +3144,15 @@ const ti = {
   slots: []
 };
 _(ba);
-const Ht = B(K);
-Ht.children[0].default = "custom";
-Ht.children[2].children[0].default = "0xffffff";
-Ht.children[2].children[1].default = "0xffffff";
+const jt = B(K);
+jt.children[0].default = "custom";
+jt.children[2].children[0].default = "0xffffff";
+jt.children[2].children[1].default = "0xffffff";
 const ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    Ht,
+    jt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3193,7 +3193,7 @@ const ni = {
     }
   ]
 }, ya = {
-  key: zt,
+  key: At,
   name: "x-runtime-lib.spotLight",
   comp: As,
   props: {
@@ -3205,7 +3205,7 @@ const ni = {
   slots: []
 };
 _(ya);
-const Ce = {
+const Te = {
   key: Zl,
   name: "x-runtime-lib.meshBasicMaterial",
   comp: Ws,
@@ -3218,11 +3218,11 @@ const Ce = {
   slots: [],
   leaf: !0
 };
-_(Ce);
+_(Te);
 const ha = {
-  key: pt,
+  key: dt,
   name: "x-runtime-lib.group",
-  comp: Es,
+  comp: Ns,
   props: {
     pageScene: [y, X],
     compScene: [y, X]
@@ -3232,8 +3232,8 @@ const ha = {
   slots: []
 };
 _(ha);
-const Te = {
-  key: gt,
+const Pe = {
+  key: xt,
   name: "x-runtime-lib.mesh",
   comp: Ds,
   props: {
@@ -3244,20 +3244,20 @@ const Te = {
   methods: [],
   slots: []
 };
-_(Te);
+_(Pe);
 function ga(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`barChartV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`barChartV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = on.props[o];
-  if (!l) {
-    console.error(`barChartV1/spawn props not found, ${i}`);
+  const r = on.props[i];
+  if (!r) {
+    console.error(`barChartV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = on.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = on.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
     {
       type: "bar",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -3286,12 +3286,12 @@ const ii = {
   array: !0,
   defaultArray: []
 }, on = {
-  key: Oe,
+  key: Xe,
   name: "x-runtime-lib.barChart",
   comp: Ur,
   props: {
-    pageCommon: [y, O, Me, Fe, Ge, De, ii],
-    compCommon: [y, O, Me, Fe, Ge, De, ii]
+    pageCommon: [y, O, Fe, Ge, He, Me, ii],
+    compCommon: [y, O, Fe, Ge, He, Me, ii]
   },
   events: [],
   methods: [],
@@ -3301,18 +3301,18 @@ const ii = {
 };
 _(on);
 function xa(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`lineChartV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`lineChartV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = sn.props[o];
-  if (!l) {
-    console.error(`lineChartV1/spawn props not found, ${i}`);
+  const r = sn.props[i];
+  if (!r) {
+    console.error(`lineChartV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = sn.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = sn.key, s.size.height = "300px", s.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], s.series = [
     {
       type: "line",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -3341,12 +3341,12 @@ const oi = {
   array: !0,
   defaultArray: []
 }, sn = {
-  key: bt,
+  key: yt,
   name: "x-runtime-lib.lineChart",
   comp: Or,
   props: {
-    pageCommon: [y, O, Me, Fe, Ge, De, oi],
-    compCommon: [y, O, Me, Fe, Ge, De, oi]
+    pageCommon: [y, O, Fe, Ge, He, Me, oi],
+    compCommon: [y, O, Fe, Ge, He, Me, oi]
   },
   events: [],
   methods: [],
@@ -3355,17 +3355,17 @@ const oi = {
   spawn: xa
 };
 _(sn);
-const jt = B(K);
-jt.key = "backgroundColor";
-jt.name = "x-runtime-lib.backgroundColor";
+const Kt = B(K);
+Kt.key = "backgroundColor";
+Kt.name = "x-runtime-lib.backgroundColor";
 const si = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [jt]
+  children: [Kt]
 }, ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [jt]
+  children: [Kt]
 }, va = {
   key: en,
   name: "x-runtime-lib.globality",
@@ -3451,7 +3451,7 @@ const li = {
     }
   ]
 }, wc = {
-  key: Ue,
+  key: Oe,
   name: "x-runtime-lib.badge",
   comp: Xr,
   props: {
@@ -3463,18 +3463,18 @@ const li = {
   slots: []
 };
 function ka(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`btnV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`btnV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = rn.props[o];
-  if (!l) {
-    console.error(`btnV1/spawn props not found, ${i}`);
+  const r = rn.props[i];
+  if (!r) {
+    console.error(`btnV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = rn.key, s.settings.text = "button", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = rn.key, s.settings.text = "button", s;
 }
 const _a = B(K), ai = {
   key: "settings",
@@ -3564,7 +3564,7 @@ const _a = B(K), ai = {
     }
   ]
 }, rn = {
-  key: Ye,
+  key: Je,
   name: "x-runtime-lib.button",
   comp: Yr,
   props: {
@@ -3585,7 +3585,7 @@ const _a = B(K), ai = {
 };
 _(rn);
 const wa = {
-  key: Je,
+  key: Ze,
   name: "x-runtime-lib.buttonGroup",
   comp: qr,
   props: {
@@ -3659,7 +3659,7 @@ const ui = {
     }
   ]
 }, Va = {
-  key: Ze,
+  key: qe,
   name: "x-runtime-lib.buttonToggle",
   comp: Qr,
   props: {
@@ -3672,18 +3672,18 @@ const ui = {
 };
 _(Va);
 function $a(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`cardV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`cardV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = Pe.props[o];
-  if (!l) {
-    console.error(`cardV1/spawn props not found, ${i}`);
+  const r = ze.props[i];
+  if (!r) {
+    console.error(`cardV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Pe.key, s.children = [], s.settings.title = "title", s.settings.subtitle = "subtitle", s.settings.text = "text", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = ze.key, s.children = [], s.settings.title = "title", s.settings.subtitle = "subtitle", s.settings.text = "text", s;
 }
 const ci = {
   key: "settings",
@@ -3740,8 +3740,8 @@ const ci = {
       default: !1
     }
   ]
-}, Pe = {
-  key: qe,
+}, ze = {
+  key: Qe,
   name: "x-runtime-lib.card",
   comp: el,
   props: {
@@ -3753,7 +3753,7 @@ const ci = {
   slots: [],
   spawn: $a
 };
-_(Pe);
+_(ze);
 const mi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3772,7 +3772,7 @@ const mi = {
     }
   ]
 }, Ia = {
-  key: Qe,
+  key: et,
   name: "x-runtime-lib.checkbox",
   comp: tl,
   props: {
@@ -3861,7 +3861,7 @@ const Sa = B(K), pi = {
     Sa
   ]
 }, ln = {
-  key: et,
+  key: tt,
   name: "x-runtime-lib.chip",
   comp: nl,
   props: {
@@ -3875,18 +3875,18 @@ const Sa = B(K), pi = {
 };
 _(ln);
 function Ca(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`chipGroupV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`chipGroupV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = an.props[o];
-  if (!l) {
-    console.error(`chipGroupV1/spawn props not found, ${i}`);
+  const r = an.props[i];
+  if (!r) {
+    console.error(`chipGroupV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = an.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = an.key, s.children = [
     xe(t, e, "chip1", "chip 1"),
     xe(t, e, "chip2", "chip 2"),
     xe(t, e, "chip3", "chip 3"),
@@ -3895,19 +3895,19 @@ function Ca(t, e) {
     xe(t, e, "chip6", "chip 6")
   ], s;
 }
-function xe(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = A(t, e);
+function xe(t, e, o, i) {
+  const r = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
-    console.error(`chipGroupV1/spawnChip prop tag not found, ${l}`);
+    console.error(`chipGroupV1/spawnChip prop tag not found, ${r}`);
     return;
   }
   const a = ln.props[s];
   if (!a) {
-    console.error(`chipGroupV1/spawnChip props not found, ${l}`);
+    console.error(`chipGroupV1/spawnChip props not found, ${r}`);
     return;
   }
   const p = {};
-  return P(p, a), p.basic.id = T(16), p.basic.key = ln.key, p.settings.value = i, p.settings.text = o, p;
+  return P(p, a), p.basic.id = T(16), p.basic.key = ln.key, p.settings.value = o, p.settings.text = i, p;
 }
 const di = {
   key: "settings",
@@ -3964,7 +3964,7 @@ const di = {
     }
   ]
 }, an = {
-  key: tt,
+  key: nt,
   name: "x-runtime-lib.chipGroup",
   comp: il,
   props: {
@@ -3978,7 +3978,7 @@ const di = {
 };
 _(an);
 const Ta = {
-  key: nt,
+  key: it,
   name: "x-runtime-lib.colorPicker",
   comp: ol,
   props: {
@@ -4033,7 +4033,7 @@ const fi = {
     }
   ]
 }, Pa = {
-  key: it,
+  key: ot,
   name: "x-runtime-lib.combobox",
   comp: sl,
   props: {
@@ -4054,12 +4054,12 @@ const bi = {
   name: "x-runtime-lib.settings",
   children: [Dn]
 }, un = {
-  key: ot,
+  key: st,
   name: "x-runtime-lib.container",
   comp: rl,
   props: {
-    pageCommon: [y, O, ke, _e, we, bi],
-    compCommon: [y, O, ke, _e, we, bi]
+    pageCommon: [y, O, _e, we, Ve, bi],
+    compCommon: [y, O, _e, we, Ve, bi]
   },
   events: [
     {
@@ -4225,7 +4225,7 @@ const yi = {
     }
   ]
 }, za = {
-  key: st,
+  key: rt,
   name: "x-runtime-lib.dataTable",
   comp: ll,
   props: {
@@ -4239,7 +4239,7 @@ const yi = {
 };
 _(za);
 const Aa = {
-  key: rt,
+  key: lt,
   name: "x-runtime-lib.datePicker",
   comp: cl,
   props: {
@@ -4253,7 +4253,7 @@ const Aa = {
 };
 _(Aa);
 const La = {
-  key: lt,
+  key: at,
   name: "x-runtime-lib.dialog",
   comp: pl,
   props: {
@@ -4284,7 +4284,7 @@ const xi = {
   name: "x-runtime-lib.settings",
   children: []
 }, Vc = {
-  key: ut,
+  key: ct,
   name: "x-runtime-lib.fileInput",
   comp: dl,
   props: {
@@ -4326,18 +4326,18 @@ const xi = {
 };
 _(cn);
 function Ba(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`flexLayoutV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`flexLayoutV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = ze.props[o];
-  if (!l) {
-    console.error(`flexLayoutV1/spawn props not found, ${i}`);
+  const r = Ae.props[i];
+  if (!r) {
+    console.error(`flexLayoutV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = ze.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = Ae.key, s.children = [
     mn(
       t,
       e,
@@ -4361,7 +4361,7 @@ function Ba(t, e) {
     Wa(t, e)
   ], s;
 }
-function mn(t, e, i, o, l, s, a, p, d) {
+function mn(t, e, o, i, 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, i, o, l, s, a, p, d) {
     return;
   }
   const c = {};
-  return P(c, u), c.basic.id = T(16), c.basic.key = un.key, o && (c.size.width = o), l && (c.size.minWidth = l), a && (c.size.height = a), p && (c.size.minHeight = p), i && (c.settings.backgroundColor.mode = "custom", c.settings.backgroundColor.custom.light = i, c.settings.backgroundColor.custom.dark = i), c.children = [], c;
+  return P(c, u), c.basic.id = T(16), c.basic.key = un.key, 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;
 }
 function Wa(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`flexLayoutV1/spawnEntry prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`flexLayoutV1/spawnEntry prop tag not found, ${o}`);
     return;
   }
-  const l = cn.props[o];
-  if (!l) {
-    console.error(`flexLayoutV1/spawnEntry props not found, ${i}`);
+  const r = cn.props[i];
+  if (!r) {
+    console.error(`flexLayoutV1/spawnEntry props not found, ${o}`);
     return;
   }
   const s = {
@@ -4394,7 +4394,7 @@ function Wa(t, e) {
       key: ""
     }
   };
-  return P(s, l), s.basic.id = T(16), s.basic.key = cn.key, s.children = [
+  return P(s, r), s.basic.id = T(16), s.basic.key = cn.key, s.children = [
     mn(
       t,
       e,
@@ -4580,13 +4580,13 @@ const ki = {
     },
     Mn
   ]
-}, ze = {
-  key: ct,
+}, Ae = {
+  key: mt,
   name: "x-runtime-lib.flexLayout",
   comp: fl,
   props: {
-    pageCommon: [y, O, ke, _e, we, ki],
-    compCommon: [y, O, ke, _e, we, ki]
+    pageCommon: [y, O, _e, we, Ve, ki],
+    compCommon: [y, O, _e, we, Ve, ki]
   },
   events: [
     {
@@ -4599,7 +4599,7 @@ const ki = {
   slots: [],
   spawn: Ba
 };
-_(ze);
+_(Ae);
 const _i = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4751,7 +4751,7 @@ const _i = {
     }
   ]
 }, pn = {
-  key: Et,
+  key: Rt,
   name: "x-runtime-lib.textField",
   comp: Gl,
   props: {
@@ -4789,33 +4789,33 @@ const _i = {
   leaf: !0
 };
 _(pn);
-function Na(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`formV1/spawn prop tag not found, ${i}`);
+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}`);
     return;
   }
-  const l = dn.props[o];
-  if (!l) {
-    console.error(`formV1/spawn props not found, ${i}`);
+  const r = dn.props[i];
+  if (!r) {
+    console.error(`formV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = dn.key, s.children = [Ea(t, e)], s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = dn.key, s.children = [Na(t, e)], s;
 }
-function Ea(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`formV1/spawnTextField prop tag not found, ${i}`);
+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}`);
     return;
   }
-  const l = pn.props[o];
-  if (!l) {
-    console.error(`formV1/spawnTextField props not found, ${i}`);
+  const r = pn.props[i];
+  if (!r) {
+    console.error(`formV1/spawnTextField props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = pn.key, s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = pn.key, s;
 }
 const Vi = {
   key: "settings",
@@ -4836,12 +4836,12 @@ const Vi = {
     }
   ]
 }, dn = {
-  key: mt,
+  key: pt,
   name: "x-runtime-lib.form",
   comp: yl,
   props: {
-    pageCommon: [y, O, ke, _e, we, Vi],
-    compCommon: [y, O, ke, _e, we, Vi]
+    pageCommon: [y, O, _e, we, Ve, Vi],
+    compCommon: [y, O, _e, we, Ve, Vi]
   },
   events: [
     {
@@ -4852,7 +4852,7 @@ const Vi = {
   ],
   methods: [],
   slots: [],
-  spawn: Na
+  spawn: Ea
 };
 _(dn);
 const Ra = B(K), $i = {
@@ -4881,7 +4881,7 @@ const Ra = B(K), $i = {
     Ra
   ]
 }, Da = {
-  key: dt,
+  key: ft,
   name: "x-runtime-lib.icon",
   comp: hl,
   props: {
@@ -4895,7 +4895,7 @@ const Ra = B(K), $i = {
 };
 _(Da);
 const Ma = {
-  key: ht,
+  key: gt,
   name: "x-runtime-lib.menu",
   comp: xl,
   props: {
@@ -4922,18 +4922,18 @@ const Ma = {
 };
 _(Ma);
 function Fa(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`numberInputV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`numberInputV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = fn.props[o];
-  if (!l) {
-    console.error(`numberInputV1/spawn props not found, ${i}`);
+  const r = fn.props[i];
+  if (!r) {
+    console.error(`numberInputV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = fn.key, s.settings.label = "label", s.settings.placeholder = "placeholder", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = fn.key, s.settings.label = "label", s.settings.placeholder = "placeholder", s;
 }
 const Ii = {
   key: "size",
@@ -5103,7 +5103,7 @@ const Ii = {
     }
   ]
 }, fn = {
-  key: xt,
+  key: vt,
   name: "x-runtime-lib.numberInput",
   comp: vl,
   props: {
@@ -5207,7 +5207,7 @@ const Ci = {
     }
   ]
 }, Ga = {
-  key: _t,
+  key: wt,
   name: "x-runtime-lib.pagination",
   comp: kl,
   props: {
@@ -5272,36 +5272,36 @@ const Ha = B(K), Ti = {
 };
 _(bn);
 function ja(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`radioGroupV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`radioGroupV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = yn.props[o];
-  if (!l) {
-    console.error(`radioGroupV1/spawn props not found, ${i}`);
+  const r = yn.props[i];
+  if (!r) {
+    console.error(`radioGroupV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = yn.key, s.children = [
-    Ot(t, e, "option1", "Option 1"),
-    Ot(t, e, "option2", "Option 2"),
-    Ot(t, e, "option3", "Option 3")
+  return P(s, r), s.basic.id = T(16), s.basic.key = yn.key, s.children = [
+    Xt(t, e, "option1", "Option 1"),
+    Xt(t, e, "option2", "Option 2"),
+    Xt(t, e, "option3", "Option 3")
   ], s.settings.value = "option1", s;
 }
-function Ot(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = A(t, e);
+function Xt(t, e, o, i) {
+  const r = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
-    console.error(`radioGroupV1/spawnEntry prop tag not found, ${l}`);
+    console.error(`radioGroupV1/spawnEntry prop tag not found, ${r}`);
     return;
   }
   const a = bn.props[s];
   if (!a) {
-    console.error(`radioGroupV1/spawnEntry props not found, ${l}`);
+    console.error(`radioGroupV1/spawnEntry props not found, ${r}`);
     return;
   }
   const p = {};
-  return P(p, a), p.basic.id = T(16), p.basic.key = bn.key, p.settings.value = i, p.settings.label = o, p;
+  return P(p, a), p.basic.id = T(16), p.basic.key = bn.key, p.settings.value = o, p.settings.label = i, p;
 }
 const Pi = {
   key: "settings",
@@ -5347,7 +5347,7 @@ const Pi = {
     }
   ]
 }, yn = {
-  key: $t,
+  key: It,
   name: "x-runtime-lib.radioGroup",
   comp: wl,
   props: {
@@ -5478,7 +5478,7 @@ const zi = {
     }
   ]
 }, Ka = {
-  key: It,
+  key: St,
   name: "x-runtime-lib.rangeSlider",
   comp: Vl,
   props: {
@@ -5547,7 +5547,7 @@ const Ai = {
     }
   ]
 }, Ua = {
-  key: St,
+  key: Ct,
   name: "x-runtime-lib.rating",
   comp: $l,
   props: {
@@ -5602,7 +5602,7 @@ const Li = {
     }
   ]
 }, Oa = {
-  key: Ct,
+  key: Tt,
   name: "x-runtime-lib.select",
   comp: Il,
   props: {
@@ -5751,7 +5751,7 @@ const Bi = {
     }
   ]
 }, Xa = {
-  key: Tt,
+  key: Pt,
   name: "x-runtime-lib.slider",
   comp: Sl,
   props: {
@@ -5777,7 +5777,7 @@ const hn = {
   slots: []
 };
 _(hn);
-const Ni = {
+const Ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5793,8 +5793,8 @@ const Ni = {
   name: "x-runtime-lib.stepperItem",
   comp: Al,
   props: {
-    pageCommon: [y, Ni],
-    compCommon: [y, Ni]
+    pageCommon: [y, Ei],
+    compCommon: [y, Ei]
   },
   events: [],
   methods: [],
@@ -5814,7 +5814,7 @@ const xn = {
   slots: []
 };
 _(xn);
-const Ei = {
+const Ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5828,10 +5828,10 @@ const Ei = {
 }, vn = {
   key: xo,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: Nl,
+  comp: El,
   props: {
-    pageCommon: [y, Ei],
-    compCommon: [y, Ei]
+    pageCommon: [y, Ni],
+    compCommon: [y, Ni]
   },
   events: [],
   methods: [],
@@ -5839,96 +5839,96 @@ const Ei = {
 };
 _(vn);
 function Ya(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`stepperV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`stepperV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = kn.props[o];
-  if (!l) {
-    console.error(`stepperV1/spawn props not found, ${i}`);
+  const r = kn.props[i];
+  if (!r) {
+    console.error(`stepperV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = kn.key, s.children = [Ja(t, e), Za(t, e)], s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = kn.key, s.children = [Ja(t, e), Za(t, e)], s;
 }
 function Ja(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`stepperV1/spawnHeader prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`stepperV1/spawnHeader prop tag not found, ${o}`);
     return;
   }
-  const l = hn.props[o];
-  if (!l) {
-    console.error(`stepperV1/spawnHeader props not found, ${i}`);
+  const r = hn.props[i];
+  if (!r) {
+    console.error(`stepperV1/spawnHeader props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = hn.key, s.children = [
-    Xt(t, e, "step1"),
-    Xt(t, e, "step2"),
-    Xt(t, e, "step3")
+  return P(s, r), s.basic.id = T(16), s.basic.key = hn.key, s.children = [
+    Yt(t, e, "step1"),
+    Yt(t, e, "step2"),
+    Yt(t, e, "step3")
   ], s;
 }
-function Xt(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
-    console.error(`stepperV1/spawnItem prop tag not found, ${o}`);
+function Yt(t, e, o) {
+  const i = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
+    console.error(`stepperV1/spawnItem prop tag not found, ${i}`);
     return;
   }
-  const s = gn.props[l];
+  const s = gn.props[r];
   if (!s) {
-    console.error(`stepperV1/spawnItem props not found, ${o}`);
+    console.error(`stepperV1/spawnItem props not found, ${i}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = gn.key, a.children = [], a.settings.value = i, a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = gn.key, a.children = [], a.settings.value = o, a;
 }
 function Za(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`stepperV1/spawnWindow prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`stepperV1/spawnWindow prop tag not found, ${o}`);
     return;
   }
-  const l = xn.props[o];
-  if (!l) {
-    console.error(`stepperV1/spawnWindow props not found, ${i}`);
+  const r = xn.props[i];
+  if (!r) {
+    console.error(`stepperV1/spawnWindow props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = xn.key, s.children = [
-    Yt(t, e, "step1", "step 1"),
-    Yt(t, e, "step2", "step 2"),
-    Yt(t, e, "step3", "step 3")
+  return P(s, r), s.basic.id = T(16), s.basic.key = xn.key, s.children = [
+    Jt(t, e, "step1", "step 1"),
+    Jt(t, e, "step2", "step 2"),
+    Jt(t, e, "step3", "step 3")
   ], s;
 }
-function Yt(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = A(t, e);
+function Jt(t, e, o, i) {
+  const r = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
-    console.error(`stepperV1/spawnWindowItem prop tag not found, ${l}`);
+    console.error(`stepperV1/spawnWindowItem prop tag not found, ${r}`);
     return;
   }
   const a = vn.props[s];
   if (!a) {
-    console.error(`stepperV1/spawnWindowItem props not found, ${l}`);
+    console.error(`stepperV1/spawnWindowItem props not found, ${r}`);
     return;
   }
   const p = {};
-  return P(p, a), p.basic.id = T(16), p.basic.key = vn.key, p.children = [qa(t, e, o)], p.settings.value = i, p;
+  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;
 }
-function qa(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
-    console.error(`stepperV1/spawnCard prop tag not found, ${o}`);
+function qa(t, e, o) {
+  const i = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
+    console.error(`stepperV1/spawnCard prop tag not found, ${i}`);
     return;
   }
-  const s = Pe.props[l];
+  const s = ze.props[r];
   if (!s) {
-    console.error(`stepperV1/spawnCard props not found, ${o}`);
+    console.error(`stepperV1/spawnCard props not found, ${i}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Pe.key, a.children = [], a.settings.title = i, a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = ze.key, a.children = [], a.settings.title = o, a;
 }
 const Ri = {
   key: "settings",
@@ -5948,7 +5948,7 @@ const Ri = {
     }
   ]
 }, kn = {
-  key: At,
+  key: Lt,
   name: "x-runtime-lib.stepper",
   comp: Cl,
   props: {
@@ -5962,9 +5962,9 @@ const Ri = {
 };
 _(kn);
 const Qa = {
-  key: Lt,
+  key: Bt,
   name: "x-runtime-lib.switch",
-  comp: El,
+  comp: Nl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -6007,36 +6007,36 @@ const Di = {
 };
 _(_n);
 function eu(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`tabsV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`tabsV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = wn.props[o];
-  if (!l) {
-    console.error(`tabsV1/spawn props not found, ${i}`);
+  const r = wn.props[i];
+  if (!r) {
+    console.error(`tabsV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = wn.key, s.children = [
-    Jt(t, e, "tab1", "tab 1"),
-    Jt(t, e, "tab2", "tab 2"),
-    Jt(t, e, "tab3", "tab 3")
+  return P(s, r), s.basic.id = T(16), s.basic.key = wn.key, s.children = [
+    Zt(t, e, "tab1", "tab 1"),
+    Zt(t, e, "tab2", "tab 2"),
+    Zt(t, e, "tab3", "tab 3")
   ], s;
 }
-function Jt(t, e, i, o) {
-  const l = `type=${t} subtype=${e}`, s = A(t, e);
+function Zt(t, e, o, i) {
+  const r = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
-    console.error(`tabsV1/spawnTab prop tag not found, ${l}`);
+    console.error(`tabsV1/spawnTab prop tag not found, ${r}`);
     return;
   }
   const a = _n.props[s];
   if (!a) {
-    console.error(`tabsV1/spawnTab props not found, ${l}`);
+    console.error(`tabsV1/spawnTab props not found, ${r}`);
     return;
   }
   const p = {};
-  return P(p, a), p.basic.id = T(16), p.basic.key = _n.key, p.settings.value = i, p.settings.text = o, p;
+  return P(p, a), p.basic.id = T(16), p.basic.key = _n.key, p.settings.value = o, p.settings.text = i, p;
 }
 const jn = B(K);
 jn.key = "backgroundColor";
@@ -6127,7 +6127,7 @@ const Mi = {
     }
   ]
 }, wn = {
-  key: Bt,
+  key: Wt,
   name: "x-runtime-lib.tabs",
   comp: Dl,
   props: {
@@ -6141,18 +6141,18 @@ const Mi = {
 };
 _(wn);
 function tu(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`textV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`textV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = be.props[o];
-  if (!l) {
-    console.error(`textV1/spawn props not found, ${i}`);
+  const r = be.props[i];
+  if (!r) {
+    console.error(`textV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = be.key, s.settings.text = "text", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = be.key, s.settings.text = "text", s;
 }
 const Fi = {
   key: "settings",
@@ -6241,7 +6241,7 @@ const Fi = {
     }
   ]
 }, be = {
-  key: Wt,
+  key: Et,
   name: "x-runtime-lib.text",
   comp: Ml,
   props: {
@@ -6256,18 +6256,18 @@ const Fi = {
 };
 _(be);
 function nu(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`textareaV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`textareaV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = Vn.props[o];
-  if (!l) {
-    console.error(`textareaV1/spawn props not found, ${i}`);
+  const r = Vn.props[i];
+  if (!r) {
+    console.error(`textareaV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Vn.key, s.settings.label = "label", s;
+  return P(s, r), s.basic.id = T(16), s.basic.key = Vn.key, s.settings.label = "label", s;
 }
 const Gi = {
   key: "settings",
@@ -6369,50 +6369,50 @@ const $n = {
 };
 _($n);
 function iu(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`timelineV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`timelineV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = In.props[o];
-  if (!l) {
-    console.error(`timelineV1/spawn props not found, ${i}`);
+  const r = In.props[i];
+  if (!r) {
+    console.error(`timelineV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = In.key, s.children = [
-    Zt(t, e, "timeline 1"),
-    Zt(t, e, "timeline 2"),
-    Zt(t, e, "timeline 3")
+  return P(s, r), s.basic.id = T(16), s.basic.key = In.key, s.children = [
+    qt(t, e, "timeline 1"),
+    qt(t, e, "timeline 2"),
+    qt(t, e, "timeline 3")
   ], s;
 }
-function Zt(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
-    console.error(`timelineV1/spawnEntry prop tag not found, ${o}`);
+function qt(t, e, o) {
+  const i = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
+    console.error(`timelineV1/spawnEntry prop tag not found, ${i}`);
     return;
   }
-  const s = $n.props[l];
+  const s = $n.props[r];
   if (!s) {
-    console.error(`timelineV1/spawnEntry props not found, ${o}`);
+    console.error(`timelineV1/spawnEntry props not found, ${i}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = $n.key, a.children = [ou(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = $n.key, a.children = [ou(t, e, o)], a;
 }
-function ou(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
-    console.error(`timelineV1/spawnText prop tag not found, ${o}`);
+function ou(t, e, o) {
+  const i = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
+    console.error(`timelineV1/spawnText prop tag not found, ${i}`);
     return;
   }
-  const s = be.props[l];
+  const s = be.props[r];
   if (!s) {
-    console.error(`timelineV1/spawnText props not found, ${o}`);
+    console.error(`timelineV1/spawnText props not found, ${i}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = i, a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = o, a;
 }
 const su = B(K), ru = B(K), Hi = {
   key: "settings",
@@ -6493,7 +6493,7 @@ const su = B(K), ru = B(K), Hi = {
     }
   ]
 }, In = {
-  key: Rt,
+  key: Dt,
   name: "x-runtime-lib.timeline",
   comp: Hl,
   props: {
@@ -6520,64 +6520,64 @@ const Sn = {
 };
 _(Sn);
 function lu(t, e) {
-  const i = `type=${t} subtype=${e}`, o = A(t, e);
-  if (!o) {
-    console.error(`windowV1/spawn prop tag not found, ${i}`);
+  const o = `type=${t} subtype=${e}`, i = A(t, e);
+  if (!i) {
+    console.error(`windowV1/spawn prop tag not found, ${o}`);
     return;
   }
-  const l = Cn.props[o];
-  if (!l) {
-    console.error(`windowV1/spawn props not found, ${i}`);
+  const r = Cn.props[i];
+  if (!r) {
+    console.error(`windowV1/spawn props not found, ${o}`);
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = Cn.key, s.children = [
-    qt(t, e, "window 1"),
-    qt(t, e, "window 2"),
-    qt(t, e, "window 3")
+  return P(s, r), s.basic.id = T(16), s.basic.key = Cn.key, s.children = [
+    Qt(t, e, "window 1"),
+    Qt(t, e, "window 2"),
+    Qt(t, e, "window 3")
   ], s;
 }
-function qt(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
-    console.error(`windowV1/spawnEntry prop tag not found, ${o}`);
+function Qt(t, e, o) {
+  const i = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
+    console.error(`windowV1/spawnEntry prop tag not found, ${i}`);
     return;
   }
-  const s = Sn.props[l];
+  const s = Sn.props[r];
   if (!s) {
-    console.error(`windowV1/spawnEntry props not found, ${o}`);
+    console.error(`windowV1/spawnEntry props not found, ${i}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = Sn.key, a.children = [au(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Sn.key, a.children = [au(t, e, o)], a;
 }
-function au(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
-    console.error(`windowV1/spawnFlexLayout prop tag not found, ${o}`);
+function au(t, e, o) {
+  const i = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
+    console.error(`windowV1/spawnFlexLayout prop tag not found, ${i}`);
     return;
   }
-  const s = ze.props[l];
+  const s = Ae.props[r];
   if (!s) {
-    console.error(`windowV1/spawnFlexLayout props not found, ${o}`);
+    console.error(`windowV1/spawnFlexLayout props not found, ${i}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = ze.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [uu(t, e, i)], a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = Ae.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [uu(t, e, o)], a;
 }
-function uu(t, e, i) {
-  const o = `type=${t} subtype=${e}`, l = A(t, e);
-  if (!l) {
-    console.error(`windowV1/spawnText prop tag not found, ${o}`);
+function uu(t, e, o) {
+  const i = `type=${t} subtype=${e}`, r = A(t, e);
+  if (!r) {
+    console.error(`windowV1/spawnText prop tag not found, ${i}`);
     return;
   }
-  const s = be.props[l];
+  const s = be.props[r];
   if (!s) {
-    console.error(`windowV1/spawnText props not found, ${o}`);
+    console.error(`windowV1/spawnText props not found, ${i}`);
     return;
   }
   const a = {};
-  return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = i, a.settings.style.xs = "h6", a;
+  return P(a, s), a.basic.id = T(16), a.basic.key = be.key, a.settings.text = o, a.settings.style.xs = "h6", a;
 }
 const ji = {
   key: "settings",
@@ -6628,7 +6628,7 @@ const ji = {
     }
   ]
 }, Cn = {
-  key: Dt,
+  key: Mt,
   name: "x-runtime-lib.window",
   comp: Ol,
   props: {
@@ -6817,7 +6817,7 @@ const cu = [
   timelineDirectionItemsV1: Au,
   timelineSideItemsV1: Lu,
   timelineTruncateLineItemsV1: Bu
-}, Symbol.toStringTag, { value: "Module" })), Nu = [
+}, Symbol.toStringTag, { value: "Module" })), Eu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6850,14 +6850,14 @@ const cu = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: je,
+    validator: Ke,
     default: "0px",
     precision: 0,
     min: 0,
     max: 1 / 0,
     step: 1
   }
-], Eu = [
+], Nu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6898,7 +6898,7 @@ const cu = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: je,
+    validator: Ke,
     default: "0px"
   },
   {
@@ -6921,7 +6921,7 @@ const cu = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: je,
+    validator: Ke,
     min: 0,
     default: "0px"
   },
@@ -6946,7 +6946,7 @@ const cu = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: je,
+    validator: Ke,
     min: 0,
     default: "0px"
   },
@@ -7012,8 +7012,8 @@ const cu = [
   }
 ], Hu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: Nu,
-  leftRightTypesV1: Eu,
+  borderWidthTypesV1: Eu,
+  leftRightTypesV1: Nu,
   marginTypesV1: Ru,
   paddingTypesV1: Du,
   sizeTypesV1: Mu,
@@ -7024,224 +7024,223 @@ const cu = [
     key: "containment",
     name: "x-runtime-lib.containment",
     items: [
-      Ye,
-      qe,
-      et,
-      ot,
-      ct,
-      lt,
-      ht
+      Je,
+      Qe,
+      tt,
+      st,
+      mt,
+      at,
+      gt
     ]
   },
   {
     key: "navigation",
     name: "x-runtime-lib.navigation",
-    items: [Wn, _t, Bt]
+    items: [Wn, wt, Wt]
   },
   {
     key: "formRelated",
     name: "x-runtime-lib.formRelated",
     items: [
-      mt,
-      Wt,
+      pt,
       Et,
+      Rt,
       Nt,
-      xt,
-      Ct,
-      it,
-      Lt,
-      $t,
-      Qe,
+      vt,
       Tt,
+      ot,
+      Bt,
       It,
-      ut
+      et,
+      Pt,
+      St,
+      ct
     ]
   },
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [Rn, st, Oe, bt]
+    items: [Rn, rt, Xe, yt]
   },
   {
     key: "selection",
     name: "x-runtime-lib.selection",
     items: [
+      qe,
       Ze,
-      Je,
-      tt,
-      At,
-      Dt
+      nt,
+      Lt,
+      Mt
     ]
   },
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [Ue, St, Rt]
+    items: [Oe, Ct, Dt]
   },
   {
     key: "imagesAndIcons",
     name: "x-runtime-lib.imagesAndIcons",
-    items: [dt]
+    items: [ft]
   },
   {
     key: "pickers",
     name: "x-runtime-lib.pickers",
-    items: [nt, rt]
+    items: [it, lt]
   },
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Re, Nn, En]
+    items: [De, En, Nn]
   }
 ], Ku = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
-    items: [pt, gt]
+    items: [dt, xt]
   },
   {
     key: "geometries",
     name: "x-runtime-lib.geometries",
-    items: [Xe, Pt]
+    items: [Ye, zt]
   },
   {
     key: "lights",
     name: "x-runtime-lib.lights",
     items: [
-      Ke,
-      at,
-      Vt,
-      zt
+      Ue,
+      ut,
+      $t,
+      At
     ]
   },
   {
     key: "cameras",
     name: "x-runtime-lib.cameras",
-    items: [wt, kt]
+    items: [Vt, _t]
   },
   {
     key: "controls",
     name: "x-runtime-lib.controls",
-    items: [vt, yt, ft]
+    items: [kt, ht, bt]
   }
 ], Uu = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
     items: [
-      Ye,
-      qe,
-      et,
-      ot,
-      ct,
-      lt,
-      ht
+      Je,
+      Qe,
+      tt,
+      st,
+      mt,
+      at,
+      gt
     ]
   },
   {
     key: "navigation",
     name: "x-runtime-lib.navigation",
-    items: [Wn, _t, Bt]
+    items: [Wn, wt, Wt]
   },
   {
     key: "formRelated",
     name: "x-runtime-lib.formRelated",
     items: [
-      mt,
-      Wt,
+      pt,
       Et,
+      Rt,
       Nt,
-      xt,
-      Ct,
-      it,
-      Lt,
-      $t,
-      Qe,
+      vt,
       Tt,
+      ot,
+      Bt,
       It,
-      ut
+      et,
+      Pt,
+      St,
+      ct
     ]
   },
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [Rn, st, Oe, bt]
+    items: [Rn, rt, Xe, yt]
   },
   {
     key: "selection",
     name: "x-runtime-lib.selection",
     items: [
+      qe,
       Ze,
-      Je,
-      tt,
-      At,
-      Dt
+      nt,
+      Lt,
+      Mt
     ]
   },
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [Ue, St, Rt]
+    items: [Oe, Ct, Dt]
   },
   {
     key: "imagesAndIcons",
     name: "x-runtime-lib.imagesAndIcons",
-    items: [dt]
+    items: [ft]
   },
   {
     key: "pickers",
     name: "x-runtime-lib.pickers",
-    items: [nt, rt]
+    items: [it, lt]
   },
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Re, Nn, En]
+    items: [De, En, Nn]
   }
 ], Ou = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
-    items: [pt, gt]
+    items: [dt, xt]
   },
   {
     key: "geometries",
     name: "x-runtime-lib.geometries",
-    items: [Xe, Pt]
+    items: [Ye, zt]
   },
   {
     key: "lights",
     name: "x-runtime-lib.lights",
     items: [
-      Ke,
-      at,
-      Vt,
-      zt
+      Ue,
+      ut,
+      $t,
+      At
     ]
   },
   {
     key: "cameras",
     name: "x-runtime-lib.cameras",
-    items: [wt, kt]
+    items: [Vt, _t]
   },
   {
     key: "controls",
     name: "x-runtime-lib.controls",
-    items: [vt, yt, ft]
+    items: [kt, ht, bt]
   }
 ], Xu = {
   version: "v1",
   globalityKey: en,
-  refKey: Re,
+  refKey: De,
   items: { ...Wu },
   types: { ...Hu },
   elements: /* @__PURE__ */ new Set([
-    Ke,
     Ue,
     Oe,
     Xe,
-    Wn,
     Ye,
+    Wn,
     Je,
     Ze,
     qe,
@@ -7257,48 +7256,49 @@ const cu = [
     at,
     ut,
     ct,
-    fo,
     mt,
-    en,
+    fo,
     pt,
+    en,
     dt,
     ft,
     bt,
     yt,
     ht,
     gt,
-    Nn,
     xt,
+    En,
     vt,
     kt,
     _t,
     wt,
     Vt,
-    bo,
     $t,
+    bo,
     It,
     St,
-    En,
     Ct,
-    Re,
+    Nn,
     Tt,
+    De,
     Pt,
     zt,
     At,
+    Lt,
     yo,
     ho,
     go,
     xo,
-    Lt,
+    Bt,
     vo,
     Rn,
-    Bt,
     Wt,
-    Nt,
     Et,
+    Nt,
     Rt,
-    ko,
     Dt,
+    ko,
+    Mt,
     _o
   ]),
   groups: {
@@ -7324,25 +7324,70 @@ function Ic(t) {
       return "#80a55b";
   }
 }
-function Sc(t, e, i, o, l) {
+function Sc(t, e, o, i, 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[i];
-  a ? a.dataSeq !== o && (a = {
-    dataSeq: o,
-    data: B(l),
+  let a = s.children[o];
+  a ? a.dataSeq !== i && (a = {
+    dataSeq: i,
+    data: B(r),
     children: {}
   }) : (a = {
-    dataSeq: o,
-    data: B(l),
+    dataSeq: i,
+    data: B(r),
     children: {}
-  }, s.children[i] = a);
+  }, s.children[o] = 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 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 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 A(t, e) {
   if (t === "page") {
     if (!Yu.includes(e)) {
@@ -7359,41 +7404,41 @@ function Ki(t, e) {
   if (t.array)
     return e ? B(t.default) : B(t.defaultArray);
   {
-    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;
+    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;
   }
 }
 function P(t, e) {
-  function i(o, l) {
-    if (l.ui) {
-      if (l.ui === "strInput" && l.static)
+  function o(i, r) {
+    if (r.ui) {
+      if (r.ui === "strInput" && r.static)
         return;
-      o[l.key] = Ki(l);
+      i[r.key] = Ki(r);
     } else
-      l.array ? o[l.key] = Ki(l) : l.children.forEach((s) => {
-        o[l.key] || (o[l.key] = {}), i(o[l.key], s);
+      r.array ? i[r.key] = Ki(r) : r.children.forEach((s) => {
+        i[r.key] || (i[r.key] = {}), o(i[r.key], s);
       });
   }
-  e.forEach((o) => i(t, o));
+  e.forEach((i) => o(t, i));
 }
-function Cc(t, e, i, o, l) {
-  const s = `type=${t} subtype=${e} version=${i} ref=${o} keyOrRefid=${l}`, a = A(t, e);
+function zc(t, e, o, i, r) {
+  const s = `type=${t} subtype=${e} version=${o} ref=${i} keyOrRefid=${r}`, a = A(t, e);
   if (!a) {
     console.error(`spawnNode prop tag not found, ${s}`);
     return;
   }
-  const p = wo[i];
+  const p = wo[o];
   if (!p) {
     console.error(`spawnNode pkg not found version, ${s}`);
     return;
   }
-  if (o) {
-    const d = p.refKey, b = l;
+  if (i) {
+    const d = p.refKey, b = r;
     if (!p.elements.has(d)) {
       console.error(`spawnNode [ref] element not found in pkg, ${s}`);
       return;
     }
-    const m = Se[d];
+    const m = Ce[d];
     if (!m) {
       console.error(`spawnNode [ref] element not found in global, ${s}`);
       return;
@@ -7413,12 +7458,12 @@ function Cc(t, e, i, o, l) {
       comp: b
     }, c;
   } else {
-    const d = l;
+    const d = r;
     if (!p.elements.has(d)) {
       console.error(`spawnNode [key] element not found in pkg, ${s}`);
       return;
     }
-    const b = Se[d];
+    const b = Ce[d];
     if (!b) {
       console.error(`spawnNode [key] element not found in global, ${s}`);
       return;
@@ -7441,80 +7486,80 @@ function Cc(t, e, i, o, l) {
     }
   }
 }
-function Tc(t, e) {
-  function i(o) {
-    if (o.basic.id === e)
-      return o;
-    if (o.children)
-      for (let l = 0; l < o.children.length; l++) {
-        const s = i(o.children[l]);
+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]);
         if (s)
           return s;
       }
   }
-  for (let o = 0; o < t.length; o++) {
-    const l = i(t[o]);
-    if (l)
-      return l;
+  for (let i = 0; i < t.length; i++) {
+    const r = o(t[i]);
+    if (r)
+      return r;
   }
 }
 function Zu(t) {
-  function e(o) {
-    o.basic.id = T(16), o.children?.forEach((l) => e(l));
+  function e(i) {
+    i.basic.id = T(16), i.children?.forEach((r) => e(r));
   }
-  const i = B(t);
-  return e(i), i;
+  const o = B(t);
+  return e(o), o;
 }
-function Pc(t) {
+function Lc(t) {
   const e = [];
-  return t.forEach((i) => {
-    e.push(Zu(i));
+  return t.forEach((o) => {
+    e.push(Zu(o));
   }), e;
 }
 const Vo = "runtimeOrg", $o = "runtimeEnv", Io = "runtimeMode", So = "runtimeDevice", Co = "runtimeDark", To = "runtimeType", Po = "runtimeData", zo = "runtimeDepends", Ao = "runtimeSandbox";
-function zc(t) {
+function Bc(t) {
   se(Vo, t);
 }
 function qu() {
   return oe(Vo);
 }
-function Ac(t) {
+function Wc(t) {
   se($o, t);
 }
 function Qu() {
   return oe($o);
 }
-function Lc(t) {
+function Ec(t) {
   se(Io, t);
 }
 function G() {
   return oe(Io);
 }
-function Bc(t) {
+function Nc(t) {
   se(So, Pn(t));
 }
-function Ve() {
+function $e() {
   return oe(So);
 }
-function Wc(t) {
+function Rc(t) {
   se(Co, Pn(t));
 }
-function Le() {
+function Be() {
   return oe(Co);
 }
-function Nc(t) {
+function Dc(t) {
   se(To, t);
 }
 function pe() {
   return oe(To);
 }
-function Ec(t) {
+function Mc(t) {
   se(Po, t);
 }
 function de() {
   return oe(Po);
 }
-function Rc(t) {
+function Fc(t) {
   se(zo, Pn(t));
 }
 function ec() {
@@ -7523,22 +7568,22 @@ function ec() {
 function tc(t) {
   se(Ao, t);
 }
-function Be() {
+function We() {
   return oe(Ao);
 }
-function Ie(t) {
+function Se(t) {
   const e = [t.type];
   return t.type === "elementProp" ? e.push(t.nodeId, t.propKeys) : t.type === "customProp" || t.type === "adaptSlotProp" ? e.push(t.propId) : t.type === "customState" ? e.push(t.stateId) : console.assert(!1), e.join("@");
 }
-function Ne(t, e, i, o, l) {
+function Ne(t, e, o, i, r) {
   const { watchEffect: s, bind: a } = e;
-  if (s[i])
-    for (const p of s[i]) {
+  if (s[o])
+    for (const p of s[o]) {
       const d = ns(p);
       t.callFunction(`__watchEffect$${d}__`);
     }
-  if (a.triggers[i])
-    for (const p of a.triggers[i]) {
+  if (a.triggers[o])
+    for (const p of a.triggers[o]) {
       const d = a.sets[p];
       if (!d) {
         console.assert(!1);
@@ -7546,16 +7591,16 @@ function Ne(t, e, i, o, l) {
       }
       let b = null;
       for (const u of d)
-        if (i === Ie(u)) {
+        if (o === Se(u)) {
           if (u.subKeys) {
             if (!ne(
-              ve(o, u.subKeys),
-              ve(l, u.subKeys)
+              ve(i, u.subKeys),
+              ve(r, u.subKeys)
             )) {
               b = u;
               break;
             }
-          } else if (!ne(o, l)) {
+          } else if (!ne(i, r)) {
             b = u;
             break;
           }
@@ -7563,7 +7608,7 @@ function Ne(t, e, i, o, l) {
       if (!b)
         continue;
       let m;
-      b.subKeys ? m = ve(o, b.subKeys) : m = o;
+      b.subKeys ? m = ve(i, b.subKeys) : m = i;
       for (const u of d)
         if (u.subKeys) {
           let c;
@@ -7609,7 +7654,7 @@ function Ne(t, e, i, o, l) {
     }
 }
 function nc(t, e) {
-  function i(m) {
+  function o(m) {
     const u = t.pseudoToNative(m), c = [], f = u.split(".");
     for (let h = 0; h < f.length; h++) {
       const x = f[h].trim();
@@ -7622,7 +7667,7 @@ function nc(t, e) {
     }
     return t.nativeToPseudo(c);
   }
-  function o(m) {
+  function i(m) {
     const u = t.pseudoToNative(m);
     try {
       const c = JSON.parse(u);
@@ -7631,7 +7676,7 @@ function nc(t, e) {
       return t.nativeToPseudo({});
     }
   }
-  function l(m) {
+  function r(m) {
     const u = t.pseudoToNative(m), c = JSON.stringify(u);
     return t.nativeToPseudo(c);
   }
@@ -7663,15 +7708,15 @@ function nc(t, e) {
   t.setProperty(
     e,
     "__parseKeysV1__",
-    t.createNativeFunction(i)
+    t.createNativeFunction(o)
   ), t.setProperty(
     e,
     "__parseJsonV1__",
-    t.createNativeFunction(o)
+    t.createNativeFunction(i)
   ), t.setProperty(
     e,
     "__jsonStringifyV1__",
-    t.createNativeFunction(l)
+    t.createNativeFunction(r)
   ), t.setProperty(
     e,
     "__consoleLogV1__",
@@ -7697,7 +7742,7 @@ function nc(t, e) {
 const Lo = ls({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: e } = Qt;
+    const { i18n: e } = ke;
     oo(cs(e, t));
   }
 });
@@ -7706,8 +7751,8 @@ function ic(t) {
   return Lo.post("callFunc", t);
 }
 function oc(t, e) {
-  async function i(o, l, s, a, p, d) {
-    const b = t.pseudoToNative(o), m = t.pseudoToNative(l), u = t.pseudoToNative(s), c = t.pseudoToNative(a), f = t.pseudoToNative(p);
+  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);
     try {
       const h = JSON.stringify(u), { strOutputs: x } = await ic({
         spaceId: b,
@@ -7723,11 +7768,11 @@ function oc(t, e) {
   t.setProperty(
     e,
     "__callFuncV1__",
-    t.createAsyncFunction(i)
+    t.createAsyncFunction(o)
   );
 }
-function sc(t, e, i) {
-  function o(u, c, f) {
+function sc(t, e, o) {
+  function i(u, c, f) {
     let h;
     const x = e.pseudoToNative(u);
     if (x === "elementProp") {
@@ -7743,7 +7788,7 @@ function sc(t, e, i) {
       console.assert(!1);
     return e.nativeToPseudo(h);
   }
-  function l(u, c, f, h) {
+  function r(u, c, f, h) {
     const x = e.pseudoToNative(u);
     if (x === "elementProp") {
       const g = e.pseudoToNative(c), w = e.pseudoToNative(f), C = e.pseudoToNative(h);
@@ -7777,9 +7822,9 @@ function sc(t, e, i) {
         appId: `${f}${t.env}`,
         pageId: h
       };
-      Qt.router.replace({ path: x, query: g });
+      ke.router.replace({ path: x, query: g });
     } else t.mode === "preview" && io(
-      Qt.i18n.global.t(
+      ke.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
@@ -7797,41 +7842,41 @@ function sc(t, e, i) {
     });
   }
   e.setProperty(
-    i,
+    o,
     "__getPropV1__",
-    e.createNativeFunction(o)
+    e.createNativeFunction(i)
   ), e.setProperty(
-    i,
+    o,
     "__setPropV1__",
-    e.createNativeFunction(l)
+    e.createNativeFunction(r)
   ), e.setProperty(
-    i,
+    o,
     "__callMethodV1__",
     e.createAsyncFunction(s)
   ), e.setProperty(
-    i,
+    o,
     "__getStateV1__",
     e.createNativeFunction(a)
   ), e.setProperty(
-    i,
+    o,
     "__setStateV1__",
     e.createNativeFunction(p)
   ), e.setProperty(
-    i,
+    o,
     "__navigateToV1__",
     e.createNativeFunction(d)
   ), e.setProperty(
-    i,
+    o,
     "__openConfirmDlgV1__",
     e.createAsyncFunction(b)
   ), e.setProperty(
-    i,
+    o,
     "__openPromptDlgV1__",
     e.createAsyncFunction(m)
   );
 }
-function rc(t, e, i) {
-  nc(e, i), oc(e, i), sc(t, e, i);
+function rc(t, e, o) {
+  nc(e, o), oc(e, o), sc(t, e, o);
 }
 const lc = `
 var __env__ = 'dev'
@@ -7935,8 +7980,8 @@ class pc {
   type;
   eventBus = is();
   hooks;
-  constructor(e, i, o, l, s) {
-    this.org = e, this.env = i, this.mode = o, this.type = l, this.hooks = s;
+  constructor(e, o, i, r, s) {
+    this.org = e, this.env = o, this.mode = i, this.type = r, this.hooks = s;
   }
   //--------------------------
   // 元素属性
@@ -7945,40 +7990,40 @@ class pc {
   syncNodes(e) {
     if (e) {
       this.nodes = { globality: e.view };
-      const i = (o) => {
-        this.nodes[o.basic.id] = o, o.children?.forEach((l) => i(l));
+      const o = (i) => {
+        this.nodes[i.basic.id] = i, i.children?.forEach((r) => o(r));
       };
-      e.view.nodes.forEach((o) => i(o));
+      e.view.nodes.forEach((i) => o(i));
     } else
       this.nodes = {};
   }
-  getElementPropInner(e, i) {
-    return ve(e, i);
+  getElementPropInner(e, o) {
+    return ve(e, o);
   }
-  getElementProp(e, i) {
-    const o = this.nodes[e];
-    if (!o) {
-      console.warn("Sandbox/getElementProp node not found", e, i);
+  getElementProp(e, o) {
+    const i = this.nodes[e];
+    if (!i) {
+      console.warn("Sandbox/getElementProp node not found", e, o);
       return;
     }
-    return this.getElementPropInner(o, i);
+    return this.getElementPropInner(i, o);
   }
-  setElementPropInner(e, i, o) {
-    const l = ve(e, i);
-    ne(o, l) || (ro(e, i, o), this.hooks?.onElementPropChange(e.basic.id, i, o, l));
+  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));
   }
-  setElementProp(e, i, o) {
-    const l = this.nodes[e];
-    if (!l) {
+  setElementProp(e, o, i) {
+    const r = this.nodes[e];
+    if (!r) {
       console.warn(
         "Sandbox/setElementProp node not found",
         e,
-        i,
-        o
+        o,
+        i
       );
       return;
     }
-    this.setElementPropInner(l, i, o);
+    this.setElementPropInner(r, o, i);
   }
   //--------------------------
   // 自定义属性
@@ -7990,9 +8035,9 @@ class pc {
   getCustomProp(e) {
     return this.customProps[e];
   }
-  setCustomProp(e, i) {
-    const o = this.customProps[e];
-    ne(i, o) || (this.customProps[e] = i, this.hooks?.onCustomPropChange(e, i, o));
+  setCustomProp(e, o) {
+    const i = this.customProps[e];
+    ne(o, i) || (this.customProps[e] = o, this.hooks?.onCustomPropChange(e, o, i));
   }
   //--------------------------
   // 自定义状态
@@ -8004,9 +8049,9 @@ class pc {
   getCustomState(e) {
     return this.customStates[e];
   }
-  setCustomState(e, i) {
-    const o = this.customStates[e];
-    ne(i, o) || (this.customStates[e] = i, this.hooks?.onCustomStateChange(e, i, o));
+  setCustomState(e, o) {
+    const i = this.customStates[e];
+    ne(o, i) || (this.customStates[e] = o, this.hooks?.onCustomStateChange(e, o, i));
   }
   //--------------------------
   // 适配的插槽属性
@@ -8018,9 +8063,9 @@ class pc {
   getAdaptSlotProp(e) {
     return this.adaptSlotProps[e];
   }
-  setAdaptSlotProp(e, i) {
-    const o = this.adaptSlotProps[e];
-    ne(i, o) || (this.adaptSlotProps[e] = i, this.hooks?.onAdaptSlotPropChange(e, i, o));
+  setAdaptSlotProp(e, o) {
+    const i = this.adaptSlotProps[e];
+    ne(o, i) || (this.adaptSlotProps[e] = o, this.hooks?.onAdaptSlotPropChange(e, o, i));
   }
   //--------------------------
   // 解释器
@@ -8029,8 +8074,8 @@ class pc {
   createInterpreter(e) {
     this.interpreter = new os(
       mc,
-      (i, o) => {
-        rc(this, i, o);
+      (o, i) => {
+        rc(this, o, i);
       }
     ), this.interpreter.appendCode(e), this.interpreter.run(), this.setVariable("__env__", this.env), this.setVariable("__mode__", this.mode), this.callFunction("__triggerEventV1__", ["elementEvent@startup@globality"]);
   }
@@ -8044,29 +8089,29 @@ class pc {
     }
     return this.interpreter.getProperty(this.interpreter.globalObject, e);
   }
-  setVariable(e, i) {
+  setVariable(e, o) {
     if (!this.interpreter) {
       console.assert(!1, "Sandbox/setVariable invalid interpreter");
       return;
     }
-    this.interpreter.setProperty(this.interpreter.globalObject, e, i);
+    this.interpreter.setProperty(this.interpreter.globalObject, e, o);
   }
-  callFunction(e, i) {
+  callFunction(e, o) {
     if (!this.interpreter) {
       console.assert(!1, "Sandbox/callFunction invalid interpreter");
       return;
     }
-    const o = [];
-    if (i)
-      for (const s of i)
-        o.push(JSON.stringify(s));
-    const l = `${e}(${o.join(", ")});`;
-    console.log(l), this.interpreter.appendCode(l), this.interpreter.run();
+    const i = [];
+    if (o)
+      for (const s of o)
+        i.push(JSON.stringify(s));
+    const r = `${e}(${i.join(", ")});`;
+    console.log(r), this.interpreter.appendCode(r), this.interpreter.run();
   }
 }
 function dc(t) {
-  const e = qu(), i = Qu(), o = G(), l = pe(), s = Ve(), a = Le(), p = (f, h, x, g) => {
-    if (!(o !== "runtime" && o !== "preview") && (u.callFunction("__triggerEventV1__", [
+  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__", [
       `elementPropChange@${f}@${h}`,
       x,
       g ?? x
@@ -8075,7 +8120,7 @@ function dc(t) {
       h instanceof Array ? w = h.join(".") : w = h, Ne(
         u,
         t.value.code.reactivity,
-        Ie({
+        Se({
           type: "elementProp",
           nodeId: f,
           propKeys: w
@@ -8085,38 +8130,38 @@ function dc(t) {
       );
     }
   }, d = (f, h, x) => {
-    o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
+    i !== "runtime" && i !== "preview" || (u.callFunction("__triggerEventV1__", [
       `customPropChange@${f}`,
       h,
       x ?? h
     ]), t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
-      Ie({ type: "customProp", propId: f }),
+      Se({ type: "customProp", propId: f }),
       h,
       x
     ));
   }, b = (f, h, x) => {
-    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Ne(
+    i !== "runtime" && i !== "preview" || t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
-      Ie({ type: "customState", stateId: f }),
+      Se({ type: "customState", stateId: f }),
       h,
       x
     );
   }, m = (f, h, x) => {
-    o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
+    i !== "runtime" && i !== "preview" || (u.callFunction("__triggerEventV1__", [
       `adaptSlotProp@${f}`,
       h,
       x ?? h
     ]), t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
-      Ie({ type: "adaptSlotProp", propId: f }),
+      Se({ type: "adaptSlotProp", propId: f }),
       h,
       x
     ));
-  }, u = new pc(e, i, o, l, {
+  }, u = new pc(e, o, i, r, {
     onElementPropChange: p,
     onCustomPropChange: d,
     onCustomStateChange: b,
@@ -8124,16 +8169,16 @@ function dc(t) {
   });
   tc(u);
   const c = () => {
-    o !== "runtime" && o !== "preview" || (u.destroyInterpreter(), u.syncNodes(t.value), u.resetCustomProps(), u.resetCustomStates(), u.resetAdaptSlotProps(), !(!t.value || !t.value.code.script) && u.createInterpreter(t.value.code.script));
+    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));
   };
   c(), q(t, () => {
     c();
-  }), He(() => {
+  }), je(() => {
     u.destroyInterpreter();
-  }), (o === "runtime" || o === "preview") && q(
+  }), (i === "runtime" || i === "preview") && q(
     s,
     (f, h) => {
-      const x = Ee(f.width), g = Ee(h?.width ?? f.width);
+      const x = Re(f.width), g = Re(h?.width ?? f.width);
       u.callFunction("__triggerEventV1__", [
         "elementEvent@screenSizeChange@globality",
         x,
@@ -8141,7 +8186,7 @@ function dc(t) {
       ]);
     },
     { immediate: !0 }
-  ), (o === "runtime" || o === "preview") && q(
+  ), (i === "runtime" || i === "preview") && q(
     a,
     (f) => {
       u.callFunction("__triggerEventV1__", [
@@ -8152,13 +8197,13 @@ function dc(t) {
     { immediate: !0 }
   );
 }
-const fc = (t, e, i) => {
-  const o = t[e];
-  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((l, s) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + e + (e.split("/").length !== i ? ". Note that variables only represent file names one level deep." : ""))));
+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." : ""))));
   });
 };
-async function Dc(t) {
+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;
 }
 export {
@@ -8172,8 +8217,8 @@ export {
   wa as btnGroupV1,
   Va as btnToggleV1,
   rn as btnV1,
-  Ee as calcBreakpoint,
-  Pe as cardV1,
+  Re as calcBreakpoint,
+  ze as cardV1,
   Ia as checkboxV1,
   an as chipGroupV1,
   ln as chipV1,
@@ -8186,18 +8231,18 @@ export {
   La as dialogV1,
   fa as directionalLightV1,
   Zu as duplicateNode,
-  Pc as duplicateNodes,
-  Se as elements,
+  Lc as duplicateNodes,
+  Ce as elements,
   Sc as ensureContext,
   Vc as fileInputV1,
   cn as flexLayoutEntryV1,
-  ze as flexLayoutV1,
+  Ae as flexLayoutV1,
   dn as formV1,
   T as genId,
-  $e as getBreakpointProp,
+  Ie as getBreakpointProp,
   ve as getField,
   Xn as getIndexOfBreakpoint,
-  Tc as getNode,
+  Ac as getNode,
   Ki as getPropDefault,
   A as getPropTag,
   Ic as getTypeColor,
@@ -8205,44 +8250,44 @@ export {
   ha as groupV1,
   Da as iconV1,
   P as initProps,
-  Le as injectDark,
+  Be as injectDark,
   de as injectData,
   ec as injectDepends,
-  Ve as injectDevice,
+  $e as injectDevice,
   Qu as injectEnv,
   G as injectMode,
   qu as injectOrg,
-  Be as injectSandbox,
+  We as injectSandbox,
   pe as injectType,
   zn as isPercentStr,
-  je as isPixelStr,
+  Ke as isPixelStr,
   oa as keyboardControlsV1,
   sn as lineChartV1,
-  Dc as loadLocaleMessageRuntime,
-  Ie as makeTriggerId,
+  Gc as loadLocaleMessageRuntime,
+  Se as makeTriggerId,
   sa as mapControlsV1,
   Ma as menuV1,
-  Ce as meshBasicMaterialV1,
-  Te as meshV1,
+  Te as meshBasicMaterialV1,
+  Pe as meshV1,
   fn as numberInputV1,
   ra as orbitControlsV1,
   Ql as orthographicCameraV1,
   Yu as pageTypes,
   Ga as paginationV1,
-  Ut as parsePercentStr,
+  Ot as parsePercentStr,
   _c as parsePixelStr,
   ea as perspectiveCameraV1,
   wo as pkgs,
   ba as pointLightV1,
-  Wc as provideDark,
-  Ec as provideData,
-  Rc as provideDepends,
-  Bc as provideDevice,
-  Ac as provideEnv,
-  Lc as provideMode,
-  zc as provideOrg,
+  Rc as provideDark,
+  Mc as provideData,
+  Fc as provideDepends,
+  Nc as provideDevice,
+  Wc as provideEnv,
+  Ec as provideMode,
+  Bc as provideOrg,
   tc as provideSandbox,
-  Nc as provideType,
+  Dc as provideType,
   yn as radioGroupV1,
   bn as radioV1,
   Ka as rangeSliderV1,
@@ -8252,7 +8297,7 @@ export {
   Oa as selectV1,
   ro as setField,
   Xa as sliderV1,
-  Cc as spawnNode,
+  zc as spawnNode,
   nn as sphereGeometryV1,
   ya as spotLightV1,
   hn as stepperHeaderV1,
@@ -8268,6 +8313,9 @@ export {
   Vn as textareaV1,
   $n as timelineItemV1,
   In as timelineV1,
+  Pc as toEventName,
+  Tc as toMethodName,
+  Cc as toPropertyName,
   Ne as triggerReactivity,
   $c as types,
   dc as useSandbox,