x-runtime-lib 0.8.46 → 0.8.48

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, createElementBlock as J, renderSlot as L, unref as n, openBlock as v, createElementVNode as ne, computed as k, normalizeStyle as Q, ref as se, watchEffect as pe, watch as te, onBeforeMount as Ho, onUnmounted as Ke, createBlock as $, withCtx as I, createCommentVNode as ee, useTemplateRef as qi, onMounted as Qi, nextTick as eo, useAttrs as Oo, h as oe, resolveComponent as z, createVNode as D, isRef as U, createSlots as Ln, renderList as Ko, useId as to, withModifiers as Uo, normalizeClass as Xo, toDisplayString as Yo, inject as le, provide as ae, readonly as Bn } from "vue";
+import { defineComponent as I, createElementBlock as ee, renderSlot as L, unref as n, openBlock as v, createElementVNode as J, computed as k, normalizeStyle as Q, ref as se, watchEffect as pe, watch as ne, onBeforeMount as Ho, onUnmounted as Ke, createBlock as w, withCtx as _, createCommentVNode as te, useTemplateRef as qi, onMounted as Qi, nextTick as eo, useAttrs as Oo, h as oe, resolveComponent as z, createVNode as E, isRef as X, createSlots as Ln, renderList as Ko, useId as to, withModifiers as Uo, normalizeClass as Xo, toDisplayString as Yo, inject as le, provide as ae, readonly as Bn } from "vue";
 import { globalObjects as he, waitUtil as no, useViewStack as io, eventBus as oo, messageInfo as Jo, messageSuccess as Zo, messageWarning as ro, messageError as so, createAxios as qo, openConfirmDlg as Qo, openPromptDlg as er } from "x-essential-lib";
 import { CameraHelper as lo, DirectionalLightHelper as tr, PointLightHelper as nr, SpotLightHelper as ir } from "three";
 import { c as B, i as re, q as Ne, u as or, r as ao, e as uo, a as rr, b as sr, d as lr, f as ar, g as ur, h as cr, j as pr, k as mr, l as co, X as dr, Y as yr, K as fr, m as br, n as hr, o as gr, I as xr } from "./vendor.dd29fg1n.js";
@@ -20,7 +20,7 @@ function Ue(t) {
   const e = t.substring(0, t.length - 2), i = parseFloat(e);
   return !(isNaN(i) || i % 1 !== 0);
 }
-function En(t) {
+function Wn(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return !1;
   const e = t.substring(0, t.length - 1), i = parseFloat(e);
@@ -145,7 +145,7 @@ function Sr(t) {
 function Cr(t) {
   return t === "elementEvent" || t === "elementPropertyChangeEvent";
 }
-function Wn(t, e, i) {
+function En(t, e, i) {
   const { i18n: o } = he;
   let s = "";
   return t && (s += t + " / "), e.forEach((r, a) => {
@@ -155,21 +155,21 @@ function Wn(t, e, i) {
 function Kc(t, e) {
   const { i18n: i } = he;
   let o = "";
-  return t === "elementProperty" || (t === "referenceProperty" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefProperty" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customProperty" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotProperty" || t === "customSlotProperty" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Wn(o, e, Ir(t));
+  return t === "elementProperty" || (t === "referenceProperty" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefProperty" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customProperty" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotProperty" || t === "customSlotProperty" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), En(o, e, Ir(t));
 }
 function Uc(t, e) {
   const { i18n: i } = he;
   let o = "";
-  return t === "elementMethod" || (t === "referenceMethod" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customMethod" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Wn(o, e, Sr(t));
+  return t === "elementMethod" || (t === "referenceMethod" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customMethod" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), En(o, e, Sr(t));
 }
 function Xc(t, e) {
   const { i18n: i } = he;
   let o = "";
-  return t === "elementEvent" || (t === "referenceEvent" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customEvent" ? o = i.global.t("x-runtime-lib.custom") : t === "elementPropertyChangeEvent" || t === "customPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.propertyChange") : t === "stateChangeEvent" ? o = i.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Wn(o, e, Cr(t));
+  return t === "elementEvent" || (t === "referenceEvent" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customEvent" ? o = i.global.t("x-runtime-lib.custom") : t === "elementPropertyChangeEvent" || t === "customPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.propertyChange") : t === "stateChangeEvent" ? o = i.global.t("x-runtime-lib.stateChange") : console.assert(!1)), En(o, e, Cr(t));
 }
-const ze = {}, w = (t) => {
+const ze = {}, V = (t) => {
   ze[t.key] = t;
-}, Tr = ["position", "rotation", "scale"], xe = /* @__PURE__ */ V({
+}, Tr = ["position", "rotation", "scale"], xe = /* @__PURE__ */ I({
   __name: "index",
   props: {
     position: {},
@@ -177,44 +177,45 @@ const ze = {}, w = (t) => {
     scale: {}
   },
   setup(t) {
-    const e = G();
-    return (i, o) => n(e) === "editor" ? (v(), J("TresMesh", {
+    const e = H();
+    return (i, o) => n(e) === "editor" ? (v(), ee("TresMesh", {
       key: 0,
       position: t.position,
       rotation: t.rotation,
       scale: t.scale,
       visible: !1
     }, [
-      o[0] || (o[0] = ne("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)),
-      o[1] || (o[1] = ne("TresMeshBasicMaterial", null, null, -1)),
+      o[0] || (o[0] = J("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)),
+      o[1] || (o[1] = J("TresMeshBasicMaterial", null, null, -1)),
       L(i.$slots, "default")
     ], 8, Tr)) : L(i.$slots, "default", { key: 1 });
   }
-}), X = /* @__PURE__ */ V({
+}), M = /* @__PURE__ */ I({
   __name: "index",
   props: {
-    fitContent: { type: Boolean, default: !1 }
+    block: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = G(), i = k(() => {
+    const e = H(), i = k(() => {
       const s = {
         position: "relative"
       };
-      return t.fitContent && (s.width = "fit-content", s.height = "fit-content"), s;
+      return t.block ? s.display = "block" : s.display = "inline-block", s;
     }), o = k(() => ({
       position: "absolute",
       top: 0,
       left: 0,
       right: 0,
       bottom: 0,
-      pointerEvents: "auto"
+      pointerEvents: "auto",
+      userSelect: "none"
     }));
-    return (s, r) => n(e) === "editor" ? (v(), J("div", {
+    return (s, r) => n(e) === "editor" ? (v(), ee("div", {
       key: 0,
       style: Q(i.value)
     }, [
       L(s.$slots, "default"),
-      ne("div", {
+      J("div", {
         style: Q(o.value)
       }, null, 4)
     ], 4)) : L(s.$slots, "default", { key: 1 });
@@ -233,11 +234,11 @@ const ze = {}, w = (t) => {
   s ? typeof o == "object" ? r = JSON.stringify(o, null, 2) : (console.assert(!1), r = "{}") : r = o, t.setElementPropertyInner(e, i, r);
 };
 function l(t, e, i) {
-  const o = G(), s = _e(), r = se();
+  const o = H(), s = _e(), r = se();
   return pe(() => {
     let a = Pr(s, t.node, e, i);
     o === "editor" && e[e.length - 1] === "readonly" && (a = !0), r.value = a;
-  }), te(r, (a, p) => {
+  }), ne(r, (a, p) => {
     re(a, p) || zr(s, t.node, e, r.value, i);
   }), { property: r };
 }
@@ -270,28 +271,28 @@ function de(t) {
     "transform",
     "scale",
     "x"
-  ]), { property: m } = l(t, [
+  ]), { property: y } = l(t, [
     "transform",
     "scale",
     "y"
-  ]), { property: d } = l(t, [
+  ]), { property: f } = l(t, [
     "transform",
     "scale",
     "z"
-  ]), u = se([0, 0, 0]), c = se([0, 0, 0]), y = se([1, 1, 1]);
+  ]), c = se([0, 0, 0]), u = se([0, 0, 0]), m = se([1, 1, 1]);
   return pe(() => {
-    u.value = [e.value, i.value, o.value];
+    c.value = [e.value, i.value, o.value];
   }), pe(() => {
-    e.value = u.value[0], i.value = u.value[1], o.value = u.value[2];
+    e.value = c.value[0], i.value = c.value[1], o.value = c.value[2];
   }), pe(() => {
-    c.value = [s.value, r.value, a.value];
+    u.value = [s.value, r.value, a.value];
   }), pe(() => {
-    s.value = c.value[0], r.value = c.value[1], a.value = c.value[2];
+    s.value = u.value[0], r.value = u.value[1], a.value = u.value[2];
   }), pe(() => {
-    y.value = [p.value, m.value, d.value];
+    m.value = [p.value, y.value, f.value];
   }), pe(() => {
-    p.value = y.value[0], m.value = y.value[1], d.value = y.value[2];
-  }), { position: u, rotation: c, scale: y };
+    p.value = m.value[0], y.value = m.value[1], f.value = m.value[2];
+  }), { position: c, rotation: u, scale: m };
 }
 function bo(t) {
   const e = k(() => t.node.legend?.show), i = k(() => t.node.legend?.data);
@@ -345,25 +346,25 @@ function vo(t) {
   }
   return { show: e, position: i, type: o, data: s, applyYAxis: r };
 }
-function H(t) {
+function O(t) {
   const { computedThemes: e } = vr(), i = Re(), o = k(() => t.value?.mode), s = k(() => {
-    const d = t.value?.theme;
-    return d ? d === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : d === "background1" ? i.value ? "#272727" : "#eeeeee" : d === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[d] : void 0;
+    const f = t.value?.theme;
+    return f ? f === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : f === "background1" ? i.value ? "#272727" : "#eeeeee" : f === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[f] : void 0;
   }), r = k(() => i.value ? t.value.custom?.dark : t.value.custom?.light), a = k(() => o.value === "theme" ? s.value ?? "" : o.value === "custom" ? r.value ?? "" : ""), p = k(() => {
-    const d = a.value;
-    return !d.startsWith("#") || d.length < 7 ? "" : d.substring(0, 7);
-  }), m = k(() => {
-    const d = a.value;
-    return d.startsWith("#") ? d.length < 9 ? 1 : parseInt(d.substring(7, 9)) / 255 : 0;
+    const f = a.value;
+    return !f.startsWith("#") || f.length < 7 ? "" : f.substring(0, 7);
+  }), y = k(() => {
+    const f = a.value;
+    return f.startsWith("#") ? f.length < 9 ? 1 : parseInt(f.substring(7, 9)) / 255 : 0;
   });
-  return { color: a, rgb: p, alpha: m };
+  return { color: a, rgb: p, alpha: y };
 }
 function Nn(t) {
-  const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), o = k(() => t.node.border?.color), { color: s } = H(o), r = k(() => t.node.border?.roundRadius?.tl), a = k(() => t.node.border?.roundRadius?.tr), p = k(() => t.node.border?.roundRadius?.bl), m = k(() => t.node.border?.roundRadius?.br);
-  function d(u) {
-    e.value && (u.borderStyle = e.value), i.value && (u.borderWidth = i.value), s.value && (u.borderColor = s.value), r.value && (u.borderTopLeftRadius = r.value), a.value && (u.borderTopRightRadius = a.value), p.value && (u.borderBottomLeftRadius = p.value), m.value && (u.borderBottomRightRadius = m.value);
+  const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), o = k(() => t.node.border?.color), { color: s } = O(o), r = k(() => t.node.border?.roundRadius?.tl), a = k(() => t.node.border?.roundRadius?.tr), p = k(() => t.node.border?.roundRadius?.bl), y = k(() => t.node.border?.roundRadius?.br);
+  function f(c) {
+    e.value && (c.borderStyle = e.value), i.value && (c.borderWidth = i.value), s.value && (c.borderColor = s.value), r.value && (c.borderTopLeftRadius = r.value), a.value && (c.borderTopRightRadius = a.value), p.value && (c.borderBottomLeftRadius = p.value), y.value && (c.borderBottomRightRadius = y.value);
   }
-  return { borderStyle: e, borderWidth: i, borderColor: s, applyBorder: d };
+  return { borderStyle: e, borderWidth: i, borderColor: s, applyBorder: f };
 }
 function Rn(t) {
   const e = k(() => t.node.margin?.top), i = k(() => t.node.margin?.left), o = k(() => t.node.margin?.bottom), s = k(() => t.node.margin?.right);
@@ -380,32 +381,32 @@ function Mn(t) {
   return { paddingTop: e, paddingLeft: i, paddingBottom: o, paddingRight: s, applyPadding: r };
 }
 function ye(t) {
-  const e = G(), i = Ce(), o = k(() => t.node.size?.width), s = k(() => t.node.size?.minWidth), r = k(() => t.node.size?.maxWidth), a = k(() => {
+  const e = H(), i = Ce(), o = k(() => t.node.size?.width), s = k(() => t.node.size?.minWidth), r = k(() => t.node.size?.maxWidth), a = k(() => {
     if (t.outer && e === "editor") {
-      const u = Zt(t.node.size?.height);
-      if (u)
-        return u / 100 * i.value.height + "px";
+      const c = Zt(t.node.size?.height);
+      if (c)
+        return c / 100 * i.value.height + "px";
     }
     return t.node.size?.height;
   }), p = k(() => {
     if (t.outer && e === "editor") {
-      const u = Zt(t.node.size?.minHeight);
-      if (u)
-        return u / 100 * i.value.height + "px";
+      const c = Zt(t.node.size?.minHeight);
+      if (c)
+        return c / 100 * i.value.height + "px";
     }
     return t.node.size?.minHeight;
-  }), m = k(() => {
+  }), y = k(() => {
     if (t.outer && e === "editor") {
-      const u = Zt(t.node.size?.maxHeight);
-      if (u)
-        return u / 100 * i.value.height + "px";
+      const c = Zt(t.node.size?.maxHeight);
+      if (c)
+        return c / 100 * i.value.height + "px";
     }
     return t.node.size?.maxHeight;
   });
-  function d(u) {
-    o.value && (u.width = o.value), s.value && (u.minWidth = s.value), r.value && (u.maxWidth = r.value), a.value && (u.height = a.value), p.value && (u.minHeight = p.value), m.value && (u.maxHeight = m.value);
+  function f(c) {
+    o.value && (c.width = o.value), s.value && (c.minWidth = s.value), r.value && (c.maxWidth = r.value), a.value && (c.height = a.value), p.value && (c.minHeight = p.value), y.value && (c.maxHeight = y.value);
   }
-  return { width: o, minWidth: s, maxWidth: r, height: a, minHeight: p, maxHeight: m, applySize: d };
+  return { width: o, minWidth: s, maxWidth: r, height: a, minHeight: p, maxHeight: y, applySize: f };
 }
 function ko(t, e, i) {
   const o = k(() => e.node.basic.id), s = k(() => `callMethod@${o.value}`);
@@ -415,79 +416,79 @@ function ko(t, e, i) {
     t.eventBus?.off(s.value, i);
   });
 }
-function R() {
+function D() {
   const t = Re();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
-const Ar = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Lr = /* @__PURE__ */ V({
+const Ar = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Lr = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "bottom"]), { property: p } = l(e, ["settings", "far"]), { property: m } = l(e, ["settings", "left"]), { property: d } = l(e, ["settings", "near"]), { property: u } = l(e, ["settings", "right"]), { property: c } = l(e, ["settings", "top"]);
-    return (y, f) => (v(), $(n(xe), {
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "bottom"]), { property: p } = l(e, ["settings", "far"]), { property: y } = l(e, ["settings", "left"]), { property: f } = l(e, ["settings", "near"]), { property: c } = l(e, ["settings", "right"]), { property: u } = l(e, ["settings", "top"]);
+    return (m, d) => (v(), w(n(xe), {
       position: n(o),
       rotation: n(s),
       scale: n(r)
     }, {
-      default: I(() => [
-        ne("TresOrthographicCamera", {
+      default: _(() => [
+        J("TresOrthographicCamera", {
           bottom: n(a),
           far: n(p),
-          left: n(m),
-          near: n(d),
+          left: n(y),
+          near: n(f),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
-          right: n(u),
+          right: n(c),
           rotation: n(i) !== "editor" ? n(s) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(r) : [1, 1, 1],
-          top: n(c)
+          top: n(u)
         }, [
-          n(i) === "editor" ? (v(), $(n(Ne), {
+          n(i) === "editor" ? (v(), w(n(Ne), {
             key: 0,
             type: n(lo)
-          }, null, 8, ["type"])) : ee("", !0),
-          L(y.$slots, "default")
+          }, null, 8, ["type"])) : te("", !0),
+          L(m.$slots, "default")
         ], 8, Ar)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Br = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Er = /* @__PURE__ */ V({
+}), Br = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Wr = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "aspect"]), { property: p } = l(e, ["settings", "far"]), { property: m } = l(e, ["settings", "fov"]), { property: d } = l(e, ["settings", "near"]);
-    return (u, c) => (v(), $(n(xe), {
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "aspect"]), { property: p } = l(e, ["settings", "far"]), { property: y } = l(e, ["settings", "fov"]), { property: f } = l(e, ["settings", "near"]);
+    return (c, u) => (v(), w(n(xe), {
       position: n(o),
       rotation: n(s),
       scale: n(r)
     }, {
-      default: I(() => [
-        ne("TresPerspectiveCamera", {
+      default: _(() => [
+        J("TresPerspectiveCamera", {
           aspect: n(a),
           far: n(p),
-          fov: n(m),
-          near: n(d),
+          fov: n(y),
+          near: n(f),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(s) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(r) : [1, 1, 1]
         }, [
-          n(i) === "editor" ? (v(), $(n(Ne), {
+          n(i) === "editor" ? (v(), w(n(Ne), {
             key: 0,
             type: n(lo)
-          }, null, 8, ["type"])) : ee("", !0),
-          L(u.$slots, "default")
+          }, null, 8, ["type"])) : te("", !0),
+          L(c.$slots, "default")
         ], 8, Br)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Wr = ["args"], Nr = /* @__PURE__ */ V({
+}), Er = ["args"], Nr = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -504,7 +505,7 @@ const Ar = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (m, d) => (v(), J("TresBoxGeometry", {
+    return (y, f) => (v(), ee("TresBoxGeometry", {
       args: [
         n(a),
         n(s),
@@ -513,14 +514,14 @@ const Ar = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         n(r),
         n(o)
       ]
-    }, null, 8, Wr));
+    }, null, 8, Er));
   }
 }), ve = (t, e) => {
   const i = t.__vccOpts || t;
   for (const [o, s] of e)
     i[o] = s;
   return i;
-}, Rr = ["args"], Mr = /* @__PURE__ */ V({
+}, Rr = ["args"], Mr = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -542,14 +543,14 @@ const Ar = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { property: p } = l(e, [
       "settings",
       "thetaStart"
-    ]), { property: m } = l(e, [
+    ]), { property: y } = l(e, [
       "settings",
       "widthSegments"
     ]);
-    return (d, u) => (v(), J("TresSphereGeometry", {
+    return (f, c) => (v(), ee("TresSphereGeometry", {
       args: [
         n(r),
-        n(m),
+        n(y),
         n(i),
         n(s),
         n(o),
@@ -558,148 +559,148 @@ const Ar = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       ]
     }, null, 8, Rr));
   }
-}), Dr = ["color", "intensity", "position", "rotation", "scale"], Fr = /* @__PURE__ */ V({
+}), Dr = ["color", "intensity", "position", "rotation", "scale"], Fr = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: p } = H(a), { property: m } = l(e, [
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: p } = O(a), { property: y } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (d, u) => (v(), $(n(xe), {
+    return (f, c) => (v(), w(n(xe), {
       position: n(o),
       rotation: n(s),
       scale: n(r)
     }, {
-      default: I(() => [
-        ne("TresAmbientLight", {
+      default: _(() => [
+        J("TresAmbientLight", {
           color: n(p),
-          intensity: n(m),
+          intensity: n(y),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(s) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(r) : [1, 1, 1]
         }, [
-          L(d.$slots, "default")
+          L(f.$slots, "default")
         ], 8, Dr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), jr = ["color", "intensity", "position", "rotation", "scale"], Gr = /* @__PURE__ */ V({
+}), jr = ["color", "intensity", "position", "rotation", "scale"], Gr = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: p } = H(a), { property: m } = l(e, [
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: p } = O(a), { property: y } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (d, u) => (v(), $(n(xe), {
+    return (f, c) => (v(), w(n(xe), {
       position: n(o),
       rotation: n(s),
       scale: n(r)
     }, {
-      default: I(() => [
-        ne("TresDirectionalLight", {
+      default: _(() => [
+        J("TresDirectionalLight", {
           color: n(p),
-          intensity: n(m),
+          intensity: n(y),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(s) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(r) : [1, 1, 1]
         }, [
-          n(i) === "editor" ? (v(), $(n(Ne), {
+          n(i) === "editor" ? (v(), w(n(Ne), {
             key: 0,
             type: n(tr)
-          }, null, 8, ["type"])) : ee("", !0),
-          L(d.$slots, "default")
+          }, null, 8, ["type"])) : te("", !0),
+          L(f.$slots, "default")
         ], 8, jr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Hr = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Or = /* @__PURE__ */ V({
+}), Hr = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], Or = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: p } = H(a), { property: m } = l(e, ["settings", "decay"]), { property: d } = l(e, [
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "color"]), { color: p } = O(a), { property: y } = l(e, ["settings", "decay"]), { property: f } = l(e, [
       "settings",
       "distance"
-    ]), { property: u } = l(e, [
+    ]), { property: c } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (c, y) => (v(), $(n(xe), {
+    return (u, m) => (v(), w(n(xe), {
       position: n(o),
       rotation: n(s),
       scale: n(r)
     }, {
-      default: I(() => [
-        ne("TresPointLight", {
+      default: _(() => [
+        J("TresPointLight", {
           color: n(p),
-          decay: n(m),
-          distance: n(d),
-          intensity: n(u),
+          decay: n(y),
+          distance: n(f),
+          intensity: n(c),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(s) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(r) : [1, 1, 1]
         }, [
-          n(i) === "editor" ? (v(), $(n(Ne), {
+          n(i) === "editor" ? (v(), w(n(Ne), {
             key: 0,
             type: n(nr)
-          }, null, 8, ["type"])) : ee("", !0),
-          L(c.$slots, "default")
+          }, null, 8, ["type"])) : te("", !0),
+          L(u.$slots, "default")
         ], 8, Hr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Kr = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Ur = /* @__PURE__ */ V({
+}), Kr = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Ur = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "angle"]), { property: p } = l(e, ["settings", "color"]), { color: m } = H(p), { property: d } = l(e, ["settings", "decay"]), { property: u } = l(e, [
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e), { property: a } = l(e, ["settings", "angle"]), { property: p } = l(e, ["settings", "color"]), { color: y } = O(p), { property: f } = l(e, ["settings", "decay"]), { property: c } = l(e, [
       "settings",
       "distance"
-    ]), { property: c } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "intensity"
-    ]), { property: y } = l(e, [
+    ]), { property: m } = l(e, [
       "settings",
       "penumbra"
     ]);
-    return (f, h) => (v(), $(n(xe), {
+    return (d, h) => (v(), w(n(xe), {
       position: n(o),
       rotation: n(s),
       scale: n(r)
     }, {
-      default: I(() => [
-        ne("TresSpotLight", {
+      default: _(() => [
+        J("TresSpotLight", {
           angle: n(a),
-          color: n(m),
-          decay: n(d),
-          distance: n(u),
-          intensity: n(c),
-          penumbra: n(y),
+          color: n(y),
+          decay: n(f),
+          distance: n(c),
+          intensity: n(u),
+          penumbra: n(m),
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(s) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(r) : [1, 1, 1]
         }, [
-          n(i) === "editor" ? (v(), $(n(Ne), {
+          n(i) === "editor" ? (v(), w(n(Ne), {
             key: 0,
             type: n(ir)
-          }, null, 8, ["type"])) : ee("", !0),
-          L(f.$slots, "default")
+          }, null, 8, ["type"])) : te("", !0),
+          L(d.$slots, "default")
         ], 8, Kr)
       ]),
       _: 3
@@ -707,23 +708,23 @@ const Ar = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
   }
 }), Xr = {};
 function Yr(t, e) {
-  return v(), J("TresMeshBasicMaterial");
+  return v(), ee("TresMeshBasicMaterial");
 }
-const Jr = /* @__PURE__ */ ve(Xr, [["render", Yr]]), Zr = ["position", "rotation", "scale"], qr = /* @__PURE__ */ V({
+const Jr = /* @__PURE__ */ ve(Xr, [["render", Yr]]), Zr = ["position", "rotation", "scale"], qr = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: s, scale: r } = de(e);
-    return (a, p) => (v(), $(n(xe), {
+    const e = t, i = H(), { position: o, rotation: s, scale: r } = de(e);
+    return (a, p) => (v(), w(n(xe), {
       position: n(o),
       rotation: n(s),
       scale: n(r)
     }, {
-      default: I(() => [
-        ne("TresGroup", {
+      default: _(() => [
+        J("TresGroup", {
           position: n(i) !== "editor" ? n(o) : [0, 0, 0],
           rotation: n(i) !== "editor" ? n(s) : [0, 0, 0],
           scale: n(i) !== "editor" ? n(r) : [1, 1, 1]
@@ -734,7 +735,7 @@ const Jr = /* @__PURE__ */ ve(Xr, [["render", Yr]]), Zr = ["position", "rotation
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Qr = ["position", "rotation", "scale"], es = /* @__PURE__ */ V({
+}), Qr = ["position", "rotation", "scale"], es = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -742,7 +743,7 @@ const Jr = /* @__PURE__ */ ve(Xr, [["render", Yr]]), Zr = ["position", "rotation
   },
   setup(t) {
     const e = t, { position: i, rotation: o, scale: s } = de(e);
-    return (r, a) => (v(), J("TresMesh", {
+    return (r, a) => (v(), ee("TresMesh", {
       position: n(i),
       rotation: n(o),
       scale: n(s)
@@ -780,13 +781,13 @@ const Jr = /* @__PURE__ */ ve(Xr, [["render", Yr]]), Zr = ["position", "rotation
   visualMap: Ss,
   dataZoom: Cs,
   markPoint: Ts
-}, zs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], As = "#f5f5f5", Ls = {}, Bs = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Es = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ws = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ns = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Rs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ms = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Os = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Ks = { 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" } }, Us = { 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)" } } }, Xs = { 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)" } } }, Ys = { 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"] } } }, Js = { 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"] } } }, Zs = { 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"] } } }, qs = { 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"] } } }, Qs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, el = { textStyle: { color: "#333333" } }, tl = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, nl = { 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" } } }, il = { color: ["#bf444c", "#d88273", "#f6efa6"] }, ol = { 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" } }, rl = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, sl = {
+}, zs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], As = "#f5f5f5", Ls = {}, Bs = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Ws = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Es = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ns = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Rs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ms = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Os = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Ks = { 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" } }, Us = { 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)" } } }, Xs = { 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)" } } }, Ys = { 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"] } } }, Js = { 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"] } } }, Zs = { 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"] } } }, qs = { 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"] } } }, Qs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, el = { textStyle: { color: "#333333" } }, tl = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, nl = { 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" } } }, il = { color: ["#bf444c", "#d88273", "#f6efa6"] }, ol = { 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" } }, rl = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, sl = {
   color: zs,
   backgroundColor: As,
   textStyle: Ls,
   title: Bs,
-  line: Es,
-  radar: Ws,
+  line: Ws,
+  radar: Es,
   bar: Ns,
   pie: Rs,
   scatter: Ms,
@@ -823,117 +824,127 @@ or([
 ]);
 ao("dark", Ps);
 ao("light", sl);
-const ll = /* @__PURE__ */ V({
+const ll = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ce(), o = Re(), s = fe(), r = ke(), { width: a, minWidth: p, maxWidth: m, height: d, minHeight: u, maxHeight: c, applySize: y } = ye(e), { applyTitle: f } = go(e), { applyXAxis: h } = xo(e), { applyYAxis: x } = vo(e), { applyLegend: g } = bo(e), { applySeries: _ } = ho(e), T = k(() => {
+    const e = t, i = Ce(), o = Re(), s = fe(), r = ke(), { width: a, minWidth: p, maxWidth: y, height: f, minHeight: c, maxHeight: u, applySize: m } = ye(e), { applyTitle: d } = go(e), { applyXAxis: h } = xo(e), { applyYAxis: x } = vo(e), { applyLegend: g } = bo(e), { applySeries: $ } = ho(e), T = k(() => {
       const S = {}, F = r.value.type;
-      return s === "page" ? F === "common" ? y(S) : console.assert(!1) : s === "comp" && F === "common" ? y(S) : console.assert(!1), S;
-    }), N = qi("chart");
-    let E;
+      return s === "page" ? F === "common" ? m(S) : console.assert(!1) : s === "comp" && F === "common" ? m(S) : console.assert(!1), S;
+    }), R = qi("chart");
+    let W;
     const j = () => {
-      E?.dispose(), E = uo.init(N.value, o.value ? "dark" : "light");
+      W?.dispose(), W = uo.init(R.value, o.value ? "dark" : "light");
       const S = {};
-      E.setOption(S);
-    }, M = () => {
-      E?.resize();
-    }, W = () => {
+      W.setOption(S);
+    }, G = () => {
+      W?.resize();
+    }, N = () => {
       const S = {};
-      f(S), h(S), x(S), g(S), _(S), E?.setOption(S, !0);
+      d(S), h(S), x(S), g(S), $(S), W?.setOption(S, !0);
     };
     return Qi(async () => {
-      window.addEventListener("resize", M, !1), await no(() => !!N.value), j(), W();
+      window.addEventListener("resize", G, !1), await no(() => !!R.value), j(), N();
     }), Ke(() => {
-      window.removeEventListener("resize", M, !1), E?.dispose();
-    }), te(
+      window.removeEventListener("resize", G, !1), W?.dispose();
+    }), ne(
       [
         () => i.value.width,
         () => i.value.height,
         a,
         p,
-        m,
-        d,
-        u,
-        c
+        y,
+        f,
+        c,
+        u
       ],
       async () => {
-        await eo(), M();
+        await eo(), G();
       }
-    ), te([o], () => {
-      j(), W();
-    }), te(
+    ), ne([o], () => {
+      j(), N();
+    }), ne(
       [e],
       () => {
-        W();
+        N();
       },
       { deep: !0 }
-    ), (S, F) => (v(), J("div", {
-      ref: "chart",
-      style: Q(T.value)
-    }, null, 4));
+    ), (S, F) => (v(), w(n(M), { block: "" }, {
+      default: _(() => [
+        J("div", {
+          ref: "chart",
+          style: Q(T.value)
+        }, null, 4)
+      ]),
+      _: 1
+    }));
   }
-}), al = /* @__PURE__ */ V({
+}), al = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ce(), o = Re(), s = fe(), r = ke(), { width: a, minWidth: p, maxWidth: m, height: d, minHeight: u, maxHeight: c, applySize: y } = ye(e), { applyTitle: f } = go(e), { applyXAxis: h } = xo(e), { applyYAxis: x } = vo(e), { applyLegend: g } = bo(e), { applySeries: _ } = ho(e), T = k(() => {
+    const e = t, i = Ce(), o = Re(), s = fe(), r = ke(), { width: a, minWidth: p, maxWidth: y, height: f, minHeight: c, maxHeight: u, applySize: m } = ye(e), { applyTitle: d } = go(e), { applyXAxis: h } = xo(e), { applyYAxis: x } = vo(e), { applyLegend: g } = bo(e), { applySeries: $ } = ho(e), T = k(() => {
       const S = {}, F = r.value.type;
-      return s === "page" ? F === "common" ? y(S) : console.assert(!1) : s === "comp" && F === "common" ? y(S) : console.assert(!1), S;
-    }), N = qi("chart");
-    let E;
+      return s === "page" ? F === "common" ? m(S) : console.assert(!1) : s === "comp" && F === "common" ? m(S) : console.assert(!1), S;
+    }), R = qi("chart");
+    let W;
     const j = () => {
-      E?.dispose(), E = uo.init(N.value, o.value ? "dark" : "light");
+      W?.dispose(), W = uo.init(R.value, o.value ? "dark" : "light");
       const S = {};
-      E.setOption(S);
-    }, M = () => {
-      E?.resize();
-    }, W = () => {
+      W.setOption(S);
+    }, G = () => {
+      W?.resize();
+    }, N = () => {
       const S = {};
-      f(S), h(S), x(S), g(S), _(S), E?.setOption(S, !0);
+      d(S), h(S), x(S), g(S), $(S), W?.setOption(S, !0);
     };
     return Qi(async () => {
-      window.addEventListener("resize", M, !1), await no(() => !!N.value), j(), W();
+      window.addEventListener("resize", G, !1), await no(() => !!R.value), j(), N();
     }), Ke(() => {
-      window.removeEventListener("resize", M, !1), E?.dispose();
-    }), te(
+      window.removeEventListener("resize", G, !1), W?.dispose();
+    }), ne(
       [
         () => i.value.width,
         () => i.value.height,
         a,
         p,
-        m,
-        d,
-        u,
-        c
+        y,
+        f,
+        c,
+        u
       ],
       async () => {
-        await eo(), M();
+        await eo(), G();
       }
-    ), te([o], () => {
-      j(), W();
-    }), te(
+    ), ne([o], () => {
+      j(), N();
+    }), ne(
       [e],
       () => {
-        W();
+        N();
       },
       { deep: !0 }
-    ), (S, F) => (v(), J("div", {
-      ref: "chart",
-      style: Q(T.value)
-    }, null, 4));
+    ), (S, F) => (v(), w(n(M), { block: "" }, {
+      default: _(() => [
+        J("div", {
+          ref: "chart",
+          style: Q(T.value)
+        }, null, 4)
+      ]),
+      _: 1
+    }));
   }
 }), ul = {};
 function cl(t, e) {
-  return v(), J("div");
+  return v(), ee("div");
 }
-const pl = /* @__PURE__ */ ve(ul, [["render", cl]]), ml = /* @__PURE__ */ V({
+const pl = /* @__PURE__ */ ve(ul, [["render", cl]]), ml = /* @__PURE__ */ I({
   __name: "index",
   props: {
     refContext: {},
@@ -944,41 +955,41 @@ const pl = /* @__PURE__ */ ve(ul, [["render", cl]]), ml = /* @__PURE__ */ V({
     const { t: e } = po(), i = t, o = se(), s = _e();
     jo(o, i.node.basic.id, s), Do(i.refContext.compId, o);
     const r = Oo(), { applySize: a } = ye(i), p = k(() => {
-      const u = {};
-      return o.value?.type === "common" && a(u), u;
+      const c = {};
+      return o.value?.type === "common" && a(c), c;
     });
-    function m(u) {
-      const c = ze[u.basic.key];
-      if (!c)
-        return console.assert(!1, `element not found key=${u.basic.key}`), oe("div", `element not found key=${u.basic.key}`);
-      const y = { node: u };
-      u.reference && u.reference.comp && (y.refContext = {
-        parent: y.refContext,
-        compId: u.reference.comp
+    function y(c) {
+      const u = ze[c.basic.key];
+      if (!u)
+        return console.assert(!1, `element not found key=${c.basic.key}`), oe("div", `element not found key=${c.basic.key}`);
+      const m = { node: c };
+      c.reference && c.reference.comp && (m.refContext = {
+        parent: m.refContext,
+        compId: c.reference.comp
       });
-      const f = [];
-      return c.leaf || u.children?.forEach((h) => {
-        f.push(m(h));
-      }), oe(c.comp, y, { default: () => f });
+      const d = [];
+      return u.leaf || c.children?.forEach((h) => {
+        d.push(y(h));
+      }), oe(u.comp, m, { default: () => d });
     }
-    const d = () => {
+    const f = () => {
       if (fo(i.refContext))
         return oe("div", e("x-runtime-lib.circularRef"));
       if (!o.value)
         return oe("div");
-      const u = [];
-      if (o.value.view.nodes.forEach((y) => {
-        u.push(m(y));
+      const c = [];
+      if (o.value.view.nodes.forEach((m) => {
+        c.push(y(m));
       }), o.value.type === "common")
         return oe(
           "div",
           { id: r.id, style: p.value },
-          { default: () => u }
+          { default: () => c }
         );
     };
-    return (u, c) => (v(), $(d));
+    return (c, u) => (v(), w(f));
   }
-}), dl = /* @__PURE__ */ V({
+}), dl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -986,14 +997,14 @@ const pl = /* @__PURE__ */ ve(ul, [["render", cl]]), ml = /* @__PURE__ */ V({
   },
   setup(t) {
     const e = t, { property: i } = l(e, ["settings", "open"]);
-    return (o, s) => (v(), $(n(X), null, {
-      default: I(() => [
-        n(i) ? L(o.$slots, "default", { key: 0 }) : ee("", !0)
+    return (o, s) => (v(), w(n(M), null, {
+      default: _(() => [
+        n(i) ? L(o.$slots, "default", { key: 0 }) : te("", !0)
       ]),
       _: 3
     }));
   }
-}), be = /* @__PURE__ */ V({
+}), be = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -1004,18 +1015,18 @@ const pl = /* @__PURE__ */ ve(ul, [["render", cl]]), ml = /* @__PURE__ */ V({
     const { t: e } = po(), i = t, o = se(), s = _e();
     jo(o, i.id, s), Do(i.refContext.compId, o);
     function r(p) {
-      const m = ze[p.basic.key];
-      if (!m)
+      const y = ze[p.basic.key];
+      if (!y)
         return console.assert(!1, `element not found key=${p.basic.key}`), oe("div", `element not found key=${p.basic.key}`);
-      const d = { node: p };
-      p.reference && p.reference.comp && (d.refContext = {
-        parent: d.refContext,
+      const f = { node: p };
+      p.reference && p.reference.comp && (f.refContext = {
+        parent: f.refContext,
         compId: p.reference.comp
       });
-      const u = [];
-      return m.leaf || p.children?.forEach((c) => {
-        u.push(r(c));
-      }), oe(m.comp, d, { default: () => u });
+      const c = [];
+      return y.leaf || p.children?.forEach((u) => {
+        c.push(r(u));
+      }), oe(y.comp, f, { default: () => c });
     }
     const a = () => {
       if (fo(i.refContext))
@@ -1023,20 +1034,20 @@ const pl = /* @__PURE__ */ ve(ul, [["render", cl]]), ml = /* @__PURE__ */ V({
       if (!o.value)
         return oe("div");
       const p = [];
-      return o.value.view.nodes.forEach((m) => {
-        p.push(r(m));
+      return o.value.view.nodes.forEach((y) => {
+        p.push(r(y));
       }), p;
     };
-    return (p, m) => (v(), $(a));
+    return (p, y) => (v(), w(a));
   }
-}), yl = /* @__PURE__ */ V({
+}), yl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { property: i } = l(e, ["settings", "content"]), { property: o } = l(e, ["settings", "dot"]), { theme: s } = R(), { property: r } = l(e, [
+    const e = t, { property: i } = l(e, ["settings", "content"]), { property: o } = l(e, ["settings", "dot"]), { theme: s } = D(), { property: r } = l(e, [
       "settings",
       "offset",
       "x"
@@ -1045,91 +1056,96 @@ const pl = /* @__PURE__ */ ve(ul, [["render", cl]]), ml = /* @__PURE__ */ V({
       "offset",
       "y"
     ]);
-    return (p, m) => {
-      const d = z("v-badge");
-      return v(), $(d, {
-        content: n(i),
-        dot: n(o),
-        "offset-x": n(r),
-        "offset-y": n(a),
-        theme: n(s)
-      }, {
-        default: I(() => [
-          L(p.$slots, "default")
+    return (p, y) => {
+      const f = z("v-badge");
+      return v(), w(n(M), null, {
+        default: _(() => [
+          E(f, {
+            content: n(i),
+            dot: n(o),
+            "offset-x": n(r),
+            "offset-y": n(a),
+            theme: n(s)
+          }, {
+            default: _(() => [
+              L(p.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["content", "dot", "offset-x", "offset-y", "theme"])
         ]),
         _: 3
-      }, 8, ["content", "dot", "offset-x", "offset-y", "theme"]);
+      });
     };
   }
-}), fl = /* @__PURE__ */ V({
+}), fl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = _e(), { property: s } = l(e, [
+    const e = t, i = H(), o = _e(), { property: s } = l(e, [
       "settings",
       "addIcon",
       "append"
-    ]), { property: r } = l(e, ["settings", "block"]), { property: a } = l(e, ["settings", "color"]), { color: p } = H(a), { property: m } = l(e, ["settings", "density"]), { property: d } = l(e, [
+    ]), { property: r } = l(e, ["settings", "block"]), { property: a } = l(e, ["settings", "color"]), { color: p } = O(a), { property: y } = l(e, ["settings", "density"]), { property: f } = l(e, [
       "settings",
       "disabled"
-    ]), { property: u } = l(e, ["size", "height"]), { property: c } = l(e, ["settings", "loading"]), { property: y } = l(e, ["size", "maxHeight"]), { property: f } = l(e, ["size", "maxWidth"]), { property: h } = l(e, ["size", "minHeight"]), { property: x } = l(e, ["size", "minWidth"]), { property: g } = l(e, [
+    ]), { property: c } = l(e, ["size", "height"]), { property: u } = l(e, ["settings", "loading"]), { property: m } = l(e, ["size", "maxHeight"]), { property: d } = l(e, ["size", "maxWidth"]), { property: h } = l(e, ["size", "minHeight"]), { property: x } = l(e, ["size", "minWidth"]), { property: g } = l(e, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { property: _ } = l(e, [
+    ]), { property: $ } = l(e, [
       "settings",
       "readonly"
-    ]), { property: T } = l(e, ["settings", "ripple"]), { property: N } = l(e, ["settings", "size"]), { property: E } = l(e, ["settings", "stacked"]), { property: j } = l(e, ["settings", "text"]), { theme: M } = R(), { property: W } = l(e, ["settings", "variant"]), { property: S } = l(e, ["size", "width"]), F = (Z) => {
+    ]), { property: T } = l(e, ["settings", "ripple"]), { property: R } = l(e, ["settings", "size"]), { property: W } = l(e, ["settings", "stacked"]), { property: j } = l(e, ["settings", "text"]), { theme: G } = D(), { property: N } = l(e, ["settings", "variant"]), { property: S } = l(e, ["size", "width"]), F = (Z) => {
       q(i) && (o.setVariable("__pointerPosX__", Z.clientX), o.setVariable("__pointerPosY__", Z.clientY), o.callFunction("__triggerEventV1__", [
         me("elementEvent", e.node.basic.id, "click")
       ]));
     };
     return (Z, ie) => {
       const ue = z("v-btn");
-      return v(), $(n(X), null, {
-        default: I(() => [
-          D(ue, {
+      return v(), w(n(M), { block: n(r) }, {
+        default: _(() => [
+          E(ue, {
             "append-icon": n(s),
             block: n(r),
             color: n(p),
-            density: n(m),
-            disabled: n(d),
-            height: n(u),
-            loading: n(c),
-            "max-height": n(y),
-            "max-width": n(f),
+            density: n(y),
+            disabled: n(f),
+            height: n(c),
+            loading: n(u),
+            "max-height": n(m),
+            "max-width": n(d),
             "min-height": n(h),
             "min-width": n(x),
             "prepend-icon": n(g),
-            readonly: n(_),
+            readonly: n($),
             ripple: n(T),
-            size: n(N),
-            stacked: n(E),
+            size: n(R),
+            stacked: n(W),
             text: n(j),
-            theme: n(M),
-            variant: n(W),
+            theme: n(G),
+            variant: n(N),
             width: n(S),
             onClick: F
           }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"])
         ]),
         _: 1
-      });
+      }, 8, ["block"]);
     };
   }
 }), bl = {};
 function hl(t, e) {
   const i = z("v-btn-group");
-  return v(), $(i, null, {
-    default: I(() => [
+  return v(), w(i, null, {
+    default: _(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
+const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1148,30 +1164,30 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: p } = l(e, [
       "settings",
       "readonly"
-    ]), { property: m } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "stacked"]), { theme: u } = R(), { property: c } = l(e, ["settings", "tile"]), { property: y } = l(e, ["settings", "variant"]);
-    return (f, h) => {
+    ]), { property: y } = l(e, ["settings", "size"]), { property: f } = l(e, ["settings", "stacked"]), { theme: c } = D(), { property: u } = l(e, ["settings", "tile"]), { property: m } = l(e, ["settings", "variant"]);
+    return (d, h) => {
       const x = z("v-btn-toggle");
-      return v(), $(x, {
+      return v(), w(x, {
         block: n(i),
         disabled: n(o),
         divided: n(s),
         mandatory: n(r),
         multiple: n(a),
         readonly: n(p),
-        size: n(m),
-        stacked: n(d),
-        theme: n(u),
-        tile: n(c),
-        variant: n(y)
+        size: n(y),
+        stacked: n(f),
+        theme: n(c),
+        tile: n(u),
+        variant: n(m)
       }, {
-        default: I(() => [
-          L(f.$slots, "default")
+        default: _(() => [
+          L(d.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), vl = /* @__PURE__ */ V({
+}), vl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1181,37 +1197,42 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     const e = t, { property: i } = l(e, ["settings", "density"]), { property: o } = l(e, [
       "settings",
       "disabled"
-    ]), { property: s } = l(e, ["size", "height"]), { property: r } = l(e, ["settings", "hover"]), { property: a } = l(e, ["settings", "loading"]), { property: p } = l(e, ["size", "maxHeight"]), { property: m } = l(e, ["size", "maxWidth"]), { property: d } = l(e, ["size", "minHeight"]), { property: u } = l(e, ["size", "minWidth"]), { property: c } = l(e, [
+    ]), { property: s } = l(e, ["size", "height"]), { property: r } = l(e, ["settings", "hover"]), { property: a } = l(e, ["settings", "loading"]), { property: p } = l(e, ["size", "maxHeight"]), { property: y } = l(e, ["size", "maxWidth"]), { property: f } = l(e, ["size", "minHeight"]), { property: c } = l(e, ["size", "minWidth"]), { property: u } = l(e, [
       "settings",
       "subtitle"
-    ]), { property: y } = l(e, ["settings", "text"]), { theme: f } = R(), { property: h } = l(e, ["settings", "title"]), { property: x } = l(e, ["settings", "variant"]), { property: g } = l(e, ["size", "width"]);
-    return (_, T) => {
-      const N = z("v-card");
-      return v(), $(N, {
-        density: n(i),
-        disabled: n(o),
-        height: n(s),
-        hover: n(r),
-        loading: n(a),
-        "max-height": n(p),
-        "max-width": n(m),
-        "min-height": n(d),
-        "min-width": n(u),
-        subtitle: n(c),
-        text: n(y),
-        theme: n(f),
-        title: n(h),
-        variant: n(x),
-        width: n(g)
-      }, {
-        default: I(() => [
-          L(_.$slots, "default")
+    ]), { property: m } = l(e, ["settings", "text"]), { theme: d } = D(), { property: h } = l(e, ["settings", "title"]), { property: x } = l(e, ["settings", "variant"]), { property: g } = l(e, ["size", "width"]);
+    return ($, T) => {
+      const R = z("v-card");
+      return v(), w(n(M), { block: "" }, {
+        default: _(() => [
+          E(R, {
+            density: n(i),
+            disabled: n(o),
+            height: n(s),
+            hover: n(r),
+            loading: n(a),
+            "max-height": n(p),
+            "max-width": n(y),
+            "min-height": n(f),
+            "min-width": n(c),
+            subtitle: n(u),
+            text: n(m),
+            theme: n(d),
+            title: n(h),
+            variant: n(x),
+            width: n(g)
+          }, {
+            default: _(() => [
+              L($.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
         ]),
         _: 3
-      }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"]);
+      });
     };
   }
-}), kl = /* @__PURE__ */ V({
+}), kl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1227,13 +1248,18 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]);
     return (s, r) => {
       const a = z("v-checkbox");
-      return v(), $(a, {
-        disabled: n(i),
-        readonly: n(o)
-      }, null, 8, ["disabled", "readonly"]);
+      return v(), w(n(M), null, {
+        default: _(() => [
+          E(a, {
+            disabled: n(i),
+            readonly: n(o)
+          }, null, 8, ["disabled", "readonly"])
+        ]),
+        _: 1
+      });
     };
   }
-}), _l = /* @__PURE__ */ V({
+}), _l = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1243,33 +1269,38 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     const e = t, { property: i } = l(e, [
       "settings",
       "closable"
-    ]), { property: o } = l(e, ["settings", "color"]), { color: s } = H(o), { property: r } = l(e, ["settings", "density"]), { property: a } = l(e, [
+    ]), { property: o } = l(e, ["settings", "color"]), { color: s } = O(o), { property: r } = l(e, ["settings", "density"]), { property: a } = l(e, [
       "settings",
       "disabled"
     ]), { property: p } = l(e, [
       "settings",
       "draggable"
-    ]), { property: m } = l(e, ["settings", "filter"]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "size"]), { property: c } = l(e, ["settings", "text"]), { theme: y } = R(), { property: f } = l(e, ["settings", "tile"]), { property: h } = l(e, ["settings", "value"]), { property: x } = l(e, ["settings", "variant"]);
-    return (g, _) => {
+    ]), { property: y } = l(e, ["settings", "filter"]), { property: f } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "size"]), { property: u } = l(e, ["settings", "text"]), { theme: m } = D(), { property: d } = l(e, ["settings", "tile"]), { property: h } = l(e, ["settings", "value"]), { property: x } = l(e, ["settings", "variant"]);
+    return (g, $) => {
       const T = z("v-chip");
-      return v(), $(T, {
-        closable: n(i),
-        color: n(s),
-        density: n(r),
-        disabled: n(a),
-        draggable: n(p),
-        filter: n(m),
-        label: n(d),
-        size: n(u),
-        text: n(c),
-        theme: n(y),
-        tile: n(f),
-        value: n(h),
-        variant: n(x)
-      }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
+      return v(), w(n(M), null, {
+        default: _(() => [
+          E(T, {
+            closable: n(i),
+            color: n(s),
+            density: n(r),
+            disabled: n(a),
+            draggable: n(p),
+            filter: n(y),
+            label: n(f),
+            size: n(c),
+            text: n(u),
+            theme: n(m),
+            tile: n(d),
+            value: n(h),
+            variant: n(x)
+          }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"])
+        ]),
+        _: 1
+      });
     };
   }
-}), wl = /* @__PURE__ */ V({
+}), wl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1288,32 +1319,32 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: p } = l(e, [
       "settings",
       "multiple"
-    ]), { property: m } = l(e, [
+    ]), { property: y } = l(e, [
       "settings",
       "showArrows"
-    ]), { theme: d } = R(), { property: u } = l(e, ["settings", "value"]);
-    return (c, y) => {
-      const f = z("v-chip-group");
-      return v(), $(f, {
-        modelValue: n(u),
-        "onUpdate:modelValue": y[0] || (y[0] = (h) => U(u) ? u.value = h : null),
+    ]), { theme: f } = D(), { property: c } = l(e, ["settings", "value"]);
+    return (u, m) => {
+      const d = z("v-chip-group");
+      return v(), w(d, {
+        modelValue: n(c),
+        "onUpdate:modelValue": m[0] || (m[0] = (h) => X(c) ? c.value = h : null),
         column: n(i),
         direction: n(o),
         disabled: n(s),
         filter: n(r),
         mandatory: n(a),
         multiple: n(p),
-        "show-arrows": n(m),
-        theme: n(d)
+        "show-arrows": n(y),
+        theme: n(f)
       }, {
-        default: I(() => [
-          L(c.$slots, "default")
+        default: _(() => [
+          L(u.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), Vl = /* @__PURE__ */ V({
+}), Vl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1329,43 +1360,43 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: p } = l(e, [
       "settings",
       "hideCanvas"
-    ]), { property: m } = l(e, [
+    ]), { property: y } = l(e, [
       "settings",
       "hideHeader"
-    ]), { property: d } = l(e, [
+    ]), { property: f } = l(e, [
       "settings",
       "hideInputs"
-    ]), { property: u } = l(e, [
+    ]), { property: c } = l(e, [
       "settings",
       "hideSliders"
-    ]), { property: c } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "landscape"
-    ]), { property: y } = l(e, [
+    ]), { property: m } = l(e, [
       "settings",
       "showSwatches"
-    ]), { theme: f } = R();
+    ]), { theme: d } = D();
     return (h, x) => {
       const g = z("v-color-picker");
-      return v(), $(n(X), null, {
-        default: I(() => [
-          D(g, {
+      return v(), w(n(M), null, {
+        default: _(() => [
+          E(g, {
             disabled: n(a),
             "hide-canvas": n(p),
-            "hide-header": n(m),
-            "hide-inputs": n(d),
-            "hide-sliders": n(u),
-            landscape: n(c),
-            "show-swatches": n(y),
+            "hide-header": n(y),
+            "hide-inputs": n(f),
+            "hide-sliders": n(c),
+            landscape: n(u),
+            "show-swatches": n(m),
             style: Q(r.value),
-            theme: n(f)
+            theme: n(d)
           }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), $l = /* @__PURE__ */ V({
+}), $l = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1384,14 +1415,14 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "singleLine"
-    ]), { theme: p } = R(), { property: m } = l(e, ["settings", "value"]);
-    return (d, u) => {
-      const c = z("v-combobox");
-      return v(), $(n(X), null, {
-        default: I(() => [
-          D(c, {
-            modelValue: n(m),
-            "onUpdate:modelValue": u[0] || (u[0] = (y) => U(m) ? m.value = y : null),
+    ]), { theme: p } = D(), { property: y } = l(e, ["settings", "value"]);
+    return (f, c) => {
+      const u = z("v-combobox");
+      return v(), w(n(M), null, {
+        default: _(() => [
+          E(u, {
+            modelValue: n(y),
+            "onUpdate:modelValue": c[0] || (c[0] = (m) => X(y) ? y.value = m : null),
             "hide-details": n(i),
             label: n(o),
             placeholder: n(s),
@@ -1404,7 +1435,7 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       });
     };
   }
-}), Il = /* @__PURE__ */ V({
+}), Il = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1414,17 +1445,22 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     const e = t, i = fe(), o = ke(), { property: s } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: r } = H(s), { applySize: a } = ye(e), { applyMargin: p } = Rn(e), { applyPadding: m } = Mn(e), { applyBorder: d } = Nn(e), u = k(() => {
-      const c = {}, y = o.value.type;
-      return i === "page" ? y === "common" ? (a(c), p(c), m(c), d(c), r.value && (c.backgroundColor = r.value)) : console.assert(!1) : i === "comp" && y === "common" ? (a(c), p(c), m(c), d(c), r.value && (c.backgroundColor = r.value)) : console.assert(!1), c;
+    ]), { color: r } = O(s), { applySize: a } = ye(e), { applyMargin: p } = Rn(e), { applyPadding: y } = Mn(e), { applyBorder: f } = Nn(e), c = k(() => {
+      const u = {}, m = o.value.type;
+      return i === "page" ? m === "common" ? (a(u), p(u), y(u), f(u), r.value && (u.backgroundColor = r.value)) : console.assert(!1) : i === "comp" && m === "common" ? (a(u), p(u), y(u), f(u), r.value && (u.backgroundColor = r.value)) : console.assert(!1), u;
     });
-    return (c, y) => (v(), J("div", {
-      style: Q(u.value)
-    }, [
-      L(c.$slots, "default")
-    ], 4));
+    return (u, m) => (v(), w(n(M), { block: "" }, {
+      default: _(() => [
+        J("div", {
+          style: Q(c.value)
+        }, [
+          L(u.$slots, "default")
+        ], 4)
+      ]),
+      _: 3
+    }));
   }
-}), Sl = /* @__PURE__ */ V({
+}), Sl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1437,14 +1473,14 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: s } = l(e, [
       "settings",
       "fixedHeader"
-    ]), { property: r } = l(e, ["settings", "headers"]), { property: a } = l(e, ["size", "height"]), { property: p } = l(e, ["settings", "hover"]), { property: m } = l(
+    ]), { property: r } = l(e, ["settings", "headers"]), { property: a } = l(e, ["size", "height"]), { property: p } = l(e, ["settings", "hover"]), { property: y } = l(
       e,
       ["settings", "data"],
       !0
-    ), { property: d } = l(e, ["settings", "loading"]), { property: u } = l(e, [
+    ), { property: f } = l(e, ["settings", "loading"]), { property: c } = l(e, [
       "settings",
       "multiSort"
-    ]), { theme: c } = R(), { property: y } = l(e, ["size", "width"]), f = k(() => {
+    ]), { theme: u } = D(), { property: m } = l(e, ["size", "width"]), d = k(() => {
       const h = [];
       return (e.node.slots?.items ?? []).forEach((g) => {
         g.column && g.comp && h.push(g);
@@ -1452,27 +1488,27 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     });
     return (h, x) => {
       const g = z("v-data-table");
-      return v(), $(n(X), null, {
-        default: I(() => [
-          D(g, {
+      return v(), w(n(M), { block: "" }, {
+        default: _(() => [
+          E(g, {
             density: n(i),
             "fixed-footer": n(o),
             "fixed-header": n(s),
             headers: n(r),
             height: n(a),
             hover: n(p),
-            items: n(m),
-            loading: n(d),
-            "multi-sort": n(u),
-            theme: n(c),
-            width: n(y)
+            items: n(y),
+            loading: n(f),
+            "multi-sort": n(c),
+            theme: n(u),
+            width: n(m)
           }, Ln({ _: 2 }, [
-            Ko(f.value, (_) => ({
-              name: `item.${_.column}`,
-              fn: I(({ value: T }) => [
-                D(n(be), {
-                  id: _.column,
-                  "ref-context": { compId: _.comp },
+            Ko(d.value, ($) => ({
+              name: `item.${$.column}`,
+              fn: _(({ value: T }) => [
+                E(n(be), {
+                  id: $.column,
+                  "ref-context": { compId: $.comp },
                   state: { value: T }
                 }, null, 8, ["id", "ref-context", "state"])
               ])
@@ -1483,53 +1519,53 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       });
     };
   }
-}), Cl = /* @__PURE__ */ V({
+}), Cl = /* @__PURE__ */ I({
   __name: "index",
   setup(t) {
     return (e, i) => {
       const o = z("v-date-picker");
-      return v(), $(n(X), null, {
-        default: I(() => [
-          D(o)
+      return v(), w(n(M), null, {
+        default: _(() => [
+          E(o)
         ]),
         _: 1
       });
     };
   }
-}), Tl = ["id"], Pl = /* @__PURE__ */ V({
+}), Tl = ["id"], Pl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = _e(), s = k(() => e.node.basic?.id), { open: r } = io(`runtimeDlg/${to()}`);
+    const e = t, i = H(), o = _e(), s = k(() => e.node.basic?.id), { open: r } = io(`runtimeDlg/${to()}`);
     return ko(o, e, (p) => {
       if (!q(i))
         return;
-      const { name: m } = p;
-      m === "open" ? r.value = !0 : m === "close" && (r.value = !1);
-    }), (p, m) => {
-      const d = z("v-dialog");
-      return v(), $(d, {
+      const { name: y } = p;
+      y === "open" ? r.value = !0 : y === "close" && (r.value = !1);
+    }), (p, y) => {
+      const f = z("v-dialog");
+      return v(), w(f, {
         modelValue: n(r),
-        "onUpdate:modelValue": m[0] || (m[0] = (u) => U(r) ? r.value = u : null),
+        "onUpdate:modelValue": y[0] || (y[0] = (c) => X(r) ? r.value = c : null),
         attach: "#dialogContainer"
       }, {
-        activator: I(() => [
-          n(i) === "editor" ? (v(), J("div", {
+        activator: _(() => [
+          n(i) === "editor" ? (v(), ee("div", {
             key: 0,
             id: `__node__@${s.value}`
-          }, null, 8, Tl)) : ee("", !0)
+          }, null, 8, Tl)) : te("", !0)
         ]),
-        default: I(() => [
+        default: _(() => [
           L(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), zl = /* @__PURE__ */ V({
+}), zl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1542,63 +1578,68 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: r } = l(e, [
       "settings",
       "disabled"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { property: m } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { property: y } = l(e, [
       "settings",
       "multiple"
-    ]), { property: d } = l(e, [
+    ]), { property: f } = l(e, [
       "settings",
       "readonly"
-    ]), { property: u } = l(e, ["settings", "reverse"]), { property: c } = l(e, [
+    ]), { property: c } = l(e, ["settings", "reverse"]), { property: u } = l(e, [
       "settings",
       "singleLine"
     ]);
-    return (y, f) => {
+    return (m, d) => {
       const h = z("v-file-input");
-      return v(), $(h, {
-        chips: n(i),
-        density: n(o),
-        direction: n(s),
-        disabled: n(r),
-        label: n(a),
-        loading: n(p),
-        multiple: n(m),
-        readonly: n(d),
-        reverse: n(u),
-        "single-line": n(c)
-      }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"]);
+      return v(), w(n(M), { block: "" }, {
+        default: _(() => [
+          E(h, {
+            chips: n(i),
+            density: n(o),
+            direction: n(s),
+            disabled: n(r),
+            label: n(a),
+            loading: n(p),
+            multiple: n(y),
+            readonly: n(f),
+            reverse: n(c),
+            "single-line": n(u)
+          }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"])
+        ]),
+        _: 1
+      });
     };
   }
-}), Al = /* @__PURE__ */ V({
+}), Al = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ce(), o = fe(), s = ke(), { applySize: r } = ye(e), { applyMargin: a } = Rn(e), { applyPadding: p } = Mn(e), { applyBorder: m } = Nn(e), { property: d } = l(e, [
+    const e = t, i = Ce(), o = fe(), s = ke(), { applySize: r } = ye(e), { applyMargin: a } = Rn(e), { applyPadding: p } = Mn(e), { applyBorder: y } = Nn(e), { property: f } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: u } = H(d), c = (f) => {
-      u.value && (f.backgroundColor = u.value), f.display = "flex";
+    ]), { color: c } = O(f), u = (d) => {
+      c.value && (d.backgroundColor = c.value), d.display = "flex";
       const h = Fe(i.value.width), x = Te(h, e.node.settings?.direction);
-      x === "row" ? f.flexDirection = "row" : x === "rowReverse" ? f.flexDirection = "row-reverse" : x === "column" ? f.flexDirection = "column" : x === "columnReverse" && (f.flexDirection = "column-reverse");
+      x === "row" ? d.flexDirection = "row" : x === "rowReverse" ? d.flexDirection = "row-reverse" : x === "column" ? d.flexDirection = "column" : x === "columnReverse" && (d.flexDirection = "column-reverse");
       const g = Te(h, e.node.settings?.wrap);
-      g === "no" ? f.flexWrap = "nowrap" : g === "yes" ? f.flexWrap = "wrap" : g === "reverse" && (f.flexWrap = "wrap-reverse");
-      const _ = Te(h, e.node.settings?.mainAlign);
-      _ === "start" ? f.justifyContent = "flex-start" : _ === "end" ? f.justifyContent = "flex-end" : _ === "center" ? f.justifyContent = "center" : _ === "spaceBetween" ? f.justifyContent = "space-between" : _ === "spaceAround" ? f.justifyContent = "space-around" : _ === "spaceEvenly" && (f.justifyContent = "space-evenly");
+      g === "no" ? d.flexWrap = "nowrap" : g === "yes" ? d.flexWrap = "wrap" : g === "reverse" && (d.flexWrap = "wrap-reverse");
+      const $ = Te(h, e.node.settings?.mainAlign);
+      $ === "start" ? d.justifyContent = "flex-start" : $ === "end" ? d.justifyContent = "flex-end" : $ === "center" ? d.justifyContent = "center" : $ === "spaceBetween" ? d.justifyContent = "space-between" : $ === "spaceAround" ? d.justifyContent = "space-around" : $ === "spaceEvenly" && (d.justifyContent = "space-evenly");
       const T = Te(h, e.node.settings?.crossAlign);
-      T === "start" ? f.alignItems = "flex-start" : T === "end" ? f.alignItems = "flex-end" : T === "center" ? f.alignItems = "center" : T === "baseline" ? f.alignItems = "baseline" : T === "stretch" && (f.alignItems = "stretch");
-    }, y = k(() => {
-      const f = {}, h = s.value.type;
-      return o === "page" ? h === "common" ? (r(f), a(f), p(f), m(f), c(f)) : console.assert(!1) : o === "comp" && h === "common" ? (r(f), a(f), p(f), m(f), c(f)) : console.assert(!1), f;
+      T === "start" ? d.alignItems = "flex-start" : T === "end" ? d.alignItems = "flex-end" : T === "center" ? d.alignItems = "center" : T === "baseline" ? d.alignItems = "baseline" : T === "stretch" && (d.alignItems = "stretch");
+    }, m = k(() => {
+      const d = {}, h = s.value.type;
+      return o === "page" ? h === "common" ? (r(d), a(d), p(d), y(d), u(d)) : console.assert(!1) : o === "comp" && h === "common" ? (r(d), a(d), p(d), y(d), u(d)) : console.assert(!1), d;
     });
-    return (f, h) => (v(), J("div", {
-      style: Q(y.value)
+    return (d, h) => (v(), ee("div", {
+      style: Q(m.value)
     }, [
-      L(f.$slots, "default")
+      L(d.$slots, "default")
     ], 4));
   }
-}), Ll = /* @__PURE__ */ V({
+}), Ll = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1606,66 +1647,66 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
   },
   setup(t) {
     const e = t, i = fe(), o = ke(), { applySize: s } = ye(e), { property: r } = l(e, ["settings", "grow"]), { property: a } = l(e, ["settings", "shrink"]), p = k(() => {
-      const m = {}, d = o.value.type;
-      return i === "page" ? d === "common" ? (s(m), m.flexGrow = r.value ? 1 : 0, m.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && d === "common" ? (s(m), m.flexGrow = r.value ? 1 : 0, m.flexShrink = a.value ? 1 : 0) : console.assert(!1), m;
+      const y = {}, f = o.value.type;
+      return i === "page" ? f === "common" ? (s(y), y.flexGrow = r.value ? 1 : 0, y.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && f === "common" ? (s(y), y.flexGrow = r.value ? 1 : 0, y.flexShrink = a.value ? 1 : 0) : console.assert(!1), y;
     });
-    return (m, d) => (v(), J("div", {
+    return (y, f) => (v(), ee("div", {
       style: Q(p.value)
     }, [
-      L(m.$slots, "default")
+      L(y.$slots, "default")
     ], 4));
   }
-}), Bl = /* @__PURE__ */ V({
+}), Bl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = fe(), s = ke(), r = _e(), { property: a } = l(e, ["settings", "valid"]), { property: p } = l(e, [
+    const e = t, i = H(), o = fe(), s = ke(), r = _e(), { property: a } = l(e, ["settings", "valid"]), { property: p } = l(e, [
       "settings",
       "fastFail"
-    ]), { property: m } = l(e, [
+    ]), { property: y } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: d } = H(m), { applySize: u } = ye(e), { applyMargin: c } = Rn(e), { applyPadding: y } = Mn(e), { applyBorder: f } = Nn(e), h = k(() => {
-      const g = {}, _ = s.value.type;
-      return o === "page" ? _ === "common" ? (u(g), c(g), y(g), f(g), d.value && (g.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && _ === "common" ? (u(g), c(g), y(g), f(g), d.value && (g.backgroundColor = d.value)) : console.assert(!1), g;
+    ]), { color: f } = O(y), { applySize: c } = ye(e), { applyMargin: u } = Rn(e), { applyPadding: m } = Mn(e), { applyBorder: d } = Nn(e), h = k(() => {
+      const g = {}, $ = s.value.type;
+      return o === "page" ? $ === "common" ? (c(g), u(g), m(g), d(g), f.value && (g.backgroundColor = f.value)) : console.assert(!1) : o === "comp" && $ === "common" ? (c(g), u(g), m(g), d(g), f.value && (g.backgroundColor = f.value)) : console.assert(!1), g;
     }), x = () => {
       q(i) && r.callFunction("__triggerEventV1__", [
         me("elementEvent", e.node.basic.id, "submit")
       ]);
     };
-    return (g, _) => {
+    return (g, $) => {
       const T = z("v-form");
-      return v(), $(T, {
+      return v(), w(T, {
         modelValue: n(a),
-        "onUpdate:modelValue": _[0] || (_[0] = (N) => U(a) ? a.value = N : null),
+        "onUpdate:modelValue": $[0] || ($[0] = (R) => X(a) ? a.value = R : null),
         "fast-fail": n(p),
         style: Q(h.value),
         onSubmit: Uo(x, ["prevent"])
       }, {
-        default: I(() => [
+        default: _(() => [
           L(g.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), El = /* @__PURE__ */ V({
+}), Wl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = H(i), { property: s } = l(e, [
+    const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = O(i), { property: s } = l(e, [
       "settings",
       "disabled"
-    ]), { property: r } = l(e, ["settings", "icon"]), { property: a } = l(e, ["settings", "size"]), { theme: p } = R();
-    return (m, d) => {
-      const u = z("v-icon");
-      return v(), $(u, {
+    ]), { property: r } = l(e, ["settings", "icon"]), { property: a } = l(e, ["settings", "size"]), { theme: p } = D();
+    return (y, f) => {
+      const c = z("v-icon");
+      return v(), w(c, {
         color: n(o),
         disabled: n(s),
         icon: n(r),
@@ -1674,43 +1715,43 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), Wl = ["id"], Nl = /* @__PURE__ */ V({
+}), El = ["id"], Nl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = _e(), s = se(0), r = se(0), a = k(() => [s.value, r.value]), p = k(() => e.node.basic?.id), { open: m } = io(`runtimeMenu/${to()}`);
-    return ko(o, e, (u) => {
+    const e = t, i = H(), o = _e(), s = se(0), r = se(0), a = k(() => [s.value, r.value]), p = k(() => e.node.basic?.id), { open: y } = io(`runtimeMenu/${to()}`);
+    return ko(o, e, (c) => {
       if (!q(i))
         return;
-      const { name: c } = u;
-      c === "open" ? (s.value = o.getVariable("__pointerPosX__"), r.value = o.getVariable("__pointerPosY__"), m.value = !0) : c === "close" && (m.value = !1);
-    }), (u, c) => {
-      const y = z("v-menu");
-      return v(), $(y, {
-        modelValue: n(m),
-        "onUpdate:modelValue": c[0] || (c[0] = (f) => U(m) ? m.value = f : null),
+      const { name: u } = c;
+      u === "open" ? (s.value = o.getVariable("__pointerPosX__"), r.value = o.getVariable("__pointerPosY__"), y.value = !0) : u === "close" && (y.value = !1);
+    }), (c, u) => {
+      const m = z("v-menu");
+      return v(), w(m, {
+        modelValue: n(y),
+        "onUpdate:modelValue": u[0] || (u[0] = (d) => X(y) ? y.value = d : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
         target: a.value
       }, {
-        activator: I(() => [
-          n(i) === "editor" ? (v(), J("div", {
+        activator: _(() => [
+          n(i) === "editor" ? (v(), ee("div", {
             key: 0,
             id: `__node__@${p.value}`
-          }, null, 8, Wl)) : ee("", !0)
+          }, null, 8, El)) : te("", !0)
         ]),
-        default: I(() => [
-          L(u.$slots, "default")
+        default: _(() => [
+          L(c.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Rl = /* @__PURE__ */ V({
+}), Rl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1731,10 +1772,10 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: r } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { property: m } = l(e, ["settings", "max"]), { property: d } = l(e, ["size", "maxWidth"]), { property: u } = l(e, ["settings", "min"]), { property: c } = l(e, ["size", "minWidth"]), { property: y } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { property: y } = l(e, ["settings", "max"]), { property: f } = l(e, ["size", "maxWidth"]), { property: c } = l(e, ["settings", "min"]), { property: u } = l(e, ["size", "minWidth"]), { property: m } = l(e, [
       "settings",
       "placeholder"
-    ]), { property: f } = l(e, [
+    ]), { property: d } = l(e, [
       "settings",
       "precision"
     ]), { property: h } = l(e, ["settings", "prefix"]), { property: x } = l(e, [
@@ -1745,41 +1786,41 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       "settings",
       "addIcon",
       "prependInner"
-    ]), { property: _ } = l(e, [
+    ]), { property: $ } = l(e, [
       "settings",
       "readonly"
-    ]), { property: T } = l(e, ["settings", "reverse"]), { property: N } = l(e, [
+    ]), { property: T } = l(e, ["settings", "reverse"]), { property: R } = l(e, [
       "settings",
       "singleLine"
-    ]), { property: E } = l(e, ["settings", "step"]), { property: j } = l(e, ["settings", "suffix"]), { theme: M } = R(), { property: W } = l(e, ["settings", "value"]), { property: S } = l(e, ["settings", "variant"]), { property: F } = l(e, ["size", "width"]);
+    ]), { property: W } = l(e, ["settings", "step"]), { property: j } = l(e, ["settings", "suffix"]), { theme: G } = D(), { property: N } = l(e, ["settings", "value"]), { property: S } = l(e, ["settings", "variant"]), { property: F } = l(e, ["size", "width"]);
     return (Z, ie) => {
       const ue = z("v-number-input");
-      return v(), $(n(X), null, {
-        default: I(() => [
-          D(ue, {
-            modelValue: n(W),
-            "onUpdate:modelValue": ie[0] || (ie[0] = (ce) => U(W) ? W.value = ce : null),
+      return v(), w(n(M), { block: "" }, {
+        default: _(() => [
+          E(ue, {
+            modelValue: n(N),
+            "onUpdate:modelValue": ie[0] || (ie[0] = (ce) => X(N) ? N.value = ce : null),
             "append-icon": n(i),
             "append-inner-icon": n(o),
             clearable: n(s),
             "hide-details": n(r),
             label: n(a),
             loading: n(p),
-            max: n(m),
-            "max-width": n(d),
-            min: n(u),
-            "min-width": n(c),
-            placeholder: n(y),
-            precision: n(f),
+            max: n(y),
+            "max-width": n(f),
+            min: n(c),
+            "min-width": n(u),
+            placeholder: n(m),
+            precision: n(d),
             prefix: n(h),
             "prepend-icon": n(x),
             "prepend-inner-icon": n(g),
-            readonly: n(_),
+            readonly: n($),
             reverse: n(T),
-            "single-line": n(N),
-            step: n(E),
+            "single-line": n(R),
+            step: n(W),
             suffix: n(j),
-            theme: n(M),
+            theme: n(G),
             variant: n(S),
             width: n(F)
           }, null, 8, ["modelValue", "append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"])
@@ -1788,74 +1829,74 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       });
     };
   }
-}), Ml = /* @__PURE__ */ V({
+}), Ml = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { property: o } = l(e, ["settings", "density"]), { property: s } = l(e, [
+    const e = t, i = H(), { property: o } = l(e, ["settings", "density"]), { property: s } = l(e, [
       "settings",
       "disabled"
     ]), { property: r } = l(e, ["settings", "length"]), { property: a } = l(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: p } = l(e, ["settings", "size"]), { property: m } = l(e, ["settings", "start"]), { theme: d } = R(), { property: u } = l(e, ["settings", "tile"]), { property: c } = l(e, ["settings", "value"]), { property: y } = l(e, ["settings", "variant"]), f = k(() => {
+    ]), { property: p } = l(e, ["settings", "size"]), { property: y } = l(e, ["settings", "start"]), { theme: f } = D(), { property: c } = l(e, ["settings", "tile"]), { property: u } = l(e, ["settings", "value"]), { property: m } = l(e, ["settings", "variant"]), d = k(() => {
       const h = {};
       return i === "editor" && (h.pointerEvents = "none"), h;
     });
     return (h, x) => {
       const g = z("v-pagination");
-      return v(), $(n(X), null, {
-        default: I(() => [
-          D(g, {
-            modelValue: n(c),
-            "onUpdate:modelValue": x[0] || (x[0] = (_) => U(c) ? c.value = _ : null),
+      return v(), w(n(M), { block: "" }, {
+        default: _(() => [
+          E(g, {
+            modelValue: n(u),
+            "onUpdate:modelValue": x[0] || (x[0] = ($) => X(u) ? u.value = $ : null),
             density: n(o),
             disabled: n(s),
             length: n(r),
             "show-first-last-page": n(a),
             size: n(p),
-            start: n(m),
-            style: Q(f.value),
-            theme: n(d),
-            tile: n(u),
-            variant: n(y)
+            start: n(y),
+            style: Q(d.value),
+            theme: n(f),
+            tile: n(c),
+            variant: n(m)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
         ]),
         _: 1
       });
     };
   }
-}), Dl = /* @__PURE__ */ V({
+}), Dl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = H(i), { property: s } = l(e, ["settings", "density"]), { property: r } = l(e, [
+    const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = O(i), { property: s } = l(e, ["settings", "density"]), { property: r } = l(e, [
       "settings",
       "disabled"
     ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = R(), { property: d } = l(e, ["settings", "value"]);
-    return (u, c) => {
-      const y = z("v-radio");
-      return v(), $(y, {
+    ]), { theme: y } = D(), { property: f } = l(e, ["settings", "value"]);
+    return (c, u) => {
+      const m = z("v-radio");
+      return v(), w(m, {
         color: n(o),
         density: n(s),
         disabled: n(r),
         label: n(a),
         readonly: n(p),
-        theme: n(m),
-        value: n(d)
+        theme: n(y),
+        value: n(f)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), Fl = /* @__PURE__ */ V({
+}), Fl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1871,14 +1912,14 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: r } = l(e, ["settings", "inline"]), { property: a } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: p } = R(), { property: m } = l(e, ["settings", "value"]);
-    return (d, u) => {
-      const c = z("v-radio-group");
-      return v(), $(n(X), null, {
-        default: I(() => [
-          D(c, {
-            modelValue: n(m),
-            "onUpdate:modelValue": u[0] || (u[0] = (y) => U(m) ? m.value = y : null),
+    ]), { theme: p } = D(), { property: y } = l(e, ["settings", "value"]);
+    return (f, c) => {
+      const u = z("v-radio-group");
+      return v(), w(n(M), null, {
+        default: _(() => [
+          E(u, {
+            modelValue: n(y),
+            "onUpdate:modelValue": c[0] || (c[0] = (m) => X(y) ? y.value = m : null),
             density: n(i),
             direction: n(o),
             disabled: n(s),
@@ -1886,8 +1927,8 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
             readonly: n(a),
             theme: n(p)
           }, {
-            default: I(() => [
-              L(d.$slots, "default")
+            default: _(() => [
+              L(f.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -1896,7 +1937,7 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       });
     };
   }
-}), jl = /* @__PURE__ */ V({
+}), jl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -1912,18 +1953,18 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: r } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "max"]), { property: m } = l(e, ["settings", "min"]), { property: d } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "max"]), { property: y } = l(e, ["settings", "min"]), { property: f } = l(e, [
       "settings",
       "readonly"
-    ]), { property: u } = l(e, [
+    ]), { property: c } = l(e, [
       "settings",
       "showTicks"
-    ]), c = k(() => {
-      if (u.value === "always")
+    ]), u = k(() => {
+      if (c.value === "always")
         return "always";
-      if (u.value === "show")
+      if (c.value === "show")
         return !0;
-    }), { property: y } = l(e, ["settings", "step"]), { theme: f } = R(), { property: h } = l(e, [
+    }), { property: m } = l(e, ["settings", "step"]), { theme: d } = D(), { property: h } = l(e, [
       "settings",
       "thumbLabel"
     ]), x = k(() => {
@@ -1934,18 +1975,18 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     }), { property: g } = l(e, [
       "settings",
       "thumbSize"
-    ]), { property: _ } = l(e, ["settings", "ticks"]), T = k(() => {
-      if (!_.value)
+    ]), { property: $ } = l(e, ["settings", "ticks"]), T = k(() => {
+      if (!$.value)
         return;
-      const W = {};
-      for (const { value: S, label: F } of _.value)
-        W[S] = F;
-      if (!co(W))
-        return W;
-    }), { property: N } = l(e, [
+      const N = {};
+      for (const { value: S, label: F } of $.value)
+        N[S] = F;
+      if (!co(N))
+        return N;
+    }), { property: R } = l(e, [
       "settings",
       "tickSize"
-    ]), { property: E } = l(e, [
+    ]), { property: W } = l(e, [
       "settings",
       "value",
       "start"
@@ -1953,44 +1994,41 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       "settings",
       "value",
       "end"
-    ]), M = k({
-      get: () => [E.value, j.value],
-      set: ([W, S]) => {
-        E.value = W, j.value = S;
+    ]), G = k({
+      get: () => [W.value, j.value],
+      set: ([N, S]) => {
+        W.value = N, j.value = S;
       }
     });
-    return (W, S) => {
+    return (N, S) => {
       const F = z("v-range-slider");
-      return v(), $(n(X), {
-        modelValue: M.value,
-        "onUpdate:modelValue": S[1] || (S[1] = (Z) => M.value = Z)
-      }, {
-        default: I(() => [
-          D(F, {
-            modelValue: M.value,
-            "onUpdate:modelValue": S[0] || (S[0] = (Z) => M.value = Z),
+      return v(), w(n(M), { block: "" }, {
+        default: _(() => [
+          E(F, {
+            modelValue: G.value,
+            "onUpdate:modelValue": S[0] || (S[0] = (Z) => G.value = Z),
             density: n(i),
             direction: n(o),
             disabled: n(s),
             "hide-details": n(r),
             label: n(a),
             max: n(p),
-            min: n(m),
-            readonly: n(d),
-            "show-ticks": c.value,
-            step: n(y),
-            theme: n(f),
+            min: n(y),
+            readonly: n(f),
+            "show-ticks": u.value,
+            step: n(m),
+            theme: n(d),
             "thumb-label": x.value,
             "thumb-size": n(g),
-            "tick-size": n(N),
+            "tick-size": n(R),
             ticks: T.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
         _: 1
-      }, 8, ["modelValue"]);
+      });
     };
   }
-}), Gl = /* @__PURE__ */ V({
+}), Gl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2006,32 +2044,32 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: r } = l(e, [
       "settings",
       "halfIncrements"
-    ]), { property: a } = l(e, ["settings", "hover"]), { property: p } = l(e, ["settings", "length"]), { property: m } = l(e, [
+    ]), { property: a } = l(e, ["settings", "hover"]), { property: p } = l(e, ["settings", "length"]), { property: y } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: d } = R(), { property: u } = l(e, ["settings", "value"]);
-    return (c, y) => {
-      const f = z("v-rating");
-      return v(), $(n(X), { "fit-content": !0 }, {
-        default: I(() => [
-          D(f, {
-            modelValue: n(u),
-            "onUpdate:modelValue": y[0] || (y[0] = (h) => U(u) ? u.value = h : null),
+    ]), { theme: f } = D(), { property: c } = l(e, ["settings", "value"]);
+    return (u, m) => {
+      const d = z("v-rating");
+      return v(), w(n(M), null, {
+        default: _(() => [
+          E(d, {
+            modelValue: n(c),
+            "onUpdate:modelValue": m[0] || (m[0] = (h) => X(c) ? c.value = h : null),
             clearable: n(i),
             density: n(o),
             disabled: n(s),
             "half-increments": n(r),
             hover: n(a),
             length: n(p),
-            readonly: n(m),
-            theme: n(d)
+            readonly: n(y),
+            theme: n(f)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), Hl = /* @__PURE__ */ V({
+}), Hl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2050,14 +2088,14 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "singleLine"
-    ]), { theme: p } = R(), { property: m } = l(e, ["settings", "value"]);
-    return (d, u) => {
-      const c = z("v-select");
-      return v(), $(n(X), null, {
-        default: I(() => [
-          D(c, {
-            modelValue: n(m),
-            "onUpdate:modelValue": u[0] || (u[0] = (y) => U(m) ? m.value = y : null),
+    ]), { theme: p } = D(), { property: y } = l(e, ["settings", "value"]);
+    return (f, c) => {
+      const u = z("v-select");
+      return v(), w(n(M), { block: "" }, {
+        default: _(() => [
+          E(u, {
+            modelValue: n(y),
+            "onUpdate:modelValue": c[0] || (c[0] = (m) => X(y) ? y.value = m : null),
             "hide-details": n(i),
             label: n(o),
             placeholder: n(s),
@@ -2070,14 +2108,14 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       });
     };
   }
-}), Ol = /* @__PURE__ */ V({
+}), Ol = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = H(i), { property: s } = l(e, [
+    const e = t, { property: i } = l(e, ["settings", "color"]), { color: o } = O(i), { property: s } = l(e, [
       "settings",
       "direction"
     ]), { property: r } = l(e, [
@@ -2086,32 +2124,32 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: p } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "max"]), { property: d } = l(e, ["settings", "min"]), { property: u } = l(e, [
+    ]), { property: p } = l(e, ["settings", "label"]), { property: y } = l(e, ["settings", "max"]), { property: f } = l(e, ["settings", "min"]), { property: c } = l(e, [
       "settings",
       "readonly"
-    ]), { property: c } = l(e, ["settings", "reverse"]), { property: y } = l(e, [
+    ]), { property: u } = l(e, ["settings", "reverse"]), { property: m } = l(e, [
       "settings",
       "showTicks"
-    ]), f = k(() => {
-      if (y.value === "always")
+    ]), d = k(() => {
+      if (m.value === "always")
         return "always";
-      if (y.value === "show")
+      if (m.value === "show")
         return !0;
-    }), { property: h } = l(e, ["settings", "step"]), { theme: x } = R(), { property: g } = l(e, [
+    }), { property: h } = l(e, ["settings", "step"]), { theme: x } = D(), { property: g } = l(e, [
       "settings",
       "thumbColor"
-    ]), { color: _ } = H(g), { property: T } = l(e, [
+    ]), { color: $ } = O(g), { property: T } = l(e, [
       "settings",
       "thumbLabel"
-    ]), N = k(() => {
+    ]), R = k(() => {
       if (T.value === "always")
         return "always";
       if (T.value === "show")
         return !0;
-    }), { property: E } = l(e, [
+    }), { property: W } = l(e, [
       "settings",
       "thumbSize"
-    ]), { property: j } = l(e, ["settings", "ticks"]), M = k(() => {
+    ]), { property: j } = l(e, ["settings", "ticks"]), G = k(() => {
       if (!j.value)
         return;
       const ce = {};
@@ -2119,46 +2157,46 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
         ce[Me] = Jt;
       if (!co(ce))
         return ce;
-    }), { property: W } = l(e, [
+    }), { property: N } = l(e, [
       "settings",
       "tickSize"
     ]), { property: S } = l(e, [
       "settings",
       "trackColor"
-    ]), { color: F } = H(S), { property: Z } = l(e, ["settings", "value"]), { property: ie } = l(e, ["slots", "append"]), { property: ue } = l(e, [
+    ]), { color: F } = O(S), { property: Z } = l(e, ["settings", "value"]), { property: ie } = l(e, ["slots", "append"]), { property: ue } = l(e, [
       "slots",
       "prepend"
     ]);
     return (ce, Me) => {
       const Jt = z("v-slider");
-      return v(), $(n(X), null, {
-        default: I(() => [
-          D(Jt, {
+      return v(), w(n(M), { block: "" }, {
+        default: _(() => [
+          E(Jt, {
             modelValue: n(Z),
-            "onUpdate:modelValue": Me[0] || (Me[0] = (Go) => U(Z) ? Z.value = Go : null),
+            "onUpdate:modelValue": Me[0] || (Me[0] = (Go) => X(Z) ? Z.value = Go : null),
             color: n(o),
             direction: n(s),
             disabled: n(r),
             "hide-details": n(a),
             label: n(p),
-            max: n(m),
-            min: n(d),
-            readonly: n(u),
-            reverse: n(c),
-            "show-ticks": f.value,
+            max: n(y),
+            min: n(f),
+            readonly: n(c),
+            reverse: n(u),
+            "show-ticks": d.value,
             step: n(h),
             theme: n(x),
-            "thumb-color": n(_),
-            "thumb-label": N.value,
-            "thumb-size": n(E),
-            "tick-size": n(W),
-            ticks: M.value,
+            "thumb-color": n($),
+            "thumb-label": R.value,
+            "thumb-size": n(W),
+            "tick-size": n(N),
+            ticks: G.value,
             "track-color": n(F)
           }, Ln({ _: 2 }, [
             n(ie) ? {
               name: "append",
-              fn: I(() => [
-                D(n(be), {
+              fn: _(() => [
+                E(n(be), {
                   id: "append",
                   "ref-context": { compId: n(ie) },
                   state: {}
@@ -2168,8 +2206,8 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
             } : void 0,
             n(ue) ? {
               name: "prepend",
-              fn: I(() => [
-                D(n(be), {
+              fn: _(() => [
+                E(n(be), {
                   id: "prepend",
                   "ref-context": { compId: n(ue) },
                   state: {}
@@ -2183,7 +2221,7 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       });
     };
   }
-}), Kl = /* @__PURE__ */ V({
+}), Kl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2193,16 +2231,16 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     const e = t, { property: i } = l(e, [
       "settings",
       "hideActions"
-    ]), { theme: o } = R(), { property: s } = l(e, ["settings", "value"]);
+    ]), { theme: o } = D(), { property: s } = l(e, ["settings", "value"]);
     return (r, a) => {
       const p = z("v-stepper");
-      return v(), $(p, {
+      return v(), w(p, {
         modelValue: n(s),
-        "onUpdate:modelValue": a[0] || (a[0] = (m) => U(s) ? s.value = m : null),
+        "onUpdate:modelValue": a[0] || (a[0] = (y) => X(s) ? s.value = y : null),
         "hide-actions": n(i),
         theme: n(o)
       }, {
-        default: I(() => [
+        default: _(() => [
           L(r.$slots, "default")
         ]),
         _: 3
@@ -2212,14 +2250,14 @@ const gl = /* @__PURE__ */ ve(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
 }), Ul = {};
 function Xl(t, e) {
   const i = z("v-stepper-header");
-  return v(), $(i, null, {
-    default: I(() => [
+  return v(), w(i, null, {
+    default: _(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Yl = /* @__PURE__ */ ve(Ul, [["render", Xl]]), Jl = /* @__PURE__ */ V({
+const Yl = /* @__PURE__ */ ve(Ul, [["render", Xl]]), Jl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2229,8 +2267,8 @@ const Yl = /* @__PURE__ */ ve(Ul, [["render", Xl]]), Jl = /* @__PURE__ */ V({
     const e = t, { property: i } = l(e, ["settings", "value"]);
     return (o, s) => {
       const r = z("v-stepper-item");
-      return v(), $(r, { value: n(i) }, {
-        default: I(() => [
+      return v(), w(r, { value: n(i) }, {
+        default: _(() => [
           L(o.$slots, "default")
         ]),
         _: 3
@@ -2240,14 +2278,14 @@ const Yl = /* @__PURE__ */ ve(Ul, [["render", Xl]]), Jl = /* @__PURE__ */ V({
 }), Zl = {};
 function ql(t, e) {
   const i = z("v-stepper-window");
-  return v(), $(i, null, {
-    default: I(() => [
+  return v(), w(i, null, {
+    default: _(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
+const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2257,15 +2295,15 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
     const e = t, { property: i } = l(e, ["settings", "value"]);
     return (o, s) => {
       const r = z("v-stepper-window-item");
-      return v(), $(r, { value: n(i) }, {
-        default: I(() => [
+      return v(), w(r, { value: n(i) }, {
+        default: _(() => [
           L(o.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
     };
   }
-}), ta = /* @__PURE__ */ V({
+}), ta = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2284,46 +2322,46 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
     ]), { property: a } = l(e, [
       "settings",
       "indeterminate"
-    ]), { property: p } = l(e, ["settings", "inline"]), { property: m } = l(e, ["settings", "inset"]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { theme: c } = R(), { property: y } = l(e, ["settings", "value"]);
-    return (f, h) => {
+    ]), { property: p } = l(e, ["settings", "inline"]), { property: y } = l(e, ["settings", "inset"]), { property: f } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { theme: u } = D(), { property: m } = l(e, ["settings", "value"]);
+    return (d, h) => {
       const x = z("v-switch");
-      return v(), $(n(X), { "fit-content": !0 }, {
-        default: I(() => [
-          D(x, {
-            modelValue: n(y),
-            "onUpdate:modelValue": h[0] || (h[0] = (g) => U(y) ? y.value = g : null),
+      return v(), w(n(M), { "fit-content": !0 }, {
+        default: _(() => [
+          E(x, {
+            modelValue: n(m),
+            "onUpdate:modelValue": h[0] || (h[0] = (g) => X(m) ? m.value = g : null),
             density: n(i),
             direction: n(o),
             disabled: n(s),
             "hide-details": n(r),
             indeterminate: n(a),
             inline: n(p),
-            inset: n(m),
-            label: n(d),
-            loading: n(u),
-            theme: n(c)
+            inset: n(y),
+            label: n(f),
+            loading: n(c),
+            theme: n(u)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
         ]),
         _: 1
       });
     };
   }
-}), na = /* @__PURE__ */ V({
+}), na = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { property: o } = l(e, ["settings", "text"]), { theme: s } = R(), { property: r } = l(e, ["settings", "value"]), a = k(() => {
+    const e = t, i = H(), { property: o } = l(e, ["settings", "text"]), { theme: s } = D(), { property: r } = l(e, ["settings", "value"]), a = k(() => {
       const p = {};
       return i === "editor" && (p.pointerEvents = "none"), p;
     });
-    return (p, m) => {
-      const d = z("v-tab");
-      return v(), $(n(X), { "fit-content": !0 }, {
-        default: I(() => [
-          D(d, {
+    return (p, y) => {
+      const f = z("v-tab");
+      return v(), w(n(M), null, {
+        default: _(() => [
+          E(f, {
             style: Q(a.value),
             text: n(o),
             theme: n(s),
@@ -2334,7 +2372,7 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
       });
     };
   }
-}), ia = /* @__PURE__ */ V({
+}), ia = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2348,23 +2386,23 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
       "settings",
       "color",
       "backgroundColor"
-    ]), { color: s } = H(o), { property: r } = l(e, [
+    ]), { color: s } = O(o), { property: r } = l(e, [
       "settings",
       "centerActive"
     ]), { property: a } = l(e, [
       "settings",
       "color",
       "selectedColor"
-    ]), { color: p } = H(a), { property: m } = l(e, ["settings", "density"]), { property: d } = l(e, [
+    ]), { color: p } = O(a), { property: y } = l(e, ["settings", "density"]), { property: f } = l(e, [
       "settings",
       "direction"
-    ]), { property: u } = l(e, [
+    ]), { property: c } = l(e, [
       "settings",
       "disabled"
-    ]), { property: c } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "fixedTabs"
-    ]), { property: y } = l(e, ["settings", "grow"]), { property: f } = l(e, [
+    ]), { property: m } = l(e, ["settings", "grow"]), { property: d } = l(e, [
       "settings",
       "hideSlider"
     ]), { property: h } = l(e, ["settings", "items"]), { property: x } = l(e, [
@@ -2373,41 +2411,46 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
     ]), { property: g } = l(e, [
       "settings",
       "showArrows"
-    ]), { property: _ } = l(e, [
+    ]), { property: $ } = l(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: T } = H(_), { property: N } = l(e, ["settings", "stacked"]), { theme: E } = R(), { property: j } = l(e, ["settings", "value"]);
-    return (M, W) => {
+    ]), { color: T } = O($), { property: R } = l(e, ["settings", "stacked"]), { theme: W } = D(), { property: j } = l(e, ["settings", "value"]);
+    return (G, N) => {
       const S = z("v-tabs");
-      return v(), $(S, {
-        modelValue: n(j),
-        "onUpdate:modelValue": W[0] || (W[0] = (F) => U(j) ? j.value = F : null),
-        "align-tabs": n(i),
-        "bg-color": n(s),
-        "center-active": n(r),
-        color: n(p),
-        density: n(m),
-        direction: n(d),
-        disabled: n(u),
-        "fixed-tabs": n(c),
-        grow: n(y),
-        "hide-slider": n(f),
-        items: n(h),
-        mandatory: n(x),
-        "show-arrows": n(g),
-        "slider-color": n(T),
-        stacked: n(N),
-        theme: n(E)
-      }, {
-        default: I(() => [
-          L(M.$slots, "default")
+      return v(), w(n(M), { block: "" }, {
+        default: _(() => [
+          E(S, {
+            modelValue: n(j),
+            "onUpdate:modelValue": N[0] || (N[0] = (F) => X(j) ? j.value = F : null),
+            "align-tabs": n(i),
+            "bg-color": n(s),
+            "center-active": n(r),
+            color: n(p),
+            density: n(y),
+            direction: n(f),
+            disabled: n(c),
+            "fixed-tabs": n(u),
+            grow: n(m),
+            "hide-slider": n(d),
+            items: n(h),
+            mandatory: n(x),
+            "show-arrows": n(g),
+            "slider-color": n(T),
+            stacked: n(R),
+            theme: n(W)
+          }, {
+            default: _(() => [
+              L(G.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["modelValue", "align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"])
         ]),
         _: 3
-      }, 8, ["modelValue", "align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"]);
+      });
     };
   }
-}), oa = /* @__PURE__ */ V({
+}), oa = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2420,15 +2463,20 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
     ]), { property: r } = l(e, [
       "settings",
       "emphasis"
-    ]), { property: a } = l(e, ["settings", "italic"]), { property: p } = l(e, ["settings", "text"]), { property: m } = l(e, ["settings", "weight"]), d = k(() => {
-      const u = [], c = Fe(i.value.width), y = Te(c, e.node.settings?.style);
-      return y && u.push(`text-${y}`), r.value === "high" ? u.push("text-high-emphasis") : r.value === "medium" ? u.push("text-medium-emphasis") : r.value === "disabled" && u.push("text-disabled"), o.value && u.push(`font-${o.value}`), s.value && u.push(`text-decoration-${s.value}`), m.value && u.push(`font-weight-${m.value}`), a.value && u.push("font-italic"), u.join(" ");
+    ]), { property: a } = l(e, ["settings", "italic"]), { property: p } = l(e, ["settings", "text"]), { property: y } = l(e, ["settings", "weight"]), f = k(() => {
+      const c = [], u = Fe(i.value.width), m = Te(u, e.node.settings?.style);
+      return m && c.push(`text-${m}`), r.value === "high" ? c.push("text-high-emphasis") : r.value === "medium" ? c.push("text-medium-emphasis") : r.value === "disabled" && c.push("text-disabled"), o.value && c.push(`font-${o.value}`), s.value && c.push(`text-decoration-${s.value}`), y.value && c.push(`font-weight-${y.value}`), a.value && c.push("font-italic"), c.join(" ");
     });
-    return (u, c) => (v(), J("span", {
-      class: Xo(d.value)
-    }, Yo(n(p)), 3));
+    return (c, u) => (v(), w(n(M), null, {
+      default: _(() => [
+        J("span", {
+          class: Xo(f.value)
+        }, Yo(n(p)), 3)
+      ]),
+      _: 1
+    }));
   }
-}), ra = /* @__PURE__ */ V({
+}), ra = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2444,35 +2492,35 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
     ]), { property: s } = l(e, ["settings", "density"]), { property: r } = l(e, [
       "settings",
       "disabled"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { property: m } = l(e, ["settings", "maxRows"]), { property: d } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { property: y } = l(e, ["settings", "maxRows"]), { property: f } = l(e, [
       "settings",
       "placeholder"
-    ]), { property: u } = l(e, [
+    ]), { property: c } = l(e, [
       "settings",
       "readonly"
-    ]), { property: c } = l(e, ["settings", "reverse"]), { property: y } = l(e, ["settings", "rows"]), { property: f } = l(e, [
+    ]), { property: u } = l(e, ["settings", "reverse"]), { property: m } = l(e, ["settings", "rows"]), { property: d } = l(e, [
       "settings",
       "singleLine"
-    ]), { theme: h } = R(), { property: x } = l(e, ["settings", "value"]), { property: g } = l(e, ["settings", "variant"]);
-    return (_, T) => {
-      const N = z("v-textarea");
-      return v(), $(n(X), null, {
-        default: I(() => [
-          D(N, {
+    ]), { theme: h } = D(), { property: x } = l(e, ["settings", "value"]), { property: g } = l(e, ["settings", "variant"]);
+    return ($, T) => {
+      const R = z("v-textarea");
+      return v(), w(n(M), { block: "" }, {
+        default: _(() => [
+          E(R, {
             modelValue: n(x),
-            "onUpdate:modelValue": T[0] || (T[0] = (E) => U(x) ? x.value = E : null),
+            "onUpdate:modelValue": T[0] || (T[0] = (W) => X(x) ? x.value = W : null),
             "auto-grow": n(i),
             clearable: n(o),
             density: n(s),
             disabled: n(r),
             label: n(a),
             loading: n(p),
-            "max-rows": n(m),
-            placeholder: n(d),
-            readonly: n(u),
-            reverse: n(c),
-            rows: n(y),
-            "single-line": n(f),
+            "max-rows": n(y),
+            placeholder: n(f),
+            readonly: n(c),
+            reverse: n(u),
+            rows: n(m),
+            "single-line": n(d),
             theme: n(h),
             variant: n(g)
           }, null, 8, ["modelValue", "auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"])
@@ -2481,7 +2529,7 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
       });
     };
   }
-}), sa = /* @__PURE__ */ V({
+}), sa = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2503,13 +2551,13 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
     ]), { property: a } = l(e, ["settings", "density"]), { property: p } = l(e, [
       "settings",
       "disabled"
-    ]), { property: m } = l(e, [
+    ]), { property: y } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { property: c } = l(e, [
+    ]), { property: f } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: u } = l(e, [
       "settings",
       "placeholder"
-    ]), { property: y } = l(e, ["settings", "prefix"]), { property: f } = l(e, [
+    ]), { property: m } = l(e, ["settings", "prefix"]), { property: d } = l(e, [
       "settings",
       "prependIcon"
     ]), { property: h } = l(e, [
@@ -2518,10 +2566,10 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
     ]), { property: x } = l(e, [
       "settings",
       "readonly"
-    ]), { property: g } = l(e, ["settings", "reverse"]), { property: _ } = l(e, [
+    ]), { property: g } = l(e, ["settings", "reverse"]), { property: $ } = l(e, [
       "settings",
       "singleLine"
-    ]), { property: T } = l(e, ["settings", "suffix"]), { theme: N } = R(), { property: E } = l(e, ["settings", "value"]), { property: j } = l(e, ["settings", "variant"]), { property: M } = l(e, ["slots", "append"]), { property: W } = l(e, [
+    ]), { property: T } = l(e, ["settings", "suffix"]), { theme: R } = D(), { property: W } = l(e, ["settings", "value"]), { property: j } = l(e, ["settings", "variant"]), { property: G } = l(e, ["slots", "append"]), { property: N } = l(e, [
       "slots",
       "appendInner"
     ]), { property: S } = l(e, [
@@ -2533,48 +2581,48 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
     ]);
     return (Z, ie) => {
       const ue = z("v-text-field");
-      return v(), $(n(X), null, {
-        default: I(() => [
-          D(ue, {
-            modelValue: n(E),
-            "onUpdate:modelValue": ie[0] || (ie[0] = (ce) => U(E) ? E.value = ce : null),
+      return v(), w(n(M), { block: "" }, {
+        default: _(() => [
+          E(ue, {
+            modelValue: n(W),
+            "onUpdate:modelValue": ie[0] || (ie[0] = (ce) => X(W) ? W.value = ce : null),
             "append-icon": n(i),
             "append-inner-icon": n(o),
             autofocus: n(s),
             clearable: n(r),
             density: n(a),
             disabled: n(p),
-            "hide-details": n(m),
-            label: n(d),
-            loading: n(u),
-            placeholder: n(c),
-            prefix: n(y),
-            "prepend-icon": n(f),
+            "hide-details": n(y),
+            label: n(f),
+            loading: n(c),
+            placeholder: n(u),
+            prefix: n(m),
+            "prepend-icon": n(d),
             "prepend-inner-icon": n(h),
             readonly: n(x),
             reverse: n(g),
-            "single-line": n(_),
+            "single-line": n($),
             suffix: n(T),
-            theme: n(N),
+            theme: n(R),
             variant: n(j)
           }, Ln({ _: 2 }, [
-            n(M) ? {
+            n(G) ? {
               name: "append",
-              fn: I(() => [
-                D(n(be), {
+              fn: _(() => [
+                E(n(be), {
                   id: "append",
-                  "ref-context": { compId: n(M) },
+                  "ref-context": { compId: n(G) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "0"
             } : void 0,
-            n(W) ? {
+            n(N) ? {
               name: "append-inner",
-              fn: I(() => [
-                D(n(be), {
+              fn: _(() => [
+                E(n(be), {
                   id: "append-inner",
-                  "ref-context": { compId: n(W) },
+                  "ref-context": { compId: n(N) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2582,8 +2630,8 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
             } : void 0,
             n(S) ? {
               name: "prepend",
-              fn: I(() => [
-                D(n(be), {
+              fn: _(() => [
+                E(n(be), {
                   id: "prepend",
                   "ref-context": { compId: n(S) },
                   state: {}
@@ -2593,8 +2641,8 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
             } : void 0,
             n(F) ? {
               name: "prepend-inner",
-              fn: I(() => [
-                D(n(be), {
+              fn: _(() => [
+                E(n(be), {
                   id: "prepend-inner",
                   "ref-context": { compId: n(F) },
                   state: {}
@@ -2608,7 +2656,7 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
       });
     };
   }
-}), la = /* @__PURE__ */ V({
+}), la = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2622,47 +2670,47 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
       "settings",
       "dot",
       "color"
-    ]), { color: a } = H(r), { property: p } = l(e, [
+    ]), { color: a } = O(r), { property: p } = l(e, [
       "settings",
       "dot",
       "fill"
-    ]), { property: m } = l(e, [
+    ]), { property: y } = l(e, [
       "settings",
       "hideOpposite"
-    ]), { property: d } = l(e, [
+    ]), { property: f } = l(e, [
       "settings",
       "line",
       "color"
-    ]), { color: u } = H(d), { property: c } = l(e, [
+    ]), { color: c } = O(f), { property: u } = l(e, [
       "settings",
       "line",
       "inset"
-    ]), { property: y } = l(e, [
+    ]), { property: m } = l(e, [
       "settings",
       "line",
       "thickness"
-    ]), { property: f } = l(e, ["settings", "side"]), { property: h } = l(e, [
+    ]), { property: d } = l(e, ["settings", "side"]), { property: h } = l(e, [
       "settings",
       "line",
       "truncate"
-    ]), { theme: x } = R();
-    return (g, _) => {
+    ]), { theme: x } = D();
+    return (g, $) => {
       const T = z("v-timeline");
-      return v(), $(T, {
+      return v(), w(T, {
         align: n(i),
         density: n(o),
         direction: n(s),
         "dot-color": n(a),
         "fill-dot": n(p),
-        "hide-opposite": n(m),
-        "line-color": n(u),
-        "line-inset": n(c),
-        "line-thickness": n(y),
-        side: n(f),
+        "hide-opposite": n(y),
+        "line-color": n(c),
+        "line-inset": n(u),
+        "line-thickness": n(m),
+        side: n(d),
         theme: n(x),
         "truncate-line": n(h)
       }, {
-        default: I(() => [
+        default: _(() => [
           L(g.$slots, "default")
         ]),
         _: 3
@@ -2672,14 +2720,14 @@ const Ql = /* @__PURE__ */ ve(Zl, [["render", ql]]), ea = /* @__PURE__ */ V({
 }), aa = {};
 function ua(t, e) {
   const i = z("v-timeline-item");
-  return v(), $(i, null, {
-    default: I(() => [
+  return v(), w(i, null, {
+    default: _(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const ca = /* @__PURE__ */ ve(aa, [["render", ua]]), pa = /* @__PURE__ */ V({
+const ca = /* @__PURE__ */ ve(aa, [["render", ua]]), pa = /* @__PURE__ */ I({
   __name: "index",
   props: {
     node: {},
@@ -2698,22 +2746,22 @@ const ca = /* @__PURE__ */ ve(aa, [["render", ua]]), pa = /* @__PURE__ */ V({
     ]), { property: r } = l(e, ["settings", "reverse"]), { property: a } = l(e, [
       "settings",
       "showArrows"
-    ]), { property: p } = l(e, ["settings", "touch"]), { theme: m } = R(), { property: d } = l(e, ["settings", "value"]);
-    return (u, c) => {
-      const y = z("v-window");
-      return v(), $(y, {
-        modelValue: n(d),
-        "onUpdate:modelValue": c[0] || (c[0] = (f) => U(d) ? d.value = f : null),
+    ]), { property: p } = l(e, ["settings", "touch"]), { theme: y } = D(), { property: f } = l(e, ["settings", "value"]);
+    return (c, u) => {
+      const m = z("v-window");
+      return v(), w(m, {
+        modelValue: n(f),
+        "onUpdate:modelValue": u[0] || (u[0] = (d) => X(f) ? f.value = d : null),
         continuous: n(i),
         direction: n(s),
         disabled: n(o),
         reverse: n(r),
         "show-arrows": n(a),
-        theme: n(m),
+        theme: n(y),
         touch: n(p)
       }, {
-        default: I(() => [
-          L(u.$slots, "default")
+        default: _(() => [
+          L(c.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
@@ -2722,14 +2770,14 @@ const ca = /* @__PURE__ */ ve(aa, [["render", ua]]), pa = /* @__PURE__ */ V({
 }), ma = {};
 function da(t, e) {
   const i = z("v-window-item");
-  return v(), $(i, null, {
-    default: I(() => [
+  return v(), w(i, null, {
+    default: _(() => [
       L(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const ya = /* @__PURE__ */ ve(ma, [["render", da]]), Xe = "ambient_light_v1", Ye = "badge_v1", Dn = "breadcrumbs_v1", Je = "bar_chart_v1", Ze = "box_geometry_v1", qe = "btn_v1", Qe = "btn_group_v1", et = "btn_toggle_v1", tt = "card_v1", nt = "checkbox_v1", it = "chip_v1", ot = "chip_group_v1", rt = "color_picker_v1", st = "combobox_v1", lt = "container_v1", at = "data_table_v1", ut = "date_picker_v1", ct = "dialog_v1", pt = "directional_light_v1", mt = "file_input_v1", dt = "flex_layout_v1", _o = "flex_layout_entry_v1", yt = "form_v1", rn = "globality_v1", ft = "group_v1", bt = "icon_v1", ht = "keyboard_controls_v1", gt = "line_chart_v1", xt = "map_controls_v1", vt = "menu_v1", kt = "mesh_v1", fa = "mesh_basic_material_v1", _t = "multiple_ref_v1", wt = "number_input_v1", Vt = "orbit_controls_v1", $t = "orthographic_camera_v1", It = "pagination_v1", St = "perspective_camera_v1", Ct = "point_light_v1", wo = "radio_v1", Tt = "radio_group_v1", Pt = "range_slider_v1", Ae = "reference_v1", zt = "rating_v1", At = "render_switch_v1", Lt = "select_v1", Bt = "slider_v1", Et = "sphere_geometry_v1", Wt = "spot_light_v1", Nt = "stepper_v1", Vo = "stepper_header_v1", $o = "stepper_item_v1", Io = "stepper_window_v1", So = "stepper_window_item_v1", Rt = "switch_v1", Co = "tab_v1", Fn = "table_v1", Mt = "tabs_v1", Dt = "text_v1", Ft = "textarea_v1", jt = "text_field_v1", Gt = "timeline_v1", To = "timeline_item_v1", Ht = "window_v1", Po = "window_item_v1", b = {
+const ya = /* @__PURE__ */ ve(ma, [["render", da]]), Xe = "ambient_light_v1", Ye = "badge_v1", Dn = "breadcrumbs_v1", Je = "bar_chart_v1", Ze = "box_geometry_v1", qe = "btn_v1", Qe = "btn_group_v1", et = "btn_toggle_v1", tt = "card_v1", nt = "checkbox_v1", it = "chip_v1", ot = "chip_group_v1", rt = "color_picker_v1", st = "combobox_v1", lt = "container_v1", at = "data_table_v1", ut = "date_picker_v1", ct = "dialog_v1", pt = "directional_light_v1", mt = "file_input_v1", dt = "flex_layout_v1", _o = "flex_layout_entry_v1", yt = "form_v1", rn = "globality_v1", ft = "group_v1", bt = "icon_v1", ht = "keyboard_controls_v1", gt = "line_chart_v1", xt = "map_controls_v1", vt = "menu_v1", kt = "mesh_v1", fa = "mesh_basic_material_v1", _t = "multiple_ref_v1", wt = "number_input_v1", Vt = "orbit_controls_v1", $t = "orthographic_camera_v1", It = "pagination_v1", St = "perspective_camera_v1", Ct = "point_light_v1", wo = "radio_v1", Tt = "radio_group_v1", Pt = "range_slider_v1", Ae = "reference_v1", zt = "rating_v1", At = "render_switch_v1", Lt = "select_v1", Bt = "slider_v1", Wt = "sphere_geometry_v1", Et = "spot_light_v1", Nt = "stepper_v1", Vo = "stepper_header_v1", $o = "stepper_item_v1", Io = "stepper_window_v1", So = "stepper_window_item_v1", Rt = "switch_v1", Co = "tab_v1", Fn = "table_v1", Mt = "tabs_v1", Dt = "text_v1", Ft = "textarea_v1", jt = "text_field_v1", Gt = "timeline_v1", To = "timeline_item_v1", Ht = "window_v1", Po = "window_item_v1", b = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2754,7 +2802,7 @@ const ya = /* @__PURE__ */ ve(ma, [["render", da]]), Xe = "ambient_light_v1", Ye
       default: ""
     }
   ]
-}, O = {
+}, K = {
   key: "color",
   name: "x-runtime-lib.color",
   children: [
@@ -2791,7 +2839,7 @@ const ya = /* @__PURE__ */ ve(ma, [["render", da]]), Xe = "ambient_light_v1", Ye
       ]
     }
   ]
-}, ba = B(O), $e = {
+}, ba = B(K), $e = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2936,7 +2984,7 @@ const ya = /* @__PURE__ */ ve(ma, [["render", da]]), Xe = "ambient_light_v1", Ye
       default: ""
     }
   ]
-}, K = {
+}, U = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -3217,7 +3265,7 @@ const ya = /* @__PURE__ */ ve(ma, [["render", da]]), Xe = "ambient_light_v1", Ye
   methods: [],
   slots: []
 };
-w(ha);
+V(ha);
 const Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3254,7 +3302,7 @@ const Qn = {
 }, ga = {
   key: St,
   name: "x-runtime-lib.perspectiveCamera",
-  comp: Er,
+  comp: Wr,
   properties: {
     pageScene: [b, Y, Qn],
     compScene: [b, Y, Qn]
@@ -3263,24 +3311,24 @@ const Qn = {
   methods: [],
   slots: []
 };
-w(ga);
-const xa = /* @__PURE__ */ V({
+V(ga);
+const xa = /* @__PURE__ */ I({
   __name: "index",
   setup(t) {
-    const e = G();
-    return (i, o) => n(e) !== "editor" ? (v(), $(n(dr), { key: 0 })) : ee("", !0);
+    const e = H();
+    return (i, o) => n(e) !== "editor" ? (v(), w(n(dr), { key: 0 })) : te("", !0);
   }
-}), va = /* @__PURE__ */ V({
+}), va = /* @__PURE__ */ I({
   __name: "index",
   setup(t) {
-    const e = G();
-    return (i, o) => n(e) !== "editor" ? (v(), $(n(yr), { key: 0 })) : ee("", !0);
+    const e = H();
+    return (i, o) => n(e) !== "editor" ? (v(), w(n(yr), { key: 0 })) : te("", !0);
   }
-}), ka = /* @__PURE__ */ V({
+}), ka = /* @__PURE__ */ I({
   __name: "index",
   setup(t) {
-    const e = G();
-    return (i, o) => n(e) !== "editor" ? (v(), $(n(fr), { key: 0 })) : ee("", !0);
+    const e = H();
+    return (i, o) => n(e) !== "editor" ? (v(), w(n(fr), { key: 0 })) : te("", !0);
   }
 }), _a = {
   key: ht,
@@ -3295,7 +3343,7 @@ const xa = /* @__PURE__ */ V({
   slots: [],
   leaf: !0
 };
-w(_a);
+V(_a);
 const wa = {
   key: xt,
   name: "x-runtime-lib.mapControls",
@@ -3309,7 +3357,7 @@ const wa = {
   slots: [],
   leaf: !0
 };
-w(wa);
+V(wa);
 const Va = {
   key: Vt,
   name: "x-runtime-lib.orbitControls",
@@ -3323,7 +3371,7 @@ const Va = {
   slots: [],
   leaf: !0
 };
-w(Va);
+V(Va);
 function $a(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -3458,7 +3506,7 @@ const ei = {
   leaf: !0,
   spawn: $a
 };
-w(sn);
+V(sn);
 function Ca(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -3589,7 +3637,7 @@ const ti = {
     }
   ]
 }, ln = {
-  key: Et,
+  key: Wt,
   name: "x-runtime-lib.sphereGeometry",
   comp: Mr,
   properties: {
@@ -3602,8 +3650,8 @@ const ti = {
   leaf: !0,
   spawn: Ca
 };
-w(ln);
-const Ot = B(O);
+V(ln);
+const Ot = B(K);
 Ot.children[0].default = "custom";
 Ot.children[2].children[0].default = "0xffffff";
 Ot.children[2].children[1].default = "0xffffff";
@@ -3632,8 +3680,8 @@ const ni = {
   methods: [],
   slots: []
 };
-w(za);
-const Kt = B(O);
+V(za);
+const Kt = B(K);
 Kt.children[0].default = "custom";
 Kt.children[2].children[0].default = "0xffffff";
 Kt.children[2].children[1].default = "0xffffff";
@@ -3662,8 +3710,8 @@ const ii = {
   methods: [],
   slots: []
 };
-w(Aa);
-const Ut = B(O);
+V(Aa);
+const Ut = B(K);
 Ut.children[0].default = "custom";
 Ut.children[2].children[0].default = "0xffffff";
 Ut.children[2].children[1].default = "0xffffff";
@@ -3706,8 +3754,8 @@ const oi = {
   methods: [],
   slots: []
 };
-w(La);
-const Xt = B(O);
+V(La);
+const Xt = B(K);
 Xt.children[0].default = "custom";
 Xt.children[2].children[0].default = "0xffffff";
 Xt.children[2].children[1].default = "0xffffff";
@@ -3756,7 +3804,7 @@ const ri = {
     }
   ]
 }, Ba = {
-  key: Wt,
+  key: Et,
   name: "x-runtime-lib.spotLight",
   comp: Ur,
   properties: {
@@ -3767,7 +3815,7 @@ const ri = {
   methods: [],
   slots: []
 };
-w(Ba);
+V(Ba);
 const Le = {
   key: fa,
   name: "x-runtime-lib.meshBasicMaterial",
@@ -3781,8 +3829,8 @@ const Le = {
   slots: [],
   leaf: !0
 };
-w(Le);
-const Ea = {
+V(Le);
+const Wa = {
   key: ft,
   name: "x-runtime-lib.group",
   comp: qr,
@@ -3794,7 +3842,7 @@ const Ea = {
   methods: [],
   slots: []
 };
-w(Ea);
+V(Wa);
 const Be = {
   key: kt,
   name: "x-runtime-lib.mesh",
@@ -3807,8 +3855,8 @@ const Be = {
   methods: [],
   slots: []
 };
-w(Be);
-function Wa(t, e) {
+V(Be);
+function Ea(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`barChartV1/spawn property tag not found, ${i}`);
@@ -3853,16 +3901,16 @@ const si = {
   name: "x-runtime-lib.barChart",
   comp: ll,
   properties: {
-    pageCommon: [b, K, Ge, He, Oe, je, si],
-    compCommon: [b, K, Ge, He, Oe, je, si]
+    pageCommon: [b, U, Ge, He, Oe, je, si],
+    compCommon: [b, U, Ge, He, Oe, je, si]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Wa
+  spawn: Ea
 };
-w(an);
+V(an);
 function Na(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -3908,8 +3956,8 @@ const li = {
   name: "x-runtime-lib.lineChart",
   comp: al,
   properties: {
-    pageCommon: [b, K, Ge, He, Oe, je, li],
-    compCommon: [b, K, Ge, He, Oe, je, li]
+    pageCommon: [b, U, Ge, He, Oe, je, li],
+    compCommon: [b, U, Ge, He, Oe, je, li]
   },
   events: [],
   methods: [],
@@ -3917,7 +3965,7 @@ const li = {
   leaf: !0,
   spawn: Na
 };
-w(un);
+V(un);
 const Ra = {
   key: _t,
   name: "x-runtime-lib.multipleRef",
@@ -3931,7 +3979,7 @@ const Ra = {
   slots: [],
   leaf: !0
 };
-w(Ra);
+V(Ra);
 const ai = {
   key: "reference",
   name: "x-runtime-lib.reference",
@@ -3948,15 +3996,15 @@ const ai = {
   name: "x-runtime-lib.reference",
   comp: ml,
   properties: {
-    pageCommon: [b, K, ai],
-    compCommon: [b, K, ai]
+    pageCommon: [b, U, ai],
+    compCommon: [b, U, ai]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-w(Ma);
+V(Ma);
 const ui = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3980,8 +4028,8 @@ const ui = {
   methods: [],
   slots: []
 };
-w(Da);
-const Yt = B(O);
+V(Da);
+const Yt = B(K);
 Yt.key = "backgroundColor";
 Yt.name = "x-runtime-lib.backgroundColor";
 const ci = {
@@ -4040,7 +4088,7 @@ const ci = {
   slots: [],
   internal: !0
 };
-w(Fa);
+V(Fa);
 const mi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4102,7 +4150,7 @@ function ja(t, e) {
   const r = {};
   return P(r, s), r.basic.id = C(16), r.basic.key = cn.key, r.settings.text = "button", r;
 }
-const Ga = B(O), di = {
+const Ga = B(K), di = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4194,8 +4242,8 @@ const Ga = B(O), di = {
   name: "x-runtime-lib.button",
   comp: fl,
   properties: {
-    pageCommon: [b, K, di],
-    compCommon: [b, K, di]
+    pageCommon: [b, U, di],
+    compCommon: [b, U, di]
   },
   events: [
     {
@@ -4209,7 +4257,7 @@ const Ga = B(O), di = {
   leaf: !0,
   spawn: ja
 };
-w(cn);
+V(cn);
 const Ha = {
   key: Qe,
   name: "x-runtime-lib.buttonGroup",
@@ -4222,7 +4270,7 @@ const Ha = {
   methods: [],
   slots: []
 };
-w(Ha);
+V(Ha);
 const yi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4296,20 +4344,20 @@ const yi = {
   methods: [],
   slots: []
 };
-w(Oa);
+V(Oa);
 function Ka(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`cardV1/spawn property tag not found, ${i}`);
     return;
   }
-  const s = Ee.properties[o];
+  const s = We.properties[o];
   if (!s) {
     console.error(`cardV1/spawn properties not found, ${i}`);
     return;
   }
   const r = {};
-  return P(r, s), r.basic.id = C(16), r.basic.key = Ee.key, r.children = [], r.settings.title = "title", r.settings.subtitle = "subtitle", r.settings.text = "text", r;
+  return P(r, s), r.basic.id = C(16), r.basic.key = We.key, r.children = [], r.settings.title = "title", r.settings.subtitle = "subtitle", r.settings.text = "text", r;
 }
 const fi = {
   key: "settings",
@@ -4366,20 +4414,20 @@ const fi = {
       default: !1
     }
   ]
-}, Ee = {
+}, We = {
   key: tt,
   name: "x-runtime-lib.card",
   comp: vl,
   properties: {
-    pageCommon: [b, K, fi],
-    compCommon: [b, K, fi]
+    pageCommon: [b, U, fi],
+    compCommon: [b, U, fi]
   },
   events: [],
   methods: [],
   slots: [],
   spawn: Ka
 };
-w(Ee);
+V(We);
 const bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4410,8 +4458,8 @@ const bi = {
   slots: [],
   leaf: !0
 };
-w(Ua);
-const Xa = B(O), hi = {
+V(Ua);
+const Xa = B(K), hi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4499,7 +4547,7 @@ const Xa = B(O), hi = {
   slots: [],
   leaf: !0
 };
-w(pn);
+V(pn);
 function Ya(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -4602,7 +4650,7 @@ const gi = {
   slots: [],
   spawn: Ya
 };
-w(mn);
+V(mn);
 const Ja = {
   key: rt,
   name: "x-runtime-lib.colorPicker",
@@ -4616,7 +4664,7 @@ const Ja = {
   slots: [],
   leaf: !0
 };
-w(Ja);
+V(Ja);
 const xi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4671,8 +4719,8 @@ const xi = {
   slots: [],
   leaf: !0
 };
-w(Za);
-const jn = B(O);
+V(Za);
+const jn = B(K);
 jn.key = "backgroundColor";
 jn.name = "x-runtime-lib.backgroundColor";
 const vi = {
@@ -4684,8 +4732,8 @@ const vi = {
   name: "x-runtime-lib.container",
   comp: Il,
   properties: {
-    pageCommon: [b, K, $e, Ie, Se, vi],
-    compCommon: [b, K, $e, Ie, Se, vi]
+    pageCommon: [b, U, $e, Ie, Se, vi],
+    compCommon: [b, U, $e, Ie, Se, vi]
   },
   events: [
     {
@@ -4697,7 +4745,7 @@ const vi = {
   methods: [],
   slots: []
 };
-w(dn);
+V(dn);
 const ki = {
   key: "size",
   name: "x-runtime-lib.size",
@@ -4863,7 +4911,7 @@ const ki = {
   slots: [],
   leaf: !0
 };
-w(qa);
+V(qa);
 const Qa = {
   key: ut,
   name: "x-runtime-lib.datePicker",
@@ -4877,7 +4925,7 @@ const Qa = {
   slots: [],
   leaf: !0
 };
-w(Qa);
+V(Qa);
 const eu = {
   key: ct,
   name: "x-runtime-lib.dialog",
@@ -4904,7 +4952,7 @@ const eu = {
   slots: [],
   teleport: !0
 };
-w(eu);
+V(eu);
 const Vi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4943,27 +4991,27 @@ const Vi = {
   name: "x-runtime-lib.flexLayoutEntry",
   comp: Ll,
   properties: {
-    pageCommon: [b, K, $i],
-    compCommon: [b, K, $i]
+    pageCommon: [b, U, $i],
+    compCommon: [b, U, $i]
   },
   events: [],
   methods: [],
   slots: []
 };
-w(yn);
+V(yn);
 function tu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`flexLayoutV1/spawn property tag not found, ${i}`);
     return;
   }
-  const s = We.properties[o];
+  const s = Ee.properties[o];
   if (!s) {
     console.error(`flexLayoutV1/spawn properties not found, ${i}`);
     return;
   }
   const r = {};
-  return P(r, s), r.basic.id = C(16), r.basic.key = We.key, r.children = [
+  return P(r, s), r.basic.id = C(16), r.basic.key = Ee.key, r.children = [
     fn(
       t,
       e,
@@ -4987,23 +5035,23 @@ function tu(t, e) {
     nu(t, e)
   ], r;
 }
-function fn(t, e, i, o, s, r, a, p, m) {
-  const d = `type=${t} subtype=${e}`, u = A(t, e);
-  if (!u) {
+function fn(t, e, i, o, s, r, a, p, y) {
+  const f = `type=${t} subtype=${e}`, c = A(t, e);
+  if (!c) {
     console.error(
-      `flexLayoutV1/spawnContainer property tag not found, ${d}`
+      `flexLayoutV1/spawnContainer property tag not found, ${f}`
     );
     return;
   }
-  const c = dn.properties[u];
-  if (!c) {
+  const u = dn.properties[c];
+  if (!u) {
     console.error(
-      `flexLayoutV1/spawnContainer properties not found, ${d}`
+      `flexLayoutV1/spawnContainer properties not found, ${f}`
     );
     return;
   }
-  const y = {};
-  return P(y, c), y.basic.id = C(16), y.basic.key = dn.key, o && (y.size.width = o), s && (y.size.minWidth = s), a && (y.size.height = a), p && (y.size.minHeight = p), i && (y.settings.backgroundColor.mode = "custom", y.settings.backgroundColor.custom.light = i, y.settings.backgroundColor.custom.dark = i), y.children = [], y;
+  const m = {};
+  return P(m, u), m.basic.id = C(16), m.basic.key = dn.key, o && (m.size.width = o), s && (m.size.minWidth = s), a && (m.size.height = a), p && (m.size.minHeight = p), i && (m.settings.backgroundColor.mode = "custom", m.settings.backgroundColor.custom.light = i, m.settings.backgroundColor.custom.dark = i), m.children = [], m;
 }
 function nu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
@@ -5037,7 +5085,7 @@ function nu(t, e) {
     )
   ], r;
 }
-const Gn = B(O);
+const Gn = B(K);
 Gn.key = "backgroundColor";
 Gn.name = "x-runtime-lib.backgroundColor";
 const Ii = {
@@ -5210,13 +5258,13 @@ const Ii = {
     },
     Gn
   ]
-}, We = {
+}, Ee = {
   key: dt,
   name: "x-runtime-lib.flexLayout",
   comp: Al,
   properties: {
-    pageCommon: [b, K, $e, Ie, Se, Ii],
-    compCommon: [b, K, $e, Ie, Se, Ii]
+    pageCommon: [b, U, $e, Ie, Se, Ii],
+    compCommon: [b, U, $e, Ie, Se, Ii]
   },
   events: [
     {
@@ -5229,7 +5277,7 @@ const Ii = {
   slots: [],
   spawn: tu
 };
-w(We);
+V(Ee);
 const Si = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5418,7 +5466,7 @@ const Si = {
   ],
   leaf: !0
 };
-w(bn);
+V(bn);
 function iu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -5470,8 +5518,8 @@ const Ti = {
   name: "x-runtime-lib.form",
   comp: Bl,
   properties: {
-    pageCommon: [b, K, $e, Ie, Se, Ti],
-    compCommon: [b, K, $e, Ie, Se, Ti]
+    pageCommon: [b, U, $e, Ie, Se, Ti],
+    compCommon: [b, U, $e, Ie, Se, Ti]
   },
   events: [
     {
@@ -5484,8 +5532,8 @@ const Ti = {
   slots: [],
   spawn: iu
 };
-w(hn);
-const ru = B(O), Pi = {
+V(hn);
+const ru = B(K), Pi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5513,7 +5561,7 @@ const ru = B(O), Pi = {
 }, su = {
   key: bt,
   name: "x-runtime-lib.icon",
-  comp: El,
+  comp: Wl,
   properties: {
     pageCommon: [b, Pi],
     compCommon: [b, Pi]
@@ -5523,7 +5571,7 @@ const ru = B(O), Pi = {
   slots: [],
   leaf: !0
 };
-w(su);
+V(su);
 const lu = {
   key: vt,
   name: "x-runtime-lib.menu",
@@ -5550,7 +5598,7 @@ const lu = {
   slots: [],
   teleport: !0
 };
-w(lu);
+V(lu);
 function au(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -5772,7 +5820,7 @@ const zi = {
   leaf: !0,
   spawn: au
 };
-w(gn);
+V(gn);
 const Li = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5849,8 +5897,8 @@ const Li = {
   slots: [],
   leaf: !0
 };
-w(uu);
-const cu = B(O), Bi = {
+V(uu);
+const cu = B(K), Bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5900,7 +5948,7 @@ const cu = B(O), Bi = {
   slots: [],
   leaf: !0
 };
-w(xn);
+V(xn);
 function pu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -5935,7 +5983,7 @@ function qt(t, e, i, o) {
   const p = {};
   return P(p, a), p.basic.id = C(16), p.basic.key = xn.key, p.settings.value = i, p.settings.label = o, p;
 }
-const Ei = {
+const Wi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5983,16 +6031,16 @@ const Ei = {
   name: "x-runtime-lib.radioGroup",
   comp: Fl,
   properties: {
-    pageCommon: [b, Ei],
-    compCommon: [b, Ei]
+    pageCommon: [b, Wi],
+    compCommon: [b, Wi]
   },
   events: [],
   methods: [],
   slots: [],
   spawn: pu
 };
-w(vn);
-const Wi = {
+V(vn);
+const Ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6114,15 +6162,15 @@ const Wi = {
   name: "x-runtime-lib.rangeSlider",
   comp: jl,
   properties: {
-    pageCommon: [b, Wi],
-    compCommon: [b, Wi]
+    pageCommon: [b, Ei],
+    compCommon: [b, Ei]
   },
   events: [],
   methods: [],
   slots: [],
   leaf: !0
 };
-w(mu);
+V(mu);
 const Ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6191,7 +6239,7 @@ const Ni = {
   slots: [],
   leaf: !0
 };
-w(du);
+V(du);
 const Ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6246,14 +6294,14 @@ const Ri = {
   slots: [],
   leaf: !0
 };
-w(yu);
-const Hn = B(O);
+V(yu);
+const Hn = B(K);
 Hn.key = "color";
 Hn.name = "x-runtime-lib.color";
-const On = B(O);
+const On = B(K);
 On.key = "trackColor";
 On.name = "x-runtime-lib.trackColor";
-const Kn = B(O);
+const Kn = B(K);
 Kn.key = "thumbColor";
 Kn.name = "x-runtime-lib.thumbColor";
 const Mi = {
@@ -6395,7 +6443,7 @@ const Mi = {
   slots: [],
   leaf: !0
 };
-w(fu);
+V(fu);
 const kn = {
   key: Vo,
   name: "x-runtime-lib.stepperHeader",
@@ -6408,7 +6456,7 @@ const kn = {
   methods: [],
   slots: []
 };
-w(kn);
+V(kn);
 const Fi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6432,7 +6480,7 @@ const Fi = {
   methods: [],
   slots: []
 };
-w(_n);
+V(_n);
 const wn = {
   key: Io,
   name: "x-runtime-lib.stepperWindow",
@@ -6445,7 +6493,7 @@ const wn = {
   methods: [],
   slots: []
 };
-w(wn);
+V(wn);
 const ji = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6469,7 +6517,7 @@ const ji = {
   methods: [],
   slots: []
 };
-w(Vn);
+V(Vn);
 function bu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -6558,13 +6606,13 @@ function xu(t, e, i) {
     console.error(`stepperV1/spawnCard property tag not found, ${o}`);
     return;
   }
-  const r = Ee.properties[s];
+  const r = We.properties[s];
   if (!r) {
     console.error(`stepperV1/spawnCard properties not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, r), a.basic.id = C(16), a.basic.key = Ee.key, a.children = [], a.settings.title = i, a;
+  return P(a, r), a.basic.id = C(16), a.basic.key = We.key, a.children = [], a.settings.title = i, a;
 }
 const Gi = {
   key: "settings",
@@ -6596,7 +6644,7 @@ const Gi = {
   slots: [],
   spawn: bu
 };
-w($n);
+V($n);
 const vu = {
   key: Rt,
   name: "x-runtime-lib.switch",
@@ -6610,7 +6658,7 @@ const vu = {
   slots: [],
   leaf: !0
 };
-w(vu);
+V(vu);
 const Hi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6641,7 +6689,7 @@ const Hi = {
   slots: [],
   leaf: !0
 };
-w(In);
+V(In);
 function ku(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -6674,13 +6722,13 @@ function tn(t, e, i, o) {
   const p = {};
   return P(p, a), p.basic.id = C(16), p.basic.key = In.key, p.settings.value = i, p.settings.text = o, p;
 }
-const Un = B(O);
+const Un = B(K);
 Un.key = "backgroundColor";
 Un.name = "x-runtime-lib.backgroundColor";
-const Xn = B(O);
+const Xn = B(K);
 Xn.key = "selectedColor";
 Xn.name = "x-runtime-lib.selectedColor";
-const Yn = B(O);
+const Yn = B(K);
 Yn.key = "sliderColor";
 Yn.name = "x-runtime-lib.sliderColor";
 const Oi = {
@@ -6775,7 +6823,7 @@ const Oi = {
   slots: [],
   spawn: ku
 };
-w(Sn);
+V(Sn);
 function _u(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -6890,7 +6938,7 @@ const Ki = {
   leaf: !0,
   spawn: _u
 };
-w(ge);
+V(ge);
 function wu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -6990,7 +7038,7 @@ const Ui = {
   leaf: !0,
   spawn: wu
 };
-w(Cn);
+V(Cn);
 const Tn = {
   key: To,
   name: "x-runtime-lib.timelineItem",
@@ -7003,7 +7051,7 @@ const Tn = {
   methods: [],
   slots: []
 };
-w(Tn);
+V(Tn);
 function Vu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -7050,7 +7098,7 @@ function $u(t, e, i) {
   const a = {};
   return P(a, r), a.basic.id = C(16), a.basic.key = ge.key, a.settings.text = i, a;
 }
-const Iu = B(O), Su = B(O), Xi = {
+const Iu = B(K), Su = B(K), Xi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7141,7 +7189,7 @@ const Iu = B(O), Su = B(O), Xi = {
   slots: [],
   spawn: Vu
 };
-w(Pn);
+V(Pn);
 const zn = {
   key: Po,
   name: "x-runtime-lib.windowItem",
@@ -7154,7 +7202,7 @@ const zn = {
   methods: [],
   slots: []
 };
-w(zn);
+V(zn);
 function Cu(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
@@ -7195,13 +7243,13 @@ function Tu(t, e, i) {
     );
     return;
   }
-  const r = We.properties[s];
+  const r = Ee.properties[s];
   if (!r) {
     console.error(`windowV1/spawnFlexLayout properties not found, ${o}`);
     return;
   }
   const a = {};
-  return P(a, r), a.basic.id = C(16), a.basic.key = We.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Pu(t, e, i)], a;
+  return P(a, r), a.basic.id = C(16), a.basic.key = Ee.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Pu(t, e, i)], a;
 }
 function Pu(t, e, i) {
   const o = `type=${t} subtype=${e}`, s = A(t, e);
@@ -7278,7 +7326,7 @@ const Yi = {
   slots: [],
   spawn: Cu
 };
-w(An);
+V(An);
 const zu = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -7298,11 +7346,11 @@ const zu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], Eu = [
+], Wu = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], Wu = [
+], Eu = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
 ], Nu = [
@@ -7434,8 +7482,8 @@ const zu = [
   axisTypeItemsV1: Au,
   borderStyleItemsV1: Lu,
   colorModeItemsV1: Bu,
-  densityItemsV1: Eu,
-  directionItemsV1: Wu,
+  densityItemsV1: Wu,
+  directionItemsV1: Eu,
   fieldVariantItemsV1: Nu,
   flexCrossAlignItemsV1: Ru,
   flexDirectionItemsV1: Mu,
@@ -7543,7 +7591,7 @@ const zu = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: En,
+    validator: Wn,
     precision: 6,
     default: "0%"
   }
@@ -7567,7 +7615,7 @@ const zu = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: En,
+    validator: Wn,
     precision: 6,
     min: 0,
     default: "0%"
@@ -7592,7 +7640,7 @@ const zu = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: En,
+    validator: Wn,
     precision: 6,
     min: 0,
     default: "0%"
@@ -7740,7 +7788,7 @@ const zu = [
   {
     key: "geometries",
     name: "x-runtime-lib.geometries",
-    items: [Ze, Et]
+    items: [Ze, Wt]
   },
   {
     key: "lights",
@@ -7749,7 +7797,7 @@ const zu = [
       Xe,
       pt,
       Ct,
-      Wt
+      Et
     ]
   },
   {
@@ -7845,7 +7893,7 @@ const zu = [
   {
     key: "geometries",
     name: "x-runtime-lib.geometries",
-    items: [Ze, Et]
+    items: [Ze, Wt]
   },
   {
     key: "lights",
@@ -7854,7 +7902,7 @@ const zu = [
       Xe,
       pt,
       Ct,
-      Wt
+      Et
     ]
   },
   {
@@ -7920,8 +7968,8 @@ const zu = [
     At,
     Lt,
     Bt,
-    Et,
     Wt,
+    Et,
     Nt,
     Vo,
     $o,
@@ -7993,56 +8041,56 @@ function Zc(t, e, i, o, s) {
     return;
   }
   if (o) {
-    const m = p.refKey, d = s;
-    if (!p.elements.has(m)) {
+    const y = p.refKey, f = s;
+    if (!p.elements.has(y)) {
       console.error(`spawnNode [ref] element not found in pkg, ${r}`);
       return;
     }
-    const u = ze[m];
-    if (!u) {
+    const c = ze[y];
+    if (!c) {
       console.error(`spawnNode [ref] element not found in global, ${r}`);
       return;
     }
-    const c = u.properties[a];
-    if (!c) {
+    const u = c.properties[a];
+    if (!u) {
       console.error(`spawnNode [ref] properties not found, ${r}`);
       return;
     }
-    const y = {
+    const m = {
       basic: {
         id: "",
         key: ""
       }
     };
-    return P(y, c), y.basic.id = C(16), y.basic.key = m, y.reference = {
-      comp: d
-    }, y;
+    return P(m, u), m.basic.id = C(16), m.basic.key = y, m.reference = {
+      comp: f
+    }, m;
   } else {
-    const m = s;
-    if (!p.elements.has(m)) {
+    const y = s;
+    if (!p.elements.has(y)) {
       console.error(`spawnNode [key] element not found in pkg, ${r}`);
       return;
     }
-    const d = ze[m];
-    if (!d) {
+    const f = ze[y];
+    if (!f) {
       console.error(`spawnNode [key] element not found in global, ${r}`);
       return;
     }
-    if (d.spawn)
-      return d.spawn(t, e);
+    if (f.spawn)
+      return f.spawn(t, e);
     {
-      const u = d.properties[a];
-      if (!u) {
+      const c = f.properties[a];
+      if (!c) {
         console.error(`spawnNode [key] properties not found, ${r}`);
         return;
       }
-      const c = {
+      const u = {
         basic: {
           id: "",
           key: ""
         }
       };
-      return P(c, u), c.basic.id = C(16), c.basic.key = m, d.leaf || (c.children = []), c;
+      return P(u, c), u.basic.id = C(16), u.basic.key = y, f.leaf || (u.children = []), u;
     }
   }
 }
@@ -8076,7 +8124,7 @@ function Qc(t) {
     e.push(hc(i));
   }), e;
 }
-const zo = "runtimeOrg", Ao = "runtimeEnv", Lo = "runtimeMode", Bo = "runtimeDevice", Eo = "runtimeDark", Wo = "runtimeType", No = "runtimeData", Ro = "runtimeDepends", Mo = "runtimeSandbox";
+const zo = "runtimeOrg", Ao = "runtimeEnv", Lo = "runtimeMode", Bo = "runtimeDevice", Wo = "runtimeDark", Eo = "runtimeType", No = "runtimeData", Ro = "runtimeDepends", Mo = "runtimeSandbox";
 function ep(t) {
   ae(zo, t);
 }
@@ -8092,7 +8140,7 @@ function xc() {
 function np(t) {
   ae(Lo, t);
 }
-function G() {
+function H() {
   return le(Lo);
 }
 function ip(t) {
@@ -8102,16 +8150,16 @@ function Ce() {
   return le(Bo);
 }
 function op(t) {
-  ae(Eo, Bn(t));
+  ae(Wo, Bn(t));
 }
 function Re() {
-  return le(Eo);
+  return le(Wo);
 }
 function rp(t) {
-  ae(Wo, t);
+  ae(Eo, t);
 }
 function fe() {
-  return le(Wo);
+  return le(Eo);
 }
 function sp(t) {
   ae(No, t);
@@ -8139,87 +8187,87 @@ function De(t, e, i, o, s) {
   const { watchEffect: r, bind: a } = e;
   if (r[i])
     for (const p of r[i]) {
-      const m = hr(p);
-      t.callFunction(`__watchEffect$${m}__`);
+      const y = hr(p);
+      t.callFunction(`__watchEffect$${y}__`);
     }
   if (a.triggers[i])
     for (const p of a.triggers[i]) {
-      const m = a.sets[p];
-      if (!m) {
+      const y = a.sets[p];
+      if (!y) {
         console.assert(!1);
         continue;
       }
-      let d = null;
-      for (const c of m)
-        if (i === Pe(c)) {
-          if (c.subKeys) {
+      let f = null;
+      for (const u of y)
+        if (i === Pe(u)) {
+          if (u.subKeys) {
             if (!re(
-              Ve(o, c.subKeys),
-              Ve(s, c.subKeys)
+              Ve(o, u.subKeys),
+              Ve(s, u.subKeys)
             )) {
-              d = c;
+              f = u;
               break;
             }
           } else if (!re(o, s)) {
-            d = c;
+            f = u;
             break;
           }
         }
-      if (!d)
+      if (!f)
         continue;
-      let u;
-      d.subKeys ? u = Ve(o, d.subKeys) : u = o;
-      for (const c of m)
-        if (c.subKeys) {
-          let y;
-          if (c.type === "elementProperty")
-            y = t.getElementProperty(
-              c.nodeId,
-              c.propertyKeys
+      let c;
+      f.subKeys ? c = Ve(o, f.subKeys) : c = o;
+      for (const u of y)
+        if (u.subKeys) {
+          let m;
+          if (u.type === "elementProperty")
+            m = t.getElementProperty(
+              u.nodeId,
+              u.propertyKeys
             );
-          else if (c.type === "customProperty")
-            y = t.getCustomProperty(c.propertyId);
-          else if (c.type === "state")
-            y = t.getState(c.stateId);
-          else if (c.type === "adaptSlotProperty")
-            y = t.getAdaptSlotProperty(c.propertyId);
+          else if (u.type === "customProperty")
+            m = t.getCustomProperty(u.propertyId);
+          else if (u.type === "state")
+            m = t.getState(u.stateId);
+          else if (u.type === "adaptSlotProperty")
+            m = t.getAdaptSlotProperty(u.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          const f = Ve(y, c.subKeys);
-          if (re(u, f))
+          const d = Ve(m, u.subKeys);
+          if (re(c, d))
             continue;
-          const h = B(y);
-          yo(h, c.subKeys, B(u)), c.type === "elementProperty" ? t.setElementProperty(
-            c.nodeId,
-            c.propertyKeys,
+          const h = B(m);
+          yo(h, u.subKeys, B(c)), u.type === "elementProperty" ? t.setElementProperty(
+            u.nodeId,
+            u.propertyKeys,
             h
-          ) : c.type === "customProperty" ? t.setCustomProperty(c.propertyId, h) : c.type === "state" ? t.setState(c.stateId, h) : c.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(c.propertyId, h) : console.assert(!1);
+          ) : u.type === "customProperty" ? t.setCustomProperty(u.propertyId, h) : u.type === "state" ? t.setState(u.stateId, h) : u.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(u.propertyId, h) : console.assert(!1);
         } else {
-          let y;
-          if (c.type === "elementProperty")
-            y = t.getElementProperty(
-              c.nodeId,
-              c.propertyKeys
+          let m;
+          if (u.type === "elementProperty")
+            m = t.getElementProperty(
+              u.nodeId,
+              u.propertyKeys
             );
-          else if (c.type === "customProperty")
-            y = t.getCustomProperty(c.propertyId);
-          else if (c.type === "state")
-            y = t.getState(c.stateId);
-          else if (c.type === "adaptSlotProperty")
-            y = t.getAdaptSlotProperty(c.propertyId);
+          else if (u.type === "customProperty")
+            m = t.getCustomProperty(u.propertyId);
+          else if (u.type === "state")
+            m = t.getState(u.stateId);
+          else if (u.type === "adaptSlotProperty")
+            m = t.getAdaptSlotProperty(u.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          if (re(u, y))
+          if (re(c, m))
             continue;
-          c.type === "elementProperty" ? t.setElementProperty(
-            c.nodeId,
-            c.propertyKeys,
-            B(u)
-          ) : c.type === "customProperty" ? t.setCustomProperty(c.propertyId, B(u)) : c.type === "state" ? t.setState(c.stateId, B(u)) : c.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(c.propertyId, B(u)) : console.assert(!1);
+          u.type === "elementProperty" ? t.setElementProperty(
+            u.nodeId,
+            u.propertyKeys,
+            B(c)
+          ) : u.type === "customProperty" ? t.setCustomProperty(u.propertyId, B(c)) : u.type === "state" ? t.setState(u.stateId, B(c)) : u.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(u.propertyId, B(c)) : console.assert(!1);
         }
     }
 }
@@ -8280,58 +8328,66 @@ function Do(t, e) {
   });
 }
 function _c(t) {
-  function e(d) {
-    const u = t.pseudoToNative(d), c = [], y = u.split(".");
-    for (let f = 0; f < y.length; f++) {
-      const h = y[f].trim();
-      if (h !== "")
-        if (/^\[\d+\]$/.test(h)) {
-          let x = parseInt(h.slice(1, -1), 10);
-          x > 0 && x--, c.push(x);
+  function e(u) {
+    const m = t.pseudoToNative(u), d = [], h = m.split(".");
+    for (let x = 0; x < h.length; x++) {
+      const g = h[x].trim();
+      if (g !== "")
+        if (/^\[\d+\]$/.test(g)) {
+          let $ = parseInt(g.slice(1, -1), 10);
+          $ > 0 && $--, d.push($);
         } else
-          c.push(h);
+          d.push(g);
     }
-    return t.nativeToPseudo(c);
+    return t.nativeToPseudo(d);
   }
-  function i(d) {
-    const u = t.pseudoToNative(d);
+  function i(u) {
+    const m = t.pseudoToNative(u);
     try {
-      const c = JSON.parse(u);
-      return t.nativeToPseudo(c);
+      const d = JSON.parse(m);
+      return t.nativeToPseudo(d);
     } catch {
       return t.nativeToPseudo({});
     }
   }
-  function o(d) {
-    const u = t.pseudoToNative(d), c = JSON.stringify(u);
-    return t.nativeToPseudo(c);
+  function o(u) {
+    const m = t.pseudoToNative(u), d = JSON.stringify(m);
+    return t.nativeToPseudo(d);
   }
-  function s(d) {
-    const u = t.pseudoToNative(d);
-    console.log(u);
+  function s(u) {
+    const m = t.pseudoToNative(u);
+    console.log(m);
   }
-  function r(d) {
-    const u = t.pseudoToNative(d);
-    let c = "";
-    typeof u == "object" ? c = JSON.stringify(u) : c = String(u), oo.emit("consoleAppend", c);
+  function r(u) {
+    const m = t.pseudoToNative(u);
+    let d = "";
+    typeof m == "object" ? d = JSON.stringify(m) : d = String(m), oo.emit("consoleAppend", d);
   }
-  function a(d, u) {
-    const c = t.pseudoToNative(d), y = t.pseudoToNative(u);
-    c === "info" ? Jo(y) : c === "success" ? Zo(y) : c === "warning" ? ro(y) : c === "error" && so(y);
+  function a(u, m) {
+    const d = t.pseudoToNative(u), h = t.pseudoToNative(m);
+    d === "info" ? Jo(h) : d === "success" ? Zo(h) : d === "warning" ? ro(h) : d === "error" && so(h);
   }
-  function p(d, u) {
-    const c = t.pseudoToNative(d), y = t.pseudoToNative(u);
+  function p(u, m) {
+    const d = t.pseudoToNative(u), h = t.pseudoToNative(m);
     window.setTimeout(() => {
-      t.callFunction(`__timeoutCallbackV1__(${c})`);
-    }, y);
+      t.callFunction("__timeoutCallbackV1__", [d]);
+    }, h);
   }
-  function m(d, u) {
-    const c = t.pseudoToNative(d);
+  function y(u, m) {
+    const d = t.pseudoToNative(u);
     window.setTimeout(() => {
-      u(), t.run();
-    }, c);
+      m(), t.run();
+    }, d);
+  }
+  function f(u, m) {
+    const d = t.pseudoToNative(u), h = t.pseudoToNative(m);
+    t.parent?.callFunction(d, h);
   }
-  t.bindNativeFunction("__parseKeysV1__", e), t.bindNativeFunction("__parseJsonV1__", i), t.bindNativeFunction("__jsonStringifyV1__", o), t.bindNativeFunction("__consoleLogV1__", s), t.bindNativeFunction("__debugTraceV1__", r), t.bindNativeFunction("__messageV1__", a), t.bindNativeFunction("__timeoutV1__", p), t.bindAsyncFunction("__delayV1__", m);
+  function c(u, m, d) {
+    const h = t.pseudoToNative(u), x = t.pseudoToNative(m), g = t.pseudoToNative(d);
+    t.children[h]?.callFunction(x, g);
+  }
+  t.bindNativeFunction("__parseKeysV1__", e), t.bindNativeFunction("__parseJsonV1__", i), t.bindNativeFunction("__jsonStringifyV1__", o), t.bindNativeFunction("__consoleLogV1__", s), t.bindNativeFunction("__debugTraceV1__", r), t.bindNativeFunction("__messageV1__", a), t.bindNativeFunction("__timeoutV1__", p), t.bindAsyncFunction("__delayV1__", y), t.bindNativeFunction("__callFunctionUpV1__", f), t.bindNativeFunction("__callFunctionDownV1__", c);
 }
 const Fo = qo({
   baseUrl: "http://localhost/computebase/",
@@ -8346,75 +8402,71 @@ function wc(t) {
 }
 function Vc(t) {
   async function e(i, o, s, r, a, p) {
-    const m = t.pseudoToNative(i), d = t.pseudoToNative(o), u = t.pseudoToNative(s), c = t.pseudoToNative(r), y = t.pseudoToNative(a);
+    const y = t.pseudoToNative(i), f = t.pseudoToNative(o), c = t.pseudoToNative(s), u = t.pseudoToNative(r), m = t.pseudoToNative(a);
     try {
-      const f = JSON.stringify(u), { strOutputs: h } = await wc({
-        spaceId: m,
-        id: d,
-        strInputs: f,
-        env: c
+      const d = JSON.stringify(c), { strOutputs: h } = await wc({
+        spaceId: y,
+        id: f,
+        strInputs: d,
+        env: u
       }), x = JSON.parse(h);
       p(t.nativeToPseudo(x)), t.run();
-    } catch (f) {
-      console.error("callFuncV1 failed", y, f);
+    } catch (d) {
+      console.error("callFuncV1 failed", m, d);
     }
   }
   t.bindAsyncFunction("__callFuncV1__", e);
 }
 function $c(t) {
-  function e(u, ...c) {
-    const y = t.pseudoToNative(u), f = t.pseudoToNative(c);
-    t.parent?.callFunction("__triggerEventV1__", [y, ...f]);
+  function e(f, c, u) {
+    let m;
+    const d = t.pseudoToNative(f), h = t.pseudoToNative(c), x = t.pseudoToNative(u);
+    return d === "elementProperty" ? m = t.getElementProperty(h, x) : d === "referenceProperty" || (d === "customProperty" ? m = t.getCustomProperty(x) : d === "elementSlotProperty" || d === "customSlotProperty" ? m = t.getAdaptSlotProperty(x) : console.assert(!1)), t.nativeToPseudo(m);
   }
-  function i(u, c, y) {
-    let f;
-    const h = t.pseudoToNative(u), x = t.pseudoToNative(c), g = t.pseudoToNative(y);
-    return h === "elementProperty" ? f = t.getElementProperty(x, g) : h === "referenceProperty" || (h === "customProperty" ? f = t.getCustomProperty(g) : h === "elementSlotProperty" || h === "customSlotProperty" ? f = t.getAdaptSlotProperty(g) : console.assert(!1)), t.nativeToPseudo(f);
+  function i(f, c, u, m) {
+    const d = t.pseudoToNative(f), h = t.pseudoToNative(c), x = t.pseudoToNative(u), g = t.pseudoToNative(m);
+    d === "elementProperty" ? t.setElementProperty(h, x, g) : d === "referenceProperty" || (d === "customProperty" ? t.setCustomProperty(x, g) : d === "elementSlotProperty" || d === "customSlotProperty" ? t.setAdaptSlotProperty(x, g) : console.assert(!1));
   }
-  function o(u, c, y, f) {
-    const h = t.pseudoToNative(u), x = t.pseudoToNative(c), g = t.pseudoToNative(y), _ = t.pseudoToNative(f);
-    h === "elementProperty" ? t.setElementProperty(x, g, _) : h === "referenceProperty" || (h === "customProperty" ? t.setCustomProperty(g, _) : h === "elementSlotProperty" || h === "customSlotProperty" ? t.setAdaptSlotProperty(g, _) : console.assert(!1));
+  function o(f, c, u, m) {
+    const d = t.pseudoToNative(f), h = t.pseudoToNative(c), x = t.pseudoToNative(u), g = { outputs: [] };
+    t.eventBus.emit(`callMethod@${d}`, { name: h, inputs: x, result: g }), m(t.nativeToPseudo(g.outputs)), t.run();
   }
-  function s(u, c, y, f) {
-    const h = t.pseudoToNative(u), x = t.pseudoToNative(c), g = t.pseudoToNative(y), _ = { outputs: [] };
-    t.eventBus.emit(`callMethod@${h}`, { name: x, inputs: g, result: _ }), f(t.nativeToPseudo(_.outputs)), t.run();
+  function s(f) {
+    const c = t.pseudoToNative(f), u = t.getState(c);
+    return t.nativeToPseudo(u);
   }
-  function r(u) {
-    const c = t.pseudoToNative(u), y = t.getState(c);
-    return t.nativeToPseudo(y);
+  function r(f, c) {
+    const u = t.pseudoToNative(f), m = t.pseudoToNative(c);
+    t.setState(u, m);
   }
-  function a(u, c) {
-    const y = t.pseudoToNative(u), f = t.pseudoToNative(c);
-    t.setState(y, f);
-  }
-  function p(u, c) {
-    const y = t.pseudoToNative(u), f = t.pseudoToNative(c);
+  function a(f, c) {
+    const u = t.pseudoToNative(f), m = t.pseudoToNative(c);
     if (t.mode === "runtime") {
-      const h = "/main/" + Date.now(), x = {
+      const d = "/main/" + Date.now(), h = {
         orgId: t.org,
-        appId: `${y}${t.env}`,
-        pageId: f
+        appId: `${u}${t.env}`,
+        pageId: m
       };
-      he.router.replace({ path: h, query: x });
+      he.router.replace({ path: d, query: h });
     } else t.mode === "preview" && ro(
       he.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
   }
-  function m(u, c, y) {
-    const f = t.pseudoToNative(u), h = t.pseudoToNative(c);
-    Qo({ title: f, text: h }).then((x) => {
-      y(t.nativeToPseudo(x)), t.run();
+  function p(f, c, u) {
+    const m = t.pseudoToNative(f), d = t.pseudoToNative(c);
+    Qo({ title: m, text: d }).then((h) => {
+      u(t.nativeToPseudo(h)), t.run();
     });
   }
-  function d(u, c, y, f) {
-    const h = t.pseudoToNative(u), x = t.pseudoToNative(c), g = t.pseudoToNative(y);
-    er({ title: h, label: x, value: g }).then((_) => {
-      f(t.nativeToPseudo(_)), t.run();
+  function y(f, c, u, m) {
+    const d = t.pseudoToNative(f), h = t.pseudoToNative(c), x = t.pseudoToNative(u);
+    er({ title: d, label: h, value: x }).then((g) => {
+      m(t.nativeToPseudo(g)), t.run();
     });
   }
-  t.bindNativeFunction("__triggerParentEventV1__", e), t.bindNativeFunction("__getPropertyV1__", i), t.bindNativeFunction("__setPropertyV1__", o), t.bindAsyncFunction("__callMethodV1__", s), t.bindNativeFunction("__getStateV1__", r), t.bindNativeFunction("__setStateV1__", a), t.bindNativeFunction("__navigateToV1__", p), t.bindAsyncFunction("__openConfirmDlgV1__", m), t.bindAsyncFunction("__openPromptDlgV1__", d);
+  t.bindNativeFunction("__getPropertyV1__", e), t.bindNativeFunction("__setPropertyV1__", i), t.bindAsyncFunction("__callMethodV1__", o), t.bindNativeFunction("__getStateV1__", s), t.bindNativeFunction("__setStateV1__", r), t.bindNativeFunction("__navigateToV1__", a), t.bindAsyncFunction("__openConfirmDlgV1__", p), t.bindAsyncFunction("__openPromptDlgV1__", y);
 }
 function Ic(t) {
   _c(t), Vc(t), $c(t);
@@ -8737,90 +8789,90 @@ ${wr(e)}} catch (e) {
   }
 }
 function jo(t, e, i) {
-  const o = gc(), s = xc(), r = G(), a = fe(), p = Ce(), m = Re(), d = (x, g, _, T) => {
-    if (q(r) && (f.callFunction("__triggerEventV1__", [
+  const o = gc(), s = xc(), r = H(), a = fe(), p = Ce(), y = Re(), f = (x, g, $, T) => {
+    if (q(r) && (d.callFunction("__triggerEventV1__", [
       me(
         "elementPropertyChangeEvent",
         x,
         Ac(g)
       ),
-      _,
-      T ?? _
+      $,
+      T ?? $
     ]), t.value?.code.reactivity)) {
-      let N = "";
-      g instanceof Array ? N = g.join(".") : N = g, De(
-        f,
+      let R = "";
+      g instanceof Array ? R = g.join(".") : R = g, De(
+        d,
         t.value.code.reactivity,
         Pe({
           type: "elementProperty",
           nodeId: x,
-          propertyKeys: N
+          propertyKeys: R
         }),
-        _,
+        $,
         T
       );
     }
-  }, u = (x, g, _) => {
-    q(r) && (f.callFunction("__triggerEventV1__", [
+  }, c = (x, g, $) => {
+    q(r) && (d.callFunction("__triggerEventV1__", [
       me("customPropertyChangeEvent", "globality", x),
       g,
-      _ ?? g
+      $ ?? g
     ]), t.value?.code.reactivity && De(
-      f,
+      d,
       t.value.code.reactivity,
       Pe({ type: "customProperty", propertyId: x }),
       g,
-      _
+      $
     ));
-  }, c = (x, g, _) => {
+  }, u = (x, g, $) => {
     q(r) && t.value?.code.reactivity && De(
-      f,
+      d,
       t.value.code.reactivity,
       Pe({ type: "adaptSlotProperty", propertyId: x }),
       g,
-      _
+      $
     );
-  }, y = (x, g, _) => {
-    q(r) && (f.callFunction("__triggerEventV1__", [
+  }, m = (x, g, $) => {
+    q(r) && (d.callFunction("__triggerEventV1__", [
       me("stateChangeEvent", "globality", x),
       g,
-      _ ?? g
+      $ ?? g
     ]), t.value?.code.reactivity && De(
-      f,
+      d,
       t.value.code.reactivity,
       Pe({ type: "state", stateId: x }),
       g,
-      _
+      $
     ));
-  }, f = new Lc(e, i, o, s, r, a, {
-    onElementPropertyChange: d,
-    onCustomPropertyChange: u,
-    onAdaptSlotPropertyChange: c,
-    onStateChange: y
+  }, d = new Lc(e, i, o, s, r, a, {
+    onElementPropertyChange: f,
+    onCustomPropertyChange: c,
+    onAdaptSlotPropertyChange: u,
+    onStateChange: m
   });
-  kc(f);
+  kc(d);
   const h = () => {
-    q(r) && (f.destroyInterpreter(), f.syncNodes(t.value), f.resetCustomProperties(), f.resetAdaptSlotProperties(), f.resetStates(), !(!t.value || !t.value.code.script) && f.createInterpreter(t.value.code.script));
+    q(r) && (d.destroyInterpreter(), d.syncNodes(t.value), d.resetCustomProperties(), d.resetAdaptSlotProperties(), d.resetStates(), !(!t.value || !t.value.code.script) && d.createInterpreter(t.value.code.script));
   };
-  h(), te(t, () => {
+  h(), ne(t, () => {
     h();
   }), Ke(() => {
-    f.dispose();
-  }), q(r) && te(
+    d.dispose();
+  }), q(r) && ne(
     p,
     (x, g) => {
-      const _ = Fe(x.width), T = Fe(g?.width ?? x.width);
-      f.callFunction("__triggerEventV1__", [
+      const $ = Fe(x.width), T = Fe(g?.width ?? x.width);
+      d.callFunction("__triggerEventV1__", [
         me("elementEvent", "globality", "screenSizeChange"),
-        _,
+        $,
         T
       ]);
     },
     { immediate: !0 }
-  ), q(r) && te(
-    m,
+  ), q(r) && ne(
+    y,
     (x) => {
-      f.callFunction("__triggerEventV1__", [
+      d.callFunction("__triggerEventV1__", [
         me("elementEvent", "globality", "darkModeChange"),
         x
       ]);
@@ -8848,7 +8900,7 @@ export {
   Oa as btnToggleV1,
   cn as btnV1,
   Fe as calcBreakpoint,
-  Ee as cardV1,
+  We as cardV1,
   Ua as checkboxV1,
   mn as chipGroupV1,
   pn as chipV1,
@@ -8866,7 +8918,7 @@ export {
   Oc as ensureContext,
   Jc as fileInputV1,
   yn as flexLayoutEntryV1,
-  We as flexLayoutV1,
+  Ee as flexLayoutV1,
   hn as formV1,
   C as genId,
   Te as getBreakpointProp,
@@ -8877,7 +8929,7 @@ export {
   A as getPropertyTag,
   Hc as getTypeColor,
   Fa as globalityV1,
-  Ea as groupV1,
+  Wa as groupV1,
   su as iconV1,
   P as initProperties,
   Re as injectDark,
@@ -8885,7 +8937,7 @@ export {
   vc as injectDepends,
   Ce as injectDevice,
   xc as injectEnv,
-  G as injectMode,
+  H as injectMode,
   gc as injectOrg,
   _e as injectSandbox,
   fe as injectType,
@@ -8894,7 +8946,7 @@ export {
   Cr as isLocaleOfEventKind,
   Sr as isLocaleOfMethodKind,
   Ir as isLocaleOfPropertyKind,
-  En as isPercentStr,
+  Wn as isPercentStr,
   Ue as isPixelStr,
   _a as keyboardControlsV1,
   un as lineChartV1,