x-runtime-lib 0.8.104 → 0.8.106

package/dist/index.js

@@ -15,21 +15,21 @@ var Ie = (t, n, e) => {
   } else e && t.push([e]);
   return n;
 }, Ve = (t, n, e) => {
-  var o = typeof SuppressedError == "function" ? SuppressedError : function(a, c, m, p) {
-    return p = Error(m), p.name = "SuppressedError", p.error = a, p.suppressed = c, p;
+  var o = typeof SuppressedError == "function" ? SuppressedError : function(a, c, u, p) {
+    return p = Error(u), p.name = "SuppressedError", p.error = a, p.suppressed = c, p;
   }, s = (a) => n = e ? new o(a, n, "An error was suppressed during disposal") : (e = !0, a), r = (a) => {
     for (; a = t.pop(); )
       try {
         var c = a[1] && a[1].call(a[2]);
-        if (a[0]) return Promise.resolve(c).then(r, (m) => (s(m), r()));
-      } catch (m) {
-        s(m);
+        if (a[0]) return Promise.resolve(c).then(r, (u) => (s(u), r()));
+      } catch (u) {
+        s(u);
       }
     if (e) throw n;
   };
   return r();
 };
-import { defineComponent as I, createElementBlock as se, renderSlot as R, unref as i, openBlock as _, createElementVNode as te, computed as k, normalizeStyle as re, toRef as Go, onBeforeMount as Ho, onUnmounted as Ge, ref as ie, watchEffect as ye, watch as ce, createBlock as $, withCtx as w, createCommentVNode as le, useTemplateRef as co, onMounted as uo, nextTick as mo, useAttrs as Uo, h as pe, resolveComponent as M, createVNode as F, isRef as Z, createSlots as Ot, renderList as Jo, useId as po, withModifiers as qo, normalizeClass as Xo, toDisplayString as Yo, inject as ue, provide as me, readonly as jt } from "vue";
+import { defineComponent as I, createElementBlock as se, renderSlot as R, unref as i, openBlock as _, createElementVNode as te, computed as k, normalizeStyle as re, toRef as Go, onBeforeMount as Ho, onUnmounted as Ge, ref as ie, watchEffect as ye, watch as ce, createBlock as $, withCtx as w, createCommentVNode as le, useTemplateRef as co, onMounted as uo, nextTick as mo, useAttrs as Uo, h as pe, resolveComponent as M, createVNode as O, isRef as Z, createSlots as Ft, renderList as Jo, useId as po, withModifiers as qo, normalizeClass as Xo, toDisplayString as Yo, inject as ue, provide as me, readonly as Nt } from "vue";
 import { globalObjects as we, waitUtil as fo, useViewStack as yo, eventBus as bo, messageInfo as Zo, messageSuccess as Qo, messageWarning as go, messageError as ho, createAxios as ei, openConfirmDlg as ti, openPromptDlg as ni } from "x-essential-lib";
 import { CameraHelper as _o, DirectionalLightHelper as oi, PointLightHelper as ii, SpotLightHelper as ri } from "three";
 import { c as K, i as de, a as He, K as si, M as li, O as ai, u as ci, r as vo, e as xo, b as ui, d as mi, f as pi, g as di, h as fi, j as yi, k as bi, l as gi, m as ko, n as hi, o as _i, p as vi, q as xi } from "./vendor.nccqfajx.js";
@@ -51,7 +51,7 @@ function nt(t) {
   const n = t.substring(0, t.length - 2), e = parseFloat(n);
   return !(isNaN(e) || e % 1 !== 0);
 }
-function Nt(t) {
+function jt(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return !1;
   const n = t.substring(0, t.length - 1), e = parseFloat(n);
@@ -157,7 +157,7 @@ function Qc(t, n, e, o, s) {
     children: {}
   }, r.children[e] = a);
 }
-function E() {
+function T() {
   return {
     basic: {
       id: "",
@@ -165,15 +165,48 @@ function E() {
     }
   };
 }
-function A(t, n) {
+function E(t, n) {
   return {
     id: t.basic.id,
     key: t.basic.key,
-    ref: t.reference?.comp,
+    refId: t.reference?.comp,
     children: n
   };
 }
-const $i = ["common", "scene"], Ci = ["common", "scene"], eu = [
+const $i = ["common", "scene"], Ci = ["common", "scene"];
+function eu({ type: t, version: n, view: e, code: o }) {
+  const s = JSON.parse(
+    JSON.stringify(e.nodeLites, (a, c) => {
+      if (["id", "children"].includes(a))
+        return c;
+    })
+  ), r = {
+    type: t,
+    version: n,
+    view: {
+      nodeLites: s,
+      nodes: e.nodes
+    },
+    code: o
+  };
+  return JSON.stringify(r);
+}
+function tu(t) {
+  const { type: n, version: e, view: o, code: s } = JSON.parse(t), r = {
+    type: n,
+    version: e,
+    view: o,
+    code: s
+  }, a = (c, u) => {
+    c.key = u.basic.key, c.alias = u.basic.alias, c.refId = u.reference?.comp, c.children?.map((p) => {
+      a(p, r.view.nodes[p.id]);
+    });
+  };
+  return r.view.nodeLites.map((c) => {
+    a(c, r.view.nodes[c.id]);
+  }), r;
+}
+const nu = [
   "globality_v1",
   "multiple_ref_v1",
   "reference_v1",
@@ -282,13 +315,25 @@ function Pi(t) {
   }
   return !0;
 }
-function tu(t) {
+function ou(t) {
   switch (t) {
     case "customSlot":
       return !1;
   }
   return !0;
 }
+function iu(t) {
+  return JSON.stringify(t);
+}
+function ru(t) {
+  return JSON.parse(t);
+}
+function su(t) {
+  return JSON.stringify(t);
+}
+function lu(t) {
+  return JSON.parse(t);
+}
 function $o(t) {
   let n = t;
   for (; n; ) {
@@ -305,24 +350,24 @@ function Ht(t, n, e) {
     a > 0 && (s += " - "), e ? s += o.global.t(r) : s += r;
   }), s;
 }
-function nu(t, n) {
+function au(t, n) {
   const { i18n: e } = we;
   let o = "";
   return t === "elementProperty" || (t === "referenceProperty" || t === "multipleRefProperty" || t === "customProperty" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotProperty" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? o = e.global.t("x-runtime-lib.adaptSlot") : console.assert(!1)), Ht(o, n, Ii(t));
 }
-function ou(t, n) {
+function cu(t, n) {
   const { i18n: e } = we;
   let o = "";
   return t === "elementMethod" || (t === "referenceMethod" || t === "multipleRefMethod" || t === "customMethod" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotMethod" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? o = e.global.t("x-runtime-lib.adaptSlot") : console.assert(!1)), Ht(o, n, Vi(t));
 }
-function iu(t, n) {
+function uu(t, n) {
   const { i18n: e } = we;
   let o = "";
   return t === "elementEvent" || (t === "referenceEvent" || t === "multipleRefEvent" || t === "customEvent" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotEvent" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementEvent" || t === "adaptSlotCustomEvent" ? o = e.global.t("x-runtime-lib.adaptSlot") : t === "elementPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = e.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customPropertyChange") : t === "customSlotPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customSlotPropertyChange") : t === "adaptSlotElementPropertyChangeEvent" || t === "adaptSlotCustomPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.adaptSlotPropertyChange") : t === "stateChangeEvent" ? o = e.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Ht(o, n, Pi(t));
 }
 const Ke = {}, S = (t) => {
   Ke[t.key] = t;
-}, Ti = ["position", "rotation", "scale"], $e = /* @__PURE__ */ I({
+}, Li = ["position", "rotation", "scale"], $e = /* @__PURE__ */ I({
   __name: "index",
   props: {
     position: {},
@@ -341,9 +386,9 @@ const Ke = {}, S = (t) => {
       o[0] || (o[0] = te("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)),
       o[1] || (o[1] = te("TresMeshBasicMaterial", null, null, -1)),
       R(e.$slots, "default")
-    ], 8, Ti)) : R(e.$slots, "default", { key: 1 });
+    ], 8, Li)) : R(e.$slots, "default", { key: 1 });
   }
-}), j = /* @__PURE__ */ I({
+}), N = /* @__PURE__ */ I({
   __name: "index",
   props: {
     block: { type: Boolean, default: !1 }
@@ -398,7 +443,7 @@ const zi = (t, n, e, o) => {
     return;
   } else
     return s;
-}, Ei = (t, n, e, o, s) => {
+}, Ti = (t, n, e, o, s) => {
   let r;
   s ? typeof o == "object" ? r = JSON.stringify(o, null, 2) : (console.assert(!1), r = "{}") : r = o, t ? t.setElementProperty(n.basic.id, e, r) : Gt(n, e, r);
 };
@@ -407,7 +452,7 @@ function l(t, n, e) {
   return ye(() => {
     s.value = zi(o, t.value, n, e);
   }), ce(s, (r, a) => {
-    de(r, a) || Ei(o, t.value, n, s.value, e);
+    de(r, a) || Ti(o, t.value, n, s.value, e);
   }), { property: s };
 }
 function G() {
@@ -439,20 +484,20 @@ function be(t) {
     "transform",
     "rotation",
     "z"
-  ]), { property: c } = l(t, ["transform", "scale", "x"]), { property: m } = l(t, ["transform", "scale", "y"]), { property: p } = l(t, ["transform", "scale", "z"]), d = ie([0, 0, 0]), u = ie([0, 0, 0]), f = ie([1, 1, 1]);
+  ]), { property: c } = l(t, ["transform", "scale", "x"]), { property: u } = l(t, ["transform", "scale", "y"]), { property: p } = l(t, ["transform", "scale", "z"]), d = ie([0, 0, 0]), m = ie([0, 0, 0]), f = ie([1, 1, 1]);
   return ye(() => {
     d.value = [n.value, e.value, o.value];
   }), ye(() => {
     n.value = d.value[0], e.value = d.value[1], o.value = d.value[2];
   }), ye(() => {
-    u.value = [s.value, r.value, a.value];
+    m.value = [s.value, r.value, a.value];
   }), ye(() => {
-    s.value = u.value[0], r.value = u.value[1], a.value = u.value[2];
+    s.value = m.value[0], r.value = m.value[1], a.value = m.value[2];
   }), ye(() => {
-    f.value = [c.value, m.value, p.value];
+    f.value = [c.value, u.value, p.value];
   }), ye(() => {
-    c.value = f.value[0], m.value = f.value[1], p.value = f.value[2];
-  }), { position: d, rotation: u, scale: f };
+    c.value = f.value[0], u.value = f.value[1], p.value = f.value[2];
+  }), { position: d, rotation: m, scale: f };
 }
 function Co(t) {
   const n = k(() => t.value.legend?.show), e = k(() => t.value.legend?.data);
@@ -494,7 +539,7 @@ function Po(t) {
   }
   return { show: n, position: e, type: o, data: s, applyXAxis: r };
 }
-function To(t) {
+function Lo(t) {
   const n = k(() => t.value.yAxis?.show), e = k(() => t.value.yAxis?.position), o = k(() => t.value.yAxis?.type), s = k(() => t.value.yAxis?.data);
   function r(a) {
     a.yAxis = {
@@ -513,16 +558,16 @@ function q(t) {
   }), r = k(() => e.value ? t.value.custom?.dark : t.value.custom?.light), a = k(() => o.value === "theme" ? s.value ?? "" : o.value === "custom" ? r.value ?? "" : ""), c = k(() => {
     const p = a.value;
     return !p.startsWith("#") || p.length < 7 ? "" : p.substring(0, 7);
-  }), m = k(() => {
+  }), u = k(() => {
     const p = a.value;
     return p.startsWith("#") ? p.length < 9 ? 1 : parseInt(p.substring(7, 9)) / 255 : 0;
   });
-  return { color: a, rgb: c, alpha: m };
+  return { color: a, rgb: c, alpha: u };
 }
 function Ut(t) {
-  const n = k(() => t.value.border?.style), e = k(() => t.value.border?.width), o = k(() => t.value.border?.color), { color: s } = q(o), r = k(() => t.value.border?.roundRadius?.tl), a = k(() => t.value.border?.roundRadius?.tr), c = k(() => t.value.border?.roundRadius?.bl), m = k(() => t.value.border?.roundRadius?.br);
+  const n = k(() => t.value.border?.style), e = k(() => t.value.border?.width), o = k(() => t.value.border?.color), { color: s } = q(o), r = k(() => t.value.border?.roundRadius?.tl), a = k(() => t.value.border?.roundRadius?.tr), c = k(() => t.value.border?.roundRadius?.bl), u = k(() => t.value.border?.roundRadius?.br);
   function p(d) {
-    n.value && (d.borderStyle = n.value), e.value && (d.borderWidth = e.value), s.value && (d.borderColor = s.value), r.value && (d.borderTopLeftRadius = r.value), a.value && (d.borderTopRightRadius = a.value), c.value && (d.borderBottomLeftRadius = c.value), m.value && (d.borderBottomRightRadius = m.value);
+    n.value && (d.borderStyle = n.value), e.value && (d.borderWidth = e.value), s.value && (d.borderColor = s.value), r.value && (d.borderTopLeftRadius = r.value), a.value && (d.borderTopRightRadius = a.value), c.value && (d.borderBottomLeftRadius = c.value), u.value && (d.borderBottomRightRadius = u.value);
   }
   return { borderStyle: n, borderWidth: e, borderColor: s, applyBorder: p };
 }
@@ -543,32 +588,32 @@ function qt(t) {
 function ge(t, n) {
   const e = J(), o = Be(), s = k(() => n.value.size?.width), r = k(() => n.value.size?.minWidth), a = k(() => n.value.size?.maxWidth), c = k(() => {
     if (t.outer && e === "editor") {
-      const u = at(n.value.size?.height);
-      if (u)
-        return u / 100 * o.value.height + "px";
+      const m = at(n.value.size?.height);
+      if (m)
+        return m / 100 * o.value.height + "px";
     }
     return n.value.size?.height;
-  }), m = k(() => {
+  }), u = k(() => {
     if (t.outer && e === "editor") {
-      const u = at(n.value.size?.minHeight);
-      if (u)
-        return u / 100 * o.value.height + "px";
+      const m = at(n.value.size?.minHeight);
+      if (m)
+        return m / 100 * o.value.height + "px";
     }
     return n.value.size?.minHeight;
   }), p = k(() => {
     if (t.outer && e === "editor") {
-      const u = at(n.value.size?.maxHeight);
-      if (u)
-        return u / 100 * o.value.height + "px";
+      const m = at(n.value.size?.maxHeight);
+      if (m)
+        return m / 100 * o.value.height + "px";
     }
     return n.value.size?.maxHeight;
   });
-  function d(u) {
-    s.value && (u.width = s.value), r.value && (u.minWidth = r.value), a.value && (u.maxWidth = a.value), c.value && (u.height = c.value), m.value && (u.minHeight = m.value), p.value && (u.maxHeight = p.value);
+  function d(m) {
+    s.value && (m.width = s.value), r.value && (m.minWidth = r.value), a.value && (m.maxWidth = a.value), c.value && (m.height = c.value), u.value && (m.minHeight = u.value), p.value && (m.maxHeight = p.value);
   }
-  return { width: s, minWidth: r, maxWidth: a, height: c, minHeight: m, maxHeight: p, applySize: d };
+  return { width: s, minWidth: r, maxWidth: a, height: c, minHeight: u, maxHeight: p, applySize: d };
 }
-const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Li = /* @__PURE__ */ I({
+const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Ai = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -576,7 +621,7 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "bottom"]), { property: m } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "left"]), { property: d } = l(e, ["settings", "near"]), { property: u } = l(e, ["settings", "right"]), { property: f } = l(e, ["settings", "top"]);
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "bottom"]), { property: u } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "left"]), { property: d } = l(e, ["settings", "near"]), { property: m } = l(e, ["settings", "right"]), { property: f } = l(e, ["settings", "top"]);
     return (g, b) => (_(), $(i($e), {
       position: i(s),
       rotation: i(r),
@@ -585,11 +630,11 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       default: w(() => [
         te("TresOrthographicCamera", {
           bottom: i(c),
-          far: i(m),
+          far: i(u),
           left: i(p),
           near: i(d),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
-          right: i(u),
+          right: i(m),
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1],
           top: i(f)
@@ -599,7 +644,7 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             type: i(_o)
           }, null, 8, ["type"])) : le("", !0),
           R(g.$slots, "default")
-        ], 8, Ai)
+        ], 8, Ei)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
@@ -612,8 +657,8 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "aspect"]), { property: m } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "fov"]), { property: d } = l(e, ["settings", "near"]);
-    return (u, f) => (_(), $(i($e), {
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "aspect"]), { property: u } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "fov"]), { property: d } = l(e, ["settings", "near"]);
+    return (m, f) => (_(), $(i($e), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -621,7 +666,7 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       default: w(() => [
         te("TresPerspectiveCamera", {
           aspect: i(c),
-          far: i(m),
+          far: i(u),
           fov: i(p),
           near: i(d),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
@@ -632,7 +677,7 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             key: 0,
             type: i(_o)
           }, null, 8, ["type"])) : le("", !0),
-          R(u.$slots, "default")
+          R(m.$slots, "default")
         ], 8, Mi)
       ]),
       _: 3
@@ -656,7 +701,7 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     const n = J();
     return (e, o) => i(n) !== "editor" ? (_(), $(i(ai), { key: 0 })) : le("", !0);
   }
-}), Di = ["args"], Fi = /* @__PURE__ */ I({
+}), Di = ["args"], Oi = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -670,7 +715,7 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { property: r } = l(e, ["settings", "height"]), { property: a } = l(e, [
       "settings",
       "heightSegements"
-    ]), { property: c } = l(e, ["settings", "width"]), { property: m } = l(e, [
+    ]), { property: c } = l(e, ["settings", "width"]), { property: u } = l(e, [
       "settings",
       "widthSegements"
     ]);
@@ -679,18 +724,18 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         i(c),
         i(r),
         i(o),
-        i(m),
+        i(u),
         i(a),
         i(s)
       ]
     }, null, 8, Di));
   }
-}), Le = (t, n) => {
+}), Ae = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [o, s] of n)
     e[o] = s;
   return e;
-}, Oi = ["args"], ji = /* @__PURE__ */ I({
+}, Fi = ["args"], Ni = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -710,26 +755,26 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { property: a } = l(e, ["settings", "radius"]), { property: c } = l(e, [
       "settings",
       "thetaLength"
-    ]), { property: m } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "thetaStart"
     ]), { property: p } = l(e, [
       "settings",
       "widthSegments"
     ]);
-    return (d, u) => (_(), se("TresSphereGeometry", {
+    return (d, m) => (_(), se("TresSphereGeometry", {
       args: [
         i(a),
         i(p),
         i(o),
         i(r),
         i(s),
-        i(m),
+        i(u),
         i(c)
       ]
-    }, null, 8, Oi));
+    }, null, 8, Fi));
   }
-}), Ni = ["color", "intensity", "position", "rotation", "scale"], Gi = /* @__PURE__ */ I({
+}), ji = ["color", "intensity", "position", "rotation", "scale"], Gi = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -737,25 +782,25 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "color"]), { color: m } = q(c), { property: p } = l(e, [
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (d, u) => (_(), $(i($e), {
+    return (d, m) => (_(), $(i($e), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
     }, {
       default: w(() => [
         te("TresAmbientLight", {
-          color: i(m),
+          color: i(u),
           intensity: i(p),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
           R(d.$slots, "default")
-        ], 8, Ni)
+        ], 8, ji)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
@@ -768,18 +813,18 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "color"]), { color: m } = q(c), { property: p } = l(e, [
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (d, u) => (_(), $(i($e), {
+    return (d, m) => (_(), $(i($e), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
     }, {
       default: w(() => [
         te("TresDirectionalLight", {
-          color: i(m),
+          color: i(u),
           intensity: i(p),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
@@ -803,10 +848,10 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "color"]), { color: m } = q(c), { property: p } = l(e, ["settings", "decay"]), { property: d } = l(e, [
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, ["settings", "decay"]), { property: d } = l(e, [
       "settings",
       "distance"
-    ]), { property: u } = l(e, [
+    ]), { property: m } = l(e, [
       "settings",
       "intensity"
     ]);
@@ -817,10 +862,10 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     }, {
       default: w(() => [
         te("TresPointLight", {
-          color: i(m),
+          color: i(u),
           decay: i(p),
           distance: i(d),
-          intensity: i(u),
+          intensity: i(m),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
@@ -843,7 +888,7 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "angle"]), { property: m } = l(e, ["settings", "color"]), { color: p } = q(m), { property: d } = l(e, ["settings", "decay"]), { property: u } = l(e, [
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "angle"]), { property: u } = l(e, ["settings", "color"]), { color: p } = q(u), { property: d } = l(e, ["settings", "decay"]), { property: m } = l(e, [
       "settings",
       "distance"
     ]), { property: f } = l(e, [
@@ -863,7 +908,7 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           angle: i(c),
           color: i(p),
           decay: i(d),
-          distance: i(u),
+          distance: i(m),
           intensity: i(f),
           penumbra: i(g),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
@@ -884,7 +929,7 @@ const Ai = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
 function Qi(t, n) {
   return _(), se("TresMeshBasicMaterial");
 }
-const er = /* @__PURE__ */ Le(Zi, [["render", Qi]]), tr = ["position", "rotation", "scale"], nr = /* @__PURE__ */ I({
+const er = /* @__PURE__ */ Ae(Zi, [["render", Qi]]), tr = ["position", "rotation", "scale"], nr = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -893,7 +938,7 @@ const er = /* @__PURE__ */ Le(Zi, [["render", Qi]]), tr = ["position", "rotation
   },
   setup(t) {
     const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e);
-    return (c, m) => (_(), $(i($e), {
+    return (c, u) => (_(), $(i($e), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -927,7 +972,7 @@ const er = /* @__PURE__ */ Le(Zi, [["render", Qi]]), tr = ["position", "rotation
       R(a.$slots, "default")
     ], 8, or));
   }
-}), rr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], sr = "#242424", lr = {}, ar = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, cr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ur = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, mr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, dr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, _r = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, vr = { 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" } }, xr = { 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)" } } }, kr = { 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)" } } }, wr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Sr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, $r = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Cr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ir = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Vr = { textStyle: { color: "#eeeeee" } }, Pr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Tr = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, zr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Er = { 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" } }, Ar = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Lr = {
+}), rr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], sr = "#242424", lr = {}, ar = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, cr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ur = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, mr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, dr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, _r = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, vr = { 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" } }, xr = { 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)" } } }, kr = { 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)" } } }, wr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Sr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, $r = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Cr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ir = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Vr = { textStyle: { color: "#eeeeee" } }, Pr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Lr = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, zr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Tr = { 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" } }, Er = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Ar = {
   color: rr,
   backgroundColor: sr,
   textStyle: lr,
@@ -953,21 +998,21 @@ const er = /* @__PURE__ */ Le(Zi, [["render", Qi]]), tr = ["position", "rotation
   toolbox: Ir,
   legend: Vr,
   tooltip: Pr,
-  timeline: Tr,
+  timeline: Lr,
   visualMap: zr,
-  dataZoom: Er,
-  markPoint: Ar
-}, Mr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Br = "#f5f5f5", Wr = {}, Rr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Dr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Fr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, jr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ur = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Jr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Xr = { 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" } }, Yr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Zr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Qr = { 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"] } } }, es = { 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"] } } }, ts = { 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"] } } }, ns = { 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"] } } }, os = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, is = { textStyle: { color: "#333333" } }, rs = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ss = { 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" } } }, ls = { color: ["#bf444c", "#d88273", "#f6efa6"] }, as = { 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" } }, cs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, us = {
+  dataZoom: Tr,
+  markPoint: Er
+}, Mr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Br = "#f5f5f5", Wr = {}, Rr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Dr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Or = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Fr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, jr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ur = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Jr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Xr = { 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" } }, Yr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Zr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Qr = { 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"] } } }, es = { 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"] } } }, ts = { 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"] } } }, ns = { 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"] } } }, os = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, is = { textStyle: { color: "#333333" } }, rs = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ss = { 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" } } }, ls = { color: ["#bf444c", "#d88273", "#f6efa6"] }, as = { 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" } }, cs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, us = {
   color: Mr,
   backgroundColor: Br,
   textStyle: Wr,
   title: Rr,
   line: Kr,
   radar: Dr,
-  bar: Fr,
-  pie: Or,
-  scatter: jr,
-  boxplot: Nr,
+  bar: Or,
+  pie: Fr,
+  scatter: Nr,
+  boxplot: jr,
   parallel: Gr,
   sankey: Hr,
   funnel: Ur,
@@ -998,7 +1043,7 @@ ci([
   bi,
   gi
 ]);
-vo("dark", Lr);
+vo("dark", Ar);
 vo("light", us);
 const ms = /* @__PURE__ */ I({
   __name: "index",
@@ -1008,38 +1053,38 @@ const ms = /* @__PURE__ */ I({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = he(), a = _e(), { width: c, minWidth: m, maxWidth: p, height: d, minHeight: u, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: b } = Vo(e), { applyXAxis: v } = Po(e), { applyYAxis: h } = To(e), { applyLegend: x } = Co(e), { applySeries: C } = Io(e), V = k(() => {
-      const T = {}, H = a.value.type;
-      return r === "page" ? H === "common" ? g(T) : console.assert(!1) : r === "comp" && H === "common" ? g(T) : console.assert(!1), T;
-    }), O = co("chart");
+    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = he(), a = _e(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: b } = Vo(e), { applyXAxis: v } = Po(e), { applyYAxis: h } = Lo(e), { applyLegend: x } = Co(e), { applySeries: C } = Io(e), V = k(() => {
+      const L = {}, H = a.value.type;
+      return r === "page" ? H === "common" ? g(L) : console.assert(!1) : r === "comp" && H === "common" ? g(L) : console.assert(!1), L;
+    }), F = co("chart");
     let W;
     const U = () => {
-      W?.dispose(), W = xo.init(O.value, s.value ? "dark" : "light");
-      const T = {};
-      W.setOption(T);
-    }, N = () => {
+      W?.dispose(), W = xo.init(F.value, s.value ? "dark" : "light");
+      const L = {};
+      W.setOption(L);
+    }, j = () => {
       W?.resize();
     }, D = () => {
-      const T = {};
-      b(T), v(T), h(T), x(T), C(T), W?.setOption(T, !0);
+      const L = {};
+      b(L), v(L), h(L), x(L), C(L), W?.setOption(L, !0);
     };
     return uo(async () => {
-      window.addEventListener("resize", N, !1), await fo(() => !!O.value), U(), D();
+      window.addEventListener("resize", j, !1), await fo(() => !!F.value), U(), D();
     }), Ge(() => {
-      window.removeEventListener("resize", N, !1), W?.dispose();
+      window.removeEventListener("resize", j, !1), W?.dispose();
     }), ce(
       [
         () => o.value.width,
         () => o.value.height,
         c,
-        m,
+        u,
         p,
         d,
-        u,
+        m,
         f
       ],
       async () => {
-        await mo(), N();
+        await mo(), j();
       }
     ), ce([s], () => {
       U(), D();
@@ -1049,7 +1094,7 @@ const ms = /* @__PURE__ */ I({
         D();
       },
       { deep: !0 }
-    ), (T, H) => (_(), $(i(j), { block: "" }, {
+    ), (L, H) => (_(), $(i(N), { block: "" }, {
       default: w(() => [
         te("div", {
           ref: "chart",
@@ -1067,38 +1112,38 @@ const ms = /* @__PURE__ */ I({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = he(), a = _e(), { width: c, minWidth: m, maxWidth: p, height: d, minHeight: u, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: b } = Vo(e), { applyXAxis: v } = Po(e), { applyYAxis: h } = To(e), { applyLegend: x } = Co(e), { applySeries: C } = Io(e), V = k(() => {
-      const T = {}, H = a.value.type;
-      return r === "page" ? H === "common" ? g(T) : console.assert(!1) : r === "comp" && H === "common" ? g(T) : console.assert(!1), T;
-    }), O = co("chart");
+    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = he(), a = _e(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: b } = Vo(e), { applyXAxis: v } = Po(e), { applyYAxis: h } = Lo(e), { applyLegend: x } = Co(e), { applySeries: C } = Io(e), V = k(() => {
+      const L = {}, H = a.value.type;
+      return r === "page" ? H === "common" ? g(L) : console.assert(!1) : r === "comp" && H === "common" ? g(L) : console.assert(!1), L;
+    }), F = co("chart");
     let W;
     const U = () => {
-      W?.dispose(), W = xo.init(O.value, s.value ? "dark" : "light");
-      const T = {};
-      W.setOption(T);
-    }, N = () => {
+      W?.dispose(), W = xo.init(F.value, s.value ? "dark" : "light");
+      const L = {};
+      W.setOption(L);
+    }, j = () => {
       W?.resize();
     }, D = () => {
-      const T = {};
-      b(T), v(T), h(T), x(T), C(T), W?.setOption(T, !0);
+      const L = {};
+      b(L), v(L), h(L), x(L), C(L), W?.setOption(L, !0);
     };
     return uo(async () => {
-      window.addEventListener("resize", N, !1), await fo(() => !!O.value), U(), D();
+      window.addEventListener("resize", j, !1), await fo(() => !!F.value), U(), D();
     }), Ge(() => {
-      window.removeEventListener("resize", N, !1), W?.dispose();
+      window.removeEventListener("resize", j, !1), W?.dispose();
     }), ce(
       [
         () => o.value.width,
         () => o.value.height,
         c,
-        m,
+        u,
         p,
         d,
-        u,
+        m,
         f
       ],
       async () => {
-        await mo(), N();
+        await mo(), j();
       }
     ), ce([s], () => {
       U(), D();
@@ -1108,7 +1153,7 @@ const ms = /* @__PURE__ */ I({
         D();
       },
       { deep: !0 }
-    ), (T, H) => (_(), $(i(j), { block: "" }, {
+    ), (L, H) => (_(), $(i(N), { block: "" }, {
       default: w(() => [
         te("div", {
           ref: "chart",
@@ -1139,21 +1184,21 @@ const ms = /* @__PURE__ */ I({
   setup(t) {
     const { t: n } = wo(), e = t, { node: o } = P(e), s = ie(), r = J();
     ne(r) && sn(s, "reference", e.id, "", ve()), rn(e.refContext.compId, s);
-    const a = Uo(), { applySize: c } = ge(e, o), m = k(() => {
-      const u = {};
-      return s.value?.type === "common" && c(u), u;
+    const a = Uo(), { applySize: c } = ge(e, o), u = k(() => {
+      const m = {};
+      return s.value?.type === "common" && c(m), m;
     });
-    function p(u) {
-      const f = Ke[u.key];
+    function p(m) {
+      const f = Ke[m.key];
       if (!f)
-        return console.assert(!1, `element not found key=${u.key}`), pe("div", `element not found key=${u.key}`);
-      const g = { id: u.id };
-      u.ref && (g.refContext = {
+        return console.assert(!1, `element not found key=${m.key}`), pe("div", `element not found key=${m.key}`);
+      const g = { id: m.id };
+      m.refId && (g.refContext = {
         parent: e.refContext,
-        compId: u.ref
+        compId: m.refId
       });
       const b = [];
-      return f.leaf || u.children?.forEach((v) => {
+      return f.leaf || m.children?.forEach((v) => {
         b.push(p(v));
       }), pe(f.comp, { key: "", ...g }, { default: () => b });
     }
@@ -1162,17 +1207,17 @@ const ms = /* @__PURE__ */ I({
         return pe("div", n("x-runtime-lib.circularRef"));
       if (!s.value)
         return pe("div");
-      const u = [];
-      if (s.value.view.nodeTree.forEach((g) => {
-        u.push(p(g));
-      }), s.value.type === "common")
+      const m = s.value.view.nodeLites.map(
+        (g) => p(g)
+      );
+      if (s.value.type === "common")
         return pe(
           "div",
-          { id: a.id, style: m.value },
-          { default: () => u }
+          { id: a.id, style: u.value },
+          { default: () => m }
         );
     };
-    return (u, f) => (_(), $(d));
+    return (m, f) => (_(), $(d));
   }
 }), ys = /* @__PURE__ */ I({
   __name: "index",
@@ -1183,7 +1228,7 @@ const ms = /* @__PURE__ */ I({
   },
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = l(e, ["settings", "open"]);
-    return (s, r) => (_(), $(i(j), null, {
+    return (s, r) => (_(), $(i(N), null, {
       default: w(() => [
         i(o) ? R(s.$slots, "default", { key: 0 }) : le("", !0)
       ]),
@@ -1201,30 +1246,21 @@ const ms = /* @__PURE__ */ I({
     const { t: n } = wo(), e = t, o = ie(), s = J();
     ne(s) && sn(o, "slot", e.id, "", ve()), rn(e.refContext.compId, o);
     function r(c) {
-      const m = Ke[c.key];
-      if (!m)
+      const u = Ke[c.key];
+      if (!u)
         return console.assert(!1, `element not found key=${c.key}`), pe("div", `element not found key=${c.key}`);
       const p = { id: c.id };
-      c.ref && (p.refContext = {
+      c.refId && (p.refContext = {
         parent: e.refContext,
-        compId: c.ref
+        compId: c.refId
       });
       const d = [];
-      return m.leaf || c.children?.forEach((u) => {
-        d.push(r(u));
-      }), pe(m.comp, { key: "", ...p }, { default: () => d });
+      return u.leaf || c.children?.forEach((m) => {
+        d.push(r(m));
+      }), pe(u.comp, { key: "", ...p }, { default: () => d });
     }
-    const a = () => {
-      if ($o(e.refContext))
-        return pe("div", n("x-runtime-lib.circularRef"));
-      if (!o.value)
-        return pe("div");
-      const c = [];
-      return o.value.view.nodeTree.forEach((m) => {
-        c.push(r(m));
-      }), c;
-    };
-    return (c, m) => (_(), $(a));
+    const a = () => $o(e.refContext) ? pe("div", n("x-runtime-lib.circularRef")) : o.value ? o.value.view.nodeLites.map((c) => r(c)) : pe("div");
+    return (c, u) => (_(), $(a));
   }
 }), bs = /* @__PURE__ */ I({
   __name: "index",
@@ -1243,11 +1279,11 @@ const ms = /* @__PURE__ */ I({
       "offset",
       "y"
     ]);
-    return (m, p) => {
+    return (u, p) => {
       const d = M("v-badge");
-      return _(), $(i(j), null, {
+      return _(), $(i(N), null, {
         default: w(() => [
-          F(d, {
+          O(d, {
             content: i(o),
             dot: i(s),
             "offset-x": i(a),
@@ -1255,7 +1291,7 @@ const ms = /* @__PURE__ */ I({
             theme: i(r)
           }, {
             default: w(() => [
-              R(m.$slots, "default")
+              R(u.$slots, "default")
             ]),
             _: 3
           }, 8, ["content", "dot", "offset-x", "offset-y", "theme"])
@@ -1276,17 +1312,17 @@ const ms = /* @__PURE__ */ I({
       "settings",
       "addIcon",
       "append"
-    ]), { property: r } = l(e, ["settings", "block"]), { property: a } = l(e, ["settings", "color"]), { color: c } = q(a), { property: m } = l(e, ["settings", "density"]), { property: p } = l(e, [
+    ]), { property: r } = l(e, ["settings", "block"]), { property: a } = l(e, ["settings", "color"]), { color: c } = q(a), { property: u } = l(e, ["settings", "density"]), { property: p } = l(e, [
       "settings",
       "disabled"
-    ]), { property: d } = l(e, ["size", "height"]), { property: u } = l(e, ["settings", "loading"]), { property: f } = l(e, ["size", "maxHeight"]), { property: g } = l(e, ["size", "maxWidth"]), { property: b } = l(e, ["size", "minHeight"]), { property: v } = l(e, ["size", "minWidth"]), { property: h } = l(e, [
+    ]), { property: d } = l(e, ["size", "height"]), { property: m } = l(e, ["settings", "loading"]), { property: f } = l(e, ["size", "maxHeight"]), { property: g } = l(e, ["size", "maxWidth"]), { property: b } = l(e, ["size", "minHeight"]), { property: v } = l(e, ["size", "minWidth"]), { property: h } = l(e, [
       "settings",
       "addIcon",
       "prepend"
     ]), { property: x } = l(e, [
       "settings",
       "readonly"
-    ]), { property: C } = l(e, ["settings", "ripple"]), { property: V } = l(e, ["settings", "size"]), { property: O } = l(e, ["settings", "stacked"]), { property: W } = l(e, ["settings", "text"]), { theme: U } = G(), { property: N } = l(e, ["settings", "variant"]), { property: D } = l(e, ["size", "width"]), T = (H) => {
+    ]), { property: C } = l(e, ["settings", "ripple"]), { property: V } = l(e, ["settings", "size"]), { property: F } = l(e, ["settings", "stacked"]), { property: W } = l(e, ["settings", "text"]), { theme: U } = G(), { property: j } = l(e, ["settings", "variant"]), { property: D } = l(e, ["size", "width"]), L = (H) => {
       if (!o || !o.vm)
         return;
       const { vm: ee } = o;
@@ -1297,16 +1333,16 @@ const ms = /* @__PURE__ */ I({
     };
     return (H, ee) => {
       const ae = M("v-btn");
-      return _(), $(i(j), { block: i(r) }, {
+      return _(), $(i(N), { block: i(r) }, {
         default: w(() => [
-          F(ae, {
+          O(ae, {
             "append-icon": i(s),
             block: i(r),
             color: i(c),
-            density: i(m),
+            density: i(u),
             disabled: i(p),
             height: i(d),
-            loading: i(u),
+            loading: i(m),
             "max-height": i(f),
             "max-width": i(g),
             "min-height": i(b),
@@ -1315,12 +1351,12 @@ const ms = /* @__PURE__ */ I({
             readonly: i(x),
             ripple: i(C),
             size: i(V),
-            stacked: i(O),
+            stacked: i(F),
             text: i(W),
             theme: i(U),
-            variant: i(N),
+            variant: i(j),
             width: i(D),
-            onClick: T
+            onClick: L
           }, 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
@@ -1337,7 +1373,7 @@ function _s(t, n) {
     _: 3
   });
 }
-const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
+const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -1354,10 +1390,10 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: c } = l(e, [
       "settings",
       "multiple"
-    ]), { property: m } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "readonly"
-    ]), { property: p } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "stacked"]), { theme: u } = G(), { property: f } = l(e, ["settings", "tile"]), { property: g } = l(e, ["settings", "variant"]);
+    ]), { property: p } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "stacked"]), { theme: m } = G(), { property: f } = l(e, ["settings", "tile"]), { property: g } = l(e, ["settings", "variant"]);
     return (b, v) => {
       const h = M("v-btn-toggle");
       return _(), $(h, {
@@ -1366,10 +1402,10 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
         divided: i(r),
         mandatory: i(a),
         multiple: i(c),
-        readonly: i(m),
+        readonly: i(u),
         size: i(p),
         stacked: i(d),
-        theme: i(u),
+        theme: i(m),
         tile: i(f),
         variant: i(g)
       }, {
@@ -1391,24 +1427,24 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     const n = t, { node: e } = P(n), { property: o } = l(e, ["settings", "density"]), { property: s } = l(e, [
       "settings",
       "disabled"
-    ]), { property: r } = l(e, ["size", "height"]), { property: a } = l(e, ["settings", "hover"]), { property: c } = l(e, ["settings", "loading"]), { property: m } = l(e, ["size", "maxHeight"]), { property: p } = l(e, ["size", "maxWidth"]), { property: d } = l(e, ["size", "minHeight"]), { property: u } = l(e, ["size", "minWidth"]), { property: f } = l(e, [
+    ]), { property: r } = l(e, ["size", "height"]), { property: a } = l(e, ["settings", "hover"]), { property: c } = l(e, ["settings", "loading"]), { property: u } = l(e, ["size", "maxHeight"]), { property: p } = l(e, ["size", "maxWidth"]), { property: d } = l(e, ["size", "minHeight"]), { property: m } = l(e, ["size", "minWidth"]), { property: f } = l(e, [
       "settings",
       "subtitle"
     ]), { property: g } = l(e, ["settings", "text"]), { theme: b } = G(), { property: v } = l(e, ["settings", "title"]), { property: h } = l(e, ["settings", "variant"]), { property: x } = l(e, ["size", "width"]);
     return (C, V) => {
-      const O = M("v-card");
-      return _(), $(i(j), { block: "" }, {
+      const F = M("v-card");
+      return _(), $(i(N), { block: "" }, {
         default: w(() => [
-          F(O, {
+          O(F, {
             density: i(o),
             disabled: i(s),
             height: i(r),
             hover: i(a),
             loading: i(c),
-            "max-height": i(m),
+            "max-height": i(u),
             "max-width": i(p),
             "min-height": i(d),
-            "min-width": i(u),
+            "min-width": i(m),
             subtitle: i(f),
             text: i(g),
             theme: i(b),
@@ -1443,9 +1479,9 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]);
     return (r, a) => {
       const c = M("v-checkbox");
-      return _(), $(i(j), null, {
+      return _(), $(i(N), null, {
         default: w(() => [
-          F(c, {
+          O(c, {
             disabled: i(o),
             readonly: i(s)
           }, null, 8, ["disabled", "readonly"])
@@ -1468,23 +1504,23 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: s } = l(e, ["settings", "color"]), { color: r } = q(s), { property: a } = l(e, ["settings", "density"]), { property: c } = l(e, [
       "settings",
       "disabled"
-    ]), { property: m } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "draggable"
-    ]), { property: p } = l(e, ["settings", "filter"]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "size"]), { property: f } = l(e, ["settings", "text"]), { theme: g } = G(), { property: b } = l(e, ["settings", "tile"]), { property: v } = l(e, ["settings", "value"]), { property: h } = l(e, ["settings", "variant"]);
+    ]), { property: p } = l(e, ["settings", "filter"]), { property: d } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "size"]), { property: f } = l(e, ["settings", "text"]), { theme: g } = G(), { property: b } = l(e, ["settings", "tile"]), { property: v } = l(e, ["settings", "value"]), { property: h } = l(e, ["settings", "variant"]);
     return (x, C) => {
       const V = M("v-chip");
-      return _(), $(i(j), null, {
+      return _(), $(i(N), null, {
         default: w(() => [
-          F(V, {
+          O(V, {
             closable: i(o),
             color: i(r),
             density: i(a),
             disabled: i(c),
-            draggable: i(m),
+            draggable: i(u),
             filter: i(p),
             label: i(d),
-            size: i(u),
+            size: i(m),
             text: i(f),
             theme: i(g),
             tile: i(b),
@@ -1513,24 +1549,24 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: a } = l(e, ["settings", "filter"]), { property: c } = l(e, [
       "settings",
       "mandatory"
-    ]), { property: m } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "multiple"
     ]), { property: p } = l(e, [
       "settings",
       "showArrows"
-    ]), { theme: d } = G(), { property: u } = l(e, ["settings", "value"]);
+    ]), { theme: d } = G(), { property: m } = l(e, ["settings", "value"]);
     return (f, g) => {
       const b = M("v-chip-group");
       return _(), $(b, {
-        modelValue: i(u),
-        "onUpdate:modelValue": g[0] || (g[0] = (v) => Z(u) ? u.value = v : null),
+        modelValue: i(m),
+        "onUpdate:modelValue": g[0] || (g[0] = (v) => Z(m) ? m.value = v : null),
         column: i(o),
         direction: i(s),
         disabled: i(r),
         filter: i(a),
         mandatory: i(c),
-        multiple: i(m),
+        multiple: i(u),
         "show-arrows": i(p),
         theme: i(d)
       }, {
@@ -1555,7 +1591,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     }), { property: c } = l(e, [
       "settings",
       "disabled"
-    ]), { property: m } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "hideCanvas"
     ]), { property: p } = l(e, [
@@ -1564,7 +1600,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: d } = l(e, [
       "settings",
       "hideInputs"
-    ]), { property: u } = l(e, [
+    ]), { property: m } = l(e, [
       "settings",
       "hideSliders"
     ]), { property: f } = l(e, [
@@ -1576,14 +1612,14 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: b } = G();
     return (v, h) => {
       const x = M("v-color-picker");
-      return _(), $(i(j), null, {
+      return _(), $(i(N), null, {
         default: w(() => [
-          F(x, {
+          O(x, {
             disabled: i(c),
-            "hide-canvas": i(m),
+            "hide-canvas": i(u),
             "hide-header": i(p),
             "hide-inputs": i(d),
-            "hide-sliders": i(u),
+            "hide-sliders": i(m),
             landscape: i(f),
             "show-swatches": i(g),
             style: re(a.value),
@@ -1614,20 +1650,20 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: c } = l(e, [
       "settings",
       "singleLine"
-    ]), { theme: m } = G(), { property: p } = l(e, ["settings", "value"]);
-    return (d, u) => {
+    ]), { theme: u } = G(), { property: p } = l(e, ["settings", "value"]);
+    return (d, m) => {
       const f = M("v-combobox");
-      return _(), $(i(j), null, {
+      return _(), $(i(N), null, {
         default: w(() => [
-          F(f, {
+          O(f, {
             modelValue: i(p),
-            "onUpdate:modelValue": u[0] || (u[0] = (g) => Z(p) ? p.value = g : null),
+            "onUpdate:modelValue": m[0] || (m[0] = (g) => Z(p) ? p.value = g : null),
             "hide-details": i(o),
             label: i(s),
             placeholder: i(r),
             readonly: i(a),
             "single-line": i(c),
-            theme: i(m)
+            theme: i(u)
           }, null, 8, ["modelValue", "hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
         ]),
         _: 1
@@ -1645,14 +1681,14 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     const n = t, { node: e } = P(n), o = he(), s = _e(), { property: r } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: a } = q(r), { applySize: c } = ge(n, e), { applyMargin: m } = Jt(e), { applyPadding: p } = qt(e), { applyBorder: d } = Ut(e), u = k(() => {
+    ]), { color: a } = q(r), { applySize: c } = ge(n, e), { applyMargin: u } = Jt(e), { applyPadding: p } = qt(e), { applyBorder: d } = Ut(e), m = k(() => {
       const f = {}, g = s.value.type;
-      return o === "page" ? g === "common" ? (c(f), m(f), p(f), d(f), a.value && (f.backgroundColor = a.value)) : console.assert(!1) : o === "comp" && g === "common" ? (c(f), m(f), p(f), d(f), a.value && (f.backgroundColor = a.value)) : console.assert(!1), f;
+      return o === "page" ? g === "common" ? (c(f), u(f), p(f), d(f), a.value && (f.backgroundColor = a.value)) : console.assert(!1) : o === "comp" && g === "common" ? (c(f), u(f), p(f), d(f), a.value && (f.backgroundColor = a.value)) : console.assert(!1), f;
     });
-    return (f, g) => (_(), $(i(j), { block: "" }, {
+    return (f, g) => (_(), $(i(N), { block: "" }, {
       default: w(() => [
         te("div", {
-          style: re(u.value)
+          style: re(m.value)
         }, [
           R(f.$slots, "default")
         ], 4)
@@ -1674,7 +1710,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: r } = l(e, [
       "settings",
       "fixedHeader"
-    ]), { property: a } = l(e, ["settings", "headers"]), { property: c } = l(e, ["size", "height"]), { property: m } = l(e, ["settings", "hover"]), { property: p } = l(e, ["settings", "data"], !0), { property: d } = l(e, ["settings", "loading"]), { property: u } = l(e, [
+    ]), { property: a } = l(e, ["settings", "headers"]), { property: c } = l(e, ["size", "height"]), { property: u } = l(e, ["settings", "hover"]), { property: p } = l(e, ["settings", "data"], !0), { property: d } = l(e, ["settings", "loading"]), { property: m } = l(e, [
       "settings",
       "multiSort"
     ]), { theme: f } = G(), { property: g } = l(e, ["size", "width"]), b = k(() => {
@@ -1685,25 +1721,25 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     });
     return (v, h) => {
       const x = M("v-data-table");
-      return _(), $(i(j), { block: "" }, {
+      return _(), $(i(N), { block: "" }, {
         default: w(() => [
-          F(x, {
+          O(x, {
             density: i(o),
             "fixed-footer": i(s),
             "fixed-header": i(r),
             headers: i(a),
             height: i(c),
-            hover: i(m),
+            hover: i(u),
             items: i(p),
             loading: i(d),
-            "multi-sort": i(u),
+            "multi-sort": i(m),
             theme: i(f),
             width: i(g)
-          }, Ot({ _: 2 }, [
+          }, Ft({ _: 2 }, [
             Jo(b.value, (C) => ({
               name: `item.${C.column}`,
               fn: w(({ value: V }) => [
-                F(i(ke), {
+                O(i(ke), {
                   id: C.column,
                   "ref-context": { compId: C.comp },
                   state: { value: V }
@@ -1716,20 +1752,20 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Ts = /* @__PURE__ */ I({
+}), Ls = /* @__PURE__ */ I({
   __name: "index",
   setup(t) {
     return (n, e) => {
       const o = M("v-date-picker");
-      return _(), $(i(j), null, {
+      return _(), $(i(N), null, {
         default: w(() => [
-          F(o)
+          O(o)
         ]),
         _: 1
       });
     };
   }
-}), zs = ["id"], Es = /* @__PURE__ */ I({
+}), zs = ["id"], Ts = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -1762,7 +1798,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, 8, ["modelValue"]);
     };
   }
-}), As = /* @__PURE__ */ I({
+}), Es = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -1776,30 +1812,30 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: a } = l(e, [
       "settings",
       "disabled"
-    ]), { property: c } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "loading"]), { property: p } = l(e, [
+    ]), { property: c } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { property: p } = l(e, [
       "settings",
       "multiple"
     ]), { property: d } = l(e, [
       "settings",
       "readonly"
-    ]), { property: u } = l(e, ["settings", "reverse"]), { property: f } = l(e, [
+    ]), { property: m } = l(e, ["settings", "reverse"]), { property: f } = l(e, [
       "settings",
       "singleLine"
     ]);
     return (g, b) => {
       const v = M("v-file-input");
-      return _(), $(i(j), { block: "" }, {
+      return _(), $(i(N), { block: "" }, {
         default: w(() => [
-          F(v, {
+          O(v, {
             chips: i(o),
             density: i(s),
             direction: i(r),
             disabled: i(a),
             label: i(c),
-            loading: i(m),
+            loading: i(u),
             multiple: i(p),
             readonly: i(d),
-            reverse: i(u),
+            reverse: i(m),
             "single-line": i(f)
           }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"])
         ]),
@@ -1807,7 +1843,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Ls = /* @__PURE__ */ I({
+}), As = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -1815,11 +1851,11 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Be(), s = he(), r = _e(), { applySize: a } = ge(n, e), { applyMargin: c } = Jt(e), { applyPadding: m } = qt(e), { applyBorder: p } = Ut(e), { property: d } = l(e, [
+    const n = t, { node: e } = P(n), o = Be(), s = he(), r = _e(), { applySize: a } = ge(n, e), { applyMargin: c } = Jt(e), { applyPadding: u } = qt(e), { applyBorder: p } = Ut(e), { property: d } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: u } = q(d), f = (b) => {
-      u.value && (b.backgroundColor = u.value), b.display = "flex";
+    ]), { color: m } = q(d), f = (b) => {
+      m.value && (b.backgroundColor = m.value), b.display = "flex";
       const v = Xe(o.value.width), h = We(v, e.value.settings?.direction);
       h === "row" ? b.flexDirection = "row" : h === "rowReverse" ? b.flexDirection = "row-reverse" : h === "column" ? b.flexDirection = "column" : h === "columnReverse" && (b.flexDirection = "column-reverse");
       const x = We(v, e.value.settings?.wrap);
@@ -1830,7 +1866,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       V === "start" ? b.alignItems = "flex-start" : V === "end" ? b.alignItems = "flex-end" : V === "center" ? b.alignItems = "center" : V === "baseline" ? b.alignItems = "baseline" : V === "stretch" && (b.alignItems = "stretch");
     }, g = k(() => {
       const b = {}, v = r.value.type;
-      return s === "page" ? v === "common" ? (a(b), c(b), m(b), p(b), f(b)) : console.assert(!1) : s === "comp" && v === "common" ? (a(b), c(b), m(b), p(b), f(b)) : console.assert(!1), b;
+      return s === "page" ? v === "common" ? (a(b), c(b), u(b), p(b), f(b)) : console.assert(!1) : s === "comp" && v === "common" ? (a(b), c(b), u(b), p(b), f(b)) : console.assert(!1), b;
     });
     return (b, v) => (_(), se("div", {
       style: re(g.value)
@@ -1846,12 +1882,12 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = he(), s = _e(), { applySize: r } = ge(n, e), { property: a } = l(e, ["settings", "grow"]), { property: c } = l(e, ["settings", "shrink"]), m = k(() => {
+    const n = t, { node: e } = P(n), o = he(), s = _e(), { applySize: r } = ge(n, e), { property: a } = l(e, ["settings", "grow"]), { property: c } = l(e, ["settings", "shrink"]), u = k(() => {
       const p = {}, d = s.value.type;
       return o === "page" ? d === "common" ? (r(p), p.flexGrow = a.value ? 1 : 0, p.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (r(p), p.flexGrow = a.value ? 1 : 0, p.flexShrink = c.value ? 1 : 0) : console.assert(!1), p;
     });
     return (p, d) => (_(), se("div", {
-      style: re(m.value)
+      style: re(u.value)
     }, [
       R(p.$slots, "default")
     ], 4));
@@ -1867,12 +1903,12 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     const n = t, { node: e } = P(n), o = he(), s = _e(), r = ve(), { property: a } = l(e, ["settings", "valid"]), { property: c } = l(e, [
       "settings",
       "fastFail"
-    ]), { property: m } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: p } = q(m), { applySize: d } = ge(n, e), { applyMargin: u } = Jt(e), { applyPadding: f } = qt(e), { applyBorder: g } = Ut(e), b = k(() => {
+    ]), { color: p } = q(u), { applySize: d } = ge(n, e), { applyMargin: m } = Jt(e), { applyPadding: f } = qt(e), { applyBorder: g } = Ut(e), b = k(() => {
       const h = {}, x = s.value.type;
-      return o === "page" ? x === "common" ? (d(h), u(h), f(h), g(h), p.value && (h.backgroundColor = p.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(h), u(h), f(h), g(h), p.value && (h.backgroundColor = p.value)) : console.assert(!1), h;
+      return o === "page" ? x === "common" ? (d(h), m(h), f(h), g(h), p.value && (h.backgroundColor = p.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(h), m(h), f(h), g(h), p.value && (h.backgroundColor = p.value)) : console.assert(!1), h;
     }), v = () => {
       r && r.callFunction(
         "__triggerEventV1__",
@@ -1906,15 +1942,15 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     const n = t, { node: e } = P(n), { property: o } = l(e, ["settings", "color"]), { color: s } = q(o), { property: r } = l(e, [
       "settings",
       "disabled"
-    ]), { property: a } = l(e, ["settings", "icon"]), { property: c } = l(e, ["settings", "size"]), { theme: m } = G();
+    ]), { property: a } = l(e, ["settings", "icon"]), { property: c } = l(e, ["settings", "size"]), { theme: u } = G();
     return (p, d) => {
-      const u = M("v-icon");
-      return _(), $(u, {
+      const m = M("v-icon");
+      return _(), $(m, {
         color: i(s),
         disabled: i(r),
         icon: i(a),
         size: i(c),
-        theme: i(m)
+        theme: i(u)
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
@@ -1930,15 +1966,15 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     return Ye(n, "open", () => {
       if (!o || !o.vm)
         return;
-      const { vm: m } = o, p = m.getProp(m.global, "__pointerPosX__"), d = m.getProp(m.global, "__pointerPosY__");
-      s.value = m.getNumber(p), r.value = m.getNumber(d), p.dispose(), d.dispose(), c.value = !0;
+      const { vm: u } = o, p = u.getProp(u.global, "__pointerPosX__"), d = u.getProp(u.global, "__pointerPosY__");
+      s.value = u.getNumber(p), r.value = u.getNumber(d), p.dispose(), d.dispose(), c.value = !0;
     }), Ye(n, "close", () => {
       o && (c.value = !1);
-    }), (m, p) => {
+    }), (u, p) => {
       const d = M("v-menu");
       return _(), $(d, {
         modelValue: i(c),
-        "onUpdate:modelValue": p[0] || (p[0] = (u) => Z(c) ? c.value = u : null),
+        "onUpdate:modelValue": p[0] || (p[0] = (m) => Z(c) ? c.value = m : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
@@ -1951,7 +1987,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
           }, null, 8, Rs)) : le("", !0)
         ]),
         default: w(() => [
-          R(m.$slots, "default")
+          R(u.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
@@ -1979,7 +2015,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: a } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "loading"]), { property: p } = l(e, ["settings", "max"]), { property: d } = l(e, ["size", "maxWidth"]), { property: u } = l(e, ["settings", "min"]), { property: f } = l(e, ["size", "minWidth"]), { property: g } = l(e, [
+    ]), { property: c } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { property: p } = l(e, ["settings", "max"]), { property: d } = l(e, ["size", "maxWidth"]), { property: m } = l(e, ["settings", "min"]), { property: f } = l(e, ["size", "minWidth"]), { property: g } = l(e, [
       "settings",
       "placeholder"
     ]), { property: b } = l(e, [
@@ -1996,15 +2032,15 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: C } = l(e, [
       "settings",
       "readonly"
-    ]), { property: V } = l(e, ["settings", "reverse"]), { property: O } = l(e, [
+    ]), { property: V } = l(e, ["settings", "reverse"]), { property: F } = l(e, [
       "settings",
       "singleLine"
-    ]), { property: W } = l(e, ["settings", "step"]), { property: U } = l(e, ["settings", "suffix"]), { theme: N } = G(), { property: D } = l(e, ["settings", "value"]), { property: T } = l(e, ["settings", "variant"]), { property: H } = l(e, ["size", "width"]);
+    ]), { property: W } = l(e, ["settings", "step"]), { property: U } = l(e, ["settings", "suffix"]), { theme: j } = G(), { property: D } = l(e, ["settings", "value"]), { property: L } = l(e, ["settings", "variant"]), { property: H } = l(e, ["size", "width"]);
     return (ee, ae) => {
       const Ce = M("v-number-input");
-      return _(), $(i(j), { block: "" }, {
+      return _(), $(i(N), { block: "" }, {
         default: w(() => [
-          F(Ce, {
+          O(Ce, {
             modelValue: i(D),
             "onUpdate:modelValue": ae[0] || (ae[0] = (fe) => Z(D) ? D.value = fe : null),
             "append-icon": i(o),
@@ -2012,10 +2048,10 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
             clearable: i(r),
             "hide-details": i(a),
             label: i(c),
-            loading: i(m),
+            loading: i(u),
             max: i(p),
             "max-width": i(d),
-            min: i(u),
+            min: i(m),
             "min-width": i(f),
             placeholder: i(g),
             precision: i(b),
@@ -2024,11 +2060,11 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
             "prepend-inner-icon": i(x),
             readonly: i(C),
             reverse: i(V),
-            "single-line": i(O),
+            "single-line": i(F),
             step: i(W),
             suffix: i(U),
-            theme: i(N),
-            variant: i(T),
+            theme: i(j),
+            variant: i(L),
             width: i(H)
           }, 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"])
         ]),
@@ -2036,7 +2072,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Fs = /* @__PURE__ */ I({
+}), Os = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -2050,26 +2086,26 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: a } = l(e, ["settings", "length"]), { property: c } = l(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: m } = l(e, ["settings", "size"]), { property: p } = l(e, ["settings", "start"]), { theme: d } = G(), { property: u } = l(e, ["settings", "tile"]), { property: f } = l(e, ["settings", "value"]), { property: g } = l(e, ["settings", "variant"]), b = k(() => {
+    ]), { property: u } = l(e, ["settings", "size"]), { property: p } = l(e, ["settings", "start"]), { theme: d } = G(), { property: m } = l(e, ["settings", "tile"]), { property: f } = l(e, ["settings", "value"]), { property: g } = l(e, ["settings", "variant"]), b = k(() => {
       const v = {};
       return o === "editor" && (v.pointerEvents = "none"), v;
     });
     return (v, h) => {
       const x = M("v-pagination");
-      return _(), $(i(j), { block: "" }, {
+      return _(), $(i(N), { block: "" }, {
         default: w(() => [
-          F(x, {
+          O(x, {
             modelValue: i(f),
             "onUpdate:modelValue": h[0] || (h[0] = (C) => Z(f) ? f.value = C : null),
             density: i(s),
             disabled: i(r),
             length: i(a),
             "show-first-last-page": i(c),
-            size: i(m),
+            size: i(u),
             start: i(p),
             style: re(b.value),
             theme: i(d),
-            tile: i(u),
+            tile: i(m),
             variant: i(g)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
         ]),
@@ -2077,7 +2113,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Os = /* @__PURE__ */ I({
+}), Fs = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -2088,24 +2124,24 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     const n = t, { node: e } = P(n), { property: o } = l(e, ["settings", "color"]), { color: s } = q(o), { property: r } = l(e, ["settings", "density"]), { property: a } = l(e, [
       "settings",
       "disabled"
-    ]), { property: c } = l(e, ["settings", "label"]), { property: m } = l(e, [
+    ]), { property: c } = l(e, ["settings", "label"]), { property: u } = l(e, [
       "settings",
       "readonly"
     ]), { theme: p } = G(), { property: d } = l(e, ["settings", "value"]);
-    return (u, f) => {
+    return (m, f) => {
       const g = M("v-radio");
       return _(), $(g, {
         color: i(s),
         density: i(r),
         disabled: i(a),
         label: i(c),
-        readonly: i(m),
+        readonly: i(u),
         theme: i(p),
         value: i(d)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), js = /* @__PURE__ */ I({
+}), Ns = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -2122,20 +2158,20 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: a } = l(e, ["settings", "inline"]), { property: c } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = G(), { property: p } = l(e, ["settings", "value"]);
-    return (d, u) => {
+    ]), { theme: u } = G(), { property: p } = l(e, ["settings", "value"]);
+    return (d, m) => {
       const f = M("v-radio-group");
-      return _(), $(i(j), null, {
+      return _(), $(i(N), null, {
         default: w(() => [
-          F(f, {
+          O(f, {
             modelValue: i(p),
-            "onUpdate:modelValue": u[0] || (u[0] = (g) => Z(p) ? p.value = g : null),
+            "onUpdate:modelValue": m[0] || (m[0] = (g) => Z(p) ? p.value = g : null),
             density: i(o),
             direction: i(s),
             disabled: i(r),
             inline: i(a),
             readonly: i(c),
-            theme: i(m)
+            theme: i(u)
           }, {
             default: w(() => [
               R(d.$slots, "default")
@@ -2147,7 +2183,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Ns = /* @__PURE__ */ I({
+}), js = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -2164,16 +2200,16 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: a } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "max"]), { property: p } = l(e, ["settings", "min"]), { property: d } = l(e, [
+    ]), { property: c } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "max"]), { property: p } = l(e, ["settings", "min"]), { property: d } = l(e, [
       "settings",
       "readonly"
-    ]), { property: u } = l(e, [
+    ]), { property: m } = l(e, [
       "settings",
       "showTicks"
     ]), f = k(() => {
-      if (u.value === "always")
+      if (m.value === "always")
         return "always";
-      if (u.value === "show")
+      if (m.value === "show")
         return !0;
     }), { property: g } = l(e, ["settings", "step"]), { theme: b } = G(), { property: v } = l(e, [
       "settings",
@@ -2190,11 +2226,11 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       if (!C.value)
         return;
       const D = {};
-      for (const { value: T, label: H } of C.value)
-        D[T] = H;
+      for (const { value: L, label: H } of C.value)
+        D[L] = H;
       if (!ko(D))
         return D;
-    }), { property: O } = l(e, [
+    }), { property: F } = l(e, [
       "settings",
       "tickSize"
     ]), { property: W } = l(e, [
@@ -2205,25 +2241,25 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       "settings",
       "value",
       "end"
-    ]), N = k({
+    ]), j = k({
       get: () => [W.value, U.value],
-      set: ([D, T]) => {
-        W.value = D, U.value = T;
+      set: ([D, L]) => {
+        W.value = D, U.value = L;
       }
     });
-    return (D, T) => {
+    return (D, L) => {
       const H = M("v-range-slider");
-      return _(), $(i(j), { block: "" }, {
+      return _(), $(i(N), { block: "" }, {
         default: w(() => [
-          F(H, {
-            modelValue: N.value,
-            "onUpdate:modelValue": T[0] || (T[0] = (ee) => N.value = ee),
+          O(H, {
+            modelValue: j.value,
+            "onUpdate:modelValue": L[0] || (L[0] = (ee) => j.value = ee),
             density: i(o),
             direction: i(s),
             disabled: i(r),
             "hide-details": i(a),
             label: i(c),
-            max: i(m),
+            max: i(u),
             min: i(p),
             readonly: i(d),
             "show-ticks": f.value,
@@ -2231,7 +2267,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
             theme: i(b),
             "thumb-label": h.value,
             "thumb-size": i(x),
-            "tick-size": i(O),
+            "tick-size": i(F),
             ticks: V.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
@@ -2256,23 +2292,23 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: a } = l(e, [
       "settings",
       "halfIncrements"
-    ]), { property: c } = l(e, ["settings", "hover"]), { property: m } = l(e, ["settings", "length"]), { property: p } = l(e, [
+    ]), { property: c } = l(e, ["settings", "hover"]), { property: u } = l(e, ["settings", "length"]), { property: p } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: d } = G(), { property: u } = l(e, ["settings", "value"]);
+    ]), { theme: d } = G(), { property: m } = l(e, ["settings", "value"]);
     return (f, g) => {
       const b = M("v-rating");
-      return _(), $(i(j), null, {
+      return _(), $(i(N), null, {
         default: w(() => [
-          F(b, {
-            modelValue: i(u),
-            "onUpdate:modelValue": g[0] || (g[0] = (v) => Z(u) ? u.value = v : null),
+          O(b, {
+            modelValue: i(m),
+            "onUpdate:modelValue": g[0] || (g[0] = (v) => Z(m) ? m.value = v : null),
             clearable: i(o),
             density: i(s),
             disabled: i(r),
             "half-increments": i(a),
             hover: i(c),
-            length: i(m),
+            length: i(u),
             readonly: i(p),
             theme: i(d)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
@@ -2301,20 +2337,20 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: c } = l(e, [
       "settings",
       "singleLine"
-    ]), { theme: m } = G(), { property: p } = l(e, ["settings", "value"]);
-    return (d, u) => {
+    ]), { theme: u } = G(), { property: p } = l(e, ["settings", "value"]);
+    return (d, m) => {
       const f = M("v-select");
-      return _(), $(i(j), { block: "" }, {
+      return _(), $(i(N), { block: "" }, {
         default: w(() => [
-          F(f, {
+          O(f, {
             modelValue: i(p),
-            "onUpdate:modelValue": u[0] || (u[0] = (g) => Z(p) ? p.value = g : null),
+            "onUpdate:modelValue": m[0] || (m[0] = (g) => Z(p) ? p.value = g : null),
             "hide-details": i(o),
             label: i(s),
             placeholder: i(r),
             readonly: i(a),
             "single-line": i(c),
-            theme: i(m)
+            theme: i(u)
           }, null, 8, ["modelValue", "hide-details", "label", "placeholder", "readonly", "single-line", "theme"])
         ]),
         _: 1
@@ -2338,7 +2374,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: c } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: m } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "max"]), { property: d } = l(e, ["settings", "min"]), { property: u } = l(e, [
+    ]), { property: u } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "max"]), { property: d } = l(e, ["settings", "min"]), { property: m } = l(e, [
       "settings",
       "readonly"
     ]), { property: f } = l(e, ["settings", "reverse"]), { property: g } = l(e, [
@@ -2355,7 +2391,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { color: C } = q(x), { property: V } = l(e, [
       "settings",
       "thumbLabel"
-    ]), O = k(() => {
+    ]), F = k(() => {
       if (V.value === "always")
         return "always";
       if (V.value === "show")
@@ -2363,7 +2399,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     }), { property: W } = l(e, [
       "settings",
       "thumbSize"
-    ]), { property: U } = l(e, ["settings", "ticks"]), N = k(() => {
+    ]), { property: U } = l(e, ["settings", "ticks"]), j = k(() => {
       if (!U.value)
         return;
       const fe = {};
@@ -2374,40 +2410,40 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     }), { property: D } = l(e, [
       "settings",
       "tickSize"
-    ]), { property: T } = l(e, [
+    ]), { property: L } = l(e, [
       "settings",
       "trackColor"
-    ]), { color: H } = q(T), { property: ee } = l(e, ["settings", "value"]), { property: ae } = l(e, ["slots", "append"]), { property: Ce } = l(e, ["slots", "prepend"]);
+    ]), { color: H } = q(L), { property: ee } = l(e, ["settings", "value"]), { property: ae } = l(e, ["slots", "append"]), { property: Ce } = l(e, ["slots", "prepend"]);
     return (fe, Je) => {
       const lt = M("v-slider");
-      return _(), $(i(j), { block: "" }, {
+      return _(), $(i(N), { block: "" }, {
         default: w(() => [
-          F(lt, {
+          O(lt, {
             modelValue: i(ee),
-            "onUpdate:modelValue": Je[0] || (Je[0] = (No) => Z(ee) ? ee.value = No : null),
+            "onUpdate:modelValue": Je[0] || (Je[0] = (jo) => Z(ee) ? ee.value = jo : null),
             color: i(s),
             direction: i(r),
             disabled: i(a),
             "hide-details": i(c),
-            label: i(m),
+            label: i(u),
             max: i(p),
             min: i(d),
-            readonly: i(u),
+            readonly: i(m),
             reverse: i(f),
             "show-ticks": b.value,
             step: i(v),
             theme: i(h),
             "thumb-color": i(C),
-            "thumb-label": O.value,
+            "thumb-label": F.value,
             "thumb-size": i(W),
             "tick-size": i(D),
-            ticks: N.value,
+            ticks: j.value,
             "track-color": i(H)
-          }, Ot({ _: 2 }, [
+          }, Ft({ _: 2 }, [
             i(ae) ? {
               name: "append",
               fn: w(() => [
-                F(i(ke), {
+                O(i(ke), {
                   id: "append",
                   "ref-context": { compId: i(ae) },
                   state: {}
@@ -2418,7 +2454,7 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
             i(Ce) ? {
               name: "prepend",
               fn: w(() => [
-                F(i(ke), {
+                O(i(ke), {
                   id: "prepend",
                   "ref-context": { compId: i(Ce) },
                   state: {}
@@ -2445,8 +2481,8 @@ const vs = /* @__PURE__ */ Le(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       "hideActions"
     ]), { theme: s } = G(), { property: r } = l(e, ["settings", "value"]);
     return (a, c) => {
-      const m = M("v-stepper");
-      return _(), $(m, {
+      const u = M("v-stepper");
+      return _(), $(u, {
         modelValue: i(r),
         "onUpdate:modelValue": c[0] || (c[0] = (p) => Z(r) ? r.value = p : null),
         "hide-actions": i(o),
@@ -2469,7 +2505,7 @@ function Xs(t, n) {
     _: 3
   });
 }
-const Ys = /* @__PURE__ */ Le(qs, [["render", Xs]]), Zs = /* @__PURE__ */ I({
+const Ys = /* @__PURE__ */ Ae(qs, [["render", Xs]]), Zs = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -2498,7 +2534,7 @@ function el(t, n) {
     _: 3
   });
 }
-const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
+const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -2537,12 +2573,12 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     ]), { property: c } = l(e, [
       "settings",
       "indeterminate"
-    ]), { property: m } = l(e, ["settings", "inline"]), { property: p } = l(e, ["settings", "inset"]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { theme: f } = G(), { property: g } = l(e, ["settings", "value"]);
+    ]), { property: u } = l(e, ["settings", "inline"]), { property: p } = l(e, ["settings", "inset"]), { property: d } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "loading"]), { theme: f } = G(), { property: g } = l(e, ["settings", "value"]);
     return (b, v) => {
       const h = M("v-switch");
-      return _(), $(i(j), { "fit-content": !0 }, {
+      return _(), $(i(N), { "fit-content": !0 }, {
         default: w(() => [
-          F(h, {
+          O(h, {
             modelValue: i(g),
             "onUpdate:modelValue": v[0] || (v[0] = (x) => Z(g) ? g.value = x : null),
             density: i(o),
@@ -2550,10 +2586,10 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
             disabled: i(r),
             "hide-details": i(a),
             indeterminate: i(c),
-            inline: i(m),
+            inline: i(u),
             inset: i(p),
             label: i(d),
-            loading: i(u),
+            loading: i(m),
             theme: i(f)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
         ]),
@@ -2570,14 +2606,14 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
   },
   setup(t) {
     const n = t, { node: e } = P(n), o = J(), { property: s } = l(e, ["settings", "text"]), { theme: r } = G(), { property: a } = l(e, ["settings", "value"]), c = k(() => {
-      const m = {};
-      return o === "editor" && (m.pointerEvents = "none"), m;
+      const u = {};
+      return o === "editor" && (u.pointerEvents = "none"), u;
     });
-    return (m, p) => {
+    return (u, p) => {
       const d = M("v-tab");
-      return _(), $(i(j), null, {
+      return _(), $(i(N), null, {
         default: w(() => [
-          F(d, {
+          O(d, {
             style: re(c.value),
             text: i(s),
             theme: i(r),
@@ -2610,10 +2646,10 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       "settings",
       "color",
       "selectedColor"
-    ]), { color: m } = q(c), { property: p } = l(e, ["settings", "density"]), { property: d } = l(e, [
+    ]), { color: u } = q(c), { property: p } = l(e, ["settings", "density"]), { property: d } = l(e, [
       "settings",
       "direction"
-    ]), { property: u } = l(e, [
+    ]), { property: m } = l(e, [
       "settings",
       "disabled"
     ]), { property: f } = l(e, [
@@ -2632,21 +2668,21 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: V } = q(C), { property: O } = l(e, ["settings", "stacked"]), { theme: W } = G(), { property: U } = l(e, ["settings", "value"]);
-    return (N, D) => {
-      const T = M("v-tabs");
-      return _(), $(i(j), { block: "" }, {
+    ]), { color: V } = q(C), { property: F } = l(e, ["settings", "stacked"]), { theme: W } = G(), { property: U } = l(e, ["settings", "value"]);
+    return (j, D) => {
+      const L = M("v-tabs");
+      return _(), $(i(N), { block: "" }, {
         default: w(() => [
-          F(T, {
+          O(L, {
             modelValue: i(U),
             "onUpdate:modelValue": D[0] || (D[0] = (H) => Z(U) ? U.value = H : null),
             "align-tabs": i(o),
             "bg-color": i(r),
             "center-active": i(a),
-            color: i(m),
+            color: i(u),
             density: i(p),
             direction: i(d),
-            disabled: i(u),
+            disabled: i(m),
             "fixed-tabs": i(f),
             grow: i(g),
             "hide-slider": i(b),
@@ -2654,11 +2690,11 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
             mandatory: i(h),
             "show-arrows": i(x),
             "slider-color": i(V),
-            stacked: i(O),
+            stacked: i(F),
             theme: i(W)
           }, {
             default: w(() => [
-              R(N.$slots, "default")
+              R(j.$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"])
@@ -2681,15 +2717,15 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     ]), { property: a } = l(e, [
       "settings",
       "emphasis"
-    ]), { property: c } = l(e, ["settings", "italic"]), { property: m } = l(e, ["settings", "text"]), { property: p } = l(e, ["settings", "weight"]), d = k(() => {
-      const u = [], f = Xe(o.value.width), g = We(f, e.value.settings?.style);
-      return g && u.push(`text-${g}`), a.value === "high" ? u.push("text-high-emphasis") : a.value === "medium" ? u.push("text-medium-emphasis") : a.value === "disabled" && u.push("text-disabled"), s.value && u.push(`font-${s.value}`), r.value && u.push(`text-decoration-${r.value}`), p.value && u.push(`font-weight-${p.value}`), c.value && u.push("font-italic"), u.join(" ");
+    ]), { property: c } = l(e, ["settings", "italic"]), { property: u } = l(e, ["settings", "text"]), { property: p } = l(e, ["settings", "weight"]), d = k(() => {
+      const m = [], f = Xe(o.value.width), g = We(f, e.value.settings?.style);
+      return g && m.push(`text-${g}`), a.value === "high" ? m.push("text-high-emphasis") : a.value === "medium" ? m.push("text-medium-emphasis") : a.value === "disabled" && m.push("text-disabled"), s.value && m.push(`font-${s.value}`), r.value && m.push(`text-decoration-${r.value}`), p.value && m.push(`font-weight-${p.value}`), c.value && m.push("font-italic"), m.join(" ");
     });
-    return (u, f) => (_(), $(i(j), null, {
+    return (m, f) => (_(), $(i(N), null, {
       default: w(() => [
         te("span", {
           class: Xo(d.value)
-        }, Yo(i(m)), 3)
+        }, Yo(i(u)), 3)
       ]),
       _: 1
     }));
@@ -2711,10 +2747,10 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     ]), { property: r } = l(e, ["settings", "density"]), { property: a } = l(e, [
       "settings",
       "disabled"
-    ]), { property: c } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "loading"]), { property: p } = l(e, ["settings", "maxRows"]), { property: d } = l(e, [
+    ]), { property: c } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { property: p } = l(e, ["settings", "maxRows"]), { property: d } = l(e, [
       "settings",
       "placeholder"
-    ]), { property: u } = l(e, [
+    ]), { property: m } = l(e, [
       "settings",
       "readonly"
     ]), { property: f } = l(e, ["settings", "reverse"]), { property: g } = l(e, ["settings", "rows"]), { property: b } = l(e, [
@@ -2722,10 +2758,10 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       "singleLine"
     ]), { theme: v } = G(), { property: h } = l(e, ["settings", "value"]), { property: x } = l(e, ["settings", "variant"]);
     return (C, V) => {
-      const O = M("v-textarea");
-      return _(), $(i(j), { block: "" }, {
+      const F = M("v-textarea");
+      return _(), $(i(N), { block: "" }, {
         default: w(() => [
-          F(O, {
+          O(F, {
             modelValue: i(h),
             "onUpdate:modelValue": V[0] || (V[0] = (W) => Z(h) ? h.value = W : null),
             "auto-grow": i(o),
@@ -2733,10 +2769,10 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
             density: i(r),
             disabled: i(a),
             label: i(c),
-            loading: i(m),
+            loading: i(u),
             "max-rows": i(p),
             placeholder: i(d),
-            readonly: i(u),
+            readonly: i(m),
             reverse: i(f),
             rows: i(g),
             "single-line": i(b),
@@ -2768,13 +2804,13 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     ]), { property: a } = l(e, [
       "settings",
       "clearable"
-    ]), { property: c } = l(e, ["settings", "density"]), { property: m } = l(e, [
+    ]), { property: c } = l(e, ["settings", "density"]), { property: u } = l(e, [
       "settings",
       "disabled"
     ]), { property: p } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: d } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { property: f } = l(e, [
+    ]), { property: d } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "loading"]), { property: f } = l(e, [
       "settings",
       "placeholder"
     ]), { property: g } = l(e, ["settings", "prefix"]), { property: b } = l(e, [
@@ -2789,18 +2825,18 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     ]), { property: x } = l(e, ["settings", "reverse"]), { property: C } = l(e, [
       "settings",
       "singleLine"
-    ]), { property: V } = l(e, ["settings", "suffix"]), { theme: O } = G(), { property: W } = l(e, ["settings", "value"]), { property: U } = l(e, ["settings", "variant"]), { property: N } = l(e, ["slots", "append"]), { property: D } = l(e, [
+    ]), { property: V } = l(e, ["settings", "suffix"]), { theme: F } = G(), { property: W } = l(e, ["settings", "value"]), { property: U } = l(e, ["settings", "variant"]), { property: j } = l(e, ["slots", "append"]), { property: D } = l(e, [
       "slots",
       "appendInner"
-    ]), { property: T } = l(e, ["slots", "prepend"]), { property: H } = l(e, [
+    ]), { property: L } = l(e, ["slots", "prepend"]), { property: H } = l(e, [
       "slots",
       "prependInner"
     ]);
     return (ee, ae) => {
       const Ce = M("v-text-field");
-      return _(), $(i(j), { block: "" }, {
+      return _(), $(i(N), { block: "" }, {
         default: w(() => [
-          F(Ce, {
+          O(Ce, {
             modelValue: i(W),
             "onUpdate:modelValue": ae[0] || (ae[0] = (fe) => Z(W) ? W.value = fe : null),
             "append-icon": i(o),
@@ -2808,10 +2844,10 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
             autofocus: i(r),
             clearable: i(a),
             density: i(c),
-            disabled: i(m),
+            disabled: i(u),
             "hide-details": i(p),
             label: i(d),
-            loading: i(u),
+            loading: i(m),
             placeholder: i(f),
             prefix: i(g),
             "prepend-icon": i(b),
@@ -2820,15 +2856,15 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
             reverse: i(x),
             "single-line": i(C),
             suffix: i(V),
-            theme: i(O),
+            theme: i(F),
             variant: i(U)
-          }, Ot({ _: 2 }, [
-            i(N) ? {
+          }, Ft({ _: 2 }, [
+            i(j) ? {
               name: "append",
               fn: w(() => [
-                F(i(ke), {
+                O(i(ke), {
                   id: "append",
-                  "ref-context": { compId: i(N) },
+                  "ref-context": { compId: i(j) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2837,7 +2873,7 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
             i(D) ? {
               name: "append-inner",
               fn: w(() => [
-                F(i(ke), {
+                O(i(ke), {
                   id: "append-inner",
                   "ref-context": { compId: i(D) },
                   state: {}
@@ -2845,12 +2881,12 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
               ]),
               key: "1"
             } : void 0,
-            i(T) ? {
+            i(L) ? {
               name: "prepend",
               fn: w(() => [
-                F(i(ke), {
+                O(i(ke), {
                   id: "prepend",
-                  "ref-context": { compId: i(T) },
+                  "ref-context": { compId: i(L) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2859,7 +2895,7 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
             i(H) ? {
               name: "prepend-inner",
               fn: w(() => [
-                F(i(ke), {
+                O(i(ke), {
                   id: "prepend-inner",
                   "ref-context": { compId: i(H) },
                   state: {}
@@ -2888,7 +2924,7 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       "settings",
       "dot",
       "color"
-    ]), { color: c } = q(a), { property: m } = l(e, [
+    ]), { color: c } = q(a), { property: u } = l(e, [
       "settings",
       "dot",
       "fill"
@@ -2899,7 +2935,7 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       "settings",
       "line",
       "color"
-    ]), { color: u } = q(d), { property: f } = l(e, [
+    ]), { color: m } = q(d), { property: f } = l(e, [
       "settings",
       "line",
       "inset"
@@ -2919,9 +2955,9 @@ const tl = /* @__PURE__ */ Le(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
         density: i(s),
         direction: i(r),
         "dot-color": i(c),
-        "fill-dot": i(m),
+        "fill-dot": i(u),
         "hide-opposite": i(p),
-        "line-color": i(u),
+        "line-color": i(m),
         "line-inset": i(f),
         "line-thickness": i(g),
         side: i(b),
@@ -2945,7 +2981,7 @@ function ml(t, n) {
     _: 3
   });
 }
-const pl = /* @__PURE__ */ Le(ul, [["render", ml]]), dl = /* @__PURE__ */ I({
+const pl = /* @__PURE__ */ Ae(ul, [["render", ml]]), dl = /* @__PURE__ */ I({
   __name: "index",
   props: {
     id: {},
@@ -2965,8 +3001,8 @@ const pl = /* @__PURE__ */ Le(ul, [["render", ml]]), dl = /* @__PURE__ */ I({
     ]), { property: a } = l(e, ["settings", "reverse"]), { property: c } = l(e, [
       "settings",
       "showArrows"
-    ]), { property: m } = l(e, ["settings", "touch"]), { theme: p } = G(), { property: d } = l(e, ["settings", "value"]);
-    return (u, f) => {
+    ]), { property: u } = l(e, ["settings", "touch"]), { theme: p } = G(), { property: d } = l(e, ["settings", "value"]);
+    return (m, f) => {
       const g = M("v-window");
       return _(), $(g, {
         modelValue: i(d),
@@ -2977,10 +3013,10 @@ const pl = /* @__PURE__ */ Le(ul, [["render", ml]]), dl = /* @__PURE__ */ I({
         reverse: i(a),
         "show-arrows": i(c),
         theme: i(p),
-        touch: i(m)
+        touch: i(u)
       }, {
         default: w(() => [
-          R(u.$slots, "default")
+          R(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
@@ -2996,7 +3032,7 @@ function yl(t, n) {
     _: 3
   });
 }
-const bl = /* @__PURE__ */ Le(fl, [["render", yl]]), y = {
+const bl = /* @__PURE__ */ Ae(fl, [["render", yl]]), y = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -3058,7 +3094,7 @@ const bl = /* @__PURE__ */ Le(fl, [["render", yl]]), y = {
       ]
     }
   ]
-}, gl = K(X), Te = {
+}, gl = K(X), Le = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -3170,7 +3206,7 @@ const bl = /* @__PURE__ */ Le(fl, [["render", yl]]), y = {
       default: ""
     }
   ]
-}, Ee = {
+}, Te = {
   key: "padding",
   name: "x-runtime-lib.padding",
   children: [
@@ -3475,7 +3511,7 @@ const bl = /* @__PURE__ */ Le(fl, [["render", yl]]), y = {
 }, hl = {
   key: "scene_orthographic_camera_v1",
   name: "x-runtime-lib.orthographicCamera",
-  comp: Li,
+  comp: Ai,
   properties: {
     pageScene: [y, Q, mn],
     compScene: [y, Q, mn]
@@ -3579,13 +3615,13 @@ function wl(t, n) {
     console.error(`boxGeometryV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Fe.properties[o];
+  const s = Oe.properties[o];
   if (!s) {
     console.error(`boxGeometryV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = Fe.key, r.transform = {
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = Oe.key, r.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3604,7 +3640,7 @@ function wl(t, n) {
   };
   const a = Sl(t, n), c = $l(t, n);
   return {
-    nodeTree: A(r, [a.nodeTree, c.nodeTree]),
+    nodeLite: E(r, [a.nodeLite, c.nodeLite]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes,
@@ -3627,8 +3663,8 @@ function Sl(t, n) {
     );
     return;
   }
-  const r = E();
-  return L(r, s), r.basic.id = z(16), r.basic.key = yt.key, r.settings = {
+  const r = T();
+  return A(r, s), r.basic.id = z(16), r.basic.key = yt.key, r.settings = {
     width: 1,
     height: 1,
     depth: 1,
@@ -3636,7 +3672,7 @@ function Sl(t, n) {
     heightSegements: 1,
     depthSegements: 1
   }, {
-    nodeTree: A(r),
+    nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
     }
@@ -3657,9 +3693,9 @@ function $l(t, n) {
     );
     return;
   }
-  const r = E();
-  return L(r, s), r.basic.id = z(16), r.basic.key = De.key, {
-    nodeTree: A(r),
+  const r = T();
+  return A(r, s), r.basic.id = z(16), r.basic.key = De.key, {
+    nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
     }
@@ -3712,7 +3748,7 @@ const dn = {
 }, yt = {
   key: "scene_box_geometry_v1",
   name: "x-runtime-lib.boxGeometry",
-  comp: Fi,
+  comp: Oi,
   properties: {
     pageScene: [y, dn],
     compScene: [y, dn]
@@ -3730,13 +3766,13 @@ function Cl(t, n) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Fe.properties[o];
+  const s = Oe.properties[o];
   if (!s) {
     console.error(`sphereGeometryV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = Fe.key, r.transform = {
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = Oe.key, r.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3755,7 +3791,7 @@ function Cl(t, n) {
   };
   const a = Il(t, n), c = Vl(t, n);
   return {
-    nodeTree: A(r, [a.nodeTree, c.nodeTree]),
+    nodeLite: E(r, [a.nodeLite, c.nodeLite]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes,
@@ -3778,8 +3814,8 @@ function Il(t, n) {
     );
     return;
   }
-  const r = E();
-  return L(r, s), r.basic.id = z(16), r.basic.key = bt.key, r.settings = {
+  const r = T();
+  return A(r, s), r.basic.id = z(16), r.basic.key = bt.key, r.settings = {
     radius: 1,
     widthSegements: 32,
     heightSegements: 16,
@@ -3788,7 +3824,7 @@ function Il(t, n) {
     thetaStart: 0,
     thetaLength: 3.141592653589793
   }, {
-    nodeTree: A(r),
+    nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
     }
@@ -3809,9 +3845,9 @@ function Vl(t, n) {
     );
     return;
   }
-  const r = E();
-  return L(r, s), r.basic.id = z(16), r.basic.key = De.key, {
-    nodeTree: A(r),
+  const r = T();
+  return A(r, s), r.basic.id = z(16), r.basic.key = De.key, {
+    nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
     }
@@ -3872,7 +3908,7 @@ const fn = {
 }, bt = {
   key: "scene_sphere_geometry_v1",
   name: "x-runtime-lib.sphereGeometry",
-  comp: ji,
+  comp: Ni,
   properties: {
     pageScene: [y, fn],
     compScene: [y, fn]
@@ -3931,7 +3967,7 @@ const bn = {
       default: 1
     }
   ]
-}, Tl = {
+}, Ll = {
   key: "scene_directional_light_v1",
   name: "x-runtime-lib.directionalLight",
   comp: Ui,
@@ -3943,7 +3979,7 @@ const bn = {
   methods: [],
   slots: []
 };
-S(Tl);
+S(Ll);
 const rt = K(X);
 rt.children[0].default = "custom";
 rt.children[2].children[0].default = "0xffffff";
@@ -4036,7 +4072,7 @@ const hn = {
       default: 0
     }
   ]
-}, El = {
+}, Tl = {
   key: "scene_spot_light_v1",
   name: "x-runtime-lib.spotLight",
   comp: Yi,
@@ -4048,7 +4084,7 @@ const hn = {
   methods: [],
   slots: []
 };
-S(El);
+S(Tl);
 const De = {
   key: "scene_mesh_basic_material_v1",
   name: "x-runtime-lib.meshBasicMaterial",
@@ -4063,7 +4099,7 @@ const De = {
   leaf: !0
 };
 S(De);
-const Al = {
+const El = {
   key: "scene_group_v1",
   name: "x-runtime-lib.group",
   comp: nr,
@@ -4075,8 +4111,8 @@ const Al = {
   methods: [],
   slots: []
 };
-S(Al);
-const Fe = {
+S(El);
+const Oe = {
   key: "scene_mesh_v1",
   name: "x-runtime-lib.mesh",
   comp: ir,
@@ -4088,8 +4124,8 @@ const Fe = {
   methods: [],
   slots: []
 };
-S(Fe);
-function Ll(t, n) {
+S(Oe);
+function Al(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`barChartV1/spawn property tag not found, ${e}`);
@@ -4100,14 +4136,14 @@ function Ll(t, n) {
     console.error(`barChartV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  return L(r, s), r.basic.id = z(16), r.basic.key = gt.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
+  const r = T();
+  return A(r, s), r.basic.id = z(16), r.basic.key = gt.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
     {
       type: "bar",
       data: [120, 200, 150, 80, 70, 110, 130]
     }
   ], {
-    nodeTree: A(r),
+    nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
     }
@@ -4143,7 +4179,7 @@ const _n = {
     compCommon: [y, Y, Qe, et, tt, Ze, _n]
   },
   leaf: !0,
-  spawn: Ll
+  spawn: Al
 };
 S(gt);
 function Ml(t, n) {
@@ -4157,14 +4193,14 @@ function Ml(t, n) {
     console.error(`lineChartV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  return L(r, s), r.basic.id = z(16), r.basic.key = ht.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
+  const r = T();
+  return A(r, s), r.basic.id = z(16), r.basic.key = ht.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
     {
       type: "line",
       data: [120, 200, 150, 80, 70, 110, 130]
     }
   ], {
-    nodeTree: A(r),
+    nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
     }
@@ -4273,18 +4309,18 @@ const zo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [Me, zo]
-}, Fl = {
+}, Ol = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [Me]
-}, Ol = {
+}, Fl = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [Me, zo]
-}, jl = {
+}, Nl = {
   key: "startup",
   name: "x-runtime-lib.startup"
-}, Nl = {
+}, jl = {
   key: "screenSizeChange",
   name: "x-runtime-lib.screenSizeChange",
   params: [
@@ -4315,11 +4351,11 @@ const zo = {
   comp: null,
   properties: {
     pageCommon: [Kl],
-    pageScene: [Fl],
+    pageScene: [Ol],
     compCommon: [Dl],
-    compScene: [Ol]
+    compScene: [Fl]
   },
-  events: [jl, Nl, Gl],
+  events: [Nl, jl, Gl],
   internal: !0
 };
 S(Hl);
@@ -4379,9 +4415,9 @@ function Jl(t, n) {
     console.error(`btnV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  return L(r, s), r.basic.id = z(16), r.basic.key = _t.key, r.settings.text = "button", {
-    nodeTree: A(r),
+  const r = T();
+  return A(r, s), r.basic.id = z(16), r.basic.key = _t.key, r.settings.text = "button", {
+    nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
     }
@@ -4579,14 +4615,14 @@ function Zl(t, n) {
     console.error(`cardV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Oe.properties[o];
+  const s = Fe.properties[o];
   if (!s) {
     console.error(`cardV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  return L(r, s), r.basic.id = z(16), r.basic.key = Oe.key, r.children = [], r.settings.title = "title", r.settings.subtitle = "subtitle", r.settings.text = "text", {
-    nodeTree: A(r),
+  const r = T();
+  return A(r, s), r.basic.id = z(16), r.basic.key = Fe.key, r.children = [], r.settings.title = "title", r.settings.subtitle = "subtitle", r.settings.text = "text", {
+    nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
     }
@@ -4647,7 +4683,7 @@ const Cn = {
       default: !1
     }
   ]
-}, Oe = {
+}, Fe = {
   key: "common_card_v1",
   name: "x-runtime-lib.card",
   comp: ks,
@@ -4657,7 +4693,7 @@ const Cn = {
   },
   spawn: Zl
 };
-S(Oe);
+S(Fe);
 const In = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4783,26 +4819,26 @@ function ta(t, n) {
     console.error(`chipGroupV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = xt.key;
-  const a = Pe(t, n, "chip1", "chip 1"), c = Pe(t, n, "chip2", "chip 2"), m = Pe(t, n, "chip3", "chip 3"), p = Pe(t, n, "chip4", "chip 4"), d = Pe(t, n, "chip5", "chip 5"), u = Pe(t, n, "chip6", "chip 6");
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = xt.key;
+  const a = Pe(t, n, "chip1", "chip 1"), c = Pe(t, n, "chip2", "chip 2"), u = Pe(t, n, "chip3", "chip 3"), p = Pe(t, n, "chip4", "chip 4"), d = Pe(t, n, "chip5", "chip 5"), m = Pe(t, n, "chip6", "chip 6");
   return {
-    nodeTree: A(r, [
-      a.nodeTree,
-      c.nodeTree,
-      m.nodeTree,
-      p.nodeTree,
-      d.nodeTree,
-      u.nodeTree
+    nodeLite: E(r, [
+      a.nodeLite,
+      c.nodeLite,
+      u.nodeLite,
+      p.nodeLite,
+      d.nodeLite,
+      m.nodeLite
     ]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes,
       ...c.nodes,
-      ...m.nodes,
+      ...u.nodes,
       ...p.nodes,
       ...d.nodes,
-      ...u.nodes
+      ...m.nodes
     }
   };
 }
@@ -4817,9 +4853,9 @@ function Pe(t, n, e, o) {
     console.error(`chipGroupV1/spawnChip properties not found, ${s}`);
     return;
   }
-  const c = E();
-  return L(c, a), c.basic.id = z(16), c.basic.key = vt.key, c.settings.value = e, c.settings.text = o, {
-    nodeTree: A(c),
+  const c = T();
+  return A(c, a), c.basic.id = z(16), c.basic.key = vt.key, c.settings.value = e, c.settings.text = o, {
+    nodeLite: E(c),
     nodes: {
       [c.basic.id]: c
     }
@@ -4901,7 +4937,7 @@ const na = {
   leaf: !0
 };
 S(na);
-const Tn = {
+const Ln = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4947,8 +4983,8 @@ const Tn = {
   name: "x-runtime-lib.combobox",
   comp: Is,
   properties: {
-    pageCommon: [y, Tn],
-    compCommon: [y, Tn]
+    pageCommon: [y, Ln],
+    compCommon: [y, Ln]
   },
   leaf: !0
 };
@@ -4965,8 +5001,8 @@ const zn = {
   name: "x-runtime-lib.container",
   comp: Vs,
   properties: {
-    pageCommon: [y, Y, Te, ze, Ee, zn],
-    compCommon: [y, Y, Te, ze, Ee, zn]
+    pageCommon: [y, Y, Le, ze, Te, zn],
+    compCommon: [y, Y, Le, ze, Te, zn]
   },
   events: [
     {
@@ -4976,7 +5012,7 @@ const zn = {
   ]
 };
 S(kt);
-const En = {
+const Tn = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -4995,7 +5031,7 @@ const En = {
       default: ""
     }
   ]
-}, An = {
+}, En = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5103,7 +5139,7 @@ const En = {
       default: !1
     }
   ]
-}, Ln = {
+}, An = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -5133,8 +5169,8 @@ const En = {
   name: "x-runtime-lib.dataTable",
   comp: Ps,
   properties: {
-    pageCommon: [y, En, An, Ln],
-    compCommon: [y, En, An, Ln]
+    pageCommon: [y, Tn, En, An],
+    compCommon: [y, Tn, En, An]
   },
   leaf: !0
 };
@@ -5142,7 +5178,7 @@ S(ia);
 const ra = {
   key: "common_date_picker_v1",
   name: "x-runtime-lib.datePicker",
-  comp: Ts,
+  comp: Ls,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -5153,7 +5189,7 @@ S(ra);
 const sa = {
   key: "common_dialog_v1",
   name: "x-runtime-lib.dialog",
-  comp: Es,
+  comp: Ts,
   properties: {
     pageCommon: [y],
     compCommon: [y]
@@ -5175,10 +5211,10 @@ const Mn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, ru = {
+}, mu = {
   key: "common_file_input_v1",
   name: "x-runtime-lib.fileInput",
-  comp: As,
+  comp: Es,
   properties: {
     pageCommon: [y, Mn],
     compCommon: [y, Mn]
@@ -5217,13 +5253,13 @@ function la(t, n) {
     console.error(`flexLayoutV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = je.properties[o];
+  const s = Ne.properties[o];
   if (!s) {
     console.error(`flexLayoutV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = je.key;
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = Ne.key;
   const a = St(
     t,
     n,
@@ -5242,14 +5278,14 @@ function la(t, n) {
     void 0,
     "60px",
     void 0
-  ), m = aa(t, n);
+  ), u = aa(t, n);
   return {
-    nodeTree: A(r, [a.nodeTree, c.nodeTree, m.nodeTree]),
+    nodeLite: E(r, [a.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
@@ -5266,8 +5302,8 @@ function aa(t, n) {
     console.error(`flexLayoutV1/spawnEntry properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = wt.key;
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = wt.key;
   const a = St(
     t,
     n,
@@ -5279,14 +5315,14 @@ function aa(t, n) {
     "80px"
   );
   return {
-    nodeTree: A(r, [a.nodeTree]),
+    nodeLite: E(r, [a.nodeLite]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes
     }
   };
 }
-function St(t, n, e, o, s, r, a, c, m) {
+function St(t, n, e, o, s, r, a, c, u) {
   const p = `type=${t} subtype=${n}`, d = B(t, n);
   if (!d) {
     console.error(
@@ -5294,16 +5330,16 @@ function St(t, n, e, o, s, r, a, c, m) {
     );
     return;
   }
-  const u = kt.properties[d];
-  if (!u) {
+  const m = kt.properties[d];
+  if (!m) {
     console.error(
       `flexLayoutV1/spawnContainer properties not found, ${p}`
     );
     return;
   }
-  const f = E();
-  return L(f, u), f.basic.id = z(16), f.basic.key = kt.key, o && (f.size.width = o), s && (f.size.minWidth = s), a && (f.size.height = a), c && (f.size.minHeight = c), e && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = e, f.settings.backgroundColor.custom.dark = e), {
-    nodeTree: A(f, []),
+  const f = T();
+  return A(f, m), f.basic.id = z(16), f.basic.key = kt.key, o && (f.size.width = o), s && (f.size.minWidth = s), a && (f.size.height = a), c && (f.size.minHeight = c), e && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = e, f.settings.backgroundColor.custom.dark = e), {
+    nodeLite: E(f, []),
     nodes: {
       [f.basic.id]: f
     }
@@ -5482,13 +5518,13 @@ const Wn = {
     },
     Yt
   ]
-}, je = {
+}, Ne = {
   key: "common_flex_layout_v1",
   name: "x-runtime-lib.flexLayout",
-  comp: Ls,
+  comp: As,
   properties: {
-    pageCommon: [y, Y, Te, ze, Ee, Wn],
-    compCommon: [y, Y, Te, ze, Ee, Wn]
+    pageCommon: [y, Y, Le, ze, Te, Wn],
+    compCommon: [y, Y, Le, ze, Te, Wn]
   },
   events: [
     {
@@ -5498,7 +5534,7 @@ const Wn = {
   ],
   spawn: la
 };
-S(je);
+S(Ne);
 const Rn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5691,11 +5727,11 @@ function ca(t, n) {
     console.error(`formV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = Ct.key;
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = Ct.key;
   const a = ua(t, n);
   return {
-    nodeTree: A(r, [a.nodeTree]),
+    nodeLite: E(r, [a.nodeLite]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes
@@ -5713,9 +5749,9 @@ function ua(t, n) {
     console.error(`formV1/spawnTextField properties not found, ${e}`);
     return;
   }
-  const r = E();
-  return L(r, s), r.basic.id = z(16), r.basic.key = $t.key, {
-    nodeTree: A(r),
+  const r = T();
+  return A(r, s), r.basic.id = z(16), r.basic.key = $t.key, {
+    nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
     }
@@ -5744,8 +5780,8 @@ const Dn = {
   name: "x-runtime-lib.form",
   comp: Bs,
   properties: {
-    pageCommon: [y, Y, Te, ze, Ee, Dn],
-    compCommon: [y, Y, Te, ze, Ee, Dn]
+    pageCommon: [y, Y, Le, ze, Te, Dn],
+    compCommon: [y, Y, Le, ze, Te, Dn]
   },
   events: [
     {
@@ -5756,7 +5792,7 @@ const Dn = {
   spawn: ca
 };
 S(Ct);
-const ma = K(X), Fn = {
+const ma = K(X), On = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5786,8 +5822,8 @@ const ma = K(X), Fn = {
   name: "x-runtime-lib.icon",
   comp: Ws,
   properties: {
-    pageCommon: [y, Fn],
-    compCommon: [y, Fn]
+    pageCommon: [y, On],
+    compCommon: [y, On]
   },
   leaf: !0
 };
@@ -5824,15 +5860,15 @@ function fa(t, n) {
     console.error(`numberInputV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  return L(r, s), r.basic.id = z(16), r.basic.key = It.key, r.settings.label = "label", r.settings.placeholder = "placeholder", {
-    nodeTree: A(r),
+  const r = T();
+  return A(r, s), r.basic.id = z(16), r.basic.key = It.key, r.settings.label = "label", r.settings.placeholder = "placeholder", {
+    nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
     }
   };
 }
-const On = {
+const Fn = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -5858,7 +5894,7 @@ const On = {
       default: ""
     }
   ]
-}, jn = {
+}, Nn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6004,8 +6040,8 @@ const On = {
   name: "x-runtime-lib.numberInput",
   comp: Ds,
   properties: {
-    pageCommon: [y, On, jn],
-    compCommon: [y, On, jn]
+    pageCommon: [y, Fn, Nn],
+    compCommon: [y, Fn, Nn]
   },
   events: [
     {
@@ -6033,7 +6069,7 @@ const On = {
   spawn: fa
 };
 S(It);
-const Nn = {
+const jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6099,10 +6135,10 @@ const Nn = {
 }, ya = {
   key: "common_pagination_v1",
   name: "x-runtime-lib.pagination",
-  comp: Fs,
+  comp: Os,
   properties: {
-    pageCommon: [y, Nn],
-    compCommon: [y, Nn]
+    pageCommon: [y, jn],
+    compCommon: [y, jn]
   },
   leaf: !0
 };
@@ -6147,7 +6183,7 @@ const ba = K(X), Gn = {
 }, Vt = {
   key: "common_radio_v1",
   name: "x-runtime-lib.radio",
-  comp: Os,
+  comp: Fs,
   properties: {
     pageCommon: [y, Gn],
     compCommon: [y, Gn]
@@ -6166,20 +6202,20 @@ function ga(t, n) {
     console.error(`radioGroupV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = Pt.key, r.settings.value = "option1";
-  const a = ct(t, n, "option1", "Option 1"), c = ct(t, n, "option2", "Option 2"), m = ct(t, n, "option3", "Option 3");
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = Pt.key, r.settings.value = "option1";
+  const a = ct(t, n, "option1", "Option 1"), c = ct(t, n, "option2", "Option 2"), u = ct(t, n, "option3", "Option 3");
   return {
-    nodeTree: A(r, [
-      a.nodeTree,
-      c.nodeTree,
-      m.nodeTree
+    nodeLite: E(r, [
+      a.nodeLite,
+      c.nodeLite,
+      u.nodeLite
     ]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
@@ -6196,9 +6232,9 @@ function ct(t, n, e, o) {
     console.error(`radioGroupV1/spawnEntry properties not found, ${s}`);
     return;
   }
-  const c = E();
-  return L(c, a), c.basic.id = z(16), c.basic.key = Vt.key, c.settings.value = e, c.settings.label = o, {
-    nodeTree: A(c),
+  const c = T();
+  return A(c, a), c.basic.id = z(16), c.basic.key = Vt.key, c.settings.value = e, c.settings.label = o, {
+    nodeLite: E(c),
     nodes: {
       [c.basic.id]: c
     }
@@ -6250,7 +6286,7 @@ const Hn = {
 }, Pt = {
   key: "common_radio_group_v1",
   name: "x-runtime-lib.radioGroup",
-  comp: js,
+  comp: Ns,
   properties: {
     pageCommon: [y, Hn],
     compCommon: [y, Hn]
@@ -6378,7 +6414,7 @@ const Un = {
 }, ha = {
   key: "common_range_slider_v1",
   name: "x-runtime-lib.rangeSlider",
-  comp: Ns,
+  comp: js,
   properties: {
     pageCommon: [y, Un],
     compCommon: [y, Un]
@@ -6650,7 +6686,7 @@ const Xn = {
   leaf: !0
 };
 S(xa);
-const Tt = {
+const Lt = {
   key: "common_stepper_header_v1",
   name: "x-runtime-lib.stepperHeader",
   comp: Ys,
@@ -6659,7 +6695,7 @@ const Tt = {
     compCommon: [y]
   }
 };
-S(Tt);
+S(Lt);
 const Zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6681,7 +6717,7 @@ const Zn = {
   }
 };
 S(zt);
-const Et = {
+const Tt = {
   key: "common_stepper_window_v1",
   name: "x-runtime-lib.stepperWindow",
   comp: tl,
@@ -6690,7 +6726,7 @@ const Et = {
     compCommon: [y]
   }
 };
-S(Et);
+S(Tt);
 const Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6702,7 +6738,7 @@ const Qn = {
       default: ""
     }
   ]
-}, At = {
+}, Et = {
   key: "common_stepper_window_item_v1",
   name: "x-runtime-lib.stepperWindowItem",
   comp: nl,
@@ -6711,23 +6747,23 @@ const Qn = {
     compCommon: [y, Qn]
   }
 };
-S(At);
+S(Et);
 function ka(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`stepperV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Lt.properties[o];
+  const s = At.properties[o];
   if (!s) {
     console.error(`stepperV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = Lt.key;
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = At.key;
   const a = wa(t, n), c = Sa(t, n);
   return {
-    nodeTree: A(r, [a.nodeTree, c.nodeTree]),
+    nodeLite: E(r, [a.nodeLite, c.nodeLite]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes,
@@ -6741,21 +6777,21 @@ function wa(t, n) {
     console.error(`stepperV1/spawnHeader property tag not found, ${e}`);
     return;
   }
-  const s = Tt.properties[o];
+  const s = Lt.properties[o];
   if (!s) {
     console.error(`stepperV1/spawnHeader properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = Tt.key;
-  const a = ut(t, n, "step1"), c = ut(t, n, "step2"), m = ut(t, n, "step3");
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = Lt.key;
+  const a = ut(t, n, "step1"), c = ut(t, n, "step2"), u = ut(t, n, "step3");
   return {
-    nodeTree: A(r, [a.nodeTree, c.nodeTree, m.nodeTree]),
+    nodeLite: E(r, [a.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
@@ -6770,9 +6806,9 @@ function ut(t, n, e) {
     console.error(`stepperV1/spawnItem properties not found, ${o}`);
     return;
   }
-  const a = E();
-  return L(a, r), a.basic.id = z(16), a.basic.key = zt.key, a.settings.value = e, {
-    nodeTree: A(a, []),
+  const a = T();
+  return A(a, r), a.basic.id = z(16), a.basic.key = zt.key, a.settings.value = e, {
+    nodeLite: E(a, []),
     nodes: {
       [a.basic.id]: a
     }
@@ -6784,21 +6820,21 @@ function Sa(t, n) {
     console.error(`stepperV1/spawnWindow property tag not found, ${e}`);
     return;
   }
-  const s = Et.properties[o];
+  const s = Tt.properties[o];
   if (!s) {
     console.error(`stepperV1/spawnWindow properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = Et.key;
-  const a = mt(t, n, "step1", "step 1"), c = mt(t, n, "step2", "step 2"), m = mt(t, n, "step3", "step 3");
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = Tt.key;
+  const a = mt(t, n, "step1", "step 1"), c = mt(t, n, "step2", "step 2"), u = mt(t, n, "step3", "step 3");
   return {
-    nodeTree: A(r, [a.nodeTree, c.nodeTree, m.nodeTree]),
+    nodeLite: E(r, [a.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
@@ -6810,21 +6846,21 @@ function mt(t, n, e, o) {
     );
     return;
   }
-  const a = At.properties[r];
+  const a = Et.properties[r];
   if (!a) {
     console.error(
       `stepperV1/spawnWindowItem properties not found, ${s}`
     );
     return;
   }
-  const c = E();
-  L(c, a), c.basic.id = z(16), c.basic.key = At.key, c.settings.value = e;
-  const m = $a(t, n, o);
+  const c = T();
+  A(c, a), c.basic.id = z(16), c.basic.key = Et.key, c.settings.value = e;
+  const u = $a(t, n, o);
   return {
-    nodeTree: A(c, [m.nodeTree]),
+    nodeLite: E(c, [u.nodeLite]),
     nodes: {
       [c.basic.id]: c,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
@@ -6834,14 +6870,14 @@ function $a(t, n, e) {
     console.error(`stepperV1/spawnCard property tag not found, ${o}`);
     return;
   }
-  const r = Oe.properties[s];
+  const r = Fe.properties[s];
   if (!r) {
     console.error(`stepperV1/spawnCard properties not found, ${o}`);
     return;
   }
-  const a = E();
-  return L(a, r), a.basic.id = z(16), a.basic.key = Oe.key, a.settings.title = e, {
-    nodeTree: A(a, []),
+  const a = T();
+  return A(a, r), a.basic.id = z(16), a.basic.key = Fe.key, a.settings.title = e, {
+    nodeLite: E(a, []),
     nodes: {
       [a.basic.id]: a
     }
@@ -6864,7 +6900,7 @@ const eo = {
       default: !1
     }
   ]
-}, Lt = {
+}, At = {
   key: "common_stepper_v1",
   name: "x-runtime-lib.stepper",
   comp: Js,
@@ -6874,7 +6910,7 @@ const eo = {
   },
   spawn: ka
 };
-S(Lt);
+S(At);
 const Ca = {
   key: "common_switch_v1",
   name: "x-runtime-lib.switch",
@@ -6925,16 +6961,16 @@ function Ia(t, n) {
     console.error(`tabsV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = Bt.key;
-  const a = pt(t, n, "tab1", "tab 1"), c = pt(t, n, "tab2", "tab 2"), m = pt(t, n, "tab3", "tab 3");
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = Bt.key;
+  const a = pt(t, n, "tab1", "tab 1"), c = pt(t, n, "tab2", "tab 2"), u = pt(t, n, "tab3", "tab 3");
   return {
-    nodeTree: A(r, [a.nodeTree, c.nodeTree, m.nodeTree]),
+    nodeLite: E(r, [a.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
@@ -6949,9 +6985,9 @@ function pt(t, n, e, o) {
     console.error(`tabsV1/spawnTab properties not found, ${s}`);
     return;
   }
-  const c = E();
-  return L(c, a), c.basic.id = z(16), c.basic.key = Mt.key, c.settings.value = e, c.settings.text = o, {
-    nodeTree: A(c),
+  const c = T();
+  return A(c, a), c.basic.id = z(16), c.basic.key = Mt.key, c.settings.value = e, c.settings.text = o, {
+    nodeLite: E(c),
     nodes: {
       [c.basic.id]: c
     }
@@ -7067,9 +7103,9 @@ function Va(t, n) {
     console.error(`textV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  return L(r, s), r.basic.id = z(16), r.basic.key = Se.key, r.settings.text = "text", {
-    nodeTree: A(r),
+  const r = T();
+  return A(r, s), r.basic.id = z(16), r.basic.key = Se.key, r.settings.text = "text", {
+    nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
     }
@@ -7184,9 +7220,9 @@ function Pa(t, n) {
     console.error(`textareaV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  return L(r, s), r.basic.id = z(16), r.basic.key = Wt.key, r.settings.label = "label", {
-    nodeTree: A(r),
+  const r = T();
+  return A(r, s), r.basic.id = z(16), r.basic.key = Wt.key, r.settings.label = "label", {
+    nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
     }
@@ -7285,7 +7321,7 @@ const Rt = {
   }
 };
 S(Rt);
-function Ta(t, n) {
+function La(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`timelineV1/spawn property tag not found, ${e}`);
@@ -7296,16 +7332,16 @@ function Ta(t, n) {
     console.error(`timelineV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = Kt.key;
-  const a = dt(t, n, "timeline 1"), c = dt(t, n, "timeline 2"), m = dt(t, n, "timeline 3");
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = Kt.key;
+  const a = dt(t, n, "timeline 1"), c = dt(t, n, "timeline 2"), u = dt(t, n, "timeline 3");
   return {
-    nodeTree: A(r, [a.nodeTree, c.nodeTree, m.nodeTree]),
+    nodeLite: E(r, [a.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
@@ -7320,11 +7356,11 @@ function dt(t, n, e) {
     console.error(`timelineV1/spawnEntry properties not found, ${o}`);
     return;
   }
-  const a = E();
-  L(a, r), a.basic.id = z(16), a.basic.key = Rt.key;
+  const a = T();
+  A(a, r), a.basic.id = z(16), a.basic.key = Rt.key;
   const c = za(t, n, e);
   return {
-    nodeTree: A(a, [c.nodeTree]),
+    nodeLite: E(a, [c.nodeLite]),
     nodes: {
       [a.basic.id]: a,
       ...c.nodes
@@ -7342,15 +7378,15 @@ function za(t, n, e) {
     console.error(`timelineV1/spawnText properties not found, ${o}`);
     return;
   }
-  const a = E();
-  return L(a, r), a.basic.id = z(16), a.basic.key = Se.key, a.settings.text = e, {
-    nodeTree: A(a),
+  const a = T();
+  return A(a, r), a.basic.id = z(16), a.basic.key = Se.key, a.settings.text = e, {
+    nodeLite: E(a),
     nodes: {
       [a.basic.id]: a
     }
   };
 }
-const Ea = K(X), Aa = K(X), ro = {
+const Ta = K(X), Ea = K(X), ro = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7398,7 +7434,7 @@ const Ea = K(X), Aa = K(X), ro = {
           ui: "switch",
           default: !1
         },
-        Ea
+        Ta
       ]
     },
     {
@@ -7424,7 +7460,7 @@ const Ea = K(X), Aa = K(X), ro = {
           ui: "numInput",
           default: 0
         },
-        Aa
+        Ea
       ]
     }
   ]
@@ -7436,7 +7472,7 @@ const Ea = K(X), Aa = K(X), ro = {
     pageCommon: [y, ro],
     compCommon: [y, ro]
   },
-  spawn: Ta
+  spawn: La
 };
 S(Kt);
 const Dt = {
@@ -7449,27 +7485,27 @@ const Dt = {
   }
 };
 S(Dt);
-function La(t, n) {
+function Aa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`windowV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Ft.properties[o];
+  const s = Ot.properties[o];
   if (!s) {
     console.error(`windowV1/spawn properties not found, ${e}`);
     return;
   }
-  const r = E();
-  L(r, s), r.basic.id = z(16), r.basic.key = Ft.key;
-  const a = ft(t, n, "window 1"), c = ft(t, n, "window 2"), m = ft(t, n, "window 3");
+  const r = T();
+  A(r, s), r.basic.id = z(16), r.basic.key = Ot.key;
+  const a = ft(t, n, "window 1"), c = ft(t, n, "window 2"), u = ft(t, n, "window 3");
   return {
-    nodeTree: A(r, [a.nodeTree, c.nodeTree, m.nodeTree]),
+    nodeLite: E(r, [a.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
       [r.basic.id]: r,
       ...a.nodes,
       ...c.nodes,
-      ...m.nodes
+      ...u.nodes
     }
   };
 }
@@ -7484,11 +7520,11 @@ function ft(t, n, e) {
     console.error(`windowV1/spawnEntry properties not found, ${o}`);
     return;
   }
-  const a = E();
-  L(a, r), a.basic.id = z(16), a.basic.key = Dt.key;
+  const a = T();
+  A(a, r), a.basic.id = z(16), a.basic.key = Dt.key;
   const c = Ma(t, n, e);
   return {
-    nodeTree: A(a, [c.nodeTree]),
+    nodeLite: E(a, [c.nodeLite]),
     nodes: {
       [a.basic.id]: a,
       ...c.nodes
@@ -7503,16 +7539,16 @@ function Ma(t, n, e) {
     );
     return;
   }
-  const r = je.properties[s];
+  const r = Ne.properties[s];
   if (!r) {
     console.error(`windowV1/spawnFlexLayout properties not found, ${o}`);
     return;
   }
-  const a = E();
-  L(a, r), a.basic.id = z(16), a.basic.key = je.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";
+  const a = T();
+  A(a, r), a.basic.id = z(16), a.basic.key = Ne.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";
   const c = Ba(t, n, e);
   return {
-    nodeTree: A(a, [c.nodeTree]),
+    nodeLite: E(a, [c.nodeLite]),
     nodes: {
       [a.basic.id]: a,
       ...c.nodes
@@ -7530,9 +7566,9 @@ function Ba(t, n, e) {
     console.error(`windowV1/spawnText properties not found, ${o}`);
     return;
   }
-  const a = E();
-  return L(a, r), a.basic.id = z(16), a.basic.key = Se.key, a.settings.text = e, a.settings.style.xs = "h6", {
-    nodeTree: A(a),
+  const a = T();
+  return A(a, r), a.basic.id = z(16), a.basic.key = Se.key, a.settings.text = e, a.settings.style.xs = "h6", {
+    nodeLite: E(a),
     nodes: {
       [a.basic.id]: a
     }
@@ -7586,7 +7622,7 @@ const so = {
       default: !1
     }
   ]
-}, Ft = {
+}, Ot = {
   key: "common_window_v1",
   name: "x-runtime-lib.window",
   comp: dl,
@@ -7594,9 +7630,9 @@ const so = {
     pageCommon: [y, so],
     compCommon: [y, so]
   },
-  spawn: La
+  spawn: Aa
 };
-S(Ft);
+S(Ot);
 const Wa = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -7616,14 +7652,14 @@ const Wa = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.theme", value: "theme" },
   { title: "x-runtime-lib.custom", value: "custom" }
-], Fa = [
+], Oa = [
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.comfortable", value: "comfortable" },
   { title: "x-runtime-lib.compact", value: "compact" }
-], Oa = [
+], Fa = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
-], ja = [
+], Na = [
   { title: "x-runtime-lib.underlined", value: "underlined" },
   { title: "x-runtime-lib.outlined", value: "outlined" },
   { title: "x-runtime-lib.filled", value: "filled" },
@@ -7631,7 +7667,7 @@ const Wa = [
   { title: "x-runtime-lib.soloInverted", value: "solo-inverted" },
   { title: "x-runtime-lib.soloFilled", value: "solo-filled" },
   { title: "x-runtime-lib.plain", value: "plain" }
-], Na = [
+], ja = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -7752,10 +7788,10 @@ const Wa = [
   axisTypeItemsV1: Ra,
   borderStyleItemsV1: Ka,
   colorModeItemsV1: Da,
-  densityItemsV1: Fa,
-  directionItemsV1: Oa,
-  fieldVariantItemsV1: ja,
-  flexCrossAlignItemsV1: Na,
+  densityItemsV1: Oa,
+  directionItemsV1: Fa,
+  fieldVariantItemsV1: Na,
+  flexCrossAlignItemsV1: ja,
   flexDirectionItemsV1: Ga,
   flexMainAlignItemsV1: Ha,
   flexWrapItemsV1: Ua,
@@ -7861,7 +7897,7 @@ const Wa = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Nt,
+    validator: jt,
     precision: 6,
     default: "0%"
   }
@@ -7885,7 +7921,7 @@ const Wa = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Nt,
+    validator: jt,
     precision: 6,
     min: 0,
     default: "0%"
@@ -7910,7 +7946,7 @@ const Wa = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Nt,
+    validator: jt,
     precision: 6,
     min: 0,
     default: "0%"
@@ -8308,7 +8344,7 @@ function lo(t, n) {
     return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect") && !e ? void 0 : e;
   }
 }
-function L(t, n) {
+function A(t, n) {
   function e(o, s) {
     if (s.ui) {
       if (s.ui === "strInput" && s.static)
@@ -8321,7 +8357,7 @@ function L(t, n) {
   }
   n.forEach((o) => e(t, o));
 }
-function su(t, n, e, o, s) {
+function pu(t, n, e, o, s) {
   const r = `type=${t} subtype=${n} version=${e} ref=${o} keyOrRefId=${s}`, a = B(t, n);
   if (!a) {
     console.error(`spawnNode property tag not found, ${r}`);
@@ -8333,37 +8369,37 @@ function su(t, n, e, o, s) {
     return;
   }
   if (o) {
-    const m = c.refKey, p = s;
-    if (!c.elements.has(m)) {
+    const u = c.refKey, p = s;
+    if (!c.elements.has(u)) {
       console.error(`spawnNode [ref] element not found in pkg, ${r}`);
       return;
     }
-    const d = Ke[m];
+    const d = Ke[u];
     if (!d) {
       console.error(`spawnNode [ref] element not found in global, ${r}`);
       return;
     }
-    const u = d.properties[a];
-    if (!u) {
+    const m = d.properties[a];
+    if (!m) {
       console.error(`spawnNode [ref] properties not found, ${r}`);
       return;
     }
-    const f = E();
-    return L(f, u), f.basic.id = z(16), f.basic.key = m, f.reference = {
+    const f = T();
+    return A(f, m), f.basic.id = z(16), f.basic.key = u, f.reference = {
       comp: p
     }, {
-      nodeTree: A(f),
+      nodeLite: E(f),
       nodes: {
         [f.basic.id]: f
       }
     };
   } else {
-    const m = s;
-    if (!c.elements.has(m)) {
+    const u = s;
+    if (!c.elements.has(u)) {
       console.error(`spawnNode [key] element not found in pkg, ${r}`);
       return;
     }
-    const p = Ke[m];
+    const p = Ke[u];
     if (!p) {
       console.error(`spawnNode [key] element not found in global, ${r}`);
       return;
@@ -8376,19 +8412,19 @@ function su(t, n, e, o, s) {
         console.error(`spawnNode [key] properties not found, ${r}`);
         return;
       }
-      const u = E();
-      L(u, d), u.basic.id = z(16), u.basic.key = m;
+      const m = T();
+      A(m, d), m.basic.id = z(16), m.basic.key = u;
       let f;
       return p.leaf || (f = []), {
-        nodeTree: A(u, f),
+        nodeLite: E(m, f),
         nodes: {
-          [u.basic.id]: u
+          [m.basic.id]: m
         }
       };
     }
   }
 }
-function lu(t, n) {
+function du(t, n) {
   function e(o) {
     if (o.id === n)
       return o;
@@ -8406,78 +8442,80 @@ function lu(t, n) {
   }
 }
 function wc(t) {
-  function n(o) {
-    o.basic.id = z(16), o.children?.forEach((s) => n(s));
-  }
-  const e = K(t);
-  return n(e), e;
+  const n = {}, e = (r) => {
+    const a = z(16);
+    n[r.id] = a, r.id = a, r.children?.map((c) => e(c));
+  }, o = K(t.nodeLite);
+  e(o);
+  const s = {};
+  return Object.values(t.nodes).forEach((r) => {
+    const a = K(r);
+    a.basic.id = n[a.basic.id], s[a.basic.id] = a;
+  }), { nodeLite: o, nodes: s };
 }
-function au(t) {
-  const n = [];
-  return t.forEach((e) => {
-    n.push(wc(e));
-  }), n;
+function fu(t) {
+  return t.map((n) => wc(n));
 }
-const Eo = "runtimeOrg", Ao = "runtimeEnv", Lo = "runtimeMode", Mo = "runtimeDevice", Bo = "runtimeDark", Wo = "runtimeType", Ro = "runtimeData", Ko = "runtimeDepends", Do = "runtimeRuntime", Fo = "runtimeSandbox";
-function cu(t) {
-  me(Eo, t);
+const To = "runtimeOrg", Eo = "runtimeEnv", Ao = "runtimeMode", Mo = "runtimeDevice", Bo = "runtimeDark", Wo = "runtimeType", Ro = "runtimeData", Ko = "runtimeDepends", Do = "runtimeRuntime", Oo = "runtimeSandbox";
+function yu(t) {
+  me(To, t);
 }
 function Sc() {
-  return ue(Eo);
+  return ue(To);
 }
-function uu(t) {
-  me(Ao, t);
+function bu(t) {
+  me(Eo, t);
 }
 function $c() {
-  return ue(Ao);
+  return ue(Eo);
 }
-function mu(t) {
-  me(Lo, t);
+function gu(t) {
+  me(Ao, t);
 }
 function J() {
-  return ue(Lo);
+  return ue(Ao);
 }
-function pu(t) {
-  me(Mo, jt(t));
+function hu(t) {
+  me(Mo, Nt(t));
 }
 function Be() {
   return ue(Mo);
 }
-function du(t) {
-  me(Bo, jt(t));
+function _u(t) {
+  me(Bo, Nt(t));
 }
 function Ue() {
   return ue(Bo);
 }
-function fu(t) {
+function vu(t) {
   me(Wo, t);
 }
 function he() {
   return ue(Wo);
 }
-function yu(t) {
+function xu(t) {
   me(Ro, t);
 }
 function _e() {
   return ue(Ro);
 }
-function bu(t) {
-  me(Ko, jt(t));
+function ku(t) {
+  me(Ko, Nt(t));
 }
 function Cc() {
   return ue(Ko);
 }
-function gu(t) {
+function wu(t) {
   me(Do, t);
 }
 function Ic() {
   return ue(Do);
 }
 function Vc(t) {
-  me(Fo, t);
+  me(Oo, t);
 }
 function ve() {
-  return ue(Fo, void 0);
+  return ue(Oo, void 0);
 }
 function Re(t) {
   const n = [t.type];
@@ -8487,29 +8525,29 @@ function qe(t, n, e, o, s) {
   const { watchEffect: r, bind: a } = n;
   if (r[e])
     for (const c of r[e]) {
-      const m = _i(c);
-      t.callFunction(`__watchEffect$${m}__`);
+      const u = _i(c);
+      t.callFunction(`__watchEffect$${u}__`);
     }
   if (a.triggers[e])
     for (const c of a.triggers[e]) {
-      const m = a.sets[c];
-      if (!m) {
+      const u = a.sets[c];
+      if (!u) {
         console.assert(!1);
         continue;
       }
       let p = null;
-      for (const u of m)
-        if (e === Re(u)) {
-          if (u.subKeys) {
+      for (const m of u)
+        if (e === Re(m)) {
+          if (m.subKeys) {
             if (!de(
-              xe(o, u.subKeys),
-              xe(s, u.subKeys)
+              xe(o, m.subKeys),
+              xe(s, m.subKeys)
             )) {
-              p = u;
+              p = m;
               break;
             }
           } else if (!de(o, s)) {
-            p = u;
+            p = m;
             break;
           }
         }
@@ -8517,61 +8555,61 @@ function qe(t, n, e, o, s) {
         continue;
       let d;
       p.subKeys ? d = xe(o, p.subKeys) : d = o;
-      for (const u of m)
-        if (u.subKeys) {
+      for (const m of u)
+        if (m.subKeys) {
           let f;
-          if (u.type === "elementProperty")
+          if (m.type === "elementProperty")
             f = t.getElementProperty(
-              u.nodeId,
-              u.propertyKeys.split(".")
+              m.nodeId,
+              m.propertyKeys.split(".")
             );
-          else if (u.type === "customProperty")
-            f = t.getCustomProperty(u.propertyId);
-          else if (u.type === "state")
-            f = t.getState(u.stateId);
-          else if (u.type === "adaptSlotProperty")
-            f = t.getAdaptSlotProperty(u.propertyId);
+          else if (m.type === "customProperty")
+            f = t.getCustomProperty(m.propertyId);
+          else if (m.type === "state")
+            f = t.getState(m.stateId);
+          else if (m.type === "adaptSlotProperty")
+            f = t.getAdaptSlotProperty(m.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          const g = xe(f, u.subKeys);
+          const g = xe(f, m.subKeys);
           if (de(d, g))
             continue;
           const b = K(f);
-          Gt(b, u.subKeys, K(d)), u.type === "elementProperty" ? t.setElementProperty(
-            u.nodeId,
-            u.propertyKeys.split("."),
+          Gt(b, m.subKeys, K(d)), m.type === "elementProperty" ? t.setElementProperty(
+            m.nodeId,
+            m.propertyKeys.split("."),
             b
-          ) : u.type === "customProperty" ? t.setCustomProperty(u.propertyId, b) : u.type === "state" ? t.setState(u.stateId, b) : u.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(u.propertyId, b) : console.assert(!1);
+          ) : m.type === "customProperty" ? t.setCustomProperty(m.propertyId, b) : m.type === "state" ? t.setState(m.stateId, b) : m.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(m.propertyId, b) : console.assert(!1);
         } else {
           let f;
-          if (u.type === "elementProperty")
+          if (m.type === "elementProperty")
             f = t.getElementProperty(
-              u.nodeId,
-              u.propertyKeys.split(".")
+              m.nodeId,
+              m.propertyKeys.split(".")
             );
-          else if (u.type === "customProperty")
-            f = t.getCustomProperty(u.propertyId);
-          else if (u.type === "state")
-            f = t.getState(u.stateId);
-          else if (u.type === "adaptSlotProperty")
-            f = t.getAdaptSlotProperty(u.propertyId);
+          else if (m.type === "customProperty")
+            f = t.getCustomProperty(m.propertyId);
+          else if (m.type === "state")
+            f = t.getState(m.stateId);
+          else if (m.type === "adaptSlotProperty")
+            f = t.getAdaptSlotProperty(m.propertyId);
           else {
             console.assert(!1);
             continue;
           }
           if (de(d, f))
             continue;
-          u.type === "elementProperty" ? t.setElementProperty(
-            u.nodeId,
-            u.propertyKeys.split("."),
+          m.type === "elementProperty" ? t.setElementProperty(
+            m.nodeId,
+            m.propertyKeys.split("."),
             K(d)
-          ) : u.type === "customProperty" ? t.setCustomProperty(u.propertyId, K(d)) : u.type === "state" ? t.setState(u.stateId, K(d)) : u.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(u.propertyId, K(d)) : console.assert(!1);
+          ) : m.type === "customProperty" ? t.setCustomProperty(m.propertyId, K(d)) : m.type === "state" ? t.setState(m.stateId, K(d)) : m.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(m.propertyId, K(d)) : console.assert(!1);
         }
     }
 }
-function hu(t, n, e) {
+function Su(t, n, e) {
   return `${t}/${n}/${e}`;
 }
 function ao(t) {
@@ -8583,10 +8621,10 @@ function ao(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapPropertyId invalid propertyKey id=${t}`), { kind: e, nodeId: o, propertyKey: s };
 }
-function _u(t, n, e) {
+function $u(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function vu(t) {
+function Cu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(
@@ -8603,10 +8641,10 @@ function vu(t) {
     propertyKey: s
   };
 }
-function xu(t, n, e) {
+function Iu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function ku(t) {
+function Vu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapPropertyKeyOfCustomSlot invalid compId  key=${t}`);
@@ -8618,7 +8656,7 @@ function ku(t) {
 function Pc(t, n, e) {
   return `${t}/${n}/${e}`;
 }
-function Oo(t) {
+function Fo(t) {
   const n = t.split("/");
   let e = "elementMethod";
   n.length > 0 ? e = n[0] : console.error(`unwrapMethodId invalid kind id=${t}`);
@@ -8627,10 +8665,10 @@ function Oo(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapMethodId invalid methodKey id=${t}`), { kind: e, nodeId: o, methodKey: s };
 }
-function wu(t, n, e) {
+function Pu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Su(t) {
+function Lu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapMethodKeyOfElementSlot invalid elementKey key=${t}`);
@@ -8639,10 +8677,10 @@ function Su(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapMethodKeyOfElementSlot invalid methodKey key=${t}`), { elementKey: e, slotKey: o, methodKey: s };
 }
-function $u(t, n, e) {
+function zu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Cu(t) {
+function Tu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapMethodKeyOfCustomSlot invalid compId key=${t}`);
@@ -8654,7 +8692,7 @@ function Cu(t) {
 function oe(t, n, e) {
   return `${t}/${n}/${e}`;
 }
-function Tc(t) {
+function Lc(t) {
   const n = t.split("/");
   let e = "elementEvent";
   n.length > 0 ? e = n[0] : console.error(`unwrapEventId invalid kind id=${t}`);
@@ -8663,10 +8701,10 @@ function Tc(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapEventId invalid eventKey id=${t}`), { kind: e, nodeId: o, eventKey: s };
 }
-function Iu(t, n, e) {
+function Eu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Vu(t) {
+function Au(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapEventKeyOfElementSlot invalid elementKey key=${t}`);
@@ -8675,10 +8713,10 @@ function Vu(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapEventKeyOfElementSlot invalid eventKey key=${t}`), { elementKey: e, slotKey: o, eventKey: s };
 }
-function Pu(t, n, e) {
+function Mu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Tu(t) {
+function Bu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`makeEventKeyOfCustomSlot invalid compId key=${t}`);
@@ -8687,10 +8725,10 @@ function Tu(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`makeEventKeyOfCustomSlot invalid eventId key=${t}`), { compId: e, slotId: o, eventId: s };
 }
-function zu(t, n, e) {
+function Wu(t, n, e) {
   return `${t}/${n}/${e}`;
 }
-function Eu(t) {
+function Ru(t) {
   const n = t.split("/");
   let e = "elementSlot";
   n.length > 0 ? e = n[0] : console.error(`unwrapSlotId invalid kind id=${t}`);
@@ -8710,17 +8748,17 @@ function rn(t, n) {
     o.value !== s.dataSeq && (o.value = s.dataSeq, n.value = K(s.data));
   });
 }
-function Au() {
+function Ku() {
   let t;
   const n = async () => (t = (await vi()).newRuntime(), console.log("runtime created"), t);
   return Ge(() => {
     t && (t.dispose(), console.log("runtime dispose"));
   }), { createRuntime: n };
 }
-function Ae(t) {
+function Ee(t) {
   return !!t.vm;
 }
-function Ne(t, n) {
+function je(t, n) {
   if (n === null)
     return t.null;
   if (n === !0)
@@ -8730,7 +8768,7 @@ function Ne(t, n) {
   if (Array.isArray(n)) {
     const e = t.newArray();
     for (let o = 0; o < n.length; o++) {
-      const s = Ne(t, n[o]);
+      const s = je(t, n[o]);
       t.setProp(e, o.toString(), s), s.dispose();
     }
     return e;
@@ -8743,7 +8781,7 @@ function Ne(t, n) {
     case "object": {
       const e = t.newObject();
       for (const o of Object.keys(n)) {
-        const s = Ne(t, n[o]);
+        const s = je(t, n[o]);
         t.setProp(e, o, s), s.dispose();
       }
       return e;
@@ -8762,15 +8800,15 @@ function zc(t) {
     const o = n.getString(e), s = n.newArray(), r = o.split(".");
     let a = 0;
     for (let c = 0; c < r.length; c++) {
-      const m = r[c].trim();
-      if (m !== "")
-        if (/^\[\d+\]$/.test(m)) {
-          let p = parseInt(m.slice(1, -1), 10);
+      const u = r[c].trim();
+      if (u !== "")
+        if (/^\[\d+\]$/.test(u)) {
+          let p = parseInt(u.slice(1, -1), 10);
           p > 0 && p--;
           const d = n.newNumber(p);
           n.setProp(s, a.toString(), d), d.dispose(), a++;
         } else {
-          const p = n.newString(m);
+          const p = n.newString(u);
           n.setProp(s, a.toString(), p), p.dispose(), a++;
         }
     }
@@ -8794,60 +8832,60 @@ function zc(t) {
   }).consume((e) => n.setProp(n.global, "__messageV1__", e)), n.newFunction("__timeoutV1__", (e, o) => {
     const s = n.getNumber(e), r = n.getNumber(o);
     window.setTimeout(() => {
-      if (Ae(t)) {
+      if (Ee(t)) {
         var a = [];
         try {
           const d = Ie(a, n.getProp(n.global, "__timeoutCallback__"));
           n.callFunction(d, n.global, n.newNumber(s));
         } catch (c) {
-          var m = c, p = !0;
+          var u = c, p = !0;
         } finally {
-          Ve(a, m, p);
+          Ve(a, u, p);
         }
       }
     }, r);
   }).consume((e) => n.setProp(n.global, "__timeoutV1__", e)), n.newFunction("__delayV1__", (e) => {
     const o = n.getNumber(e), { id: s, promise: r } = t.promiseManager.acquire();
     return window.setTimeout(() => {
-      Ae(t) && (r.resolve(), t.promiseManager.release(s));
+      Ee(t) && (r.resolve(), t.promiseManager.release(s));
     }, o), r.settled.then(n.runtime.executePendingJobs), r.handle;
   }).consume((e) => n.setProp(n.global, "__delayV1__", e));
 }
-const jo = ei({
+const No = ei({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: n } = we;
     ho(wi(n, t));
   }
 });
-window.API_URL && (jo.defaults.baseURL = window.API_URL + "/computebase/");
-function Ec(t) {
-  return jo.post("callFunc", t);
+window.API_URL && (No.defaults.baseURL = window.API_URL + "/computebase/");
+function Tc(t) {
+  return No.post("callFunc", t);
 }
-function Ac(t) {
+function Ec(t) {
   if (!t.vm) {
     console.error("bindCompute invalid sandbox vm");
     return;
   }
   const { vm: n } = t;
   n.newFunction("__callFuncV1__", (e, o, s, r, a) => {
-    const c = n.getString(e), m = n.getString(o), p = n.dump(s), d = n.getString(r), u = n.getString(a), { id: f, promise: g } = t.promiseManager.acquire(), b = JSON.stringify(p);
-    return Ec({
+    const c = n.getString(e), u = n.getString(o), p = n.dump(s), d = n.getString(r), m = n.getString(a), { id: f, promise: g } = t.promiseManager.acquire(), b = JSON.stringify(p);
+    return Tc({
       spaceId: c,
-      id: m,
+      id: u,
       strInputs: b,
       env: d
     }).then(
       ({ strOutputs: v }) => {
-        Ae(t) && (g.resolve(n.evalCode(`JSON.parse('${v}')`).unwrap()), t.promiseManager.release(f));
+        Ee(t) && (g.resolve(n.evalCode(`JSON.parse('${v}')`).unwrap()), t.promiseManager.release(f));
       },
       (v) => {
-        Ae(t) && (g.reject(n.newString(`call func <${u}> failed, ${v}`)), t.promiseManager.release(f));
+        Ee(t) && (g.reject(n.newString(`call func <${m}> failed, ${v}`)), t.promiseManager.release(f));
       }
     ), g.settled.then(n.runtime.executePendingJobs), g.handle;
   }).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
 }
-function Lc(t) {
+function Ac(t) {
   if (!t.vm) {
     console.error("bindSystem invalid sandbox vm");
     return;
@@ -8865,30 +8903,30 @@ function Mc(t) {
     {
       var c = [];
       try {
-        const N = Ie(c, n.getProp(n.global, "__triggerEventInner__"));
-        n.callFunction(N, n.global, e, ...o);
-      } catch (m) {
-        var p = m, d = !0;
+        const j = Ie(c, n.getProp(n.global, "__triggerEventInner__"));
+        n.callFunction(j, n.global, e, ...o);
+      } catch (u) {
+        var p = u, d = !0;
       } finally {
         Ve(c, p, d);
       }
     }
-    const s = n.getString(e), { kind: r, eventKey: a } = Tc(s);
+    const s = n.getString(e), { kind: r, eventKey: a } = Lc(s);
     if (r === "customEvent") {
       var V = [];
       try {
-        const N = Ie(V, n.getProp(n.global, "__triggerEventV1__"));
+        const j = Ie(V, n.getProp(n.global, "__triggerEventV1__"));
         {
-          var u = [];
+          var m = [];
           try {
-            const D = Ie(u, n.newString(
+            const D = Ie(m, n.newString(
               oe("referenceEvent", t.id, a)
             ));
-            n.callFunction(N, n.global, D, ...o);
+            n.callFunction(j, n.global, D, ...o);
           } catch (f) {
             var g = f, b = !0;
           } finally {
-            Ve(u, g, b);
+            Ve(m, g, b);
           }
         }
         {
@@ -8897,59 +8935,59 @@ function Mc(t) {
             const D = Ie(v, n.newString(
               oe("multipleRefEvent", t.id, a)
             ));
-            n.callFunction(N, n.global, D, ...o);
+            n.callFunction(j, n.global, D, ...o);
           } catch (h) {
             var x = h, C = !0;
           } finally {
             Ve(v, x, C);
           }
         }
-      } catch (O) {
-        var W = O, U = !0;
+      } catch (F) {
+        var W = F, U = !0;
       } finally {
         Ve(V, W, U);
       }
     }
   }).consume((e) => n.setProp(n.global, "__triggerEventV1__", e)), n.newFunction("__getPropertyV1__", (e, o) => {
-    const s = n.getString(e), r = n.getString(o), { kind: a, nodeId: c, propertyKey: m } = ao(s);
+    const s = n.getString(e), r = n.getString(o), { kind: a, nodeId: c, propertyKey: u } = ao(s);
     let p;
     if (a === "elementProperty")
-      p = t.getElementProperty(c, m.split("."));
+      p = t.getElementProperty(c, u.split("."));
     else if (a === "referenceProperty") {
       const d = t.children[c];
-      d && (p = d.getCustomProperty(m));
+      d && (p = d.getCustomProperty(u));
     } else if (a === "multipleRefProperty") {
       const d = t.children[c + "/" + r];
-      d && (p = d.getCustomProperty(m));
-    } else a === "customProperty" ? p = t.getCustomProperty(m) : a === "customSlotProperty" || (a === "adaptSlotElementProperty" || a === "adaptSlotCustomProperty" ? p = t.getAdaptSlotProperty(m) : console.assert(!1));
-    return Ne(n, p);
+      d && (p = d.getCustomProperty(u));
+    } else a === "customProperty" ? p = t.getCustomProperty(u) : a === "customSlotProperty" || (a === "adaptSlotElementProperty" || a === "adaptSlotCustomProperty" ? p = t.getAdaptSlotProperty(u) : console.assert(!1));
+    return je(n, p);
   }).consume((e) => n.setProp(n.global, "__getPropertyV1__", e)), n.newFunction("__setPropertyV1__", (e, o, s) => {
-    const r = n.getString(e), a = n.getString(o), c = n.dump(s), { kind: m, nodeId: p, propertyKey: d } = ao(r);
-    if (m === "elementProperty")
+    const r = n.getString(e), a = n.getString(o), c = n.dump(s), { kind: u, nodeId: p, propertyKey: d } = ao(r);
+    if (u === "elementProperty")
       t.setElementProperty(p, d.split("."), c);
-    else if (m === "referenceProperty") {
-      const u = t.children[p];
-      u && u.setCustomProperty(d, c);
-    } else if (m === "multipleRefProperty") {
-      const u = t.children[p + "/" + a];
-      u && u.setCustomProperty(d, c);
-    } else m === "customProperty" ? t.setCustomProperty(d, c) : m === "customSlotProperty" || (m === "adaptSlotElementProperty" || m === "adaptSlotCustomProperty" ? t.setAdaptSlotProperty(d, c) : console.assert(!1));
+    else if (u === "referenceProperty") {
+      const m = t.children[p];
+      m && m.setCustomProperty(d, c);
+    } else if (u === "multipleRefProperty") {
+      const m = t.children[p + "/" + a];
+      m && m.setCustomProperty(d, c);
+    } else u === "customProperty" ? t.setCustomProperty(d, c) : u === "customSlotProperty" || (u === "adaptSlotElementProperty" || u === "adaptSlotCustomProperty" ? t.setAdaptSlotProperty(d, c) : console.assert(!1));
   }).consume((e) => n.setProp(n.global, "__setPropertyV1__", e)), n.newFunction("__callMethodV1__", (e, o, s) => {
-    const r = n.getString(e), a = n.getString(o), c = n.dump(s), { kind: m, nodeId: p, methodKey: d } = Oo(r);
-    let u;
-    if (m === "elementMethod")
-      u = t.callElementMethod(r, c);
-    else if (m === "referenceMethod") {
+    const r = n.getString(e), a = n.getString(o), c = n.dump(s), { kind: u, nodeId: p, methodKey: d } = Fo(r);
+    let m;
+    if (u === "elementMethod")
+      m = t.callElementMethod(r, c);
+    else if (u === "referenceMethod") {
       const f = t.children[p];
-      f && (u = f.callCustomMethod(d, c));
-    } else if (m === "multipleRefMethod") {
+      f && (m = f.callCustomMethod(d, c));
+    } else if (u === "multipleRefMethod") {
       const f = t.children[p + "/" + a];
-      f && (u = f.callCustomMethod(d, c));
-    } else m === "customMethod" || m === "customSlotMethod" || m === "adaptSlotElementMethod" || m === "adaptSlotCustomMethod" || console.assert(!1);
-    return u;
+      f && (m = f.callCustomMethod(d, c));
+    } else u === "customMethod" || u === "customSlotMethod" || u === "adaptSlotElementMethod" || u === "adaptSlotCustomMethod" || console.assert(!1);
+    return m;
   }).consume((e) => n.setProp(n.global, "__callMethodV1__", e)), n.newFunction("__getStateV1__", (e) => {
     const o = n.getString(e), s = t.getState(o);
-    return Ne(n, s);
+    return je(n, s);
   }).consume((e) => n.setProp(n.global, "__getStateV1__", e)), n.newFunction("__setStateV1__", (e, o) => {
     const s = n.getString(e), r = n.dump(o);
     t.setState(s, r);
@@ -8969,18 +9007,18 @@ function Mc(t) {
     );
   }).consume((e) => n.setProp(n.global, "__navigateToV1__", e)), n.newFunction("__openConfirmDlgV1__", (e, o) => {
     const s = n.getString(e), r = n.getString(o), { id: a, promise: c } = t.promiseManager.acquire();
-    return ti({ title: s, text: r }).then((m) => {
-      Ae(t) && (m === void 0 ? c.resolve(n.undefined) : c.resolve(m ? n.true : n.false), t.promiseManager.release(a));
+    return ti({ title: s, text: r }).then((u) => {
+      Ee(t) && (u === void 0 ? c.resolve(n.undefined) : c.resolve(u ? n.true : n.false), t.promiseManager.release(a));
     }), c.settled.then(n.runtime.executePendingJobs), c.handle;
   }).consume((e) => n.setProp(n.global, "__openConfirmDlgV1__", e)), n.newFunction("__openPromptDlgV1__", (e, o, s) => {
-    const r = n.getString(e), a = n.getString(o), c = n.dump(s), { id: m, promise: p } = t.promiseManager.acquire();
+    const r = n.getString(e), a = n.getString(o), c = n.dump(s), { id: u, promise: p } = t.promiseManager.acquire();
     return ni({ title: r, label: a, value: c }).then((d) => {
-      Ae(t) && (d === void 0 ? p.resolve(n.undefined) : p.resolve(n.newString(d)), t.promiseManager.release(m));
+      Ee(t) && (d === void 0 ? p.resolve(n.undefined) : p.resolve(n.newString(d)), t.promiseManager.release(u));
     }), p.settled.then(n.runtime.executePendingJobs), p.handle;
   }).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
 }
 function Bc(t) {
-  zc(t), Ac(t), Lc(t), Mc(t);
+  zc(t), Ec(t), Ac(t), Mc(t);
 }
 const Wc = `
 let __events__ = {}
@@ -9096,8 +9134,8 @@ class Kc {
   type;
   eventBus = xi();
   hooks;
-  constructor(n, e, o, s, r, a, c, m, p) {
-    this.kind = n, this.id = e, this.refKey = o, this.parent = s, this.org = r, this.env = a, this.mode = c, this.type = m, this.hooks = p, this.parent?.addChild(this), console.log(`Sandbox/constructor id='${this.id}'`);
+  constructor(n, e, o, s, r, a, c, u, p) {
+    this.kind = n, this.id = e, this.refKey = o, this.parent = s, this.org = r, this.env = a, this.mode = c, this.type = u, this.hooks = p, this.parent?.addChild(this), console.log(`Sandbox/constructor id='${this.id}'`);
   }
   dispose() {
     this.parent?.removeChild(this.id), this.destroyVm(), console.log(`Sandbox/dispose id='${this.id}'`);
@@ -9128,7 +9166,7 @@ class Kc {
     console.log(`callFunction ${n} ${[...e]}`);
     const o = this.vm.getProp(this.vm.global, n), s = [];
     for (const r of e)
-      s.push(Ne(this.vm, r));
+      s.push(je(this.vm, r));
     this.vm.callFunction(o, this.vm.global, ...s), o.dispose();
   }
   //--------------------------
@@ -9203,7 +9241,7 @@ class Kc {
   callElementMethod(n, e) {
     if (!ne(this.mode))
       return;
-    const { methodKey: o } = Oo(n), s = {};
+    const { methodKey: o } = Fo(n), s = {};
     return this.eventBus.emit(n, { key: o, inputs: e, outputs: s }), s;
   }
   callCustomMethod(n, e) {
@@ -9226,12 +9264,12 @@ class Kc {
   }
 }
 function sn(t, n, e, o, s) {
-  const r = Sc(), a = $c(), c = J(), m = he(), p = Be(), d = Ue(), u = Ic(), f = (x, C, V, O) => {
+  const r = Sc(), a = $c(), c = J(), u = he(), p = Be(), d = Ue(), m = Ic(), f = (x, C, V, F) => {
     if (ne(c) && (h.callFunction(
       "__triggerEventV1__",
       oe("elementPropertyChangeEvent", x, C.join(".")),
       V,
-      O ?? V
+      F ?? V
     ), t.value?.code.reactivity)) {
       let W = "";
       C instanceof Array ? W = C.join(".") : W = C, qe(
@@ -9243,7 +9281,7 @@ function sn(t, n, e, o, s) {
           propertyKeys: W
         }),
         V,
-        O
+        F
       );
     }
   }, g = (x, C, V) => {
@@ -9290,7 +9328,7 @@ function sn(t, n, e, o, s) {
       C,
       V
     ));
-  }, h = new Kc(n, e, o, s, r, a, c, m, {
+  }, h = new Kc(n, e, o, s, r, a, c, u, {
     onElementPropertyChange: f,
     onCustomPropertyChange: g,
     onAdaptSlotPropertyChange: b,
@@ -9300,7 +9338,7 @@ function sn(t, n, e, o, s) {
     h.dispose();
   }), ne(c)) {
     const x = async () => {
-      h.destroyVm(), h.associateData(t), h.resetCustomProperties(), h.resetAdaptSlotProperties(), h.resetStates(), !(!t.value || !t.value.code.script) && h.createVm(u, t.value.code.script);
+      h.destroyVm(), h.associateData(t), h.resetCustomProperties(), h.resetAdaptSlotProperties(), h.resetStates(), !(!t.value || !t.value.code.script) && h.createVm(m, t.value.code.script);
     };
     x(), ce(t, () => {
       x();
@@ -9309,12 +9347,12 @@ function sn(t, n, e, o, s) {
   ne(c) && ce(
     p,
     (x, C) => {
-      const V = Xe(x.width), O = Xe(C?.width ?? x.width);
+      const V = Xe(x.width), F = Xe(C?.width ?? x.width);
       h.callFunction(
         "__triggerEventV1__",
         oe("elementEvent", "globality", "screenSizeChange"),
         V,
-        O
+        F
       );
     },
     { immediate: !0 }
@@ -9336,7 +9374,7 @@ const Dc = (t, n, e) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + n + (n.split("/").length !== e ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function Lu(t) {
+async function Du(t) {
   return (await Dc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.fcu7dx2e.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ab9hc9dj.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
@@ -9350,40 +9388,42 @@ export {
   Yl as btnToggleV1,
   _t as btnV1,
   Xe as calcBreakpoint,
-  Oe as cardV1,
+  Fe as cardV1,
   Ql as checkboxV1,
   xt as chipGroupV1,
   vt as chipV1,
   na as colorPickerV1,
   oa as comboboxV1,
+  su as compMetaStringify,
   Ci as compTypes,
   kt as containerV1,
+  eu as dataStringify,
   ia as dataTableV1,
   ra as datePickerV1,
   sa as dialogV1,
-  Tl as directionalLightV1,
-  wc as duplicateNode,
-  au as duplicateNodes,
-  eu as elementKeys,
+  Ll as directionalLightV1,
+  wc as duplicateNodePair,
+  fu as duplicateNodePairs,
+  nu as elementKeys,
   Ke as elements,
   Qc as ensureContext,
-  ru as fileInputV1,
+  mu as fileInputV1,
   wt as flexLayoutEntryV1,
-  je as flexLayoutV1,
+  Ne as flexLayoutV1,
   Ct as formV1,
   z as genId,
   We as getBreakpointProp,
   xe as getField,
   un as getIndexOfBreakpoint,
+  du as getNodeLite,
   lo as getPropertyDefault,
   B as getPropertyTag,
-  lu as getTreeNode,
   Zc as getTypeColor,
   Hl as globalityV1,
-  Al as groupV1,
+  El as groupV1,
   pa as iconV1,
-  E as initNode,
-  L as initProperties,
+  T as initNode,
+  A as initProperties,
   Ue as injectDark,
   _e as injectData,
   Cc as injectDepends,
@@ -9399,48 +9439,52 @@ export {
   Pi as isLocaleOfEventKind,
   Vi as isLocaleOfMethodKind,
   Ii as isLocaleOfPropertyKind,
-  tu as isLocaleOfSlotKind,
-  Nt as isPercentStr,
+  ou as isLocaleOfSlotKind,
+  jt as isPercentStr,
   nt as isPixelStr,
   vl as keyboardControlsV1,
   ht as lineChartV1,
-  Lu as loadLocaleMessageRuntime,
+  Du as loadLocaleMessageRuntime,
   oe as makeEventId,
-  Pu as makeEventKeyOfCustomSlot,
-  Iu as makeEventKeyOfElementSlot,
+  Mu as makeEventKeyOfCustomSlot,
+  Eu as makeEventKeyOfElementSlot,
   Pc as makeMethodId,
-  $u as makeMethodKeyOfCustomSlot,
-  wu as makeMethodKeyOfElementSlot,
-  hu as makePropertyId,
-  xu as makePropertyKeyOfCustomSlot,
-  _u as makePropertyKeyOfElementSlot,
-  zu as makeSlotId,
+  zu as makeMethodKeyOfCustomSlot,
+  Pu as makeMethodKeyOfElementSlot,
+  Su as makePropertyId,
+  Iu as makePropertyKeyOfCustomSlot,
+  $u as makePropertyKeyOfElementSlot,
+  Wu as makeSlotId,
   Re as makeTriggerId,
   xl as mapControlsV1,
   da as menuV1,
   De as meshBasicMaterialV1,
-  Fe as meshV1,
+  Oe as meshV1,
   Bl as multipleRefV1,
   It as numberInputV1,
   kl as orbitControlsV1,
   hl as orthographicCameraV1,
+  iu as pageMetaStringify,
   $i as pageTypes,
   ya as paginationV1,
+  lu as parseCompMeta,
+  tu as parseData,
+  ru as parsePageMeta,
   at as parsePercentStr,
   qc as parsePixelStr,
   _l as perspectiveCameraV1,
   kc as pkgs,
   zl as pointLightV1,
-  du as provideDark,
-  yu as provideData,
-  bu as provideDepends,
-  pu as provideDevice,
-  uu as provideEnv,
-  mu as provideMode,
-  cu as provideOrg,
-  gu as provideRuntime,
+  _u as provideDark,
+  xu as provideData,
+  ku as provideDepends,
+  hu as provideDevice,
+  bu as provideEnv,
+  gu as provideMode,
+  yu as provideOrg,
+  wu as provideRuntime,
   Vc as provideSandbox,
-  fu as provideType,
+  vu as provideType,
   Pt as radioGroupV1,
   Vt as radioV1,
   ha as rangeSliderV1,
@@ -9451,14 +9495,14 @@ export {
   va as selectV1,
   Gt as setField,
   xa as sliderV1,
-  su as spawnNode,
+  pu as spawnNode,
   bt as sphereGeometryV1,
-  El as spotLightV1,
-  Tt as stepperHeaderV1,
+  Tl as spotLightV1,
+  Lt as stepperHeaderV1,
   zt as stepperItemV1,
-  Lt as stepperV1,
-  At as stepperWindowItemV1,
-  Et as stepperWindowV1,
+  At as stepperV1,
+  Et as stepperWindowItemV1,
+  Tt as stepperWindowV1,
   Ca as switchV1,
   Mt as tabV1,
   Bt as tabsV1,
@@ -9467,25 +9511,25 @@ export {
   Wt as textareaV1,
   Rt as timelineItemV1,
   Kt as timelineV1,
-  iu as toEventName,
-  ou as toMethodName,
-  A as toNodeLite,
-  nu as toPropertyName,
+  uu as toEventName,
+  cu as toMethodName,
+  E as toNodeLite,
+  au as toPropertyName,
   qe as triggerReactivity,
   Yc as types,
-  Tc as unwrapEventId,
-  Tu as unwrapEventKeyOfCustomSlot,
-  Vu as unwrapEventKeyOfElementSlot,
-  Oo as unwrapMethodId,
-  Cu as unwrapMethodKeyOfCustomSlot,
-  Su as unwrapMethodKeyOfElementSlot,
+  Lc as unwrapEventId,
+  Bu as unwrapEventKeyOfCustomSlot,
+  Au as unwrapEventKeyOfElementSlot,
+  Fo as unwrapMethodId,
+  Tu as unwrapMethodKeyOfCustomSlot,
+  Lu as unwrapMethodKeyOfElementSlot,
   ao as unwrapPropertyId,
-  ku as unwrapPropertyKeyOfCustomSlot,
-  vu as unwrapPropertyKeyOfElementSlot,
-  Eu as unwrapSlotId,
+  Vu as unwrapPropertyKeyOfCustomSlot,
+  Cu as unwrapPropertyKeyOfElementSlot,
+  Ru as unwrapSlotId,
   rn as useDepend,
-  Au as useRuntime,
+  Ku as useRuntime,
   sn as useSandbox,
   Dt as windowItemV1,
-  Ft as windowV1
+  Ot as windowV1
 };