x-runtime-lib 0.8.133 → 0.8.135

package/dist/index.js

@@ -1,11 +1,11 @@
-var dn = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), fn = (t) => {
+var _n = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), vn = (t) => {
   throw TypeError(t);
 };
 var Pe = (t, n, e) => {
   if (n != null) {
-    typeof n != "object" && typeof n != "function" && fn("Object expected");
+    typeof n != "object" && typeof n != "function" && vn("Object expected");
     var o, s;
-    e && (o = n[dn("asyncDispose")]), o === void 0 && (o = n[dn("dispose")], e && (s = o)), typeof o != "function" && fn("Object not disposable"), s && (o = function() {
+    e && (o = n[_n("asyncDispose")]), o === void 0 && (o = n[_n("dispose")], e && (s = o)), typeof o != "function" && vn("Object not disposable"), s && (o = function() {
       try {
         s.call(this);
       } catch (r) {
@@ -14,7 +14,7 @@ var Pe = (t, n, e) => {
     }), t.push([e, o, n]);
   } else e && t.push([e]);
   return n;
-}, ze = (t, n, e) => {
+}, Le = (t, n, e) => {
   var o = typeof SuppressedError == "function" ? SuppressedError : function(l, c, u, m) {
     return m = Error(u), m.name = "SuppressedError", m.error = l, m.suppressed = c, m;
   }, s = (l) => n = e ? new o(l, n, "An error was suppressed during disposal") : (e = !0, l), r = (l) => {
@@ -29,29 +29,29 @@ var Pe = (t, n, e) => {
   };
   return r();
 };
-import { defineComponent as C, createElementBlock as ce, renderSlot as K, unref as i, openBlock as x, createElementVNode as ie, computed as k, normalizeStyle as ue, createCommentVNode as le, ref as oe, watch as ae, onBeforeMount as ti, onUnmounted as Ue, watchEffect as he, createBlock as w, withCtx as V, useTemplateRef as xo, onMounted as ko, nextTick as wo, resolveComponent as W, createVNode as j, isRef as Q, h as X, createSlots as Xt, renderList as ni, useId as Io, withModifiers as oi, normalizeClass as ii, toDisplayString as ri, useAttrs as ct, inject as me, provide as pe, readonly as Yt } from "vue";
+import { defineComponent as C, createElementBlock as ce, renderSlot as K, unref as i, openBlock as x, createElementVNode as ie, computed as k, normalizeStyle as ue, createCommentVNode as le, ref as oe, watch as ae, onBeforeMount as ti, onUnmounted as Ue, watchEffect as he, createBlock as w, withCtx as V, useTemplateRef as xo, onMounted as ko, nextTick as wo, resolveComponent as W, createVNode as j, isRef as Q, h as G, createSlots as nn, renderList as ni, useId as Io, withModifiers as oi, normalizeClass as ii, toDisplayString as ri, useAttrs as yt, inject as me, provide as pe, readonly as on } from "vue";
 import { globalObjects as Ie, waitUtil as So, useViewStack as Co, eventBus as $o, messageInfo as si, messageSuccess as li, messageWarning as Vo, messageError as Po, createAxios as ai, openConfirmDlg as ci, openPromptDlg as ui } from "x-essential-lib";
-import { CameraHelper as zo, DirectionalLightHelper as mi, PointLightHelper as pi, SpotLightHelper as di } from "three";
-import { i as se, c as Je, K as fi, M as yi, O as bi, u as gi, r as Lo, e as To, a as hi, b as _i, d as vi, f as xi, g as ki, h as wi, j as Ii, k as Si, l as Eo, m as D, n as Ci, o as $i, p as Vi, q as Pi } from "./vendor.hylrutpj.js";
-import { useTheme as zi } from "vuetify";
-import { getErrorMessage as Li } from "x-error-lib";
+import { CameraHelper as Lo, DirectionalLightHelper as mi, PointLightHelper as pi, SpotLightHelper as di } from "three";
+import { i as se, c as Je, K as fi, M as yi, O as bi, u as gi, r as zo, e as To, a as hi, b as _i, d as vi, f as xi, g as ki, h as wi, j as Ii, k as Si, l as Eo, m as D, n as Ci, o as $i, p as Vi, q as Pi } from "./vendor.hylrutpj.js";
+import { useTheme as Li } from "vuetify";
+import { getErrorMessage as zi } from "x-error-lib";
 import { useI18n as qe } from "vue-i18n";
-const yn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+const xn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function T(t) {
   let n = "";
   for (let e = 0; e < t; e++) {
-    const o = Math.floor(Math.random() * yn.length);
-    n += yn[o];
+    const o = Math.floor(Math.random() * xn.length);
+    n += xn[o];
   }
   return n;
 }
-function ut(t) {
+function bt(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return !1;
   const n = t.substring(0, t.length - 2), e = parseFloat(n);
   return !(isNaN(e) || e % 1 !== 0);
 }
-function Zt(t) {
+function rn(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return !1;
   const n = t.substring(0, t.length - 1), e = parseFloat(n);
@@ -64,7 +64,7 @@ function uu(t) {
   if (!isNaN(e) && e % 1 === 0)
     return e;
 }
-function bt(t) {
+function kt(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return;
   const n = t.substring(0, t.length - 1), e = parseFloat(n);
@@ -72,16 +72,16 @@ function bt(t) {
     return e;
 }
 const Ao = ["xs", "sm", "md", "lg", "xl"], Ti = [...Ao].reverse();
-function ot(t) {
+function ct(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
-function bn(t) {
+function kn(t) {
   return Ao.findIndex((n) => n === t);
 }
 function De(t, n) {
   let e;
   for (const o of Ti) {
-    if (bn(o) < bn(t))
+    if (kn(o) < kn(t))
       break;
     n[o] && (e = n[o]);
   }
@@ -101,7 +101,7 @@ function ke(t, n) {
     return e;
   }
 }
-function Qt(t, n, e) {
+function sn(t, n, e) {
   let o = t;
   if (typeof o != "object")
     return;
@@ -315,7 +315,7 @@ const vu = [
   "scene_sphere_geometry_v1",
   "scene_spot_light_v1"
 ];
-function en(t, n, e) {
+function ln(t, n, e) {
   const { i18n: o } = Ie;
   let s = "";
   return t && (s += t + " / "), n.forEach((r, l) => {
@@ -325,17 +325,17 @@ function en(t, n, e) {
 function xu(t, n) {
   const { i18n: e } = Ie;
   let o = "";
-  return t === "elementProperty" || (t === "refProperty" || 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)), en(o, n, Mi(t));
+  return t === "elementProperty" || (t === "refProperty" || 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)), ln(o, n, Mi(t));
 }
 function ku(t, n) {
   const { i18n: e } = Ie;
   let o = "";
-  return t === "elementMethod" || (t === "refMethod" || 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)), en(o, n, Wi(t));
+  return t === "elementMethod" || (t === "refMethod" || 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)), ln(o, n, Wi(t));
 }
 function wu(t, n) {
   const { i18n: e } = Ie;
   let o = "";
-  return t === "elementEvent" || (t === "refEvent" || t === "multipleRefEvent" || t === "customEvent" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotEvent" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementEvent" || t === "adaptSlotCustomEvent" ? o = e.global.t("x-runtime-lib.adaptSlot") : t === "elementPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.propertyChange") : t === "refPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customPropertyChange") : t === "customSlotPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customSlotPropertyChange") : t === "adaptSlotElementPropertyChangeEvent" || t === "adaptSlotCustomPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.adaptSlotPropertyChange") : t === "stateChangeEvent" ? o = e.global.t("x-runtime-lib.stateChange") : console.assert(!1)), en(o, n, Bi(t));
+  return t === "elementEvent" || (t === "refEvent" || t === "multipleRefEvent" || t === "customEvent" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotEvent" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementEvent" || t === "adaptSlotCustomEvent" ? o = e.global.t("x-runtime-lib.adaptSlot") : t === "elementPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.propertyChange") : t === "refPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customPropertyChange") : t === "customSlotPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customSlotPropertyChange") : t === "adaptSlotElementPropertyChangeEvent" || t === "adaptSlotCustomPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.adaptSlotPropertyChange") : t === "stateChangeEvent" ? o = e.global.t("x-runtime-lib.stateChange") : console.assert(!1)), ln(o, n, Bi(t));
 }
 const Ri = ["position", "rotation", "scale"], Ce = /* @__PURE__ */ C({
   __name: "index",
@@ -345,7 +345,7 @@ const Ri = ["position", "rotation", "scale"], Ce = /* @__PURE__ */ C({
     scale: {}
   },
   setup(t) {
-    const n = q();
+    const n = X();
     return (e, o) => i(n) === "editor" ? (x(), ce("TresMesh", {
       key: 0,
       position: t.position,
@@ -358,14 +358,14 @@ const Ri = ["position", "rotation", "scale"], Ce = /* @__PURE__ */ C({
       K(e.$slots, "default")
     ], 8, Ri)) : K(e.$slots, "default", { key: 1 });
   }
-}), G = /* @__PURE__ */ C({
+}), H = /* @__PURE__ */ C({
   __name: "index",
   props: {
     block: { type: Boolean, default: !1 },
     mask: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const n = q(), e = k(() => {
+    const n = X(), e = k(() => {
       const s = {
         position: "relative"
       };
@@ -405,7 +405,7 @@ function P(t) {
   const { debugTrace: o } = Ki(e);
   return o("created"), { node: e };
 }
-function it(t, n, e) {
+function ut(t, n, e) {
   const o = fe();
   if (o) {
     const s = k(() => jc("elementMethod", t, n));
@@ -427,7 +427,7 @@ const Di = (t, n, e, o) => {
     return s;
 }, Oi = (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) : Qt(n, e, 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) : sn(n, e, r);
 };
 function a(t, n, e) {
   const o = fe(), s = oe();
@@ -530,7 +530,7 @@ function Ko(t) {
   return { show: n, position: e, type: o, data: s, applyYAxis: r };
 }
 function Y(t) {
-  const { computedThemes: n } = zi(), e = Ze(), o = k(() => t.value?.mode), s = k(() => {
+  const { computedThemes: n } = Li(), e = Ze(), o = k(() => t.value?.mode), s = k(() => {
     const m = t.value?.theme;
     return m ? m === "background0" ? e.value ? "#2e2e2e" : "#bdbdbd" : m === "background1" ? e.value ? "#272727" : "#eeeeee" : m === "background2" ? e.value ? "#1e1e1e" : "#ffffff" : (e.value ? n.value.dark : n.value.light).colors[m] : void 0;
   }), r = k(() => e.value ? t.value.custom?.dark : t.value.custom?.light), l = k(() => o.value === "theme" ? s.value ?? "" : o.value === "custom" ? r.value ?? "" : ""), c = k(() => {
@@ -542,21 +542,21 @@ function Y(t) {
   });
   return { color: l, rgb: c, alpha: u };
 }
-function tn(t) {
+function an(t) {
   const n = k(() => t.value.border?.style), e = k(() => t.value.border?.width), o = k(() => t.value.border?.color), { color: s } = Y(o), r = k(() => t.value.border?.roundRadius?.tl), l = k(() => t.value.border?.roundRadius?.tr), c = k(() => t.value.border?.roundRadius?.bl), u = k(() => t.value.border?.roundRadius?.br);
   function m(d) {
     n.value && (d.borderStyle = n.value), e.value && (d.borderWidth = e.value), s.value && (d.borderColor = s.value), r.value && (d.borderTopLeftRadius = r.value), l.value && (d.borderTopRightRadius = l.value), c.value && (d.borderBottomLeftRadius = c.value), u.value && (d.borderBottomRightRadius = u.value);
   }
   return { borderStyle: n, borderWidth: e, borderColor: s, applyBorder: m };
 }
-function nn(t) {
+function cn(t) {
   const n = k(() => t.value.margin?.top), e = k(() => t.value.margin?.left), o = k(() => t.value.margin?.bottom), s = k(() => t.value.margin?.right);
   function r(l) {
     n.value && (l.marginTop = n.value), e.value && (l.marginLeft = e.value), o.value && (l.marginBottom = o.value), s.value && (l.marginRight = s.value);
   }
   return { marginTop: n, marginLeft: e, marginBottom: o, marginRight: s, applyMargin: r };
 }
-function on(t) {
+function un(t) {
   const n = k(() => t.value.padding?.top), e = k(() => t.value.padding?.left), o = k(() => t.value.padding?.bottom), s = k(() => t.value.padding?.right);
   function r(l) {
     n.value && (l.paddingTop = n.value), e.value && (l.paddingLeft = e.value), o.value && (l.paddingBottom = o.value), s.value && (l.paddingRight = s.value);
@@ -564,23 +564,23 @@ function on(t) {
   return { paddingTop: n, paddingLeft: e, paddingBottom: o, paddingRight: s, applyPadding: r };
 }
 function de(t, n) {
-  const e = q(), o = Re(), s = k(() => n.value.size?.width), r = k(() => n.value.size?.minWidth), l = k(() => n.value.size?.maxWidth), c = k(() => {
+  const e = X(), o = Re(), s = k(() => n.value.size?.width), r = k(() => n.value.size?.minWidth), l = k(() => n.value.size?.maxWidth), c = k(() => {
     if (t.outer && e === "editor") {
-      const p = bt(n.value.size?.height);
+      const p = kt(n.value.size?.height);
       if (p)
         return p / 100 * o.value.height + "px";
     }
     return n.value.size?.height;
   }), u = k(() => {
     if (t.outer && e === "editor") {
-      const p = bt(n.value.size?.minHeight);
+      const p = kt(n.value.size?.minHeight);
       if (p)
         return p / 100 * o.value.height + "px";
     }
     return n.value.size?.minHeight;
   }), m = k(() => {
     if (t.outer && e === "editor") {
-      const p = bt(n.value.size?.maxHeight);
+      const p = kt(n.value.size?.maxHeight);
       if (p)
         return p / 100 * o.value.height + "px";
     }
@@ -599,7 +599,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
     return (b, g) => (x(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
@@ -619,7 +619,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(o) === "editor" ? (x(), w(i(Je), {
             key: 0,
-            type: i(zo)
+            type: i(Lo)
           }, null, 8, ["type"])) : le("", !0),
           K(b.$slots, "default")
         ], 8, Fi)
@@ -635,7 +635,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
     return (p, f) => (x(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
@@ -653,7 +653,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(o) === "editor" ? (x(), w(i(Je), {
             key: 0,
-            type: i(zo)
+            type: i(Lo)
           }, null, 8, ["type"])) : le("", !0),
           K(p.$slots, "default")
         ], 8, ji)
@@ -664,19 +664,19 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
 }), Hi = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
-    const n = q();
+    const n = X();
     return (e, o) => i(n) !== "editor" ? (x(), w(i(fi), { key: 0 })) : le("", !0);
   }
 }), Ui = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
-    const n = q();
+    const n = X();
     return (e, o) => i(n) !== "editor" ? (x(), w(i(yi), { key: 0 })) : le("", !0);
   }
 }), Ji = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
-    const n = q();
+    const n = X();
     return (e, o) => i(n) !== "editor" ? (x(), w(i(bi), { key: 0 })) : le("", !0);
   }
 }), qi = ["args"], Xi = /* @__PURE__ */ C({
@@ -760,7 +760,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, [
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, [
       "settings",
       "intensity"
     ]);
@@ -791,7 +791,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, [
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, [
       "settings",
       "intensity"
     ]);
@@ -826,7 +826,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, ["settings", "decay"]), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Y(c), { property: m } = a(e, ["settings", "decay"]), { property: d } = a(e, [
       "settings",
       "distance"
     ]), { property: p } = a(e, [
@@ -866,7 +866,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: m } = Y(u), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: m } = Y(u), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
       "settings",
       "distance"
     ]), { property: f } = a(e, [
@@ -915,7 +915,7 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { position: s, rotation: r, scale: l } = ve(e);
+    const n = t, { node: e } = P(n), o = X(), { position: s, rotation: r, scale: l } = ve(e);
     return (c, u) => (x(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
@@ -950,7 +950,7 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
       K(l.$slots, "default")
     ], 8, pr));
   }
-}), fr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], yr = "#242424", br = {}, gr = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, hr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, vr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, xr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, kr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, 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)" } } }, Lr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Tr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Er = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ar = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Mr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Wr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Br = { textStyle: { color: "#eeeeee" } }, Rr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Kr = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Dr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Or = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, Fr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Nr = {
+}), fr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], yr = "#242424", br = {}, gr = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, hr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, vr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, xr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, kr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Lr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, zr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Tr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Er = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ar = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Mr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Wr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Br = { textStyle: { color: "#eeeeee" } }, Rr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Kr = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Dr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Or = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, Fr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Nr = {
   color: fr,
   backgroundColor: yr,
   textStyle: br,
@@ -967,8 +967,8 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
   gauge: $r,
   candlestick: Vr,
   graph: Pr,
-  map: zr,
-  geo: Lr,
+  map: Lr,
+  geo: zr,
   categoryAxis: Tr,
   valueAxis: Er,
   logAxis: Ar,
@@ -1021,8 +1021,8 @@ gi([
   Ii,
   Si
 ]);
-Lo("dark", Nr);
-Lo("light", _s);
+zo("dark", Nr);
+zo("light", _s);
 const vs = /* @__PURE__ */ C({
   __name: "index",
   props: {
@@ -1032,22 +1032,22 @@ const vs = /* @__PURE__ */ C({
   },
   setup(t) {
     const n = t, { node: e } = P(n), o = Re(), s = Ze(), r = xe(), l = be(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = de(n, e), { applyTitle: g } = Bo(e), { applyXAxis: _ } = Ro(e), { applyYAxis: h } = Ko(e), { applyLegend: v } = Mo(e), { applySeries: S } = Wo(e), $ = k(() => {
-      const L = {}, U = l.value?.type;
-      return r === "page" ? U === "common" ? b(L) : console.assert(!1) : r === "comp" && U === "common" ? b(L) : console.assert(!1), L;
-    }), z = xo("chart");
+      const z = {}, J = l.value?.type;
+      return r === "page" ? J === "common" ? b(z) : console.assert(!1) : r === "comp" && J === "common" ? b(z) : console.assert(!1), z;
+    }), L = xo("chart");
     let R;
     const O = () => {
-      R?.dispose(), R = To.init(z.value, s.value ? "dark" : "light");
-      const L = {};
-      R.setOption(L);
+      R?.dispose(), R = To.init(L.value, s.value ? "dark" : "light");
+      const z = {};
+      R.setOption(z);
     }, N = () => {
       R?.resize();
     }, F = () => {
-      const L = {};
-      g(L), _(L), h(L), v(L), S(L), R?.setOption(L, !0);
+      const z = {};
+      g(z), _(z), h(z), v(z), S(z), R?.setOption(z, !0);
     };
     return ko(async () => {
-      window.addEventListener("resize", N, !1), await So(() => !!z.value), O(), F();
+      window.addEventListener("resize", N, !1), await So(() => !!L.value), O(), F();
     }), Ue(() => {
       window.removeEventListener("resize", N, !1), R?.dispose();
     }), ae(
@@ -1072,7 +1072,7 @@ const vs = /* @__PURE__ */ C({
         F();
       },
       { deep: !0 }
-    ), (L, U) => (x(), w(i(G), {
+    ), (z, J) => (x(), w(i(H), {
       block: "",
       mask: ""
     }, {
@@ -1094,22 +1094,22 @@ const vs = /* @__PURE__ */ C({
   },
   setup(t) {
     const n = t, { node: e } = P(n), o = Re(), s = Ze(), r = xe(), l = be(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = de(n, e), { applyTitle: g } = Bo(e), { applyXAxis: _ } = Ro(e), { applyYAxis: h } = Ko(e), { applyLegend: v } = Mo(e), { applySeries: S } = Wo(e), $ = k(() => {
-      const L = {}, U = l.value?.type;
-      return r === "page" ? U === "common" ? b(L) : console.assert(!1) : r === "comp" && U === "common" ? b(L) : console.assert(!1), L;
-    }), z = xo("chart");
+      const z = {}, J = l.value?.type;
+      return r === "page" ? J === "common" ? b(z) : console.assert(!1) : r === "comp" && J === "common" ? b(z) : console.assert(!1), z;
+    }), L = xo("chart");
     let R;
     const O = () => {
-      R?.dispose(), R = To.init(z.value, s.value ? "dark" : "light");
-      const L = {};
-      R.setOption(L);
+      R?.dispose(), R = To.init(L.value, s.value ? "dark" : "light");
+      const z = {};
+      R.setOption(z);
     }, N = () => {
       R?.resize();
     }, F = () => {
-      const L = {};
-      g(L), _(L), h(L), v(L), S(L), R?.setOption(L, !0);
+      const z = {};
+      g(z), _(z), h(z), v(z), S(z), R?.setOption(z, !0);
     };
     return ko(async () => {
-      window.addEventListener("resize", N, !1), await So(() => !!z.value), O(), F();
+      window.addEventListener("resize", N, !1), await So(() => !!L.value), O(), F();
     }), Ue(() => {
       window.removeEventListener("resize", N, !1), R?.dispose();
     }), ae(
@@ -1134,7 +1134,7 @@ const vs = /* @__PURE__ */ C({
         F();
       },
       { deep: !0 }
-    ), (L, U) => (x(), w(i(G), {
+    ), (z, J) => (x(), w(i(H), {
       block: "",
       mask: ""
     }, {
@@ -1155,7 +1155,7 @@ const vs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "content"]), { property: s } = a(e, ["settings", "dot"]), { theme: r } = H(), { property: l } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "content"]), { property: s } = a(e, ["settings", "dot"]), { theme: r } = U(), { property: l } = a(e, [
       "settings",
       "offset",
       "x"
@@ -1166,7 +1166,7 @@ const vs = /* @__PURE__ */ C({
     ]);
     return (u, m) => {
       const d = W("v-badge");
-      return x(), w(i(G), null, {
+      return x(), w(i(H), null, {
         default: V(() => [
           j(d, {
             content: i(o),
@@ -1207,18 +1207,18 @@ const vs = /* @__PURE__ */ C({
     ]), { property: v } = a(e, [
       "settings",
       "readonly"
-    ]), { property: S } = a(e, ["settings", "ripple"]), { property: $ } = a(e, ["settings", "size"]), { property: z } = a(e, ["settings", "stacked"]), { property: R } = a(e, ["settings", "text"]), { theme: O } = H(), { property: N } = a(e, ["settings", "variant"]), { property: F } = a(e, ["size", "width"]), L = (U) => {
+    ]), { property: S } = a(e, ["settings", "ripple"]), { property: $ } = a(e, ["settings", "size"]), { property: L } = a(e, ["settings", "stacked"]), { property: R } = a(e, ["settings", "text"]), { theme: O } = U(), { property: N } = a(e, ["settings", "variant"]), { property: F } = a(e, ["size", "width"]), z = (J) => {
       if (!o || !o.vm)
         return;
       const { vm: ne } = o;
-      ne.setProp(ne.global, "__pointerPosX__", ne.newNumber(U.clientX)), ne.setProp(ne.global, "__pointerPosY__", ne.newNumber(U.clientY)), o.callFunction(
+      ne.setProp(ne.global, "__pointerPosX__", ne.newNumber(J.clientX)), ne.setProp(ne.global, "__pointerPosY__", ne.newNumber(J.clientY)), o.callFunction(
         "__triggerEventV1__",
         re("elementEvent", n.nodeId, "click")
       );
     };
-    return (U, ne) => {
+    return (J, ne) => {
       const ye = W("v-btn");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: i(r),
         mask: ""
       }, {
@@ -1239,12 +1239,12 @@ const vs = /* @__PURE__ */ C({
             readonly: i(v),
             ripple: i(S),
             size: i($),
-            stacked: i(z),
+            stacked: i(L),
             text: i(R),
             theme: i(O),
             variant: i(N),
             width: i(F),
-            onClick: L
+            onClick: z
           }, 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
@@ -1281,7 +1281,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { property: m } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = H(), { property: f } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
+    ]), { property: m } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = U(), { property: f } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
     return (g, _) => {
       const h = W("v-btn-toggle");
       return x(), w(h, {
@@ -1318,12 +1318,12 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: r } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: u } = a(e, ["size", "maxHeight"]), { property: m } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["size", "minHeight"]), { property: p } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
       "settings",
       "subtitle"
-    ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = H(), { property: _ } = a(e, ["settings", "title"]), { property: h } = a(e, ["settings", "variant"]), { property: v } = a(e, ["size", "width"]);
+    ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = U(), { property: _ } = a(e, ["settings", "title"]), { property: h } = a(e, ["settings", "variant"]), { property: v } = a(e, ["size", "width"]);
     return (S, $) => {
-      const z = W("v-card");
-      return x(), w(i(G), { block: "" }, {
+      const L = W("v-card");
+      return x(), w(i(H), { block: "" }, {
         default: V(() => [
-          j(z, {
+          j(L, {
             density: i(o),
             disabled: i(s),
             height: i(r),
@@ -1367,7 +1367,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]);
     return (r, l) => {
       const c = W("v-checkbox");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(c, {
             disabled: i(o),
@@ -1378,7 +1378,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), zs = /* @__PURE__ */ C({
+}), Ls = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1395,10 +1395,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: u } = a(e, [
       "settings",
       "draggable"
-    ]), { property: m } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = H(), { property: g } = a(e, ["settings", "tile"]), { property: _ } = a(e, ["settings", "value"]), { property: h } = a(e, ["settings", "variant"]);
+    ]), { property: m } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = U(), { property: g } = a(e, ["settings", "tile"]), { property: _ } = a(e, ["settings", "value"]), { property: h } = a(e, ["settings", "variant"]);
     return (v, S) => {
       const $ = W("v-chip");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j($, {
             closable: i(o),
@@ -1420,7 +1420,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       });
     };
   }
-}), Ls = /* @__PURE__ */ C({
+}), zs = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -1443,7 +1443,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: m } = a(e, [
       "settings",
       "showArrows"
-    ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
+    ]), { theme: d } = U(), { property: p } = a(e, ["settings", "value"]);
     return (f, b) => {
       const g = W("v-chip-group");
       return x(), w(g, {
@@ -1497,10 +1497,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: b } = a(e, [
       "settings",
       "showSwatches"
-    ]), { theme: g } = H();
+    ]), { theme: g } = U();
     return (_, h) => {
       const v = W("v-color-picker");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(v, {
             disabled: i(c),
@@ -1538,10 +1538,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
+    ]), { theme: u } = U(), { property: m } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = W("v-combobox");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(f, {
             modelValue: i(m),
@@ -1569,11 +1569,11 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     const n = t, { node: e } = P(n), o = xe(), s = be(), { property: r } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: l } = Y(r), { applySize: c } = de(n, e), { applyMargin: u } = nn(e), { applyPadding: m } = on(e), { applyBorder: d } = tn(e), p = k(() => {
+    ]), { color: l } = Y(r), { applySize: c } = de(n, e), { applyMargin: u } = cn(e), { applyPadding: m } = un(e), { applyBorder: d } = an(e), p = k(() => {
       const f = {}, b = s.value?.type;
       return o === "page" ? b === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && b === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
     });
-    return (f, b) => (x(), w(i(G), { block: "" }, {
+    return (f, b) => (x(), w(i(H), { block: "" }, {
       default: V(() => [
         ie("div", {
           style: ue(p.value)
@@ -1592,7 +1592,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     value: {}
   },
   setup(t) {
-    const { t: n } = qe(), e = t, o = q(), s = Qe(), r = oe();
+    const { t: n } = qe(), e = t, o = X(), s = Qe(), r = oe();
     $e(r);
     const l = k(() => e.refContext.compId);
     et(l, r), ee(o) && Ke(r, "slot", "", "", fe());
@@ -1608,7 +1608,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       return Xe(m.key) && (p.refContext = {
         parent: e.refContext,
         compId: m.compId
-      }), X(
+      }), G(
         d.comp,
         {
           key: m.id,
@@ -1624,11 +1624,11 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     }
     const u = () => {
       if (Ye(e.refContext, s))
-        return X("div", null, n("x-runtime-lib.circularReference"));
+        return G("div", null, n("x-runtime-lib.circularReference"));
       if (!r.value)
         return;
       if (r.value.type === "common")
-        return X(
+        return G(
           "div",
           {},
           { default: () => r.value.view.nodeLites.map((d) => c(d)) }
@@ -1653,10 +1653,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: u } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "data"], !0), { property: d } = a(e, ["settings", "loading"]), { property: p } = a(e, [
       "settings",
       "multiSort"
-    ]), { theme: f } = H(), { property: b } = a(e, ["size", "width"]), { property: g } = a(e, ["slots", "columns"]);
+    ]), { theme: f } = U(), { property: b } = a(e, ["size", "width"]), { property: g } = a(e, ["slots", "columns"]);
     return (_, h) => {
       const v = W("v-data-table");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
@@ -1673,17 +1673,17 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             "multi-sort": i(p),
             theme: i(f),
             width: i(b)
-          }, Xt({ _: 2 }, [
+          }, nn({ _: 2 }, [
             ni(i(g), ({ key: S, comp: $ }) => ({
               name: `item.${S}`,
-              fn: V(({ value: z }) => [
+              fn: V(({ value: L }) => [
                 j(Ms, {
                   "node-id": n.nodeId,
                   "ref-context": {
                     parent: n.refContext,
                     compId: $
                   },
-                  value: z
+                  value: L
                 }, null, 8, ["node-id", "ref-context", "value"])
               ])
             }))
@@ -1698,7 +1698,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
   setup(t) {
     return (n, e) => {
       const o = W("v-date-picker");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(o)
         ]),
@@ -1714,10 +1714,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = q(), { open: o } = Co(`runtimeDlg/${Io()}`);
-    return it(n.nodeId, "open", () => {
+    const n = t, e = X(), { open: o } = Co(`runtimeDlg/${Io()}`);
+    return ut(n.nodeId, "open", () => {
       o.value = !0;
-    }), it(n.nodeId, "close", () => {
+    }), ut(n.nodeId, "close", () => {
       o.value = !1;
     }), (s, r) => {
       const l = W("v-dialog");
@@ -1765,7 +1765,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]);
     return (b, g) => {
       const _ = W("v-file-input");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
@@ -1795,12 +1795,12 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Re(), s = xe(), r = be(), { applySize: l } = de(n, e), { applyMargin: c } = nn(e), { applyPadding: u } = on(e), { applyBorder: m } = tn(e), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = Re(), s = xe(), r = be(), { applySize: l } = de(n, e), { applyMargin: c } = cn(e), { applyPadding: u } = un(e), { applyBorder: m } = an(e), { property: d } = a(e, [
       "settings",
       "backgroundColor"
     ]), { color: p } = Y(d), f = (g) => {
       p.value && (g.backgroundColor = p.value), g.display = "flex";
-      const _ = ot(o.value.width), h = De(_, e.value.settings?.direction);
+      const _ = ct(o.value.width), h = De(_, e.value.settings?.direction);
       h === "row" ? g.flexDirection = "row" : h === "rowReverse" ? g.flexDirection = "row-reverse" : h === "column" ? g.flexDirection = "column" : h === "columnReverse" && (g.flexDirection = "column-reverse");
       const v = De(_, e.value.settings?.wrap);
       v === "no" ? g.flexWrap = "nowrap" : v === "yes" ? g.flexWrap = "wrap" : v === "reverse" && (g.flexWrap = "wrap-reverse");
@@ -1850,7 +1850,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: u } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: m } = Y(u), { applySize: d } = de(n, e), { applyMargin: p } = nn(e), { applyPadding: f } = on(e), { applyBorder: b } = tn(e), g = k(() => {
+    ]), { color: m } = Y(u), { applySize: d } = de(n, e), { applyMargin: p } = cn(e), { applyPadding: f } = un(e), { applyBorder: b } = an(e), g = k(() => {
       const h = {}, v = s.value?.type;
       return o === "page" ? v === "common" ? (d(h), p(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && v === "common" ? (d(h), p(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1), h;
     }), _ = () => {
@@ -1886,7 +1886,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Y(o), { property: r } = a(e, [
       "settings",
       "disabled"
-    ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: u } = H();
+    ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: u } = U();
     return (m, d) => {
       const p = W("v-icon");
       return x(), w(p, {
@@ -1906,13 +1906,13 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = q(), o = fe(), s = oe(0), r = oe(0), l = k(() => [s.value, r.value]), { open: c } = Co(`runtimeMenu/${Io()}`);
-    return it(n.nodeId, "open", () => {
+    const n = t, e = X(), o = fe(), s = oe(0), r = oe(0), l = k(() => [s.value, r.value]), { open: c } = Co(`runtimeMenu/${Io()}`);
+    return ut(n.nodeId, "open", () => {
       if (!o || !o.vm)
         return;
       const { vm: u } = o, m = u.getProp(u.global, "__pointerPosX__"), d = u.getProp(u.global, "__pointerPosY__");
       s.value = u.getNumber(m), r.value = u.getNumber(d), m.dispose(), d.dispose(), c.value = !0;
-    }), it(n.nodeId, "close", () => {
+    }), ut(n.nodeId, "close", () => {
       o && (c.value = !1);
     }), (u, m) => {
       const d = W("v-menu");
@@ -1976,13 +1976,13 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: S } = a(e, [
       "settings",
       "readonly"
-    ]), { property: $ } = a(e, ["settings", "reverse"]), { property: z } = a(e, [
+    ]), { property: $ } = a(e, ["settings", "reverse"]), { property: L } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: R } = a(e, ["settings", "step"]), { property: O } = a(e, ["settings", "suffix"]), { theme: N } = H(), { property: F } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: U } = a(e, ["size", "width"]);
+    ]), { property: R } = a(e, ["settings", "step"]), { property: O } = a(e, ["settings", "suffix"]), { theme: N } = U(), { property: F } = a(e, ["settings", "value"]), { property: z } = a(e, ["settings", "variant"]), { property: J } = a(e, ["size", "width"]);
     return (ne, ye) => {
       const Ve = W("v-number-input");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
@@ -2007,12 +2007,12 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             "prepend-inner-icon": i(v),
             readonly: i(S),
             reverse: i($),
-            "single-line": i(z),
+            "single-line": i(L),
             step: i(R),
             suffix: i(O),
             theme: i(N),
-            variant: i(L),
-            width: i(U)
+            variant: i(z),
+            width: i(J)
           }, null, 8, ["modelValue", "append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"])
         ]),
         _: 1
@@ -2027,19 +2027,19 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { property: s } = a(e, ["settings", "density"]), { property: r } = a(e, [
+    const n = t, { node: e } = P(n), o = X(), { property: s } = a(e, ["settings", "density"]), { property: r } = a(e, [
       "settings",
       "disabled"
     ]), { property: l } = a(e, ["settings", "length"]), { property: c } = a(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: u } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "start"]), { theme: d } = H(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), g = k(() => {
+    ]), { property: u } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "start"]), { theme: d } = U(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), g = k(() => {
       const _ = {};
       return o === "editor" && (_.pointerEvents = "none"), _;
     });
     return (_, h) => {
       const v = W("v-pagination");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
@@ -2077,7 +2077,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
+    ]), { theme: m } = U(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
       const b = W("v-radio");
       return x(), w(b, {
@@ -2108,10 +2108,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: l } = a(e, ["settings", "inline"]), { property: c } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
+    ]), { theme: u } = U(), { property: m } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = W("v-radio-group");
-      return x(), w(i(G), null, {
+      return x(), w(i(H), null, {
         default: V(() => [
           j(f, {
             modelValue: i(m),
@@ -2161,7 +2161,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         return "always";
       if (p.value === "show")
         return !0;
-    }), { property: b } = a(e, ["settings", "step"]), { theme: g } = H(), { property: _ } = a(e, [
+    }), { property: b } = a(e, ["settings", "step"]), { theme: g } = U(), { property: _ } = a(e, [
       "settings",
       "thumbLabel"
     ]), h = k(() => {
@@ -2176,11 +2176,11 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       if (!S.value)
         return;
       const F = {};
-      for (const { value: L, label: U } of S.value)
-        F[L] = U;
+      for (const { value: z, label: J } of S.value)
+        F[z] = J;
       if (!Eo(F))
         return F;
-    }), { property: z } = a(e, [
+    }), { property: L } = a(e, [
       "settings",
       "tickSize"
     ]), { property: R } = a(e, [
@@ -2193,20 +2193,20 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       "end"
     ]), N = k({
       get: () => [R.value, O.value],
-      set: ([F, L]) => {
-        R.value = F, O.value = L;
+      set: ([F, z]) => {
+        R.value = F, O.value = z;
       }
     });
-    return (F, L) => {
-      const U = W("v-range-slider");
-      return x(), w(i(G), {
+    return (F, z) => {
+      const J = W("v-range-slider");
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          j(U, {
+          j(J, {
             modelValue: N.value,
-            "onUpdate:modelValue": L[0] || (L[0] = (ne) => N.value = ne),
+            "onUpdate:modelValue": z[0] || (z[0] = (ne) => N.value = ne),
             density: i(o),
             direction: i(s),
             disabled: i(r),
@@ -2220,7 +2220,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             theme: i(g),
             "thumb-label": h.value,
             "thumb-size": i(v),
-            "tick-size": i(z),
+            "tick-size": i(L),
             ticks: $.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
@@ -2248,10 +2248,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "length"]), { property: m } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
+    ]), { theme: d } = U(), { property: p } = a(e, ["settings", "value"]);
     return (f, b) => {
       const g = W("v-rating");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(g, {
             modelValue: i(p),
@@ -2290,10 +2290,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
+    ]), { theme: u } = U(), { property: m } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = W("v-select");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
@@ -2341,13 +2341,13 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         return "always";
       if (b.value === "show")
         return !0;
-    }), { property: _ } = a(e, ["settings", "step"]), { theme: h } = H(), { property: v } = a(e, [
+    }), { property: _ } = a(e, ["settings", "step"]), { theme: h } = U(), { property: v } = a(e, [
       "settings",
       "thumbColor"
     ]), { color: S } = Y(v), { property: $ } = a(e, [
       "settings",
       "thumbLabel"
-    ]), z = k(() => {
+    ]), L = k(() => {
       if ($.value === "always")
         return "always";
       if ($.value === "show")
@@ -2359,25 +2359,25 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       if (!O.value)
         return;
       const ge = {};
-      for (const { value: tt, label: yt } of O.value)
-        ge[tt] = yt;
+      for (const { value: tt, label: xt } of O.value)
+        ge[tt] = xt;
       if (!Eo(ge))
         return ge;
     }), { property: F } = a(e, [
       "settings",
       "tickSize"
-    ]), { property: L } = a(e, [
+    ]), { property: z } = a(e, [
       "settings",
       "trackColor"
-    ]), { color: U } = Y(L), { property: ne } = a(e, ["settings", "value"]), { property: ye } = a(e, ["slots", "append"]), { property: Ve } = a(e, ["slots", "prepend"]);
+    ]), { color: J } = Y(z), { property: ne } = a(e, ["settings", "value"]), { property: ye } = a(e, ["slots", "append"]), { property: Ve } = a(e, ["slots", "prepend"]);
     return (ge, tt) => {
-      const yt = W("v-slider");
-      return x(), w(i(G), {
+      const xt = W("v-slider");
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          j(yt, {
+          j(xt, {
             modelValue: i(ne),
             "onUpdate:modelValue": tt[0] || (tt[0] = (ei) => Q(ne) ? ne.value = ei : null),
             color: i(s),
@@ -2393,12 +2393,12 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             step: i(_),
             theme: i(h),
             "thumb-color": i(S),
-            "thumb-label": z.value,
+            "thumb-label": L.value,
             "thumb-size": i(R),
             "tick-size": i(F),
             ticks: N.value,
-            "track-color": i(U)
-          }, Xt({ _: 2 }, [
+            "track-color": i(J)
+          }, nn({ _: 2 }, [
             i(ye) ? {
               name: "append",
               fn: V(() => [
@@ -2438,7 +2438,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     const n = t, { node: e } = P(n), { property: o } = a(e, [
       "settings",
       "hideActions"
-    ]), { theme: s } = H(), { property: r } = a(e, ["settings", "value"]);
+    ]), { theme: s } = U(), { property: r } = a(e, ["settings", "value"]);
     return (l, c) => {
       const u = W("v-stepper");
       return x(), w(u, {
@@ -2532,10 +2532,10 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: c } = a(e, [
       "settings",
       "indeterminate"
-    ]), { property: u } = a(e, ["settings", "inline"]), { property: m } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: f } = H(), { property: b } = a(e, ["settings", "value"]);
+    ]), { property: u } = a(e, ["settings", "inline"]), { property: m } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: f } = U(), { property: b } = a(e, ["settings", "value"]);
     return (g, _) => {
       const h = W("v-switch");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(h, {
             modelValue: i(b),
@@ -2564,13 +2564,13 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = q(), { property: s } = a(e, ["settings", "text"]), { theme: r } = H(), { property: l } = a(e, ["settings", "value"]), c = k(() => {
+    const n = t, { node: e } = P(n), o = X(), { property: s } = a(e, ["settings", "text"]), { theme: r } = U(), { property: l } = a(e, ["settings", "value"]), c = k(() => {
       const u = {};
       return o === "editor" && (u.pointerEvents = "none"), u;
     });
     return (u, m) => {
       const d = W("v-tab");
-      return x(), w(i(G), { mask: "" }, {
+      return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(d, {
             style: ue(c.value),
@@ -2627,17 +2627,17 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: $ } = Y(S), { property: z } = a(e, ["settings", "stacked"]), { theme: R } = H(), { property: O } = a(e, ["settings", "value"]);
+    ]), { color: $ } = Y(S), { property: L } = a(e, ["settings", "stacked"]), { theme: R } = U(), { property: O } = a(e, ["settings", "value"]);
     return (N, F) => {
-      const L = W("v-tabs");
-      return x(), w(i(G), {
+      const z = W("v-tabs");
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          j(L, {
+          j(z, {
             modelValue: i(O),
-            "onUpdate:modelValue": F[0] || (F[0] = (U) => Q(O) ? O.value = U : null),
+            "onUpdate:modelValue": F[0] || (F[0] = (J) => Q(O) ? O.value = J : null),
             "align-tabs": i(o),
             "bg-color": i(r),
             "center-active": i(l),
@@ -2652,7 +2652,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
             mandatory: i(h),
             "show-arrows": i(v),
             "slider-color": i($),
-            stacked: i(z),
+            stacked: i(L),
             theme: i(R)
           }, {
             default: V(() => [
@@ -2680,10 +2680,10 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
       "settings",
       "emphasis"
     ]), { property: c } = a(e, ["settings", "italic"]), { property: u } = a(e, ["settings", "text"]), { property: m } = a(e, ["settings", "weight"]), d = k(() => {
-      const p = [], f = ot(o.value.width), b = De(f, e.value.settings?.style);
+      const p = [], f = ct(o.value.width), b = De(f, e.value.settings?.style);
       return b && p.push(`text-${b}`), l.value === "high" ? p.push("text-high-emphasis") : l.value === "medium" ? p.push("text-medium-emphasis") : l.value === "disabled" && p.push("text-disabled"), s.value && p.push(`font-${s.value}`), r.value && p.push(`text-decoration-${r.value}`), m.value && p.push(`font-weight-${m.value}`), c.value && p.push("font-italic"), p.join(" ");
     });
-    return (p, f) => (x(), w(i(G), null, {
+    return (p, f) => (x(), w(i(H), null, {
       default: V(() => [
         ie("span", {
           class: ii(d.value)
@@ -2718,15 +2718,15 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, ["settings", "rows"]), { property: g } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: _ } = H(), { property: h } = a(e, ["settings", "value"]), { property: v } = a(e, ["settings", "variant"]);
+    ]), { theme: _ } = U(), { property: h } = a(e, ["settings", "value"]), { property: v } = a(e, ["settings", "variant"]);
     return (S, $) => {
-      const z = W("v-textarea");
-      return x(), w(i(G), {
+      const L = W("v-textarea");
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          j(z, {
+          j(L, {
             modelValue: i(h),
             "onUpdate:modelValue": $[0] || ($[0] = (R) => Q(h) ? h.value = R : null),
             "auto-grow": i(o),
@@ -2790,16 +2790,16 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: v } = a(e, ["settings", "reverse"]), { property: S } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: $ } = a(e, ["settings", "suffix"]), { theme: z } = H(), { property: R } = a(e, ["settings", "value"]), { property: O } = a(e, ["settings", "variant"]), { property: N } = a(e, ["slots", "append"]), { property: F } = a(e, [
+    ]), { property: $ } = a(e, ["settings", "suffix"]), { theme: L } = U(), { property: R } = a(e, ["settings", "value"]), { property: O } = a(e, ["settings", "variant"]), { property: N } = a(e, ["slots", "append"]), { property: F } = a(e, [
       "slots",
       "appendInner"
-    ]), { property: L } = a(e, ["slots", "prepend"]), { property: U } = a(e, [
+    ]), { property: z } = a(e, ["slots", "prepend"]), { property: J } = a(e, [
       "slots",
       "prependInner"
     ]);
     return (ne, ye) => {
       const Ve = W("v-text-field");
-      return x(), w(i(G), {
+      return x(), w(i(H), {
         block: "",
         mask: ""
       }, {
@@ -2824,9 +2824,9 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
             reverse: i(v),
             "single-line": i(S),
             suffix: i($),
-            theme: i(z),
+            theme: i(L),
             variant: i(O)
-          }, Xt({ _: 2 }, [
+          }, nn({ _: 2 }, [
             i(N) ? {
               name: "append",
               fn: V(() => [
@@ -2849,23 +2849,23 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
               ]),
               key: "1"
             } : void 0,
-            i(L) ? {
+            i(z) ? {
               name: "prepend",
               fn: V(() => [
                 j(i(we), {
                   "node-id": "prepend",
-                  "ref-context": { compId: i(L) },
+                  "ref-context": { compId: i(z) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "2"
             } : void 0,
-            i(U) ? {
+            i(J) ? {
               name: "prepend-inner",
               fn: V(() => [
                 j(i(we), {
                   "node-id": "prepend-inner",
-                  "ref-context": { compId: i(U) },
+                  "ref-context": { compId: i(J) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2915,7 +2915,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
       "settings",
       "line",
       "truncate"
-    ]), { theme: h } = H();
+    ]), { theme: h } = U();
     return (v, S) => {
       const $ = W("v-timeline");
       return x(), w($, {
@@ -2969,7 +2969,7 @@ const _l = /* @__PURE__ */ We(gl, [["render", hl]]), vl = /* @__PURE__ */ C({
     ]), { property: l } = a(e, ["settings", "reverse"]), { property: c } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: u } = a(e, ["settings", "touch"]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
+    ]), { property: u } = a(e, ["settings", "touch"]), { theme: m } = U(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
       const b = W("v-window");
       return x(), w(b, {
@@ -3003,12 +3003,13 @@ function kl(t, n) {
 const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
   __name: "entry",
   props: {
+    subtype: {},
     nodeId: {},
     refContext: {},
     refKey: {}
   },
   setup(t) {
-    const n = q(), e = be(), o = k(() => D(e.value));
+    const n = X(), e = be(), o = k(() => D(e.value));
     $e(o), ee(n) && Ke(o, "multipleSlot", t.nodeId, t.refKey, fe());
     const s = (l) => {
       const c = _e[l.key];
@@ -3022,7 +3023,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       return Xe(l.key) && (u.refContext = {
         parent: t.refContext,
         compId: l.compId
-      }), X(
+      }), G(
         c.comp,
         {
           key: l.id,
@@ -3035,9 +3036,16 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
           }
         }
       );
-    }, r = () => X("div", null, {
-      default: () => o.value?.view.nodeLites.map((l) => s(l))
-    });
+    }, r = () => {
+      if (t.subtype === "common")
+        return G("div", null, {
+          default: () => o.value?.view.nodeLites.map((l) => s(l))
+        });
+      if (t.subtype === "scene")
+        return G("TresGroup", null, {
+          default: () => o.value?.view.nodeLites.map((l) => s(l))
+        });
+    };
     return (l, c) => (x(), w(r));
   }
 }), Sl = /* @__PURE__ */ C({
@@ -3048,7 +3056,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const { t: n } = qe(), e = ct(), o = t, { node: s } = P(o), r = Qe(), l = oe();
+    const { t: n } = qe(), e = yt(), o = t, { node: s } = P(o), r = Qe(), l = oe();
     $e(l);
     const c = k(() => o.refContext?.compId);
     et(c, l);
@@ -3064,8 +3072,9 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       for (const h of d.value)
         typeof h == "string" && h && p(_, h);
       return _;
-    }), b = (_) => X(Il, {
+    }), b = (_, h) => G(Il, {
       key: _,
+      subtype: h,
       nodeId: o.nodeId,
       refContext: o.refContext,
       refKey: _
@@ -3075,18 +3084,29 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
         return;
       }
       if (Ye(o.refContext, r))
-        return X("div", { id: e.id }, n("x-runtime-lib.circularReference"));
+        return G("div", { id: e.id }, n("x-runtime-lib.circularReference"));
       if (!l.value)
-        return X("div", { id: e.id });
-      if (l.value.type === "common")
-        return X(
+        return G("div", { id: e.id });
+      const _ = l.value.type;
+      if (_ === "common")
+        return G(
           "div",
           {
             id: e.id,
             style: m.value
           },
           {
-            default: () => f.value.map((h) => b(h))
+            default: () => f.value.map((h) => b(h, _))
+          }
+        );
+      if (_ === "scene")
+        return G(
+          "TresGroup",
+          {
+            id: e.id
+          },
+          {
+            default: () => f.value.map((h) => b(h, _))
           }
         );
     };
@@ -3095,12 +3115,13 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
 }), Cl = /* @__PURE__ */ C({
   __name: "entry",
   props: {
+    subtype: {},
     nodeId: {},
     refContext: {},
     refKey: {}
   },
   setup(t) {
-    const n = q(), e = be(), o = k(() => D(e.value));
+    const n = X(), e = be(), o = k(() => D(e.value));
     $e(o), ee(n) && Ke(o, "multipleSlot", t.nodeId, t.refKey, fe());
     const s = (l) => {
       const c = _e[l.key];
@@ -3114,7 +3135,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       return Xe(l.key) && (u.refContext = {
         parent: t.refContext,
         compId: l.compId
-      }), X(
+      }), G(
         c.comp,
         {
           key: l.id,
@@ -3127,9 +3148,16 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
           }
         }
       );
-    }, r = () => X("div", null, {
-      default: () => o.value?.view.nodeLites.map((l) => s(l))
-    });
+    }, r = () => {
+      if (t.subtype === "common")
+        return G("div", null, {
+          default: () => o.value?.view.nodeLites.map((l) => s(l))
+        });
+      if (t.subtype === "scene")
+        return G("TresGroup", null, {
+          default: () => o.value?.view.nodeLites.map((l) => s(l))
+        });
+    };
     return (l, c) => (x(), w(r));
   }
 }), $l = /* @__PURE__ */ C({
@@ -3140,7 +3168,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const { t: n } = qe(), e = ct(), o = t, { node: s } = P(o), r = q(), l = Qe(), c = oe();
+    const { t: n } = qe(), e = yt(), o = t, { node: s } = P(o), r = X(), l = Qe(), c = oe();
     $e(c);
     const u = k(() => o.refContext?.compId);
     et(u, c), ee(r) && Ke(c, "multipleSlot", o.nodeId, "", fe());
@@ -3156,8 +3184,9 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       for (const v of p.value)
         typeof v == "string" && v && f(h, v);
       return h;
-    }), g = (h) => X(Cl, {
+    }), g = (h, v) => G(Cl, {
       key: h,
+      subtype: v,
       nodeId: o.nodeId,
       refContext: o.refContext,
       refKey: h
@@ -3167,18 +3196,29 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
         return;
       }
       if (Ye(o.refContext, l))
-        return X("div", { id: e.id }, n("x-runtime-lib.circularReference"));
+        return G("div", { id: e.id }, n("x-runtime-lib.circularReference"));
       if (!c.value)
-        return X("div", { id: e.id });
-      if (c.value.type === "common")
-        return X(
+        return G("div", { id: e.id });
+      const h = c.value.type;
+      if (h === "common")
+        return G(
           "div",
           {
             id: e.id,
             style: d.value
           },
           {
-            default: () => b.value.map((v) => g(v))
+            default: () => b.value.map((v) => g(v, h))
+          }
+        );
+      if (h === "scene")
+        return G(
+          "TresGroup",
+          {
+            id: e.id
+          },
+          {
+            default: () => b.value.map((v) => g(v, h))
           }
         );
     };
@@ -3192,7 +3232,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const { t: n } = qe(), e = ct(), o = t, { node: s } = P(o), r = q(), l = Qe(), c = oe();
+    const { t: n } = qe(), e = yt(), o = t, { node: s } = P(o), r = X(), l = Qe(), c = oe();
     $e(c);
     const u = k(() => o.refContext?.compId);
     et(u, c), ee(r) && Ke(c, "ref", o.nodeId, "", fe());
@@ -3211,7 +3251,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       return Xe(b.key) && (_.refContext = {
         parent: o.refContext,
         compId: b.compId
-      }), X(
+      }), G(
         g.comp,
         {
           key: b.id,
@@ -3230,11 +3270,12 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
         return;
       }
       if (Ye(o.refContext, l))
-        return X("div", { id: e.id }, n("x-runtime-lib.circularReference"));
+        return G("div", { id: e.id }, n("x-runtime-lib.circularReference"));
       if (!c.value)
-        return X("div", { id: e.id });
-      if (c.value.type === "common")
-        return X(
+        return G("div", { id: e.id });
+      const b = c.value.type;
+      if (b === "common")
+        return G(
           "div",
           {
             id: e.id,
@@ -3244,6 +3285,16 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
             default: () => c.value?.view.nodeLites.map((g) => p(g))
           }
         );
+      if (b === "scene")
+        return G(
+          "TresGroup",
+          {
+            id: e.id
+          },
+          {
+            default: () => c.value?.view.nodeLites.map((g) => p(g))
+          }
+        );
     };
     return (b, g) => (x(), w(f));
   }
@@ -3256,7 +3307,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
   },
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "open"]);
-    return (s, r) => (x(), w(i(G), null, {
+    return (s, r) => (x(), w(i(H), null, {
       default: V(() => [
         i(o) ? K(s.$slots, "default", { key: 0 }) : le("", !0)
       ]),
@@ -3271,7 +3322,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const { t: n } = qe(), e = ct(), o = t, { node: s } = P(o), r = q(), l = Qe(), c = oe();
+    const { t: n } = qe(), e = yt(), o = t, { node: s } = P(o), r = X(), l = Qe(), c = oe();
     $e(c);
     const u = k(() => o.refContext?.compId);
     et(u, c), ee(r) && Ke(c, "slot", o.nodeId, "", fe());
@@ -3291,7 +3342,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       return Xe(b.key) && (_.refContext = {
         parent: o.refContext,
         compId: b.compId
-      }), X(
+      }), G(
         g.comp,
         {
           key: b.id,
@@ -3311,11 +3362,12 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
         return;
       }
       if (Ye(o.refContext, l))
-        return X("div", { id: e.id }, n("x-runtime-lib.circularReference"));
+        return G("div", { id: e.id }, n("x-runtime-lib.circularReference"));
       if (!c.value)
-        return X("div", { id: e.id });
-      if (c.value.type === "common")
-        return X(
+        return G("div", { id: e.id });
+      const b = c.value.type;
+      if (b === "common")
+        return G(
           "div",
           {
             id: e.id,
@@ -3325,6 +3377,15 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
             default: () => c.value?.view.nodeLites.map((g) => p(g))
           }
         );
+      b === "scene" && G(
+        "TresGroup",
+        {
+          id: e.id
+        },
+        {
+          default: () => c.value?.view.nodeLites.map((g) => p(g))
+        }
+      );
     };
     return (b, g) => (x(), w(f));
   }
@@ -3390,7 +3451,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       ]
     }
   ]
-}, zl = D(Z), Te = {
+}, Ll = D(Z), Te = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -3408,7 +3469,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       types: "borderWidthTypesV1",
       default: ""
     },
-    zl,
+    Ll,
     {
       key: "roundRadius",
       name: "x-runtime-lib.roundRadius",
@@ -3444,7 +3505,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       ]
     }
   ]
-}, rt = {
+}, mt = {
   key: "legend",
   name: "x-runtime-lib.legend",
   children: [
@@ -3535,7 +3596,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       default: ""
     }
   ]
-}, J = {
+}, q = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -3582,7 +3643,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       default: ""
     }
   ]
-}, st = {
+}, pt = {
   key: "title",
   name: "x-runtime-lib.title",
   children: [
@@ -3691,7 +3752,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       ]
     }
   ]
-}, lt = {
+}, dt = {
   key: "xAxis",
   name: "x-runtime-lib.xAxis",
   children: [
@@ -3724,7 +3785,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       defaultArray: []
     }
   ]
-}, at = {
+}, ft = {
   key: "yAxis",
   name: "x-runtime-lib.yAxis",
   children: [
@@ -3759,7 +3820,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
   ]
 }, _e = {}, I = (t) => {
   _e[t.key] = t;
-}, gn = {
+}, wn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3806,20 +3867,20 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       default: 2e3
     }
   ]
-}, Ll = {
+}, zl = {
   key: "scene_orthographic_camera_v1",
   name: "x-runtime-lib.orthographicCamera",
   comp: Ni,
   properties: {
-    pageScene: [y, te, gn],
-    compScene: [y, te, gn]
+    pageScene: [y, te, wn],
+    compScene: [y, te, wn]
   },
   events: [],
   methods: [],
   slots: []
 };
-I(Ll);
-const hn = {
+I(zl);
+const In = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3857,8 +3918,8 @@ const hn = {
   name: "x-runtime-lib.perspectiveCamera",
   comp: Gi,
   properties: {
-    pageScene: [y, te, hn],
-    compScene: [y, te, hn]
+    pageScene: [y, te, In],
+    compScene: [y, te, In]
   },
   events: [],
   methods: [],
@@ -3954,7 +4015,7 @@ function Bl(t, n) {
     );
     return;
   }
-  const s = wt.properties[o];
+  const s = Pt.properties[o];
   if (!s) {
     console.error(
       `boxGeometryV1/spawnBoxGeometry properties not found, ${e}`
@@ -3962,7 +4023,7 @@ function Bl(t, n) {
     return;
   }
   const r = E();
-  return M(r, s), r.basic.id = T(16), r.basic.key = wt.key, r.settings = {
+  return M(r, s), r.basic.id = T(16), r.basic.key = Pt.key, r.settings = {
     width: 1,
     height: 1,
     depth: 1,
@@ -3999,7 +4060,7 @@ function Rl(t, n) {
     }
   };
 }
-const _n = {
+const Sn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4043,13 +4104,13 @@ const _n = {
       default: 1
     }
   ]
-}, wt = {
+}, Pt = {
   key: "scene_box_geometry_v1",
   name: "x-runtime-lib.boxGeometry",
   comp: Xi,
   properties: {
-    pageScene: [y, _n],
-    compScene: [y, _n]
+    pageScene: [y, Sn],
+    compScene: [y, Sn]
   },
   events: [],
   methods: [],
@@ -4057,7 +4118,7 @@ const _n = {
   leaf: !0,
   spawn: Wl
 };
-I(wt);
+I(Pt);
 function Kl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -4105,7 +4166,7 @@ function Dl(t, n) {
     );
     return;
   }
-  const s = It.properties[o];
+  const s = Lt.properties[o];
   if (!s) {
     console.error(
       `sphereGeometryV1/spawnSphereGeometry properties not found, ${e}`
@@ -4113,7 +4174,7 @@ function Dl(t, n) {
     return;
   }
   const r = E();
-  return M(r, s), r.basic.id = T(16), r.basic.key = It.key, r.settings = {
+  return M(r, s), r.basic.id = T(16), r.basic.key = Lt.key, r.settings = {
     radius: 1,
     widthSegements: 32,
     heightSegements: 16,
@@ -4151,7 +4212,7 @@ function Ol(t, n) {
     }
   };
 }
-const vn = {
+const Cn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4203,13 +4264,13 @@ const vn = {
       default: 3.141593
     }
   ]
-}, It = {
+}, Lt = {
   key: "scene_sphere_geometry_v1",
   name: "x-runtime-lib.sphereGeometry",
   comp: Zi,
   properties: {
-    pageScene: [y, vn],
-    compScene: [y, vn]
+    pageScene: [y, Cn],
+    compScene: [y, Cn]
   },
   events: [],
   methods: [],
@@ -4217,16 +4278,16 @@ const vn = {
   leaf: !0,
   spawn: Kl
 };
-I(It);
-const mt = D(Z);
-mt.children[0].default = "custom";
-mt.children[2].children[0].default = "0xffffff";
-mt.children[2].children[1].default = "0xffffff";
-const xn = {
+I(Lt);
+const gt = D(Z);
+gt.children[0].default = "custom";
+gt.children[2].children[0].default = "0xffffff";
+gt.children[2].children[1].default = "0xffffff";
+const $n = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    mt,
+    gt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4240,23 +4301,23 @@ const xn = {
   name: "x-runtime-lib.ambientLight",
   comp: er,
   properties: {
-    pageScene: [y, te, xn],
-    compScene: [y, te, xn]
+    pageScene: [y, te, $n],
+    compScene: [y, te, $n]
   },
   events: [],
   methods: [],
   slots: []
 };
 I(Fl);
-const pt = D(Z);
-pt.children[0].default = "custom";
-pt.children[2].children[0].default = "0xffffff";
-pt.children[2].children[1].default = "0xffffff";
-const kn = {
+const ht = D(Z);
+ht.children[0].default = "custom";
+ht.children[2].children[0].default = "0xffffff";
+ht.children[2].children[1].default = "0xffffff";
+const Vn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    pt,
+    ht,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4270,23 +4331,23 @@ const kn = {
   name: "x-runtime-lib.directionalLight",
   comp: nr,
   properties: {
-    pageScene: [y, te, kn],
-    compScene: [y, te, kn]
+    pageScene: [y, te, Vn],
+    compScene: [y, te, Vn]
   },
   events: [],
   methods: [],
   slots: []
 };
 I(Nl);
-const dt = D(Z);
-dt.children[0].default = "custom";
-dt.children[2].children[0].default = "0xffffff";
-dt.children[2].children[1].default = "0xffffff";
-const wn = {
+const _t = D(Z);
+_t.children[0].default = "custom";
+_t.children[2].children[0].default = "0xffffff";
+_t.children[2].children[1].default = "0xffffff";
+const Pn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    dt,
+    _t,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4314,23 +4375,23 @@ const wn = {
   name: "x-runtime-lib.pointLight",
   comp: ir,
   properties: {
-    pageScene: [y, te, wn],
-    compScene: [y, te, wn]
+    pageScene: [y, te, Pn],
+    compScene: [y, te, Pn]
   },
   events: [],
   methods: [],
   slots: []
 };
 I(jl);
-const ft = D(Z);
-ft.children[0].default = "custom";
-ft.children[2].children[0].default = "0xffffff";
-ft.children[2].children[1].default = "0xffffff";
-const In = {
+const vt = D(Z);
+vt.children[0].default = "custom";
+vt.children[2].children[0].default = "0xffffff";
+vt.children[2].children[1].default = "0xffffff";
+const Ln = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    ft,
+    vt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4375,8 +4436,8 @@ const In = {
   name: "x-runtime-lib.spotLight",
   comp: sr,
   properties: {
-    pageScene: [y, te, In],
-    compScene: [y, te, In]
+    pageScene: [y, te, Ln],
+    compScene: [y, te, Ln]
   },
   events: [],
   methods: [],
@@ -4429,13 +4490,13 @@ function Ul(t, n) {
     console.error(`barChartV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = St.properties[o];
+  const s = zt.properties[o];
   if (!s) {
     console.error(`barChartV1/spawn properties not found, ${e}`);
     return;
   }
   const r = E();
-  return M(r, s), r.basic.id = T(16), r.basic.key = St.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
+  return M(r, s), r.basic.id = T(16), r.basic.key = zt.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]
@@ -4447,7 +4508,7 @@ function Ul(t, n) {
     }
   };
 }
-const Sn = {
+const zn = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -4468,31 +4529,31 @@ const Sn = {
   ],
   array: !0,
   defaultArray: []
-}, St = {
+}, zt = {
   key: "common_bar_chart_v1",
   name: "x-runtime-lib.barChart",
   comp: vs,
   properties: {
-    pageCommon: [y, J, st, lt, at, rt, Sn],
-    compCommon: [y, J, st, lt, at, rt, Sn]
+    pageCommon: [y, q, pt, dt, ft, mt, zn],
+    compCommon: [y, q, pt, dt, ft, mt, zn]
   },
   leaf: !0,
   spawn: Ul
 };
-I(St);
+I(zt);
 function Jl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`lineChartV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Ct.properties[o];
+  const s = Tt.properties[o];
   if (!s) {
     console.error(`lineChartV1/spawn properties not found, ${e}`);
     return;
   }
   const r = E();
-  return M(r, s), r.basic.id = T(16), r.basic.key = Ct.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
+  return M(r, s), r.basic.id = T(16), r.basic.key = Tt.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]
@@ -4504,7 +4565,7 @@ function Jl(t, n) {
     }
   };
 }
-const Cn = {
+const Tn = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -4525,19 +4586,19 @@ const Cn = {
   ],
   array: !0,
   defaultArray: []
-}, Ct = {
+}, Tt = {
   key: "common_line_chart_v1",
   name: "x-runtime-lib.lineChart",
   comp: xs,
   properties: {
-    pageCommon: [y, J, st, lt, at, rt, Cn],
-    compCommon: [y, J, st, lt, at, rt, Cn]
+    pageCommon: [y, q, pt, dt, ft, mt, Tn],
+    compCommon: [y, q, pt, dt, ft, mt, Tn]
   },
   leaf: !0,
   spawn: Jl
 };
-I(Ct);
-const $n = {
+I(Tt);
+const En = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4577,8 +4638,8 @@ const $n = {
   name: "x-runtime-lib.badge",
   comp: ks,
   properties: {
-    pageCommon: [y, $n],
-    compCommon: [y, $n]
+    pageCommon: [y, En],
+    compCommon: [y, En]
   }
 };
 I(ql);
@@ -4588,20 +4649,20 @@ function Xl(t, n) {
     console.error(`btnV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = $t.properties[o];
+  const s = Et.properties[o];
   if (!s) {
     console.error(`btnV1/spawn properties not found, ${e}`);
     return;
   }
   const r = E();
-  return M(r, s), r.basic.id = T(16), r.basic.key = $t.key, r.settings.text = "button", {
+  return M(r, s), r.basic.id = T(16), r.basic.key = Et.key, r.settings.text = "button", {
     nodeLite: A(r),
     nodes: {
       [r.basic.id]: r
     }
   };
 }
-const Yl = D(Z), Vn = {
+const Yl = D(Z), An = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4688,13 +4749,13 @@ const Yl = D(Z), Vn = {
       default: !0
     }
   ]
-}, $t = {
+}, Et = {
   key: "common_btn_v1",
   name: "x-runtime-lib.button",
   comp: ws,
   properties: {
-    pageCommon: [y, J, Vn],
-    compCommon: [y, J, Vn]
+    pageCommon: [y, q, An],
+    compCommon: [y, q, An]
   },
   events: [
     {
@@ -4705,7 +4766,7 @@ const Yl = D(Z), Vn = {
   leaf: !0,
   spawn: Xl
 };
-I($t);
+I(Et);
 const Zl = {
   key: "common_btn_group_v1",
   name: "x-runtime-lib.buttonGroup",
@@ -4716,7 +4777,7 @@ const Zl = {
   }
 };
 I(Zl);
-const Pn = {
+const Mn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4782,8 +4843,8 @@ const Pn = {
   name: "x-runtime-lib.buttonToggle",
   comp: $s,
   properties: {
-    pageCommon: [y, Pn],
-    compCommon: [y, Pn]
+    pageCommon: [y, Mn],
+    compCommon: [y, Mn]
   }
 };
 I(Ql);
@@ -4806,7 +4867,7 @@ function ea(t, n) {
     }
   };
 }
-const zn = {
+const Wn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4866,13 +4927,13 @@ const zn = {
   name: "x-runtime-lib.card",
   comp: Vs,
   properties: {
-    pageCommon: [y, J, zn],
-    compCommon: [y, J, zn]
+    pageCommon: [y, q, Wn],
+    compCommon: [y, q, Wn]
   },
   spawn: ea
 };
 I(je);
-const Ln = {
+const Bn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4894,13 +4955,13 @@ const Ln = {
   name: "x-runtime-lib.checkbox",
   comp: Ps,
   properties: {
-    pageCommon: [y, Ln],
-    compCommon: [y, Ln]
+    pageCommon: [y, Bn],
+    compCommon: [y, Bn]
   },
   leaf: !0
 };
 I(ta);
-const na = D(Z), Tn = {
+const na = D(Z), Rn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4975,31 +5036,31 @@ const na = D(Z), Tn = {
     },
     na
   ]
-}, Vt = {
+}, At = {
   key: "common_chip_v1",
   name: "x-runtime-lib.chip",
-  comp: zs,
+  comp: Ls,
   properties: {
-    pageCommon: [y, Tn],
-    compCommon: [y, Tn]
+    pageCommon: [y, Rn],
+    compCommon: [y, Rn]
   },
   leaf: !0
 };
-I(Vt);
+I(At);
 function oa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`chipGroupV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Pt.properties[o];
+  const s = Mt.properties[o];
   if (!s) {
     console.error(`chipGroupV1/spawn properties not found, ${e}`);
     return;
   }
   const r = E();
-  M(r, s), r.basic.id = T(16), r.basic.key = Pt.key;
-  const l = Le(t, n, "chip1", "chip 1"), c = Le(t, n, "chip2", "chip 2"), u = Le(t, n, "chip3", "chip 3"), m = Le(t, n, "chip4", "chip 4"), d = Le(t, n, "chip5", "chip 5"), p = Le(t, n, "chip6", "chip 6");
+  M(r, s), r.basic.id = T(16), r.basic.key = Mt.key;
+  const l = ze(t, n, "chip1", "chip 1"), c = ze(t, n, "chip2", "chip 2"), u = ze(t, n, "chip3", "chip 3"), m = ze(t, n, "chip4", "chip 4"), d = ze(t, n, "chip5", "chip 5"), p = ze(t, n, "chip6", "chip 6");
   return {
     nodeLite: A(r, [
       l.nodeLite,
@@ -5020,26 +5081,26 @@ function oa(t, n) {
     }
   };
 }
-function Le(t, n, e, o) {
+function ze(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, r = B(t, n);
   if (!r) {
     console.error(`chipGroupV1/spawnChip property tag not found, ${s}`);
     return;
   }
-  const l = Vt.properties[r];
+  const l = At.properties[r];
   if (!l) {
     console.error(`chipGroupV1/spawnChip properties not found, ${s}`);
     return;
   }
   const c = E();
-  return M(c, l), c.basic.id = T(16), c.basic.key = Vt.key, c.settings.value = e, c.settings.text = o, {
+  return M(c, l), c.basic.id = T(16), c.basic.key = At.key, c.settings.value = e, c.settings.text = o, {
     nodeLite: A(c),
     nodes: {
       [c.basic.id]: c
     }
   };
 }
-const En = {
+const Kn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5093,17 +5154,17 @@ const En = {
       default: !1
     }
   ]
-}, Pt = {
+}, Mt = {
   key: "common_chip_group_v1",
   name: "x-runtime-lib.chipGroup",
-  comp: Ls,
+  comp: zs,
   properties: {
-    pageCommon: [y, En],
-    compCommon: [y, En]
+    pageCommon: [y, Kn],
+    compCommon: [y, Kn]
   },
   spawn: oa
 };
-I(Pt);
+I(Mt);
 const ia = {
   key: "common_color_picker_v1",
   name: "x-runtime-lib.colorPicker",
@@ -5115,7 +5176,7 @@ const ia = {
   leaf: !0
 };
 I(ia);
-const An = {
+const Dn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5161,26 +5222,26 @@ const An = {
   name: "x-runtime-lib.combobox",
   comp: Es,
   properties: {
-    pageCommon: [y, An],
-    compCommon: [y, An]
+    pageCommon: [y, Dn],
+    compCommon: [y, Dn]
   },
   leaf: !0
 };
 I(ra);
-const rn = D(Z);
-rn.key = "backgroundColor";
-rn.name = "x-runtime-lib.backgroundColor";
-const Mn = {
+const mn = D(Z);
+mn.key = "backgroundColor";
+mn.name = "x-runtime-lib.backgroundColor";
+const On = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [rn]
-}, zt = {
+  children: [mn]
+}, Wt = {
   key: "common_container_v1",
   name: "x-runtime-lib.container",
   comp: As,
   properties: {
-    pageCommon: [y, J, Te, Ee, Ae, Mn],
-    compCommon: [y, J, Te, Ee, Ae, Mn]
+    pageCommon: [y, q, Te, Ee, Ae, On],
+    compCommon: [y, q, Te, Ee, Ae, On]
   },
   events: [
     {
@@ -5189,8 +5250,8 @@ const Mn = {
     }
   ]
 };
-I(zt);
-const Wn = {
+I(Wt);
+const Fn = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -5209,7 +5270,7 @@ const Wn = {
       default: ""
     }
   ]
-}, Bn = {
+}, Nn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5317,7 +5378,7 @@ const Wn = {
       default: !1
     }
   ]
-}, Rn = {
+}, jn = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -5347,8 +5408,8 @@ const Wn = {
   name: "x-runtime-lib.dataTable",
   comp: Ws,
   properties: {
-    pageCommon: [y, Wn, Bn, Rn],
-    compCommon: [y, Wn, Bn, Rn]
+    pageCommon: [y, Fn, Nn, jn],
+    compCommon: [y, Fn, Nn, jn]
   },
   leaf: !0
 };
@@ -5385,7 +5446,7 @@ const aa = {
   teleport: !0
 };
 I(aa);
-const Kn = {
+const Gn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
@@ -5394,11 +5455,11 @@ const Kn = {
   name: "x-runtime-lib.fileInput",
   comp: Ds,
   properties: {
-    pageCommon: [y, Kn],
-    compCommon: [y, Kn]
+    pageCommon: [y, Gn],
+    compCommon: [y, Gn]
   },
   leaf: !0
-}, Dn = {
+}, Hn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5415,16 +5476,16 @@ const Kn = {
       default: !1
     }
   ]
-}, Lt = {
+}, Bt = {
   key: "common_flex_layout_entry_v1",
   name: "x-runtime-lib.flexLayoutEntry",
   comp: Fs,
   properties: {
-    pageCommon: [y, J, Dn],
-    compCommon: [y, J, Dn]
+    pageCommon: [y, q, Hn],
+    compCommon: [y, q, Hn]
   }
 };
-I(Lt);
+I(Bt);
 function ca(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -5438,7 +5499,7 @@ function ca(t, n) {
   }
   const r = E();
   M(r, s), r.basic.id = T(16), r.basic.key = Ge.key;
-  const l = Tt(
+  const l = Rt(
     t,
     n,
     "#ff0000",
@@ -5447,7 +5508,7 @@ function ca(t, n) {
     void 0,
     "40px",
     void 0
-  ), c = Tt(
+  ), c = Rt(
     t,
     n,
     "#00ff00",
@@ -5475,14 +5536,14 @@ function ua(t, n) {
     );
     return;
   }
-  const s = Lt.properties[o];
+  const s = Bt.properties[o];
   if (!s) {
     console.error(`flexLayoutV1/spawnEntry properties not found, ${e}`);
     return;
   }
   const r = E();
-  M(r, s), r.basic.id = T(16), r.basic.key = Lt.key;
-  const l = Tt(
+  M(r, s), r.basic.id = T(16), r.basic.key = Bt.key;
+  const l = Rt(
     t,
     n,
     "#0000ff",
@@ -5500,7 +5561,7 @@ function ua(t, n) {
     }
   };
 }
-function Tt(t, n, e, o, s, r, l, c, u) {
+function Rt(t, n, e, o, s, r, l, c, u) {
   const m = `type=${t} subtype=${n}`, d = B(t, n);
   if (!d) {
     console.error(
@@ -5508,7 +5569,7 @@ function Tt(t, n, e, o, s, r, l, c, u) {
     );
     return;
   }
-  const p = zt.properties[d];
+  const p = Wt.properties[d];
   if (!p) {
     console.error(
       `flexLayoutV1/spawnContainer properties not found, ${m}`
@@ -5516,17 +5577,17 @@ function Tt(t, n, e, o, s, r, l, c, u) {
     return;
   }
   const f = E();
-  return M(f, p), f.basic.id = T(16), f.basic.key = zt.key, o && (f.size.width = o), s && (f.size.minWidth = s), l && (f.size.height = l), c && (f.size.minHeight = c), e && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = e, f.settings.backgroundColor.custom.dark = e), {
+  return M(f, p), f.basic.id = T(16), f.basic.key = Wt.key, o && (f.size.width = o), s && (f.size.minWidth = s), l && (f.size.height = l), c && (f.size.minHeight = c), e && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = e, f.settings.backgroundColor.custom.dark = e), {
     nodeLite: A(f, []),
     nodes: {
       [f.basic.id]: f
     }
   };
 }
-const sn = D(Z);
-sn.key = "backgroundColor";
-sn.name = "x-runtime-lib.backgroundColor";
-const On = {
+const pn = D(Z);
+pn.key = "backgroundColor";
+pn.name = "x-runtime-lib.backgroundColor";
+const Un = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5694,15 +5755,15 @@ const On = {
         }
       ]
     },
-    sn
+    pn
   ]
 }, Ge = {
   key: "common_flex_layout_v1",
   name: "x-runtime-lib.flexLayout",
   comp: Os,
   properties: {
-    pageCommon: [y, J, Te, Ee, Ae, On],
-    compCommon: [y, J, Te, Ee, Ae, On]
+    pageCommon: [y, q, Te, Ee, Ae, Un],
+    compCommon: [y, q, Te, Ee, Ae, Un]
   },
   events: [
     {
@@ -5713,7 +5774,7 @@ const On = {
   spawn: ca
 };
 I(Ge);
-const Fn = {
+const Jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5834,7 +5895,7 @@ const Fn = {
       default: ""
     }
   ]
-}, Nn = {
+}, qn = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -5863,13 +5924,13 @@ const Fn = {
       default: void 0
     }
   ]
-}, Et = {
+}, Kt = {
   key: "common_text_field_v1",
   name: "x-runtime-lib.textField",
   comp: yl,
   properties: {
-    pageCommon: [y, Fn, Nn],
-    compCommon: [y, Fn, Nn]
+    pageCommon: [y, Jn, qn],
+    compCommon: [y, Jn, qn]
   },
   events: [],
   methods: [],
@@ -5893,20 +5954,20 @@ const Fn = {
   ],
   leaf: !0
 };
-I(Et);
+I(Kt);
 function ma(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`formV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = At.properties[o];
+  const s = Dt.properties[o];
   if (!s) {
     console.error(`formV1/spawn properties not found, ${e}`);
     return;
   }
   const r = E();
-  M(r, s), r.basic.id = T(16), r.basic.key = At.key;
+  M(r, s), r.basic.id = T(16), r.basic.key = Dt.key;
   const l = pa(t, n);
   return {
     nodeLite: A(r, [l.nodeLite]),
@@ -5922,20 +5983,20 @@ function pa(t, n) {
     console.error(`formV1/spawnTextField property tag not found, ${e}`);
     return;
   }
-  const s = Et.properties[o];
+  const s = Kt.properties[o];
   if (!s) {
     console.error(`formV1/spawnTextField properties not found, ${e}`);
     return;
   }
   const r = E();
-  return M(r, s), r.basic.id = T(16), r.basic.key = Et.key, {
+  return M(r, s), r.basic.id = T(16), r.basic.key = Kt.key, {
     nodeLite: A(r),
     nodes: {
       [r.basic.id]: r
     }
   };
 }
-const jn = {
+const Xn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5953,13 +6014,13 @@ const jn = {
       default: !1
     }
   ]
-}, At = {
+}, Dt = {
   key: "common_form_v1",
   name: "x-runtime-lib.form",
   comp: Ns,
   properties: {
-    pageCommon: [y, J, Te, Ee, Ae, jn],
-    compCommon: [y, J, Te, Ee, Ae, jn]
+    pageCommon: [y, q, Te, Ee, Ae, Xn],
+    compCommon: [y, q, Te, Ee, Ae, Xn]
   },
   events: [
     {
@@ -5969,8 +6030,8 @@ const jn = {
   ],
   spawn: ma
 };
-I(At);
-const da = D(Z), Gn = {
+I(Dt);
+const da = D(Z), Yn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6000,8 +6061,8 @@ const da = D(Z), Gn = {
   name: "x-runtime-lib.icon",
   comp: js,
   properties: {
-    pageCommon: [y, Gn],
-    compCommon: [y, Gn]
+    pageCommon: [y, Yn],
+    compCommon: [y, Yn]
   },
   leaf: !0
 };
@@ -6033,20 +6094,20 @@ function ba(t, n) {
     console.error(`numberInputV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Mt.properties[o];
+  const s = Ot.properties[o];
   if (!s) {
     console.error(`numberInputV1/spawn properties not found, ${e}`);
     return;
   }
   const r = E();
-  return M(r, s), r.basic.id = T(16), r.basic.key = Mt.key, r.settings.label = "label", r.settings.placeholder = "placeholder", {
+  return M(r, s), r.basic.id = T(16), r.basic.key = Ot.key, r.settings.label = "label", r.settings.placeholder = "placeholder", {
     nodeLite: A(r),
     nodes: {
       [r.basic.id]: r
     }
   };
 }
-const Hn = {
+const Zn = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -6072,7 +6133,7 @@ const Hn = {
       default: ""
     }
   ]
-}, Un = {
+}, Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6213,13 +6274,13 @@ const Hn = {
       ]
     }
   ]
-}, Mt = {
+}, Ot = {
   key: "common_number_input_v1",
   name: "x-runtime-lib.numberInput",
   comp: Us,
   properties: {
-    pageCommon: [y, Hn, Un],
-    compCommon: [y, Hn, Un]
+    pageCommon: [y, Zn, Qn],
+    compCommon: [y, Zn, Qn]
   },
   events: [
     {
@@ -6246,8 +6307,8 @@ const Hn = {
   leaf: !0,
   spawn: ba
 };
-I(Mt);
-const Jn = {
+I(Ot);
+const eo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6315,13 +6376,13 @@ const Jn = {
   name: "x-runtime-lib.pagination",
   comp: Js,
   properties: {
-    pageCommon: [y, Jn],
-    compCommon: [y, Jn]
+    pageCommon: [y, eo],
+    compCommon: [y, eo]
   },
   leaf: !0
 };
 I(ga);
-const ha = D(Z), qn = {
+const ha = D(Z), to = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6358,31 +6419,31 @@ const ha = D(Z), qn = {
     },
     ha
   ]
-}, Wt = {
+}, Ft = {
   key: "common_radio_v1",
   name: "x-runtime-lib.radio",
   comp: qs,
   properties: {
-    pageCommon: [y, qn],
-    compCommon: [y, qn]
+    pageCommon: [y, to],
+    compCommon: [y, to]
   },
   leaf: !0
 };
-I(Wt);
+I(Ft);
 function _a(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`radioGroupV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Bt.properties[o];
+  const s = Nt.properties[o];
   if (!s) {
     console.error(`radioGroupV1/spawn properties not found, ${e}`);
     return;
   }
   const r = E();
-  M(r, s), r.basic.id = T(16), r.basic.key = Bt.key, r.settings.value = "option1";
-  const l = gt(t, n, "option1", "Option 1"), c = gt(t, n, "option2", "Option 2"), u = gt(t, n, "option3", "Option 3");
+  M(r, s), r.basic.id = T(16), r.basic.key = Nt.key, r.settings.value = "option1";
+  const l = wt(t, n, "option1", "Option 1"), c = wt(t, n, "option2", "Option 2"), u = wt(t, n, "option3", "Option 3");
   return {
     nodeLite: A(r, [
       l.nodeLite,
@@ -6397,7 +6458,7 @@ function _a(t, n) {
     }
   };
 }
-function gt(t, n, e, o) {
+function wt(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, r = B(t, n);
   if (!r) {
     console.error(
@@ -6405,20 +6466,20 @@ function gt(t, n, e, o) {
     );
     return;
   }
-  const l = Wt.properties[r];
+  const l = Ft.properties[r];
   if (!l) {
     console.error(`radioGroupV1/spawnEntry properties not found, ${s}`);
     return;
   }
   const c = E();
-  return M(c, l), c.basic.id = T(16), c.basic.key = Wt.key, c.settings.value = e, c.settings.label = o, {
+  return M(c, l), c.basic.id = T(16), c.basic.key = Ft.key, c.settings.value = e, c.settings.label = o, {
     nodeLite: A(c),
     nodes: {
       [c.basic.id]: c
     }
   };
 }
-const Xn = {
+const no = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6461,18 +6522,18 @@ const Xn = {
       default: !1
     }
   ]
-}, Bt = {
+}, Nt = {
   key: "common_radio_group_v1",
   name: "x-runtime-lib.radioGroup",
   comp: Xs,
   properties: {
-    pageCommon: [y, Xn],
-    compCommon: [y, Xn]
+    pageCommon: [y, no],
+    compCommon: [y, no]
   },
   spawn: _a
 };
-I(Bt);
-const Yn = {
+I(Nt);
+const oo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6594,13 +6655,13 @@ const Yn = {
   name: "x-runtime-lib.rangeSlider",
   comp: Ys,
   properties: {
-    pageCommon: [y, Yn],
-    compCommon: [y, Yn]
+    pageCommon: [y, oo],
+    compCommon: [y, oo]
   },
   leaf: !0
 };
 I(va);
-const Zn = {
+const io = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6660,13 +6721,13 @@ const Zn = {
   name: "x-runtime-lib.rating",
   comp: Zs,
   properties: {
-    pageCommon: [y, Zn],
-    compCommon: [y, Zn]
+    pageCommon: [y, io],
+    compCommon: [y, io]
   },
   leaf: !0
 };
 I(xa);
-const Qn = {
+const ro = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6712,22 +6773,22 @@ const Qn = {
   name: "x-runtime-lib.select",
   comp: Qs,
   properties: {
-    pageCommon: [y, Qn],
-    compCommon: [y, Qn]
+    pageCommon: [y, ro],
+    compCommon: [y, ro]
   },
   leaf: !0
 };
 I(ka);
-const ln = D(Z);
-ln.key = "color";
-ln.name = "x-runtime-lib.color";
-const an = D(Z);
-an.key = "trackColor";
-an.name = "x-runtime-lib.trackColor";
-const cn = D(Z);
-cn.key = "thumbColor";
-cn.name = "x-runtime-lib.thumbColor";
-const eo = {
+const dn = D(Z);
+dn.key = "color";
+dn.name = "x-runtime-lib.color";
+const fn = D(Z);
+fn.key = "trackColor";
+fn.name = "x-runtime-lib.trackColor";
+const yn = D(Z);
+yn.key = "thumbColor";
+yn.name = "x-runtime-lib.thumbColor";
+const so = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6832,11 +6893,11 @@ const eo = {
       ui: "switch",
       default: !1
     },
-    ln,
-    an,
-    cn
+    dn,
+    fn,
+    yn
   ]
-}, to = {
+}, lo = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -6858,13 +6919,13 @@ const eo = {
   name: "x-runtime-lib.slider",
   comp: el,
   properties: {
-    pageCommon: [y, eo, to],
-    compCommon: [y, eo, to]
+    pageCommon: [y, so, lo],
+    compCommon: [y, so, lo]
   },
   leaf: !0
 };
 I(wa);
-const Rt = {
+const jt = {
   key: "common_stepper_header_v1",
   name: "x-runtime-lib.stepperHeader",
   comp: il,
@@ -6873,8 +6934,8 @@ const Rt = {
     compCommon: [y]
   }
 };
-I(Rt);
-const no = {
+I(jt);
+const ao = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6885,17 +6946,17 @@ const no = {
       default: ""
     }
   ]
-}, Kt = {
+}, Gt = {
   key: "common_stepper_item_v1",
   name: "x-runtime-lib.stepperItem",
   comp: rl,
   properties: {
-    pageCommon: [y, no],
-    compCommon: [y, no]
+    pageCommon: [y, ao],
+    compCommon: [y, ao]
   }
 };
-I(Kt);
-const Dt = {
+I(Gt);
+const Ht = {
   key: "common_stepper_window_v1",
   name: "x-runtime-lib.stepperWindow",
   comp: al,
@@ -6904,8 +6965,8 @@ const Dt = {
     compCommon: [y]
   }
 };
-I(Dt);
-const oo = {
+I(Ht);
+const co = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6916,29 +6977,29 @@ const oo = {
       default: ""
     }
   ]
-}, Ot = {
+}, Ut = {
   key: "common_stepper_window_item_v1",
   name: "x-runtime-lib.stepperWindowItem",
   comp: cl,
   properties: {
-    pageCommon: [y, oo],
-    compCommon: [y, oo]
+    pageCommon: [y, co],
+    compCommon: [y, co]
   }
 };
-I(Ot);
+I(Ut);
 function Ia(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 = Ft.properties[o];
+  const s = Jt.properties[o];
   if (!s) {
     console.error(`stepperV1/spawn properties not found, ${e}`);
     return;
   }
   const r = E();
-  M(r, s), r.basic.id = T(16), r.basic.key = Ft.key;
+  M(r, s), r.basic.id = T(16), r.basic.key = Jt.key;
   const l = Sa(t, n), c = Ca(t, n);
   return {
     nodeLite: A(r, [l.nodeLite, c.nodeLite]),
@@ -6955,14 +7016,14 @@ function Sa(t, n) {
     console.error(`stepperV1/spawnHeader property tag not found, ${e}`);
     return;
   }
-  const s = Rt.properties[o];
+  const s = jt.properties[o];
   if (!s) {
     console.error(`stepperV1/spawnHeader properties not found, ${e}`);
     return;
   }
   const r = E();
-  M(r, s), r.basic.id = T(16), r.basic.key = Rt.key;
-  const l = ht(t, n, "step1"), c = ht(t, n, "step2"), u = ht(t, n, "step3");
+  M(r, s), r.basic.id = T(16), r.basic.key = jt.key;
+  const l = It(t, n, "step1"), c = It(t, n, "step2"), u = It(t, n, "step3");
   return {
     nodeLite: A(r, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
@@ -6973,19 +7034,19 @@ function Sa(t, n) {
     }
   };
 }
-function ht(t, n, e) {
+function It(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`stepperV1/spawnItem property tag not found, ${o}`);
     return;
   }
-  const r = Kt.properties[s];
+  const r = Gt.properties[s];
   if (!r) {
     console.error(`stepperV1/spawnItem properties not found, ${o}`);
     return;
   }
   const l = E();
-  return M(l, r), l.basic.id = T(16), l.basic.key = Kt.key, l.settings.value = e, {
+  return M(l, r), l.basic.id = T(16), l.basic.key = Gt.key, l.settings.value = e, {
     nodeLite: A(l, []),
     nodes: {
       [l.basic.id]: l
@@ -6998,14 +7059,14 @@ function Ca(t, n) {
     console.error(`stepperV1/spawnWindow property tag not found, ${e}`);
     return;
   }
-  const s = Dt.properties[o];
+  const s = Ht.properties[o];
   if (!s) {
     console.error(`stepperV1/spawnWindow properties not found, ${e}`);
     return;
   }
   const r = E();
-  M(r, s), r.basic.id = T(16), r.basic.key = Dt.key;
-  const l = _t(t, n, "step1", "step 1"), c = _t(t, n, "step2", "step 2"), u = _t(t, n, "step3", "step 3");
+  M(r, s), r.basic.id = T(16), r.basic.key = Ht.key;
+  const l = St(t, n, "step1", "step 1"), c = St(t, n, "step2", "step 2"), u = St(t, n, "step3", "step 3");
   return {
     nodeLite: A(r, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
@@ -7016,7 +7077,7 @@ function Ca(t, n) {
     }
   };
 }
-function _t(t, n, e, o) {
+function St(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, r = B(t, n);
   if (!r) {
     console.error(
@@ -7024,7 +7085,7 @@ function _t(t, n, e, o) {
     );
     return;
   }
-  const l = Ot.properties[r];
+  const l = Ut.properties[r];
   if (!l) {
     console.error(
       `stepperV1/spawnWindowItem properties not found, ${s}`
@@ -7032,7 +7093,7 @@ function _t(t, n, e, o) {
     return;
   }
   const c = E();
-  M(c, l), c.basic.id = T(16), c.basic.key = Ot.key, c.settings.value = e;
+  M(c, l), c.basic.id = T(16), c.basic.key = Ut.key, c.settings.value = e;
   const u = $a(t, n, o);
   return {
     nodeLite: A(c, [u.nodeLite]),
@@ -7061,7 +7122,7 @@ function $a(t, n, e) {
     }
   };
 }
-const io = {
+const uo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7078,17 +7139,17 @@ const io = {
       default: !1
     }
   ]
-}, Ft = {
+}, Jt = {
   key: "common_stepper_v1",
   name: "x-runtime-lib.stepper",
   comp: tl,
   properties: {
-    pageCommon: [y, io],
-    compCommon: [y, io]
+    pageCommon: [y, uo],
+    compCommon: [y, uo]
   },
   spawn: Ia
 };
-I(Ft);
+I(Jt);
 const Va = {
   key: "common_switch_v1",
   name: "x-runtime-lib.switch",
@@ -7100,7 +7161,7 @@ const Va = {
   leaf: !0
 };
 I(Va);
-const ro = {
+const mo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7117,31 +7178,31 @@ const ro = {
       default: ""
     }
   ]
-}, Nt = {
+}, qt = {
   key: "common_tab_v1",
   name: "x-runtime-lib.tab",
   comp: ml,
   properties: {
-    pageCommon: [y, ro],
-    compCommon: [y, ro]
+    pageCommon: [y, mo],
+    compCommon: [y, mo]
   },
   leaf: !0
 };
-I(Nt);
+I(qt);
 function Pa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`tabsV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = jt.properties[o];
+  const s = Xt.properties[o];
   if (!s) {
     console.error(`tabsV1/spawn properties not found, ${e}`);
     return;
   }
   const r = E();
-  M(r, s), r.basic.id = T(16), r.basic.key = jt.key;
-  const l = vt(t, n, "tab1", "tab 1"), c = vt(t, n, "tab2", "tab 2"), u = vt(t, n, "tab3", "tab 3");
+  M(r, s), r.basic.id = T(16), r.basic.key = Xt.key;
+  const l = Ct(t, n, "tab1", "tab 1"), c = Ct(t, n, "tab2", "tab 2"), u = Ct(t, n, "tab3", "tab 3");
   return {
     nodeLite: A(r, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
@@ -7152,35 +7213,35 @@ function Pa(t, n) {
     }
   };
 }
-function vt(t, n, e, o) {
+function Ct(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, r = B(t, n);
   if (!r) {
     console.error(`tabsV1/spawnTab property tag not found, ${s}`);
     return;
   }
-  const l = Nt.properties[r];
+  const l = qt.properties[r];
   if (!l) {
     console.error(`tabsV1/spawnTab properties not found, ${s}`);
     return;
   }
   const c = E();
-  return M(c, l), c.basic.id = T(16), c.basic.key = Nt.key, c.settings.value = e, c.settings.text = o, {
+  return M(c, l), c.basic.id = T(16), c.basic.key = qt.key, c.settings.value = e, c.settings.text = o, {
     nodeLite: A(c),
     nodes: {
       [c.basic.id]: c
     }
   };
 }
-const un = D(Z);
-un.key = "backgroundColor";
-un.name = "x-runtime-lib.backgroundColor";
-const mn = D(Z);
-mn.key = "selectedColor";
-mn.name = "x-runtime-lib.selectedColor";
-const pn = D(Z);
-pn.key = "sliderColor";
-pn.name = "x-runtime-lib.sliderColor";
-const so = {
+const bn = D(Z);
+bn.key = "backgroundColor";
+bn.name = "x-runtime-lib.backgroundColor";
+const gn = D(Z);
+gn.key = "selectedColor";
+gn.name = "x-runtime-lib.selectedColor";
+const hn = D(Z);
+hn.key = "sliderColor";
+hn.name = "x-runtime-lib.sliderColor";
+const po = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7256,21 +7317,21 @@ const so = {
     {
       key: "color",
       name: "x-runtime-lib.color",
-      children: [un, mn, pn]
+      children: [bn, gn, hn]
     }
   ]
-}, jt = {
+}, Xt = {
   key: "common_tabs_v1",
   name: "x-runtime-lib.tabs",
   comp: pl,
   properties: {
-    pageCommon: [y, so],
-    compCommon: [y, so]
+    pageCommon: [y, po],
+    compCommon: [y, po]
   },
   spawn: Pa
 };
-I(jt);
-function za(t, n) {
+I(Xt);
+function La(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`textV1/spawn property tag not found, ${e}`);
@@ -7289,7 +7350,7 @@ function za(t, n) {
     }
   };
 }
-const lo = {
+const fo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7380,33 +7441,33 @@ const lo = {
   name: "x-runtime-lib.text",
   comp: dl,
   properties: {
-    pageCommon: [y, lo],
-    compCommon: [y, lo]
+    pageCommon: [y, fo],
+    compCommon: [y, fo]
   },
   leaf: !0,
-  spawn: za
+  spawn: La
 };
 I(Se);
-function La(t, n) {
+function za(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`textareaV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Gt.properties[o];
+  const s = Yt.properties[o];
   if (!s) {
     console.error(`textareaV1/spawn properties not found, ${e}`);
     return;
   }
   const r = E();
-  return M(r, s), r.basic.id = T(16), r.basic.key = Gt.key, r.settings.label = "label", {
+  return M(r, s), r.basic.id = T(16), r.basic.key = Yt.key, r.settings.label = "label", {
     nodeLite: A(r),
     nodes: {
       [r.basic.id]: r
     }
   };
 }
-const ao = {
+const yo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7477,19 +7538,19 @@ const ao = {
       default: 0
     }
   ]
-}, Gt = {
+}, Yt = {
   key: "common_textarea_v1",
   name: "x-runtime-lib.textarea",
   comp: fl,
   properties: {
-    pageCommon: [y, ao],
-    compCommon: [y, ao]
+    pageCommon: [y, yo],
+    compCommon: [y, yo]
   },
   leaf: !0,
-  spawn: La
+  spawn: za
 };
-I(Gt);
-const Ht = {
+I(Yt);
+const Zt = {
   key: "common_timeline_item_v1",
   name: "x-runtime-lib.timelineItem",
   comp: _l,
@@ -7498,21 +7559,21 @@ const Ht = {
     compCommon: [y]
   }
 };
-I(Ht);
+I(Zt);
 function Ta(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`timelineV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Ut.properties[o];
+  const s = Qt.properties[o];
   if (!s) {
     console.error(`timelineV1/spawn properties not found, ${e}`);
     return;
   }
   const r = E();
-  M(r, s), r.basic.id = T(16), r.basic.key = Ut.key;
-  const l = xt(t, n, "timeline 1"), c = xt(t, n, "timeline 2"), u = xt(t, n, "timeline 3");
+  M(r, s), r.basic.id = T(16), r.basic.key = Qt.key;
+  const l = $t(t, n, "timeline 1"), c = $t(t, n, "timeline 2"), u = $t(t, n, "timeline 3");
   return {
     nodeLite: A(r, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
@@ -7523,19 +7584,19 @@ function Ta(t, n) {
     }
   };
 }
-function xt(t, n, e) {
+function $t(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`timelineV1/spawnEntry property tag not found, ${o}`);
     return;
   }
-  const r = Ht.properties[s];
+  const r = Zt.properties[s];
   if (!r) {
     console.error(`timelineV1/spawnEntry properties not found, ${o}`);
     return;
   }
   const l = E();
-  M(l, r), l.basic.id = T(16), l.basic.key = Ht.key;
+  M(l, r), l.basic.id = T(16), l.basic.key = Zt.key;
   const c = Ea(t, n, e);
   return {
     nodeLite: A(l, [c.nodeLite]),
@@ -7564,7 +7625,7 @@ function Ea(t, n, e) {
     }
   };
 }
-const Aa = D(Z), Ma = D(Z), co = {
+const Aa = D(Z), Ma = D(Z), bo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7642,18 +7703,18 @@ const Aa = D(Z), Ma = D(Z), co = {
       ]
     }
   ]
-}, Ut = {
+}, Qt = {
   key: "common_timeline_v1",
   name: "x-runtime-lib.timeline",
   comp: bl,
   properties: {
-    pageCommon: [y, co],
-    compCommon: [y, co]
+    pageCommon: [y, bo],
+    compCommon: [y, bo]
   },
   spawn: Ta
 };
-I(Ut);
-const Jt = {
+I(Qt);
+const en = {
   key: "common_window_item_v1",
   name: "x-runtime-lib.windowItem",
   comp: wl,
@@ -7662,21 +7723,21 @@ const Jt = {
     compCommon: [y]
   }
 };
-I(Jt);
+I(en);
 function Wa(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 = qt.properties[o];
+  const s = tn.properties[o];
   if (!s) {
     console.error(`windowV1/spawn properties not found, ${e}`);
     return;
   }
   const r = E();
-  M(r, s), r.basic.id = T(16), r.basic.key = qt.key;
-  const l = kt(t, n, "window 1"), c = kt(t, n, "window 2"), u = kt(t, n, "window 3");
+  M(r, s), r.basic.id = T(16), r.basic.key = tn.key;
+  const l = Vt(t, n, "window 1"), c = Vt(t, n, "window 2"), u = Vt(t, n, "window 3");
   return {
     nodeLite: A(r, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
@@ -7687,19 +7748,19 @@ function Wa(t, n) {
     }
   };
 }
-function kt(t, n, e) {
+function Vt(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`windowV1/spawnEntry property tag not found, ${o}`);
     return;
   }
-  const r = Jt.properties[s];
+  const r = en.properties[s];
   if (!r) {
     console.error(`windowV1/spawnEntry properties not found, ${o}`);
     return;
   }
   const l = E();
-  M(l, r), l.basic.id = T(16), l.basic.key = Jt.key;
+  M(l, r), l.basic.id = T(16), l.basic.key = en.key;
   const c = Ba(t, n, e);
   return {
     nodeLite: A(l, [c.nodeLite]),
@@ -7752,7 +7813,7 @@ function Ra(t, n, e) {
     }
   };
 }
-const uo = {
+const go = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7800,18 +7861,18 @@ const uo = {
       default: !1
     }
   ]
-}, qt = {
+}, tn = {
   key: "common_window_v1",
   name: "x-runtime-lib.window",
   comp: vl,
   properties: {
-    pageCommon: [y, uo],
-    compCommon: [y, uo]
+    pageCommon: [y, go],
+    compCommon: [y, go]
   },
   spawn: Wa
 };
-I(qt);
-const mo = {
+I(tn);
+const nt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7822,7 +7883,7 @@ const mo = {
       default: void 0
     }
   ]
-}, po = {
+}, ot = {
   key: "instances",
   name: "x-runtime-lib.instances",
   ui: "strInput",
@@ -7834,13 +7895,15 @@ const mo = {
   name: "x-runtime-lib.multipleRef",
   comp: Sl,
   properties: {
-    pageCommon: [y, J, mo, po],
-    compCommon: [y, J, mo, po]
+    pageCommon: [y, q, nt, ot],
+    compCommon: [y, q, nt, ot],
+    pageScene: [y, nt, ot],
+    compScene: [y, nt, ot]
   },
   leaf: !0
 };
 I(Ka);
-const fo = {
+const it = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7857,7 +7920,7 @@ const fo = {
       default: void 0
     }
   ]
-}, yo = {
+}, rt = {
   key: "instances",
   name: "x-runtime-lib.instances",
   ui: "strInput",
@@ -7869,13 +7932,15 @@ const fo = {
   name: "x-runtime-lib.multipleSlot",
   comp: $l,
   properties: {
-    pageCommon: [y, J, fo, yo],
-    compCommon: [y, J, fo, yo]
+    pageCommon: [y, q, it, rt],
+    compCommon: [y, q, it, rt],
+    pageScene: [y, it, rt],
+    compScene: [y, it, rt]
   },
   leaf: !0
 };
 I(Da);
-const bo = {
+const st = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7891,13 +7956,15 @@ const bo = {
   name: "x-runtime-lib.reference",
   comp: Vl,
   properties: {
-    pageCommon: [y, J, bo],
-    compCommon: [y, J, bo]
+    pageCommon: [y, q, st],
+    compCommon: [y, q, st],
+    pageScene: [y, st],
+    compScene: [y, st]
   },
   leaf: !0
 };
 I(Oa);
-const go = {
+const ho = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7913,12 +7980,12 @@ const go = {
   name: "x-runtime-lib.renderSwitch",
   comp: Pl,
   properties: {
-    pageCommon: [y, go],
-    compCommon: [y, go]
+    pageCommon: [y, ho],
+    compCommon: [y, ho]
   }
 };
 I(Fa);
-const ho = {
+const lt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7940,8 +8007,10 @@ const ho = {
   name: "x-runtime-lib.slot",
   comp: we,
   properties: {
-    pageCommon: [y, J, ho],
-    compCommon: [y, J, ho]
+    pageCommon: [y, q, lt],
+    compCommon: [y, q, lt],
+    pageScene: [y, lt],
+    compScene: [y, lt]
   },
   leaf: !0
 };
@@ -8221,7 +8290,7 @@ const Za = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: ut,
+    validator: bt,
     default: "0px",
     precision: 0,
     min: 0,
@@ -8269,14 +8338,14 @@ const Za = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: ut,
+    validator: bt,
     default: "0px"
   },
   {
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Zt,
+    validator: rn,
     precision: 6,
     default: "0%"
   }
@@ -8292,7 +8361,7 @@ const Za = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: ut,
+    validator: bt,
     min: 0,
     default: "0px"
   },
@@ -8300,7 +8369,7 @@ const Za = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Zt,
+    validator: rn,
     precision: 6,
     min: 0,
     default: "0%"
@@ -8317,7 +8386,7 @@ const Za = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: ut,
+    validator: bt,
     min: 0,
     default: "0px"
   },
@@ -8325,7 +8394,7 @@ const Za = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Zt,
+    validator: rn,
     precision: 6,
     min: 0,
     default: "0%"
@@ -8359,7 +8428,7 @@ const Za = [
     validator: (t) => t === "end",
     default: "end"
   }
-], zc = [
+], Lc = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -8381,7 +8450,7 @@ const Za = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], Lc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], zc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   borderWidthTypesV1: Ic,
   leftRightTypesV1: Sc,
@@ -8389,7 +8458,7 @@ const Za = [
   paddingTypesV1: $c,
   sizeTypesV1: Vc,
   tableColumnAlignTypesV1: Pc,
-  topBottomTypesV1: zc
+  topBottomTypesV1: Lc
 }, Symbol.toStringTag, { value: "Module" })), Tc = [
   {
     key: "containment",
@@ -8657,7 +8726,7 @@ const Za = [
   globalityKey: "globality_v1",
   refKey: "ref_v1",
   items: { ...wc },
-  types: { ...Lc },
+  types: { ...zc },
   elements: /* @__PURE__ */ new Set([
     "globality_v1",
     "multiple_ref_v1",
@@ -8881,20 +8950,20 @@ function Pu(t) {
 function Dc() {
   return me(Fo);
 }
-function zu(t) {
+function Lu(t) {
   pe(No, t);
 }
-function q() {
+function X() {
   return me(No);
 }
-function Lu(t) {
-  pe(jo, Yt(t));
+function zu(t) {
+  pe(jo, on(t));
 }
 function Re() {
   return me(jo);
 }
 function Tu(t) {
-  pe(Go, Yt(t));
+  pe(Go, on(t));
 }
 function Ze() {
   return me(Go);
@@ -8918,7 +8987,7 @@ function be() {
   return me(Jo);
 }
 function Mu(t) {
-  pe(qo, Yt(t));
+  pe(qo, on(t));
 }
 function Oc() {
   return me(qo);
@@ -8939,7 +9008,7 @@ function Oe(t) {
   const n = [t.type];
   return t.type === "elementProperty" ? n.push(t.nodeId, t.propertyKeys) : t.type === "customProperty" || t.type === "adaptSlotProperty" ? n.push(t.propertyId) : t.type === "state" ? n.push(t.stateId) : console.assert(!1), n.join("/");
 }
-function nt(t, n, e, o, s) {
+function at(t, n, e, o, s) {
   const { watchEffect: r, bind: l } = n;
   if (r[e])
     for (const c of r[e]) {
@@ -8995,7 +9064,7 @@ function nt(t, n, e, o, s) {
           if (se(d, b))
             continue;
           const g = D(f);
-          Qt(g, p.subKeys, D(d)), p.type === "elementProperty" ? t.setElementProperty(
+          sn(g, p.subKeys, D(d)), p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
             p.propertyKeys.split("."),
             g
@@ -9262,7 +9331,7 @@ function Hc(t) {
         } catch (c) {
           var u = c, m = !0;
         } finally {
-          ze(l, u, m);
+          Le(l, u, m);
         }
       }
     }, r);
@@ -9277,7 +9346,7 @@ const Qo = ai({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: n } = Ie;
-    Po(Li(n, t));
+    Po(zi(n, t));
   }
 });
 window.API_URL && (Qo.defaults.baseURL = window.API_URL + "/computebase/");
@@ -9330,7 +9399,7 @@ function Xc(t) {
       } catch (u) {
         var m = u, d = !0;
       } finally {
-        ze(c, m, d);
+        Le(c, m, d);
       }
     }
     const s = n.getString(e), { kind: r, eventKey: l } = Gc(s);
@@ -9346,7 +9415,7 @@ function Xc(t) {
           } catch (f) {
             var b = f, g = !0;
           } finally {
-            ze(p, b, g);
+            Le(p, b, g);
           }
         }
         {
@@ -9359,13 +9428,13 @@ function Xc(t) {
           } catch (h) {
             var v = h, S = !0;
           } finally {
-            ze(_, v, S);
+            Le(_, v, S);
           }
         }
-      } catch (z) {
-        var R = z, O = !0;
+      } catch (L) {
+        var R = L, O = !0;
       } finally {
-        ze($, R, O);
+        Le($, R, O);
       }
     }
   }).consume((e) => n.setProp(n.global, "__triggerEventV1__", e)), n.newFunction("__getPropertyV1__", (e, o) => {
@@ -9631,7 +9700,7 @@ class eu {
       return;
     }
     const r = ke(s, e);
-    se(o, r) || (Qt(s, e, o), this.hooks?.onElementPropertyChange(
+    se(o, r) || (sn(s, e, o), this.hooks?.onElementPropertyChange(
       s.basic.id,
       e,
       o,
@@ -9712,28 +9781,28 @@ class eu {
   }
 }
 function Ke(t, n, e, o, s) {
-  const r = Kc(), l = Dc(), c = q(), u = xe(), m = Re(), d = Ze(), p = Fc(), f = (S, $, z, R) => {
+  const r = Kc(), l = Dc(), c = X(), u = xe(), m = Re(), d = Ze(), p = Fc(), f = (S, $, L, R) => {
     if (ee(c)) {
       if (se($, ["settings", "slot"])) {
         const O = t.value?.view.nodeLites.find(
           (N) => N.id === S
         );
-        O ? O.slotId = z : console.assert(!1);
+        O ? O.slotId = L : console.assert(!1);
       }
       if (se($, ["settings", "comp"])) {
         const O = t.value?.view.nodeLites.find(
           (N) => N.id === S
         );
-        O ? O.compId = z : console.assert(!1);
+        O ? O.compId = L : console.assert(!1);
       }
       if (v.callFunction(
         "__triggerEventV1__",
         re("elementPropertyChangeEvent", S, $.join(".")),
-        z,
-        R ?? z
+        L,
+        R ?? L
       ), t.value?.code.reactivity) {
         let O = "";
-        $ instanceof Array ? O = $.join(".") : O = $, nt(
+        $ instanceof Array ? O = $.join(".") : O = $, at(
           v,
           t.value.code.reactivity,
           Oe({
@@ -9741,56 +9810,56 @@ function Ke(t, n, e, o, s) {
             nodeId: S,
             propertyKeys: O
           }),
-          z,
+          L,
           R
         );
       }
     }
-  }, b = (S, $, z) => {
+  }, b = (S, $, L) => {
     ee(c) && (v.callFunction(
       "__triggerEventV1__",
       re("customPropertyChangeEvent", "globality", S),
       $,
-      z ?? $
+      L ?? $
     ), v.parent?.callFunction(
       "__triggerEventV1__",
       re("refPropertyChangeEvent", v.id, S),
       $,
-      z ?? $
+      L ?? $
     ), v.parent?.callFunction(
       "__triggerEventV1__",
       re("multipleRefPropertyChangeEvent", v.id, S),
       $,
-      z ?? $
-    ), t.value?.code.reactivity && nt(
+      L ?? $
+    ), t.value?.code.reactivity && at(
       v,
       t.value.code.reactivity,
       Oe({ type: "customProperty", propertyId: S }),
       $,
-      z
+      L
     ));
-  }, g = (S, $, z) => {
-    ee(c) && console.log("onSlotPropetyChange", S, $, z);
-  }, _ = (S, $, z) => {
-    ee(c) && t.value?.code.reactivity && nt(
+  }, g = (S, $, L) => {
+    ee(c) && console.log("onSlotPropetyChange", S, $, L);
+  }, _ = (S, $, L) => {
+    ee(c) && t.value?.code.reactivity && at(
       v,
       t.value.code.reactivity,
       Oe({ type: "adaptSlotProperty", propertyId: S }),
       $,
-      z
+      L
     );
-  }, h = (S, $, z) => {
+  }, h = (S, $, L) => {
     ee(c) && (v.callFunction(
       "__triggerEventV1__",
       re("stateChangeEvent", "globality", S),
       $,
-      z ?? $
-    ), t.value?.code.reactivity && nt(
+      L ?? $
+    ), t.value?.code.reactivity && at(
       v,
       t.value.code.reactivity,
       Oe({ type: "state", stateId: S }),
       $,
-      z
+      L
     ));
   }, v = new eu(n, e, o, s, r, l, c, u, {
     onElementPropertyChange: f,
@@ -9812,11 +9881,11 @@ function Ke(t, n, e, o, s) {
   ee(c) && ae(
     m,
     (S, $) => {
-      const z = ot(S.width), R = ot($?.width ?? S.width);
+      const L = ct(S.width), R = ct($?.width ?? S.width);
       v.callFunction(
         "__triggerEventV1__",
         re("elementEvent", "globality", "screenSizeChange"),
-        z,
+        L,
         R
       );
     },
@@ -9833,7 +9902,7 @@ function Ke(t, n, e, o, s) {
     { immediate: !0 }
   );
 }
-function H() {
+function U() {
   const t = Ze();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
@@ -9850,22 +9919,22 @@ export {
   mu as addIndent,
   Fl as ambientLightV1,
   ql as badgeV1,
-  St as barChartV1,
-  wt as boxGeometryV1,
+  zt as barChartV1,
+  Pt as boxGeometryV1,
   Ao as breakpoints,
   Zl as btnGroupV1,
   Ql as btnToggleV1,
-  $t as btnV1,
-  ot as calcBreakpoint,
+  Et as btnV1,
+  ct as calcBreakpoint,
   je as cardV1,
   ta as checkboxV1,
-  Pt as chipGroupV1,
-  Vt as chipV1,
+  Mt as chipGroupV1,
+  At as chipV1,
   ia as colorPickerV1,
   ra as comboboxV1,
   hu as compMetaStringify,
   Ai as compTypes,
-  zt as containerV1,
+  Wt as containerV1,
   du as dataStringify,
   sa as dataTableV1,
   la as datePickerV1,
@@ -9876,13 +9945,13 @@ export {
   vu as elementKeys,
   _e as elements,
   Iu as fileInputV1,
-  Lt as flexLayoutEntryV1,
+  Bt as flexLayoutEntryV1,
   Ge as flexLayoutV1,
-  At as formV1,
+  Dt as formV1,
   T as genId,
   De as getBreakpointProp,
   ke as getField,
-  bn as getIndexOfBreakpoint,
+  kn as getIndexOfBreakpoint,
   Cu as getNodeLite,
   _o as getPropertyDefault,
   B as getPropertyTag,
@@ -9899,7 +9968,7 @@ export {
   Re as injectDevice,
   Dc as injectEnv,
   Qe as injectId,
-  q as injectMode,
+  X as injectMode,
   Kc as injectOrg,
   Fc as injectRuntime,
   fe as injectSandbox,
@@ -9910,10 +9979,10 @@ export {
   Wi as isLocaleOfMethodKind,
   Mi as isLocaleOfPropertyKind,
   yu as isLocaleOfSlotKind,
-  Zt as isPercentStr,
-  ut as isPixelStr,
+  rn as isPercentStr,
+  bt as isPixelStr,
   El as keyboardControlsV1,
-  Ct as lineChartV1,
+  Tt as lineChartV1,
   Qu as loadLocaleMessageRuntime,
   re as makeEventId,
   Ju as makeEventKeyOfCustomSlot,
@@ -9932,16 +10001,16 @@ export {
   Ne as meshV1,
   Ka as multipleRefV1,
   Da as multipleSlotV1,
-  Mt as numberInputV1,
+  Ot as numberInputV1,
   Ml as orbitControlsV1,
-  Ll as orthographicCameraV1,
+  zl as orthographicCameraV1,
   bu as pageMetaStringify,
   Ei as pageTypes,
   ga as paginationV1,
   _u as parseCompMeta,
   fu as parseData,
   gu as parsePageMeta,
-  bt as parsePercentStr,
+  kt as parsePercentStr,
   uu as parsePixelStr,
   Tl as perspectiveCameraV1,
   Bc as pkgs,
@@ -9949,16 +10018,16 @@ export {
   Tu as provideDark,
   $e as provideData,
   Mu as provideDepends,
-  Lu as provideDevice,
+  zu as provideDevice,
   Pu as provideEnv,
   Eu as provideId,
-  zu as provideMode,
+  Lu as provideMode,
   Vu as provideOrg,
   Wu as provideRuntime,
   Nc as provideSandbox,
   Au as provideType,
-  Bt as radioGroupV1,
-  Wt as radioV1,
+  Nt as radioGroupV1,
+  Ft as radioV1,
   va as rangeSliderV1,
   xa as ratingV1,
   Oa as referenceV1,
@@ -9966,30 +10035,30 @@ export {
   Fa as renderSwitchV1,
   Ti as reverseBreakpoints,
   ka as selectV1,
-  Qt as setField,
+  sn as setField,
   wa as sliderV1,
   Na as slotV1,
   Su as spawnNode,
-  It as sphereGeometryV1,
+  Lt as sphereGeometryV1,
   Gl as spotLightV1,
-  Rt as stepperHeaderV1,
-  Kt as stepperItemV1,
-  Ft as stepperV1,
-  Ot as stepperWindowItemV1,
-  Dt as stepperWindowV1,
+  jt as stepperHeaderV1,
+  Gt as stepperItemV1,
+  Jt as stepperV1,
+  Ut as stepperWindowItemV1,
+  Ht as stepperWindowV1,
   Va as switchV1,
-  Nt as tabV1,
-  jt as tabsV1,
-  Et as textFieldV1,
+  qt as tabV1,
+  Xt as tabsV1,
+  Kt as textFieldV1,
   Se as textV1,
-  Gt as textareaV1,
-  Ht as timelineItemV1,
-  Ut as timelineV1,
+  Yt as textareaV1,
+  Zt as timelineItemV1,
+  Qt as timelineV1,
   wu as toEventName,
   ku as toMethodName,
   A as toNodeLite,
   xu as toPropertyName,
-  nt as triggerReactivity,
+  at as triggerReactivity,
   Gc as unwrapEventId,
   qu as unwrapEventKeyOfCustomSlot,
   Uu as unwrapEventKeyOfElementSlot,
@@ -10003,7 +10072,7 @@ export {
   et as useDepend,
   Zu as useRuntime,
   Ke as useSandbox,
-  H as useTheme,
-  Jt as windowItemV1,
-  qt as windowV1
+  U as useTheme,
+  en as windowItemV1,
+  tn as windowV1
 };