x-runtime-lib 0.8.129 → 0.8.130

package/dist/index.js

@@ -1,11 +1,11 @@
-var pn = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), fn = (t) => {
+var dn = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), fn = (t) => {
   throw TypeError(t);
 };
 var Ve = (t, n, e) => {
   if (n != null) {
     typeof n != "object" && typeof n != "function" && fn("Object expected");
     var o, s;
-    e && (o = n[pn("asyncDispose")]), o === void 0 && (o = n[pn("dispose")], e && (s = o)), typeof o != "function" && fn("Object not disposable"), s && (o = function() {
+    e && (o = n[dn("asyncDispose")]), o === void 0 && (o = n[dn("dispose")], e && (s = o)), typeof o != "function" && fn("Object not disposable"), s && (o = function() {
       try {
         s.call(this);
       } catch (r) {
@@ -29,9 +29,9 @@ var Ve = (t, n, e) => {
   };
   return r();
 };
-import { defineComponent as C, createElementBlock as ce, renderSlot as K, unref as i, openBlock as h, createElementVNode as ie, computed as v, normalizeStyle as ue, createCommentVNode as se, ref as oe, watch as ae, onBeforeMount as ti, onUnmounted as He, watchEffect as he, createBlock as k, withCtx as S, useTemplateRef as xo, onMounted as ko, nextTick as wo, resolveComponent as B, createVNode as N, isRef as Q, createSlots as Xt, renderList as ni, useId as Io, withModifiers as oi, normalizeClass as ii, toDisplayString as ri, h as q, useAttrs as it, inject as me, provide as de, readonly as Yt } from "vue";
+import { defineComponent as $, createElementBlock as ce, renderSlot as K, unref as i, openBlock as _, createElementVNode as ie, computed as x, normalizeStyle as ue, createCommentVNode as se, ref as oe, watch as ae, onBeforeMount as ti, onUnmounted as He, watchEffect as he, createBlock as w, withCtx as C, useTemplateRef as xo, onMounted as ko, nextTick as wo, resolveComponent as B, createVNode as N, isRef as Q, createSlots as Xt, renderList as ni, useId as Io, withModifiers as oi, normalizeClass as ii, toDisplayString as ri, h as X, useAttrs as it, inject as me, provide as pe, readonly as Yt } from "vue";
 import { globalObjects as we, waitUtil as So, useViewStack as Co, eventBus as $o, messageInfo as si, messageSuccess as li, messageWarning as Vo, messageError as Po, createAxios as ai, openConfirmDlg as ci, openPromptDlg as ui } from "x-essential-lib";
-import { CameraHelper as Lo, DirectionalLightHelper as mi, PointLightHelper as di, SpotLightHelper as pi } from "three";
+import { CameraHelper as Lo, DirectionalLightHelper as mi, PointLightHelper as pi, SpotLightHelper as di } from "three";
 import { i as le, c as Ue, K as fi, M as yi, O as bi, u as gi, r as zo, e as To, a as hi, b as _i, d as vi, f as xi, g as ki, h as wi, j as Ii, k as Si, l as Eo, m as D, n as Ci, o as $i, p as Vi, q as Pi } from "./vendor.hylrutpj.js";
 import { useTheme as Li } from "vuetify";
 import { useI18n as rt } from "vue-i18n";
@@ -147,8 +147,8 @@ const Ei = ["common", "scene"], Ai = ["common", "scene"];
 function mu({ type: t, version: n, view: e, code: o }) {
   const s = (c, u) => {
     const m = { id: u.id };
-    u.children && (m.children = [], u.children.forEach((f) => {
-      s(m.children, f);
+    u.children && (m.children = [], u.children.forEach((d) => {
+      s(m.children, d);
     })), c.push(m);
   }, r = [];
   e.nodeLites.forEach((c) => {
@@ -165,7 +165,7 @@ function mu({ type: t, version: n, view: e, code: o }) {
   };
   return JSON.stringify(l);
 }
-function du(t) {
+function pu(t) {
   const n = JSON.parse(t), e = (o, s) => {
     o.key = s.basic.key, o.alias = s.basic.alias, o.refId = s.settings?.comp, o.children?.forEach((r) => {
       e(r, n.view.nodes[r.id]);
@@ -175,7 +175,7 @@ function du(t) {
     e(o, n.view.nodes[o.id]);
   }), n;
 }
-const pu = [
+const du = [
   "globality_v1",
   "multiple_ref_v1",
   "multiple_slot_v1",
@@ -333,7 +333,7 @@ function xu(t, n) {
   let o = "";
   return t === "elementEvent" || (t === "refEvent" || t === "multipleRefEvent" || t === "customEvent" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotEvent" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementEvent" || t === "adaptSlotCustomEvent" ? o = e.global.t("x-runtime-lib.adaptSlot") : t === "elementPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.propertyChange") : t === "refPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customPropertyChange") : t === "customSlotPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customSlotPropertyChange") : t === "adaptSlotElementPropertyChangeEvent" || t === "adaptSlotCustomPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.adaptSlotPropertyChange") : t === "stateChangeEvent" ? o = e.global.t("x-runtime-lib.stateChange") : console.assert(!1)), en(o, n, Wi(t));
 }
-const Ri = ["position", "rotation", "scale"], Ce = /* @__PURE__ */ C({
+const Ri = ["position", "rotation", "scale"], Ce = /* @__PURE__ */ $({
   __name: "index",
   props: {
     position: {},
@@ -341,8 +341,8 @@ const Ri = ["position", "rotation", "scale"], Ce = /* @__PURE__ */ C({
     scale: {}
   },
   setup(t) {
-    const n = J();
-    return (e, o) => i(n) === "editor" ? (h(), ce("TresMesh", {
+    const n = q();
+    return (e, o) => i(n) === "editor" ? (_(), ce("TresMesh", {
       key: 0,
       position: t.position,
       rotation: t.rotation,
@@ -354,19 +354,19 @@ const Ri = ["position", "rotation", "scale"], Ce = /* @__PURE__ */ C({
       K(e.$slots, "default")
     ], 8, Ri)) : K(e.$slots, "default", { key: 1 });
   }
-}), G = /* @__PURE__ */ C({
+}), G = /* @__PURE__ */ $({
   __name: "index",
   props: {
     block: { type: Boolean, default: !1 },
     mask: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const n = J(), e = v(() => {
+    const n = q(), e = x(() => {
       const s = {
         position: "relative"
       };
       return t.block ? s.display = "block" : s.display = "inline-block", s;
-    }), o = v(() => ({
+    }), o = x(() => ({
       position: "absolute",
       top: 0,
       left: 0,
@@ -375,12 +375,12 @@ const Ri = ["position", "rotation", "scale"], Ce = /* @__PURE__ */ C({
       pointerEvents: "auto",
       userSelect: "none"
     }));
-    return (s, r) => i(n) === "editor" ? (h(), ce("div", {
+    return (s, r) => i(n) === "editor" ? (_(), ce("div", {
       key: 0,
       style: ue(e.value)
     }, [
       K(s.$slots, "default"),
-      t.mask ? (h(), ce("div", {
+      t.mask ? (_(), ce("div", {
         key: 0,
         style: ue(o.value)
       }, null, 4)) : se("", !0)
@@ -394,7 +394,7 @@ function Ki(t) {
   } };
 }
 function P(t) {
-  const n = fe(), e = oe(n.value.view.nodes[t.nodeId]);
+  const n = ye(), e = oe(n.value.view.nodes[t.nodeId]);
   console.assert(!!e.value, `invalid node id=${t.nodeId}`), ae(n, () => {
     e.value = n.value.view.nodes[t.nodeId];
   });
@@ -402,9 +402,9 @@ function P(t) {
   return o("created"), { node: e };
 }
 function Qe(t, n, e) {
-  const o = ye();
+  const o = be();
   if (o) {
-    const s = v(() => Nc("elementMethod", t.nodeId, n));
+    const s = x(() => Nc("elementMethod", t.nodeId, n));
     ti(() => {
       o.eventBus?.on(s.value, e);
     }), He(() => {
@@ -426,7 +426,7 @@ const Di = (t, n, e, o) => {
   s ? typeof o == "object" ? r = JSON.stringify(o, null, 2) : (console.assert(!1), r = "{}") : r = o, t ? t.setElementProperty(n.basic.id, e, r) : Qt(n, e, r);
 };
 function a(t, n, e) {
-  const o = ye(), s = oe();
+  const o = be(), s = oe();
   return he(() => {
     s.value = Di(o, t.value, n, e);
   }), ae(s, (r, l) => {
@@ -435,7 +435,7 @@ function a(t, n, e) {
 }
 function H() {
   const t = Je();
-  return { theme: v(() => t.value ? "dark" : "light") };
+  return { theme: x(() => t.value ? "dark" : "light") };
 }
 function ve(t) {
   const { property: n } = a(t, [
@@ -462,23 +462,23 @@ function ve(t) {
     "transform",
     "rotation",
     "z"
-  ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: u } = a(t, ["transform", "scale", "y"]), { property: m } = a(t, ["transform", "scale", "z"]), f = oe([0, 0, 0]), d = oe([0, 0, 0]), p = oe([1, 1, 1]);
+  ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: u } = a(t, ["transform", "scale", "y"]), { property: m } = a(t, ["transform", "scale", "z"]), d = oe([0, 0, 0]), p = oe([0, 0, 0]), f = oe([1, 1, 1]);
   return he(() => {
-    f.value = [n.value, e.value, o.value];
+    d.value = [n.value, e.value, o.value];
   }), he(() => {
-    n.value = f.value[0], e.value = f.value[1], o.value = f.value[2];
+    n.value = d.value[0], e.value = d.value[1], o.value = d.value[2];
   }), he(() => {
-    d.value = [s.value, r.value, l.value];
+    p.value = [s.value, r.value, l.value];
   }), he(() => {
-    s.value = d.value[0], r.value = d.value[1], l.value = d.value[2];
+    s.value = p.value[0], r.value = p.value[1], l.value = p.value[2];
   }), he(() => {
-    p.value = [c.value, u.value, m.value];
+    f.value = [c.value, u.value, m.value];
   }), he(() => {
-    c.value = p.value[0], u.value = p.value[1], m.value = p.value[2];
-  }), { position: f, rotation: d, scale: p };
+    c.value = f.value[0], u.value = f.value[1], m.value = f.value[2];
+  }), { position: d, rotation: p, scale: f };
 }
 function Mo(t) {
-  const n = v(() => t.value.legend?.show), e = v(() => t.value.legend?.data);
+  const n = x(() => t.value.legend?.show), e = x(() => t.value.legend?.data);
   function o(s) {
     s.legend = {
       show: n.value,
@@ -488,14 +488,14 @@ function Mo(t) {
   return { show: n, data: e, applyLegend: o };
 }
 function Bo(t) {
-  const n = v(() => t.value.series);
+  const n = x(() => t.value.series);
   function e(o) {
     o.series = n.value;
   }
   return { series: n, applySeries: e };
 }
 function Wo(t) {
-  const n = v(() => t.value.title?.show), e = v(() => t.value.title?.text), o = v(() => t.value.title?.subtext);
+  const n = x(() => t.value.title?.show), e = x(() => t.value.title?.text), o = x(() => t.value.title?.subtext);
   function s(r) {
     r.title = {
       show: n.value,
@@ -506,7 +506,7 @@ function Wo(t) {
   return { show: n, text: e, subtext: o, applyTitle: s };
 }
 function Ro(t) {
-  const n = v(() => t.value.xAxis?.show), e = v(() => t.value.xAxis?.position), o = v(() => t.value.xAxis?.type), s = v(() => t.value.xAxis?.data);
+  const n = x(() => t.value.xAxis?.show), e = x(() => t.value.xAxis?.position), o = x(() => t.value.xAxis?.type), s = x(() => t.value.xAxis?.data);
   function r(l) {
     l.xAxis = {
       show: n.value,
@@ -518,7 +518,7 @@ function Ro(t) {
   return { show: n, position: e, type: o, data: s, applyXAxis: r };
 }
 function Ko(t) {
-  const n = v(() => t.value.yAxis?.show), e = v(() => t.value.yAxis?.position), o = v(() => t.value.yAxis?.type), s = v(() => t.value.yAxis?.data);
+  const n = x(() => t.value.yAxis?.show), e = x(() => t.value.yAxis?.position), o = x(() => t.value.yAxis?.type), s = x(() => t.value.yAxis?.data);
   function r(l) {
     l.yAxis = {
       show: n.value,
@@ -529,69 +529,69 @@ function Ko(t) {
   }
   return { show: n, position: e, type: o, data: s, applyYAxis: r };
 }
-function X(t) {
-  const { computedThemes: n } = Li(), e = Je(), o = v(() => t.value?.mode), s = v(() => {
+function Y(t) {
+  const { computedThemes: n } = Li(), e = Je(), o = x(() => t.value?.mode), s = x(() => {
     const m = t.value?.theme;
     return m ? m === "background0" ? e.value ? "#2e2e2e" : "#bdbdbd" : m === "background1" ? e.value ? "#272727" : "#eeeeee" : m === "background2" ? e.value ? "#1e1e1e" : "#ffffff" : (e.value ? n.value.dark : n.value.light).colors[m] : void 0;
-  }), r = v(() => e.value ? t.value.custom?.dark : t.value.custom?.light), l = v(() => o.value === "theme" ? s.value ?? "" : o.value === "custom" ? r.value ?? "" : ""), c = v(() => {
+  }), r = x(() => e.value ? t.value.custom?.dark : t.value.custom?.light), l = x(() => o.value === "theme" ? s.value ?? "" : o.value === "custom" ? r.value ?? "" : ""), c = x(() => {
     const m = l.value;
     return !m.startsWith("#") || m.length < 7 ? "" : m.substring(0, 7);
-  }), u = v(() => {
+  }), u = x(() => {
     const m = l.value;
     return m.startsWith("#") ? m.length < 9 ? 1 : parseInt(m.substring(7, 9)) / 255 : 0;
   });
   return { color: l, rgb: c, alpha: u };
 }
 function tn(t) {
-  const n = v(() => t.value.border?.style), e = v(() => t.value.border?.width), o = v(() => t.value.border?.color), { color: s } = X(o), r = v(() => t.value.border?.roundRadius?.tl), l = v(() => t.value.border?.roundRadius?.tr), c = v(() => t.value.border?.roundRadius?.bl), u = v(() => t.value.border?.roundRadius?.br);
-  function m(f) {
-    n.value && (f.borderStyle = n.value), e.value && (f.borderWidth = e.value), s.value && (f.borderColor = s.value), r.value && (f.borderTopLeftRadius = r.value), l.value && (f.borderTopRightRadius = l.value), c.value && (f.borderBottomLeftRadius = c.value), u.value && (f.borderBottomRightRadius = u.value);
+  const n = x(() => t.value.border?.style), e = x(() => t.value.border?.width), o = x(() => t.value.border?.color), { color: s } = Y(o), r = x(() => t.value.border?.roundRadius?.tl), l = x(() => t.value.border?.roundRadius?.tr), c = x(() => t.value.border?.roundRadius?.bl), u = x(() => t.value.border?.roundRadius?.br);
+  function m(d) {
+    n.value && (d.borderStyle = n.value), e.value && (d.borderWidth = e.value), s.value && (d.borderColor = s.value), r.value && (d.borderTopLeftRadius = r.value), l.value && (d.borderTopRightRadius = l.value), c.value && (d.borderBottomLeftRadius = c.value), u.value && (d.borderBottomRightRadius = u.value);
   }
   return { borderStyle: n, borderWidth: e, borderColor: s, applyBorder: m };
 }
 function nn(t) {
-  const n = v(() => t.value.margin?.top), e = v(() => t.value.margin?.left), o = v(() => t.value.margin?.bottom), s = v(() => t.value.margin?.right);
+  const n = x(() => t.value.margin?.top), e = x(() => t.value.margin?.left), o = x(() => t.value.margin?.bottom), s = x(() => t.value.margin?.right);
   function r(l) {
     n.value && (l.marginTop = n.value), e.value && (l.marginLeft = e.value), o.value && (l.marginBottom = o.value), s.value && (l.marginRight = s.value);
   }
   return { marginTop: n, marginLeft: e, marginBottom: o, marginRight: s, applyMargin: r };
 }
 function on(t) {
-  const n = v(() => t.value.padding?.top), e = v(() => t.value.padding?.left), o = v(() => t.value.padding?.bottom), s = v(() => t.value.padding?.right);
+  const n = x(() => t.value.padding?.top), e = x(() => t.value.padding?.left), o = x(() => t.value.padding?.bottom), s = x(() => t.value.padding?.right);
   function r(l) {
     n.value && (l.paddingTop = n.value), e.value && (l.paddingLeft = e.value), o.value && (l.paddingBottom = o.value), s.value && (l.paddingRight = s.value);
   }
   return { paddingTop: n, paddingLeft: e, paddingBottom: o, paddingRight: s, applyPadding: r };
 }
-function be(t, n) {
-  const e = J(), o = We(), s = v(() => n.value.size?.width), r = v(() => n.value.size?.minWidth), l = v(() => n.value.size?.maxWidth), c = v(() => {
+function de(t, n) {
+  const e = q(), o = We(), s = x(() => n.value.size?.width), r = x(() => n.value.size?.minWidth), l = x(() => n.value.size?.maxWidth), c = x(() => {
     if (t.outer && e === "editor") {
-      const d = bt(n.value.size?.height);
-      if (d)
-        return d / 100 * o.value.height + "px";
+      const p = bt(n.value.size?.height);
+      if (p)
+        return p / 100 * o.value.height + "px";
     }
     return n.value.size?.height;
-  }), u = v(() => {
+  }), u = x(() => {
     if (t.outer && e === "editor") {
-      const d = bt(n.value.size?.minHeight);
-      if (d)
-        return d / 100 * o.value.height + "px";
+      const p = bt(n.value.size?.minHeight);
+      if (p)
+        return p / 100 * o.value.height + "px";
     }
     return n.value.size?.minHeight;
-  }), m = v(() => {
+  }), m = x(() => {
     if (t.outer && e === "editor") {
-      const d = bt(n.value.size?.maxHeight);
-      if (d)
-        return d / 100 * o.value.height + "px";
+      const p = bt(n.value.size?.maxHeight);
+      if (p)
+        return p / 100 * o.value.height + "px";
     }
     return n.value.size?.maxHeight;
   });
-  function f(d) {
-    s.value && (d.width = s.value), r.value && (d.minWidth = r.value), l.value && (d.maxWidth = l.value), c.value && (d.height = c.value), u.value && (d.minHeight = u.value), m.value && (d.maxHeight = m.value);
+  function d(p) {
+    s.value && (p.width = s.value), r.value && (p.minWidth = r.value), l.value && (p.maxWidth = l.value), c.value && (p.height = c.value), u.value && (p.minHeight = u.value), m.value && (p.maxHeight = m.value);
   }
-  return { width: s, minWidth: r, maxWidth: l, height: c, minHeight: u, maxHeight: m, applySize: f };
+  return { width: s, minWidth: r, maxWidth: l, height: c, minHeight: u, maxHeight: m, applySize: d };
 }
-const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Ni = /* @__PURE__ */ C({
+const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Ni = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -599,35 +599,35 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "left"]), { property: f } = a(e, ["settings", "near"]), { property: d } = a(e, ["settings", "right"]), { property: p } = a(e, ["settings", "top"]);
-    return (b, g) => (h(), k(i(Ce), {
+    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
+    return (g, b) => (_(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
       scale: i(l)
     }, {
-      default: S(() => [
+      default: C(() => [
         ie("TresOrthographicCamera", {
           bottom: i(c),
           far: i(u),
           left: i(m),
-          near: i(f),
+          near: i(d),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
-          right: i(d),
+          right: i(p),
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1],
-          top: i(p)
+          top: i(f)
         }, [
-          i(o) === "editor" ? (h(), k(i(Ue), {
+          i(o) === "editor" ? (_(), w(i(Ue), {
             key: 0,
             type: i(Lo)
           }, null, 8, ["type"])) : se("", !0),
-          K(b.$slots, "default")
+          K(g.$slots, "default")
         ], 8, Fi)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), ji = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Gi = /* @__PURE__ */ C({
+}), ji = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Gi = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -635,51 +635,51 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "fov"]), { property: f } = a(e, ["settings", "near"]);
-    return (d, p) => (h(), k(i(Ce), {
+    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
+    return (p, f) => (_(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
       scale: i(l)
     }, {
-      default: S(() => [
+      default: C(() => [
         ie("TresPerspectiveCamera", {
           aspect: i(c),
           far: i(u),
           fov: i(m),
-          near: i(f),
+          near: i(d),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1]
         }, [
-          i(o) === "editor" ? (h(), k(i(Ue), {
+          i(o) === "editor" ? (_(), w(i(Ue), {
             key: 0,
             type: i(Lo)
           }, null, 8, ["type"])) : se("", !0),
-          K(d.$slots, "default")
+          K(p.$slots, "default")
         ], 8, ji)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Hi = /* @__PURE__ */ C({
+}), Hi = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
-    const n = J();
-    return (e, o) => i(n) !== "editor" ? (h(), k(i(fi), { key: 0 })) : se("", !0);
+    const n = q();
+    return (e, o) => i(n) !== "editor" ? (_(), w(i(fi), { key: 0 })) : se("", !0);
   }
-}), Ui = /* @__PURE__ */ C({
+}), Ui = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
-    const n = J();
-    return (e, o) => i(n) !== "editor" ? (h(), k(i(yi), { key: 0 })) : se("", !0);
+    const n = q();
+    return (e, o) => i(n) !== "editor" ? (_(), w(i(yi), { key: 0 })) : se("", !0);
   }
-}), Ji = /* @__PURE__ */ C({
+}), Ji = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
-    const n = J();
-    return (e, o) => i(n) !== "editor" ? (h(), k(i(bi), { key: 0 })) : se("", !0);
+    const n = q();
+    return (e, o) => i(n) !== "editor" ? (_(), w(i(bi), { key: 0 })) : se("", !0);
   }
-}), qi = ["args"], Xi = /* @__PURE__ */ C({
+}), qi = ["args"], Xi = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -697,7 +697,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (m, f) => (h(), ce("TresBoxGeometry", {
+    return (m, d) => (_(), ce("TresBoxGeometry", {
       args: [
         i(c),
         i(r),
@@ -713,7 +713,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
   for (const [o, s] of n)
     e[o] = s;
   return e;
-}, Yi = ["args"], Zi = /* @__PURE__ */ C({
+}, Yi = ["args"], Zi = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -740,7 +740,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegments"
     ]);
-    return (f, d) => (h(), ce("TresSphereGeometry", {
+    return (d, p) => (_(), ce("TresSphereGeometry", {
       args: [
         i(l),
         i(m),
@@ -752,7 +752,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       ]
     }, null, 8, Yi));
   }
-}), Qi = ["color", "intensity", "position", "rotation", "scale"], er = /* @__PURE__ */ C({
+}), Qi = ["color", "intensity", "position", "rotation", "scale"], er = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -760,16 +760,16 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = X(c), { property: m } = a(e, [
+    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, [
       "settings",
       "intensity"
     ]);
-    return (f, d) => (h(), k(i(Ce), {
+    return (d, p) => (_(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
       scale: i(l)
     }, {
-      default: S(() => [
+      default: C(() => [
         ie("TresAmbientLight", {
           color: i(u),
           intensity: i(m),
@@ -777,13 +777,13 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1]
         }, [
-          K(f.$slots, "default")
+          K(d.$slots, "default")
         ], 8, Qi)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), tr = ["color", "intensity", "position", "rotation", "scale"], nr = /* @__PURE__ */ C({
+}), tr = ["color", "intensity", "position", "rotation", "scale"], nr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -791,16 +791,16 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = X(c), { property: m } = a(e, [
+    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, [
       "settings",
       "intensity"
     ]);
-    return (f, d) => (h(), k(i(Ce), {
+    return (d, p) => (_(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
       scale: i(l)
     }, {
-      default: S(() => [
+      default: C(() => [
         ie("TresDirectionalLight", {
           color: i(u),
           intensity: i(m),
@@ -808,17 +808,17 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1]
         }, [
-          i(o) === "editor" ? (h(), k(i(Ue), {
+          i(o) === "editor" ? (_(), w(i(Ue), {
             key: 0,
             type: i(mi)
           }, null, 8, ["type"])) : se("", !0),
-          K(f.$slots, "default")
+          K(d.$slots, "default")
         ], 8, tr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), or = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], ir = /* @__PURE__ */ C({
+}), or = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], ir = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -826,39 +826,39 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = X(c), { property: m } = a(e, ["settings", "decay"]), { property: f } = a(e, [
+    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, ["settings", "decay"]), { property: d } = a(e, [
       "settings",
       "distance"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "intensity"
     ]);
-    return (p, b) => (h(), k(i(Ce), {
+    return (f, g) => (_(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
       scale: i(l)
     }, {
-      default: S(() => [
+      default: C(() => [
         ie("TresPointLight", {
           color: i(u),
           decay: i(m),
-          distance: i(f),
-          intensity: i(d),
+          distance: i(d),
+          intensity: i(p),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1]
         }, [
-          i(o) === "editor" ? (h(), k(i(Ue), {
+          i(o) === "editor" ? (_(), w(i(Ue), {
             key: 0,
-            type: i(di)
+            type: i(pi)
           }, null, 8, ["type"])) : se("", !0),
-          K(p.$slots, "default")
+          K(f.$slots, "default")
         ], 8, or)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), rr = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], sr = /* @__PURE__ */ C({
+}), rr = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], sr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -866,38 +866,38 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: m } = X(u), { property: f } = a(e, ["settings", "decay"]), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: m } = Y(u), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
       "settings",
       "distance"
-    ]), { property: p } = a(e, [
+    ]), { property: f } = a(e, [
       "settings",
       "intensity"
-    ]), { property: b } = a(e, [
+    ]), { property: g } = a(e, [
       "settings",
       "penumbra"
     ]);
-    return (g, _) => (h(), k(i(Ce), {
+    return (b, h) => (_(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
       scale: i(l)
     }, {
-      default: S(() => [
+      default: C(() => [
         ie("TresSpotLight", {
           angle: i(c),
           color: i(m),
-          decay: i(f),
-          distance: i(d),
-          intensity: i(p),
-          penumbra: i(b),
+          decay: i(d),
+          distance: i(p),
+          intensity: i(f),
+          penumbra: i(g),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1]
         }, [
-          i(o) === "editor" ? (h(), k(i(Ue), {
+          i(o) === "editor" ? (_(), w(i(Ue), {
             key: 0,
-            type: i(pi)
+            type: i(di)
           }, null, 8, ["type"])) : se("", !0),
-          K(g.$slots, "default")
+          K(b.$slots, "default")
         ], 8, rr)
       ]),
       _: 3
@@ -905,9 +905,9 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
   }
 }), lr = {};
 function ar(t, n) {
-  return h(), ce("TresMeshBasicMaterial");
+  return _(), ce("TresMeshBasicMaterial");
 }
-const cr = /* @__PURE__ */ Me(lr, [["render", ar]]), ur = ["position", "rotation", "scale"], mr = /* @__PURE__ */ C({
+const cr = /* @__PURE__ */ Me(lr, [["render", ar]]), ur = ["position", "rotation", "scale"], mr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -915,13 +915,13 @@ const cr = /* @__PURE__ */ Me(lr, [["render", ar]]), ur = ["position", "rotation
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: l } = ve(e);
-    return (c, u) => (h(), k(i(Ce), {
+    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e);
+    return (c, u) => (_(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
       scale: i(l)
     }, {
-      default: S(() => [
+      default: C(() => [
         ie("TresGroup", {
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
@@ -933,7 +933,7 @@ const cr = /* @__PURE__ */ Me(lr, [["render", ar]]), ur = ["position", "rotation
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), dr = ["position", "rotation", "scale"], pr = /* @__PURE__ */ C({
+}), pr = ["position", "rotation", "scale"], dr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -942,13 +942,13 @@ const cr = /* @__PURE__ */ Me(lr, [["render", ar]]), ur = ["position", "rotation
   },
   setup(t) {
     const n = t, { node: e } = P(n), { position: o, rotation: s, scale: r } = ve(e);
-    return (l, c) => (h(), ce("TresMesh", {
+    return (l, c) => (_(), ce("TresMesh", {
       position: i(o),
       rotation: i(s),
       scale: i(r)
     }, [
       K(l.$slots, "default")
-    ], 8, dr));
+    ], 8, pr));
   }
 }), fr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], yr = "#242424", br = {}, gr = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, hr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, vr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, xr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, kr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Pr = { 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" } }, 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)" } } }, zr = { 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)" } } }, Tr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Er = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ar = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Mr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Br = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Wr = { textStyle: { color: "#eeeeee" } }, Rr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Kr = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Dr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Or = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, Fr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Nr = {
   color: fr,
@@ -980,7 +980,7 @@ const cr = /* @__PURE__ */ Me(lr, [["render", ar]]), ur = ["position", "rotation
   visualMap: Dr,
   dataZoom: Or,
   markPoint: Fr
-}, jr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Gr = "#f5f5f5", Hr = {}, Ur = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Jr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, qr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Xr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, es = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ts = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ns = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, is = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, rs = { 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" } }, ss = { 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)" } } }, ls = { 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)" } } }, as = { 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"] } } }, cs = { 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"] } } }, us = { 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"] } } }, ms = { 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"] } } }, ds = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ps = { textStyle: { color: "#333333" } }, fs = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ys = { 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" } } }, bs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, gs = { 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" } }, hs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _s = {
+}, jr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Gr = "#f5f5f5", Hr = {}, Ur = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Jr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, qr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Xr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, es = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ts = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ns = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, is = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, rs = { 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" } }, ss = { 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)" } } }, ls = { 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)" } } }, as = { 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"] } } }, cs = { 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"] } } }, us = { 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"] } } }, ms = { 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"] } } }, ps = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ds = { textStyle: { color: "#333333" } }, fs = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ys = { 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" } } }, bs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, gs = { 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" } }, hs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _s = {
   color: jr,
   backgroundColor: Gr,
   textStyle: Hr,
@@ -1003,8 +1003,8 @@ const cr = /* @__PURE__ */ Me(lr, [["render", ar]]), ur = ["position", "rotation
   valueAxis: cs,
   logAxis: us,
   timeAxis: ms,
-  toolbox: ds,
-  legend: ps,
+  toolbox: ps,
+  legend: ds,
   tooltip: fs,
   timeline: ys,
   visualMap: bs,
@@ -1023,7 +1023,7 @@ gi([
 ]);
 zo("dark", Nr);
 zo("light", _s);
-const vs = /* @__PURE__ */ C({
+const vs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1031,9 +1031,9 @@ const vs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = We(), s = Je(), r = xe(), l = fe(), { width: c, minWidth: u, maxWidth: m, height: f, minHeight: d, maxHeight: p, applySize: b } = be(n, e), { applyTitle: g } = Wo(e), { applyXAxis: _ } = Ro(e), { applyYAxis: $ } = Ko(e), { applyLegend: x } = Mo(e), { applySeries: I } = Bo(e), V = v(() => {
+    const n = t, { node: e } = P(n), o = We(), s = Je(), r = xe(), l = ye(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: g } = de(n, e), { applyTitle: b } = Wo(e), { applyXAxis: h } = Ro(e), { applyYAxis: v } = Ko(e), { applyLegend: k } = Mo(e), { applySeries: S } = Bo(e), V = x(() => {
       const L = {}, U = l.value?.type;
-      return r === "page" ? U === "common" ? b(L) : console.assert(!1) : r === "comp" && U === "common" ? b(L) : console.assert(!1), L;
+      return r === "page" ? U === "common" ? g(L) : console.assert(!1) : r === "comp" && U === "common" ? g(L) : console.assert(!1), L;
     }), z = xo("chart");
     let R;
     const F = () => {
@@ -1044,7 +1044,7 @@ const vs = /* @__PURE__ */ C({
       R?.resize();
     }, O = () => {
       const L = {};
-      g(L), _(L), $(L), x(L), I(L), R?.setOption(L, !0);
+      b(L), h(L), v(L), k(L), S(L), R?.setOption(L, !0);
     };
     return ko(async () => {
       window.addEventListener("resize", j, !1), await So(() => !!z.value), F(), O();
@@ -1057,9 +1057,9 @@ const vs = /* @__PURE__ */ C({
         c,
         u,
         m,
-        f,
         d,
-        p
+        p,
+        f
       ],
       async () => {
         await wo(), j();
@@ -1072,11 +1072,11 @@ const vs = /* @__PURE__ */ C({
         O();
       },
       { deep: !0 }
-    ), (L, U) => (h(), k(i(G), {
+    ), (L, U) => (_(), w(i(G), {
       block: "",
       mask: ""
     }, {
-      default: S(() => [
+      default: C(() => [
         ie("div", {
           ref: "chart",
           style: ue(V.value)
@@ -1085,7 +1085,7 @@ const vs = /* @__PURE__ */ C({
       _: 1
     }));
   }
-}), xs = /* @__PURE__ */ C({
+}), xs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1093,9 +1093,9 @@ const vs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = We(), s = Je(), r = xe(), l = fe(), { width: c, minWidth: u, maxWidth: m, height: f, minHeight: d, maxHeight: p, applySize: b } = be(n, e), { applyTitle: g } = Wo(e), { applyXAxis: _ } = Ro(e), { applyYAxis: $ } = Ko(e), { applyLegend: x } = Mo(e), { applySeries: I } = Bo(e), V = v(() => {
+    const n = t, { node: e } = P(n), o = We(), s = Je(), r = xe(), l = ye(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: g } = de(n, e), { applyTitle: b } = Wo(e), { applyXAxis: h } = Ro(e), { applyYAxis: v } = Ko(e), { applyLegend: k } = Mo(e), { applySeries: S } = Bo(e), V = x(() => {
       const L = {}, U = l.value?.type;
-      return r === "page" ? U === "common" ? b(L) : console.assert(!1) : r === "comp" && U === "common" ? b(L) : console.assert(!1), L;
+      return r === "page" ? U === "common" ? g(L) : console.assert(!1) : r === "comp" && U === "common" ? g(L) : console.assert(!1), L;
     }), z = xo("chart");
     let R;
     const F = () => {
@@ -1106,7 +1106,7 @@ const vs = /* @__PURE__ */ C({
       R?.resize();
     }, O = () => {
       const L = {};
-      g(L), _(L), $(L), x(L), I(L), R?.setOption(L, !0);
+      b(L), h(L), v(L), k(L), S(L), R?.setOption(L, !0);
     };
     return ko(async () => {
       window.addEventListener("resize", j, !1), await So(() => !!z.value), F(), O();
@@ -1119,9 +1119,9 @@ const vs = /* @__PURE__ */ C({
         c,
         u,
         m,
-        f,
         d,
-        p
+        p,
+        f
       ],
       async () => {
         await wo(), j();
@@ -1134,11 +1134,11 @@ const vs = /* @__PURE__ */ C({
         O();
       },
       { deep: !0 }
-    ), (L, U) => (h(), k(i(G), {
+    ), (L, U) => (_(), w(i(G), {
       block: "",
       mask: ""
     }, {
-      default: S(() => [
+      default: C(() => [
         ie("div", {
           ref: "chart",
           style: ue(V.value)
@@ -1147,7 +1147,7 @@ const vs = /* @__PURE__ */ C({
       _: 1
     }));
   }
-}), ks = /* @__PURE__ */ C({
+}), ks = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1165,17 +1165,17 @@ const vs = /* @__PURE__ */ C({
       "y"
     ]);
     return (u, m) => {
-      const f = B("v-badge");
-      return h(), k(i(G), null, {
-        default: S(() => [
-          N(f, {
+      const d = B("v-badge");
+      return _(), w(i(G), null, {
+        default: C(() => [
+          N(d, {
             content: i(o),
             dot: i(s),
             "offset-x": i(l),
             "offset-y": i(c),
             theme: i(r)
           }, {
-            default: S(() => [
+            default: C(() => [
               K(u.$slots, "default")
             ]),
             _: 3
@@ -1185,7 +1185,7 @@ const vs = /* @__PURE__ */ C({
       });
     };
   }
-}), ws = /* @__PURE__ */ C({
+}), ws = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1193,21 +1193,21 @@ const vs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = ye(), { property: s } = a(e, [
+    const n = t, { node: e } = P(n), o = be(), { property: s } = a(e, [
       "settings",
       "addIcon",
       "append"
-    ]), { property: r } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: c } = X(l), { property: u } = a(e, ["settings", "density"]), { property: m } = a(e, [
+    ]), { property: r } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: c } = Y(l), { property: u } = a(e, ["settings", "density"]), { property: m } = a(e, [
       "settings",
       "disabled"
-    ]), { property: f } = a(e, ["size", "height"]), { property: d } = a(e, ["settings", "loading"]), { property: p } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: _ } = a(e, ["size", "minWidth"]), { property: $ } = a(e, [
+    ]), { property: d } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: g } = a(e, ["size", "maxWidth"]), { property: b } = a(e, ["size", "minHeight"]), { property: h } = a(e, ["size", "minWidth"]), { property: v } = a(e, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { property: x } = a(e, [
+    ]), { property: k } = a(e, [
       "settings",
       "readonly"
-    ]), { property: I } = a(e, ["settings", "ripple"]), { property: V } = a(e, ["settings", "size"]), { property: z } = a(e, ["settings", "stacked"]), { property: R } = a(e, ["settings", "text"]), { theme: F } = H(), { property: j } = a(e, ["settings", "variant"]), { property: O } = a(e, ["size", "width"]), L = (U) => {
+    ]), { property: S } = a(e, ["settings", "ripple"]), { property: V } = a(e, ["settings", "size"]), { property: z } = a(e, ["settings", "stacked"]), { property: R } = a(e, ["settings", "text"]), { theme: F } = H(), { property: j } = a(e, ["settings", "variant"]), { property: O } = a(e, ["size", "width"]), L = (U) => {
       if (!o || !o.vm)
         return;
       const { vm: te } = o;
@@ -1217,27 +1217,27 @@ const vs = /* @__PURE__ */ C({
       );
     };
     return (U, te) => {
-      const pe = B("v-btn");
-      return h(), k(i(G), {
+      const fe = B("v-btn");
+      return _(), w(i(G), {
         block: i(r),
         mask: ""
       }, {
-        default: S(() => [
-          N(pe, {
+        default: C(() => [
+          N(fe, {
             "append-icon": i(s),
             block: i(r),
             color: i(c),
             density: i(u),
             disabled: i(m),
-            height: i(f),
-            loading: i(d),
-            "max-height": i(p),
-            "max-width": i(b),
-            "min-height": i(g),
-            "min-width": i(_),
-            "prepend-icon": i($),
-            readonly: i(x),
-            ripple: i(I),
+            height: i(d),
+            loading: i(p),
+            "max-height": i(f),
+            "max-width": i(g),
+            "min-height": i(b),
+            "min-width": i(h),
+            "prepend-icon": i(v),
+            readonly: i(k),
+            ripple: i(S),
             size: i(V),
             stacked: i(z),
             text: i(R),
@@ -1254,14 +1254,14 @@ const vs = /* @__PURE__ */ C({
 }), Is = {};
 function Ss(t, n) {
   const e = B("v-btn-group");
-  return h(), k(e, null, {
-    default: S(() => [
+  return _(), w(e, null, {
+    default: C(() => [
       K(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
+const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1281,10 +1281,10 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { property: m } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "stacked"]), { theme: d } = H(), { property: p } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
-    return (g, _) => {
-      const $ = B("v-btn-toggle");
-      return h(), k($, {
+    ]), { property: m } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = H(), { property: f } = a(e, ["settings", "tile"]), { property: g } = a(e, ["settings", "variant"]);
+    return (b, h) => {
+      const v = B("v-btn-toggle");
+      return _(), w(v, {
         block: i(o),
         disabled: i(s),
         divided: i(r),
@@ -1292,19 +1292,19 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         multiple: i(c),
         readonly: i(u),
         size: i(m),
-        stacked: i(f),
-        theme: i(d),
-        tile: i(p),
-        variant: i(b)
+        stacked: i(d),
+        theme: i(p),
+        tile: i(f),
+        variant: i(g)
       }, {
-        default: S(() => [
-          K(g.$slots, "default")
+        default: C(() => [
+          K(b.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), Vs = /* @__PURE__ */ C({
+}), Vs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1315,14 +1315,14 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
       "settings",
       "disabled"
-    ]), { property: r } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: u } = a(e, ["size", "maxHeight"]), { property: m } = a(e, ["size", "maxWidth"]), { property: f } = a(e, ["size", "minHeight"]), { property: d } = a(e, ["size", "minWidth"]), { property: p } = a(e, [
+    ]), { property: r } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: u } = a(e, ["size", "maxHeight"]), { property: m } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["size", "minHeight"]), { property: p } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
       "settings",
       "subtitle"
-    ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = H(), { property: _ } = a(e, ["settings", "title"]), { property: $ } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
-    return (I, V) => {
+    ]), { property: g } = a(e, ["settings", "text"]), { theme: b } = H(), { property: h } = a(e, ["settings", "title"]), { property: v } = a(e, ["settings", "variant"]), { property: k } = a(e, ["size", "width"]);
+    return (S, V) => {
       const z = B("v-card");
-      return h(), k(i(G), { block: "" }, {
-        default: S(() => [
+      return _(), w(i(G), { block: "" }, {
+        default: C(() => [
           N(z, {
             density: i(o),
             disabled: i(s),
@@ -1331,17 +1331,17 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             loading: i(c),
             "max-height": i(u),
             "max-width": i(m),
-            "min-height": i(f),
-            "min-width": i(d),
-            subtitle: i(p),
-            text: i(b),
-            theme: i(g),
-            title: i(_),
-            variant: i($),
-            width: i(x)
+            "min-height": i(d),
+            "min-width": i(p),
+            subtitle: i(f),
+            text: i(g),
+            theme: i(b),
+            title: i(h),
+            variant: i(v),
+            width: i(k)
           }, {
-            default: S(() => [
-              K(I.$slots, "default")
+            default: C(() => [
+              K(S.$slots, "default")
             ]),
             _: 3
           }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
@@ -1350,7 +1350,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), Ps = /* @__PURE__ */ C({
+}), Ps = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1367,8 +1367,8 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]);
     return (r, l) => {
       const c = B("v-checkbox");
-      return h(), k(i(G), { mask: "" }, {
-        default: S(() => [
+      return _(), w(i(G), { mask: "" }, {
+        default: C(() => [
           N(c, {
             disabled: i(o),
             readonly: i(s)
@@ -1378,7 +1378,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), Ls = /* @__PURE__ */ C({
+}), Ls = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1389,17 +1389,17 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     const n = t, { node: e } = P(n), { property: o } = a(e, [
       "settings",
       "closable"
-    ]), { property: s } = a(e, ["settings", "color"]), { color: r } = X(s), { property: l } = a(e, ["settings", "density"]), { property: c } = a(e, [
+    ]), { property: s } = a(e, ["settings", "color"]), { color: r } = Y(s), { property: l } = a(e, ["settings", "density"]), { property: c } = a(e, [
       "settings",
       "disabled"
     ]), { property: u } = a(e, [
       "settings",
       "draggable"
-    ]), { property: m } = a(e, ["settings", "filter"]), { property: f } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "size"]), { property: p } = a(e, ["settings", "text"]), { theme: b } = H(), { property: g } = a(e, ["settings", "tile"]), { property: _ } = a(e, ["settings", "value"]), { property: $ } = a(e, ["settings", "variant"]);
-    return (x, I) => {
+    ]), { property: m } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: g } = H(), { property: b } = a(e, ["settings", "tile"]), { property: h } = a(e, ["settings", "value"]), { property: v } = a(e, ["settings", "variant"]);
+    return (k, S) => {
       const V = B("v-chip");
-      return h(), k(i(G), { mask: "" }, {
-        default: S(() => [
+      return _(), w(i(G), { mask: "" }, {
+        default: C(() => [
           N(V, {
             closable: i(o),
             color: i(r),
@@ -1407,20 +1407,20 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             disabled: i(c),
             draggable: i(u),
             filter: i(m),
-            label: i(f),
-            size: i(d),
-            text: i(p),
-            theme: i(b),
-            tile: i(g),
-            value: i(_),
-            variant: i($)
+            label: i(d),
+            size: i(p),
+            text: i(f),
+            theme: i(g),
+            tile: i(b),
+            value: i(h),
+            variant: i(v)
           }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"])
         ]),
         _: 1
       });
     };
   }
-}), zs = /* @__PURE__ */ C({
+}), zs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1443,12 +1443,12 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: m } = a(e, [
       "settings",
       "showArrows"
-    ]), { theme: f } = H(), { property: d } = a(e, ["settings", "value"]);
-    return (p, b) => {
-      const g = B("v-chip-group");
-      return h(), k(g, {
-        modelValue: i(d),
-        "onUpdate:modelValue": b[0] || (b[0] = (_) => Q(d) ? d.value = _ : null),
+    ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
+    return (f, g) => {
+      const b = B("v-chip-group");
+      return _(), w(b, {
+        modelValue: i(p),
+        "onUpdate:modelValue": g[0] || (g[0] = (h) => Q(p) ? p.value = h : null),
         column: i(o),
         direction: i(s),
         disabled: i(r),
@@ -1456,16 +1456,16 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         mandatory: i(c),
         multiple: i(u),
         "show-arrows": i(m),
-        theme: i(f)
+        theme: i(d)
       }, {
-        default: S(() => [
-          K(p.$slots, "default")
+        default: C(() => [
+          K(f.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), Ts = /* @__PURE__ */ C({
+}), Ts = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1473,9 +1473,9 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = xe(), s = fe(), { applySize: r } = be(n, e), l = v(() => {
-      const _ = {}, $ = s.value?.type;
-      return o === "page" ? $ === "common" ? r(_) : console.assert(!1) : o === "comp" && $ === "common" ? r(_) : console.assert(!1), _;
+    const n = t, { node: e } = P(n), o = xe(), s = ye(), { applySize: r } = de(n, e), l = x(() => {
+      const h = {}, v = s.value?.type;
+      return o === "page" ? v === "common" ? r(h) : console.assert(!1) : o === "comp" && v === "common" ? r(h) : console.assert(!1), h;
     }), { property: c } = a(e, [
       "settings",
       "disabled"
@@ -1485,40 +1485,40 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: m } = a(e, [
       "settings",
       "hideHeader"
-    ]), { property: f } = a(e, [
+    ]), { property: d } = a(e, [
       "settings",
       "hideInputs"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "hideSliders"
-    ]), { property: p } = a(e, [
+    ]), { property: f } = a(e, [
       "settings",
       "landscape"
-    ]), { property: b } = a(e, [
+    ]), { property: g } = a(e, [
       "settings",
       "showSwatches"
-    ]), { theme: g } = H();
-    return (_, $) => {
-      const x = B("v-color-picker");
-      return h(), k(i(G), { mask: "" }, {
-        default: S(() => [
-          N(x, {
+    ]), { theme: b } = H();
+    return (h, v) => {
+      const k = B("v-color-picker");
+      return _(), w(i(G), { mask: "" }, {
+        default: C(() => [
+          N(k, {
             disabled: i(c),
             "hide-canvas": i(u),
             "hide-header": i(m),
-            "hide-inputs": i(f),
-            "hide-sliders": i(d),
-            landscape: i(p),
-            "show-swatches": i(b),
+            "hide-inputs": i(d),
+            "hide-sliders": i(p),
+            landscape: i(f),
+            "show-swatches": i(g),
             style: ue(l.value),
-            theme: i(g)
+            theme: i(b)
           }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), Es = /* @__PURE__ */ C({
+}), Es = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1539,13 +1539,13 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       "settings",
       "singleLine"
     ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
-    return (f, d) => {
-      const p = B("v-combobox");
-      return h(), k(i(G), { mask: "" }, {
-        default: S(() => [
-          N(p, {
+    return (d, p) => {
+      const f = B("v-combobox");
+      return _(), w(i(G), { mask: "" }, {
+        default: C(() => [
+          N(f, {
             modelValue: i(m),
-            "onUpdate:modelValue": d[0] || (d[0] = (b) => Q(m) ? m.value = b : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (g) => Q(m) ? m.value = g : null),
             "hide-details": i(o),
             label: i(s),
             placeholder: i(r),
@@ -1558,7 +1558,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), As = /* @__PURE__ */ C({
+}), As = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1566,25 +1566,25 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = xe(), s = fe(), { property: r } = a(e, [
+    const n = t, { node: e } = P(n), o = xe(), s = ye(), { property: r } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: l } = X(r), { applySize: c } = be(n, e), { applyMargin: u } = nn(e), { applyPadding: m } = on(e), { applyBorder: f } = tn(e), d = v(() => {
-      const p = {}, b = s.value?.type;
-      return o === "page" ? b === "common" ? (c(p), u(p), m(p), f(p), l.value && (p.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && b === "common" ? (c(p), u(p), m(p), f(p), l.value && (p.backgroundColor = l.value)) : console.assert(!1), p;
+    ]), { color: l } = Y(r), { applySize: c } = de(n, e), { applyMargin: u } = nn(e), { applyPadding: m } = on(e), { applyBorder: d } = tn(e), p = x(() => {
+      const f = {}, g = s.value?.type;
+      return o === "page" ? g === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && g === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
     });
-    return (p, b) => (h(), k(i(G), { block: "" }, {
-      default: S(() => [
+    return (f, g) => (_(), w(i(G), { block: "" }, {
+      default: C(() => [
         ie("div", {
-          style: ue(d.value)
+          style: ue(p.value)
         }, [
-          K(p.$slots, "default")
+          K(f.$slots, "default")
         ], 4)
       ]),
       _: 3
     }));
   }
-}), Ms = /* @__PURE__ */ C({
+}), Ms = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1598,23 +1598,23 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: r } = a(e, [
       "settings",
       "fixedHeader"
-    ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: u } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "data"], !0), { property: f } = a(e, ["settings", "loading"]), { property: d } = a(e, [
+    ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: u } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "data"], !0), { property: d } = a(e, ["settings", "loading"]), { property: p } = a(e, [
       "settings",
       "multiSort"
-    ]), { theme: p } = H(), { property: b } = a(e, ["size", "width"]), g = v(() => {
-      const _ = [];
-      return (e.value.slots?.items ?? []).forEach((x) => {
-        x.column && x.comp && _.push(x);
-      }), _;
+    ]), { theme: f } = H(), { property: g } = a(e, ["size", "width"]), b = x(() => {
+      const h = [];
+      return (e.value.slots?.items ?? []).forEach((k) => {
+        k.column && k.comp && h.push(k);
+      }), h;
     });
-    return (_, $) => {
-      const x = B("v-data-table");
-      return h(), k(i(G), {
+    return (h, v) => {
+      const k = B("v-data-table");
+      return _(), w(i(G), {
         block: "",
         mask: ""
       }, {
-        default: S(() => [
-          N(x, {
+        default: C(() => [
+          N(k, {
             density: i(o),
             "fixed-footer": i(s),
             "fixed-header": i(r),
@@ -1622,17 +1622,17 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             height: i(c),
             hover: i(u),
             items: i(m),
-            loading: i(f),
-            "multi-sort": i(d),
-            theme: i(p),
-            width: i(b)
+            loading: i(d),
+            "multi-sort": i(p),
+            theme: i(f),
+            width: i(g)
           }, Xt({ _: 2 }, [
-            ni(g.value, (I) => ({
-              name: `item.${I.column}`,
-              fn: S(({ value: V }) => [
+            ni(b.value, (S) => ({
+              name: `item.${S.column}`,
+              fn: C(({ value: V }) => [
                 N(i(_e), {
-                  "node-id": I.column,
-                  "ref-context": { compId: I.comp },
+                  "node-id": S.column,
+                  "ref-context": { compId: S.comp },
                   state: { value: V }
                 }, null, 8, ["node-id", "ref-context", "state"])
               ])
@@ -1643,20 +1643,20 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), Bs = /* @__PURE__ */ C({
+}), Bs = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     return (n, e) => {
       const o = B("v-date-picker");
-      return h(), k(i(G), { mask: "" }, {
-        default: S(() => [
+      return _(), w(i(G), { mask: "" }, {
+        default: C(() => [
           N(o)
         ]),
         _: 1
       });
     };
   }
-}), Ws = ["id"], Rs = /* @__PURE__ */ C({
+}), Ws = ["id"], Rs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1664,32 +1664,32 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = J(), { open: o } = Co(`runtimeDlg/${Io()}`);
+    const n = t, e = q(), { open: o } = Co(`runtimeDlg/${Io()}`);
     return Qe(n, "open", () => {
       o.value = !0;
     }), Qe(n, "close", () => {
       o.value = !1;
     }), (s, r) => {
       const l = B("v-dialog");
-      return h(), k(l, {
+      return _(), w(l, {
         modelValue: i(o),
         "onUpdate:modelValue": r[0] || (r[0] = (c) => Q(o) ? o.value = c : null),
         attach: "#dialogContainer"
       }, {
-        activator: S(() => [
-          i(e) === "editor" ? (h(), ce("div", {
+        activator: C(() => [
+          i(e) === "editor" ? (_(), ce("div", {
             key: 0,
             id: `__node__@${n.nodeId}`
           }, null, 8, Ws)) : se("", !0)
         ]),
-        default: S(() => [
+        default: C(() => [
           K(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), Ks = /* @__PURE__ */ C({
+}), Ks = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1706,21 +1706,21 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, [
       "settings",
       "multiple"
-    ]), { property: f } = a(e, [
+    ]), { property: d } = a(e, [
       "settings",
       "readonly"
-    ]), { property: d } = a(e, ["settings", "reverse"]), { property: p } = a(e, [
+    ]), { property: p } = a(e, ["settings", "reverse"]), { property: f } = a(e, [
       "settings",
       "singleLine"
     ]);
-    return (b, g) => {
-      const _ = B("v-file-input");
-      return h(), k(i(G), {
+    return (g, b) => {
+      const h = B("v-file-input");
+      return _(), w(i(G), {
         block: "",
         mask: ""
       }, {
-        default: S(() => [
-          N(_, {
+        default: C(() => [
+          N(h, {
             chips: i(o),
             density: i(s),
             direction: i(r),
@@ -1728,16 +1728,16 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             label: i(c),
             loading: i(u),
             multiple: i(m),
-            readonly: i(f),
-            reverse: i(d),
-            "single-line": i(p)
+            readonly: i(d),
+            reverse: i(p),
+            "single-line": i(f)
           }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"])
         ]),
         _: 1
       });
     };
   }
-}), Ds = /* @__PURE__ */ C({
+}), Ds = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1745,30 +1745,30 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = We(), s = xe(), r = fe(), { applySize: l } = be(n, e), { applyMargin: c } = nn(e), { applyPadding: u } = on(e), { applyBorder: m } = tn(e), { property: f } = a(e, [
+    const n = t, { node: e } = P(n), o = We(), s = xe(), r = ye(), { applySize: l } = de(n, e), { applyMargin: c } = nn(e), { applyPadding: u } = on(e), { applyBorder: m } = tn(e), { property: d } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: d } = X(f), p = (g) => {
-      d.value && (g.backgroundColor = d.value), g.display = "flex";
-      const _ = Ze(o.value.width), $ = Ke(_, e.value.settings?.direction);
-      $ === "row" ? g.flexDirection = "row" : $ === "rowReverse" ? g.flexDirection = "row-reverse" : $ === "column" ? g.flexDirection = "column" : $ === "columnReverse" && (g.flexDirection = "column-reverse");
-      const x = Ke(_, e.value.settings?.wrap);
-      x === "no" ? g.flexWrap = "nowrap" : x === "yes" ? g.flexWrap = "wrap" : x === "reverse" && (g.flexWrap = "wrap-reverse");
-      const I = Ke(_, e.value.settings?.mainAlign);
-      I === "start" ? g.justifyContent = "flex-start" : I === "end" ? g.justifyContent = "flex-end" : I === "center" ? g.justifyContent = "center" : I === "spaceBetween" ? g.justifyContent = "space-between" : I === "spaceAround" ? g.justifyContent = "space-around" : I === "spaceEvenly" && (g.justifyContent = "space-evenly");
-      const V = Ke(_, e.value.settings?.crossAlign);
-      V === "start" ? g.alignItems = "flex-start" : V === "end" ? g.alignItems = "flex-end" : V === "center" ? g.alignItems = "center" : V === "baseline" ? g.alignItems = "baseline" : V === "stretch" && (g.alignItems = "stretch");
-    }, b = v(() => {
-      const g = {}, _ = r.value?.type;
-      return s === "page" ? _ === "common" ? (l(g), c(g), u(g), m(g), p(g)) : console.assert(!1) : s === "comp" && _ === "common" ? (l(g), c(g), u(g), m(g), p(g)) : console.assert(!1), g;
+    ]), { color: p } = Y(d), f = (b) => {
+      p.value && (b.backgroundColor = p.value), b.display = "flex";
+      const h = Ze(o.value.width), v = Ke(h, e.value.settings?.direction);
+      v === "row" ? b.flexDirection = "row" : v === "rowReverse" ? b.flexDirection = "row-reverse" : v === "column" ? b.flexDirection = "column" : v === "columnReverse" && (b.flexDirection = "column-reverse");
+      const k = Ke(h, e.value.settings?.wrap);
+      k === "no" ? b.flexWrap = "nowrap" : k === "yes" ? b.flexWrap = "wrap" : k === "reverse" && (b.flexWrap = "wrap-reverse");
+      const S = Ke(h, e.value.settings?.mainAlign);
+      S === "start" ? b.justifyContent = "flex-start" : S === "end" ? b.justifyContent = "flex-end" : S === "center" ? b.justifyContent = "center" : S === "spaceBetween" ? b.justifyContent = "space-between" : S === "spaceAround" ? b.justifyContent = "space-around" : S === "spaceEvenly" && (b.justifyContent = "space-evenly");
+      const V = Ke(h, e.value.settings?.crossAlign);
+      V === "start" ? b.alignItems = "flex-start" : V === "end" ? b.alignItems = "flex-end" : V === "center" ? b.alignItems = "center" : V === "baseline" ? b.alignItems = "baseline" : V === "stretch" && (b.alignItems = "stretch");
+    }, g = x(() => {
+      const b = {}, h = r.value?.type;
+      return s === "page" ? h === "common" ? (l(b), c(b), u(b), m(b), f(b)) : console.assert(!1) : s === "comp" && h === "common" ? (l(b), c(b), u(b), m(b), f(b)) : console.assert(!1), b;
     });
-    return (g, _) => (h(), ce("div", {
-      style: ue(b.value)
+    return (b, h) => (_(), ce("div", {
+      style: ue(g.value)
     }, [
-      K(g.$slots, "default")
+      K(b.$slots, "default")
     ], 4));
   }
-}), Os = /* @__PURE__ */ C({
+}), Os = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1776,17 +1776,17 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = xe(), s = fe(), { applySize: r } = be(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = v(() => {
-      const m = {}, f = s.value?.type;
-      return o === "page" ? f === "common" ? (r(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && f === "common" ? (r(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1), m;
+    const n = t, { node: e } = P(n), o = xe(), s = ye(), { applySize: r } = de(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = x(() => {
+      const m = {}, d = s.value?.type;
+      return o === "page" ? d === "common" ? (r(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (r(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1), m;
     });
-    return (m, f) => (h(), ce("div", {
+    return (m, d) => (_(), ce("div", {
       style: ue(u.value)
     }, [
       K(m.$slots, "default")
     ], 4));
   }
-}), Fs = /* @__PURE__ */ C({
+}), Fs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1794,38 +1794,38 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = xe(), s = fe(), r = ye(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
+    const n = t, { node: e } = P(n), o = xe(), s = ye(), r = be(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
       "settings",
       "fastFail"
     ]), { property: u } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: m } = X(u), { applySize: f } = be(n, e), { applyMargin: d } = nn(e), { applyPadding: p } = on(e), { applyBorder: b } = tn(e), g = v(() => {
-      const $ = {}, x = s.value?.type;
-      return o === "page" ? x === "common" ? (f($), d($), p($), b($), m.value && ($.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && x === "common" ? (f($), d($), p($), b($), m.value && ($.backgroundColor = m.value)) : console.assert(!1), $;
-    }), _ = () => {
+    ]), { color: m } = Y(u), { applySize: d } = de(n, e), { applyMargin: p } = nn(e), { applyPadding: f } = on(e), { applyBorder: g } = tn(e), b = x(() => {
+      const v = {}, k = s.value?.type;
+      return o === "page" ? k === "common" ? (d(v), p(v), f(v), g(v), m.value && (v.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && k === "common" ? (d(v), p(v), f(v), g(v), m.value && (v.backgroundColor = m.value)) : console.assert(!1), v;
+    }), h = () => {
       r && r.callFunction(
         "__triggerEventV1__",
         re("elementEvent", n.nodeId, "submit")
       );
     };
-    return ($, x) => {
-      const I = B("v-form");
-      return h(), k(I, {
+    return (v, k) => {
+      const S = B("v-form");
+      return _(), w(S, {
         modelValue: i(l),
-        "onUpdate:modelValue": x[0] || (x[0] = (V) => Q(l) ? l.value = V : null),
+        "onUpdate:modelValue": k[0] || (k[0] = (V) => Q(l) ? l.value = V : null),
         "fast-fail": i(c),
-        style: ue(g.value),
-        onSubmit: oi(_, ["prevent"])
+        style: ue(b.value),
+        onSubmit: oi(h, ["prevent"])
       }, {
-        default: S(() => [
-          K($.$slots, "default")
+        default: C(() => [
+          K(v.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), Ns = /* @__PURE__ */ C({
+}), Ns = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1833,13 +1833,13 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = X(o), { property: r } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Y(o), { property: r } = a(e, [
       "settings",
       "disabled"
     ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: u } = H();
-    return (m, f) => {
-      const d = B("v-icon");
-      return h(), k(d, {
+    return (m, d) => {
+      const p = B("v-icon");
+      return _(), w(p, {
         color: i(s),
         disabled: i(r),
         icon: i(l),
@@ -1848,7 +1848,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), js = ["id"], Gs = /* @__PURE__ */ C({
+}), js = ["id"], Gs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1856,38 +1856,38 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = J(), o = ye(), s = oe(0), r = oe(0), l = v(() => [s.value, r.value]), { open: c } = Co(`runtimeMenu/${Io()}`);
+    const n = t, e = q(), o = be(), s = oe(0), r = oe(0), l = x(() => [s.value, r.value]), { open: c } = Co(`runtimeMenu/${Io()}`);
     return Qe(n, "open", () => {
       if (!o || !o.vm)
         return;
-      const { vm: u } = o, m = u.getProp(u.global, "__pointerPosX__"), f = u.getProp(u.global, "__pointerPosY__");
-      s.value = u.getNumber(m), r.value = u.getNumber(f), m.dispose(), f.dispose(), c.value = !0;
+      const { vm: u } = o, m = u.getProp(u.global, "__pointerPosX__"), d = u.getProp(u.global, "__pointerPosY__");
+      s.value = u.getNumber(m), r.value = u.getNumber(d), m.dispose(), d.dispose(), c.value = !0;
     }), Qe(n, "close", () => {
       o && (c.value = !1);
     }), (u, m) => {
-      const f = B("v-menu");
-      return h(), k(f, {
+      const d = B("v-menu");
+      return _(), w(d, {
         modelValue: i(c),
-        "onUpdate:modelValue": m[0] || (m[0] = (d) => Q(c) ? c.value = d : null),
+        "onUpdate:modelValue": m[0] || (m[0] = (p) => Q(c) ? c.value = p : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
         target: l.value
       }, {
-        activator: S(() => [
-          i(e) === "editor" ? (h(), ce("div", {
+        activator: C(() => [
+          i(e) === "editor" ? (_(), ce("div", {
             key: 0,
             id: `__node__@${n.nodeId}`
           }, null, 8, js)) : se("", !0)
         ]),
-        default: S(() => [
+        default: C(() => [
           K(u.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Hs = /* @__PURE__ */ C({
+}), Hs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1909,37 +1909,37 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "max"]), { property: f } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["settings", "min"]), { property: p } = a(e, ["size", "minWidth"]), { property: b } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["size", "maxWidth"]), { property: p } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: g } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: g } = a(e, [
+    ]), { property: b } = a(e, [
       "settings",
       "precision"
-    ]), { property: _ } = a(e, ["settings", "prefix"]), { property: $ } = a(e, [
+    ]), { property: h } = a(e, ["settings", "prefix"]), { property: v } = a(e, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { property: x } = a(e, [
+    ]), { property: k } = a(e, [
       "settings",
       "addIcon",
       "prependInner"
-    ]), { property: I } = a(e, [
+    ]), { property: S } = a(e, [
       "settings",
       "readonly"
     ]), { property: V } = a(e, ["settings", "reverse"]), { property: z } = a(e, [
       "settings",
       "singleLine"
     ]), { property: R } = a(e, ["settings", "step"]), { property: F } = a(e, ["settings", "suffix"]), { theme: j } = H(), { property: O } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: U } = a(e, ["size", "width"]);
-    return (te, pe) => {
+    return (te, fe) => {
       const $e = B("v-number-input");
-      return h(), k(i(G), {
+      return _(), w(i(G), {
         block: "",
         mask: ""
       }, {
-        default: S(() => [
+        default: C(() => [
           N($e, {
             modelValue: i(O),
-            "onUpdate:modelValue": pe[0] || (pe[0] = (ge) => Q(O) ? O.value = ge : null),
+            "onUpdate:modelValue": fe[0] || (fe[0] = (ge) => Q(O) ? O.value = ge : null),
             "append-icon": i(o),
             "append-inner-icon": i(s),
             clearable: i(r),
@@ -1947,15 +1947,15 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             label: i(c),
             loading: i(u),
             max: i(m),
-            "max-width": i(f),
-            min: i(d),
-            "min-width": i(p),
-            placeholder: i(b),
-            precision: i(g),
-            prefix: i(_),
-            "prepend-icon": i($),
-            "prepend-inner-icon": i(x),
-            readonly: i(I),
+            "max-width": i(d),
+            min: i(p),
+            "min-width": i(f),
+            placeholder: i(g),
+            precision: i(b),
+            prefix: i(h),
+            "prepend-icon": i(v),
+            "prepend-inner-icon": i(k),
+            readonly: i(S),
             reverse: i(V),
             "single-line": i(z),
             step: i(R),
@@ -1969,7 +1969,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), Us = /* @__PURE__ */ C({
+}), Us = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1977,43 +1977,43 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { property: s } = a(e, ["settings", "density"]), { property: r } = a(e, [
+    const n = t, { node: e } = P(n), o = q(), { property: s } = a(e, ["settings", "density"]), { property: r } = a(e, [
       "settings",
       "disabled"
     ]), { property: l } = a(e, ["settings", "length"]), { property: c } = a(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: u } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "start"]), { theme: f } = H(), { property: d } = a(e, ["settings", "tile"]), { property: p } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), g = v(() => {
-      const _ = {};
-      return o === "editor" && (_.pointerEvents = "none"), _;
+    ]), { property: u } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "start"]), { theme: d } = H(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: g } = a(e, ["settings", "variant"]), b = x(() => {
+      const h = {};
+      return o === "editor" && (h.pointerEvents = "none"), h;
     });
-    return (_, $) => {
-      const x = B("v-pagination");
-      return h(), k(i(G), {
+    return (h, v) => {
+      const k = B("v-pagination");
+      return _(), w(i(G), {
         block: "",
         mask: ""
       }, {
-        default: S(() => [
-          N(x, {
-            modelValue: i(p),
-            "onUpdate:modelValue": $[0] || ($[0] = (I) => Q(p) ? p.value = I : null),
+        default: C(() => [
+          N(k, {
+            modelValue: i(f),
+            "onUpdate:modelValue": v[0] || (v[0] = (S) => Q(f) ? f.value = S : null),
             density: i(s),
             disabled: i(r),
             length: i(l),
             "show-first-last-page": i(c),
             size: i(u),
             start: i(m),
-            style: ue(g.value),
-            theme: i(f),
-            tile: i(d),
-            variant: i(b)
+            style: ue(b.value),
+            theme: i(d),
+            tile: i(p),
+            variant: i(g)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
         ]),
         _: 1
       });
     };
   }
-}), Js = /* @__PURE__ */ C({
+}), Js = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2021,27 +2021,27 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = X(o), { property: r } = a(e, ["settings", "density"]), { property: l } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Y(o), { property: r } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
       "disabled"
     ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = H(), { property: f } = a(e, ["settings", "value"]);
-    return (d, p) => {
-      const b = B("v-radio");
-      return h(), k(b, {
+    ]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
+    return (p, f) => {
+      const g = B("v-radio");
+      return _(), w(g, {
         color: i(s),
         density: i(r),
         disabled: i(l),
         label: i(c),
         readonly: i(u),
         theme: i(m),
-        value: i(f)
+        value: i(d)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), qs = /* @__PURE__ */ C({
+}), qs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2059,13 +2059,13 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       "settings",
       "readonly"
     ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
-    return (f, d) => {
-      const p = B("v-radio-group");
-      return h(), k(i(G), null, {
-        default: S(() => [
-          N(p, {
+    return (d, p) => {
+      const f = B("v-radio-group");
+      return _(), w(i(G), null, {
+        default: C(() => [
+          N(f, {
             modelValue: i(m),
-            "onUpdate:modelValue": d[0] || (d[0] = (b) => Q(m) ? m.value = b : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (g) => Q(m) ? m.value = g : null),
             density: i(o),
             direction: i(s),
             disabled: i(r),
@@ -2073,8 +2073,8 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             readonly: i(c),
             theme: i(u)
           }, {
-            default: S(() => [
-              K(f.$slots, "default")
+            default: C(() => [
+              K(d.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -2083,7 +2083,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), Xs = /* @__PURE__ */ C({
+}), Xs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2100,33 +2100,33 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "max"]), { property: m } = a(e, ["settings", "min"]), { property: f } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "max"]), { property: m } = a(e, ["settings", "min"]), { property: d } = a(e, [
       "settings",
       "readonly"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "showTicks"
-    ]), p = v(() => {
-      if (d.value === "always")
+    ]), f = x(() => {
+      if (p.value === "always")
         return "always";
-      if (d.value === "show")
+      if (p.value === "show")
         return !0;
-    }), { property: b } = a(e, ["settings", "step"]), { theme: g } = H(), { property: _ } = a(e, [
+    }), { property: g } = a(e, ["settings", "step"]), { theme: b } = H(), { property: h } = a(e, [
       "settings",
       "thumbLabel"
-    ]), $ = v(() => {
-      if (_.value === "always")
+    ]), v = x(() => {
+      if (h.value === "always")
         return "always";
-      if (_.value === "show")
+      if (h.value === "show")
         return !0;
-    }), { property: x } = a(e, [
+    }), { property: k } = a(e, [
       "settings",
       "thumbSize"
-    ]), { property: I } = a(e, ["settings", "ticks"]), V = v(() => {
-      if (!I.value)
+    ]), { property: S } = a(e, ["settings", "ticks"]), V = x(() => {
+      if (!S.value)
         return;
       const O = {};
-      for (const { value: L, label: U } of I.value)
+      for (const { value: L, label: U } of S.value)
         O[L] = U;
       if (!Eo(O))
         return O;
@@ -2141,7 +2141,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       "settings",
       "value",
       "end"
-    ]), j = v({
+    ]), j = x({
       get: () => [R.value, F.value],
       set: ([O, L]) => {
         R.value = O, F.value = L;
@@ -2149,11 +2149,11 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     });
     return (O, L) => {
       const U = B("v-range-slider");
-      return h(), k(i(G), {
+      return _(), w(i(G), {
         block: "",
         mask: ""
       }, {
-        default: S(() => [
+        default: C(() => [
           N(U, {
             modelValue: j.value,
             "onUpdate:modelValue": L[0] || (L[0] = (te) => j.value = te),
@@ -2164,12 +2164,12 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             label: i(c),
             max: i(u),
             min: i(m),
-            readonly: i(f),
-            "show-ticks": p.value,
-            step: i(b),
-            theme: i(g),
-            "thumb-label": $.value,
-            "thumb-size": i(x),
+            readonly: i(d),
+            "show-ticks": f.value,
+            step: i(g),
+            theme: i(b),
+            "thumb-label": v.value,
+            "thumb-size": i(k),
             "tick-size": i(z),
             ticks: V.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
@@ -2178,7 +2178,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), Ys = /* @__PURE__ */ C({
+}), Ys = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2198,14 +2198,14 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "length"]), { property: m } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: f } = H(), { property: d } = a(e, ["settings", "value"]);
-    return (p, b) => {
-      const g = B("v-rating");
-      return h(), k(i(G), { mask: "" }, {
-        default: S(() => [
-          N(g, {
-            modelValue: i(d),
-            "onUpdate:modelValue": b[0] || (b[0] = (_) => Q(d) ? d.value = _ : null),
+    ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
+    return (f, g) => {
+      const b = B("v-rating");
+      return _(), w(i(G), { mask: "" }, {
+        default: C(() => [
+          N(b, {
+            modelValue: i(p),
+            "onUpdate:modelValue": g[0] || (g[0] = (h) => Q(p) ? p.value = h : null),
             clearable: i(o),
             density: i(s),
             disabled: i(r),
@@ -2213,14 +2213,14 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             hover: i(c),
             length: i(u),
             readonly: i(m),
-            theme: i(f)
+            theme: i(d)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), Zs = /* @__PURE__ */ C({
+}), Zs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2241,16 +2241,16 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       "settings",
       "singleLine"
     ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
-    return (f, d) => {
-      const p = B("v-select");
-      return h(), k(i(G), {
+    return (d, p) => {
+      const f = B("v-select");
+      return _(), w(i(G), {
         block: "",
         mask: ""
       }, {
-        default: S(() => [
-          N(p, {
+        default: C(() => [
+          N(f, {
             modelValue: i(m),
-            "onUpdate:modelValue": d[0] || (d[0] = (b) => Q(m) ? m.value = b : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (g) => Q(m) ? m.value = g : null),
             "hide-details": i(o),
             label: i(s),
             placeholder: i(r),
@@ -2263,7 +2263,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), Qs = /* @__PURE__ */ C({
+}), Qs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2271,7 +2271,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = X(o), { property: r } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Y(o), { property: r } = a(e, [
       "settings",
       "direction"
     ]), { property: l } = a(e, [
@@ -2280,24 +2280,24 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: u } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "max"]), { property: f } = a(e, ["settings", "min"]), { property: d } = a(e, [
+    ]), { property: u } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["settings", "min"]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { property: p } = a(e, ["settings", "reverse"]), { property: b } = a(e, [
+    ]), { property: f } = a(e, ["settings", "reverse"]), { property: g } = a(e, [
       "settings",
       "showTicks"
-    ]), g = v(() => {
-      if (b.value === "always")
+    ]), b = x(() => {
+      if (g.value === "always")
         return "always";
-      if (b.value === "show")
+      if (g.value === "show")
         return !0;
-    }), { property: _ } = a(e, ["settings", "step"]), { theme: $ } = H(), { property: x } = a(e, [
+    }), { property: h } = a(e, ["settings", "step"]), { theme: v } = H(), { property: k } = a(e, [
       "settings",
       "thumbColor"
-    ]), { color: I } = X(x), { property: V } = a(e, [
+    ]), { color: S } = Y(k), { property: V } = a(e, [
       "settings",
       "thumbLabel"
-    ]), z = v(() => {
+    ]), z = x(() => {
       if (V.value === "always")
         return "always";
       if (V.value === "show")
@@ -2305,7 +2305,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     }), { property: R } = a(e, [
       "settings",
       "thumbSize"
-    ]), { property: F } = a(e, ["settings", "ticks"]), j = v(() => {
+    ]), { property: F } = a(e, ["settings", "ticks"]), j = x(() => {
       if (!F.value)
         return;
       const ge = {};
@@ -2319,14 +2319,14 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: L } = a(e, [
       "settings",
       "trackColor"
-    ]), { color: U } = X(L), { property: te } = a(e, ["settings", "value"]), { property: pe } = a(e, ["slots", "append"]), { property: $e } = a(e, ["slots", "prepend"]);
+    ]), { color: U } = Y(L), { property: te } = a(e, ["settings", "value"]), { property: fe } = a(e, ["slots", "append"]), { property: $e } = a(e, ["slots", "prepend"]);
     return (ge, Xe) => {
       const yt = B("v-slider");
-      return h(), k(i(G), {
+      return _(), w(i(G), {
         block: "",
         mask: ""
       }, {
-        default: S(() => [
+        default: C(() => [
           N(yt, {
             modelValue: i(te),
             "onUpdate:modelValue": Xe[0] || (Xe[0] = (ei) => Q(te) ? te.value = ei : null),
@@ -2336,25 +2336,25 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             "hide-details": i(c),
             label: i(u),
             max: i(m),
-            min: i(f),
-            readonly: i(d),
-            reverse: i(p),
-            "show-ticks": g.value,
-            step: i(_),
-            theme: i($),
-            "thumb-color": i(I),
+            min: i(d),
+            readonly: i(p),
+            reverse: i(f),
+            "show-ticks": b.value,
+            step: i(h),
+            theme: i(v),
+            "thumb-color": i(S),
             "thumb-label": z.value,
             "thumb-size": i(R),
             "tick-size": i(O),
             ticks: j.value,
             "track-color": i(U)
           }, Xt({ _: 2 }, [
-            i(pe) ? {
+            i(fe) ? {
               name: "append",
-              fn: S(() => [
+              fn: C(() => [
                 N(i(_e), {
                   "node-id": "append",
-                  "ref-context": { compId: i(pe) },
+                  "ref-context": { compId: i(fe) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2362,7 +2362,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             } : void 0,
             i($e) ? {
               name: "prepend",
-              fn: S(() => [
+              fn: C(() => [
                 N(i(_e), {
                   "node-id": "prepend",
                   "ref-context": { compId: i($e) },
@@ -2377,7 +2377,7 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), el = /* @__PURE__ */ C({
+}), el = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2391,13 +2391,13 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { theme: s } = H(), { property: r } = a(e, ["settings", "value"]);
     return (l, c) => {
       const u = B("v-stepper");
-      return h(), k(u, {
+      return _(), w(u, {
         modelValue: i(r),
         "onUpdate:modelValue": c[0] || (c[0] = (m) => Q(r) ? r.value = m : null),
         "hide-actions": i(o),
         theme: i(s)
       }, {
-        default: S(() => [
+        default: C(() => [
           K(l.$slots, "default")
         ]),
         _: 3
@@ -2407,14 +2407,14 @@ const Cs = /* @__PURE__ */ Me(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
 }), tl = {};
 function nl(t, n) {
   const e = B("v-stepper-header");
-  return h(), k(e, null, {
-    default: S(() => [
+  return _(), w(e, null, {
+    default: C(() => [
       K(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const ol = /* @__PURE__ */ Me(tl, [["render", nl]]), il = /* @__PURE__ */ C({
+const ol = /* @__PURE__ */ Me(tl, [["render", nl]]), il = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2425,8 +2425,8 @@ const ol = /* @__PURE__ */ Me(tl, [["render", nl]]), il = /* @__PURE__ */ C({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
     return (s, r) => {
       const l = B("v-stepper-item");
-      return h(), k(l, { value: i(o) }, {
-        default: S(() => [
+      return _(), w(l, { value: i(o) }, {
+        default: C(() => [
           K(s.$slots, "default")
         ]),
         _: 3
@@ -2436,14 +2436,14 @@ const ol = /* @__PURE__ */ Me(tl, [["render", nl]]), il = /* @__PURE__ */ C({
 }), rl = {};
 function sl(t, n) {
   const e = B("v-stepper-window");
-  return h(), k(e, null, {
-    default: S(() => [
+  return _(), w(e, null, {
+    default: C(() => [
       K(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
+const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2454,15 +2454,15 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
     return (s, r) => {
       const l = B("v-stepper-window-item");
-      return h(), k(l, { value: i(o) }, {
-        default: S(() => [
+      return _(), w(l, { value: i(o) }, {
+        default: C(() => [
           K(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
     };
   }
-}), cl = /* @__PURE__ */ C({
+}), cl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2482,14 +2482,14 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
     ]), { property: c } = a(e, [
       "settings",
       "indeterminate"
-    ]), { property: u } = a(e, ["settings", "inline"]), { property: m } = a(e, ["settings", "inset"]), { property: f } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "loading"]), { theme: p } = H(), { property: b } = a(e, ["settings", "value"]);
-    return (g, _) => {
-      const $ = B("v-switch");
-      return h(), k(i(G), { mask: "" }, {
-        default: S(() => [
-          N($, {
-            modelValue: i(b),
-            "onUpdate:modelValue": _[0] || (_[0] = (x) => Q(b) ? b.value = x : null),
+    ]), { property: u } = a(e, ["settings", "inline"]), { property: m } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: f } = H(), { property: g } = a(e, ["settings", "value"]);
+    return (b, h) => {
+      const v = B("v-switch");
+      return _(), w(i(G), { mask: "" }, {
+        default: C(() => [
+          N(v, {
+            modelValue: i(g),
+            "onUpdate:modelValue": h[0] || (h[0] = (k) => Q(g) ? g.value = k : null),
             density: i(o),
             direction: i(s),
             disabled: i(r),
@@ -2497,16 +2497,16 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
             indeterminate: i(c),
             inline: i(u),
             inset: i(m),
-            label: i(f),
-            loading: i(d),
-            theme: i(p)
+            label: i(d),
+            loading: i(p),
+            theme: i(f)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), ul = /* @__PURE__ */ C({
+}), ul = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2514,15 +2514,15 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { property: s } = a(e, ["settings", "text"]), { theme: r } = H(), { property: l } = a(e, ["settings", "value"]), c = v(() => {
+    const n = t, { node: e } = P(n), o = q(), { property: s } = a(e, ["settings", "text"]), { theme: r } = H(), { property: l } = a(e, ["settings", "value"]), c = x(() => {
       const u = {};
       return o === "editor" && (u.pointerEvents = "none"), u;
     });
     return (u, m) => {
-      const f = B("v-tab");
-      return h(), k(i(G), { mask: "" }, {
-        default: S(() => [
-          N(f, {
+      const d = B("v-tab");
+      return _(), w(i(G), { mask: "" }, {
+        default: C(() => [
+          N(d, {
             style: ue(c.value),
             text: i(s),
             theme: i(r),
@@ -2533,7 +2533,7 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
       });
     };
   }
-}), ml = /* @__PURE__ */ C({
+}), ml = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2548,43 +2548,43 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
       "settings",
       "color",
       "backgroundColor"
-    ]), { color: r } = X(s), { property: l } = a(e, [
+    ]), { color: r } = Y(s), { property: l } = a(e, [
       "settings",
       "centerActive"
     ]), { property: c } = a(e, [
       "settings",
       "color",
       "selectedColor"
-    ]), { color: u } = X(c), { property: m } = a(e, ["settings", "density"]), { property: f } = a(e, [
+    ]), { color: u } = Y(c), { property: m } = a(e, ["settings", "density"]), { property: d } = a(e, [
       "settings",
       "direction"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "disabled"
-    ]), { property: p } = a(e, [
+    ]), { property: f } = a(e, [
       "settings",
       "fixedTabs"
-    ]), { property: b } = a(e, ["settings", "grow"]), { property: g } = a(e, [
+    ]), { property: g } = a(e, ["settings", "grow"]), { property: b } = a(e, [
       "settings",
       "hideSlider"
-    ]), { property: _ } = a(e, ["settings", "items"]), { property: $ } = a(e, [
+    ]), { property: h } = a(e, ["settings", "items"]), { property: v } = a(e, [
       "settings",
       "mandatory"
-    ]), { property: x } = a(e, [
+    ]), { property: k } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: I } = a(e, [
+    ]), { property: S } = a(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: V } = X(I), { property: z } = a(e, ["settings", "stacked"]), { theme: R } = H(), { property: F } = a(e, ["settings", "value"]);
+    ]), { color: V } = Y(S), { property: z } = a(e, ["settings", "stacked"]), { theme: R } = H(), { property: F } = a(e, ["settings", "value"]);
     return (j, O) => {
       const L = B("v-tabs");
-      return h(), k(i(G), {
+      return _(), w(i(G), {
         block: "",
         mask: ""
       }, {
-        default: S(() => [
+        default: C(() => [
           N(L, {
             modelValue: i(F),
             "onUpdate:modelValue": O[0] || (O[0] = (U) => Q(F) ? F.value = U : null),
@@ -2593,19 +2593,19 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
             "center-active": i(l),
             color: i(u),
             density: i(m),
-            direction: i(f),
-            disabled: i(d),
-            "fixed-tabs": i(p),
-            grow: i(b),
-            "hide-slider": i(g),
-            items: i(_),
-            mandatory: i($),
-            "show-arrows": i(x),
+            direction: i(d),
+            disabled: i(p),
+            "fixed-tabs": i(f),
+            grow: i(g),
+            "hide-slider": i(b),
+            items: i(h),
+            mandatory: i(v),
+            "show-arrows": i(k),
             "slider-color": i(V),
             stacked: i(z),
             theme: i(R)
           }, {
-            default: S(() => [
+            default: C(() => [
               K(j.$slots, "default")
             ]),
             _: 3
@@ -2615,7 +2615,7 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
       });
     };
   }
-}), dl = /* @__PURE__ */ C({
+}), pl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2629,20 +2629,20 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
     ]), { property: l } = a(e, [
       "settings",
       "emphasis"
-    ]), { property: c } = a(e, ["settings", "italic"]), { property: u } = a(e, ["settings", "text"]), { property: m } = a(e, ["settings", "weight"]), f = v(() => {
-      const d = [], p = Ze(o.value.width), b = Ke(p, e.value.settings?.style);
-      return b && d.push(`text-${b}`), l.value === "high" ? d.push("text-high-emphasis") : l.value === "medium" ? d.push("text-medium-emphasis") : l.value === "disabled" && d.push("text-disabled"), s.value && d.push(`font-${s.value}`), r.value && d.push(`text-decoration-${r.value}`), m.value && d.push(`font-weight-${m.value}`), c.value && d.push("font-italic"), d.join(" ");
+    ]), { property: c } = a(e, ["settings", "italic"]), { property: u } = a(e, ["settings", "text"]), { property: m } = a(e, ["settings", "weight"]), d = x(() => {
+      const p = [], f = Ze(o.value.width), g = Ke(f, e.value.settings?.style);
+      return g && p.push(`text-${g}`), l.value === "high" ? p.push("text-high-emphasis") : l.value === "medium" ? p.push("text-medium-emphasis") : l.value === "disabled" && p.push("text-disabled"), s.value && p.push(`font-${s.value}`), r.value && p.push(`text-decoration-${r.value}`), m.value && p.push(`font-weight-${m.value}`), c.value && p.push("font-italic"), p.join(" ");
     });
-    return (d, p) => (h(), k(i(G), null, {
-      default: S(() => [
+    return (p, f) => (_(), w(i(G), null, {
+      default: C(() => [
         ie("span", {
-          class: ii(f.value)
+          class: ii(d.value)
         }, ri(i(u)), 3)
       ]),
       _: 1
     }));
   }
-}), pl = /* @__PURE__ */ C({
+}), dl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2659,26 +2659,26 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
     ]), { property: r } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
       "disabled"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "maxRows"]), { property: f } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "maxRows"]), { property: d } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { property: p } = a(e, ["settings", "reverse"]), { property: b } = a(e, ["settings", "rows"]), { property: g } = a(e, [
+    ]), { property: f } = a(e, ["settings", "reverse"]), { property: g } = a(e, ["settings", "rows"]), { property: b } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: _ } = H(), { property: $ } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
-    return (I, V) => {
+    ]), { theme: h } = H(), { property: v } = a(e, ["settings", "value"]), { property: k } = a(e, ["settings", "variant"]);
+    return (S, V) => {
       const z = B("v-textarea");
-      return h(), k(i(G), {
+      return _(), w(i(G), {
         block: "",
         mask: ""
       }, {
-        default: S(() => [
+        default: C(() => [
           N(z, {
-            modelValue: i($),
-            "onUpdate:modelValue": V[0] || (V[0] = (R) => Q($) ? $.value = R : null),
+            modelValue: i(v),
+            "onUpdate:modelValue": V[0] || (V[0] = (R) => Q(v) ? v.value = R : null),
             "auto-grow": i(o),
             clearable: i(s),
             density: i(r),
@@ -2686,20 +2686,20 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
             label: i(c),
             loading: i(u),
             "max-rows": i(m),
-            placeholder: i(f),
-            readonly: i(d),
-            reverse: i(p),
-            rows: i(b),
-            "single-line": i(g),
-            theme: i(_),
-            variant: i(x)
+            placeholder: i(d),
+            readonly: i(p),
+            reverse: i(f),
+            rows: i(g),
+            "single-line": i(b),
+            theme: i(h),
+            variant: i(k)
           }, null, 8, ["modelValue", "auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"])
         ]),
         _: 1
       });
     };
   }
-}), fl = /* @__PURE__ */ C({
+}), fl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2725,19 +2725,19 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
     ]), { property: m } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: f } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "loading"]), { property: p } = a(e, [
+    ]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: b } = a(e, ["settings", "prefix"]), { property: g } = a(e, [
+    ]), { property: g } = a(e, ["settings", "prefix"]), { property: b } = a(e, [
       "settings",
       "prependIcon"
-    ]), { property: _ } = a(e, [
+    ]), { property: h } = a(e, [
       "settings",
       "prependInnerIcon"
-    ]), { property: $ } = a(e, [
+    ]), { property: v } = a(e, [
       "settings",
       "readonly"
-    ]), { property: x } = a(e, ["settings", "reverse"]), { property: I } = a(e, [
+    ]), { property: k } = a(e, ["settings", "reverse"]), { property: S } = a(e, [
       "settings",
       "singleLine"
     ]), { property: V } = a(e, ["settings", "suffix"]), { theme: z } = H(), { property: R } = a(e, ["settings", "value"]), { property: F } = a(e, ["settings", "variant"]), { property: j } = a(e, ["slots", "append"]), { property: O } = a(e, [
@@ -2747,16 +2747,16 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
       "slots",
       "prependInner"
     ]);
-    return (te, pe) => {
+    return (te, fe) => {
       const $e = B("v-text-field");
-      return h(), k(i(G), {
+      return _(), w(i(G), {
         block: "",
         mask: ""
       }, {
-        default: S(() => [
+        default: C(() => [
           N($e, {
             modelValue: i(R),
-            "onUpdate:modelValue": pe[0] || (pe[0] = (ge) => Q(R) ? R.value = ge : null),
+            "onUpdate:modelValue": fe[0] || (fe[0] = (ge) => Q(R) ? R.value = ge : null),
             "append-icon": i(o),
             "append-inner-icon": i(s),
             autofocus: i(r),
@@ -2764,22 +2764,22 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
             density: i(c),
             disabled: i(u),
             "hide-details": i(m),
-            label: i(f),
-            loading: i(d),
-            placeholder: i(p),
-            prefix: i(b),
-            "prepend-icon": i(g),
-            "prepend-inner-icon": i(_),
-            readonly: i($),
-            reverse: i(x),
-            "single-line": i(I),
+            label: i(d),
+            loading: i(p),
+            placeholder: i(f),
+            prefix: i(g),
+            "prepend-icon": i(b),
+            "prepend-inner-icon": i(h),
+            readonly: i(v),
+            reverse: i(k),
+            "single-line": i(S),
             suffix: i(V),
             theme: i(z),
             variant: i(F)
           }, Xt({ _: 2 }, [
             i(j) ? {
               name: "append",
-              fn: S(() => [
+              fn: C(() => [
                 N(i(_e), {
                   "node-id": "append",
                   "ref-context": { compId: i(j) },
@@ -2790,7 +2790,7 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
             } : void 0,
             i(O) ? {
               name: "append-inner",
-              fn: S(() => [
+              fn: C(() => [
                 N(i(_e), {
                   "node-id": "append-inner",
                   "ref-context": { compId: i(O) },
@@ -2801,7 +2801,7 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
             } : void 0,
             i(L) ? {
               name: "prepend",
-              fn: S(() => [
+              fn: C(() => [
                 N(i(_e), {
                   "node-id": "prepend",
                   "ref-context": { compId: i(L) },
@@ -2812,7 +2812,7 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
             } : void 0,
             i(U) ? {
               name: "prepend-inner",
-              fn: S(() => [
+              fn: C(() => [
                 N(i(_e), {
                   "node-id": "prepend-inner",
                   "ref-context": { compId: i(U) },
@@ -2827,7 +2827,7 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
       });
     };
   }
-}), yl = /* @__PURE__ */ C({
+}), yl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2842,48 +2842,48 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
       "settings",
       "dot",
       "color"
-    ]), { color: c } = X(l), { property: u } = a(e, [
+    ]), { color: c } = Y(l), { property: u } = a(e, [
       "settings",
       "dot",
       "fill"
     ]), { property: m } = a(e, [
       "settings",
       "hideOpposite"
-    ]), { property: f } = a(e, [
+    ]), { property: d } = a(e, [
       "settings",
       "line",
       "color"
-    ]), { color: d } = X(f), { property: p } = a(e, [
+    ]), { color: p } = Y(d), { property: f } = a(e, [
       "settings",
       "line",
       "inset"
-    ]), { property: b } = a(e, [
+    ]), { property: g } = a(e, [
       "settings",
       "line",
       "thickness"
-    ]), { property: g } = a(e, ["settings", "side"]), { property: _ } = a(e, [
+    ]), { property: b } = a(e, ["settings", "side"]), { property: h } = a(e, [
       "settings",
       "line",
       "truncate"
-    ]), { theme: $ } = H();
-    return (x, I) => {
+    ]), { theme: v } = H();
+    return (k, S) => {
       const V = B("v-timeline");
-      return h(), k(V, {
+      return _(), w(V, {
         align: i(o),
         density: i(s),
         direction: i(r),
         "dot-color": i(c),
         "fill-dot": i(u),
         "hide-opposite": i(m),
-        "line-color": i(d),
-        "line-inset": i(p),
-        "line-thickness": i(b),
-        side: i(g),
-        theme: i($),
-        "truncate-line": i(_)
+        "line-color": i(p),
+        "line-inset": i(f),
+        "line-thickness": i(g),
+        side: i(b),
+        theme: i(v),
+        "truncate-line": i(h)
       }, {
-        default: S(() => [
-          K(x.$slots, "default")
+        default: C(() => [
+          K(k.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
@@ -2892,14 +2892,14 @@ const ll = /* @__PURE__ */ Me(rl, [["render", sl]]), al = /* @__PURE__ */ C({
 }), bl = {};
 function gl(t, n) {
   const e = B("v-timeline-item");
-  return h(), k(e, null, {
-    default: S(() => [
+  return _(), w(e, null, {
+    default: C(() => [
       K(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const hl = /* @__PURE__ */ Me(bl, [["render", gl]]), _l = /* @__PURE__ */ C({
+const hl = /* @__PURE__ */ Me(bl, [["render", gl]]), _l = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2919,12 +2919,12 @@ const hl = /* @__PURE__ */ Me(bl, [["render", gl]]), _l = /* @__PURE__ */ C({
     ]), { property: l } = a(e, ["settings", "reverse"]), { property: c } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: u } = a(e, ["settings", "touch"]), { theme: m } = H(), { property: f } = a(e, ["settings", "value"]);
-    return (d, p) => {
-      const b = B("v-window");
-      return h(), k(b, {
-        modelValue: i(f),
-        "onUpdate:modelValue": p[0] || (p[0] = (g) => Q(f) ? f.value = g : null),
+    ]), { property: u } = a(e, ["settings", "touch"]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
+    return (p, f) => {
+      const g = B("v-window");
+      return _(), w(g, {
+        modelValue: i(d),
+        "onUpdate:modelValue": f[0] || (f[0] = (b) => Q(d) ? d.value = b : null),
         continuous: i(o),
         direction: i(r),
         disabled: i(s),
@@ -2933,8 +2933,8 @@ const hl = /* @__PURE__ */ Me(bl, [["render", gl]]), _l = /* @__PURE__ */ C({
         theme: i(m),
         touch: i(u)
       }, {
-        default: S(() => [
-          K(d.$slots, "default")
+        default: C(() => [
+          K(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
@@ -2943,14 +2943,14 @@ const hl = /* @__PURE__ */ Me(bl, [["render", gl]]), _l = /* @__PURE__ */ C({
 }), vl = {};
 function xl(t, n) {
   const e = B("v-window-item");
-  return h(), k(e, null, {
-    default: S(() => [
+  return _(), w(e, null, {
+    default: C(() => [
       K(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
+const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ $({
   __name: "entry",
   props: {
     nodeId: {},
@@ -2958,8 +2958,8 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
     refKey: {}
   },
   setup(t) {
-    const n = J(), e = fe(), o = v(() => D(e.value));
-    Re(o), ne(n) && qe(o, "multipleSlot", t.nodeId, t.refKey, ye());
+    const n = q(), e = ye(), o = x(() => D(e.value));
+    Re(o), ne(n) && qe(o, "multipleSlot", t.nodeId, t.refKey, be());
     const s = (l) => {
       const c = Ie[l.key];
       if (!c) {
@@ -2972,7 +2972,7 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
       return lt(l.key) && (u.refContext = {
         parent: t.refContext,
         compId: l.refId
-      }), q(
+      }), X(
         c.comp,
         {
           key: l.id,
@@ -2985,12 +2985,12 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
           }
         }
       );
-    }, r = () => q("div", null, {
+    }, r = () => X("div", null, {
       default: () => o.value?.view.nodeLites.map((l) => s(l))
     });
-    return (l, c) => (h(), k(r));
+    return (l, c) => (_(), w(r));
   }
-}), Il = /* @__PURE__ */ C({
+}), Il = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2998,45 +2998,49 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const { t: n } = rt(), e = it(), o = t, { node: s } = P(o), r = pt(), l = oe();
+    const { t: n } = rt(), e = it(), o = t, { node: s } = P(o), r = dt(), l = oe();
     Re(l), ft(o, l);
-    const { property: c } = a(s, ["instances"]), u = (p, b) => {
-      p.findIndex((g) => g === b) >= 0 || p.push(b);
-    }, m = v(() => {
-      const p = [];
-      if (!Array.isArray(c.value))
-        return p;
-      for (const b of c.value)
-        typeof b == "string" && b && u(p, b);
-      return p;
-    }), f = (p) => q(wl, {
-      key: p,
+    const { applySize: c } = de(o, s), u = x(() => {
+      const b = {};
+      return l.value?.type === "common" && c(b), b;
+    }), { property: m } = a(s, ["instances"]), d = (b, h) => {
+      b.findIndex((v) => v === h) >= 0 || b.push(h);
+    }, p = x(() => {
+      const b = [];
+      if (!Array.isArray(m.value))
+        return b;
+      for (const h of m.value)
+        typeof h == "string" && h && d(b, h);
+      return b;
+    }), f = (b) => X(wl, {
+      key: b,
       nodeId: o.nodeId,
       refContext: o.refContext,
-      refKey: p
-    }), d = () => {
+      refKey: b
+    }), g = () => {
       if (!o.refContext) {
         console.assert(!1, "invalid of ref context");
         return;
       }
       if (at(o.refContext, r))
-        return q("div", { id: e.id }, n("x-runtime-lib.circularReference"));
+        return X("div", { id: e.id }, n("x-runtime-lib.circularReference"));
       if (!l.value)
-        return q("div", { id: e.id });
+        return X("div", { id: e.id });
       if (l.value.type === "common")
-        return q(
+        return X(
           "div",
           {
-            id: e.id
+            id: e.id,
+            style: u.value
           },
           {
-            default: () => m.value.map((b) => f(b))
+            default: () => p.value.map((h) => f(h))
           }
         );
     };
-    return (p, b) => (h(), k(d));
+    return (b, h) => (_(), w(g));
   }
-}), Sl = /* @__PURE__ */ C({
+}), Sl = /* @__PURE__ */ $({
   __name: "entry",
   props: {
     nodeId: {},
@@ -3044,8 +3048,8 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
     refKey: {}
   },
   setup(t) {
-    const n = J(), e = fe(), o = v(() => D(e.value));
-    Re(o), ne(n) && qe(o, "multipleSlot", t.nodeId, t.refKey, ye());
+    const n = q(), e = ye(), o = x(() => D(e.value));
+    Re(o), ne(n) && qe(o, "multipleSlot", t.nodeId, t.refKey, be());
     const s = (l) => {
       const c = Ie[l.key];
       if (!c) {
@@ -3058,7 +3062,7 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
       return lt(l.key) && (u.refContext = {
         parent: t.refContext,
         compId: l.refId
-      }), q(
+      }), X(
         c.comp,
         {
           key: l.id,
@@ -3071,12 +3075,12 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
           }
         }
       );
-    }, r = () => q("div", null, {
+    }, r = () => X("div", null, {
       default: () => o.value?.view.nodeLites.map((l) => s(l))
     });
-    return (l, c) => (h(), k(r));
+    return (l, c) => (_(), w(r));
   }
-}), Cl = /* @__PURE__ */ C({
+}), Cl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -3084,45 +3088,49 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const { t: n } = rt(), e = it(), o = t, { node: s } = P(o), r = J(), l = pt(), c = oe();
-    Re(c), ft(o, c), ne(r) && qe(c, "multipleSlot", o.nodeId, "", ye());
-    const { property: u } = a(s, ["instances"]), m = (b, g) => {
-      b.findIndex((_) => _ === g) >= 0 || b.push(g);
-    }, f = v(() => {
-      const b = [];
-      if (!Array.isArray(u.value))
-        return b;
-      for (const g of u.value)
-        typeof g == "string" && g && m(b, g);
-      return b;
-    }), d = (b) => q(Sl, {
-      key: b,
+    const { t: n } = rt(), e = it(), o = t, { node: s } = P(o), r = q(), l = dt(), c = oe();
+    Re(c), ft(o, c), ne(r) && qe(c, "multipleSlot", o.nodeId, "", be());
+    const { applySize: u } = de(o, s), m = x(() => {
+      const h = {};
+      return c.value?.type === "common" && u(h), h;
+    }), { property: d } = a(s, ["instances"]), p = (h, v) => {
+      h.findIndex((k) => k === v) >= 0 || h.push(v);
+    }, f = x(() => {
+      const h = [];
+      if (!Array.isArray(d.value))
+        return h;
+      for (const v of d.value)
+        typeof v == "string" && v && p(h, v);
+      return h;
+    }), g = (h) => X(Sl, {
+      key: h,
       nodeId: o.nodeId,
       refContext: o.refContext,
-      refKey: b
-    }), p = () => {
+      refKey: h
+    }), b = () => {
       if (!o.refContext) {
         console.assert(!1, "invalid of ref context");
         return;
       }
       if (at(o.refContext, l))
-        return q("div", { id: e.id }, n("x-runtime-lib.circularReference"));
+        return X("div", { id: e.id }, n("x-runtime-lib.circularReference"));
       if (!c.value)
-        return q("div", { id: e.id });
+        return X("div", { id: e.id });
       if (c.value.type === "common")
-        return q(
+        return X(
           "div",
           {
-            id: e.id
+            id: e.id,
+            style: m.value
           },
           {
-            default: () => f.value.map((g) => d(g))
+            default: () => f.value.map((v) => g(v))
           }
         );
     };
-    return (b, g) => (h(), k(p));
+    return (h, v) => (_(), w(b));
   }
-}), $l = /* @__PURE__ */ C({
+}), $l = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -3130,60 +3138,60 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const { t: n } = rt(), e = it(), o = t, { node: s } = P(o), r = J(), l = pt(), c = oe();
-    Re(c), ft(o, c), ne(r) && qe(c, "ref", o.nodeId, "", ye());
-    const { applySize: u } = be(o, s), m = v(() => {
-      const p = {};
-      return c.value?.type === "common" && u(p), p;
-    }), f = (p) => {
-      const b = Ie[p.key];
-      if (!b) {
-        console.assert(!1, `element not found key=${p.key}`);
+    const { t: n } = rt(), e = it(), o = t, { node: s } = P(o), r = q(), l = dt(), c = oe();
+    Re(c), ft(o, c), ne(r) && qe(c, "ref", o.nodeId, "", be());
+    const { applySize: u } = de(o, s), m = x(() => {
+      const f = {};
+      return c.value?.type === "common" && u(f), f;
+    }), d = (f) => {
+      const g = Ie[f.key];
+      if (!g) {
+        console.assert(!1, `element not found key=${f.key}`);
         return;
       }
-      const g = {
-        nodeId: p.id
+      const b = {
+        nodeId: f.id
       };
-      return lt(p.key) && (g.refContext = {
+      return lt(f.key) && (b.refContext = {
         parent: o.refContext,
-        compId: p.refId
-      }), q(
-        b.comp,
+        compId: f.refId
+      }), X(
+        g.comp,
         {
-          key: p.id,
-          ...g
+          key: f.id,
+          ...b
         },
         {
           default: () => {
-            if (!b.leaf)
-              return p.children?.map((_) => f(_));
+            if (!g.leaf)
+              return f.children?.map((h) => d(h));
           }
         }
       );
-    }, d = () => {
+    }, p = () => {
       if (!o.refContext) {
         console.assert(!1, "invalid of ref context");
         return;
       }
       if (at(o.refContext, l))
-        return q("div", { id: e.id }, n("x-runtime-lib.circularReference"));
+        return X("div", { id: e.id }, n("x-runtime-lib.circularReference"));
       if (!c.value)
-        return q("div", { id: e.id });
+        return X("div", { id: e.id });
       if (c.value.type === "common")
-        return q(
+        return X(
           "div",
           {
             id: e.id,
             style: m.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((b) => f(b))
+            default: () => c.value?.view.nodeLites.map((g) => d(g))
           }
         );
     };
-    return (p, b) => (h(), k(d));
+    return (f, g) => (_(), w(p));
   }
-}), Vl = /* @__PURE__ */ C({
+}), Vl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -3192,14 +3200,14 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
   },
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "open"]);
-    return (s, r) => (h(), k(i(G), null, {
-      default: S(() => [
+    return (s, r) => (_(), w(i(G), null, {
+      default: C(() => [
         i(o) ? K(s.$slots, "default", { key: 0 }) : se("", !0)
       ]),
       _: 3
     }));
   }
-}), _e = /* @__PURE__ */ C({
+}), _e = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -3207,60 +3215,60 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const { t: n } = rt(), e = it(), o = t, { node: s } = P(o), r = J(), l = pt(), c = oe();
-    Re(c), ft(o, c), ne(r) && qe(c, "slot", o.nodeId, "", ye());
-    const { applySize: u } = be(o, s), m = v(() => {
-      const p = {};
-      return c.value?.type === "common" && u(p), p;
+    const { t: n } = rt(), e = it(), o = t, { node: s } = P(o), r = q(), l = dt(), c = oe();
+    Re(c), ft(o, c), ne(r) && qe(c, "slot", o.nodeId, "", be());
+    const { applySize: u } = de(o, s), m = x(() => {
+      const f = {};
+      return c.value?.type === "common" && u(f), f;
     });
-    function f(p) {
-      const b = Ie[p.key];
-      if (!b) {
-        console.assert(!1, `element not found key=${p.key}`);
+    function d(f) {
+      const g = Ie[f.key];
+      if (!g) {
+        console.assert(!1, `element not found key=${f.key}`);
         return;
       }
-      const g = {
-        nodeId: p.id
+      const b = {
+        nodeId: f.id
       };
-      return lt(p.key) && (g.refContext = {
+      return lt(f.key) && (b.refContext = {
         parent: o.refContext,
-        compId: p.refId
-      }), q(
-        b.comp,
+        compId: f.refId
+      }), X(
+        g.comp,
         {
-          key: p.id,
-          ...g
+          key: f.id,
+          ...b
         },
         {
           default: () => {
-            if (!b.leaf)
-              return p.children?.map((_) => f(_));
+            if (!g.leaf)
+              return f.children?.map((h) => d(h));
           }
         }
       );
     }
-    const d = () => {
+    const p = () => {
       if (!o.refContext) {
         console.assert(!1, "invalid of ref context");
         return;
       }
       if (at(o.refContext, l))
-        return q("div", { id: e.id }, n("x-runtime-lib.circularReference"));
+        return X("div", { id: e.id }, n("x-runtime-lib.circularReference"));
       if (!c.value)
-        return q("div", { id: e.id });
+        return X("div", { id: e.id });
       if (c.value.type === "common")
-        return q(
+        return X(
           "div",
           {
             id: e.id,
             style: m.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((b) => f(b))
+            default: () => c.value?.view.nodeLites.map((g) => d(g))
           }
         );
     };
-    return (p, b) => (h(), k(d));
+    return (f, g) => (_(), w(p));
   }
 }), y = {
   key: "basic",
@@ -3469,7 +3477,7 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
       default: ""
     }
   ]
-}, Y = {
+}, J = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -3691,7 +3699,7 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
       defaultArray: []
     }
   ]
-}, Ie = {}, w = (t) => {
+}, Ie = {}, I = (t) => {
   Ie[t.key] = t;
 }, gn = {
   key: "settings",
@@ -3752,7 +3760,7 @@ const kl = /* @__PURE__ */ Me(vl, [["render", xl]]), wl = /* @__PURE__ */ C({
   methods: [],
   slots: []
 };
-w(Ll);
+I(Ll);
 const hn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3798,7 +3806,7 @@ const hn = {
   methods: [],
   slots: []
 };
-w(zl);
+I(zl);
 const Tl = {
   key: "scene_keyboard_controls_v1",
   name: "x-runtime-lib.keyboardControls",
@@ -3812,7 +3820,7 @@ const Tl = {
   slots: [],
   leaf: !0
 };
-w(Tl);
+I(Tl);
 const El = {
   key: "scene_map_controls_v1",
   name: "x-runtime-lib.mapControls",
@@ -3826,7 +3834,7 @@ const El = {
   slots: [],
   leaf: !0
 };
-w(El);
+I(El);
 const Al = {
   key: "scene_orbit_controls_v1",
   name: "x-runtime-lib.orbitControls",
@@ -3840,7 +3848,7 @@ const Al = {
   slots: [],
   leaf: !0
 };
-w(Al);
+I(Al);
 function Ml(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -3991,7 +3999,7 @@ const _n = {
   leaf: !0,
   spawn: Ml
 };
-w(wt);
+I(wt);
 function Rl(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -4151,7 +4159,7 @@ const vn = {
   leaf: !0,
   spawn: Rl
 };
-w(It);
+I(It);
 const ct = D(Z);
 ct.children[0].default = "custom";
 ct.children[2].children[0].default = "0xffffff";
@@ -4181,7 +4189,7 @@ const xn = {
   methods: [],
   slots: []
 };
-w(Ol);
+I(Ol);
 const ut = D(Z);
 ut.children[0].default = "custom";
 ut.children[2].children[0].default = "0xffffff";
@@ -4211,7 +4219,7 @@ const kn = {
   methods: [],
   slots: []
 };
-w(Fl);
+I(Fl);
 const mt = D(Z);
 mt.children[0].default = "custom";
 mt.children[2].children[0].default = "0xffffff";
@@ -4255,16 +4263,16 @@ const wn = {
   methods: [],
   slots: []
 };
-w(Nl);
-const dt = D(Z);
-dt.children[0].default = "custom";
-dt.children[2].children[0].default = "0xffffff";
-dt.children[2].children[1].default = "0xffffff";
+I(Nl);
+const pt = D(Z);
+pt.children[0].default = "custom";
+pt.children[2].children[0].default = "0xffffff";
+pt.children[2].children[1].default = "0xffffff";
 const In = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    dt,
+    pt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4316,7 +4324,7 @@ const In = {
   methods: [],
   slots: []
 };
-w(jl);
+I(jl);
 const Oe = {
   key: "scene_mesh_basic_material_v1",
   name: "x-runtime-lib.meshBasicMaterial",
@@ -4330,7 +4338,7 @@ const Oe = {
   slots: [],
   leaf: !0
 };
-w(Oe);
+I(Oe);
 const Gl = {
   key: "scene_group_v1",
   name: "x-runtime-lib.group",
@@ -4343,11 +4351,11 @@ const Gl = {
   methods: [],
   slots: []
 };
-w(Gl);
+I(Gl);
 const Fe = {
   key: "scene_mesh_v1",
   name: "x-runtime-lib.mesh",
-  comp: pr,
+  comp: dr,
   properties: {
     pageScene: [y, ee],
     compScene: [y, ee]
@@ -4356,7 +4364,7 @@ const Fe = {
   methods: [],
   slots: []
 };
-w(Fe);
+I(Fe);
 function Hl(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -4407,13 +4415,13 @@ const Sn = {
   name: "x-runtime-lib.barChart",
   comp: vs,
   properties: {
-    pageCommon: [y, Y, tt, nt, ot, et, Sn],
-    compCommon: [y, Y, tt, nt, ot, et, Sn]
+    pageCommon: [y, J, tt, nt, ot, et, Sn],
+    compCommon: [y, J, tt, nt, ot, et, Sn]
   },
   leaf: !0,
   spawn: Hl
 };
-w(St);
+I(St);
 function Ul(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -4464,13 +4472,13 @@ const Cn = {
   name: "x-runtime-lib.lineChart",
   comp: xs,
   properties: {
-    pageCommon: [y, Y, tt, nt, ot, et, Cn],
-    compCommon: [y, Y, tt, nt, ot, et, Cn]
+    pageCommon: [y, J, tt, nt, ot, et, Cn],
+    compCommon: [y, J, tt, nt, ot, et, Cn]
   },
   leaf: !0,
   spawn: Ul
 };
-w(Ct);
+I(Ct);
 const $n = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4515,7 +4523,7 @@ const $n = {
     compCommon: [y, $n]
   }
 };
-w(Jl);
+I(Jl);
 function ql(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -4627,8 +4635,8 @@ const Xl = D(Z), Vn = {
   name: "x-runtime-lib.button",
   comp: ws,
   properties: {
-    pageCommon: [y, Y, Vn],
-    compCommon: [y, Y, Vn]
+    pageCommon: [y, J, Vn],
+    compCommon: [y, J, Vn]
   },
   events: [
     {
@@ -4639,7 +4647,7 @@ const Xl = D(Z), Vn = {
   leaf: !0,
   spawn: ql
 };
-w($t);
+I($t);
 const Yl = {
   key: "common_btn_group_v1",
   name: "x-runtime-lib.buttonGroup",
@@ -4649,7 +4657,7 @@ const Yl = {
     compCommon: [y]
   }
 };
-w(Yl);
+I(Yl);
 const Pn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4720,7 +4728,7 @@ const Pn = {
     compCommon: [y, Pn]
   }
 };
-w(Zl);
+I(Zl);
 function Ql(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -4800,12 +4808,12 @@ const Ln = {
   name: "x-runtime-lib.card",
   comp: Vs,
   properties: {
-    pageCommon: [y, Y, Ln],
-    compCommon: [y, Y, Ln]
+    pageCommon: [y, J, Ln],
+    compCommon: [y, J, Ln]
   },
   spawn: Ql
 };
-w(Ne);
+I(Ne);
 const zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4833,7 +4841,7 @@ const zn = {
   },
   leaf: !0
 };
-w(ea);
+I(ea);
 const ta = D(Z), Tn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4919,7 +4927,7 @@ const ta = D(Z), Tn = {
   },
   leaf: !0
 };
-w(Vt);
+I(Vt);
 function na(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -4933,15 +4941,15 @@ function na(t, n) {
   }
   const r = E();
   M(r, s), r.basic.id = T(16), r.basic.key = Pt.key;
-  const l = Le(t, n, "chip1", "chip 1"), c = Le(t, n, "chip2", "chip 2"), u = Le(t, n, "chip3", "chip 3"), m = Le(t, n, "chip4", "chip 4"), f = Le(t, n, "chip5", "chip 5"), d = Le(t, n, "chip6", "chip 6");
+  const l = Le(t, n, "chip1", "chip 1"), c = Le(t, n, "chip2", "chip 2"), u = Le(t, n, "chip3", "chip 3"), m = Le(t, n, "chip4", "chip 4"), d = Le(t, n, "chip5", "chip 5"), p = Le(t, n, "chip6", "chip 6");
   return {
     nodeLite: A(r, [
       l.nodeLite,
       c.nodeLite,
       u.nodeLite,
       m.nodeLite,
-      f.nodeLite,
-      d.nodeLite
+      d.nodeLite,
+      p.nodeLite
     ]),
     nodes: {
       [r.basic.id]: r,
@@ -4949,8 +4957,8 @@ function na(t, n) {
       ...c.nodes,
       ...u.nodes,
       ...m.nodes,
-      ...f.nodes,
-      ...d.nodes
+      ...d.nodes,
+      ...p.nodes
     }
   };
 }
@@ -5037,7 +5045,7 @@ const En = {
   },
   spawn: na
 };
-w(Pt);
+I(Pt);
 const oa = {
   key: "common_color_picker_v1",
   name: "x-runtime-lib.colorPicker",
@@ -5048,7 +5056,7 @@ const oa = {
   },
   leaf: !0
 };
-w(oa);
+I(oa);
 const An = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5100,7 +5108,7 @@ const An = {
   },
   leaf: !0
 };
-w(ia);
+I(ia);
 const rn = D(Z);
 rn.key = "backgroundColor";
 rn.name = "x-runtime-lib.backgroundColor";
@@ -5113,8 +5121,8 @@ const Mn = {
   name: "x-runtime-lib.container",
   comp: As,
   properties: {
-    pageCommon: [y, Y, ze, Te, Ee, Mn],
-    compCommon: [y, Y, ze, Te, Ee, Mn]
+    pageCommon: [y, J, ze, Te, Ee, Mn],
+    compCommon: [y, J, ze, Te, Ee, Mn]
   },
   events: [
     {
@@ -5123,7 +5131,7 @@ const Mn = {
     }
   ]
 };
-w(Lt);
+I(Lt);
 const Bn = {
   key: "size",
   name: "x-runtime-lib.size",
@@ -5286,7 +5294,7 @@ const Bn = {
   },
   leaf: !0
 };
-w(ra);
+I(ra);
 const sa = {
   key: "common_date_picker_v1",
   name: "x-runtime-lib.datePicker",
@@ -5297,7 +5305,7 @@ const sa = {
   },
   leaf: !0
 };
-w(sa);
+I(sa);
 const la = {
   key: "common_dialog_v1",
   name: "x-runtime-lib.dialog",
@@ -5318,7 +5326,7 @@ const la = {
   ],
   teleport: !0
 };
-w(la);
+I(la);
 const Kn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5354,11 +5362,11 @@ const Kn = {
   name: "x-runtime-lib.flexLayoutEntry",
   comp: Os,
   properties: {
-    pageCommon: [y, Y, Dn],
-    compCommon: [y, Y, Dn]
+    pageCommon: [y, J, Dn],
+    compCommon: [y, J, Dn]
   }
 };
-w(zt);
+I(zt);
 function aa(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -5435,25 +5443,25 @@ function ca(t, n) {
   };
 }
 function Tt(t, n, e, o, s, r, l, c, u) {
-  const m = `type=${t} subtype=${n}`, f = W(t, n);
-  if (!f) {
+  const m = `type=${t} subtype=${n}`, d = W(t, n);
+  if (!d) {
     console.error(
       `flexLayoutV1/spawnContainer property tag not found, ${m}`
     );
     return;
   }
-  const d = Lt.properties[f];
-  if (!d) {
+  const p = Lt.properties[d];
+  if (!p) {
     console.error(
       `flexLayoutV1/spawnContainer properties not found, ${m}`
     );
     return;
   }
-  const p = E();
-  return M(p, d), p.basic.id = T(16), p.basic.key = Lt.key, o && (p.size.width = o), s && (p.size.minWidth = s), l && (p.size.height = l), c && (p.size.minHeight = c), e && (p.settings.backgroundColor.mode = "custom", p.settings.backgroundColor.custom.light = e, p.settings.backgroundColor.custom.dark = e), {
-    nodeLite: A(p, []),
+  const f = E();
+  return M(f, p), f.basic.id = T(16), f.basic.key = Lt.key, o && (f.size.width = o), s && (f.size.minWidth = s), l && (f.size.height = l), c && (f.size.minHeight = c), e && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = e, f.settings.backgroundColor.custom.dark = e), {
+    nodeLite: A(f, []),
     nodes: {
-      [p.basic.id]: p
+      [f.basic.id]: f
     }
   };
 }
@@ -5635,8 +5643,8 @@ const On = {
   name: "x-runtime-lib.flexLayout",
   comp: Ds,
   properties: {
-    pageCommon: [y, Y, ze, Te, Ee, On],
-    compCommon: [y, Y, ze, Te, Ee, On]
+    pageCommon: [y, J, ze, Te, Ee, On],
+    compCommon: [y, J, ze, Te, Ee, On]
   },
   events: [
     {
@@ -5646,7 +5654,7 @@ const On = {
   ],
   spawn: aa
 };
-w(je);
+I(je);
 const Fn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5827,7 +5835,7 @@ const Fn = {
   ],
   leaf: !0
 };
-w(Et);
+I(Et);
 function ua(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -5892,8 +5900,8 @@ const jn = {
   name: "x-runtime-lib.form",
   comp: Fs,
   properties: {
-    pageCommon: [y, Y, ze, Te, Ee, jn],
-    compCommon: [y, Y, ze, Te, Ee, jn]
+    pageCommon: [y, J, ze, Te, Ee, jn],
+    compCommon: [y, J, ze, Te, Ee, jn]
   },
   events: [
     {
@@ -5903,8 +5911,8 @@ const jn = {
   ],
   spawn: ua
 };
-w(At);
-const da = D(Z), Gn = {
+I(At);
+const pa = D(Z), Gn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5927,9 +5935,9 @@ const da = D(Z), Gn = {
       items: "sizeItemsV1",
       default: "default"
     },
-    da
+    pa
   ]
-}, pa = {
+}, da = {
   key: "common_icon_v1",
   name: "x-runtime-lib.icon",
   comp: Ns,
@@ -5939,7 +5947,7 @@ const da = D(Z), Gn = {
   },
   leaf: !0
 };
-w(pa);
+I(da);
 const fa = {
   key: "common_menu_v1",
   name: "x-runtime-lib.menu",
@@ -5960,7 +5968,7 @@ const fa = {
   ],
   teleport: !0
 };
-w(fa);
+I(fa);
 function ya(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -6180,7 +6188,7 @@ const Hn = {
   leaf: !0,
   spawn: ya
 };
-w(Mt);
+I(Mt);
 const Jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6254,7 +6262,7 @@ const Jn = {
   },
   leaf: !0
 };
-w(ba);
+I(ba);
 const ga = D(Z), qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6302,7 +6310,7 @@ const ga = D(Z), qn = {
   },
   leaf: !0
 };
-w(Bt);
+I(Bt);
 function ha(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -6405,7 +6413,7 @@ const Xn = {
   },
   spawn: ha
 };
-w(Wt);
+I(Wt);
 const Yn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6533,7 +6541,7 @@ const Yn = {
   },
   leaf: !0
 };
-w(_a);
+I(_a);
 const Zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6599,7 +6607,7 @@ const Zn = {
   },
   leaf: !0
 };
-w(va);
+I(va);
 const Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6651,7 +6659,7 @@ const Qn = {
   },
   leaf: !0
 };
-w(xa);
+I(xa);
 const ln = D(Z);
 ln.key = "color";
 ln.name = "x-runtime-lib.color";
@@ -6797,7 +6805,7 @@ const eo = {
   },
   leaf: !0
 };
-w(ka);
+I(ka);
 const Rt = {
   key: "common_stepper_header_v1",
   name: "x-runtime-lib.stepperHeader",
@@ -6807,7 +6815,7 @@ const Rt = {
     compCommon: [y]
   }
 };
-w(Rt);
+I(Rt);
 const no = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6828,7 +6836,7 @@ const no = {
     compCommon: [y, no]
   }
 };
-w(Kt);
+I(Kt);
 const Dt = {
   key: "common_stepper_window_v1",
   name: "x-runtime-lib.stepperWindow",
@@ -6838,7 +6846,7 @@ const Dt = {
     compCommon: [y]
   }
 };
-w(Dt);
+I(Dt);
 const oo = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6859,7 +6867,7 @@ const oo = {
     compCommon: [y, oo]
   }
 };
-w(Ot);
+I(Ot);
 function wa(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -7022,7 +7030,7 @@ const io = {
   },
   spawn: wa
 };
-w(Ft);
+I(Ft);
 const $a = {
   key: "common_switch_v1",
   name: "x-runtime-lib.switch",
@@ -7033,7 +7041,7 @@ const $a = {
   },
   leaf: !0
 };
-w($a);
+I($a);
 const ro = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7061,7 +7069,7 @@ const ro = {
   },
   leaf: !0
 };
-w(Nt);
+I(Nt);
 function Va(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -7111,9 +7119,9 @@ un.name = "x-runtime-lib.backgroundColor";
 const mn = D(Z);
 mn.key = "selectedColor";
 mn.name = "x-runtime-lib.selectedColor";
-const dn = D(Z);
-dn.key = "sliderColor";
-dn.name = "x-runtime-lib.sliderColor";
+const pn = D(Z);
+pn.key = "sliderColor";
+pn.name = "x-runtime-lib.sliderColor";
 const so = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7190,7 +7198,7 @@ const so = {
     {
       key: "color",
       name: "x-runtime-lib.color",
-      children: [un, mn, dn]
+      children: [un, mn, pn]
     }
   ]
 }, jt = {
@@ -7203,7 +7211,7 @@ const so = {
   },
   spawn: Va
 };
-w(jt);
+I(jt);
 function Pa(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -7312,7 +7320,7 @@ const lo = {
 }, Se = {
   key: "common_text_v1",
   name: "x-runtime-lib.text",
-  comp: dl,
+  comp: pl,
   properties: {
     pageCommon: [y, lo],
     compCommon: [y, lo]
@@ -7320,7 +7328,7 @@ const lo = {
   leaf: !0,
   spawn: Pa
 };
-w(Se);
+I(Se);
 function La(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -7414,7 +7422,7 @@ const ao = {
 }, Gt = {
   key: "common_textarea_v1",
   name: "x-runtime-lib.textarea",
-  comp: pl,
+  comp: dl,
   properties: {
     pageCommon: [y, ao],
     compCommon: [y, ao]
@@ -7422,7 +7430,7 @@ const ao = {
   leaf: !0,
   spawn: La
 };
-w(Gt);
+I(Gt);
 const Ht = {
   key: "common_timeline_item_v1",
   name: "x-runtime-lib.timelineItem",
@@ -7432,7 +7440,7 @@ const Ht = {
     compCommon: [y]
   }
 };
-w(Ht);
+I(Ht);
 function za(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -7586,7 +7594,7 @@ const Ea = D(Z), Aa = D(Z), co = {
   },
   spawn: za
 };
-w(Ut);
+I(Ut);
 const Jt = {
   key: "common_window_item_v1",
   name: "x-runtime-lib.windowItem",
@@ -7596,7 +7604,7 @@ const Jt = {
     compCommon: [y]
   }
 };
-w(Jt);
+I(Jt);
 function Ma(t, n) {
   const e = `type=${t} subtype=${n}`, o = W(t, n);
   if (!o) {
@@ -7744,7 +7752,7 @@ const uo = {
   },
   spawn: Ma
 };
-w(qt);
+I(qt);
 const mo = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7768,12 +7776,12 @@ const mo = {
   name: "x-runtime-lib.multipleRef",
   comp: Il,
   properties: {
-    pageCommon: [y, mo, po],
-    compCommon: [y, mo, po]
+    pageCommon: [y, J, mo, po],
+    compCommon: [y, J, mo, po]
   },
   leaf: !0
 };
-w(Ra);
+I(Ra);
 const fo = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7803,12 +7811,12 @@ const fo = {
   name: "x-runtime-lib.multipleSlot",
   comp: Cl,
   properties: {
-    pageCommon: [y, fo, yo],
-    compCommon: [y, fo, yo]
+    pageCommon: [y, J, fo, yo],
+    compCommon: [y, J, fo, yo]
   },
   leaf: !0
 };
-w(Ka);
+I(Ka);
 const bo = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7825,12 +7833,12 @@ const bo = {
   name: "x-runtime-lib.reference",
   comp: $l,
   properties: {
-    pageCommon: [y, Y, bo],
-    compCommon: [y, Y, bo]
+    pageCommon: [y, J, bo],
+    compCommon: [y, J, bo]
   },
   leaf: !0
 };
-w(Da);
+I(Da);
 const go = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7851,7 +7859,7 @@ const go = {
     compCommon: [y, go]
   }
 };
-w(Oa);
+I(Oa);
 const ho = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7874,12 +7882,12 @@ const ho = {
   name: "x-runtime-lib.slot",
   comp: _e,
   properties: {
-    pageCommon: [y, Y, ho],
-    compCommon: [y, Y, ho]
+    pageCommon: [y, J, ho],
+    compCommon: [y, J, ho]
   },
   leaf: !0
 };
-w(Fa);
+I(Fa);
 const Be = D(Z);
 Be.key = "backgroundColor";
 Be.name = "x-runtime-lib.backgroundColor";
@@ -7945,7 +7953,7 @@ const Do = {
   events: [Ua, Ja, qa],
   internal: !0
 };
-w(Xa);
+I(Xa);
 const Ya = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -8031,7 +8039,7 @@ const Ya = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.large", value: "large" },
   { title: "x-runtime-lib.xLarge", value: "x-large" }
-], dc = [
+], pc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -8039,7 +8047,7 @@ const Ya = [
   { title: "x-runtime-lib.justify", value: "justify" },
   { title: "x-runtime-lib.left", value: "left" },
   { title: "x-runtime-lib.right", value: "right" }
-], pc = [
+], dc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.none", value: "none" },
   { title: "x-runtime-lib.overline", value: "overline" },
@@ -8112,8 +8120,8 @@ const Ya = [
   sheetVariantItemsV1: cc,
   showTicksItemsV1: uc,
   sizeItemsV1: mc,
-  textAlignItemsV1: dc,
-  textDecorationItemsV1: pc,
+  textAlignItemsV1: pc,
+  textDecorationItemsV1: dc,
   textEmphasisItemsV1: fc,
   textStyleItemsV1: yc,
   themeColorItemsV1: bc,
@@ -8722,21 +8730,21 @@ function wu(t, n, e, o, s) {
       console.error(`spawnNode [ref] element not found in pkg, ${r}`);
       return;
     }
-    const f = Ie[u];
-    if (!f) {
+    const d = Ie[u];
+    if (!d) {
       console.error(`spawnNode [ref] element not found in global, ${r}`);
       return;
     }
-    const d = f.properties[l];
-    if (!d) {
+    const p = d.properties[l];
+    if (!p) {
       console.error(`spawnNode [ref] properties not found, ${r}`);
       return;
     }
-    const p = E();
-    return M(p, d), p.basic.id = T(16), p.basic.key = u, p.settings || (p.settings = {}), p.settings.comp = m, {
-      nodeLite: A(p),
+    const f = E();
+    return M(f, p), f.basic.id = T(16), f.basic.key = u, f.settings || (f.settings = {}), f.settings.comp = m, {
+      nodeLite: A(f),
       nodes: {
-        [p.basic.id]: p
+        [f.basic.id]: f
       }
     };
   } else {
@@ -8753,18 +8761,18 @@ function wu(t, n, e, o, s) {
     if (m.spawn)
       return m.spawn(t, n);
     {
-      const f = m.properties[l];
-      if (!f) {
+      const d = m.properties[l];
+      if (!d) {
         console.error(`spawnNode [key] properties not found, ${r}`);
         return;
       }
-      const d = E();
-      M(d, f), d.basic.id = T(16), d.basic.key = u;
-      let p;
-      return m.leaf || (p = []), {
-        nodeLite: A(d, p),
+      const p = E();
+      M(p, d), p.basic.id = T(16), p.basic.key = u;
+      let f;
+      return m.leaf || (f = []), {
+        nodeLite: A(p, f),
         nodes: {
-          [d.basic.id]: d
+          [p.basic.id]: p
         }
       };
     }
@@ -8804,69 +8812,69 @@ function Su(t) {
 }
 const Oo = "runtimeOrg", Fo = "runtimeEnv", No = "runtimeMode", jo = "runtimeDevice", Go = "runtimeDark", Ho = "runtimeId", Uo = "runtimeType", Jo = "runtimeData", qo = "runtimeDepends", Xo = "runtimeRuntime", Yo = "runtimeSandbox";
 function Cu(t) {
-  de(Oo, t);
+  pe(Oo, t);
 }
 function Rc() {
   return me(Oo);
 }
 function $u(t) {
-  de(Fo, t);
+  pe(Fo, t);
 }
 function Kc() {
   return me(Fo);
 }
 function Vu(t) {
-  de(No, t);
+  pe(No, t);
 }
-function J() {
+function q() {
   return me(No);
 }
 function Pu(t) {
-  de(jo, Yt(t));
+  pe(jo, Yt(t));
 }
 function We() {
   return me(jo);
 }
 function Lu(t) {
-  de(Go, Yt(t));
+  pe(Go, Yt(t));
 }
 function Je() {
   return me(Go);
 }
 function zu(t) {
-  de(Ho, t);
+  pe(Ho, t);
 }
-function pt() {
+function dt() {
   return me(Ho);
 }
 function Tu(t) {
-  de(Uo, t);
+  pe(Uo, t);
 }
 function xe() {
   return me(Uo);
 }
 function Re(t) {
-  de(Jo, t);
+  pe(Jo, t);
 }
-function fe() {
+function ye() {
   return me(Jo);
 }
 function Eu(t) {
-  de(qo, Yt(t));
+  pe(qo, Yt(t));
 }
 function Dc() {
   return me(qo);
 }
 function Au(t) {
-  de(Xo, t);
+  pe(Xo, t);
 }
 function Oc() {
   return me(Xo);
 }
 function Fc(t) {
-  de(Yo, t);
+  pe(Yo, t);
 }
-function ye() {
+function be() {
   return me(Yo, void 0);
 }
 function De(t) {
@@ -8888,76 +8896,76 @@ function Ye(t, n, e, o, s) {
         continue;
       }
       let m = null;
-      for (const d of u)
-        if (e === De(d)) {
-          if (d.subKeys) {
+      for (const p of u)
+        if (e === De(p)) {
+          if (p.subKeys) {
             if (!le(
-              ke(o, d.subKeys),
-              ke(s, d.subKeys)
+              ke(o, p.subKeys),
+              ke(s, p.subKeys)
             )) {
-              m = d;
+              m = p;
               break;
             }
           } else if (!le(o, s)) {
-            m = d;
+            m = p;
             break;
           }
         }
       if (!m)
         continue;
-      let f;
-      m.subKeys ? f = ke(o, m.subKeys) : f = o;
-      for (const d of u)
-        if (d.subKeys) {
-          let p;
-          if (d.type === "elementProperty")
-            p = t.getElementProperty(
-              d.nodeId,
-              d.propertyKeys.split(".")
+      let d;
+      m.subKeys ? d = ke(o, m.subKeys) : d = o;
+      for (const p of u)
+        if (p.subKeys) {
+          let f;
+          if (p.type === "elementProperty")
+            f = t.getElementProperty(
+              p.nodeId,
+              p.propertyKeys.split(".")
             );
-          else if (d.type === "customProperty")
-            p = t.getCustomProperty(d.propertyId);
-          else if (d.type === "state")
-            p = t.getState(d.stateId);
-          else if (d.type === "adaptSlotProperty")
-            p = t.getAdaptSlotProperty(d.propertyId);
+          else if (p.type === "customProperty")
+            f = t.getCustomProperty(p.propertyId);
+          else if (p.type === "state")
+            f = t.getState(p.stateId);
+          else if (p.type === "adaptSlotProperty")
+            f = t.getAdaptSlotProperty(p.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          const b = ke(p, d.subKeys);
-          if (le(f, b))
+          const g = ke(f, p.subKeys);
+          if (le(d, g))
             continue;
-          const g = D(p);
-          Qt(g, d.subKeys, D(f)), d.type === "elementProperty" ? t.setElementProperty(
-            d.nodeId,
-            d.propertyKeys.split("."),
-            g
-          ) : d.type === "customProperty" ? t.setCustomProperty(d.propertyId, g) : d.type === "state" ? t.setState(d.stateId, g) : d.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(d.propertyId, g) : console.assert(!1);
+          const b = D(f);
+          Qt(b, p.subKeys, D(d)), p.type === "elementProperty" ? t.setElementProperty(
+            p.nodeId,
+            p.propertyKeys.split("."),
+            b
+          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, b) : p.type === "state" ? t.setState(p.stateId, b) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, b) : console.assert(!1);
         } else {
-          let p;
-          if (d.type === "elementProperty")
-            p = t.getElementProperty(
-              d.nodeId,
-              d.propertyKeys.split(".")
+          let f;
+          if (p.type === "elementProperty")
+            f = t.getElementProperty(
+              p.nodeId,
+              p.propertyKeys.split(".")
             );
-          else if (d.type === "customProperty")
-            p = t.getCustomProperty(d.propertyId);
-          else if (d.type === "state")
-            p = t.getState(d.stateId);
-          else if (d.type === "adaptSlotProperty")
-            p = t.getAdaptSlotProperty(d.propertyId);
+          else if (p.type === "customProperty")
+            f = t.getCustomProperty(p.propertyId);
+          else if (p.type === "state")
+            f = t.getState(p.stateId);
+          else if (p.type === "adaptSlotProperty")
+            f = t.getAdaptSlotProperty(p.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          if (le(f, p))
+          if (le(d, f))
             continue;
-          d.type === "elementProperty" ? t.setElementProperty(
-            d.nodeId,
-            d.propertyKeys.split("."),
-            D(f)
-          ) : d.type === "customProperty" ? t.setCustomProperty(d.propertyId, D(f)) : d.type === "state" ? t.setState(d.stateId, D(f)) : d.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(d.propertyId, D(f)) : console.assert(!1);
+          p.type === "elementProperty" ? t.setElementProperty(
+            p.nodeId,
+            p.propertyKeys.split("."),
+            D(d)
+          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, D(d)) : p.type === "state" ? t.setState(p.stateId, D(d)) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, D(d)) : console.assert(!1);
         }
     }
 }
@@ -9161,8 +9169,8 @@ function Gc(t) {
         if (/^\[\d+\]$/.test(u)) {
           let m = parseInt(u.slice(1, -1), 10);
           m > 0 && m--;
-          const f = n.newNumber(m);
-          n.setProp(s, l.toString(), f), f.dispose(), l++;
+          const d = n.newNumber(m);
+          n.setProp(s, l.toString(), d), d.dispose(), l++;
         } else {
           const m = n.newString(u);
           n.setProp(s, l.toString(), m), m.dispose(), l++;
@@ -9191,8 +9199,8 @@ function Gc(t) {
       if (Ae(t)) {
         var l = [];
         try {
-          const f = Ve(l, n.getProp(n.global, "__timeoutCallback__"));
-          n.callFunction(f, n.global, n.newNumber(s));
+          const d = Ve(l, n.getProp(n.global, "__timeoutCallback__"));
+          n.callFunction(d, n.global, n.newNumber(s));
         } catch (c) {
           var u = c, m = !0;
         } finally {
@@ -9225,20 +9233,20 @@ function Uc(t) {
   }
   const { vm: n } = t;
   n.newFunction("__callFuncV1__", (e, o, s, r, l) => {
-    const c = n.getString(e), u = n.getString(o), m = n.dump(s), f = n.getString(r), d = n.getString(l), { id: p, promise: b } = t.promiseManager.acquire(), g = JSON.stringify(m);
+    const c = n.getString(e), u = n.getString(o), m = n.dump(s), d = n.getString(r), p = n.getString(l), { id: f, promise: g } = t.promiseManager.acquire(), b = JSON.stringify(m);
     return Hc({
       spaceId: c,
       id: u,
-      strInputs: g,
-      env: f
+      strInputs: b,
+      env: d
     }).then(
-      ({ strOutputs: _ }) => {
-        Ae(t) && (b.resolve(n.evalCode(`JSON.parse('${_}')`).unwrap()), t.promiseManager.release(p));
+      ({ strOutputs: h }) => {
+        Ae(t) && (g.resolve(n.evalCode(`JSON.parse('${h}')`).unwrap()), t.promiseManager.release(f));
       },
-      (_) => {
-        Ae(t) && (b.reject(n.newString(`call func <${d}> failed, ${_}`)), t.promiseManager.release(p));
+      (h) => {
+        Ae(t) && (g.reject(n.newString(`call func <${p}> failed, ${h}`)), t.promiseManager.release(f));
       }
-    ), b.settled.then(n.runtime.executePendingJobs), b.handle;
+    ), g.settled.then(n.runtime.executePendingJobs), g.handle;
   }).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
 }
 function Jc(t) {
@@ -9262,9 +9270,9 @@ function qc(t) {
         const j = Ve(c, n.getProp(n.global, "__triggerEventInner__"));
         n.callFunction(j, n.global, e, ...o);
       } catch (u) {
-        var m = u, f = !0;
+        var m = u, d = !0;
       } finally {
-        Pe(c, m, f);
+        Pe(c, m, d);
       }
     }
     const s = n.getString(e), { kind: r, eventKey: l } = jc(s);
@@ -9273,27 +9281,27 @@ function qc(t) {
       try {
         const j = Ve(V, n.getProp(n.global, "__triggerEventV1__"));
         {
-          var d = [];
+          var p = [];
           try {
-            const O = Ve(d, n.newString(re("refEvent", t.id, l)));
+            const O = Ve(p, n.newString(re("refEvent", t.id, l)));
             n.callFunction(j, n.global, O, ...o);
-          } catch (p) {
-            var b = p, g = !0;
+          } catch (f) {
+            var g = f, b = !0;
           } finally {
-            Pe(d, b, g);
+            Pe(p, g, b);
           }
         }
         {
-          var _ = [];
+          var h = [];
           try {
-            const O = Ve(_, n.newString(
+            const O = Ve(h, n.newString(
               re("multipleRefEvent", t.id, l)
             ));
             n.callFunction(j, n.global, O, ...o);
-          } catch ($) {
-            var x = $, I = !0;
+          } catch (v) {
+            var k = v, S = !0;
           } finally {
-            Pe(_, x, I);
+            Pe(h, k, S);
           }
         }
       } catch (z) {
@@ -9308,37 +9316,37 @@ function qc(t) {
     if (l === "elementProperty")
       m = t.getElementProperty(c, u.split("."));
     else if (l === "refProperty") {
-      const f = t.children[c];
-      f && (m = f.getCustomProperty(u));
+      const d = t.children[c];
+      d && (m = d.getCustomProperty(u));
     } else if (l === "multipleRefProperty") {
-      const f = t.children[c + "/" + r];
-      f && (m = f.getCustomProperty(u));
+      const d = t.children[c + "/" + r];
+      d && (m = d.getCustomProperty(u));
     } else l === "customProperty" ? m = t.getCustomProperty(u) : l === "customSlotProperty" || (l === "adaptSlotElementProperty" || l === "adaptSlotCustomProperty" ? m = t.getAdaptSlotProperty(u) : console.assert(!1));
     return Ge(n, m);
   }).consume((e) => n.setProp(n.global, "__getPropertyV1__", e)), n.newFunction("__setPropertyV1__", (e, o, s) => {
-    const r = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, propertyKey: f } = vo(r);
+    const r = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, propertyKey: d } = vo(r);
     if (u === "elementProperty")
-      t.setElementProperty(m, f.split("."), c);
+      t.setElementProperty(m, d.split("."), c);
     else if (u === "refProperty") {
-      const d = t.children[m];
-      d && d.setCustomProperty(f, c);
+      const p = t.children[m];
+      p && p.setCustomProperty(d, c);
     } else if (u === "multipleRefProperty") {
-      const d = t.children[m + "/" + l];
-      d && d.setCustomProperty(f, c);
-    } else u === "customProperty" ? t.setCustomProperty(f, c) : u === "customSlotProperty" || (u === "adaptSlotElementProperty" || u === "adaptSlotCustomProperty" ? t.setAdaptSlotProperty(f, c) : console.assert(!1));
+      const p = t.children[m + "/" + l];
+      p && p.setCustomProperty(d, c);
+    } else u === "customProperty" ? t.setCustomProperty(d, c) : u === "customSlotProperty" || (u === "adaptSlotElementProperty" || u === "adaptSlotCustomProperty" ? t.setAdaptSlotProperty(d, c) : console.assert(!1));
   }).consume((e) => n.setProp(n.global, "__setPropertyV1__", e)), n.newFunction("__callMethodV1__", (e, o, s) => {
-    const r = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, methodKey: f } = Zo(r);
-    let d;
+    const r = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, methodKey: d } = Zo(r);
+    let p;
     if (u === "elementMethod")
-      d = t.callElementMethod(r, c);
+      p = t.callElementMethod(r, c);
     else if (u === "refMethod") {
-      const p = t.children[m];
-      p && (d = p.callCustomMethod(f, c));
+      const f = t.children[m];
+      f && (p = f.callCustomMethod(d, c));
     } else if (u === "multipleRefMethod") {
-      const p = t.children[m + "/" + l];
-      p && (d = p.callCustomMethod(f, c));
+      const f = t.children[m + "/" + l];
+      f && (p = f.callCustomMethod(d, c));
     } else u === "customMethod" || u === "customSlotMethod" || u === "adaptSlotElementMethod" || u === "adaptSlotCustomMethod" || console.assert(!1);
-    return d;
+    return p;
   }).consume((e) => n.setProp(n.global, "__callMethodV1__", e)), n.newFunction("__getStateV1__", (e) => {
     const o = n.getString(e), s = t.getState(o);
     return Ge(n, s);
@@ -9366,8 +9374,8 @@ function qc(t) {
     }), c.settled.then(n.runtime.executePendingJobs), c.handle;
   }).consume((e) => n.setProp(n.global, "__openConfirmDlgV1__", e)), n.newFunction("__openPromptDlgV1__", (e, o, s) => {
     const r = n.getString(e), l = n.getString(o), c = n.dump(s), { id: u, promise: m } = t.promiseManager.acquire();
-    return ui({ title: r, label: l, value: c }).then((f) => {
-      Ae(t) && (f === void 0 ? m.resolve(n.undefined) : m.resolve(n.newString(f)), t.promiseManager.release(u));
+    return ui({ title: r, label: l, value: c }).then((d) => {
+      Ae(t) && (d === void 0 ? m.resolve(n.undefined) : m.resolve(n.newString(d)), t.promiseManager.release(u));
     }), m.settled.then(n.runtime.executePendingJobs), m.handle;
   }).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
 }
@@ -9646,27 +9654,27 @@ class Qc {
   }
 }
 function qe(t, n, e, o, s) {
-  const r = Rc(), l = Kc(), c = J(), u = xe(), m = We(), f = Je(), d = Oc(), p = (I, V, z, R) => {
+  const r = Rc(), l = Kc(), c = q(), u = xe(), m = We(), d = Je(), p = Oc(), f = (S, V, z, R) => {
     if (ne(c)) {
       if (le(V, ["settings", "comp"])) {
         const F = t.value?.view.nodeLites.find(
-          (j) => j.id === I
+          (j) => j.id === S
         );
         F ? F.refId = z : console.assert(!1);
       }
-      if (x.callFunction(
+      if (k.callFunction(
         "__triggerEventV1__",
-        re("elementPropertyChangeEvent", I, V.join(".")),
+        re("elementPropertyChangeEvent", S, V.join(".")),
         z,
         R ?? z
       ), t.value?.code.reactivity) {
         let F = "";
         V instanceof Array ? F = V.join(".") : F = V, Ye(
-          x,
+          k,
           t.value.code.reactivity,
           De({
             type: "elementProperty",
-            nodeId: I,
+            nodeId: S,
             propertyKeys: F
           }),
           z,
@@ -9674,74 +9682,74 @@ function qe(t, n, e, o, s) {
         );
       }
     }
-  }, b = (I, V, z) => {
-    ne(c) && (x.callFunction(
+  }, g = (S, V, z) => {
+    ne(c) && (k.callFunction(
       "__triggerEventV1__",
-      re("customPropertyChangeEvent", "globality", I),
+      re("customPropertyChangeEvent", "globality", S),
       V,
       z ?? V
-    ), x.parent?.callFunction(
+    ), k.parent?.callFunction(
       "__triggerEventV1__",
-      re("refPropertyChangeEvent", x.id, I),
+      re("refPropertyChangeEvent", k.id, S),
       V,
       z ?? V
-    ), x.parent?.callFunction(
+    ), k.parent?.callFunction(
       "__triggerEventV1__",
-      re("multipleRefPropertyChangeEvent", x.id, I),
+      re("multipleRefPropertyChangeEvent", k.id, S),
       V,
       z ?? V
     ), t.value?.code.reactivity && Ye(
-      x,
+      k,
       t.value.code.reactivity,
-      De({ type: "customProperty", propertyId: I }),
+      De({ type: "customProperty", propertyId: S }),
       V,
       z
     ));
-  }, g = (I, V, z) => {
-    ne(c) && console.log("onSlotPropetyChange", I, V, z);
-  }, _ = (I, V, z) => {
+  }, b = (S, V, z) => {
+    ne(c) && console.log("onSlotPropetyChange", S, V, z);
+  }, h = (S, V, z) => {
     ne(c) && t.value?.code.reactivity && Ye(
-      x,
+      k,
       t.value.code.reactivity,
-      De({ type: "adaptSlotProperty", propertyId: I }),
+      De({ type: "adaptSlotProperty", propertyId: S }),
       V,
       z
     );
-  }, $ = (I, V, z) => {
-    ne(c) && (x.callFunction(
+  }, v = (S, V, z) => {
+    ne(c) && (k.callFunction(
       "__triggerEventV1__",
-      re("stateChangeEvent", "globality", I),
+      re("stateChangeEvent", "globality", S),
       V,
       z ?? V
     ), t.value?.code.reactivity && Ye(
-      x,
+      k,
       t.value.code.reactivity,
-      De({ type: "state", stateId: I }),
+      De({ type: "state", stateId: S }),
       V,
       z
     ));
-  }, x = new Qc(n, e, o, s, r, l, c, u, {
-    onElementPropertyChange: p,
-    onCustomPropertyChange: b,
-    onSlotPropetyChange: g,
-    onAdaptSlotPropertyChange: _,
-    onStateChange: $
+  }, k = new Qc(n, e, o, s, r, l, c, u, {
+    onElementPropertyChange: f,
+    onCustomPropertyChange: g,
+    onSlotPropetyChange: b,
+    onAdaptSlotPropertyChange: h,
+    onStateChange: v
   });
-  if (Fc(x), He(() => {
-    x.dispose();
+  if (Fc(k), He(() => {
+    k.dispose();
   }), ne(c)) {
-    const I = async () => {
-      x.destroyVm(), x.associateData(t), x.resetCustomProperties(), x.resetAdaptSlotProperties(), x.resetStates(), !(!t.value || !t.value.code.script) && x.createVm(d, t.value.code.script);
+    const S = async () => {
+      k.destroyVm(), k.associateData(t), k.resetCustomProperties(), k.resetAdaptSlotProperties(), k.resetStates(), !(!t.value || !t.value.code.script) && k.createVm(p, t.value.code.script);
     };
-    I(), ae(t, () => {
-      I();
+    S(), ae(t, () => {
+      S();
     });
   }
   ne(c) && ae(
     m,
-    (I, V) => {
-      const z = Ze(I.width), R = Ze(V?.width ?? I.width);
-      x.callFunction(
+    (S, V) => {
+      const z = Ze(S.width), R = Ze(V?.width ?? S.width);
+      k.callFunction(
         "__triggerEventV1__",
         re("elementEvent", "globality", "screenSizeChange"),
         z,
@@ -9750,12 +9758,12 @@ function qe(t, n, e, o, s) {
     },
     { immediate: !0 }
   ), ne(c) && ae(
-    f,
-    (I) => {
-      x.callFunction(
+    d,
+    (S) => {
+      k.callFunction(
         "__triggerEventV1__",
         re("elementEvent", "globality", "darkModeChange"),
-        I
+        S
       );
     },
     { immediate: !0 }
@@ -9797,7 +9805,7 @@ export {
   Fl as directionalLightV1,
   Wc as duplicateNodePair,
   Su as duplicateNodePairs,
-  pu as elementKeys,
+  du as elementKeys,
   Ie as elements,
   ku as fileInputV1,
   zt as flexLayoutEntryV1,
@@ -9812,19 +9820,19 @@ export {
   W as getPropertyTag,
   Xa as globalityV1,
   Gl as groupV1,
-  pa as iconV1,
+  da as iconV1,
   E as initNode,
   M as initProperties,
   Je as injectDark,
-  fe as injectData,
+  ye as injectData,
   Dc as injectDepends,
   We as injectDevice,
   Kc as injectEnv,
-  pt as injectId,
-  J as injectMode,
+  dt as injectId,
+  q as injectMode,
   Rc as injectOrg,
   Oc as injectRuntime,
-  ye as injectSandbox,
+  be as injectSandbox,
   xe as injectType,
   at as isCircularReference,
   ne as isExecutableMode,
@@ -9862,7 +9870,7 @@ export {
   Ei as pageTypes,
   ba as paginationV1,
   hu as parseCompMeta,
-  du as parseData,
+  pu as parseData,
   bu as parsePageMeta,
   bt as parsePercentStr,
   cu as parsePixelStr,
@@ -9885,7 +9893,7 @@ export {
   _a as rangeSliderV1,
   va as ratingV1,
   Da as referenceV1,
-  w as regElement,
+  I as regElement,
   Oa as renderSwitchV1,
   Ti as reverseBreakpoints,
   xa as selectV1,