x-runtime-lib 0.8.156 → 0.8.157

package/dist/index.js

@@ -29,10 +29,10 @@ var Fe = (t, n, e) => {
   };
   return i();
 };
-import { defineComponent as S, createElementBlock as te, createCommentVNode as re, unref as r, openBlock as w, createElementVNode as We, computed as I, renderSlot as O, normalizeStyle as fe, ref as se, watch as de, onUnmounted as Ie, onBeforeMount as oi, watchEffect as ke, createVNode as D, createBlock as C, useTemplateRef as Io, onMounted as So, nextTick as sn, withCtx as V, resolveComponent as R, isRef as ne, h as K, createSlots as rn, renderList as ii, useId as $o, withModifiers as si, normalizeClass as ri, toDisplayString as Co, useAttrs as gt, inject as ye, provide as be, readonly as ln } from "vue";
-import { globalObjects as _e, waitUtil as Vo, useViewStack as Po, eventBus as Lo, messageInfo as li, messageSuccess as ai, messageWarning as zo, messageError as To, createAxios as ci, openConfirmDlg as ui, openPromptDlg as mi } from "x-essential-lib";
+import { defineComponent as S, createElementBlock as te, createCommentVNode as re, unref as r, openBlock as w, createElementVNode as We, computed as I, renderSlot as O, normalizeStyle as de, ref as se, watch as pe, onUnmounted as Ie, onBeforeMount as oi, watchEffect as xe, createVNode as D, createBlock as C, useTemplateRef as Io, onMounted as So, nextTick as sn, withCtx as V, resolveComponent as R, isRef as ne, h as K, createSlots as rn, renderList as ii, useId as $o, withModifiers as si, normalizeClass as ri, toDisplayString as Co, useAttrs as gt, inject as fe, provide as ye, readonly as ln } from "vue";
+import { globalObjects as he, waitUtil as Vo, useViewStack as Po, eventBus as Lo, messageInfo as li, messageSuccess as ai, messageWarning as zo, messageError as To, createAxios as ci, openConfirmDlg as ui, openPromptDlg as mi } from "x-essential-lib";
 import { CameraHelper as Eo, DirectionalLightHelper as pi, PointLightHelper as di, SpotLightHelper as fi } from "three";
-import { i as pe, c as qe, K as yi, M as bi, O as gi, u as hi, r as Ao, e as Mo, a as _i, b as vi, d as xi, f as ki, g as wi, h as Ii, j as Si, k as $i, l as Wo, m as F, H as Ci, n as Vi, o as Pi, p as Li, q as zi } from "./vendor.m8tdmh16.js";
+import { i as me, c as qe, K as yi, M as bi, O as gi, u as hi, r as Ao, e as Mo, a as _i, b as vi, d as xi, f as ki, g as wi, h as Ii, j as Si, k as $i, l as Wo, m as F, H as Ci, n as Vi, o as Pi, p as Li, q as zi } from "./vendor.m8tdmh16.js";
 import { useTheme as Ti } from "vuetify";
 import { getErrorMessage as Ei } from "x-error-lib";
 const In = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
@@ -126,7 +126,7 @@ function bu(t) {
 function Xe(t) {
   return t.startsWith("ref_v") || t.startsWith("multiple_ref_v") || t.startsWith("slot_v") || t.startsWith("multiple_slot_v");
 }
-function ce(t) {
+function ke(t) {
   return t === "runtime" || t === "preview";
 }
 function Ye(t, n) {
@@ -313,10 +313,10 @@ const Iu = [
   "scene_spot_light_v1"
 ];
 function N(...t) {
-  return t.map((n) => _e.i18n.global.t(`x-runtime-lib.${n}`)).join(" - ");
+  return t.map((n) => he.i18n.global.t(`x-runtime-lib.${n}`)).join(" - ");
 }
 function un(t, n, e) {
-  const { i18n: o } = _e;
+  const { i18n: o } = he;
   let s = "";
   return t && (s += t + " / "), n.forEach((i, l) => {
     l > 0 && (s += " - "), e ? s += o.global.t(i) : s += i;
@@ -379,12 +379,12 @@ const Di = ["position", "ratation", "scale"], Re = /* @__PURE__ */ S({
     }));
     return (s, i) => r(n) === "editor" ? (w(), te("div", {
       key: 0,
-      style: fe(e.value)
+      style: de(e.value)
     }, [
       O(s.$slots, "default"),
       t.mask ? (w(), te("div", {
         key: 0,
-        style: fe(o.value)
+        style: de(o.value)
       }, null, 4)) : re("", !0)
     ], 4)) : O(s.$slots, "default", { key: 1 });
   }
@@ -397,7 +397,7 @@ function Fi(t) {
 }
 function P(t) {
   const n = le(), e = se(n.value.view.nodes[t.nodeId]);
-  console.assert(!!e.value, `invalid node id=${t.nodeId}`), de(n, () => {
+  console.assert(!!e.value, `invalid node id=${t.nodeId}`), pe(n, () => {
     e.value = n.value.view.nodes[t.nodeId];
   });
   const { debugTrace: o } = Fi(e);
@@ -406,7 +406,7 @@ function P(t) {
   }), { node: e };
 }
 function pt(t, n, e) {
-  const o = ve();
+  const o = _e();
   if (o) {
     const s = I(() => Uc("elementMethod", t, n));
     oi(() => {
@@ -430,14 +430,14 @@ const Oi = (t, n, e, o) => {
   s ? typeof o == "object" ? i = JSON.stringify(o, null, 2) : (console.assert(!1), i = "{}") : i = o, t ? t.setElementProperty(n.basic.id, e, i) : cn(n, e, i);
 };
 function a(t, n, e) {
-  const o = ve(), s = se();
-  return ke(() => {
+  const o = _e(), s = se();
+  return xe(() => {
     s.value = Oi(o, t.value, n, e);
-  }), de(s, (i, l) => {
-    pe(i, l) || Ni(o, t.value, n, s.value, e);
+  }), pe(s, (i, l) => {
+    me(i, l) || Ni(o, t.value, n, s.value, e);
   }), { property: s };
 }
-function me(t) {
+function ue(t) {
   const { property: n } = a(t, [
     "transform",
     "position",
@@ -463,17 +463,17 @@ function me(t) {
     "rotation",
     "z"
   ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: u } = a(t, ["transform", "scale", "y"]), { property: m } = a(t, ["transform", "scale", "z"]), d = se([0, 0, 0]), p = se([0, 0, 0]), f = se([1, 1, 1]);
-  return ke(() => {
+  return xe(() => {
     d.value = [n.value, e.value, o.value];
-  }), ke(() => {
+  }), xe(() => {
     n.value = d.value[0], e.value = d.value[1], o.value = d.value[2];
-  }), ke(() => {
+  }), xe(() => {
     p.value = [s.value, i.value, l.value];
-  }), ke(() => {
+  }), xe(() => {
     s.value = p.value[0], i.value = p.value[1], l.value = p.value[2];
-  }), ke(() => {
+  }), xe(() => {
     f.value = [c.value, u.value, m.value];
-  }), ke(() => {
+  }), xe(() => {
     c.value = f.value[0], u.value = f.value[1], m.value = f.value[2];
   }), { position: d, rotation: p, scale: f };
 }
@@ -563,7 +563,7 @@ function dn(t) {
   }
   return { paddingTop: n, paddingLeft: e, paddingBottom: o, paddingRight: s, applyPadding: i };
 }
-function ge(t, n) {
+function be(t, n) {
   const e = Z(), o = De(), s = I(() => n.value.size?.width), i = I(() => n.value.size?.minWidth), l = I(() => n.value.size?.maxWidth), c = I(() => {
     if (t.outer && e === "editor") {
       const p = It(n.value.size?.height);
@@ -599,7 +599,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
     return (b, g) => (w(), te("TresOrthographicCamera", {
       bottom: r(c),
       far: r(u),
@@ -627,7 +627,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
     return (p, f) => (w(), te("TresPerspectiveCamera", {
       aspect: r(c),
       far: r(u),
@@ -744,7 +744,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = me(e), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: u } = a(e, [
+    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = ue(e), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: u } = a(e, [
       "settings",
       "intensity"
     ]);
@@ -767,7 +767,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: m } = a(e, [
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: m } = a(e, [
       "settings",
       "intensity"
     ]);
@@ -794,7 +794,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: m } = a(e, ["settings", "decay"]), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: m } = a(e, ["settings", "decay"]), { property: d } = a(e, [
       "settings",
       "distance"
     ]), { property: p } = a(e, [
@@ -826,7 +826,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: m } = Q(u), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: m } = Q(u), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
       "settings",
       "distance"
     ]), { property: f } = a(e, [
@@ -867,7 +867,7 @@ const ms = /* @__PURE__ */ Be(cs, [["render", us]]), ps = ["position", "rotation
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = me(e);
+    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = ue(e);
     return (l, c) => (w(), te("TresGroup", {
       position: r(o),
       rotation: r(s),
@@ -884,7 +884,7 @@ const ms = /* @__PURE__ */ Be(cs, [["render", us]]), ps = ["position", "rotation
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = me(e);
+    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = ue(e);
     return (l, c) => (w(), te("TresMesh", {
       position: r(o),
       rotation: r(s),
@@ -974,7 +974,7 @@ const kr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = Se(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = ge(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Fo(e), { applyYAxis: h } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: _ } = Ko(e), v = I(() => {
+    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = Se(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = be(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Fo(e), { applyYAxis: _ } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ko(e), v = I(() => {
       const L = {}, U = l.value?.type;
       return i === "page" ? U === "common" ? b(L) : console.assert(!1) : i === "comp" && U === "common" ? b(L) : console.assert(!1), L;
     }), z = Io("chart");
@@ -987,13 +987,13 @@ const kr = /* @__PURE__ */ S({
       T?.resize();
     }, j = () => {
       const L = {};
-      g(L), k(L), h(L), x(L), _(L), T?.setOption(L, !0);
+      g(L), k(L), _(L), x(L), h(L), T?.setOption(L, !0);
     };
     return So(async () => {
       window.addEventListener("resize", Y, !1), await Vo(() => !!z.value), J(), j();
     }), Ie(() => {
       window.removeEventListener("resize", Y, !1), T?.dispose();
-    }), de(
+    }), pe(
       [
         () => o.value.width,
         () => o.value.height,
@@ -1007,9 +1007,9 @@ const kr = /* @__PURE__ */ S({
       async () => {
         await sn(), Y();
       }
-    ), de([s], () => {
+    ), pe([s], () => {
       J(), j();
-    }), de(
+    }), pe(
       [n],
       () => {
         j();
@@ -1022,7 +1022,7 @@ const kr = /* @__PURE__ */ S({
       default: V(() => [
         We("div", {
           ref: "chart",
-          style: fe(v.value)
+          style: de(v.value)
         }, null, 4)
       ]),
       _: 1
@@ -1036,7 +1036,7 @@ const kr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = Se(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = ge(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Fo(e), { applyYAxis: h } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: _ } = Ko(e), v = I(() => {
+    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = Se(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = be(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Fo(e), { applyYAxis: _ } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ko(e), v = I(() => {
       const L = {}, U = l.value?.type;
       return i === "page" ? U === "common" ? b(L) : console.assert(!1) : i === "comp" && U === "common" ? b(L) : console.assert(!1), L;
     }), z = Io("chart");
@@ -1049,13 +1049,13 @@ const kr = /* @__PURE__ */ S({
       T?.resize();
     }, j = () => {
       const L = {};
-      g(L), k(L), h(L), x(L), _(L), T?.setOption(L, !0);
+      g(L), k(L), _(L), x(L), h(L), T?.setOption(L, !0);
     };
     return So(async () => {
       window.addEventListener("resize", Y, !1), await Vo(() => !!z.value), J(), j();
     }), Ie(() => {
       window.removeEventListener("resize", Y, !1), T?.dispose();
-    }), de(
+    }), pe(
       [
         () => o.value.width,
         () => o.value.height,
@@ -1069,9 +1069,9 @@ const kr = /* @__PURE__ */ S({
       async () => {
         await sn(), Y();
       }
-    ), de([s], () => {
+    ), pe([s], () => {
       J(), j();
-    }), de(
+    }), pe(
       [n],
       () => {
         j();
@@ -1084,7 +1084,7 @@ const kr = /* @__PURE__ */ S({
       default: V(() => [
         We("div", {
           ref: "chart",
-          style: fe(v.value)
+          style: de(v.value)
         }, null, 4)
       ]),
       _: 1
@@ -1136,21 +1136,21 @@ const kr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = ve(), { property: s } = a(e, [
+    const n = t, { node: e } = P(n), o = _e(), { property: s } = a(e, [
       "settings",
       "addIcon",
       "append"
     ]), { property: i } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: u } = a(e, ["settings", "density"]), { property: m } = a(e, [
       "settings",
       "disabled"
-    ]), { property: d } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: k } = a(e, ["size", "minWidth"]), { property: h } = a(e, [
+    ]), { property: d } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: k } = a(e, ["size", "minWidth"]), { property: _ } = a(e, [
       "settings",
       "addIcon",
       "prepend"
     ]), { property: x } = a(e, [
       "settings",
       "readonly"
-    ]), { property: _ } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: z } = a(e, ["settings", "stacked"]), { property: T } = a(e, ["settings", "text"]), { theme: J } = H(), { property: Y } = a(e, ["settings", "variant"]), { property: j } = a(e, ["size", "width"]), L = async (U) => {
+    ]), { property: h } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: z } = a(e, ["settings", "stacked"]), { property: T } = a(e, ["settings", "text"]), { theme: J } = H(), { property: Y } = a(e, ["settings", "variant"]), { property: j } = a(e, ["size", "width"]), L = async (U) => {
       if (!o || !o.vm)
         return;
       const { vm: oe } = o;
@@ -1161,13 +1161,13 @@ const kr = /* @__PURE__ */ S({
       );
     };
     return (U, oe) => {
-      const he = R("v-btn");
+      const ge = R("v-btn");
       return w(), C(r(G), {
         block: r(i),
         mask: ""
       }, {
         default: V(() => [
-          D(he, {
+          D(ge, {
             "append-icon": r(s),
             block: r(i),
             color: r(c),
@@ -1179,9 +1179,9 @@ const kr = /* @__PURE__ */ S({
             "max-width": r(b),
             "min-height": r(g),
             "min-width": r(k),
-            "prepend-icon": r(h),
+            "prepend-icon": r(_),
             readonly: r(x),
-            ripple: r(_),
+            ripple: r(h),
             size: r(v),
             stacked: r(z),
             text: r(T),
@@ -1227,8 +1227,8 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "readonly"
     ]), { property: m } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = H(), { property: f } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
     return (g, k) => {
-      const h = R("v-btn-toggle");
-      return w(), C(h, {
+      const _ = R("v-btn-toggle");
+      return w(), C(_, {
         block: r(o),
         disabled: r(s),
         divided: r(i),
@@ -1262,8 +1262,8 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: i } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: u } = a(e, ["size", "maxHeight"]), { property: m } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["size", "minHeight"]), { property: p } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
       "settings",
       "subtitle"
-    ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = H(), { property: k } = a(e, ["settings", "title"]), { property: h } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
-    return (_, v) => {
+    ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = H(), { property: k } = a(e, ["settings", "title"]), { property: _ } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
+    return (h, v) => {
       const z = R("v-card");
       return w(), C(r(G), { block: "" }, {
         default: V(() => [
@@ -1281,11 +1281,11 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             text: r(b),
             theme: r(g),
             title: r(k),
-            variant: r(h),
+            variant: r(_),
             width: r(x)
           }, {
             default: V(() => [
-              O(_.$slots, "default")
+              O(h.$slots, "default")
             ]),
             _: 3
           }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
@@ -1339,8 +1339,8 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: u } = a(e, [
       "settings",
       "draggable"
-    ]), { property: m } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = H(), { property: g } = a(e, ["settings", "tile"]), { property: k } = a(e, ["settings", "value"]), { property: h } = a(e, ["settings", "variant"]);
-    return (x, _) => {
+    ]), { property: m } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = H(), { property: g } = a(e, ["settings", "tile"]), { property: k } = a(e, ["settings", "value"]), { property: _ } = a(e, ["settings", "variant"]);
+    return (x, h) => {
       const v = R("v-chip");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
@@ -1357,7 +1357,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             theme: r(b),
             tile: r(g),
             value: r(k),
-            variant: r(h)
+            variant: r(_)
           }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"])
         ]),
         _: 1
@@ -1417,9 +1417,9 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), s = le(), { applySize: i } = ge(n, e), l = I(() => {
-      const k = {}, h = s.value?.type;
-      return o === "page" ? h === "common" ? i(k) : console.assert(!1) : o === "comp" && h === "common" ? i(k) : console.assert(!1), k;
+    const n = t, { node: e } = P(n), o = Se(), s = le(), { applySize: i } = be(n, e), l = I(() => {
+      const k = {}, _ = s.value?.type;
+      return o === "page" ? _ === "common" ? i(k) : console.assert(!1) : o === "comp" && _ === "common" ? i(k) : console.assert(!1), k;
     }), { property: c } = a(e, [
       "settings",
       "disabled"
@@ -1442,7 +1442,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "settings",
       "showSwatches"
     ]), { theme: g } = H();
-    return (k, h) => {
+    return (k, _) => {
       const x = R("v-color-picker");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
@@ -1454,7 +1454,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             "hide-sliders": r(p),
             landscape: r(f),
             "show-swatches": r(b),
-            style: fe(l.value),
+            style: de(l.value),
             theme: r(g)
           }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"])
         ]),
@@ -1513,14 +1513,14 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     const n = t, { node: e } = P(n), o = Se(), s = le(), { property: i } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: l } = Q(i), { applySize: c } = ge(n, e), { applyMargin: u } = pn(e), { applyPadding: m } = dn(e), { applyBorder: d } = mn(e), p = I(() => {
+    ]), { color: l } = Q(i), { applySize: c } = be(n, e), { applyMargin: u } = pn(e), { applyPadding: m } = dn(e), { applyBorder: d } = mn(e), p = I(() => {
       const f = {}, b = s.value?.type;
       return o === "page" ? b === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && b === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
     });
     return (f, b) => (w(), C(r(G), { block: "" }, {
       default: V(() => [
         We("div", {
-          style: fe(p.value)
+          style: de(p.value)
         }, [
           O(f.$slots, "default")
         ], 4)
@@ -1539,7 +1539,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     const n = t, e = Z(), o = Qe(), s = se();
     Pe(s);
     const i = I(() => n.refContext.compId);
-    et(i, s), ce(e) && tt(s, "elementSlot", "", "", ve());
+    et(i, s), ke(e) && tt(s, "elementSlot", "", "", _e());
     function l(u) {
       const m = we[u.key];
       if (!m) {
@@ -1567,7 +1567,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       );
     }
     const c = () => {
-      const { i18n: u } = _e;
+      const { i18n: u } = he;
       if (Ye(n.refContext, o))
         return K("div", null, u.global.t("x-runtime-lib.circularReference"));
       if (!s.value)
@@ -1599,7 +1599,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "settings",
       "multiSort"
     ]), { theme: f } = H(), { property: b } = a(e, ["size", "width"]), { property: g } = a(e, ["slots", "columns"]);
-    return (k, h) => {
+    return (k, _) => {
       const x = R("v-data-table");
       return w(), C(r(G), {
         block: "",
@@ -1619,8 +1619,8 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             theme: r(f),
             width: r(b)
           }, rn({ _: 2 }, [
-            ii(r(g), ({ key: _, comp: v }) => ({
-              name: `item.${_}`,
+            ii(r(g), ({ key: h, comp: v }) => ({
+              name: `item.${h}`,
               fn: V(({ value: z }) => [
                 D(Rr, {
                   "node-id": n.nodeId,
@@ -1740,17 +1740,17 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = De(), s = Se(), i = le(), { applySize: l } = ge(n, e), { applyMargin: c } = pn(e), { applyPadding: u } = dn(e), { applyBorder: m } = mn(e), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = De(), s = Se(), i = le(), { applySize: l } = be(n, e), { applyMargin: c } = pn(e), { applyPadding: u } = dn(e), { applyBorder: m } = mn(e), { property: d } = a(e, [
       "settings",
       "backgroundColor"
     ]), { color: p } = Q(d), f = (g) => {
       p.value && (g.backgroundColor = p.value), g.display = "flex";
-      const k = mt(o.value.width), h = Ne(k, e.value.settings?.direction);
-      h === "row" ? g.flexDirection = "row" : h === "rowReverse" ? g.flexDirection = "row-reverse" : h === "column" ? g.flexDirection = "column" : h === "columnReverse" && (g.flexDirection = "column-reverse");
+      const k = mt(o.value.width), _ = Ne(k, e.value.settings?.direction);
+      _ === "row" ? g.flexDirection = "row" : _ === "rowReverse" ? g.flexDirection = "row-reverse" : _ === "column" ? g.flexDirection = "column" : _ === "columnReverse" && (g.flexDirection = "column-reverse");
       const x = Ne(k, e.value.settings?.wrap);
       x === "no" ? g.flexWrap = "nowrap" : x === "yes" ? g.flexWrap = "wrap" : x === "reverse" && (g.flexWrap = "wrap-reverse");
-      const _ = Ne(k, e.value.settings?.mainAlign);
-      _ === "start" ? g.justifyContent = "flex-start" : _ === "end" ? g.justifyContent = "flex-end" : _ === "center" ? g.justifyContent = "center" : _ === "spaceBetween" ? g.justifyContent = "space-between" : _ === "spaceAround" ? g.justifyContent = "space-around" : _ === "spaceEvenly" && (g.justifyContent = "space-evenly");
+      const h = Ne(k, e.value.settings?.mainAlign);
+      h === "start" ? g.justifyContent = "flex-start" : h === "end" ? g.justifyContent = "flex-end" : h === "center" ? g.justifyContent = "center" : h === "spaceBetween" ? g.justifyContent = "space-between" : h === "spaceAround" ? g.justifyContent = "space-around" : h === "spaceEvenly" && (g.justifyContent = "space-evenly");
       const v = Ne(k, e.value.settings?.crossAlign);
       v === "start" ? g.alignItems = "flex-start" : v === "end" ? g.alignItems = "flex-end" : v === "center" ? g.alignItems = "center" : v === "baseline" ? g.alignItems = "baseline" : v === "stretch" && (g.alignItems = "stretch");
     }, b = I(() => {
@@ -1758,7 +1758,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       return s === "page" ? k === "common" ? (l(g), c(g), u(g), m(g), f(g)) : console.assert(!1) : s === "comp" && k === "common" ? (l(g), c(g), u(g), m(g), f(g)) : console.assert(!1), g;
     });
     return (g, k) => (w(), te("div", {
-      style: fe(b.value)
+      style: de(b.value)
     }, [
       O(g.$slots, "default")
     ], 4));
@@ -1771,12 +1771,12 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), s = le(), { applySize: i } = ge(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = I(() => {
+    const n = t, { node: e } = P(n), o = Se(), s = le(), { applySize: i } = be(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = I(() => {
       const m = {}, d = s.value?.type;
       return o === "page" ? d === "common" ? (i(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (i(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1), m;
     });
     return (m, d) => (w(), te("div", {
-      style: fe(u.value)
+      style: de(u.value)
     }, [
       O(m.$slots, "default")
     ], 4));
@@ -1789,15 +1789,15 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), s = le(), i = ve(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
+    const n = t, { node: e } = P(n), o = Se(), s = le(), i = _e(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
       "settings",
       "fastFail"
     ]), { property: u } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: m } = Q(u), { applySize: d } = ge(n, e), { applyMargin: p } = pn(e), { applyPadding: f } = dn(e), { applyBorder: b } = mn(e), g = I(() => {
-      const h = {}, x = s.value?.type;
-      return o === "page" ? x === "common" ? (d(h), p(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(h), p(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1), h;
+    ]), { color: m } = Q(u), { applySize: d } = be(n, e), { applyMargin: p } = pn(e), { applyPadding: f } = dn(e), { applyBorder: b } = mn(e), g = I(() => {
+      const _ = {}, x = s.value?.type;
+      return o === "page" ? x === "common" ? (d(_), p(_), f(_), b(_), m.value && (_.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(_), p(_), f(_), b(_), m.value && (_.backgroundColor = m.value)) : console.assert(!1), _;
     }), k = async () => {
       await i?.callFunctionAsync(
         "__triggerEventV1__",
@@ -1805,17 +1805,17 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         ""
       );
     };
-    return (h, x) => {
-      const _ = R("v-form");
-      return w(), C(_, {
+    return (_, x) => {
+      const h = R("v-form");
+      return w(), C(h, {
         modelValue: r(l),
         "onUpdate:modelValue": x[0] || (x[0] = (v) => ne(l) ? l.value = v : null),
         "fast-fail": r(c),
-        style: fe(g.value),
+        style: de(g.value),
         onSubmit: si(k, ["prevent"])
       }, {
         default: V(() => [
-          O(h.$slots, "default")
+          O(_.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
@@ -1852,7 +1852,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = Z(), o = ve(), s = se(0), i = se(0), l = I(() => [s.value, i.value]), { open: c } = Po(`runtimeMenu/${$o()}`);
+    const n = t, e = Z(), o = _e(), s = se(0), i = se(0), l = I(() => [s.value, i.value]), { open: c } = Po(`runtimeMenu/${$o()}`);
     return pt(n.nodeId, "open", () => {
       if (!o || !o.vm)
         return;
@@ -1911,7 +1911,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: g } = a(e, [
       "settings",
       "precision"
-    ]), { property: k } = a(e, ["settings", "prefix"]), { property: h } = a(e, [
+    ]), { property: k } = a(e, ["settings", "prefix"]), { property: _ } = a(e, [
       "settings",
       "addIcon",
       "prepend"
@@ -1919,14 +1919,14 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "settings",
       "addIcon",
       "prependInner"
-    ]), { property: _ } = a(e, [
+    ]), { property: h } = a(e, [
       "settings",
       "readonly"
     ]), { property: v } = a(e, ["settings", "reverse"]), { property: z } = a(e, [
       "settings",
       "singleLine"
     ]), { property: T } = a(e, ["settings", "step"]), { property: J } = a(e, ["settings", "suffix"]), { theme: Y } = H(), { property: j } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: U } = a(e, ["size", "width"]);
-    return (oe, he) => {
+    return (oe, ge) => {
       const Le = R("v-number-input");
       return w(), C(r(G), {
         block: "",
@@ -1935,7 +1935,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         default: V(() => [
           D(Le, {
             modelValue: r(j),
-            "onUpdate:modelValue": he[0] || (he[0] = (xe) => ne(j) ? j.value = xe : null),
+            "onUpdate:modelValue": ge[0] || (ge[0] = (ve) => ne(j) ? j.value = ve : null),
             "append-icon": r(o),
             "append-inner-icon": r(s),
             clearable: r(i),
@@ -1949,9 +1949,9 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             placeholder: r(b),
             precision: r(g),
             prefix: r(k),
-            "prepend-icon": r(h),
+            "prepend-icon": r(_),
             "prepend-inner-icon": r(x),
-            readonly: r(_),
+            readonly: r(h),
             reverse: r(v),
             "single-line": r(z),
             step: r(T),
@@ -1983,7 +1983,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       const k = {};
       return o === "editor" && (k.pointerEvents = "none"), k;
     });
-    return (k, h) => {
+    return (k, _) => {
       const x = R("v-pagination");
       return w(), C(r(G), {
         block: "",
@@ -1992,14 +1992,14 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         default: V(() => [
           D(x, {
             modelValue: r(f),
-            "onUpdate:modelValue": h[0] || (h[0] = (_) => ne(f) ? f.value = _ : null),
+            "onUpdate:modelValue": _[0] || (_[0] = (h) => ne(f) ? f.value = h : null),
             density: r(s),
             disabled: r(i),
             length: r(l),
             "show-first-last-page": r(c),
             size: r(u),
             start: r(m),
-            style: fe(g.value),
+            style: de(g.value),
             theme: r(d),
             tile: r(p),
             variant: r(b)
@@ -2110,7 +2110,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     }), { property: b } = a(e, ["settings", "step"]), { theme: g } = H(), { property: k } = a(e, [
       "settings",
       "thumbLabel"
-    ]), h = I(() => {
+    ]), _ = I(() => {
       if (k.value === "always")
         return "always";
       if (k.value === "show")
@@ -2118,11 +2118,11 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     }), { property: x } = a(e, [
       "settings",
       "thumbSize"
-    ]), { property: _ } = a(e, ["settings", "ticks"]), v = I(() => {
-      if (!_.value)
+    ]), { property: h } = a(e, ["settings", "ticks"]), v = I(() => {
+      if (!h.value)
         return;
       const j = {};
-      for (const { value: L, label: U } of _.value)
+      for (const { value: L, label: U } of h.value)
         j[L] = U;
       if (!Wo(j))
         return j;
@@ -2164,7 +2164,7 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             "show-ticks": f.value,
             step: r(b),
             theme: r(g),
-            "thumb-label": h.value,
+            "thumb-label": _.value,
             "thumb-size": r(x),
             "tick-size": r(z),
             ticks: v.value
@@ -2287,10 +2287,10 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         return "always";
       if (b.value === "show")
         return !0;
-    }), { property: k } = a(e, ["settings", "step"]), { theme: h } = H(), { property: x } = a(e, [
+    }), { property: k } = a(e, ["settings", "step"]), { theme: _ } = H(), { property: x } = a(e, [
       "settings",
       "thumbColor"
-    ]), { color: _ } = Q(x), { property: v } = a(e, [
+    ]), { color: h } = Q(x), { property: v } = a(e, [
       "settings",
       "thumbLabel"
     ]), z = I(() => {
@@ -2304,19 +2304,19 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: J } = a(e, ["settings", "ticks"]), Y = I(() => {
       if (!J.value)
         return;
-      const xe = {};
+      const ve = {};
       for (const { value: nt, label: wt } of J.value)
-        xe[nt] = wt;
-      if (!Wo(xe))
-        return xe;
+        ve[nt] = wt;
+      if (!Wo(ve))
+        return ve;
     }), { property: j } = a(e, [
       "settings",
       "tickSize"
     ]), { property: L } = a(e, [
       "settings",
       "trackColor"
-    ]), { color: U } = Q(L), { property: oe } = a(e, ["settings", "value"]), { property: he } = a(e, ["slots", "append"]), { property: Le } = a(e, ["slots", "prepend"]);
-    return (xe, nt) => {
+    ]), { color: U } = Q(L), { property: oe } = a(e, ["settings", "value"]), { property: ge } = a(e, ["slots", "append"]), { property: Le } = a(e, ["slots", "prepend"]);
+    return (ve, nt) => {
       const wt = R("v-slider");
       return w(), C(r(G), {
         block: "",
@@ -2337,20 +2337,20 @@ const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             reverse: r(f),
             "show-ticks": g.value,
             step: r(k),
-            theme: r(h),
-            "thumb-color": r(_),
+            theme: r(_),
+            "thumb-color": r(h),
             "thumb-label": z.value,
             "thumb-size": r(T),
             "tick-size": r(j),
             ticks: Y.value,
             "track-color": r(U)
           }, rn({ _: 2 }, [
-            r(he) ? {
+            r(ge) ? {
               name: "append",
               fn: V(() => [
                 D(r(Ce), {
                   "node-id": "append",
-                  "ref-context": { compId: r(he) },
+                  "ref-context": { compId: r(ge) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2480,10 +2480,10 @@ const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "indeterminate"
     ]), { property: u } = a(e, ["settings", "inline"]), { property: m } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: f } = H(), { property: b } = a(e, ["settings", "value"]);
     return (g, k) => {
-      const h = R("v-switch");
+      const _ = R("v-switch");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
-          D(h, {
+          D(_, {
             modelValue: r(b),
             "onUpdate:modelValue": k[0] || (k[0] = (x) => ne(b) ? b.value = x : null),
             density: r(o),
@@ -2519,7 +2519,7 @@ const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(d, {
-            style: fe(c.value),
+            style: de(c.value),
             text: r(s),
             theme: r(i),
             value: r(l)
@@ -2563,17 +2563,17 @@ const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: b } = a(e, ["settings", "grow"]), { property: g } = a(e, [
       "settings",
       "hideSlider"
-    ]), { property: k } = a(e, ["settings", "items"]), { property: h } = a(e, [
+    ]), { property: k } = a(e, ["settings", "items"]), { property: _ } = a(e, [
       "settings",
       "mandatory"
     ]), { property: x } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: _ } = a(e, [
+    ]), { property: h } = a(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: v } = Q(_), { property: z } = a(e, ["settings", "stacked"]), { theme: T } = H(), { property: J } = a(e, ["settings", "value"]);
+    ]), { color: v } = Q(h), { property: z } = a(e, ["settings", "stacked"]), { theme: T } = H(), { property: J } = a(e, ["settings", "value"]);
     return (Y, j) => {
       const L = R("v-tabs");
       return w(), C(r(G), {
@@ -2595,7 +2595,7 @@ const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             grow: r(b),
             "hide-slider": r(g),
             items: r(k),
-            mandatory: r(h),
+            mandatory: r(_),
             "show-arrows": r(x),
             "slider-color": r(v),
             stacked: r(z),
@@ -2664,8 +2664,8 @@ const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, ["settings", "rows"]), { property: g } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: k } = H(), { property: h } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
-    return (_, v) => {
+    ]), { theme: k } = H(), { property: _ } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
+    return (h, v) => {
       const z = R("v-textarea");
       return w(), C(r(G), {
         block: "",
@@ -2673,8 +2673,8 @@ const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       }, {
         default: V(() => [
           D(z, {
-            modelValue: r(h),
-            "onUpdate:modelValue": v[0] || (v[0] = (T) => ne(h) ? h.value = T : null),
+            modelValue: r(_),
+            "onUpdate:modelValue": v[0] || (v[0] = (T) => ne(_) ? _.value = T : null),
             "auto-grow": r(o),
             clearable: r(s),
             density: r(i),
@@ -2730,10 +2730,10 @@ const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: k } = a(e, [
       "settings",
       "prependInnerIcon"
-    ]), { property: h } = a(e, [
+    ]), { property: _ } = a(e, [
       "settings",
       "readonly"
-    ]), { property: x } = a(e, ["settings", "reverse"]), { property: _ } = a(e, [
+    ]), { property: x } = a(e, ["settings", "reverse"]), { property: h } = a(e, [
       "settings",
       "singleLine"
     ]), { property: v } = a(e, ["settings", "suffix"]), { theme: z } = H(), { property: T } = a(e, ["settings", "value"]), { property: J } = a(e, ["settings", "variant"]), { property: Y } = a(e, ["slots", "append"]), { property: j } = a(e, [
@@ -2743,7 +2743,7 @@ const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "slots",
       "prependInner"
     ]);
-    return (oe, he) => {
+    return (oe, ge) => {
       const Le = R("v-text-field");
       return w(), C(r(G), {
         block: "",
@@ -2752,7 +2752,7 @@ const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
         default: V(() => [
           D(Le, {
             modelValue: r(T),
-            "onUpdate:modelValue": he[0] || (he[0] = (xe) => ne(T) ? T.value = xe : null),
+            "onUpdate:modelValue": ge[0] || (ge[0] = (ve) => ne(T) ? T.value = ve : null),
             "append-icon": r(o),
             "append-inner-icon": r(s),
             autofocus: r(i),
@@ -2766,9 +2766,9 @@ const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             prefix: r(b),
             "prepend-icon": r(g),
             "prepend-inner-icon": r(k),
-            readonly: r(h),
+            readonly: r(_),
             reverse: r(x),
-            "single-line": r(_),
+            "single-line": r(h),
             suffix: r(v),
             theme: r(z),
             variant: r(J)
@@ -2861,8 +2861,8 @@ const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "settings",
       "line",
       "truncate"
-    ]), { theme: h } = H();
-    return (x, _) => {
+    ]), { theme: _ } = H();
+    return (x, h) => {
       const v = R("v-timeline");
       return w(), C(v, {
         align: r(o),
@@ -2875,7 +2875,7 @@ const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
         "line-inset": r(f),
         "line-thickness": r(b),
         side: r(g),
-        theme: r(h),
+        theme: r(_),
         "truncate-line": r(k)
       }, {
         default: V(() => [
@@ -2959,7 +2959,7 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
       console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> destroyed`);
     });
     const n = Z(), e = le(), o = I(() => F(e.value));
-    Pe(o), ce(n) && tt(o, "multipleRef", t.nodeId, t.instance, ve());
+    Pe(o), ke(n) && tt(o, "multipleRef", t.nodeId, t.instance, _e());
     const s = (l) => {
       const c = we[l.key];
       if (!c) {
@@ -2997,7 +2997,7 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     };
     return (l, c) => (w(), C(i));
   }
-}), Cl = ["position", "rotation", "scale"], Vl = { style: { userSelect: "none" } }, ue = /* @__PURE__ */ S({
+}), Cl = ["position", "rotation", "scale"], Vl = { style: { userSelect: "none" } }, ce = /* @__PURE__ */ S({
   __name: "index",
   props: {
     position: {},
@@ -3037,24 +3037,24 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     Pe(l);
     const c = I(() => e.refContext?.compId);
     et(c, l);
-    const { applySize: u } = ge(e, o), m = I(() => {
-      const _ = {};
-      return l.value?.type === "common" && u(_), _;
-    }), { position: d, rotation: p, scale: f } = me(o), { property: b } = a(o, ["instances"]), g = (_, v) => {
-      _.findIndex((z) => z === v) >= 0 || _.push(v);
+    const { applySize: u } = be(e, o), m = I(() => {
+      const h = {};
+      return l.value?.type === "common" && u(h), h;
+    }), { position: d, rotation: p, scale: f } = ue(o), { property: b } = a(o, ["instances"]), g = (h, v) => {
+      h.findIndex((z) => z === v) >= 0 || h.push(v);
     }, k = I(() => {
-      const _ = [];
+      const h = [];
       if (!Array.isArray(b.value))
-        return _;
+        return h;
       for (const v of b.value)
-        typeof v == "string" && v && g(_, v);
-      return _;
-    }), h = (_, v) => K($l, {
-      key: _,
+        typeof v == "string" && v && g(h, v);
+      return h;
+    }), _ = (h, v) => K($l, {
+      key: h,
       subtype: v,
       nodeId: e.nodeId,
       refContext: e.refContext,
-      instance: _
+      instance: h
     }), x = () => {
       if (!e.refContext) {
         console.assert(!1, "invalid of ref context");
@@ -3064,21 +3064,21 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: _ } = _e;
+      const { i18n: h } = he;
       if (Ye(e.refContext, s))
         return i.value.type === "common" ? K(
           "div",
           { id: n.id, style: m.value },
-          _.global.t("x-runtime-lib.circularReference")
-        ) : i.value.type === "scene" ? K(ue, {
+          h.global.t("x-runtime-lib.circularReference")
+        ) : i.value.type === "scene" ? K(ce, {
           name: n.name,
           position: d.value,
           rotation: p.value,
           scale: f.value,
-          label: _.global.t("x-runtime-lib.circularReference")
+          label: h.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
-        return i.value.type === "common" ? K("div", { id: n.id, style: m.value }) : i.value.type === "scene" ? K(ue, {
+        return i.value.type === "common" ? K("div", { id: n.id, style: m.value }) : i.value.type === "scene" ? K(ce, {
           name: n.name,
           position: d.value,
           rotation: p.value,
@@ -3097,12 +3097,12 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             style: m.value
           },
           {
-            default: () => k.value.map((z) => h(z, v))
+            default: () => k.value.map((z) => _(z, v))
           }
         );
       if (v === "scene")
         return K(
-          ue,
+          ce,
           {
             name: n.name,
             position: d.value,
@@ -3110,11 +3110,11 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             scale: f.value
           },
           {
-            default: () => k.value.map((z) => h(z, v))
+            default: () => k.value.map((z) => _(z, v))
           }
         );
     };
-    return (_, v) => (w(), C(x));
+    return (h, v) => (w(), C(x));
   }
 }), Ll = /* @__PURE__ */ S({
   __name: "entry",
@@ -3129,7 +3129,7 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
       console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> destroyed`);
     });
     const n = Z(), e = le(), o = I(() => F(e.value));
-    Pe(o), ce(n) && tt(o, "multipleCustomSlot", t.nodeId, t.instance, ve());
+    Pe(o), ke(n) && tt(o, "multipleCustomSlot", t.nodeId, t.instance, _e());
     const s = (l) => {
       const c = we[l.key];
       if (!c) {
@@ -3179,24 +3179,24 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     Pe(l);
     const c = I(() => e.refContext?.compId);
     et(c, l);
-    const { applySize: u } = ge(e, o), m = I(() => {
-      const _ = {};
-      return l.value?.type === "common" && u(_), _;
-    }), { position: d, rotation: p, scale: f } = me(o), { property: b } = a(o, ["instances"]), g = (_, v) => {
-      _.findIndex((z) => z === v) >= 0 || _.push(v);
+    const { applySize: u } = be(e, o), m = I(() => {
+      const h = {};
+      return l.value?.type === "common" && u(h), h;
+    }), { position: d, rotation: p, scale: f } = ue(o), { property: b } = a(o, ["instances"]), g = (h, v) => {
+      h.findIndex((z) => z === v) >= 0 || h.push(v);
     }, k = I(() => {
-      const _ = [];
+      const h = [];
       if (!Array.isArray(b.value))
-        return _;
+        return h;
       for (const v of b.value)
-        typeof v == "string" && v && g(_, v);
-      return _;
-    }), h = (_, v) => K(Ll, {
-      key: _,
+        typeof v == "string" && v && g(h, v);
+      return h;
+    }), _ = (h, v) => K(Ll, {
+      key: h,
       subtype: v,
       nodeId: e.nodeId,
       refContext: e.refContext,
-      instance: _
+      instance: h
     }), x = () => {
       if (!e.refContext) {
         console.assert(!1, "invalid of ref context");
@@ -3206,21 +3206,21 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: _ } = _e;
+      const { i18n: h } = he;
       if (Ye(e.refContext, s))
         return i.value.type === "common" ? K(
           "div",
           { id: n.id, style: m.value },
-          _.global.t("x-runtime-lib.circularReference")
-        ) : i.value.type === "scene" ? K(ue, {
+          h.global.t("x-runtime-lib.circularReference")
+        ) : i.value.type === "scene" ? K(ce, {
           name: n.name,
           position: d.value,
           rotation: p.value,
           scale: f.value,
-          label: _.global.t("x-runtime-lib.circularReference")
+          label: h.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
-        return i.value.type === "common" ? K("div", { id: n.id, style: m.value }) : i.value.type === "scene" ? K(ue, {
+        return i.value.type === "common" ? K("div", { id: n.id, style: m.value }) : i.value.type === "scene" ? K(ce, {
           name: n.name,
           position: d.value,
           rotation: p.value,
@@ -3239,12 +3239,12 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             style: m.value
           },
           {
-            default: () => k.value.map((z) => h(z, v))
+            default: () => k.value.map((z) => _(z, v))
           }
         );
       if (v === "scene")
         return K(
-          ue,
+          ce,
           {
             name: n.name,
             position: d.value,
@@ -3252,11 +3252,11 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             scale: f.value
           },
           {
-            default: () => k.value.map((z) => h(z, v))
+            default: () => k.value.map((z) => _(z, v))
           }
         );
     };
-    return (_, v) => (w(), C(x));
+    return (h, v) => (w(), C(x));
   }
 }), Tl = /* @__PURE__ */ S({
   __name: "index",
@@ -3269,32 +3269,32 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     const n = gt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = le(), c = se();
     Pe(c);
     const u = I(() => e.refContext?.compId);
-    et(u, c), ce(s) && tt(c, "ref", e.nodeId, "", ve());
-    const { applySize: m } = ge(e, o), d = I(() => {
-      const h = {};
-      return l.value?.type === "common" && m(h), h;
-    }), { position: p, rotation: f, scale: b } = me(o), g = (h) => {
-      const x = we[h.key];
+    et(u, c), ke(s) && tt(c, "ref", e.nodeId, "", _e());
+    const { applySize: m } = be(e, o), d = I(() => {
+      const _ = {};
+      return l.value?.type === "common" && m(_), _;
+    }), { position: p, rotation: f, scale: b } = ue(o), g = (_) => {
+      const x = we[_.key];
       if (!x) {
-        console.assert(!1, `element not found key=${h.key}`);
+        console.assert(!1, `element not found key=${_.key}`);
         return;
       }
-      const _ = {
-        nodeId: h.id
+      const h = {
+        nodeId: _.id
       };
-      return Xe(h.key) && (_.refContext = {
+      return Xe(_.key) && (h.refContext = {
         parent: e.refContext,
-        compId: h.compId
+        compId: _.compId
       }), K(
         x.comp,
         {
-          key: h.id,
-          ..._
+          key: _.id,
+          ...h
         },
         {
           default: () => {
             if (!x.leaf)
-              return h.children?.map((v) => g(v));
+              return _.children?.map((v) => g(v));
           }
         }
       );
@@ -3307,21 +3307,21 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: h } = _e;
+      const { i18n: _ } = he;
       if (Ye(e.refContext, i))
         return l.value.type === "common" ? K(
           "div",
           { id: n.id, style: d.value },
-          h.global.t("x-runtime-lib.circularReference")
-        ) : l.value.type === "scene" ? K(ue, {
+          _.global.t("x-runtime-lib.circularReference")
+        ) : l.value.type === "scene" ? K(ce, {
           name: n.name,
           position: p.value,
           rotation: f.value,
           scale: b.value,
-          label: h.global.t("x-runtime-lib.circularReference")
+          label: _.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!c.value)
-        return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ue, {
+        return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ce, {
           name: n.name,
           position: p.value,
           rotation: f.value,
@@ -3340,12 +3340,12 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((_) => g(_))
+            default: () => c.value?.view.nodeLites.map((h) => g(h))
           }
         );
       if (x === "scene")
         return K(
-          ue,
+          ce,
           {
             name: n.name,
             position: p.value,
@@ -3353,11 +3353,11 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             scale: b.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((_) => g(_))
+            default: () => c.value?.view.nodeLites.map((h) => g(h))
           }
         );
     };
-    return (h, x) => (w(), C(k));
+    return (_, x) => (w(), C(k));
   }
 }), El = /* @__PURE__ */ S({
   __name: "index",
@@ -3386,33 +3386,33 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     const n = gt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = le(), c = se();
     Pe(c);
     const u = I(() => e.refContext?.compId);
-    et(u, c), ce(s) && tt(c, "customSlot", e.nodeId, "", ve());
-    const { applySize: m } = ge(e, o), d = I(() => {
-      const h = {};
-      return c.value?.type === "common" && m(h), h;
-    }), { position: p, rotation: f, scale: b } = me(o);
-    function g(h) {
-      const x = we[h.key];
+    et(u, c), ke(s) && tt(c, "customSlot", e.nodeId, "", _e());
+    const { applySize: m } = be(e, o), d = I(() => {
+      const _ = {};
+      return c.value?.type === "common" && m(_), _;
+    }), { position: p, rotation: f, scale: b } = ue(o);
+    function g(_) {
+      const x = we[_.key];
       if (!x) {
-        console.assert(!1, `element not found key=${h.key}`);
+        console.assert(!1, `element not found key=${_.key}`);
         return;
       }
-      const _ = {
-        nodeId: h.id
+      const h = {
+        nodeId: _.id
       };
-      return Xe(h.key) && (_.refContext = {
+      return Xe(_.key) && (h.refContext = {
         parent: e.refContext,
-        compId: h.compId
+        compId: _.compId
       }), K(
         x.comp,
         {
-          key: h.id,
-          ..._
+          key: _.id,
+          ...h
         },
         {
           default: () => {
             if (!x.leaf)
-              return h.children?.map((v) => g(v));
+              return _.children?.map((v) => g(v));
           }
         }
       );
@@ -3426,21 +3426,21 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: h } = _e;
+      const { i18n: _ } = he;
       if (Ye(e.refContext, i))
         return l.value.type === "common" ? K(
           "div",
           { id: n.id, style: d.value },
-          h.global.t("x-runtime-lib.circularReference")
-        ) : l.value.type === "scene" ? K(ue, {
+          _.global.t("x-runtime-lib.circularReference")
+        ) : l.value.type === "scene" ? K(ce, {
           name: n.name,
           position: p.value,
           rotation: f.value,
           scale: b.value,
-          label: h.global.t("x-runtime-lib.circularReference")
+          label: _.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!c.value)
-        return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ue, {
+        return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ce, {
           name: n.name,
           position: p.value,
           rotation: f.value,
@@ -3459,12 +3459,12 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((_) => g(_))
+            default: () => c.value?.view.nodeLites.map((h) => g(h))
           }
         );
       if (x === "scene")
         return K(
-          ue,
+          ce,
           {
             name: n.name,
             position: p.value,
@@ -3472,11 +3472,11 @@ const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             scale: b.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((_) => g(_))
+            default: () => c.value?.view.nodeLites.map((h) => g(h))
           }
         );
     };
-    return (h, x) => (w(), C(k));
+    return (_, x) => (w(), C(k));
   }
 }), y = {
   key: "basic",
@@ -9028,70 +9028,70 @@ function zu(t) {
 }
 const jo = "runtimeOrg", Go = "runtimeEnv", Ho = "runtimeMode", Jo = "runtimeDevice", Uo = "runtimeDark", qo = "runtimeId", Xo = "runtimeType", Yo = "runtimeData", Zo = "runtimeDepends", Qo = "runtimeRuntime", ei = "runtimeSandbox";
 function Tu(t) {
-  be(jo, t);
+  ye(jo, t);
 }
 function Nc() {
-  return ye(jo);
+  return fe(jo);
 }
 function Eu(t) {
-  be(Go, t);
+  ye(Go, t);
 }
 function jc() {
-  return ye(Go);
+  return fe(Go);
 }
 function Au(t) {
-  be(Ho, t);
+  ye(Ho, t);
 }
 function Z() {
-  return ye(Ho);
+  return fe(Ho);
 }
 function Mu(t) {
-  be(Jo, ln(t));
+  ye(Jo, ln(t));
 }
 function De() {
-  return ye(Jo);
+  return fe(Jo);
 }
 function Wu(t) {
-  be(Uo, ln(t));
+  ye(Uo, ln(t));
 }
 function Ze() {
-  return ye(Uo);
+  return fe(Uo);
 }
 function Ru(t) {
-  be(qo, t);
+  ye(qo, t);
 }
 function Qe() {
-  return ye(qo);
+  return fe(qo);
 }
 function Bu(t) {
-  be(Xo, t);
+  ye(Xo, t);
 }
 function Se() {
-  return ye(Xo);
+  return fe(Xo);
 }
 function Pe(t) {
-  be(Yo, t);
+  ye(Yo, t);
 }
 function le() {
-  return ye(Yo);
+  return fe(Yo);
 }
 function Ku(t) {
-  be(Zo, ln(t));
+  ye(Zo, ln(t));
 }
 function Gc() {
-  return ye(Zo);
+  return fe(Zo);
 }
 function Du(t) {
-  be(Qo, t);
+  ye(Qo, t);
 }
 function Hc() {
-  return ye(Qo);
+  return fe(Qo);
 }
 function Jc(t) {
-  be(ei, t);
+  ye(ei, t);
 }
-function ve() {
-  return ye(ei, void 0);
+function _e() {
+  return fe(ei, void 0);
 }
 function je(t) {
   const n = [t.type];
@@ -9115,14 +9115,14 @@ async function ct(t, n, e, o, s) {
       for (const p of u)
         if (e === je(p)) {
           if (p.subKeys) {
-            if (!pe(
+            if (!me(
               $e(o, p.subKeys),
               $e(s, p.subKeys)
             )) {
               m = p;
               break;
             }
-          } else if (!pe(o, s)) {
+          } else if (!me(o, s)) {
             m = p;
             break;
           }
@@ -9150,7 +9150,7 @@ async function ct(t, n, e, o, s) {
             continue;
           }
           const b = $e(f, p.subKeys);
-          if (pe(d, b))
+          if (me(d, b))
             continue;
           const g = F(f);
           cn(g, p.subKeys, F(d)), p.type === "elementProperty" ? t.setElementProperty(
@@ -9175,7 +9175,7 @@ async function ct(t, n, e, o, s) {
             console.assert(!1);
             continue;
           }
-          if (pe(d, f))
+          if (me(d, f))
             continue;
           p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
@@ -9319,7 +9319,7 @@ function tm(t) {
 }
 function et(t, n) {
   const e = Gc(), o = se(-1);
-  ke(() => {
+  xe(() => {
     if (!t.value) {
       o.value = -1, n.value = void 0;
       return;
@@ -9440,7 +9440,7 @@ function Yc(t) {
 const ti = ci({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: n } = _e;
+    const { i18n: n } = he;
     To(Ei(n, t));
   }
 });
@@ -9634,9 +9634,9 @@ function tu(t) {
         appId: `${s}${t.env}`,
         pageId: i
       };
-      _e.router.replace({ path: l, query: c });
+      he.router.replace({ path: l, query: c });
     } else t.mode === "preview" && zo(
-      _e.i18n.global.t(
+      he.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
@@ -9881,7 +9881,7 @@ class su {
       return;
     }
     const i = $e(s, e);
-    pe(o, i) || (cn(s, e, o), this.hooks?.onElementPropertyChange(
+    me(o, i) || (cn(s, e, o), this.hooks?.onElementPropertyChange(
       s.basic.id,
       e,
       o,
@@ -9900,7 +9900,7 @@ class su {
   }
   setCustomProperty(n, e) {
     const o = this.customProperties[n];
-    pe(e, o) || (this.customProperties[n] = e, this.hooks?.onCustomPropertyChange(n, e, o));
+    me(e, o) || (this.customProperties[n] = e, this.hooks?.onCustomPropertyChange(n, e, o));
   }
   //--------------------------
   // 自定义插槽属性
@@ -9914,7 +9914,7 @@ class su {
   }
   setCustomSlotProperty(n, e) {
     const o = this.customSlotProperties[n];
-    pe(e, o) || (this.customSlotProperties[n] = e, this.hooks.onCustomSlotPropetyChange(n, e, o));
+    me(e, o) || (this.customSlotProperties[n] = e, this.hooks.onCustomSlotPropetyChange(n, e, o));
   }
   //--------------------------
   // 元素方法
@@ -9935,34 +9935,87 @@ class su {
   }
   setState(n, e) {
     const o = this.states[n];
-    pe(e, o) || (this.states[n] = e, this.hooks?.onStateChange(n, e, o));
+    me(e, o) || (this.states[n] = e, this.hooks?.onStateChange(n, e, o));
   }
 }
 function tt(t, n, e, o, s) {
-  const i = Nc(), l = jc(), c = Z(), u = Se(), m = De(), d = Ze(), p = Hc(), f = async (x, _, v, z) => {
-    if (ce(c)) {
-      if (pe(_, ["settings", "slot"])) {
+  const i = Nc(), l = jc(), c = Z(), u = Se(), m = De(), d = Ze(), p = Hc(), f = new su(
+    n,
+    e,
+    o,
+    s,
+    i,
+    l,
+    c,
+    u,
+    {
+      onElementPropertyChange: b,
+      onCustomPropertyChange: g,
+      onCustomSlotPropetyChange: k,
+      onStateChange: _
+    }
+  );
+  if (Jc(f), Ie(() => {
+    f.dispose();
+  }), ke(c)) {
+    const x = async () => {
+      f.destroyVm(), f.associateData(t), f.resetCustomProperties(), f.resetCustomSlotProperties(), f.resetStates(), !(!t.value || !t.value.code.script) && await f.createVm(p, t.value.code.script);
+    };
+    x(), pe(t, () => {
+      x();
+    });
+  }
+  ke(c) && pe(
+    m,
+    async (x, h) => {
+      if (!f.vm)
+        return;
+      const v = mt(x.width), z = mt(h?.width ?? x.width);
+      await f.callFunctionAsync(
+        "__triggerEventV1__",
+        ie("elementEvent", "globality", "screenSizeChange"),
+        "",
+        v,
+        z
+      );
+    },
+    { immediate: !0 }
+  ), ke(c) && pe(
+    d,
+    async (x) => {
+      f.vm && await f.callFunctionAsync(
+        "__triggerEventV1__",
+        ie("elementEvent", "globality", "darkModeChange"),
+        "",
+        x
+      );
+    },
+    { immediate: !0 }
+  );
+  async function b(x, h, v, z) {
+    if (f.vm) {
+      if (me(h, ["settings", "slot"])) {
         const T = t.value?.view.nodeLites.find(
           (J) => J.id === x
         );
         T ? T.slotId = v : console.assert(!1);
       }
-      if (pe(_, ["settings", "comp"])) {
+      if (me(h, ["settings", "comp"])) {
         const T = t.value?.view.nodeLites.find(
           (J) => J.id === x
         );
         T ? T.compId = v : console.assert(!1);
       }
-      if (await h.callFunctionAsync(
+      if (await f.callFunctionAsync(
         "__triggerEventV1__",
-        ie("elementPropertyChangeEvent", x, _.join(".")),
+        ie("elementPropertyChangeEvent", x, h.join(".")),
         "",
         v,
         z ?? v
       ), t.value?.code.reactivity) {
         let T = "";
-        _ instanceof Array ? T = _.join(".") : T = _, ct(
-          h,
+        h instanceof Array ? T = h.join(".") : T = h, ct(
+          f,
           t.value.code.reactivity,
           je({
             type: "elementProperty",
@@ -9974,109 +10027,62 @@ function tt(t, n, e, o, s) {
         );
       }
     }
-  }, b = async (x, _, v) => {
-    ce(c) && (await h.callFunctionAsync(
+  }
+  async function g(x, h, v) {
+    f.vm && (await f.callFunctionAsync(
       "__triggerEventV1__",
       ie("customPropertyChangeEvent", "globality", x),
       "",
-      _,
-      v ?? _
-    ), await h.parent.callFunctionAsync(
+      h,
+      v ?? h
+    ), await f.parent.callFunctionAsync(
       "__triggerEventV1__",
-      ie("refPropertyChangeEvent", h.nodeId, x),
+      ie("refPropertyChangeEvent", f.nodeId, x),
       "",
-      _,
-      v ?? _
-    ), await h.parent.callFunctionAsync(
+      h,
+      v ?? h
+    ), await f.parent.callFunctionAsync(
       "__triggerEventV1__",
       ie(
         "multipleRefPropertyChangeEvent",
-        h.nodeId,
+        f.nodeId,
         x
       ),
       "",
-      _,
-      v ?? _
-    ), t.value?.code.reactivity && ct(
       h,
+      v ?? h
+    ), t.value?.code.reactivity && ct(
+      f,
       t.value.code.reactivity,
       je({ type: "customProperty", propertyId: x }),
-      _,
+      h,
       v
     ));
-  }, g = (x, _, v) => {
-    ce(c) && t.value?.code.reactivity && ct(
-      h,
+  }
+  async function k(x, h, v) {
+    f.vm && t.value?.code.reactivity && ct(
+      f,
       t.value.code.reactivity,
       je({ type: "customSlotProperty", propertyId: x }),
-      _,
+      h,
       v
     );
-  }, k = async (x, _, v) => {
-    ce(c) && (await h.callFunctionAsync(
+  }
+  async function _(x, h, v) {
+    f.vm && (await f.callFunctionAsync(
       "__triggerEventV1__",
       ie("stateChangeEvent", "globality", x),
       "",
-      _,
-      v ?? _
-    ), t.value?.code.reactivity && ct(
       h,
+      v ?? h
+    ), t.value?.code.reactivity && ct(
+      f,
       t.value.code.reactivity,
       je({ type: "state", stateId: x }),
-      _,
+      h,
       v
     ));
-  }, h = new su(
-    n,
-    e,
-    o,
-    s,
-    i,
-    l,
-    c,
-    u,
-    {
-      onElementPropertyChange: f,
-      onCustomPropertyChange: b,
-      onCustomSlotPropetyChange: g,
-      onStateChange: k
-    }
-  );
-  if (Jc(h), Ie(() => {
-    h.dispose();
-  }), ce(c)) {
-    const x = async () => {
-      h.destroyVm(), h.associateData(t), h.resetCustomProperties(), h.resetCustomSlotProperties(), h.resetStates(), !(!t.value || !t.value.code.script) && await h.createVm(p, t.value.code.script);
-    };
-    x(), de(t, () => {
-      x();
-    });
   }
-  ce(c) && de(
-    m,
-    async (x, _) => {
-      const v = mt(x.width), z = mt(_?.width ?? x.width);
-      await h.callFunctionAsync(
-        "__triggerEventV1__",
-        ie("elementEvent", "globality", "screenSizeChange"),
-        "",
-        v,
-        z
-      );
-    },
-    { immediate: !0 }
-  ), ce(c) && de(
-    d,
-    async (x) => {
-      await h.callFunctionAsync(
-        "__triggerEventV1__",
-        ie("elementEvent", "globality", "darkModeChange"),
-        "",
-        x
-      );
-    },
-    { immediate: !0 }
-  );
 }
 function H() {
   const t = Ze();
@@ -10148,10 +10154,10 @@ export {
   Z as injectMode,
   Nc as injectOrg,
   Hc as injectRuntime,
-  ve as injectSandbox,
+  _e as injectSandbox,
   Se as injectType,
   Ye as isCircularReference,
-  ce as isExecutableMode,
+  ke as isExecutableMode,
   Ki as isLocaleOfEventKind,
   Bi as isLocaleOfMethodKind,
   Ri as isLocaleOfPropertyKind,