x-runtime-lib 0.8.134 → 0.8.135

package/dist/index.js

@@ -1,11 +1,11 @@
-var pn = (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[pn("asyncDispose")]), o === void 0 && (o = n[pn("dispose")], e && (s = o)), typeof o != "function" && fn("Object not disposable"), s && (o = function() {
+    e && (o = n[_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) {
@@ -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 G, 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 de, 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 Lo, DirectionalLightHelper as mi, PointLightHelper as di, SpotLightHelper as pi } from "three";
+import { CameraHelper as Lo, DirectionalLightHelper as mi, PointLightHelper as pi, SpotLightHelper as di } from "three";
 import { i as 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;
@@ -121,7 +121,7 @@ function mu(t, n = 2) {
 `).map((r) => r.trim() === "" ? r : e + r).join(`
 `);
 }
-function du(t) {
+function pu(t) {
   return t.startsWith("slot_v") || t.startsWith("multiple_slot_v");
 }
 function Xe(t) {
@@ -159,11 +159,11 @@ function A(t, n) {
   };
 }
 const Ei = ["common", "scene"], Ai = ["common", "scene"];
-function pu({ type: t, version: n, view: e, code: o }) {
+function du({ type: t, version: n, view: e, code: o }) {
   const s = (c, u) => {
     const m = { id: u.id };
-    u.children && (m.children = [], u.children.forEach((p) => {
-      s(m.children, p);
+    u.children && (m.children = [], u.children.forEach((d) => {
+      s(m.children, d);
     })), c.push(m);
   }, r = [];
   e.nodeLites.forEach((c) => {
@@ -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",
@@ -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();
@@ -462,20 +462,20 @@ function ve(t) {
     "transform",
     "rotation",
     "z"
-  ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: u } = a(t, ["transform", "scale", "y"]), { property: m } = a(t, ["transform", "scale", "z"]), p = oe([0, 0, 0]), d = oe([0, 0, 0]), f = oe([1, 1, 1]);
+  ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: u } = a(t, ["transform", "scale", "y"]), { property: m } = a(t, ["transform", "scale", "z"]), d = oe([0, 0, 0]), p = oe([0, 0, 0]), f = oe([1, 1, 1]);
   return he(() => {
-    p.value = [n.value, e.value, o.value];
+    d.value = [n.value, e.value, o.value];
   }), he(() => {
-    n.value = p.value[0], e.value = p.value[1], o.value = p.value[2];
+    n.value = d.value[0], e.value = d.value[1], o.value = d.value[2];
   }), he(() => {
-    d.value = [s.value, r.value, l.value];
+    p.value = [s.value, r.value, l.value];
   }), he(() => {
-    s.value = d.value[0], r.value = d.value[1], l.value = d.value[2];
+    s.value = p.value[0], r.value = p.value[1], l.value = p.value[2];
   }), he(() => {
     f.value = [c.value, u.value, m.value];
   }), he(() => {
     c.value = f.value[0], u.value = f.value[1], m.value = f.value[2];
-  }), { position: p, rotation: d, scale: f };
+  }), { position: d, rotation: p, scale: f };
 }
 function Mo(t) {
   const n = k(() => t.value.legend?.show), e = k(() => t.value.legend?.data);
@@ -542,54 +542,54 @@ 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(p) {
-    n.value && (p.borderStyle = n.value), e.value && (p.borderWidth = e.value), s.value && (p.borderColor = s.value), r.value && (p.borderTopLeftRadius = r.value), l.value && (p.borderTopRightRadius = l.value), c.value && (p.borderBottomLeftRadius = c.value), u.value && (p.borderBottomRightRadius = u.value);
+  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);
   }
   return { paddingTop: n, paddingLeft: e, paddingBottom: o, paddingRight: s, applyPadding: r };
 }
-function pe(t, n) {
+function de(t, n) {
   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 d = bt(n.value.size?.height);
-      if (d)
-        return d / 100 * o.value.height + "px";
+      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 d = bt(n.value.size?.minHeight);
-      if (d)
-        return d / 100 * o.value.height + "px";
+      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 d = bt(n.value.size?.maxHeight);
-      if (d)
-        return d / 100 * o.value.height + "px";
+      const p = kt(n.value.size?.maxHeight);
+      if (p)
+        return p / 100 * o.value.height + "px";
     }
     return n.value.size?.maxHeight;
   });
-  function p(d) {
-    s.value && (d.width = s.value), r.value && (d.minWidth = r.value), l.value && (d.maxWidth = l.value), c.value && (d.height = c.value), u.value && (d.minHeight = u.value), m.value && (d.maxHeight = m.value);
+  function d(p) {
+    s.value && (p.width = s.value), r.value && (p.minWidth = r.value), l.value && (p.maxWidth = l.value), c.value && (p.height = c.value), u.value && (p.minHeight = u.value), m.value && (p.maxHeight = m.value);
   }
-  return { width: s, minWidth: r, maxWidth: l, height: c, minHeight: u, maxHeight: m, applySize: p };
+  return { width: s, minWidth: r, maxWidth: l, height: c, minHeight: u, maxHeight: m, applySize: d };
 }
 const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Ni = /* @__PURE__ */ C({
   __name: "index",
@@ -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 = 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: p } = a(e, ["settings", "near"]), { property: d } = 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),
@@ -610,9 +610,9 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           bottom: i(c),
           far: i(u),
           left: i(m),
-          near: i(p),
+          near: i(d),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
-          right: i(d),
+          right: i(p),
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1],
           top: i(f)
@@ -635,8 +635,8 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    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: p } = a(e, ["settings", "near"]);
-    return (d, f) => (x(), w(i(Ce), {
+    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),
       scale: i(l)
@@ -646,7 +646,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           aspect: i(c),
           far: i(u),
           fov: i(m),
-          near: i(p),
+          near: i(d),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1]
@@ -655,7 +655,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             key: 0,
             type: i(Lo)
           }, null, 8, ["type"])) : le("", !0),
-          K(d.$slots, "default")
+          K(p.$slots, "default")
         ], 8, ji)
       ]),
       _: 3
@@ -697,7 +697,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (m, p) => (x(), ce("TresBoxGeometry", {
+    return (m, d) => (x(), ce("TresBoxGeometry", {
       args: [
         i(c),
         i(r),
@@ -740,7 +740,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegments"
     ]);
-    return (p, d) => (x(), ce("TresSphereGeometry", {
+    return (d, p) => (x(), ce("TresSphereGeometry", {
       args: [
         i(l),
         i(m),
@@ -764,7 +764,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "intensity"
     ]);
-    return (p, d) => (x(), w(i(Ce), {
+    return (d, p) => (x(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
       scale: i(l)
@@ -777,7 +777,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1]
         }, [
-          K(p.$slots, "default")
+          K(d.$slots, "default")
         ], 8, Qi)
       ]),
       _: 3
@@ -795,7 +795,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "intensity"
     ]);
-    return (p, d) => (x(), w(i(Ce), {
+    return (d, p) => (x(), w(i(Ce), {
       position: i(s),
       rotation: i(r),
       scale: i(l)
@@ -812,7 +812,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             key: 0,
             type: i(mi)
           }, null, 8, ["type"])) : le("", !0),
-          K(p.$slots, "default")
+          K(d.$slots, "default")
         ], 8, tr)
       ]),
       _: 3
@@ -826,10 +826,10 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    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: 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", "color"]), { color: u } = Y(c), { property: m } = a(e, ["settings", "decay"]), { property: d } = a(e, [
       "settings",
       "distance"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "intensity"
     ]);
@@ -842,15 +842,15 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         ie("TresPointLight", {
           color: i(u),
           decay: i(m),
-          distance: i(p),
-          intensity: i(d),
+          distance: i(d),
+          intensity: i(p),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(l) : [1, 1, 1]
         }, [
           i(o) === "editor" ? (x(), w(i(Je), {
             key: 0,
-            type: i(di)
+            type: i(pi)
           }, null, 8, ["type"])) : le("", !0),
           K(f.$slots, "default")
         ], 8, or)
@@ -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 = 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: p } = 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", "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, [
@@ -885,8 +885,8 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         ie("TresSpotLight", {
           angle: i(c),
           color: i(m),
-          decay: i(p),
-          distance: i(d),
+          decay: i(d),
+          distance: i(p),
           intensity: i(f),
           penumbra: i(b),
           position: i(o) !== "editor" ? i(s) : [0, 0, 0],
@@ -895,7 +895,7 @@ const Fi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(o) === "editor" ? (x(), w(i(Je), {
             key: 0,
-            type: i(pi)
+            type: i(di)
           }, null, 8, ["type"])) : le("", !0),
           K(g.$slots, "default")
         ], 8, rr)
@@ -933,7 +933,7 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), dr = ["position", "rotation", "scale"], pr = /* @__PURE__ */ C({
+}), pr = ["position", "rotation", "scale"], dr = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -948,7 +948,7 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
       scale: i(r)
     }, [
       K(l.$slots, "default")
-    ], 8, dr));
+    ], 8, pr));
   }
 }), fr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], yr = "#242424", br = {}, gr = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, hr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, vr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, xr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, kr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Lr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, zr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Tr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Er = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ar = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Mr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, 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,
@@ -980,7 +980,7 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
   visualMap: Dr,
   dataZoom: Or,
   markPoint: Fr
-}, jr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Gr = "#f5f5f5", Hr = {}, Ur = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Jr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, qr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Xr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, es = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ts = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ns = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, is = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, rs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, ss = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, ls = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, as = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, cs = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, us = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ms = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ds = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ps = { textStyle: { color: "#333333" } }, fs = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ys = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, bs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, gs = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, hs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _s = {
+}, jr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Gr = "#f5f5f5", Hr = {}, Ur = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Jr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, qr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Xr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, es = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ts = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ns = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, is = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, rs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, ss = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, ls = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, as = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, cs = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, us = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ms = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, ps = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ds = { textStyle: { color: "#333333" } }, fs = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ys = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, bs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, gs = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, hs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _s = {
   color: jr,
   backgroundColor: Gr,
   textStyle: Hr,
@@ -1003,8 +1003,8 @@ const cr = /* @__PURE__ */ We(lr, [["render", ar]]), ur = ["position", "rotation
   valueAxis: cs,
   logAxis: us,
   timeAxis: ms,
-  toolbox: ds,
-  legend: ps,
+  toolbox: ps,
+  legend: ds,
   tooltip: fs,
   timeline: ys,
   visualMap: bs,
@@ -1031,7 +1031,7 @@ const vs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Re(), s = Ze(), r = xe(), l = be(), { width: c, minWidth: u, maxWidth: m, height: p, minHeight: d, maxHeight: f, applySize: b } = pe(n, e), { applyTitle: g } = Bo(e), { applyXAxis: _ } = Ro(e), { applyYAxis: h } = Ko(e), { applyLegend: v } = Mo(e), { applySeries: S } = Wo(e), $ = k(() => {
+    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 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");
@@ -1057,8 +1057,8 @@ const vs = /* @__PURE__ */ C({
         c,
         u,
         m,
-        p,
         d,
+        p,
         f
       ],
       async () => {
@@ -1093,7 +1093,7 @@ const vs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Re(), s = Ze(), r = xe(), l = be(), { width: c, minWidth: u, maxWidth: m, height: p, minHeight: d, maxHeight: f, applySize: b } = pe(n, e), { applyTitle: g } = Bo(e), { applyXAxis: _ } = Ro(e), { applyYAxis: h } = Ko(e), { applyLegend: v } = Mo(e), { applySeries: S } = Wo(e), $ = k(() => {
+    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 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");
@@ -1119,8 +1119,8 @@ const vs = /* @__PURE__ */ C({
         c,
         u,
         m,
-        p,
         d,
+        p,
         f
       ],
       async () => {
@@ -1165,10 +1165,10 @@ const vs = /* @__PURE__ */ C({
       "y"
     ]);
     return (u, m) => {
-      const p = W("v-badge");
+      const d = W("v-badge");
       return x(), w(i(H), null, {
         default: V(() => [
-          j(p, {
+          j(d, {
             content: i(o),
             dot: i(s),
             "offset-x": i(l),
@@ -1200,7 +1200,7 @@ const vs = /* @__PURE__ */ C({
     ]), { property: r } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: c } = Y(l), { property: u } = a(e, ["settings", "density"]), { property: m } = a(e, [
       "settings",
       "disabled"
-    ]), { property: p } = a(e, ["size", "height"]), { property: d } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: _ } = a(e, ["size", "minWidth"]), { property: h } = a(e, [
+    ]), { property: d } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: _ } = a(e, ["size", "minWidth"]), { property: h } = a(e, [
       "settings",
       "addIcon",
       "prepend"
@@ -1229,8 +1229,8 @@ const vs = /* @__PURE__ */ C({
             color: i(c),
             density: i(u),
             disabled: i(m),
-            height: i(p),
-            loading: i(d),
+            height: i(d),
+            loading: i(p),
             "max-height": i(f),
             "max-width": i(b),
             "min-height": i(g),
@@ -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: p } = a(e, ["settings", "stacked"]), { theme: d } = U(), { 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, {
@@ -1292,8 +1292,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         multiple: i(c),
         readonly: i(u),
         size: i(m),
-        stacked: i(p),
-        theme: i(d),
+        stacked: i(d),
+        theme: i(p),
         tile: i(f),
         variant: i(b)
       }, {
@@ -1315,7 +1315,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
       "settings",
       "disabled"
-    ]), { property: r } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: u } = a(e, ["size", "maxHeight"]), { property: m } = a(e, ["size", "maxWidth"]), { property: p } = a(e, ["size", "minHeight"]), { property: d } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
+    ]), { property: r } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: u } = a(e, ["size", "maxHeight"]), { property: m } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["size", "minHeight"]), { property: p } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
       "settings",
       "subtitle"
     ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = U(), { property: _ } = a(e, ["settings", "title"]), { property: h } = a(e, ["settings", "variant"]), { property: v } = a(e, ["size", "width"]);
@@ -1331,8 +1331,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             loading: i(c),
             "max-height": i(u),
             "max-width": i(m),
-            "min-height": i(p),
-            "min-width": i(d),
+            "min-height": i(d),
+            "min-width": i(p),
             subtitle: i(f),
             text: i(b),
             theme: i(g),
@@ -1395,7 +1395,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: u } = a(e, [
       "settings",
       "draggable"
-    ]), { property: m } = a(e, ["settings", "filter"]), { property: p } = a(e, ["settings", "label"]), { property: d } = 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"]);
+    ]), { 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(H), { mask: "" }, {
@@ -1407,8 +1407,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             disabled: i(c),
             draggable: i(u),
             filter: i(m),
-            label: i(p),
-            size: i(d),
+            label: i(d),
+            size: i(p),
             text: i(f),
             theme: i(b),
             tile: i(g),
@@ -1443,12 +1443,12 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: m } = a(e, [
       "settings",
       "showArrows"
-    ]), { theme: p } = U(), { property: d } = 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, {
-        modelValue: i(d),
-        "onUpdate:modelValue": b[0] || (b[0] = (_) => Q(d) ? d.value = _ : null),
+        modelValue: i(p),
+        "onUpdate:modelValue": b[0] || (b[0] = (_) => Q(p) ? p.value = _ : null),
         column: i(o),
         direction: i(s),
         disabled: i(r),
@@ -1456,7 +1456,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         mandatory: i(c),
         multiple: i(u),
         "show-arrows": i(m),
-        theme: i(p)
+        theme: i(d)
       }, {
         default: V(() => [
           K(f.$slots, "default")
@@ -1473,7 +1473,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = xe(), s = be(), { applySize: r } = pe(n, e), l = k(() => {
+    const n = t, { node: e } = P(n), o = xe(), s = be(), { applySize: r } = de(n, e), l = k(() => {
       const _ = {}, h = s.value?.type;
       return o === "page" ? h === "common" ? r(_) : console.assert(!1) : o === "comp" && h === "common" ? r(_) : console.assert(!1), _;
     }), { property: c } = a(e, [
@@ -1485,10 +1485,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: m } = a(e, [
       "settings",
       "hideHeader"
-    ]), { property: p } = a(e, [
+    ]), { property: d } = a(e, [
       "settings",
       "hideInputs"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "hideSliders"
     ]), { property: f } = a(e, [
@@ -1506,8 +1506,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             disabled: i(c),
             "hide-canvas": i(u),
             "hide-header": i(m),
-            "hide-inputs": i(p),
-            "hide-sliders": i(d),
+            "hide-inputs": i(d),
+            "hide-sliders": i(p),
             landscape: i(f),
             "show-swatches": i(b),
             style: ue(l.value),
@@ -1539,13 +1539,13 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       "settings",
       "singleLine"
     ]), { theme: u } = U(), { property: m } = a(e, ["settings", "value"]);
-    return (p, d) => {
+    return (d, p) => {
       const f = W("v-combobox");
       return x(), w(i(H), { mask: "" }, {
         default: V(() => [
           j(f, {
             modelValue: i(m),
-            "onUpdate:modelValue": d[0] || (d[0] = (b) => Q(m) ? m.value = b : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (b) => Q(m) ? m.value = b : null),
             "hide-details": i(o),
             label: i(s),
             placeholder: i(r),
@@ -1569,14 +1569,14 @@ 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 } = pe(n, e), { applyMargin: u } = nn(e), { applyPadding: m } = on(e), { applyBorder: p } = tn(e), d = 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), p(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && b === "common" ? (c(f), u(f), m(f), p(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
+      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(H), { block: "" }, {
       default: V(() => [
         ie("div", {
-          style: ue(d.value)
+          style: ue(p.value)
         }, [
           K(f.$slots, "default")
         ], 4)
@@ -1597,26 +1597,26 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     const l = k(() => e.refContext.compId);
     et(l, r), ee(o) && Ke(r, "slot", "", "", fe());
     function c(m) {
-      const p = _e[m.key];
-      if (!p) {
+      const d = _e[m.key];
+      if (!d) {
         console.assert(!1, `element not found key=${m.key}`);
         return;
       }
-      const d = {
+      const p = {
         nodeId: m.id
       };
-      return Xe(m.key) && (d.refContext = {
+      return Xe(m.key) && (p.refContext = {
         parent: e.refContext,
         compId: m.compId
       }), G(
-        p.comp,
+        d.comp,
         {
           key: m.id,
-          ...d
+          ...p
         },
         {
           default: () => {
-            if (!p.leaf)
+            if (!d.leaf)
               return m.children?.map((f) => c(f));
           }
         }
@@ -1631,10 +1631,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         return G(
           "div",
           {},
-          { default: () => r.value.view.nodeLites.map((p) => c(p)) }
+          { default: () => r.value.view.nodeLites.map((d) => c(d)) }
         );
     };
-    return (m, p) => (x(), w(u));
+    return (m, d) => (x(), w(u));
   }
 }), Ws = /* @__PURE__ */ C({
   __name: "index",
@@ -1650,7 +1650,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: r } = a(e, [
       "settings",
       "fixedHeader"
-    ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: u } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "data"], !0), { property: p } = a(e, ["settings", "loading"]), { property: d } = a(e, [
+    ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: u } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "data"], !0), { property: d } = a(e, ["settings", "loading"]), { property: p } = a(e, [
       "settings",
       "multiSort"
     ]), { theme: f } = U(), { property: b } = a(e, ["size", "width"]), { property: g } = a(e, ["slots", "columns"]);
@@ -1669,11 +1669,11 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             height: i(c),
             hover: i(u),
             items: i(m),
-            loading: i(p),
-            "multi-sort": i(d),
+            loading: i(d),
+            "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: L }) => [
@@ -1715,9 +1715,9 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
   },
   setup(t) {
     const n = t, e = X(), { open: o } = Co(`runtimeDlg/${Io()}`);
-    return it(n.nodeId, "open", () => {
+    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");
@@ -1756,10 +1756,10 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, [
       "settings",
       "multiple"
-    ]), { property: p } = a(e, [
+    ]), { property: d } = a(e, [
       "settings",
       "readonly"
-    ]), { property: d } = a(e, ["settings", "reverse"]), { property: f } = a(e, [
+    ]), { property: p } = a(e, ["settings", "reverse"]), { property: f } = a(e, [
       "settings",
       "singleLine"
     ]);
@@ -1778,8 +1778,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             label: i(c),
             loading: i(u),
             multiple: i(m),
-            readonly: i(p),
-            reverse: i(d),
+            readonly: i(d),
+            reverse: i(p),
             "single-line": i(f)
           }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"])
         ]),
@@ -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 } = pe(n, e), { applyMargin: c } = nn(e), { applyPadding: u } = on(e), { applyBorder: m } = tn(e), { property: p } = 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: d } = Y(p), f = (g) => {
-      d.value && (g.backgroundColor = d.value), g.display = "flex";
-      const _ = ot(o.value.width), h = De(_, e.value.settings?.direction);
+    ]), { color: p } = Y(d), f = (g) => {
+      p.value && (g.backgroundColor = p.value), g.display = "flex";
+      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");
@@ -1826,11 +1826,11 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = xe(), s = be(), { applySize: r } = pe(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = k(() => {
-      const m = {}, p = s.value?.type;
-      return o === "page" ? p === "common" ? (r(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && p === "common" ? (r(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1), m;
+    const n = t, { node: e } = P(n), o = xe(), s = be(), { applySize: r } = de(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = k(() => {
+      const m = {}, d = s.value?.type;
+      return o === "page" ? d === "common" ? (r(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (r(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1), m;
     });
-    return (m, p) => (x(), ce("div", {
+    return (m, d) => (x(), ce("div", {
       style: ue(u.value)
     }, [
       K(m.$slots, "default")
@@ -1850,9 +1850,9 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: u } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: m } = Y(u), { applySize: p } = pe(n, e), { applyMargin: d } = 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" ? (p(h), d(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && v === "common" ? (p(h), d(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1), h;
+      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;
     }), _ = () => {
       r && r.callFunction(
         "__triggerEventV1__",
@@ -1887,9 +1887,9 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       "settings",
       "disabled"
     ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: u } = U();
-    return (m, p) => {
-      const d = W("v-icon");
-      return x(), w(d, {
+    return (m, d) => {
+      const p = W("v-icon");
+      return x(), w(p, {
         color: i(s),
         disabled: i(r),
         icon: i(l),
@@ -1907,18 +1907,18 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
   },
   setup(t) {
     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 it(n.nodeId, "open", () => {
+    return ut(n.nodeId, "open", () => {
       if (!o || !o.vm)
         return;
-      const { vm: u } = o, m = u.getProp(u.global, "__pointerPosX__"), p = u.getProp(u.global, "__pointerPosY__");
-      s.value = u.getNumber(m), r.value = u.getNumber(p), m.dispose(), p.dispose(), c.value = !0;
-    }), it(n.nodeId, "close", () => {
+      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;
+    }), ut(n.nodeId, "close", () => {
       o && (c.value = !1);
     }), (u, m) => {
-      const p = W("v-menu");
-      return x(), w(p, {
+      const d = W("v-menu");
+      return x(), w(d, {
         modelValue: i(c),
-        "onUpdate:modelValue": m[0] || (m[0] = (d) => Q(c) ? c.value = d : null),
+        "onUpdate:modelValue": m[0] || (m[0] = (p) => Q(c) ? c.value = p : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
@@ -1959,7 +1959,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "max"]), { property: p } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: b } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["size", "maxWidth"]), { property: p } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: b } = a(e, [
       "settings",
       "placeholder"
     ]), { property: g } = a(e, [
@@ -1997,8 +1997,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             label: i(c),
             loading: i(u),
             max: i(m),
-            "max-width": i(p),
-            min: i(d),
+            "max-width": i(d),
+            min: i(p),
             "min-width": i(f),
             placeholder: i(b),
             precision: i(g),
@@ -2033,7 +2033,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { 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: p } = U(), { property: d } = 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"), _;
     });
@@ -2054,8 +2054,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             size: i(u),
             start: i(m),
             style: ue(g.value),
-            theme: i(p),
-            tile: i(d),
+            theme: i(d),
+            tile: i(p),
             variant: i(b)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
         ]),
@@ -2077,8 +2077,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = U(), { property: p } = a(e, ["settings", "value"]);
-    return (d, f) => {
+    ]), { theme: m } = U(), { property: d } = a(e, ["settings", "value"]);
+    return (p, f) => {
       const b = W("v-radio");
       return x(), w(b, {
         color: i(s),
@@ -2087,7 +2087,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         label: i(c),
         readonly: i(u),
         theme: i(m),
-        value: i(p)
+        value: i(d)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
@@ -2109,13 +2109,13 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       "settings",
       "readonly"
     ]), { theme: u } = U(), { property: m } = a(e, ["settings", "value"]);
-    return (p, d) => {
+    return (d, p) => {
       const f = W("v-radio-group");
       return x(), w(i(H), null, {
         default: V(() => [
           j(f, {
             modelValue: i(m),
-            "onUpdate:modelValue": d[0] || (d[0] = (b) => Q(m) ? m.value = b : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (b) => Q(m) ? m.value = b : null),
             density: i(o),
             direction: i(s),
             disabled: i(r),
@@ -2124,7 +2124,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             theme: i(u)
           }, {
             default: V(() => [
-              K(p.$slots, "default")
+              K(d.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -2150,16 +2150,16 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "max"]), { property: m } = a(e, ["settings", "min"]), { property: p } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "max"]), { property: m } = a(e, ["settings", "min"]), { property: d } = a(e, [
       "settings",
       "readonly"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "showTicks"
     ]), f = k(() => {
-      if (d.value === "always")
+      if (p.value === "always")
         return "always";
-      if (d.value === "show")
+      if (p.value === "show")
         return !0;
     }), { property: b } = a(e, ["settings", "step"]), { theme: g } = U(), { property: _ } = a(e, [
       "settings",
@@ -2214,7 +2214,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             label: i(c),
             max: i(u),
             min: i(m),
-            readonly: i(p),
+            readonly: i(d),
             "show-ticks": f.value,
             step: i(b),
             theme: i(g),
@@ -2248,14 +2248,14 @@ 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: p } = U(), { property: d } = 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(H), { mask: "" }, {
         default: V(() => [
           j(g, {
-            modelValue: i(d),
-            "onUpdate:modelValue": b[0] || (b[0] = (_) => Q(d) ? d.value = _ : null),
+            modelValue: i(p),
+            "onUpdate:modelValue": b[0] || (b[0] = (_) => Q(p) ? p.value = _ : null),
             clearable: i(o),
             density: i(s),
             disabled: i(r),
@@ -2263,7 +2263,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             hover: i(c),
             length: i(u),
             readonly: i(m),
-            theme: i(p)
+            theme: i(d)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
         _: 1
@@ -2291,7 +2291,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       "settings",
       "singleLine"
     ]), { theme: u } = U(), { property: m } = a(e, ["settings", "value"]);
-    return (p, d) => {
+    return (d, p) => {
       const f = W("v-select");
       return x(), w(i(H), {
         block: "",
@@ -2300,7 +2300,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
         default: V(() => [
           j(f, {
             modelValue: i(m),
-            "onUpdate:modelValue": d[0] || (d[0] = (b) => Q(m) ? m.value = b : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (b) => Q(m) ? m.value = b : null),
             "hide-details": i(o),
             label: i(s),
             placeholder: i(r),
@@ -2330,7 +2330,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
     ]), { property: c } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: u } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "max"]), { property: p } = a(e, ["settings", "min"]), { property: d } = a(e, [
+    ]), { property: u } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["settings", "min"]), { property: p } = a(e, [
       "settings",
       "readonly"
     ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, [
@@ -2359,8 +2359,8 @@ 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, [
@@ -2371,13 +2371,13 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
       "trackColor"
     ]), { 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");
+      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),
@@ -2386,8 +2386,8 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             "hide-details": i(c),
             label: i(u),
             max: i(m),
-            min: i(p),
-            readonly: i(d),
+            min: i(d),
+            readonly: i(p),
             reverse: i(f),
             "show-ticks": g.value,
             step: i(_),
@@ -2398,7 +2398,7 @@ const Cs = /* @__PURE__ */ We(Is, [["render", Ss]]), $s = /* @__PURE__ */ C({
             "tick-size": i(F),
             ticks: N.value,
             "track-color": i(J)
-          }, Xt({ _: 2 }, [
+          }, nn({ _: 2 }, [
             i(ye) ? {
               name: "append",
               fn: V(() => [
@@ -2532,7 +2532,7 @@ 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: p } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "loading"]), { theme: f } = U(), { 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(H), { mask: "" }, {
@@ -2547,8 +2547,8 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
             indeterminate: i(c),
             inline: i(u),
             inset: i(m),
-            label: i(p),
-            loading: i(d),
+            label: i(d),
+            loading: i(p),
             theme: i(f)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
         ]),
@@ -2569,10 +2569,10 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
       return o === "editor" && (u.pointerEvents = "none"), u;
     });
     return (u, m) => {
-      const p = W("v-tab");
+      const d = W("v-tab");
       return x(), w(i(H), { mask: "" }, {
         default: V(() => [
-          j(p, {
+          j(d, {
             style: ue(c.value),
             text: i(s),
             theme: i(r),
@@ -2583,7 +2583,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
       });
     };
   }
-}), dl = /* @__PURE__ */ C({
+}), pl = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2605,10 +2605,10 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
       "settings",
       "color",
       "selectedColor"
-    ]), { color: u } = Y(c), { property: m } = a(e, ["settings", "density"]), { property: p } = a(e, [
+    ]), { color: u } = Y(c), { property: m } = a(e, ["settings", "density"]), { property: d } = a(e, [
       "settings",
       "direction"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "disabled"
     ]), { property: f } = a(e, [
@@ -2643,8 +2643,8 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
             "center-active": i(l),
             color: i(u),
             density: i(m),
-            direction: i(p),
-            disabled: i(d),
+            direction: i(d),
+            disabled: i(p),
             "fixed-tabs": i(f),
             grow: i(b),
             "hide-slider": i(g),
@@ -2665,7 +2665,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
       });
     };
   }
-}), pl = /* @__PURE__ */ C({
+}), dl = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
@@ -2679,14 +2679,14 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: l } = a(e, [
       "settings",
       "emphasis"
-    ]), { property: c } = a(e, ["settings", "italic"]), { property: u } = a(e, ["settings", "text"]), { property: m } = a(e, ["settings", "weight"]), p = k(() => {
-      const d = [], f = ot(o.value.width), b = De(f, e.value.settings?.style);
-      return b && d.push(`text-${b}`), l.value === "high" ? d.push("text-high-emphasis") : l.value === "medium" ? d.push("text-medium-emphasis") : l.value === "disabled" && d.push("text-disabled"), s.value && d.push(`font-${s.value}`), r.value && d.push(`text-decoration-${r.value}`), m.value && d.push(`font-weight-${m.value}`), c.value && d.push("font-italic"), d.join(" ");
+    ]), { property: c } = a(e, ["settings", "italic"]), { property: u } = a(e, ["settings", "text"]), { property: m } = a(e, ["settings", "weight"]), d = k(() => {
+      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 (d, f) => (x(), w(i(H), null, {
+    return (p, f) => (x(), w(i(H), null, {
       default: V(() => [
         ie("span", {
-          class: ii(p.value)
+          class: ii(d.value)
         }, ri(i(u)), 3)
       ]),
       _: 1
@@ -2709,10 +2709,10 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: r } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
       "disabled"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "maxRows"]), { property: p } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "maxRows"]), { property: d } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: d } = a(e, [
+    ]), { property: p } = a(e, [
       "settings",
       "readonly"
     ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, ["settings", "rows"]), { property: g } = a(e, [
@@ -2736,8 +2736,8 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
             label: i(c),
             loading: i(u),
             "max-rows": i(m),
-            placeholder: i(p),
-            readonly: i(d),
+            placeholder: i(d),
+            readonly: i(p),
             reverse: i(f),
             rows: i(b),
             "single-line": i(g),
@@ -2775,7 +2775,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: m } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: p } = a(e, ["settings", "label"]), { property: d } = a(e, ["settings", "loading"]), { property: f } = a(e, [
+    ]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, [
       "settings",
       "placeholder"
     ]), { property: b } = a(e, ["settings", "prefix"]), { property: g } = a(e, [
@@ -2814,8 +2814,8 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
             density: i(c),
             disabled: i(u),
             "hide-details": i(m),
-            label: i(p),
-            loading: i(d),
+            label: i(d),
+            loading: i(p),
             placeholder: i(f),
             prefix: i(b),
             "prepend-icon": i(g),
@@ -2826,7 +2826,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
             suffix: i($),
             theme: i(L),
             variant: i(O)
-          }, Xt({ _: 2 }, [
+          }, nn({ _: 2 }, [
             i(N) ? {
               name: "append",
               fn: V(() => [
@@ -2899,11 +2899,11 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
     ]), { property: m } = a(e, [
       "settings",
       "hideOpposite"
-    ]), { property: p } = a(e, [
+    ]), { property: d } = a(e, [
       "settings",
       "line",
       "color"
-    ]), { color: d } = Y(p), { property: f } = a(e, [
+    ]), { color: p } = Y(d), { property: f } = a(e, [
       "settings",
       "line",
       "inset"
@@ -2925,7 +2925,7 @@ const al = /* @__PURE__ */ We(sl, [["render", ll]]), cl = /* @__PURE__ */ C({
         "dot-color": i(c),
         "fill-dot": i(u),
         "hide-opposite": i(m),
-        "line-color": i(d),
+        "line-color": i(p),
         "line-inset": i(f),
         "line-thickness": i(b),
         side: i(g),
@@ -2969,12 +2969,12 @@ 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 } = U(), { property: p } = a(e, ["settings", "value"]);
-    return (d, f) => {
+    ]), { 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, {
-        modelValue: i(p),
-        "onUpdate:modelValue": f[0] || (f[0] = (g) => Q(p) ? p.value = g : null),
+        modelValue: i(d),
+        "onUpdate:modelValue": f[0] || (f[0] = (g) => Q(d) ? d.value = g : null),
         continuous: i(o),
         direction: i(r),
         disabled: i(s),
@@ -2984,7 +2984,7 @@ const _l = /* @__PURE__ */ We(gl, [["render", hl]]), vl = /* @__PURE__ */ C({
         touch: i(u)
       }, {
         default: V(() => [
-          K(d.$slots, "default")
+          K(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
@@ -3056,21 +3056,21 @@ 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);
-    const { applySize: u } = pe(o, s), m = k(() => {
+    const { applySize: u } = de(o, s), m = k(() => {
       const _ = {};
       return l.value?.type === "common" && u(_), _;
-    }), { property: p } = a(s, ["instances"]), d = (_, h) => {
+    }), { property: d } = a(s, ["instances"]), p = (_, h) => {
       _.findIndex((v) => v === h) >= 0 || _.push(h);
     }, f = k(() => {
       const _ = [];
-      if (!Array.isArray(p.value))
+      if (!Array.isArray(d.value))
         return _;
-      for (const h of p.value)
-        typeof h == "string" && h && d(_, h);
+      for (const h of d.value)
+        typeof h == "string" && h && p(_, h);
       return _;
     }), b = (_, h) => G(Il, {
       key: _,
@@ -3168,20 +3168,20 @@ 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 = X(), 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());
-    const { applySize: m } = pe(o, s), p = k(() => {
+    const { applySize: m } = de(o, s), d = k(() => {
       const h = {};
       return c.value?.type === "common" && m(h), h;
-    }), { property: d } = a(s, ["instances"]), f = (h, v) => {
+    }), { property: p } = a(s, ["instances"]), f = (h, v) => {
       h.findIndex((S) => S === v) >= 0 || h.push(v);
     }, b = k(() => {
       const h = [];
-      if (!Array.isArray(d.value))
+      if (!Array.isArray(p.value))
         return h;
-      for (const v of d.value)
+      for (const v of p.value)
         typeof v == "string" && v && f(h, v);
       return h;
     }), g = (h, v) => G(Cl, {
@@ -3205,7 +3205,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
           "div",
           {
             id: e.id,
-            style: p.value
+            style: d.value
           },
           {
             default: () => b.value.map((v) => g(v, h))
@@ -3232,14 +3232,14 @@ 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 = X(), 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());
-    const { applySize: m } = pe(o, s), p = k(() => {
+    const { applySize: m } = de(o, s), d = k(() => {
       const b = {};
       return c.value?.type === "common" && m(b), b;
-    }), d = (b) => {
+    }), p = (b) => {
       const g = _e[b.key];
       if (!g) {
         console.assert(!1, `element not found key=${b.key}`);
@@ -3260,7 +3260,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
         {
           default: () => {
             if (!g.leaf)
-              return b.children?.map((h) => d(h));
+              return b.children?.map((h) => p(h));
           }
         }
       );
@@ -3279,10 +3279,10 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
           "div",
           {
             id: e.id,
-            style: p.value
+            style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((g) => d(g))
+            default: () => c.value?.view.nodeLites.map((g) => p(g))
           }
         );
       if (b === "scene")
@@ -3292,7 +3292,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
             id: e.id
           },
           {
-            default: () => c.value?.view.nodeLites.map((g) => d(g))
+            default: () => c.value?.view.nodeLites.map((g) => p(g))
           }
         );
     };
@@ -3322,15 +3322,15 @@ 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 = X(), 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());
-    const { applySize: m } = pe(o, s), p = k(() => {
+    const { applySize: m } = de(o, s), d = k(() => {
       const b = {};
       return c.value?.type === "common" && m(b), b;
     });
-    function d(b) {
+    function p(b) {
       const g = _e[b.key];
       if (!g) {
         console.assert(!1, `element not found key=${b.key}`);
@@ -3351,7 +3351,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
         {
           default: () => {
             if (!g.leaf)
-              return b.children?.map((h) => d(h));
+              return b.children?.map((h) => p(h));
           }
         }
       );
@@ -3371,10 +3371,10 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
           "div",
           {
             id: e.id,
-            style: p.value
+            style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((g) => d(g))
+            default: () => c.value?.view.nodeLites.map((g) => p(g))
           }
         );
       b === "scene" && G(
@@ -3383,7 +3383,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
           id: e.id
         },
         {
-          default: () => c.value?.view.nodeLites.map((g) => d(g))
+          default: () => c.value?.view.nodeLites.map((g) => p(g))
         }
       );
     };
@@ -3505,7 +3505,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       ]
     }
   ]
-}, rt = {
+}, mt = {
   key: "legend",
   name: "x-runtime-lib.legend",
   children: [
@@ -3643,7 +3643,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       default: ""
     }
   ]
-}, st = {
+}, pt = {
   key: "title",
   name: "x-runtime-lib.title",
   children: [
@@ -3752,7 +3752,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       ]
     }
   ]
-}, lt = {
+}, dt = {
   key: "xAxis",
   name: "x-runtime-lib.xAxis",
   children: [
@@ -3785,7 +3785,7 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
       defaultArray: []
     }
   ]
-}, at = {
+}, ft = {
   key: "yAxis",
   name: "x-runtime-lib.yAxis",
   children: [
@@ -3820,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: [
@@ -3872,15 +3872,15 @@ const wl = /* @__PURE__ */ We(xl, [["render", kl]]), Il = /* @__PURE__ */ C({
   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(zl);
-const hn = {
+const In = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3918,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: [],
@@ -4015,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}`
@@ -4023,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,
@@ -4060,7 +4060,7 @@ function Rl(t, n) {
     }
   };
 }
-const _n = {
+const Sn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4104,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: [],
@@ -4118,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) {
@@ -4166,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}`
@@ -4174,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,
@@ -4212,7 +4212,7 @@ function Ol(t, n) {
     }
   };
 }
-const vn = {
+const Cn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4264,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: [],
@@ -4278,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",
@@ -4301,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 dt = D(Z);
-dt.children[0].default = "custom";
-dt.children[2].children[0].default = "0xffffff";
-dt.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: [
-    dt,
+    ht,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4331,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 pt = D(Z);
-pt.children[0].default = "custom";
-pt.children[2].children[0].default = "0xffffff";
-pt.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: [
-    pt,
+    _t,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4375,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",
@@ -4436,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: [],
@@ -4474,7 +4474,7 @@ I(Hl);
 const Ne = {
   key: "scene_mesh_v1",
   name: "x-runtime-lib.mesh",
-  comp: pr,
+  comp: dr,
   properties: {
     pageScene: [y, te],
     compScene: [y, te]
@@ -4490,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]
@@ -4508,7 +4508,7 @@ function Ul(t, n) {
     }
   };
 }
-const Sn = {
+const zn = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -4529,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, q, st, lt, at, rt, Sn],
-    compCommon: [y, q, 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]
@@ -4565,7 +4565,7 @@ function Jl(t, n) {
     }
   };
 }
-const Cn = {
+const Tn = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -4586,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, q, st, lt, at, rt, Cn],
-    compCommon: [y, q, 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: [
@@ -4638,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);
@@ -4649,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: [
@@ -4749,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, q, Vn],
-    compCommon: [y, q, Vn]
+    pageCommon: [y, q, An],
+    compCommon: [y, q, An]
   },
   events: [
     {
@@ -4766,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",
@@ -4777,7 +4777,7 @@ const Zl = {
   }
 };
 I(Zl);
-const Pn = {
+const Mn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4843,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);
@@ -4867,7 +4867,7 @@ function ea(t, n) {
     }
   };
 }
-const Ln = {
+const Wn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4927,13 +4927,13 @@ const Ln = {
   name: "x-runtime-lib.card",
   comp: Vs,
   properties: {
-    pageCommon: [y, q, Ln],
-    compCommon: [y, q, Ln]
+    pageCommon: [y, q, Wn],
+    compCommon: [y, q, Wn]
   },
   spawn: ea
 };
 I(je);
-const zn = {
+const Bn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4955,13 +4955,13 @@ const zn = {
   name: "x-runtime-lib.checkbox",
   comp: Ps,
   properties: {
-    pageCommon: [y, zn],
-    compCommon: [y, zn]
+    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: [
@@ -5036,39 +5036,39 @@ const na = D(Z), Tn = {
     },
     na
   ]
-}, Vt = {
+}, At = {
   key: "common_chip_v1",
   name: "x-runtime-lib.chip",
   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 = 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"), p = ze(t, n, "chip5", "chip 5"), d = ze(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,
       c.nodeLite,
       u.nodeLite,
       m.nodeLite,
-      p.nodeLite,
-      d.nodeLite
+      d.nodeLite,
+      p.nodeLite
     ]),
     nodes: {
       [r.basic.id]: r,
@@ -5076,8 +5076,8 @@ function oa(t, n) {
       ...c.nodes,
       ...u.nodes,
       ...m.nodes,
-      ...p.nodes,
-      ...d.nodes
+      ...d.nodes,
+      ...p.nodes
     }
   };
 }
@@ -5087,20 +5087,20 @@ function ze(t, n, e, o) {
     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: [
@@ -5154,17 +5154,17 @@ const En = {
       default: !1
     }
   ]
-}, Pt = {
+}, Mt = {
   key: "common_chip_group_v1",
   name: "x-runtime-lib.chipGroup",
   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",
@@ -5176,7 +5176,7 @@ const ia = {
   leaf: !0
 };
 I(ia);
-const An = {
+const Dn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5222,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]
-}, Lt = {
+  children: [mn]
+}, Wt = {
   key: "common_container_v1",
   name: "x-runtime-lib.container",
   comp: As,
   properties: {
-    pageCommon: [y, q, Te, Ee, Ae, Mn],
-    compCommon: [y, q, Te, Ee, Ae, Mn]
+    pageCommon: [y, q, Te, Ee, Ae, On],
+    compCommon: [y, q, Te, Ee, Ae, On]
   },
   events: [
     {
@@ -5250,8 +5250,8 @@ const Mn = {
     }
   ]
 };
-I(Lt);
-const Wn = {
+I(Wt);
+const Fn = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -5270,7 +5270,7 @@ const Wn = {
       default: ""
     }
   ]
-}, Bn = {
+}, Nn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5378,7 +5378,7 @@ const Wn = {
       default: !1
     }
   ]
-}, Rn = {
+}, jn = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -5408,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
 };
@@ -5446,7 +5446,7 @@ const aa = {
   teleport: !0
 };
 I(aa);
-const Kn = {
+const Gn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
@@ -5455,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: [
@@ -5476,16 +5476,16 @@ const Kn = {
       default: !1
     }
   ]
-}, zt = {
+}, Bt = {
   key: "common_flex_layout_entry_v1",
   name: "x-runtime-lib.flexLayoutEntry",
   comp: Fs,
   properties: {
-    pageCommon: [y, q, Dn],
-    compCommon: [y, q, Dn]
+    pageCommon: [y, q, Hn],
+    compCommon: [y, q, Hn]
   }
 };
-I(zt);
+I(Bt);
 function ca(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -5499,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",
@@ -5508,7 +5508,7 @@ function ca(t, n) {
     void 0,
     "40px",
     void 0
-  ), c = Tt(
+  ), c = Rt(
     t,
     n,
     "#00ff00",
@@ -5536,14 +5536,14 @@ function ua(t, n) {
     );
     return;
   }
-  const s = zt.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 = zt.key;
-  const l = Tt(
+  M(r, s), r.basic.id = T(16), r.basic.key = Bt.key;
+  const l = Rt(
     t,
     n,
     "#0000ff",
@@ -5561,33 +5561,33 @@ function ua(t, n) {
     }
   };
 }
-function Tt(t, n, e, o, s, r, l, c, u) {
-  const m = `type=${t} subtype=${n}`, p = B(t, n);
-  if (!p) {
+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(
       `flexLayoutV1/spawnContainer property tag not found, ${m}`
     );
     return;
   }
-  const d = Lt.properties[p];
-  if (!d) {
+  const p = Wt.properties[d];
+  if (!p) {
     console.error(
       `flexLayoutV1/spawnContainer properties not found, ${m}`
     );
     return;
   }
   const f = E();
-  return M(f, d), f.basic.id = T(16), f.basic.key = Lt.key, o && (f.size.width = o), s && (f.size.minWidth = s), l && (f.size.height = l), c && (f.size.minHeight = c), e && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = e, f.settings.backgroundColor.custom.dark = e), {
+  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: [
@@ -5755,15 +5755,15 @@ const On = {
         }
       ]
     },
-    sn
+    pn
   ]
 }, Ge = {
   key: "common_flex_layout_v1",
   name: "x-runtime-lib.flexLayout",
   comp: Os,
   properties: {
-    pageCommon: [y, q, Te, Ee, Ae, On],
-    compCommon: [y, q, Te, Ee, Ae, On]
+    pageCommon: [y, q, Te, Ee, Ae, Un],
+    compCommon: [y, q, Te, Ee, Ae, Un]
   },
   events: [
     {
@@ -5774,7 +5774,7 @@ const On = {
   spawn: ca
 };
 I(Ge);
-const Fn = {
+const Jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5895,7 +5895,7 @@ const Fn = {
       default: ""
     }
   ]
-}, Nn = {
+}, qn = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -5924,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: [],
@@ -5954,21 +5954,21 @@ 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;
-  const l = da(t, n);
+  M(r, s), r.basic.id = T(16), r.basic.key = Dt.key;
+  const l = pa(t, n);
   return {
     nodeLite: A(r, [l.nodeLite]),
     nodes: {
@@ -5977,26 +5977,26 @@ function ma(t, n) {
     }
   };
 }
-function da(t, n) {
+function pa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     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: [
@@ -6014,13 +6014,13 @@ const jn = {
       default: !1
     }
   ]
-}, At = {
+}, Dt = {
   key: "common_form_v1",
   name: "x-runtime-lib.form",
   comp: Ns,
   properties: {
-    pageCommon: [y, q, Te, Ee, Ae, jn],
-    compCommon: [y, q, Te, Ee, Ae, jn]
+    pageCommon: [y, q, Te, Ee, Ae, Xn],
+    compCommon: [y, q, Te, Ee, Ae, Xn]
   },
   events: [
     {
@@ -6030,8 +6030,8 @@ const jn = {
   ],
   spawn: ma
 };
-I(At);
-const pa = D(Z), Gn = {
+I(Dt);
+const da = D(Z), Yn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6054,15 +6054,15 @@ const pa = D(Z), Gn = {
       items: "sizeItemsV1",
       default: "default"
     },
-    pa
+    da
   ]
 }, fa = {
   key: "common_icon_v1",
   name: "x-runtime-lib.icon",
   comp: js,
   properties: {
-    pageCommon: [y, Gn],
-    compCommon: [y, Gn]
+    pageCommon: [y, Yn],
+    compCommon: [y, Yn]
   },
   leaf: !0
 };
@@ -6094,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: [
@@ -6133,7 +6133,7 @@ const Hn = {
       default: ""
     }
   ]
-}, Un = {
+}, Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6274,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: [
     {
@@ -6307,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: [
@@ -6376,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: [
@@ -6419,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,
@@ -6458,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(
@@ -6466,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: [
@@ -6522,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: [
@@ -6655,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: [
@@ -6721,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: [
@@ -6773,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: [
@@ -6893,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: [
@@ -6919,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,
@@ -6934,8 +6934,8 @@ const Rt = {
     compCommon: [y]
   }
 };
-I(Rt);
-const no = {
+I(jt);
+const ao = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6946,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,
@@ -6965,8 +6965,8 @@ const Dt = {
     compCommon: [y]
   }
 };
-I(Dt);
-const oo = {
+I(Ht);
+const co = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6977,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]),
@@ -7016,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: {
@@ -7034,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
@@ -7059,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: {
@@ -7077,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(
@@ -7085,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}`
@@ -7093,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]),
@@ -7122,7 +7122,7 @@ function $a(t, n, e) {
     }
   };
 }
-const io = {
+const uo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7139,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",
@@ -7161,7 +7161,7 @@ const Va = {
   leaf: !0
 };
 I(Va);
-const ro = {
+const mo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7178,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: {
@@ -7213,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 dn = D(Z);
-dn.key = "sliderColor";
-dn.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: [
@@ -7317,20 +7317,20 @@ const so = {
     {
       key: "color",
       name: "x-runtime-lib.color",
-      children: [un, mn, dn]
+      children: [bn, gn, hn]
     }
   ]
-}, jt = {
+}, Xt = {
   key: "common_tabs_v1",
   name: "x-runtime-lib.tabs",
-  comp: dl,
+  comp: pl,
   properties: {
-    pageCommon: [y, so],
-    compCommon: [y, so]
+    pageCommon: [y, po],
+    compCommon: [y, po]
   },
   spawn: Pa
 };
-I(jt);
+I(Xt);
 function La(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -7350,7 +7350,7 @@ function La(t, n) {
     }
   };
 }
-const lo = {
+const fo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7439,10 +7439,10 @@ const lo = {
 }, Se = {
   key: "common_text_v1",
   name: "x-runtime-lib.text",
-  comp: pl,
+  comp: dl,
   properties: {
-    pageCommon: [y, lo],
-    compCommon: [y, lo]
+    pageCommon: [y, fo],
+    compCommon: [y, fo]
   },
   leaf: !0,
   spawn: La
@@ -7454,20 +7454,20 @@ function za(t, n) {
     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: [
@@ -7538,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: za
 };
-I(Gt);
-const Ht = {
+I(Yt);
+const Zt = {
   key: "common_timeline_item_v1",
   name: "x-runtime-lib.timelineItem",
   comp: _l,
@@ -7559,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: {
@@ -7584,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]),
@@ -7625,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: [
@@ -7703,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,
@@ -7723,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: {
@@ -7748,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]),
@@ -7813,7 +7813,7 @@ function Ra(t, n, e) {
     }
   };
 }
-const uo = {
+const go = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7861,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: [
@@ -7883,7 +7883,7 @@ const mo = {
       default: void 0
     }
   ]
-}, po = {
+}, ot = {
   key: "instances",
   name: "x-runtime-lib.instances",
   ui: "strInput",
@@ -7895,13 +7895,15 @@ const mo = {
   name: "x-runtime-lib.multipleRef",
   comp: Sl,
   properties: {
-    pageCommon: [y, q, mo, po],
-    compCommon: [y, q, 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: [
@@ -7918,7 +7920,7 @@ const fo = {
       default: void 0
     }
   ]
-}, yo = {
+}, rt = {
   key: "instances",
   name: "x-runtime-lib.instances",
   ui: "strInput",
@@ -7930,13 +7932,15 @@ const fo = {
   name: "x-runtime-lib.multipleSlot",
   comp: $l,
   properties: {
-    pageCommon: [y, q, fo, yo],
-    compCommon: [y, q, 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: [
@@ -7952,13 +7956,15 @@ const bo = {
   name: "x-runtime-lib.reference",
   comp: Vl,
   properties: {
-    pageCommon: [y, q, bo],
-    compCommon: [y, q, 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: [
@@ -7974,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: [
@@ -8001,8 +8007,10 @@ const ho = {
   name: "x-runtime-lib.slot",
   comp: we,
   properties: {
-    pageCommon: [y, q, ho],
-    compCommon: [y, q, ho]
+    pageCommon: [y, q, lt],
+    compCommon: [y, q, lt],
+    pageScene: [y, lt],
+    compScene: [y, lt]
   },
   leaf: !0
 };
@@ -8152,13 +8160,13 @@ const Za = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], dc = [
+], pc = [
   { title: "x-runtime-lib.xSmall", value: "x-small" },
   { title: "x-runtime-lib.small", value: "small" },
   { title: "x-runtime-lib.default", value: "default" },
   { title: "x-runtime-lib.large", value: "large" },
   { title: "x-runtime-lib.xLarge", value: "x-large" }
-], pc = [
+], dc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" },
@@ -8238,8 +8246,8 @@ const Za = [
   fontWeightItemsV1: cc,
   sheetVariantItemsV1: uc,
   showTicksItemsV1: mc,
-  sizeItemsV1: dc,
-  textAlignItemsV1: pc,
+  sizeItemsV1: pc,
+  textAlignItemsV1: dc,
   textDecorationItemsV1: fc,
   textEmphasisItemsV1: yc,
   textStyleItemsV1: bc,
@@ -8282,7 +8290,7 @@ const Za = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: ut,
+    validator: bt,
     default: "0px",
     precision: 0,
     min: 0,
@@ -8330,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%"
   }
@@ -8353,7 +8361,7 @@ const Za = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: ut,
+    validator: bt,
     min: 0,
     default: "0px"
   },
@@ -8361,7 +8369,7 @@ const Za = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Zt,
+    validator: rn,
     precision: 6,
     min: 0,
     default: "0%"
@@ -8378,7 +8386,7 @@ const Za = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: ut,
+    validator: bt,
     min: 0,
     default: "0px"
   },
@@ -8386,7 +8394,7 @@ const Za = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: Zt,
+    validator: rn,
     precision: 6,
     min: 0,
     default: "0%"
@@ -8849,18 +8857,18 @@ function Su(t, n, e, o, s) {
       console.error(`spawnNode [ref] element not found in pkg, ${r}`);
       return;
     }
-    const p = _e[u];
-    if (!p) {
+    const d = _e[u];
+    if (!d) {
       console.error(`spawnNode [ref] element not found in global, ${r}`);
       return;
     }
-    const d = p.properties[l];
-    if (!d) {
+    const p = d.properties[l];
+    if (!p) {
       console.error(`spawnNode [ref] properties not found, ${r}`);
       return;
     }
     const f = E();
-    return M(f, d), f.basic.id = T(16), f.basic.key = u, f.settings || (f.settings = {}), f.settings.comp = m, {
+    return M(f, p), f.basic.id = T(16), f.basic.key = u, f.settings || (f.settings = {}), f.settings.comp = m, {
       nodeLite: A(f),
       nodes: {
         [f.basic.id]: f
@@ -8880,18 +8888,18 @@ function Su(t, n, e, o, s) {
     if (m.spawn)
       return m.spawn(t, n);
     {
-      const p = m.properties[l];
-      if (!p) {
+      const d = m.properties[l];
+      if (!d) {
         console.error(`spawnNode [key] properties not found, ${r}`);
         return;
       }
-      const d = E();
-      M(d, p), d.basic.id = T(16), d.basic.key = u;
+      const p = E();
+      M(p, d), p.basic.id = T(16), p.basic.key = u;
       let f;
       return m.leaf || (f = []), {
-        nodeLite: A(d, f),
+        nodeLite: A(p, f),
         nodes: {
-          [d.basic.id]: d
+          [p.basic.id]: p
         }
       };
     }
@@ -8931,67 +8939,67 @@ function $u(t) {
 }
 const Oo = "runtimeOrg", Fo = "runtimeEnv", No = "runtimeMode", jo = "runtimeDevice", Go = "runtimeDark", Ho = "runtimeId", Uo = "runtimeType", Jo = "runtimeData", qo = "runtimeDepends", Xo = "runtimeRuntime", Yo = "runtimeSandbox";
 function Vu(t) {
-  de(Oo, t);
+  pe(Oo, t);
 }
 function Kc() {
   return me(Oo);
 }
 function Pu(t) {
-  de(Fo, t);
+  pe(Fo, t);
 }
 function Dc() {
   return me(Fo);
 }
 function Lu(t) {
-  de(No, t);
+  pe(No, t);
 }
 function X() {
   return me(No);
 }
 function zu(t) {
-  de(jo, Yt(t));
+  pe(jo, on(t));
 }
 function Re() {
   return me(jo);
 }
 function Tu(t) {
-  de(Go, Yt(t));
+  pe(Go, on(t));
 }
 function Ze() {
   return me(Go);
 }
 function Eu(t) {
-  de(Ho, t);
+  pe(Ho, t);
 }
 function Qe() {
   return me(Ho);
 }
 function Au(t) {
-  de(Uo, t);
+  pe(Uo, t);
 }
 function xe() {
   return me(Uo);
 }
 function $e(t) {
-  de(Jo, t);
+  pe(Jo, t);
 }
 function be() {
   return me(Jo);
 }
 function Mu(t) {
-  de(qo, Yt(t));
+  pe(qo, on(t));
 }
 function Oc() {
   return me(qo);
 }
 function Wu(t) {
-  de(Xo, t);
+  pe(Xo, t);
 }
 function Fc() {
   return me(Xo);
 }
 function Nc(t) {
-  de(Yo, t);
+  pe(Yo, t);
 }
 function fe() {
   return me(Yo, void 0);
@@ -9000,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]) {
@@ -9015,76 +9023,76 @@ function nt(t, n, e, o, s) {
         continue;
       }
       let m = null;
-      for (const d of u)
-        if (e === Oe(d)) {
-          if (d.subKeys) {
+      for (const p of u)
+        if (e === Oe(p)) {
+          if (p.subKeys) {
             if (!se(
-              ke(o, d.subKeys),
-              ke(s, d.subKeys)
+              ke(o, p.subKeys),
+              ke(s, p.subKeys)
             )) {
-              m = d;
+              m = p;
               break;
             }
           } else if (!se(o, s)) {
-            m = d;
+            m = p;
             break;
           }
         }
       if (!m)
         continue;
-      let p;
-      m.subKeys ? p = ke(o, m.subKeys) : p = o;
-      for (const d of u)
-        if (d.subKeys) {
+      let d;
+      m.subKeys ? d = ke(o, m.subKeys) : d = o;
+      for (const p of u)
+        if (p.subKeys) {
           let f;
-          if (d.type === "elementProperty")
+          if (p.type === "elementProperty")
             f = t.getElementProperty(
-              d.nodeId,
-              d.propertyKeys.split(".")
+              p.nodeId,
+              p.propertyKeys.split(".")
             );
-          else if (d.type === "customProperty")
-            f = t.getCustomProperty(d.propertyId);
-          else if (d.type === "state")
-            f = t.getState(d.stateId);
-          else if (d.type === "adaptSlotProperty")
-            f = t.getAdaptSlotProperty(d.propertyId);
+          else if (p.type === "customProperty")
+            f = t.getCustomProperty(p.propertyId);
+          else if (p.type === "state")
+            f = t.getState(p.stateId);
+          else if (p.type === "adaptSlotProperty")
+            f = t.getAdaptSlotProperty(p.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          const b = ke(f, d.subKeys);
-          if (se(p, b))
+          const b = ke(f, p.subKeys);
+          if (se(d, b))
             continue;
           const g = D(f);
-          Qt(g, d.subKeys, D(p)), d.type === "elementProperty" ? t.setElementProperty(
-            d.nodeId,
-            d.propertyKeys.split("."),
+          sn(g, p.subKeys, D(d)), p.type === "elementProperty" ? t.setElementProperty(
+            p.nodeId,
+            p.propertyKeys.split("."),
             g
-          ) : d.type === "customProperty" ? t.setCustomProperty(d.propertyId, g) : d.type === "state" ? t.setState(d.stateId, g) : d.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(d.propertyId, g) : console.assert(!1);
+          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, g) : p.type === "state" ? t.setState(p.stateId, g) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, g) : console.assert(!1);
         } else {
           let f;
-          if (d.type === "elementProperty")
+          if (p.type === "elementProperty")
             f = t.getElementProperty(
-              d.nodeId,
-              d.propertyKeys.split(".")
+              p.nodeId,
+              p.propertyKeys.split(".")
             );
-          else if (d.type === "customProperty")
-            f = t.getCustomProperty(d.propertyId);
-          else if (d.type === "state")
-            f = t.getState(d.stateId);
-          else if (d.type === "adaptSlotProperty")
-            f = t.getAdaptSlotProperty(d.propertyId);
+          else if (p.type === "customProperty")
+            f = t.getCustomProperty(p.propertyId);
+          else if (p.type === "state")
+            f = t.getState(p.stateId);
+          else if (p.type === "adaptSlotProperty")
+            f = t.getAdaptSlotProperty(p.propertyId);
           else {
             console.assert(!1);
             continue;
           }
-          if (se(p, f))
+          if (se(d, f))
             continue;
-          d.type === "elementProperty" ? t.setElementProperty(
-            d.nodeId,
-            d.propertyKeys.split("."),
-            D(p)
-          ) : d.type === "customProperty" ? t.setCustomProperty(d.propertyId, D(p)) : d.type === "state" ? t.setState(d.stateId, D(p)) : d.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(d.propertyId, D(p)) : console.assert(!1);
+          p.type === "elementProperty" ? t.setElementProperty(
+            p.nodeId,
+            p.propertyKeys.split("."),
+            D(d)
+          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, D(d)) : p.type === "state" ? t.setState(p.stateId, D(d)) : p.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(p.propertyId, D(d)) : console.assert(!1);
         }
     }
 }
@@ -9288,8 +9296,8 @@ function Hc(t) {
         if (/^\[\d+\]$/.test(u)) {
           let m = parseInt(u.slice(1, -1), 10);
           m > 0 && m--;
-          const p = n.newNumber(m);
-          n.setProp(s, l.toString(), p), p.dispose(), l++;
+          const d = n.newNumber(m);
+          n.setProp(s, l.toString(), d), d.dispose(), l++;
         } else {
           const m = n.newString(u);
           n.setProp(s, l.toString(), m), m.dispose(), l++;
@@ -9318,8 +9326,8 @@ function Hc(t) {
       if (Me(t)) {
         var l = [];
         try {
-          const p = Pe(l, n.getProp(n.global, "__timeoutCallback__"));
-          n.callFunction(p, n.global, n.newNumber(s));
+          const d = Pe(l, n.getProp(n.global, "__timeoutCallback__"));
+          n.callFunction(d, n.global, n.newNumber(s));
         } catch (c) {
           var u = c, m = !0;
         } finally {
@@ -9352,18 +9360,18 @@ function Jc(t) {
   }
   const { vm: n } = t;
   n.newFunction("__callFuncV1__", (e, o, s, r, l) => {
-    const c = n.getString(e), u = n.getString(o), m = n.dump(s), p = n.getString(r), d = n.getString(l), { id: f, promise: b } = t.promiseManager.acquire(), g = JSON.stringify(m);
+    const c = n.getString(e), u = n.getString(o), m = n.dump(s), d = n.getString(r), p = n.getString(l), { id: f, promise: b } = t.promiseManager.acquire(), g = JSON.stringify(m);
     return Uc({
       spaceId: c,
       id: u,
       strInputs: g,
-      env: p
+      env: d
     }).then(
       ({ strOutputs: _ }) => {
         Me(t) && (b.resolve(n.evalCode(`JSON.parse('${_}')`).unwrap()), t.promiseManager.release(f));
       },
       (_) => {
-        Me(t) && (b.reject(n.newString(`call func <${d}> failed, ${_}`)), t.promiseManager.release(f));
+        Me(t) && (b.reject(n.newString(`call func <${p}> failed, ${_}`)), t.promiseManager.release(f));
       }
     ), b.settled.then(n.runtime.executePendingJobs), b.handle;
   }).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
@@ -9389,9 +9397,9 @@ function Xc(t) {
         const N = Pe(c, n.getProp(n.global, "__triggerEventInner__"));
         n.callFunction(N, n.global, e, ...o);
       } catch (u) {
-        var m = u, p = !0;
+        var m = u, d = !0;
       } finally {
-        Le(c, m, p);
+        Le(c, m, d);
       }
     }
     const s = n.getString(e), { kind: r, eventKey: l } = Gc(s);
@@ -9400,14 +9408,14 @@ function Xc(t) {
       try {
         const N = Pe($, n.getProp(n.global, "__triggerEventV1__"));
         {
-          var d = [];
+          var p = [];
           try {
-            const F = Pe(d, n.newString(re("refEvent", t.id, l)));
+            const F = Pe(p, n.newString(re("refEvent", t.id, l)));
             n.callFunction(N, n.global, F, ...o);
           } catch (f) {
             var b = f, g = !0;
           } finally {
-            Le(d, b, g);
+            Le(p, b, g);
           }
         }
         {
@@ -9435,37 +9443,37 @@ function Xc(t) {
     if (l === "elementProperty")
       m = t.getElementProperty(c, u.split("."));
     else if (l === "refProperty") {
-      const p = t.children[c];
-      p && (m = p.getCustomProperty(u));
+      const d = t.children[c];
+      d && (m = d.getCustomProperty(u));
     } else if (l === "multipleRefProperty") {
-      const p = t.children[c + "/" + r];
-      p && (m = p.getCustomProperty(u));
+      const d = t.children[c + "/" + r];
+      d && (m = d.getCustomProperty(u));
     } else l === "customProperty" ? m = t.getCustomProperty(u) : l === "customSlotProperty" || (l === "adaptSlotElementProperty" || l === "adaptSlotCustomProperty" ? m = t.getAdaptSlotProperty(u) : console.assert(!1));
     return He(n, m);
   }).consume((e) => n.setProp(n.global, "__getPropertyV1__", e)), n.newFunction("__setPropertyV1__", (e, o, s) => {
-    const r = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, propertyKey: p } = vo(r);
+    const r = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, propertyKey: d } = vo(r);
     if (u === "elementProperty")
-      t.setElementProperty(m, p.split("."), c);
+      t.setElementProperty(m, d.split("."), c);
     else if (u === "refProperty") {
-      const d = t.children[m];
-      d && d.setCustomProperty(p, c);
+      const p = t.children[m];
+      p && p.setCustomProperty(d, c);
     } else if (u === "multipleRefProperty") {
-      const d = t.children[m + "/" + l];
-      d && d.setCustomProperty(p, c);
-    } else u === "customProperty" ? t.setCustomProperty(p, c) : u === "customSlotProperty" || (u === "adaptSlotElementProperty" || u === "adaptSlotCustomProperty" ? t.setAdaptSlotProperty(p, c) : console.assert(!1));
+      const p = t.children[m + "/" + l];
+      p && p.setCustomProperty(d, c);
+    } else u === "customProperty" ? t.setCustomProperty(d, c) : u === "customSlotProperty" || (u === "adaptSlotElementProperty" || u === "adaptSlotCustomProperty" ? t.setAdaptSlotProperty(d, c) : console.assert(!1));
   }).consume((e) => n.setProp(n.global, "__setPropertyV1__", e)), n.newFunction("__callMethodV1__", (e, o, s) => {
-    const r = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, methodKey: p } = Zo(r);
-    let d;
+    const r = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, methodKey: d } = Zo(r);
+    let p;
     if (u === "elementMethod")
-      d = t.callElementMethod(r, c);
+      p = t.callElementMethod(r, c);
     else if (u === "refMethod") {
       const f = t.children[m];
-      f && (d = f.callCustomMethod(p, c));
+      f && (p = f.callCustomMethod(d, c));
     } else if (u === "multipleRefMethod") {
       const f = t.children[m + "/" + l];
-      f && (d = f.callCustomMethod(p, c));
+      f && (p = f.callCustomMethod(d, c));
     } else u === "customMethod" || u === "customSlotMethod" || u === "adaptSlotElementMethod" || u === "adaptSlotCustomMethod" || console.assert(!1);
-    return d;
+    return p;
   }).consume((e) => n.setProp(n.global, "__callMethodV1__", e)), n.newFunction("__getStateV1__", (e) => {
     const o = n.getString(e), s = t.getState(o);
     return He(n, s);
@@ -9493,8 +9501,8 @@ function Xc(t) {
     }), c.settled.then(n.runtime.executePendingJobs), c.handle;
   }).consume((e) => n.setProp(n.global, "__openConfirmDlgV1__", e)), n.newFunction("__openPromptDlgV1__", (e, o, s) => {
     const r = n.getString(e), l = n.getString(o), c = n.dump(s), { id: u, promise: m } = t.promiseManager.acquire();
-    return ui({ title: r, label: l, value: c }).then((p) => {
-      Me(t) && (p === void 0 ? m.resolve(n.undefined) : m.resolve(n.newString(p)), t.promiseManager.release(u));
+    return ui({ title: r, label: l, value: c }).then((d) => {
+      Me(t) && (d === void 0 ? m.resolve(n.undefined) : m.resolve(n.newString(d)), t.promiseManager.release(u));
     }), m.settled.then(n.runtime.executePendingJobs), m.handle;
   }).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
 }
@@ -9692,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,
@@ -9773,7 +9781,7 @@ class eu {
   }
 }
 function Ke(t, n, e, o, s) {
-  const r = Kc(), l = Dc(), c = X(), u = xe(), m = Re(), p = Ze(), d = Fc(), f = (S, $, L, 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(
@@ -9794,7 +9802,7 @@ function Ke(t, n, e, o, s) {
         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({
@@ -9823,7 +9831,7 @@ function Ke(t, n, e, o, s) {
       re("multipleRefPropertyChangeEvent", v.id, S),
       $,
       L ?? $
-    ), t.value?.code.reactivity && nt(
+    ), t.value?.code.reactivity && at(
       v,
       t.value.code.reactivity,
       Oe({ type: "customProperty", propertyId: S }),
@@ -9833,7 +9841,7 @@ function Ke(t, n, e, o, s) {
   }, g = (S, $, L) => {
     ee(c) && console.log("onSlotPropetyChange", S, $, L);
   }, _ = (S, $, L) => {
-    ee(c) && t.value?.code.reactivity && nt(
+    ee(c) && t.value?.code.reactivity && at(
       v,
       t.value.code.reactivity,
       Oe({ type: "adaptSlotProperty", propertyId: S }),
@@ -9846,7 +9854,7 @@ function Ke(t, n, e, o, s) {
       re("stateChangeEvent", "globality", S),
       $,
       L ?? $
-    ), t.value?.code.reactivity && nt(
+    ), t.value?.code.reactivity && at(
       v,
       t.value.code.reactivity,
       Oe({ type: "state", stateId: S }),
@@ -9864,7 +9872,7 @@ function Ke(t, n, e, o, s) {
     v.dispose();
   }), ee(c)) {
     const S = async () => {
-      v.destroyVm(), v.associateData(t), v.resetCustomProperties(), v.resetAdaptSlotProperties(), v.resetStates(), !(!t.value || !t.value.code.script) && v.createVm(d, t.value.code.script);
+      v.destroyVm(), v.associateData(t), v.resetCustomProperties(), v.resetAdaptSlotProperties(), v.resetStates(), !(!t.value || !t.value.code.script) && v.createVm(p, t.value.code.script);
     };
     S(), ae(t, () => {
       S();
@@ -9873,7 +9881,7 @@ function Ke(t, n, e, o, s) {
   ee(c) && ae(
     m,
     (S, $) => {
-      const L = 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"),
@@ -9883,7 +9891,7 @@ function Ke(t, n, e, o, s) {
     },
     { immediate: !0 }
   ), ee(c) && ae(
-    p,
+    d,
     (S) => {
       v.callFunction(
         "__triggerEventV1__",
@@ -9911,23 +9919,23 @@ 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,
-  Lt as containerV1,
-  pu as dataStringify,
+  Wt as containerV1,
+  du as dataStringify,
   sa as dataTableV1,
   la as datePickerV1,
   aa as dialogV1,
@@ -9937,20 +9945,20 @@ export {
   vu as elementKeys,
   _e as elements,
   Iu as fileInputV1,
-  zt 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,
   Ya as globalityV1,
   Hl as groupV1,
   Xe as hasComp,
-  du as hasSlot,
+  pu as hasSlot,
   fa as iconV1,
   E as initNode,
   M as initProperties,
@@ -9971,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,
@@ -9993,7 +10001,7 @@ export {
   Ne as meshV1,
   Ka as multipleRefV1,
   Da as multipleSlotV1,
-  Mt as numberInputV1,
+  Ot as numberInputV1,
   Ml as orbitControlsV1,
   zl as orthographicCameraV1,
   bu as pageMetaStringify,
@@ -10002,7 +10010,7 @@ export {
   _u as parseCompMeta,
   fu as parseData,
   gu as parsePageMeta,
-  bt as parsePercentStr,
+  kt as parsePercentStr,
   uu as parsePixelStr,
   Tl as perspectiveCameraV1,
   Bc as pkgs,
@@ -10018,8 +10026,8 @@ export {
   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,
@@ -10027,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,
@@ -10065,6 +10073,6 @@ export {
   Zu as useRuntime,
   Ke as useSandbox,
   U as useTheme,
-  Jt as windowItemV1,
-  qt as windowV1
+  en as windowItemV1,
+  tn as windowV1
 };