x-runtime-lib 0.8.94 → 0.8.95

package/dist/index.js

@@ -15,24 +15,24 @@ var we = (t, e, n) => {
   } else n && t.push([n]);
   return e;
 }, Se = (t, e, n) => {
-  var i = typeof SuppressedError == "function" ? SuppressedError : function(a, c, p, m) {
-    return m = Error(p), m.name = "SuppressedError", m.error = a, m.suppressed = c, m;
+  var i = typeof SuppressedError == "function" ? SuppressedError : function(a, c, u, m) {
+    return m = Error(u), m.name = "SuppressedError", m.error = a, m.suppressed = c, m;
   }, r = (a) => e = n ? new i(a, e, "An error was suppressed during disposal") : (n = !0, a), s = (a) => {
     for (; a = t.pop(); )
       try {
         var c = a[1] && a[1].call(a[2]);
-        if (a[0]) return Promise.resolve(c).then(s, (p) => (r(p), s()));
-      } catch (p) {
-        r(p);
+        if (a[0]) return Promise.resolve(c).then(s, (u) => (r(u), s()));
+      } catch (u) {
+        r(u);
       }
     if (n) throw e;
   };
   return s();
 };
-import { defineComponent as $, createElementBlock as te, renderSlot as M, unref as o, openBlock as h, createElementVNode as Y, computed as v, normalizeStyle as ee, ref as oe, watchEffect as pe, watch as re, onBeforeMount as Yo, onUnmounted as Oe, createBlock as S, withCtx as _, createCommentVNode as ne, useTemplateRef as so, onMounted as lo, nextTick as ao, useAttrs as Zo, h as ae, resolveComponent as E, createVNode as W, isRef as J, createSlots as Wn, renderList as Qo, useId as co, withModifiers as er, normalizeClass as tr, toDisplayString as nr, inject as se, provide as le, readonly as Kn } from "vue";
+import { defineComponent as $, createElementBlock as te, renderSlot as M, unref as o, openBlock as h, createElementVNode as Y, computed as v, normalizeStyle as ee, ref as oe, watchEffect as pe, watch as re, onBeforeMount as Yo, onUnmounted as Oe, createBlock as S, withCtx as _, createCommentVNode as ne, useTemplateRef as so, onMounted as lo, nextTick as ao, useAttrs as Zo, h as ae, resolveComponent as E, createVNode as R, isRef as J, createSlots as Rn, renderList as Qo, useId as co, withModifiers as er, normalizeClass as tr, toDisplayString as nr, inject as se, provide as le, readonly as Kn } from "vue";
 import { globalObjects as he, waitUtil as uo, useViewStack as po, eventBus as mo, messageInfo as ir, messageSuccess as or, messageWarning as yo, messageError as fo, createAxios as rr, openConfirmDlg as sr, openPromptDlg as lr } from "x-essential-lib";
 import { CameraHelper as bo, DirectionalLightHelper as ar, PointLightHelper as cr, SpotLightHelper as ur } from "three";
-import { c as R, i as ce, q as Ge, u as pr, r as go, e as ho, a as mr, b as dr, d as yr, f as fr, g as br, h as gr, j as hr, k as xr, l as xo, X as vr, Y as kr, K as _r, m as wr, n as Sr, o as Vr, p as $r } from "./vendor.eh9kttp2.js";
+import { c as W, i as ce, q as Ge, u as pr, r as go, e as ho, a as mr, b as dr, d as yr, f as fr, g as br, h as gr, j as hr, k as xr, l as xo, X as vr, Y as kr, K as _r, m as wr, n as Sr, o as Vr, p as $r } from "./vendor.eh9kttp2.js";
 import { useTheme as Ir } from "vuetify";
 import { getErrorMessage as Cr } from "x-error-lib";
 import { useI18n as vo } from "vue-i18n";
@@ -158,11 +158,11 @@ function rp(t, e, n, i, r) {
   let a = s.children[n];
   a ? a.dataSeq !== i && (a = {
     dataSeq: i,
-    data: R(r),
+    data: W(r),
     children: {}
   }) : (a = {
     dataSeq: i,
-    data: R(r),
+    data: W(r),
     children: {}
   }, s.children[n] = a);
 }
@@ -173,6 +173,7 @@ function Er(t) {
     case "multipleRefProperty":
     case "customProperty":
     case "customSlotProperty":
+    case "adaptSlotCustomProperty":
       return !1;
   }
   return !0;
@@ -183,6 +184,7 @@ function Ar(t) {
     case "multipleRefMethod":
     case "customMethod":
     case "customSlotMethod":
+    case "adaptSlotCustomMethod":
       return !1;
   }
   return !0;
@@ -193,10 +195,12 @@ function Lr(t) {
     case "multipleRefEvent":
     case "customEvent":
     case "customSlotEvent":
+    case "adaptSlotCustomEvent":
     case "referencePropertyChangeEvent":
     case "multipleRefPropertyChangeEvent":
     case "customPropertyChangeEvent":
     case "customSlotPropertyChangeEvent":
+    case "adaptSlotCustomPropertyChangeEvent":
     case "stateChangeEvent":
       return !1;
   }
@@ -219,17 +223,17 @@ function On(t, e, n) {
 function lp(t, e) {
   const { i18n: n } = he;
   let i = "";
-  return t === "elementProperty" || (t === "referenceProperty" ? i = n.global.t("x-runtime-lib.reference") : t === "multipleRefProperty" ? i = n.global.t("x-runtime-lib.multipleRef") : t === "customProperty" ? i = n.global.t("x-runtime-lib.custom") : t === "elementSlotProperty" || t === "customSlotProperty" ? i = n.global.t("x-runtime-lib.slot") : console.assert(!1)), On(i, e, Er(t));
+  return t === "elementProperty" || (t === "referenceProperty" || t === "multipleRefProperty" || t === "customProperty" ? i = n.global.t("x-runtime-lib.custom") : t === "customSlotProperty" ? i = n.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? i = n.global.t("x-runtime-lib.adaptSlot") : console.assert(!1)), On(i, e, Er(t));
 }
 function ap(t, e) {
   const { i18n: n } = he;
   let i = "";
-  return t === "elementMethod" || (t === "referenceMethod" ? i = n.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? i = n.global.t("x-runtime-lib.multipleRef") : t === "customMethod" ? i = n.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? i = n.global.t("x-runtime-lib.slot") : console.assert(!1)), On(i, e, Ar(t));
+  return t === "elementMethod" || (t === "referenceMethod" || t === "multipleRefMethod" || t === "customMethod" ? i = n.global.t("x-runtime-lib.custom") : t === "customSlotMethod" ? i = n.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? i = n.global.t("x-runtime-lib.adaptSlot") : console.assert(!1)), On(i, e, Ar(t));
 }
 function cp(t, e) {
   const { i18n: n } = he;
   let i = "";
-  return t === "elementEvent" || (t === "referenceEvent" ? i = n.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? i = n.global.t("x-runtime-lib.multipleRef") : t === "customEvent" ? i = n.global.t("x-runtime-lib.custom") : t === "elementSlotEvent" || t === "customSlotEvent" ? i = n.global.t("x-runtime-lib.slot") : t === "elementPropertyChangeEvent" ? i = n.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? i = n.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? i = n.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? i = n.global.t("x-runtime-lib.customPropertyChange") : t === "elementSlotPropertyChangeEvent" || t === "customSlotPropertyChangeEvent" ? i = n.global.t("x-runtime-lib.slotPropertyChange") : t === "stateChangeEvent" ? i = n.global.t("x-runtime-lib.stateChange") : console.assert(!1)), On(i, e, Lr(t));
+  return t === "elementEvent" || (t === "referenceEvent" || t === "multipleRefEvent" || t === "customEvent" ? i = n.global.t("x-runtime-lib.custom") : t === "customSlotEvent" ? i = n.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementEvent" || t === "adaptSlotCustomEvent" ? i = n.global.t("x-runtime-lib.adaptSlot") : t === "elementPropertyChangeEvent" ? i = n.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? i = n.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? i = n.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? i = n.global.t("x-runtime-lib.customPropertyChange") : t === "customSlotPropertyChangeEvent" ? i = n.global.t("x-runtime-lib.customSlotPropertyChange") : t === "adaptSlotElementPropertyChangeEvent" || t === "adaptSlotCustomPropertyChangeEvent" ? i = n.global.t("x-runtime-lib.adaptSlotPropertyChange") : t === "stateChangeEvent" ? i = n.global.t("x-runtime-lib.stateChange") : console.assert(!1)), On(i, e, Lr(t));
 }
 const Me = {}, w = (t) => {
   Me[t.key] = t;
@@ -293,7 +297,7 @@ const Me = {}, w = (t) => {
     return;
   } else
     return r;
-}, Rr = (t, e, n, i, r) => {
+}, Wr = (t, e, n, i, r) => {
   let s;
   r ? typeof i == "object" ? s = JSON.stringify(i, null, 2) : (console.assert(!1), s = "{}") : s = i, t ? t.setElementProperty(e.basic.id, n, s) : Fn(e, n, s);
 };
@@ -302,7 +306,7 @@ function l(t, e, n) {
   return pe(() => {
     r.value = Br(i, t.node, e, n);
   }), re(r, (s, a) => {
-    ce(s, a) || Rr(i, t.node, e, r.value, n);
+    ce(s, a) || Wr(i, t.node, e, r.value, n);
   }), { property: r };
 }
 function me(t) {
@@ -334,7 +338,7 @@ function me(t) {
     "transform",
     "scale",
     "x"
-  ]), { property: p } = l(t, [
+  ]), { property: u } = l(t, [
     "transform",
     "scale",
     "y"
@@ -342,20 +346,20 @@ function me(t) {
     "transform",
     "scale",
     "z"
-  ]), u = oe([0, 0, 0]), d = oe([0, 0, 0]), y = oe([1, 1, 1]);
+  ]), p = oe([0, 0, 0]), d = oe([0, 0, 0]), y = oe([1, 1, 1]);
   return pe(() => {
-    u.value = [e.value, n.value, i.value];
+    p.value = [e.value, n.value, i.value];
   }), pe(() => {
-    e.value = u.value[0], n.value = u.value[1], i.value = u.value[2];
+    e.value = p.value[0], n.value = p.value[1], i.value = p.value[2];
   }), pe(() => {
     d.value = [r.value, s.value, a.value];
   }), pe(() => {
     r.value = d.value[0], s.value = d.value[1], a.value = d.value[2];
   }), pe(() => {
-    y.value = [c.value, p.value, m.value];
+    y.value = [c.value, u.value, m.value];
   }), pe(() => {
-    c.value = y.value[0], p.value = y.value[1], m.value = y.value[2];
-  }), { position: u, rotation: d, scale: y };
+    c.value = y.value[0], u.value = y.value[1], m.value = y.value[2];
+  }), { position: p, rotation: d, scale: y };
 }
 function wo(t) {
   const e = v(() => t.node.legend?.show), n = v(() => t.node.legend?.data);
@@ -416,16 +420,16 @@ function j(t) {
   }), s = v(() => n.value ? t.value.custom?.dark : t.value.custom?.light), a = v(() => i.value === "theme" ? r.value ?? "" : i.value === "custom" ? s.value ?? "" : ""), c = v(() => {
     const m = a.value;
     return !m.startsWith("#") || m.length < 7 ? "" : m.substring(0, 7);
-  }), p = v(() => {
+  }), u = v(() => {
     const m = a.value;
     return m.startsWith("#") ? m.length < 9 ? 1 : parseInt(m.substring(7, 9)) / 255 : 0;
   });
-  return { color: a, rgb: c, alpha: p };
+  return { color: a, rgb: c, alpha: u };
 }
 function Gn(t) {
-  const e = v(() => t.node.border?.style), n = v(() => t.node.border?.width), i = v(() => t.node.border?.color), { color: r } = j(i), s = v(() => t.node.border?.roundRadius?.tl), a = v(() => t.node.border?.roundRadius?.tr), c = v(() => t.node.border?.roundRadius?.bl), p = v(() => t.node.border?.roundRadius?.br);
-  function m(u) {
-    e.value && (u.borderStyle = e.value), n.value && (u.borderWidth = n.value), r.value && (u.borderColor = r.value), s.value && (u.borderTopLeftRadius = s.value), a.value && (u.borderTopRightRadius = a.value), c.value && (u.borderBottomLeftRadius = c.value), p.value && (u.borderBottomRightRadius = p.value);
+  const e = v(() => t.node.border?.style), n = v(() => t.node.border?.width), i = v(() => t.node.border?.color), { color: r } = j(i), s = v(() => t.node.border?.roundRadius?.tl), a = v(() => t.node.border?.roundRadius?.tr), c = v(() => t.node.border?.roundRadius?.bl), u = v(() => t.node.border?.roundRadius?.br);
+  function m(p) {
+    e.value && (p.borderStyle = e.value), n.value && (p.borderWidth = n.value), r.value && (p.borderColor = r.value), s.value && (p.borderTopLeftRadius = s.value), a.value && (p.borderTopRightRadius = a.value), c.value && (p.borderBottomLeftRadius = c.value), u.value && (p.borderBottomRightRadius = u.value);
   }
   return { borderStyle: e, borderWidth: n, borderColor: r, applyBorder: m };
 }
@@ -446,30 +450,30 @@ function jn(t) {
 function de(t) {
   const e = N(), n = Ee(), i = v(() => t.node.size?.width), r = v(() => t.node.size?.minWidth), s = v(() => t.node.size?.maxWidth), a = v(() => {
     if (t.outer && e === "editor") {
-      const u = nn(t.node.size?.height);
-      if (u)
-        return u / 100 * n.value.height + "px";
+      const p = nn(t.node.size?.height);
+      if (p)
+        return p / 100 * n.value.height + "px";
     }
     return t.node.size?.height;
   }), c = v(() => {
     if (t.outer && e === "editor") {
-      const u = nn(t.node.size?.minHeight);
-      if (u)
-        return u / 100 * n.value.height + "px";
+      const p = nn(t.node.size?.minHeight);
+      if (p)
+        return p / 100 * n.value.height + "px";
     }
     return t.node.size?.minHeight;
-  }), p = v(() => {
+  }), u = v(() => {
     if (t.outer && e === "editor") {
-      const u = nn(t.node.size?.maxHeight);
-      if (u)
-        return u / 100 * n.value.height + "px";
+      const p = nn(t.node.size?.maxHeight);
+      if (p)
+        return p / 100 * n.value.height + "px";
     }
     return t.node.size?.maxHeight;
   });
-  function m(u) {
-    i.value && (u.width = i.value), r.value && (u.minWidth = r.value), s.value && (u.maxWidth = s.value), a.value && (u.height = a.value), c.value && (u.minHeight = c.value), p.value && (u.maxHeight = p.value);
+  function m(p) {
+    i.value && (p.width = i.value), r.value && (p.minWidth = r.value), s.value && (p.maxWidth = s.value), a.value && (p.height = a.value), c.value && (p.minHeight = c.value), u.value && (p.maxHeight = u.value);
   }
-  return { width: i, minWidth: r, maxWidth: s, height: a, minHeight: c, maxHeight: p, applySize: m };
+  return { width: i, minWidth: r, maxWidth: s, height: a, minHeight: c, maxHeight: u, applySize: m };
 }
 function Je(t, e, n) {
   const i = fe();
@@ -486,14 +490,14 @@ function F() {
   const t = Ne();
   return { theme: v(() => t.value ? "dark" : "light") };
 }
-const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Kr = /* @__PURE__ */ $({
+const Rr = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Kr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = N(), { position: i, rotation: r, scale: s } = me(e), { property: a } = l(e, ["settings", "bottom"]), { property: c } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "left"]), { property: m } = l(e, ["settings", "near"]), { property: u } = l(e, ["settings", "right"]), { property: d } = l(e, ["settings", "top"]);
+    const e = t, n = N(), { position: i, rotation: r, scale: s } = me(e), { property: a } = l(e, ["settings", "bottom"]), { property: c } = l(e, ["settings", "far"]), { property: u } = l(e, ["settings", "left"]), { property: m } = l(e, ["settings", "near"]), { property: p } = l(e, ["settings", "right"]), { property: d } = l(e, ["settings", "top"]);
     return (y, b) => (h(), S(o(ve), {
       position: o(i),
       rotation: o(r),
@@ -503,10 +507,10 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         Y("TresOrthographicCamera", {
           bottom: o(a),
           far: o(c),
-          left: o(p),
+          left: o(u),
           near: o(m),
           position: o(n) !== "editor" ? o(i) : [0, 0, 0],
-          right: o(u),
+          right: o(p),
           rotation: o(n) !== "editor" ? o(r) : [0, 0, 0],
           scale: o(n) !== "editor" ? o(s) : [1, 1, 1],
           top: o(d)
@@ -516,7 +520,7 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             type: o(bo)
           }, null, 8, ["type"])) : ne("", !0),
           M(y.$slots, "default")
-        ], 8, Wr)
+        ], 8, Rr)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
@@ -528,8 +532,8 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = N(), { position: i, rotation: r, scale: s } = me(e), { property: a } = l(e, ["settings", "aspect"]), { property: c } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "fov"]), { property: m } = l(e, ["settings", "near"]);
-    return (u, d) => (h(), S(o(ve), {
+    const e = t, n = N(), { position: i, rotation: r, scale: s } = me(e), { property: a } = l(e, ["settings", "aspect"]), { property: c } = l(e, ["settings", "far"]), { property: u } = l(e, ["settings", "fov"]), { property: m } = l(e, ["settings", "near"]);
+    return (p, d) => (h(), S(o(ve), {
       position: o(i),
       rotation: o(r),
       scale: o(s)
@@ -538,7 +542,7 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         Y("TresPerspectiveCamera", {
           aspect: o(a),
           far: o(c),
-          fov: o(p),
+          fov: o(u),
           near: o(m),
           position: o(n) !== "editor" ? o(i) : [0, 0, 0],
           rotation: o(n) !== "editor" ? o(r) : [0, 0, 0],
@@ -548,7 +552,7 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
             key: 0,
             type: o(bo)
           }, null, 8, ["type"])) : ne("", !0),
-          M(u.$slots, "default")
+          M(p.$slots, "default")
         ], 8, Dr)
       ]),
       _: 3
@@ -571,7 +575,7 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (p, m) => (h(), te("TresBoxGeometry", {
+    return (u, m) => (h(), te("TresBoxGeometry", {
       args: [
         o(a),
         o(r),
@@ -609,14 +613,14 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { property: c } = l(e, [
       "settings",
       "thetaStart"
-    ]), { property: p } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "widthSegments"
     ]);
-    return (m, u) => (h(), te("TresSphereGeometry", {
+    return (m, p) => (h(), te("TresSphereGeometry", {
       args: [
         o(s),
-        o(p),
+        o(u),
         o(n),
         o(r),
         o(i),
@@ -632,11 +636,11 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = N(), { position: i, rotation: r, scale: s } = me(e), { property: a } = l(e, ["settings", "color"]), { color: c } = j(a), { property: p } = l(e, [
+    const e = t, n = N(), { position: i, rotation: r, scale: s } = me(e), { property: a } = l(e, ["settings", "color"]), { color: c } = j(a), { property: u } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (m, u) => (h(), S(o(ve), {
+    return (m, p) => (h(), S(o(ve), {
       position: o(i),
       rotation: o(r),
       scale: o(s)
@@ -644,7 +648,7 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       default: _(() => [
         Y("TresAmbientLight", {
           color: o(c),
-          intensity: o(p),
+          intensity: o(u),
           position: o(n) !== "editor" ? o(i) : [0, 0, 0],
           rotation: o(n) !== "editor" ? o(r) : [0, 0, 0],
           scale: o(n) !== "editor" ? o(s) : [1, 1, 1]
@@ -662,11 +666,11 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = N(), { position: i, rotation: r, scale: s } = me(e), { property: a } = l(e, ["settings", "color"]), { color: c } = j(a), { property: p } = l(e, [
+    const e = t, n = N(), { position: i, rotation: r, scale: s } = me(e), { property: a } = l(e, ["settings", "color"]), { color: c } = j(a), { property: u } = l(e, [
       "settings",
       "intensity"
     ]);
-    return (m, u) => (h(), S(o(ve), {
+    return (m, p) => (h(), S(o(ve), {
       position: o(i),
       rotation: o(r),
       scale: o(s)
@@ -674,7 +678,7 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       default: _(() => [
         Y("TresDirectionalLight", {
           color: o(c),
-          intensity: o(p),
+          intensity: o(u),
           position: o(n) !== "editor" ? o(i) : [0, 0, 0],
           rotation: o(n) !== "editor" ? o(r) : [0, 0, 0],
           scale: o(n) !== "editor" ? o(s) : [1, 1, 1]
@@ -696,10 +700,10 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = N(), { position: i, rotation: r, scale: s } = me(e), { property: a } = l(e, ["settings", "color"]), { color: c } = j(a), { property: p } = l(e, ["settings", "decay"]), { property: m } = l(e, [
+    const e = t, n = N(), { position: i, rotation: r, scale: s } = me(e), { property: a } = l(e, ["settings", "color"]), { color: c } = j(a), { property: u } = l(e, ["settings", "decay"]), { property: m } = l(e, [
       "settings",
       "distance"
-    ]), { property: u } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "intensity"
     ]);
@@ -711,9 +715,9 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       default: _(() => [
         Y("TresPointLight", {
           color: o(c),
-          decay: o(p),
+          decay: o(u),
           distance: o(m),
-          intensity: o(u),
+          intensity: o(p),
           position: o(n) !== "editor" ? o(i) : [0, 0, 0],
           rotation: o(n) !== "editor" ? o(r) : [0, 0, 0],
           scale: o(n) !== "editor" ? o(s) : [1, 1, 1]
@@ -735,7 +739,7 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = N(), { position: i, rotation: r, scale: s } = me(e), { property: a } = l(e, ["settings", "angle"]), { property: c } = l(e, ["settings", "color"]), { color: p } = j(c), { property: m } = l(e, ["settings", "decay"]), { property: u } = l(e, [
+    const e = t, n = N(), { position: i, rotation: r, scale: s } = me(e), { property: a } = l(e, ["settings", "angle"]), { property: c } = l(e, ["settings", "color"]), { color: u } = j(c), { property: m } = l(e, ["settings", "decay"]), { property: p } = l(e, [
       "settings",
       "distance"
     ]), { property: d } = l(e, [
@@ -753,9 +757,9 @@ const Wr = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       default: _(() => [
         Y("TresSpotLight", {
           angle: o(a),
-          color: o(p),
+          color: o(u),
           decay: o(m),
-          distance: o(u),
+          distance: o(p),
           intensity: o(d),
           penumbra: o(y),
           position: o(n) !== "editor" ? o(i) : [0, 0, 0],
@@ -847,9 +851,9 @@ const ns = /* @__PURE__ */ ze(es, [["render", ts]]), is = ["position", "rotation
   visualMap: As,
   dataZoom: Ls,
   markPoint: Ms
-}, Rs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Ws = "#f5f5f5", Ks = {}, Ds = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Fs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Os = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Gs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ns = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ys = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Zs = { 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" } }, Qs = { 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)" } } }, el = { 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)" } } }, tl = { 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"] } } }, nl = { 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"] } } }, il = { 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"] } } }, ol = { 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"] } } }, rl = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, sl = { textStyle: { color: "#333333" } }, ll = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, al = { 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" } } }, cl = { color: ["#bf444c", "#d88273", "#f6efa6"] }, ul = { 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" } }, pl = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, ml = {
-  color: Rs,
-  backgroundColor: Ws,
+}, Ws = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Rs = "#f5f5f5", Ks = {}, Ds = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Fs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Os = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Gs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ns = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ys = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Zs = { 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" } }, Qs = { 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)" } } }, el = { 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)" } } }, tl = { 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"] } } }, nl = { 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"] } } }, il = { 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"] } } }, ol = { 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"] } } }, rl = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, sl = { textStyle: { color: "#333333" } }, ll = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, al = { 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" } } }, cl = { color: ["#bf444c", "#d88273", "#f6efa6"] }, ul = { 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" } }, pl = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, ml = {
+  color: Ws,
+  backgroundColor: Rs,
   textStyle: Ks,
   title: Ds,
   line: Fs,
@@ -897,7 +901,7 @@ const dl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Ee(), i = Ne(), r = ye(), s = ke(), { width: a, minWidth: c, maxWidth: p, height: m, minHeight: u, maxHeight: d, applySize: y } = de(e), { applyTitle: b } = Vo(e), { applyXAxis: g } = $o(e), { applyYAxis: k } = Io(e), { applyLegend: x } = wo(e), { applySeries: V } = So(e), I = v(() => {
+    const e = t, n = Ee(), i = Ne(), r = ye(), s = ke(), { width: a, minWidth: c, maxWidth: u, height: m, minHeight: p, maxHeight: d, applySize: y } = de(e), { applyTitle: b } = Vo(e), { applyXAxis: g } = $o(e), { applyYAxis: k } = Io(e), { applyLegend: x } = wo(e), { applySeries: V } = So(e), I = v(() => {
       const C = {}, O = s.value.type;
       return r === "page" ? O === "common" ? y(C) : console.assert(!1) : r === "comp" && O === "common" ? y(C) : console.assert(!1), C;
     }), P = so("chart");
@@ -922,9 +926,9 @@ const dl = /* @__PURE__ */ $({
         () => n.value.height,
         a,
         c,
-        p,
-        m,
         u,
+        m,
+        p,
         d
       ],
       async () => {
@@ -955,7 +959,7 @@ const dl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Ee(), i = Ne(), r = ye(), s = ke(), { width: a, minWidth: c, maxWidth: p, height: m, minHeight: u, maxHeight: d, applySize: y } = de(e), { applyTitle: b } = Vo(e), { applyXAxis: g } = $o(e), { applyYAxis: k } = Io(e), { applyLegend: x } = wo(e), { applySeries: V } = So(e), I = v(() => {
+    const e = t, n = Ee(), i = Ne(), r = ye(), s = ke(), { width: a, minWidth: c, maxWidth: u, height: m, minHeight: p, maxHeight: d, applySize: y } = de(e), { applyTitle: b } = Vo(e), { applyXAxis: g } = $o(e), { applyYAxis: k } = Io(e), { applyLegend: x } = wo(e), { applySeries: V } = So(e), I = v(() => {
       const C = {}, O = s.value.type;
       return r === "page" ? O === "common" ? y(C) : console.assert(!1) : r === "comp" && O === "common" ? y(C) : console.assert(!1), C;
     }), P = so("chart");
@@ -980,9 +984,9 @@ const dl = /* @__PURE__ */ $({
         () => n.value.height,
         a,
         c,
-        p,
-        m,
         u,
+        m,
+        p,
         d
       ],
       async () => {
@@ -1028,21 +1032,21 @@ const dl = /* @__PURE__ */ $({
     const { t: e } = vo(), n = t, i = oe(), r = N();
     Z(r) && ii(i, "reference", n.node.basic.id, "", fe()), ni(n.refContext.compId, i);
     const s = Zo(), { applySize: a } = de(n), c = v(() => {
-      const u = {};
-      return i.value?.type === "common" && a(u), u;
+      const p = {};
+      return i.value?.type === "common" && a(p), p;
     });
-    function p(u) {
-      const d = Me[u.basic.key];
+    function u(p) {
+      const d = Me[p.basic.key];
       if (!d)
-        return console.assert(!1, `element not found key=${u.basic.key}`), ae("div", `element not found key=${u.basic.key}`);
-      const y = { node: u };
-      u.reference && u.reference.comp && (y.refContext = {
+        return console.assert(!1, `element not found key=${p.basic.key}`), ae("div", `element not found key=${p.basic.key}`);
+      const y = { node: p };
+      p.reference && p.reference.comp && (y.refContext = {
         parent: y.refContext,
-        compId: u.reference.comp
+        compId: p.reference.comp
       });
       const b = [];
-      return d.leaf || u.children?.forEach((g) => {
-        b.push(p(g));
+      return d.leaf || p.children?.forEach((g) => {
+        b.push(u(g));
       }), ae(d.comp, y, { default: () => b });
     }
     const m = () => {
@@ -1050,17 +1054,17 @@ const dl = /* @__PURE__ */ $({
         return ae("div", e("x-runtime-lib.circularRef"));
       if (!i.value)
         return ae("div");
-      const u = [];
+      const p = [];
       if (i.value.view.nodes.forEach((y) => {
-        u.push(p(y));
+        p.push(u(y));
       }), i.value.type === "common")
         return ae(
           "div",
           { id: s.id, style: c.value },
-          { default: () => u }
+          { default: () => p }
         );
     };
-    return (u, d) => (h(), S(m));
+    return (p, d) => (h(), S(m));
   }
 }), gl = /* @__PURE__ */ $({
   __name: "index",
@@ -1088,18 +1092,18 @@ const dl = /* @__PURE__ */ $({
     const { t: e } = vo(), n = t, i = oe(), r = N();
     Z(r) && ii(i, "slot", n.id, "", fe()), ni(n.refContext.compId, i);
     function s(c) {
-      const p = Me[c.basic.key];
-      if (!p)
+      const u = Me[c.basic.key];
+      if (!u)
         return console.assert(!1, `element not found key=${c.basic.key}`), ae("div", `element not found key=${c.basic.key}`);
       const m = { node: c };
       c.reference && c.reference.comp && (m.refContext = {
         parent: m.refContext,
         compId: c.reference.comp
       });
-      const u = [];
-      return p.leaf || c.children?.forEach((d) => {
-        u.push(s(d));
-      }), ae(p.comp, m, { default: () => u });
+      const p = [];
+      return u.leaf || c.children?.forEach((d) => {
+        p.push(s(d));
+      }), ae(u.comp, m, { default: () => p });
     }
     const a = () => {
       if (_o(n.refContext))
@@ -1107,11 +1111,11 @@ const dl = /* @__PURE__ */ $({
       if (!i.value)
         return ae("div");
       const c = [];
-      return i.value.view.nodes.forEach((p) => {
-        c.push(s(p));
+      return i.value.view.nodes.forEach((u) => {
+        c.push(s(u));
       }), c;
     };
-    return (c, p) => (h(), S(a));
+    return (c, u) => (h(), S(a));
   }
 }), hl = /* @__PURE__ */ $({
   __name: "index",
@@ -1129,11 +1133,11 @@ const dl = /* @__PURE__ */ $({
       "offset",
       "y"
     ]);
-    return (c, p) => {
+    return (c, u) => {
       const m = E("v-badge");
       return h(), S(o(D), null, {
         default: _(() => [
-          W(m, {
+          R(m, {
             content: o(n),
             dot: o(i),
             "offset-x": o(s),
@@ -1161,10 +1165,10 @@ const dl = /* @__PURE__ */ $({
       "settings",
       "addIcon",
       "append"
-    ]), { property: r } = l(e, ["settings", "block"]), { property: s } = l(e, ["settings", "color"]), { color: a } = j(s), { property: c } = l(e, ["settings", "density"]), { property: p } = l(e, [
+    ]), { property: r } = l(e, ["settings", "block"]), { property: s } = l(e, ["settings", "color"]), { color: a } = j(s), { property: c } = l(e, ["settings", "density"]), { property: u } = l(e, [
       "settings",
       "disabled"
-    ]), { property: m } = l(e, ["size", "height"]), { property: u } = l(e, ["settings", "loading"]), { property: d } = l(e, ["size", "maxHeight"]), { property: y } = l(e, ["size", "maxWidth"]), { property: b } = l(e, ["size", "minHeight"]), { property: g } = l(e, ["size", "minWidth"]), { property: k } = l(e, [
+    ]), { property: m } = l(e, ["size", "height"]), { property: p } = l(e, ["settings", "loading"]), { property: d } = l(e, ["size", "maxHeight"]), { property: y } = l(e, ["size", "maxWidth"]), { property: b } = l(e, ["size", "minHeight"]), { property: g } = l(e, ["size", "minWidth"]), { property: k } = l(e, [
       "settings",
       "addIcon",
       "prepend"
@@ -1184,14 +1188,14 @@ const dl = /* @__PURE__ */ $({
       const ie = E("v-btn");
       return h(), S(o(D), { block: o(r) }, {
         default: _(() => [
-          W(ie, {
+          R(ie, {
             "append-icon": o(i),
             block: o(r),
             color: o(a),
             density: o(c),
-            disabled: o(p),
+            disabled: o(u),
             height: o(m),
-            loading: o(u),
+            loading: o(p),
             "max-height": o(d),
             "max-width": o(y),
             "min-height": o(b),
@@ -1241,7 +1245,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: c } = l(e, [
       "settings",
       "readonly"
-    ]), { property: p } = l(e, ["settings", "size"]), { property: m } = l(e, ["settings", "stacked"]), { theme: u } = F(), { property: d } = l(e, ["settings", "tile"]), { property: y } = l(e, ["settings", "variant"]);
+    ]), { property: u } = l(e, ["settings", "size"]), { property: m } = l(e, ["settings", "stacked"]), { theme: p } = F(), { property: d } = l(e, ["settings", "tile"]), { property: y } = l(e, ["settings", "variant"]);
     return (b, g) => {
       const k = E("v-btn-toggle");
       return h(), S(k, {
@@ -1251,9 +1255,9 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
         mandatory: o(s),
         multiple: o(a),
         readonly: o(c),
-        size: o(p),
+        size: o(u),
         stacked: o(m),
-        theme: o(u),
+        theme: o(p),
         tile: o(d),
         variant: o(y)
       }, {
@@ -1274,7 +1278,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     const e = t, { property: n } = l(e, ["settings", "density"]), { property: i } = l(e, [
       "settings",
       "disabled"
-    ]), { property: r } = l(e, ["size", "height"]), { property: s } = l(e, ["settings", "hover"]), { property: a } = l(e, ["settings", "loading"]), { property: c } = l(e, ["size", "maxHeight"]), { property: p } = l(e, ["size", "maxWidth"]), { property: m } = l(e, ["size", "minHeight"]), { property: u } = l(e, ["size", "minWidth"]), { property: d } = l(e, [
+    ]), { property: r } = l(e, ["size", "height"]), { property: s } = l(e, ["settings", "hover"]), { property: a } = l(e, ["settings", "loading"]), { property: c } = l(e, ["size", "maxHeight"]), { property: u } = l(e, ["size", "maxWidth"]), { property: m } = l(e, ["size", "minHeight"]), { property: p } = l(e, ["size", "minWidth"]), { property: d } = l(e, [
       "settings",
       "subtitle"
     ]), { property: y } = l(e, ["settings", "text"]), { theme: b } = F(), { property: g } = l(e, ["settings", "title"]), { property: k } = l(e, ["settings", "variant"]), { property: x } = l(e, ["size", "width"]);
@@ -1282,16 +1286,16 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       const P = E("v-card");
       return h(), S(o(D), { block: "" }, {
         default: _(() => [
-          W(P, {
+          R(P, {
             density: o(n),
             disabled: o(i),
             height: o(r),
             hover: o(s),
             loading: o(a),
             "max-height": o(c),
-            "max-width": o(p),
+            "max-width": o(u),
             "min-height": o(m),
-            "min-width": o(u),
+            "min-width": o(p),
             subtitle: o(d),
             text: o(y),
             theme: o(b),
@@ -1327,7 +1331,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       const a = E("v-checkbox");
       return h(), S(o(D), null, {
         default: _(() => [
-          W(a, {
+          R(a, {
             disabled: o(n),
             readonly: o(i)
           }, null, 8, ["disabled", "readonly"])
@@ -1352,20 +1356,20 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: c } = l(e, [
       "settings",
       "draggable"
-    ]), { property: p } = l(e, ["settings", "filter"]), { property: m } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "text"]), { theme: y } = F(), { property: b } = l(e, ["settings", "tile"]), { property: g } = l(e, ["settings", "value"]), { property: k } = l(e, ["settings", "variant"]);
+    ]), { property: u } = l(e, ["settings", "filter"]), { property: m } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "text"]), { theme: y } = F(), { property: b } = l(e, ["settings", "tile"]), { property: g } = l(e, ["settings", "value"]), { property: k } = l(e, ["settings", "variant"]);
     return (x, V) => {
       const I = E("v-chip");
       return h(), S(o(D), null, {
         default: _(() => [
-          W(I, {
+          R(I, {
             closable: o(n),
             color: o(r),
             density: o(s),
             disabled: o(a),
             draggable: o(c),
-            filter: o(p),
+            filter: o(u),
             label: o(m),
-            size: o(u),
+            size: o(p),
             text: o(d),
             theme: o(y),
             tile: o(b),
@@ -1396,22 +1400,22 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: c } = l(e, [
       "settings",
       "multiple"
-    ]), { property: p } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "showArrows"
-    ]), { theme: m } = F(), { property: u } = l(e, ["settings", "value"]);
+    ]), { theme: m } = F(), { property: p } = l(e, ["settings", "value"]);
     return (d, y) => {
       const b = E("v-chip-group");
       return h(), S(b, {
-        modelValue: o(u),
-        "onUpdate:modelValue": y[0] || (y[0] = (g) => J(u) ? u.value = g : null),
+        modelValue: o(p),
+        "onUpdate:modelValue": y[0] || (y[0] = (g) => J(p) ? p.value = g : null),
         column: o(n),
         direction: o(i),
         disabled: o(r),
         filter: o(s),
         mandatory: o(a),
         multiple: o(c),
-        "show-arrows": o(p),
+        "show-arrows": o(u),
         theme: o(m)
       }, {
         default: _(() => [
@@ -1437,13 +1441,13 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: c } = l(e, [
       "settings",
       "hideCanvas"
-    ]), { property: p } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "hideHeader"
     ]), { property: m } = l(e, [
       "settings",
       "hideInputs"
-    ]), { property: u } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "hideSliders"
     ]), { property: d } = l(e, [
@@ -1457,12 +1461,12 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       const x = E("v-color-picker");
       return h(), S(o(D), null, {
         default: _(() => [
-          W(x, {
+          R(x, {
             disabled: o(a),
             "hide-canvas": o(c),
-            "hide-header": o(p),
+            "hide-header": o(u),
             "hide-inputs": o(m),
-            "hide-sliders": o(u),
+            "hide-sliders": o(p),
             landscape: o(d),
             "show-swatches": o(y),
             style: ee(s.value),
@@ -1492,14 +1496,14 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: a } = l(e, [
       "settings",
       "singleLine"
-    ]), { theme: c } = F(), { property: p } = l(e, ["settings", "value"]);
-    return (m, u) => {
+    ]), { theme: c } = F(), { property: u } = l(e, ["settings", "value"]);
+    return (m, p) => {
       const d = E("v-combobox");
       return h(), S(o(D), null, {
         default: _(() => [
-          W(d, {
-            modelValue: o(p),
-            "onUpdate:modelValue": u[0] || (u[0] = (y) => J(p) ? p.value = y : null),
+          R(d, {
+            modelValue: o(u),
+            "onUpdate:modelValue": p[0] || (p[0] = (y) => J(u) ? u.value = y : null),
             "hide-details": o(n),
             label: o(i),
             placeholder: o(r),
@@ -1522,14 +1526,14 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     const e = t, n = ye(), i = ke(), { property: r } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: s } = j(r), { applySize: a } = de(e), { applyMargin: c } = Nn(e), { applyPadding: p } = jn(e), { applyBorder: m } = Gn(e), u = v(() => {
+    ]), { color: s } = j(r), { applySize: a } = de(e), { applyMargin: c } = Nn(e), { applyPadding: u } = jn(e), { applyBorder: m } = Gn(e), p = v(() => {
       const d = {}, y = i.value.type;
-      return n === "page" ? y === "common" ? (a(d), c(d), p(d), m(d), s.value && (d.backgroundColor = s.value)) : console.assert(!1) : n === "comp" && y === "common" ? (a(d), c(d), p(d), m(d), s.value && (d.backgroundColor = s.value)) : console.assert(!1), d;
+      return n === "page" ? y === "common" ? (a(d), c(d), u(d), m(d), s.value && (d.backgroundColor = s.value)) : console.assert(!1) : n === "comp" && y === "common" ? (a(d), c(d), u(d), m(d), s.value && (d.backgroundColor = s.value)) : console.assert(!1), d;
     });
     return (d, y) => (h(), S(o(D), { block: "" }, {
       default: _(() => [
         Y("div", {
-          style: ee(u.value)
+          style: ee(p.value)
         }, [
           M(d.$slots, "default")
         ], 4)
@@ -1550,11 +1554,11 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: r } = l(e, [
       "settings",
       "fixedHeader"
-    ]), { property: s } = l(e, ["settings", "headers"]), { property: a } = l(e, ["size", "height"]), { property: c } = l(e, ["settings", "hover"]), { property: p } = l(
+    ]), { property: s } = l(e, ["settings", "headers"]), { property: a } = l(e, ["size", "height"]), { property: c } = l(e, ["settings", "hover"]), { property: u } = l(
       e,
       ["settings", "data"],
       !0
-    ), { property: m } = l(e, ["settings", "loading"]), { property: u } = l(e, [
+    ), { property: m } = l(e, ["settings", "loading"]), { property: p } = l(e, [
       "settings",
       "multiSort"
     ]), { theme: d } = F(), { property: y } = l(e, ["size", "width"]), b = v(() => {
@@ -1567,23 +1571,23 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       const x = E("v-data-table");
       return h(), S(o(D), { block: "" }, {
         default: _(() => [
-          W(x, {
+          R(x, {
             density: o(n),
             "fixed-footer": o(i),
             "fixed-header": o(r),
             headers: o(s),
             height: o(a),
             hover: o(c),
-            items: o(p),
+            items: o(u),
             loading: o(m),
-            "multi-sort": o(u),
+            "multi-sort": o(p),
             theme: o(d),
             width: o(y)
-          }, Wn({ _: 2 }, [
+          }, Rn({ _: 2 }, [
             Qo(b.value, (V) => ({
               name: `item.${V.column}`,
               fn: _(({ value: I }) => [
-                W(o(ge), {
+                R(o(ge), {
                   id: V.column,
                   "ref-context": { compId: V.comp },
                   state: { value: I }
@@ -1603,7 +1607,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       const i = E("v-date-picker");
       return h(), S(o(D), null, {
         default: _(() => [
-          W(i)
+          R(i)
         ]),
         _: 1
       });
@@ -1625,7 +1629,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       const c = E("v-dialog");
       return h(), S(c, {
         modelValue: o(r),
-        "onUpdate:modelValue": a[0] || (a[0] = (p) => J(r) ? r.value = p : null),
+        "onUpdate:modelValue": a[0] || (a[0] = (u) => J(r) ? r.value = u : null),
         attach: "#dialogContainer"
       }, {
         activator: _(() => [
@@ -1654,13 +1658,13 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: s } = l(e, [
       "settings",
       "disabled"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: p } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: u } = l(e, [
       "settings",
       "multiple"
     ]), { property: m } = l(e, [
       "settings",
       "readonly"
-    ]), { property: u } = l(e, ["settings", "reverse"]), { property: d } = l(e, [
+    ]), { property: p } = l(e, ["settings", "reverse"]), { property: d } = l(e, [
       "settings",
       "singleLine"
     ]);
@@ -1668,16 +1672,16 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       const g = E("v-file-input");
       return h(), S(o(D), { block: "" }, {
         default: _(() => [
-          W(g, {
+          R(g, {
             chips: o(n),
             density: o(i),
             direction: o(r),
             disabled: o(s),
             label: o(a),
             loading: o(c),
-            multiple: o(p),
+            multiple: o(u),
             readonly: o(m),
-            reverse: o(u),
+            reverse: o(p),
             "single-line": o(d)
           }, null, 8, ["chips", "density", "direction", "disabled", "label", "loading", "multiple", "readonly", "reverse", "single-line"])
         ]),
@@ -1692,11 +1696,11 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Ee(), i = ye(), r = ke(), { applySize: s } = de(e), { applyMargin: a } = Nn(e), { applyPadding: c } = jn(e), { applyBorder: p } = Gn(e), { property: m } = l(e, [
+    const e = t, n = Ee(), i = ye(), r = ke(), { applySize: s } = de(e), { applyMargin: a } = Nn(e), { applyPadding: c } = jn(e), { applyBorder: u } = Gn(e), { property: m } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: u } = j(m), d = (b) => {
-      u.value && (b.backgroundColor = u.value), b.display = "flex";
+    ]), { color: p } = j(m), d = (b) => {
+      p.value && (b.backgroundColor = p.value), b.display = "flex";
       const g = Ue(n.value.width), k = Ae(g, e.node.settings?.direction);
       k === "row" ? b.flexDirection = "row" : k === "rowReverse" ? b.flexDirection = "row-reverse" : k === "column" ? b.flexDirection = "column" : k === "columnReverse" && (b.flexDirection = "column-reverse");
       const x = Ae(g, e.node.settings?.wrap);
@@ -1707,7 +1711,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       I === "start" ? b.alignItems = "flex-start" : I === "end" ? b.alignItems = "flex-end" : I === "center" ? b.alignItems = "center" : I === "baseline" ? b.alignItems = "baseline" : I === "stretch" && (b.alignItems = "stretch");
     }, y = v(() => {
       const b = {}, g = r.value.type;
-      return i === "page" ? g === "common" ? (s(b), a(b), c(b), p(b), d(b)) : console.assert(!1) : i === "comp" && g === "common" ? (s(b), a(b), c(b), p(b), d(b)) : console.assert(!1), b;
+      return i === "page" ? g === "common" ? (s(b), a(b), c(b), u(b), d(b)) : console.assert(!1) : i === "comp" && g === "common" ? (s(b), a(b), c(b), u(b), d(b)) : console.assert(!1), b;
     });
     return (b, g) => (h(), te("div", {
       style: ee(y.value)
@@ -1715,7 +1719,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       M(b.$slots, "default")
     ], 4));
   }
-}), Rl = /* @__PURE__ */ $({
+}), Wl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1723,16 +1727,16 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
   },
   setup(t) {
     const e = t, n = ye(), i = ke(), { applySize: r } = de(e), { property: s } = l(e, ["settings", "grow"]), { property: a } = l(e, ["settings", "shrink"]), c = v(() => {
-      const p = {}, m = i.value.type;
-      return n === "page" ? m === "common" ? (r(p), p.flexGrow = s.value ? 1 : 0, p.flexShrink = a.value ? 1 : 0) : console.assert(!1) : n === "comp" && m === "common" ? (r(p), p.flexGrow = s.value ? 1 : 0, p.flexShrink = a.value ? 1 : 0) : console.assert(!1), p;
+      const u = {}, m = i.value.type;
+      return n === "page" ? m === "common" ? (r(u), u.flexGrow = s.value ? 1 : 0, u.flexShrink = a.value ? 1 : 0) : console.assert(!1) : n === "comp" && m === "common" ? (r(u), u.flexGrow = s.value ? 1 : 0, u.flexShrink = a.value ? 1 : 0) : console.assert(!1), u;
     });
-    return (p, m) => (h(), te("div", {
+    return (u, m) => (h(), te("div", {
       style: ee(c.value)
     }, [
-      M(p.$slots, "default")
+      M(u.$slots, "default")
     ], 4));
   }
-}), Wl = /* @__PURE__ */ $({
+}), Rl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1745,9 +1749,9 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: c } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: p } = j(c), { applySize: m } = de(e), { applyMargin: u } = Nn(e), { applyPadding: d } = jn(e), { applyBorder: y } = Gn(e), b = v(() => {
+    ]), { color: u } = j(c), { applySize: m } = de(e), { applyMargin: p } = Nn(e), { applyPadding: d } = jn(e), { applyBorder: y } = Gn(e), b = v(() => {
       const k = {}, x = i.value.type;
-      return n === "page" ? x === "common" ? (m(k), u(k), d(k), y(k), p.value && (k.backgroundColor = p.value)) : console.assert(!1) : n === "comp" && x === "common" ? (m(k), u(k), d(k), y(k), p.value && (k.backgroundColor = p.value)) : console.assert(!1), k;
+      return n === "page" ? x === "common" ? (m(k), p(k), d(k), y(k), u.value && (k.backgroundColor = u.value)) : console.assert(!1) : n === "comp" && x === "common" ? (m(k), p(k), d(k), y(k), u.value && (k.backgroundColor = u.value)) : console.assert(!1), k;
     }), g = () => {
       r && r.callFunction(
         "__triggerEventV1__",
@@ -1781,9 +1785,9 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       "settings",
       "disabled"
     ]), { property: s } = l(e, ["settings", "icon"]), { property: a } = l(e, ["settings", "size"]), { theme: c } = F();
-    return (p, m) => {
-      const u = E("v-icon");
-      return h(), S(u, {
+    return (u, m) => {
+      const p = E("v-icon");
+      return h(), S(p, {
         color: o(i),
         disabled: o(r),
         icon: o(s),
@@ -1799,19 +1803,19 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = N(), i = fe(), r = oe(0), s = oe(0), a = v(() => [r.value, s.value]), c = v(() => e.node.basic?.id), { open: p } = po(`runtimeMenu/${co()}`);
+    const e = t, n = N(), i = fe(), r = oe(0), s = oe(0), a = v(() => [r.value, s.value]), c = v(() => e.node.basic?.id), { open: u } = po(`runtimeMenu/${co()}`);
     return Je(e, "open", () => {
       if (!i || !i.vm)
         return;
-      const { vm: m } = i, u = m.getProp(m.global, "__pointerPosX__"), d = m.getProp(m.global, "__pointerPosY__");
-      r.value = m.getNumber(u), s.value = m.getNumber(d), u.dispose(), d.dispose(), p.value = !0;
+      const { vm: m } = i, p = m.getProp(m.global, "__pointerPosX__"), d = m.getProp(m.global, "__pointerPosY__");
+      r.value = m.getNumber(p), s.value = m.getNumber(d), p.dispose(), d.dispose(), u.value = !0;
     }), Je(e, "close", () => {
-      i && (p.value = !1);
-    }), (m, u) => {
+      i && (u.value = !1);
+    }), (m, p) => {
       const d = E("v-menu");
       return h(), S(d, {
-        modelValue: o(p),
-        "onUpdate:modelValue": u[0] || (u[0] = (y) => J(p) ? p.value = y : null),
+        modelValue: o(u),
+        "onUpdate:modelValue": p[0] || (p[0] = (y) => J(u) ? u.value = y : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
@@ -1851,7 +1855,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: s } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: p } = l(e, ["settings", "max"]), { property: m } = l(e, ["size", "maxWidth"]), { property: u } = l(e, ["settings", "min"]), { property: d } = l(e, ["size", "minWidth"]), { property: y } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: u } = l(e, ["settings", "max"]), { property: m } = l(e, ["size", "maxWidth"]), { property: p } = l(e, ["settings", "min"]), { property: d } = l(e, ["size", "minWidth"]), { property: y } = l(e, [
       "settings",
       "placeholder"
     ]), { property: b } = l(e, [
@@ -1876,7 +1880,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       const _e = E("v-number-input");
       return h(), S(o(D), { block: "" }, {
         default: _(() => [
-          W(_e, {
+          R(_e, {
             modelValue: o(B),
             "onUpdate:modelValue": ie[0] || (ie[0] = (ue) => J(B) ? B.value = ue : null),
             "append-icon": o(n),
@@ -1885,9 +1889,9 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
             "hide-details": o(s),
             label: o(a),
             loading: o(c),
-            max: o(p),
+            max: o(u),
             "max-width": o(m),
-            min: o(u),
+            min: o(p),
             "min-width": o(d),
             placeholder: o(y),
             precision: o(b),
@@ -1921,7 +1925,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: s } = l(e, ["settings", "length"]), { property: a } = l(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: c } = l(e, ["settings", "size"]), { property: p } = l(e, ["settings", "start"]), { theme: m } = F(), { property: u } = l(e, ["settings", "tile"]), { property: d } = l(e, ["settings", "value"]), { property: y } = l(e, ["settings", "variant"]), b = v(() => {
+    ]), { property: c } = l(e, ["settings", "size"]), { property: u } = l(e, ["settings", "start"]), { theme: m } = F(), { property: p } = l(e, ["settings", "tile"]), { property: d } = l(e, ["settings", "value"]), { property: y } = l(e, ["settings", "variant"]), b = v(() => {
       const g = {};
       return n === "editor" && (g.pointerEvents = "none"), g;
     });
@@ -1929,7 +1933,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       const x = E("v-pagination");
       return h(), S(o(D), { block: "" }, {
         default: _(() => [
-          W(x, {
+          R(x, {
             modelValue: o(d),
             "onUpdate:modelValue": k[0] || (k[0] = (V) => J(d) ? d.value = V : null),
             density: o(i),
@@ -1937,10 +1941,10 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
             length: o(s),
             "show-first-last-page": o(a),
             size: o(c),
-            start: o(p),
+            start: o(u),
             style: ee(b.value),
             theme: o(m),
-            tile: o(u),
+            tile: o(p),
             variant: o(y)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
         ]),
@@ -1961,8 +1965,8 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: p } = F(), { property: m } = l(e, ["settings", "value"]);
-    return (u, d) => {
+    ]), { theme: u } = F(), { property: m } = l(e, ["settings", "value"]);
+    return (p, d) => {
       const y = E("v-radio");
       return h(), S(y, {
         color: o(i),
@@ -1970,7 +1974,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
         disabled: o(s),
         label: o(a),
         readonly: o(c),
-        theme: o(p),
+        theme: o(u),
         value: o(m)
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
@@ -1991,14 +1995,14 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: s } = l(e, ["settings", "inline"]), { property: a } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: c } = F(), { property: p } = l(e, ["settings", "value"]);
-    return (m, u) => {
+    ]), { theme: c } = F(), { property: u } = l(e, ["settings", "value"]);
+    return (m, p) => {
       const d = E("v-radio-group");
       return h(), S(o(D), null, {
         default: _(() => [
-          W(d, {
-            modelValue: o(p),
-            "onUpdate:modelValue": u[0] || (u[0] = (y) => J(p) ? p.value = y : null),
+          R(d, {
+            modelValue: o(u),
+            "onUpdate:modelValue": p[0] || (p[0] = (y) => J(u) ? u.value = y : null),
             density: o(n),
             direction: o(i),
             disabled: o(r),
@@ -2032,16 +2036,16 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: s } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "max"]), { property: p } = l(e, ["settings", "min"]), { property: m } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "max"]), { property: u } = l(e, ["settings", "min"]), { property: m } = l(e, [
       "settings",
       "readonly"
-    ]), { property: u } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "showTicks"
     ]), d = v(() => {
-      if (u.value === "always")
+      if (p.value === "always")
         return "always";
-      if (u.value === "show")
+      if (p.value === "show")
         return !0;
     }), { property: y } = l(e, ["settings", "step"]), { theme: b } = F(), { property: g } = l(e, [
       "settings",
@@ -2083,7 +2087,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       const O = E("v-range-slider");
       return h(), S(o(D), { block: "" }, {
         default: _(() => [
-          W(O, {
+          R(O, {
             modelValue: G.value,
             "onUpdate:modelValue": C[0] || (C[0] = (X) => G.value = X),
             density: o(n),
@@ -2092,7 +2096,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
             "hide-details": o(s),
             label: o(a),
             max: o(c),
-            min: o(p),
+            min: o(u),
             readonly: o(m),
             "show-ticks": d.value,
             step: o(y),
@@ -2123,24 +2127,24 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: s } = l(e, [
       "settings",
       "halfIncrements"
-    ]), { property: a } = l(e, ["settings", "hover"]), { property: c } = l(e, ["settings", "length"]), { property: p } = l(e, [
+    ]), { property: a } = l(e, ["settings", "hover"]), { property: c } = l(e, ["settings", "length"]), { property: u } = l(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = F(), { property: u } = l(e, ["settings", "value"]);
+    ]), { theme: m } = F(), { property: p } = l(e, ["settings", "value"]);
     return (d, y) => {
       const b = E("v-rating");
       return h(), S(o(D), null, {
         default: _(() => [
-          W(b, {
-            modelValue: o(u),
-            "onUpdate:modelValue": y[0] || (y[0] = (g) => J(u) ? u.value = g : null),
+          R(b, {
+            modelValue: o(p),
+            "onUpdate:modelValue": y[0] || (y[0] = (g) => J(p) ? p.value = g : null),
             clearable: o(n),
             density: o(i),
             disabled: o(r),
             "half-increments": o(s),
             hover: o(a),
             length: o(c),
-            readonly: o(p),
+            readonly: o(u),
             theme: o(m)
           }, null, 8, ["modelValue", "clearable", "density", "disabled", "half-increments", "hover", "length", "readonly", "theme"])
         ]),
@@ -2167,14 +2171,14 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: a } = l(e, [
       "settings",
       "singleLine"
-    ]), { theme: c } = F(), { property: p } = l(e, ["settings", "value"]);
-    return (m, u) => {
+    ]), { theme: c } = F(), { property: u } = l(e, ["settings", "value"]);
+    return (m, p) => {
       const d = E("v-select");
       return h(), S(o(D), { block: "" }, {
         default: _(() => [
-          W(d, {
-            modelValue: o(p),
-            "onUpdate:modelValue": u[0] || (u[0] = (y) => J(p) ? p.value = y : null),
+          R(d, {
+            modelValue: o(u),
+            "onUpdate:modelValue": p[0] || (p[0] = (y) => J(u) ? u.value = y : null),
             "hide-details": o(n),
             label: o(i),
             placeholder: o(r),
@@ -2203,7 +2207,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
     ]), { property: a } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "max"]), { property: m } = l(e, ["settings", "min"]), { property: u } = l(e, [
+    ]), { property: c } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "max"]), { property: m } = l(e, ["settings", "min"]), { property: p } = l(e, [
       "settings",
       "readonly"
     ]), { property: d } = l(e, ["settings", "reverse"]), { property: y } = l(e, [
@@ -2250,7 +2254,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       const tn = E("v-slider");
       return h(), S(o(D), { block: "" }, {
         default: _(() => [
-          W(tn, {
+          R(tn, {
             modelValue: o(X),
             "onUpdate:modelValue": je[0] || (je[0] = (Xo) => J(X) ? X.value = Xo : null),
             color: o(i),
@@ -2258,9 +2262,9 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
             disabled: o(s),
             "hide-details": o(a),
             label: o(c),
-            max: o(p),
+            max: o(u),
             min: o(m),
-            readonly: o(u),
+            readonly: o(p),
             reverse: o(d),
             "show-ticks": b.value,
             step: o(g),
@@ -2271,11 +2275,11 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
             "tick-size": o(B),
             ticks: G.value,
             "track-color": o(O)
-          }, Wn({ _: 2 }, [
+          }, Rn({ _: 2 }, [
             o(ie) ? {
               name: "append",
               fn: _(() => [
-                W(o(ge), {
+                R(o(ge), {
                   id: "append",
                   "ref-context": { compId: o(ie) },
                   state: {}
@@ -2286,7 +2290,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
             o(_e) ? {
               name: "prepend",
               fn: _(() => [
-                W(o(ge), {
+                R(o(ge), {
                   id: "prepend",
                   "ref-context": { compId: o(_e) },
                   state: {}
@@ -2315,7 +2319,7 @@ const _l = /* @__PURE__ */ ze(vl, [["render", kl]]), wl = /* @__PURE__ */ $({
       const c = E("v-stepper");
       return h(), S(c, {
         modelValue: o(r),
-        "onUpdate:modelValue": a[0] || (a[0] = (p) => J(r) ? r.value = p : null),
+        "onUpdate:modelValue": a[0] || (a[0] = (u) => J(r) ? r.value = u : null),
         "hide-actions": o(n),
         theme: o(i)
       }, {
@@ -2401,12 +2405,12 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
     ]), { property: a } = l(e, [
       "settings",
       "indeterminate"
-    ]), { property: c } = l(e, ["settings", "inline"]), { property: p } = l(e, ["settings", "inset"]), { property: m } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { theme: d } = F(), { property: y } = l(e, ["settings", "value"]);
+    ]), { property: c } = l(e, ["settings", "inline"]), { property: u } = l(e, ["settings", "inset"]), { property: m } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { theme: d } = F(), { property: y } = l(e, ["settings", "value"]);
     return (b, g) => {
       const k = E("v-switch");
       return h(), S(o(D), { "fit-content": !0 }, {
         default: _(() => [
-          W(k, {
+          R(k, {
             modelValue: o(y),
             "onUpdate:modelValue": g[0] || (g[0] = (x) => J(y) ? y.value = x : null),
             density: o(n),
@@ -2415,9 +2419,9 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
             "hide-details": o(s),
             indeterminate: o(a),
             inline: o(c),
-            inset: o(p),
+            inset: o(u),
             label: o(m),
-            loading: o(u),
+            loading: o(p),
             theme: o(d)
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "indeterminate", "inline", "inset", "label", "loading", "theme"])
         ]),
@@ -2436,11 +2440,11 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       const c = {};
       return n === "editor" && (c.pointerEvents = "none"), c;
     });
-    return (c, p) => {
+    return (c, u) => {
       const m = E("v-tab");
       return h(), S(o(D), null, {
         default: _(() => [
-          W(m, {
+          R(m, {
             style: ee(a.value),
             text: o(i),
             theme: o(r),
@@ -2472,10 +2476,10 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       "settings",
       "color",
       "selectedColor"
-    ]), { color: c } = j(a), { property: p } = l(e, ["settings", "density"]), { property: m } = l(e, [
+    ]), { color: c } = j(a), { property: u } = l(e, ["settings", "density"]), { property: m } = l(e, [
       "settings",
       "direction"
-    ]), { property: u } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "disabled"
     ]), { property: d } = l(e, [
@@ -2499,16 +2503,16 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       const C = E("v-tabs");
       return h(), S(o(D), { block: "" }, {
         default: _(() => [
-          W(C, {
+          R(C, {
             modelValue: o(K),
             "onUpdate:modelValue": B[0] || (B[0] = (O) => J(K) ? K.value = O : null),
             "align-tabs": o(n),
             "bg-color": o(r),
             "center-active": o(s),
             color: o(c),
-            density: o(p),
+            density: o(u),
             direction: o(m),
-            disabled: o(u),
+            disabled: o(p),
             "fixed-tabs": o(d),
             grow: o(y),
             "hide-slider": o(b),
@@ -2542,11 +2546,11 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
     ]), { property: s } = l(e, [
       "settings",
       "emphasis"
-    ]), { property: a } = l(e, ["settings", "italic"]), { property: c } = l(e, ["settings", "text"]), { property: p } = l(e, ["settings", "weight"]), m = v(() => {
-      const u = [], d = Ue(n.value.width), y = Ae(d, e.node.settings?.style);
-      return y && u.push(`text-${y}`), s.value === "high" ? u.push("text-high-emphasis") : s.value === "medium" ? u.push("text-medium-emphasis") : s.value === "disabled" && u.push("text-disabled"), i.value && u.push(`font-${i.value}`), r.value && u.push(`text-decoration-${r.value}`), p.value && u.push(`font-weight-${p.value}`), a.value && u.push("font-italic"), u.join(" ");
+    ]), { property: a } = l(e, ["settings", "italic"]), { property: c } = l(e, ["settings", "text"]), { property: u } = l(e, ["settings", "weight"]), m = v(() => {
+      const p = [], d = Ue(n.value.width), y = Ae(d, e.node.settings?.style);
+      return y && p.push(`text-${y}`), s.value === "high" ? p.push("text-high-emphasis") : s.value === "medium" ? p.push("text-medium-emphasis") : s.value === "disabled" && p.push("text-disabled"), i.value && p.push(`font-${i.value}`), r.value && p.push(`text-decoration-${r.value}`), u.value && p.push(`font-weight-${u.value}`), a.value && p.push("font-italic"), p.join(" ");
     });
-    return (u, d) => (h(), S(o(D), null, {
+    return (p, d) => (h(), S(o(D), null, {
       default: _(() => [
         Y("span", {
           class: tr(m.value)
@@ -2571,10 +2575,10 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
     ]), { property: r } = l(e, ["settings", "density"]), { property: s } = l(e, [
       "settings",
       "disabled"
-    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: p } = l(e, ["settings", "maxRows"]), { property: m } = l(e, [
+    ]), { property: a } = l(e, ["settings", "label"]), { property: c } = l(e, ["settings", "loading"]), { property: u } = l(e, ["settings", "maxRows"]), { property: m } = l(e, [
       "settings",
       "placeholder"
-    ]), { property: u } = l(e, [
+    ]), { property: p } = l(e, [
       "settings",
       "readonly"
     ]), { property: d } = l(e, ["settings", "reverse"]), { property: y } = l(e, ["settings", "rows"]), { property: b } = l(e, [
@@ -2585,7 +2589,7 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       const P = E("v-textarea");
       return h(), S(o(D), { block: "" }, {
         default: _(() => [
-          W(P, {
+          R(P, {
             modelValue: o(k),
             "onUpdate:modelValue": I[0] || (I[0] = (L) => J(k) ? k.value = L : null),
             "auto-grow": o(n),
@@ -2594,9 +2598,9 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
             disabled: o(s),
             label: o(a),
             loading: o(c),
-            "max-rows": o(p),
+            "max-rows": o(u),
             placeholder: o(m),
-            readonly: o(u),
+            readonly: o(p),
             reverse: o(d),
             rows: o(y),
             "single-line": o(b),
@@ -2630,10 +2634,10 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
     ]), { property: a } = l(e, ["settings", "density"]), { property: c } = l(e, [
       "settings",
       "disabled"
-    ]), { property: p } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "hideDetails"
-    ]), { property: m } = l(e, ["settings", "label"]), { property: u } = l(e, ["settings", "loading"]), { property: d } = l(e, [
+    ]), { property: m } = l(e, ["settings", "label"]), { property: p } = l(e, ["settings", "loading"]), { property: d } = l(e, [
       "settings",
       "placeholder"
     ]), { property: y } = l(e, ["settings", "prefix"]), { property: b } = l(e, [
@@ -2662,7 +2666,7 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       const _e = E("v-text-field");
       return h(), S(o(D), { block: "" }, {
         default: _(() => [
-          W(_e, {
+          R(_e, {
             modelValue: o(L),
             "onUpdate:modelValue": ie[0] || (ie[0] = (ue) => J(L) ? L.value = ue : null),
             "append-icon": o(n),
@@ -2671,9 +2675,9 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
             clearable: o(s),
             density: o(a),
             disabled: o(c),
-            "hide-details": o(p),
+            "hide-details": o(u),
             label: o(m),
-            loading: o(u),
+            loading: o(p),
             placeholder: o(d),
             prefix: o(y),
             "prepend-icon": o(b),
@@ -2684,11 +2688,11 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
             suffix: o(I),
             theme: o(P),
             variant: o(K)
-          }, Wn({ _: 2 }, [
+          }, Rn({ _: 2 }, [
             o(G) ? {
               name: "append",
               fn: _(() => [
-                W(o(ge), {
+                R(o(ge), {
                   id: "append",
                   "ref-context": { compId: o(G) },
                   state: {}
@@ -2699,7 +2703,7 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
             o(B) ? {
               name: "append-inner",
               fn: _(() => [
-                W(o(ge), {
+                R(o(ge), {
                   id: "append-inner",
                   "ref-context": { compId: o(B) },
                   state: {}
@@ -2710,7 +2714,7 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
             o(C) ? {
               name: "prepend",
               fn: _(() => [
-                W(o(ge), {
+                R(o(ge), {
                   id: "prepend",
                   "ref-context": { compId: o(C) },
                   state: {}
@@ -2721,7 +2725,7 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
             o(O) ? {
               name: "prepend-inner",
               fn: _(() => [
-                W(o(ge), {
+                R(o(ge), {
                   id: "prepend-inner",
                   "ref-context": { compId: o(O) },
                   state: {}
@@ -2753,14 +2757,14 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
       "settings",
       "dot",
       "fill"
-    ]), { property: p } = l(e, [
+    ]), { property: u } = l(e, [
       "settings",
       "hideOpposite"
     ]), { property: m } = l(e, [
       "settings",
       "line",
       "color"
-    ]), { color: u } = j(m), { property: d } = l(e, [
+    ]), { color: p } = j(m), { property: d } = l(e, [
       "settings",
       "line",
       "inset"
@@ -2781,8 +2785,8 @@ const ia = /* @__PURE__ */ ze(ta, [["render", na]]), oa = /* @__PURE__ */ $({
         direction: o(r),
         "dot-color": o(a),
         "fill-dot": o(c),
-        "hide-opposite": o(p),
-        "line-color": o(u),
+        "hide-opposite": o(u),
+        "line-color": o(p),
         "line-inset": o(d),
         "line-thickness": o(y),
         side: o(b),
@@ -2825,8 +2829,8 @@ const ya = /* @__PURE__ */ ze(ma, [["render", da]]), fa = /* @__PURE__ */ $({
     ]), { property: s } = l(e, ["settings", "reverse"]), { property: a } = l(e, [
       "settings",
       "showArrows"
-    ]), { property: c } = l(e, ["settings", "touch"]), { theme: p } = F(), { property: m } = l(e, ["settings", "value"]);
-    return (u, d) => {
+    ]), { property: c } = l(e, ["settings", "touch"]), { theme: u } = F(), { property: m } = l(e, ["settings", "value"]);
+    return (p, d) => {
       const y = E("v-window");
       return h(), S(y, {
         modelValue: o(m),
@@ -2836,11 +2840,11 @@ const ya = /* @__PURE__ */ ze(ma, [["render", da]]), fa = /* @__PURE__ */ $({
         disabled: o(i),
         reverse: o(s),
         "show-arrows": o(a),
-        theme: o(p),
+        theme: o(u),
         touch: o(c)
       }, {
         default: _(() => [
-          M(u.$slots, "default")
+          M(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
@@ -2856,7 +2860,7 @@ function ga(t, e) {
     _: 3
   });
 }
-const ha = /* @__PURE__ */ ze(ba, [["render", ga]]), et = "ambient_light_v1", tt = "badge_v1", Hn = "breadcrumbs_v1", nt = "bar_chart_v1", it = "box_geometry_v1", ot = "btn_v1", rt = "btn_group_v1", st = "btn_toggle_v1", lt = "card_v1", at = "checkbox_v1", ct = "chip_v1", ut = "chip_group_v1", pt = "color_picker_v1", mt = "combobox_v1", dt = "container_v1", yt = "data_table_v1", ft = "date_picker_v1", bt = "dialog_v1", gt = "directional_light_v1", ht = "file_input_v1", xt = "flex_layout_v1", Co = "flex_layout_entry_v1", vt = "form_v1", un = "globality_v1", kt = "group_v1", _t = "icon_v1", wt = "keyboard_controls_v1", St = "line_chart_v1", Vt = "map_controls_v1", $t = "menu_v1", It = "mesh_v1", xa = "mesh_basic_material_v1", Ct = "multiple_ref_v1", Pt = "number_input_v1", zt = "orbit_controls_v1", Tt = "orthographic_camera_v1", Et = "pagination_v1", At = "perspective_camera_v1", Lt = "point_light_v1", Po = "radio_v1", Mt = "radio_group_v1", Bt = "range_slider_v1", Be = "reference_v1", Rt = "rating_v1", Wt = "render_switch_v1", Kt = "select_v1", Dt = "slider_v1", Ft = "sphere_geometry_v1", Ot = "spot_light_v1", Gt = "stepper_v1", zo = "stepper_header_v1", To = "stepper_item_v1", Eo = "stepper_window_v1", Ao = "stepper_window_item_v1", Nt = "switch_v1", Lo = "tab_v1", Un = "table_v1", jt = "tabs_v1", Ht = "text_v1", Ut = "textarea_v1", Jt = "text_field_v1", qt = "timeline_v1", Mo = "timeline_item_v1", Xt = "window_v1", Bo = "window_item_v1", f = {
+const ha = /* @__PURE__ */ ze(ba, [["render", ga]]), et = "ambient_light_v1", tt = "badge_v1", Hn = "breadcrumbs_v1", nt = "bar_chart_v1", it = "box_geometry_v1", ot = "btn_v1", rt = "btn_group_v1", st = "btn_toggle_v1", lt = "card_v1", at = "checkbox_v1", ct = "chip_v1", ut = "chip_group_v1", pt = "color_picker_v1", mt = "combobox_v1", dt = "container_v1", yt = "data_table_v1", ft = "date_picker_v1", bt = "dialog_v1", gt = "directional_light_v1", ht = "file_input_v1", xt = "flex_layout_v1", Co = "flex_layout_entry_v1", vt = "form_v1", un = "globality_v1", kt = "group_v1", _t = "icon_v1", wt = "keyboard_controls_v1", St = "line_chart_v1", Vt = "map_controls_v1", $t = "menu_v1", It = "mesh_v1", xa = "mesh_basic_material_v1", Ct = "multiple_ref_v1", Pt = "number_input_v1", zt = "orbit_controls_v1", Tt = "orthographic_camera_v1", Et = "pagination_v1", At = "perspective_camera_v1", Lt = "point_light_v1", Po = "radio_v1", Mt = "radio_group_v1", Bt = "range_slider_v1", Be = "reference_v1", Wt = "rating_v1", Rt = "render_switch_v1", Kt = "select_v1", Dt = "slider_v1", Ft = "sphere_geometry_v1", Ot = "spot_light_v1", Gt = "stepper_v1", zo = "stepper_header_v1", To = "stepper_item_v1", Eo = "stepper_window_v1", Ao = "stepper_window_item_v1", Nt = "switch_v1", Lo = "tab_v1", Un = "table_v1", jt = "tabs_v1", Ht = "text_v1", Ut = "textarea_v1", Jt = "text_field_v1", qt = "timeline_v1", Mo = "timeline_item_v1", Xt = "window_v1", Bo = "window_item_v1", f = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2918,7 +2922,7 @@ const ha = /* @__PURE__ */ ze(ba, [["render", ga]]), et = "ambient_light_v1", tt
       ]
     }
   ]
-}, va = R(H), $e = {
+}, va = W(H), $e = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -3457,13 +3461,13 @@ function Pa(t, e) {
     console.error(`boxGeometryV1/spawn property tag not found, ${n}`);
     return;
   }
-  const r = We.properties[i];
+  const r = Re.properties[i];
   if (!r) {
     console.error(`boxGeometryV1/spawn properties not found, ${n}`);
     return;
   }
   const s = {};
-  return T(s, r), s.basic.id = z(16), s.basic.key = We.key, s.transform = {
+  return T(s, r), s.basic.id = z(16), s.basic.key = Re.key, s.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3517,7 +3521,7 @@ function Ta(t, e) {
     );
     return;
   }
-  const r = Re.properties[i];
+  const r = We.properties[i];
   if (!r) {
     console.error(
       `boxGeometryV1/spawnMeshBasicMaterial properties not found, ${n}`
@@ -3525,7 +3529,7 @@ function Ta(t, e) {
     return;
   }
   const s = {};
-  return T(s, r), s.basic.id = z(16), s.basic.key = Re.key, s;
+  return T(s, r), s.basic.id = z(16), s.basic.key = We.key, s;
 }
 const ui = {
   key: "settings",
@@ -3592,13 +3596,13 @@ function Ea(t, e) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${n}`);
     return;
   }
-  const r = We.properties[i];
+  const r = Re.properties[i];
   if (!r) {
     console.error(`sphereGeometryV1/spawn properties not found, ${n}`);
     return;
   }
   const s = {};
-  return T(s, r), s.basic.id = z(16), s.basic.key = We.key, s.transform = {
+  return T(s, r), s.basic.id = z(16), s.basic.key = Re.key, s.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3653,7 +3657,7 @@ function La(t, e) {
     );
     return;
   }
-  const r = Re.properties[i];
+  const r = We.properties[i];
   if (!r) {
     console.error(
       `sphereGeometryV1/spawnMeshBasicMaterial properties not found, ${n}`
@@ -3661,7 +3665,7 @@ function La(t, e) {
     return;
   }
   const s = {};
-  return T(s, r), s.basic.id = z(16), s.basic.key = Re.key, s;
+  return T(s, r), s.basic.id = z(16), s.basic.key = We.key, s;
 }
 const pi = {
   key: "settings",
@@ -3730,7 +3734,7 @@ const pi = {
   spawn: Ea
 };
 w(mn);
-const Yt = R(H);
+const Yt = W(H);
 Yt.children[0].default = "custom";
 Yt.children[2].children[0].default = "0xffffff";
 Yt.children[2].children[1].default = "0xffffff";
@@ -3760,7 +3764,7 @@ const mi = {
   slots: []
 };
 w(Ma);
-const Zt = R(H);
+const Zt = W(H);
 Zt.children[0].default = "custom";
 Zt.children[2].children[0].default = "0xffffff";
 Zt.children[2].children[1].default = "0xffffff";
@@ -3790,7 +3794,7 @@ const di = {
   slots: []
 };
 w(Ba);
-const Qt = R(H);
+const Qt = W(H);
 Qt.children[0].default = "custom";
 Qt.children[2].children[0].default = "0xffffff";
 Qt.children[2].children[1].default = "0xffffff";
@@ -3821,7 +3825,7 @@ const yi = {
       default: 2
     }
   ]
-}, Ra = {
+}, Wa = {
   key: Lt,
   name: "x-runtime-lib.pointLight",
   comp: Yr,
@@ -3833,8 +3837,8 @@ const yi = {
   methods: [],
   slots: []
 };
-w(Ra);
-const en = R(H);
+w(Wa);
+const en = W(H);
 en.children[0].default = "custom";
 en.children[2].children[0].default = "0xffffff";
 en.children[2].children[1].default = "0xffffff";
@@ -3882,7 +3886,7 @@ const fi = {
       default: 0
     }
   ]
-}, Wa = {
+}, Ra = {
   key: Ot,
   name: "x-runtime-lib.spotLight",
   comp: Qr,
@@ -3894,8 +3898,8 @@ const fi = {
   methods: [],
   slots: []
 };
-w(Wa);
-const Re = {
+w(Ra);
+const We = {
   key: xa,
   name: "x-runtime-lib.meshBasicMaterial",
   comp: ns,
@@ -3908,7 +3912,7 @@ const Re = {
   slots: [],
   leaf: !0
 };
-w(Re);
+w(We);
 const Ka = {
   key: kt,
   name: "x-runtime-lib.group",
@@ -3922,7 +3926,7 @@ const Ka = {
   slots: []
 };
 w(Ka);
-const We = {
+const Re = {
   key: It,
   name: "x-runtime-lib.mesh",
   comp: ss,
@@ -3934,7 +3938,7 @@ const We = {
   methods: [],
   slots: []
 };
-w(We);
+w(Re);
 function Da(t, e) {
   const n = `type=${t} subtype=${e}`, i = A(t, e);
   if (!i) {
@@ -4096,7 +4100,7 @@ const xi = {
     }
   ]
 }, Na = {
-  key: Wt,
+  key: Rt,
   name: "x-runtime-lib.renderSwitch",
   comp: gl,
   properties: {
@@ -4108,10 +4112,10 @@ const xi = {
   slots: []
 };
 w(Na);
-const Te = R(H);
+const Te = W(H);
 Te.key = "backgroundColor";
 Te.name = "x-runtime-lib.backgroundColor";
-const Ro = {
+const Wo = {
   key: "adaptSlot",
   name: "x-runtime-lib.adaptSlot",
   ui: "slotSelect",
@@ -4123,7 +4127,7 @@ const Ro = {
 }, Ha = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Te, Ro]
+  children: [Te, Wo]
 }, Ua = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4131,7 +4135,7 @@ const Ro = {
 }, Ja = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Te, Ro]
+  children: [Te, Wo]
 }, qa = {
   key: "startup",
   name: "x-runtime-lib.startup"
@@ -4235,7 +4239,7 @@ function ec(t, e) {
   const s = {};
   return T(s, r), s.basic.id = z(16), s.basic.key = fn.key, s.settings.text = "button", s;
 }
-const tc = R(H), ki = {
+const tc = W(H), ki = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4529,7 +4533,7 @@ const Si = {
   leaf: !0
 };
 w(rc);
-const sc = R(H), Vi = {
+const sc = W(H), Vi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4778,7 +4782,7 @@ const Ii = {
   leaf: !0
 };
 w(cc);
-const Jn = R(H);
+const Jn = W(H);
 Jn.key = "backgroundColor";
 Jn.name = "x-runtime-lib.backgroundColor";
 const Ci = {
@@ -5029,7 +5033,7 @@ const Ei = {
 }, xn = {
   key: Co,
   name: "x-runtime-lib.flexLayoutEntry",
-  comp: Rl,
+  comp: Wl,
   properties: {
     pageCommon: [f, U, Ai],
     compCommon: [f, U, Ai]
@@ -5072,15 +5076,15 @@ function dc(t, e) {
     yc(t, e)
   ], s;
 }
-function vn(t, e, n, i, r, s, a, c, p) {
-  const m = `type=${t} subtype=${e}`, u = A(t, e);
-  if (!u) {
+function vn(t, e, n, i, r, s, a, c, u) {
+  const m = `type=${t} subtype=${e}`, p = A(t, e);
+  if (!p) {
     console.error(
       `flexLayoutV1/spawnContainer property tag not found, ${m}`
     );
     return;
   }
-  const d = hn.properties[u];
+  const d = hn.properties[p];
   if (!d) {
     console.error(
       `flexLayoutV1/spawnContainer properties not found, ${m}`
@@ -5122,7 +5126,7 @@ function yc(t, e) {
     )
   ], s;
 }
-const qn = R(H);
+const qn = W(H);
 qn.key = "backgroundColor";
 qn.name = "x-runtime-lib.backgroundColor";
 const Li = {
@@ -5521,7 +5525,7 @@ function bc(t, e) {
   const s = {};
   return T(s, r), s.basic.id = z(16), s.basic.key = kn.key, s;
 }
-const Ri = {
+const Wi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5542,10 +5546,10 @@ const Ri = {
 }, _n = {
   key: vt,
   name: "x-runtime-lib.form",
-  comp: Wl,
+  comp: Rl,
   properties: {
-    pageCommon: [f, U, $e, Ie, Ce, Ri],
-    compCommon: [f, U, $e, Ie, Ce, Ri]
+    pageCommon: [f, U, $e, Ie, Ce, Wi],
+    compCommon: [f, U, $e, Ie, Ce, Wi]
   },
   events: [
     {
@@ -5556,7 +5560,7 @@ const Ri = {
   spawn: fc
 };
 w(_n);
-const gc = R(H), Wi = {
+const gc = W(H), Ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5586,8 +5590,8 @@ const gc = R(H), Wi = {
   name: "x-runtime-lib.icon",
   comp: Kl,
   properties: {
-    pageCommon: [f, Wi],
-    compCommon: [f, Wi]
+    pageCommon: [f, Ri],
+    compCommon: [f, Ri]
   },
   leaf: !0
 };
@@ -5902,7 +5906,7 @@ const Fi = {
   leaf: !0
 };
 w(kc);
-const _c = R(H), Oi = {
+const _c = W(H), Oi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6222,7 +6226,7 @@ const ji = {
     }
   ]
 }, Vc = {
-  key: Rt,
+  key: Wt,
   name: "x-runtime-lib.rating",
   comp: Ul,
   properties: {
@@ -6284,13 +6288,13 @@ const Hi = {
   leaf: !0
 };
 w($c);
-const Xn = R(H);
+const Xn = W(H);
 Xn.key = "color";
 Xn.name = "x-runtime-lib.color";
-const Yn = R(H);
+const Yn = W(H);
 Yn.key = "trackColor";
 Yn.name = "x-runtime-lib.trackColor";
-const Zn = R(H);
+const Zn = W(H);
 Zn.key = "thumbColor";
 Zn.name = "x-runtime-lib.thumbColor";
 const Ui = {
@@ -6687,13 +6691,13 @@ function ln(t, e, n, i) {
   const c = {};
   return T(c, a), c.basic.id = z(16), c.basic.key = Tn.key, c.settings.value = n, c.settings.text = i, c;
 }
-const Qn = R(H);
+const Qn = W(H);
 Qn.key = "backgroundColor";
 Qn.name = "x-runtime-lib.backgroundColor";
-const ei = R(H);
+const ei = W(H);
 ei.key = "selectedColor";
 ei.name = "x-runtime-lib.selectedColor";
-const ti = R(H);
+const ti = W(H);
 ti.key = "sliderColor";
 ti.name = "x-runtime-lib.sliderColor";
 const Qi = {
@@ -7035,9 +7039,9 @@ function an(t, e, n) {
     return;
   }
   const a = {};
-  return T(a, s), a.basic.id = z(16), a.basic.key = Ln.key, a.children = [Rc(t, e, n)], a;
+  return T(a, s), a.basic.id = z(16), a.basic.key = Ln.key, a.children = [Wc(t, e, n)], a;
 }
-function Rc(t, e, n) {
+function Wc(t, e, n) {
   const i = `type=${t} subtype=${e}`, r = A(t, e);
   if (!r) {
     console.error(`timelineV1/spawnText property tag not found, ${i}`);
@@ -7051,7 +7055,7 @@ function Rc(t, e, n) {
   const a = {};
   return T(a, s), a.basic.id = z(16), a.basic.key = xe.key, a.settings.text = n, a;
 }
-const Wc = R(H), Kc = R(H), no = {
+const Rc = W(H), Kc = W(H), no = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7099,7 +7103,7 @@ const Wc = R(H), Kc = R(H), no = {
           ui: "switch",
           default: !1
         },
-        Wc
+        Rc
       ]
     },
     {
@@ -7156,13 +7160,13 @@ function Dc(t, e) {
     console.error(`windowV1/spawn property tag not found, ${n}`);
     return;
   }
-  const r = Rn.properties[i];
+  const r = Wn.properties[i];
   if (!r) {
     console.error(`windowV1/spawn properties not found, ${n}`);
     return;
   }
   const s = {};
-  return T(s, r), s.basic.id = z(16), s.basic.key = Rn.key, s.children = [
+  return T(s, r), s.basic.id = z(16), s.basic.key = Wn.key, s.children = [
     cn(t, e, "window 1"),
     cn(t, e, "window 2"),
     cn(t, e, "window 3")
@@ -7260,7 +7264,7 @@ const io = {
       default: !1
     }
   ]
-}, Rn = {
+}, Wn = {
   key: Xt,
   name: "x-runtime-lib.window",
   comp: fa,
@@ -7270,7 +7274,7 @@ const io = {
   },
   spawn: Dc
 };
-w(Rn);
+w(Wn);
 const Gc = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -7706,7 +7710,7 @@ const Gc = [
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [tt, Rt, qt]
+    items: [tt, Wt, qt]
   },
   {
     key: "imagesAndIcons",
@@ -7721,7 +7725,7 @@ const Gc = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Be, Ct, Wt]
+    items: [Be, Ct, Rt]
   }
 ], Su = [
   {
@@ -7811,7 +7815,7 @@ const Gc = [
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [tt, Rt, qt]
+    items: [tt, Wt, qt]
   },
   {
     key: "imagesAndIcons",
@@ -7826,7 +7830,7 @@ const Gc = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Be, Ct, Wt]
+    items: [Be, Ct, Rt]
   }
 ], $u = [
   {
@@ -7907,9 +7911,9 @@ const Gc = [
     Po,
     Mt,
     Bt,
-    Rt,
-    Be,
     Wt,
+    Be,
+    Rt,
     Kt,
     Dt,
     Ft,
@@ -7954,9 +7958,9 @@ function A(t, e) {
 }
 function oo(t, e) {
   if (t.array)
-    return e ? R(t.default) : R(t.defaultArray);
+    return e ? W(t.default) : W(t.defaultArray);
   {
-    const n = R(t.default);
+    const n = W(t.default);
     return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect") && !n ? void 0 : n;
   }
 }
@@ -7985,17 +7989,17 @@ function pp(t, e, n, i, r) {
     return;
   }
   if (i) {
-    const p = c.refKey, m = r;
-    if (!c.elements.has(p)) {
+    const u = c.refKey, m = r;
+    if (!c.elements.has(u)) {
       console.error(`spawnNode [ref] element not found in pkg, ${s}`);
       return;
     }
-    const u = Me[p];
-    if (!u) {
+    const p = Me[u];
+    if (!p) {
       console.error(`spawnNode [ref] element not found in global, ${s}`);
       return;
     }
-    const d = u.properties[a];
+    const d = p.properties[a];
     if (!d) {
       console.error(`spawnNode [ref] properties not found, ${s}`);
       return;
@@ -8006,16 +8010,16 @@ function pp(t, e, n, i, r) {
         key: ""
       }
     };
-    return T(y, d), y.basic.id = z(16), y.basic.key = p, y.reference = {
+    return T(y, d), y.basic.id = z(16), y.basic.key = u, y.reference = {
       comp: m
     }, y;
   } else {
-    const p = r;
-    if (!c.elements.has(p)) {
+    const u = r;
+    if (!c.elements.has(u)) {
       console.error(`spawnNode [key] element not found in pkg, ${s}`);
       return;
     }
-    const m = Me[p];
+    const m = Me[u];
     if (!m) {
       console.error(`spawnNode [key] element not found in global, ${s}`);
       return;
@@ -8023,8 +8027,8 @@ function pp(t, e, n, i, r) {
     if (m.spawn)
       return m.spawn(t, e);
     {
-      const u = m.properties[a];
-      if (!u) {
+      const p = m.properties[a];
+      if (!p) {
         console.error(`spawnNode [key] properties not found, ${s}`);
         return;
       }
@@ -8034,7 +8038,7 @@ function pp(t, e, n, i, r) {
           key: ""
         }
       };
-      return T(d, u), d.basic.id = z(16), d.basic.key = p, m.leaf || (d.children = []), d;
+      return T(d, p), d.basic.id = z(16), d.basic.key = u, m.leaf || (d.children = []), d;
     }
   }
 }
@@ -8059,7 +8063,7 @@ function Pu(t) {
   function e(i) {
     i.basic.id = z(16), i.children?.forEach((r) => e(r));
   }
-  const n = R(t);
+  const n = W(t);
   return e(n), n;
 }
 function dp(t) {
@@ -8068,12 +8072,12 @@ function dp(t) {
     e.push(Pu(n));
   }), e;
 }
-const Wo = "runtimeOrg", Ko = "runtimeEnv", Do = "runtimeMode", Fo = "runtimeDevice", Oo = "runtimeDark", Go = "runtimeType", No = "runtimeData", jo = "runtimeDepends", Ho = "runtimeRuntime", Uo = "runtimeSandbox";
+const Ro = "runtimeOrg", Ko = "runtimeEnv", Do = "runtimeMode", Fo = "runtimeDevice", Oo = "runtimeDark", Go = "runtimeType", No = "runtimeData", jo = "runtimeDepends", Ho = "runtimeRuntime", Uo = "runtimeSandbox";
 function yp(t) {
-  le(Wo, t);
+  le(Ro, t);
 }
 function zu() {
-  return se(Wo);
+  return se(Ro);
 }
 function fp(t) {
   le(Ko, t);
@@ -8137,18 +8141,18 @@ function He(t, e, n, i, r) {
   const { watchEffect: s, bind: a } = e;
   if (s[n])
     for (const c of s[n]) {
-      const p = Sr(c);
-      t.callFunction(`__watchEffect$${p}__`);
+      const u = Sr(c);
+      t.callFunction(`__watchEffect$${u}__`);
     }
   if (a.triggers[n])
     for (const c of a.triggers[n]) {
-      const p = a.sets[c];
-      if (!p) {
+      const u = a.sets[c];
+      if (!u) {
         console.assert(!1);
         continue;
       }
       let m = null;
-      for (const d of p)
+      for (const d of u)
         if (n === Le(d)) {
           if (d.subKeys) {
             if (!ce(
@@ -8165,9 +8169,9 @@ function He(t, e, n, i, r) {
         }
       if (!m)
         continue;
-      let u;
-      m.subKeys ? u = be(i, m.subKeys) : u = i;
-      for (const d of p)
+      let p;
+      m.subKeys ? p = be(i, m.subKeys) : p = i;
+      for (const d of u)
         if (d.subKeys) {
           let y;
           if (d.type === "elementProperty")
@@ -8186,10 +8190,10 @@ function He(t, e, n, i, r) {
             continue;
           }
           const b = be(y, d.subKeys);
-          if (ce(u, b))
+          if (ce(p, b))
             continue;
-          const g = R(y);
-          Fn(g, d.subKeys, R(u)), d.type === "elementProperty" ? t.setElementProperty(
+          const g = W(y);
+          Fn(g, d.subKeys, W(p)), d.type === "elementProperty" ? t.setElementProperty(
             d.nodeId,
             d.propertyKeys.split("."),
             g
@@ -8211,13 +8215,13 @@ function He(t, e, n, i, r) {
             console.assert(!1);
             continue;
           }
-          if (ce(u, y))
+          if (ce(p, y))
             continue;
           d.type === "elementProperty" ? t.setElementProperty(
             d.nodeId,
             d.propertyKeys.split("."),
-            R(u)
-          ) : d.type === "customProperty" ? t.setCustomProperty(d.propertyId, R(u)) : d.type === "state" ? t.setState(d.stateId, R(u)) : d.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(d.propertyId, R(u)) : console.assert(!1);
+            W(p)
+          ) : d.type === "customProperty" ? t.setCustomProperty(d.propertyId, W(p)) : d.type === "state" ? t.setState(d.stateId, W(p)) : d.type === "adaptSlotProperty" ? t.setAdaptSlotProperty(d.propertyId, W(p)) : console.assert(!1);
         }
     }
 }
@@ -8336,7 +8340,7 @@ function Mp(t) {
 function Bp(t, e, n) {
   return `${t}/${e}/${n}`;
 }
-function Rp(t) {
+function Wp(t) {
   const e = t.split(".");
   let n = "elementSlot";
   e.length > 0 ? n = e[0] : console.error("unwrapSlotId invalid kind");
@@ -8353,10 +8357,10 @@ function ni(t, e) {
       i.value = -1, e.value = void 0, mo.emit("compNotAvail", t);
       return;
     }
-    i.value !== r.dataSeq && (i.value = r.dataSeq, e.value = R(r.data));
+    i.value !== r.dataSeq && (i.value = r.dataSeq, e.value = W(r.data));
   });
 }
-function Wp() {
+function Rp() {
   let t;
   const e = async () => (t = (await Vr()).newRuntime(), console.log("runtime created"), t);
   return Oe(() => {
@@ -8398,7 +8402,7 @@ function Fe(t, e) {
       return t.undefined;
   }
 }
-function Ru(t) {
+function Wu(t) {
   if (!t.vm) {
     console.error("bindBase invalid sandbox vm");
     return;
@@ -8408,15 +8412,15 @@ function Ru(t) {
     const i = e.getString(n), r = e.newArray(), s = i.split(".");
     let a = 0;
     for (let c = 0; c < s.length; c++) {
-      const p = s[c].trim();
-      if (p !== "")
-        if (/^\[\d+\]$/.test(p)) {
-          let m = parseInt(p.slice(1, -1), 10);
+      const u = s[c].trim();
+      if (u !== "")
+        if (/^\[\d+\]$/.test(u)) {
+          let m = parseInt(u.slice(1, -1), 10);
           m > 0 && m--;
-          const u = e.newNumber(m);
-          e.setProp(r, a.toString(), u), u.dispose(), a++;
+          const p = e.newNumber(m);
+          e.setProp(r, a.toString(), p), p.dispose(), a++;
         } else {
-          const m = e.newString(p);
+          const m = e.newString(u);
           e.setProp(r, a.toString(), m), m.dispose(), a++;
         }
     }
@@ -8443,12 +8447,12 @@ function Ru(t) {
       if (Pe(t)) {
         var a = [];
         try {
-          const u = we(a, e.getProp(e.global, "__timeoutCallback__"));
-          e.callFunction(u, e.global, e.newNumber(r));
+          const p = we(a, e.getProp(e.global, "__timeoutCallback__"));
+          e.callFunction(p, e.global, e.newNumber(r));
         } catch (c) {
-          var p = c, m = !0;
+          var u = c, m = !0;
         } finally {
-          Se(a, p, m);
+          Se(a, u, m);
         }
       }
     }, s);
@@ -8467,7 +8471,7 @@ const qo = rr({
   }
 });
 window.API_URL && (qo.defaults.baseURL = window.API_URL + "/computebase/");
-function Wu(t) {
+function Ru(t) {
   return qo.post("callFunc", t);
 }
 function Ku(t) {
@@ -8477,12 +8481,12 @@ function Ku(t) {
   }
   const { vm: e } = t;
   e.newFunction("__callFuncV1__", (n, i, r, s, a) => {
-    const c = e.getString(n), p = e.getString(i), m = e.dump(r), u = e.getString(s), d = e.getString(a), { id: y, promise: b } = t.promiseManager.acquire(), g = JSON.stringify(m);
-    return Wu({
+    const c = e.getString(n), u = e.getString(i), m = e.dump(r), p = e.getString(s), d = e.getString(a), { id: y, promise: b } = t.promiseManager.acquire(), g = JSON.stringify(m);
+    return Ru({
       spaceId: c,
-      id: p,
+      id: u,
       strInputs: g,
-      env: u
+      env: p
     }).then(
       ({ strOutputs: k }) => {
         Pe(t) && (b.resolve(e.evalCode(`JSON.parse('${k}')`).unwrap()), t.promiseManager.release(y));
@@ -8513,10 +8517,10 @@ function Fu(t) {
       try {
         const B = we(c, e.getProp(e.global, "__triggerEventInner__"));
         e.callFunction(B, e.global, n, ...i);
-      } catch (p) {
-        var m = p, u = !0;
+      } catch (u) {
+        var m = u, p = !0;
       } finally {
-        Se(c, m, u);
+        Se(c, m, p);
       }
     }
     const r = e.getString(n), { kind: s, eventKey: a } = Bu(r);
@@ -8557,41 +8561,41 @@ function Fu(t) {
       }
     }
   }).consume((n) => e.setProp(e.global, "__triggerEventV1__", n)), e.newFunction("__getPropertyV1__", (n, i) => {
-    const r = e.getString(n), s = e.getString(i), { kind: a, nodeId: c, propertyKey: p } = ro(r);
+    const r = e.getString(n), s = e.getString(i), { kind: a, nodeId: c, propertyKey: u } = ro(r);
     let m;
     if (a === "elementProperty")
-      m = t.getElementProperty(c, p.split("."));
+      m = t.getElementProperty(c, u.split("."));
     else if (a === "referenceProperty") {
-      const u = t.children[c];
-      u && (m = u.getCustomProperty(p));
+      const p = t.children[c];
+      p && (m = p.getCustomProperty(u));
     } else if (a === "multipleRefProperty") {
-      const u = t.children[c + "/" + s];
-      u && (m = u.getCustomProperty(p));
-    } else a === "customProperty" ? m = t.getCustomProperty(p) : a === "elementSlotProperty" || a === "customSlotProperty" ? m = t.getAdaptSlotProperty(p) : console.assert(!1);
+      const p = t.children[c + "/" + s];
+      p && (m = p.getCustomProperty(u));
+    } else a === "customProperty" ? m = t.getCustomProperty(u) : a === "customSlotProperty" || (a === "adaptSlotElementProperty" || a === "adaptSlotCustomProperty" ? m = t.getAdaptSlotProperty(u) : console.assert(!1));
     return Fe(e, m);
   }).consume((n) => e.setProp(e.global, "__getPropertyV1__", n)), e.newFunction("__setPropertyV1__", (n, i, r) => {
-    const s = e.getString(n), a = e.getString(i), c = e.dump(r), { kind: p, nodeId: m, propertyKey: u } = ro(s);
-    if (p === "elementProperty")
-      t.setElementProperty(m, u.split("."), c);
-    else if (p === "referenceProperty") {
+    const s = e.getString(n), a = e.getString(i), c = e.dump(r), { kind: u, nodeId: m, propertyKey: p } = ro(s);
+    if (u === "elementProperty")
+      t.setElementProperty(m, p.split("."), c);
+    else if (u === "referenceProperty") {
       const d = t.children[m];
-      d && d.setCustomProperty(u, c);
-    } else if (p === "multipleRefProperty") {
+      d && d.setCustomProperty(p, c);
+    } else if (u === "multipleRefProperty") {
       const d = t.children[m + "/" + a];
-      d && d.setCustomProperty(u, c);
-    } else p === "customProperty" ? t.setCustomProperty(u, c) : p === "elementSlotProperty" || p === "customSlotProperty" ? t.setAdaptSlotProperty(u, c) : console.assert(!1);
+      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));
   }).consume((n) => e.setProp(e.global, "__setPropertyV1__", n)), e.newFunction("__callMethodV1__", (n, i, r) => {
-    const s = e.getString(n), a = e.getString(i), c = e.dump(r), { kind: p, nodeId: m, methodKey: u } = Jo(s);
+    const s = e.getString(n), a = e.getString(i), c = e.dump(r), { kind: u, nodeId: m, methodKey: p } = Jo(s);
     let d;
-    if (p === "elementMethod")
+    if (u === "elementMethod")
       d = t.callElementMethod(s, c);
-    else if (p === "referenceMethod") {
+    else if (u === "referenceMethod") {
       const y = t.children[m];
-      y && (d = y.callCustomMethod(u, c));
-    } else if (p === "multipleRefMethod") {
+      y && (d = y.callCustomMethod(p, c));
+    } else if (u === "multipleRefMethod") {
       const y = t.children[m + "/" + a];
-      y && (d = y.callCustomMethod(u, c));
-    } else p === "customMethod" || p === "customSlotMethod" || console.assert(!1);
+      y && (d = y.callCustomMethod(p, c));
+    } else u === "customMethod" || u === "customSlotMethod" || u === "adaptSlotElementMethod" || u === "adaptSlotCustomMethod" || console.assert(!1);
     return d;
   }).consume((n) => e.setProp(e.global, "__callMethodV1__", n)), e.newFunction("__getStateV1__", (n) => {
     const i = e.getString(n), r = t.getState(i);
@@ -8615,18 +8619,18 @@ function Fu(t) {
     );
   }).consume((n) => e.setProp(e.global, "__navigateToV1__", n)), e.newFunction("__openConfirmDlgV1__", (n, i) => {
     const r = e.getString(n), s = e.getString(i), { id: a, promise: c } = t.promiseManager.acquire();
-    return sr({ title: r, text: s }).then((p) => {
-      Pe(t) && (p === void 0 ? c.resolve(e.undefined) : c.resolve(p ? e.true : e.false), t.promiseManager.release(a));
+    return sr({ title: r, text: s }).then((u) => {
+      Pe(t) && (u === void 0 ? c.resolve(e.undefined) : c.resolve(u ? e.true : e.false), t.promiseManager.release(a));
     }), c.settled.then(e.runtime.executePendingJobs), c.handle;
   }).consume((n) => e.setProp(e.global, "__openConfirmDlgV1__", n)), e.newFunction("__openPromptDlgV1__", (n, i, r) => {
-    const s = e.getString(n), a = e.getString(i), c = e.dump(r), { id: p, promise: m } = t.promiseManager.acquire();
-    return lr({ title: s, label: a, value: c }).then((u) => {
-      Pe(t) && (u === void 0 ? m.resolve(e.undefined) : m.resolve(e.newString(u)), t.promiseManager.release(p));
+    const s = e.getString(n), a = e.getString(i), c = e.dump(r), { id: u, promise: m } = t.promiseManager.acquire();
+    return lr({ title: s, label: a, value: c }).then((p) => {
+      Pe(t) && (p === void 0 ? m.resolve(e.undefined) : m.resolve(e.newString(p)), t.promiseManager.release(u));
     }), m.settled.then(e.runtime.executePendingJobs), m.handle;
   }).consume((n) => e.setProp(e.global, "__openPromptDlgV1__", n));
 }
 function Ou(t) {
-  Ru(t), Ku(t), Du(t), Fu(t);
+  Wu(t), Ku(t), Du(t), Fu(t);
 }
 const Gu = `
 let __events__ = {}
@@ -8742,8 +8746,8 @@ class ju {
   type;
   eventBus = $r();
   hooks;
-  constructor(e, n, i, r, s, a, c, p, m) {
-    this.kind = e, this.id = n, this.refKey = i, this.parent = r, this.org = s, this.env = a, this.mode = c, this.type = p, this.hooks = m, this.parent?.addChild(this), console.log(`Sandbox/constructor id='${this.id}'`);
+  constructor(e, n, i, r, s, a, c, u, m) {
+    this.kind = e, this.id = n, this.refKey = i, this.parent = r, this.org = s, this.env = a, this.mode = c, this.type = u, this.hooks = m, this.parent?.addChild(this), console.log(`Sandbox/constructor id='${this.id}'`);
   }
   dispose() {
     this.parent?.removeChild(this.id), this.destroyVm(), console.log(`Sandbox/dispose id='${this.id}'`);
@@ -8879,7 +8883,7 @@ class ju {
   }
 }
 function ii(t, e, n, i, r) {
-  const s = zu(), a = Tu(), c = N(), p = ye(), m = Ee(), u = Ne(), d = Au(), y = (V, I, P, L) => {
+  const s = zu(), a = Tu(), c = N(), u = ye(), m = Ee(), p = Ne(), d = Au(), y = (V, I, P, L) => {
     if (Z(c) && (x.callFunction(
       "__triggerEventV1__",
       Q("elementPropertyChangeEvent", V, I.join(".")),
@@ -8943,7 +8947,7 @@ function ii(t, e, n, i, r) {
       I,
       P
     ));
-  }, x = new ju(e, n, i, r, s, a, c, p, {
+  }, x = new ju(e, n, i, r, s, a, c, u, {
     onElementPropertyChange: y,
     onCustomPropertyChange: b,
     onAdaptSlotPropertyChange: g,
@@ -8972,7 +8976,7 @@ function ii(t, e, n, i, r) {
     },
     { immediate: !0 }
   ), Z(c) && re(
-    u,
+    p,
     (V) => {
       x.callFunction(
         "__triggerEventV1__",
@@ -8990,7 +8994,7 @@ const Hu = (t, e, n) => {
   });
 };
 async function Kp(t) {
-  return (await Hu(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.eag3wkbw.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.fh6ux17b.js") }), `./locales/${t}/index.ts`, 4)).default;
+  return (await Hu(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.fcu7dx2e.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.l3h6mxad.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
   np as addIndent,
@@ -9069,8 +9073,8 @@ export {
   Le as makeTriggerId,
   Ia as mapControlsV1,
   xc as menuV1,
-  Re as meshBasicMaterialV1,
-  We as meshV1,
+  We as meshBasicMaterialV1,
+  Re as meshV1,
   Oa as multipleRefV1,
   wn as numberInputV1,
   Ca as orbitControlsV1,
@@ -9081,7 +9085,7 @@ export {
   tp as parsePixelStr,
   _a as perspectiveCameraV1,
   Cu as pkgs,
-  Ra as pointLightV1,
+  Wa as pointLightV1,
   hp as provideDark,
   vp as provideData,
   kp as provideDepends,
@@ -9104,7 +9108,7 @@ export {
   Ic as sliderV1,
   pp as spawnNode,
   mn as sphereGeometryV1,
-  Wa as spotLightV1,
+  Ra as spotLightV1,
   $n as stepperHeaderV1,
   In as stepperItemV1,
   zn as stepperV1,
@@ -9132,10 +9136,10 @@ export {
   ro as unwrapPropertyId,
   Ip as unwrapPropertyKeyOfCustomSlot,
   Vp as unwrapPropertyKeyOfElementSlot,
-  Rp as unwrapSlotId,
+  Wp as unwrapSlotId,
   ni as useDepend,
-  Wp as useRuntime,
+  Rp as useRuntime,
   ii as useSandbox,
   Bn as windowItemV1,
-  Rn as windowV1
+  Wn as windowV1
 };