x-runtime-lib 0.8.146 → 0.8.148

package/dist/index.js

@@ -1,7 +1,7 @@
 var xn = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), kn = (t) => {
   throw TypeError(t);
 };
-var $e = (t, n, e) => {
+var me = (t, n, e) => {
   if (n != null) {
     typeof n != "object" && typeof n != "function" && kn("Object expected");
     var o, s;
@@ -29,10 +29,10 @@ var $e = (t, n, e) => {
   };
   return i();
 };
-import { defineComponent as $, createElementBlock as te, createCommentVNode as se, unref as r, openBlock as k, createElementVNode as Re, computed as w, renderSlot as F, normalizeStyle as de, ref as ie, watch as pe, onUnmounted as we, onBeforeMount as ni, watchEffect as xe, createVNode as D, createBlock as C, useTemplateRef as wo, onMounted as Io, nextTick as on, withCtx as V, resolveComponent as B, isRef as ne, h as K, createSlots as sn, renderList as oi, useId as $o, withModifiers as ii, normalizeClass as si, toDisplayString as So, useAttrs as bt, inject as fe, provide as ye, readonly as rn } from "vue";
-import { globalObjects as he, waitUtil as Co, useViewStack as Vo, eventBus as Po, messageInfo as ri, messageSuccess as li, messageWarning as Lo, messageError as zo, createAxios as ai, openConfirmDlg as ci, openPromptDlg as ui } from "x-essential-lib";
+import { defineComponent as $, createElementBlock as te, createCommentVNode as se, unref as r, openBlock as k, createElementVNode as Re, computed as w, renderSlot as F, normalizeStyle as fe, ref as ie, watch as de, onUnmounted as Ie, onBeforeMount as ni, watchEffect as ke, createVNode as D, createBlock as C, useTemplateRef as wo, onMounted as Io, nextTick as on, withCtx as P, resolveComponent as B, isRef as ne, h as K, createSlots as sn, renderList as oi, useId as $o, withModifiers as ii, normalizeClass as si, toDisplayString as So, useAttrs as bt, inject as ye, provide as be, readonly as rn } from "vue";
+import { globalObjects as _e, waitUtil as Co, useViewStack as Vo, eventBus as Po, messageInfo as ri, messageSuccess as li, messageWarning as Lo, messageError as zo, createAxios as ai, openConfirmDlg as ci, openPromptDlg as ui } from "x-essential-lib";
 import { CameraHelper as To, DirectionalLightHelper as mi, PointLightHelper as pi, SpotLightHelper as di } from "three";
-import { i as me, c as qe, K as fi, M as yi, O as bi, u as gi, r as Eo, e as Ao, a as hi, b as _i, d as vi, f as xi, g as ki, h as wi, j as Ii, k as $i, l as Mo, m as O, H as Si, n as Ci, o as Vi, p as Pi, q as Li } from "./vendor.m8tdmh16.js";
+import { i as pe, c as qe, K as fi, M as yi, O as bi, u as gi, r as Eo, e as Ao, a as hi, b as _i, d as vi, f as xi, g as ki, h as wi, j as Ii, k as $i, l as Mo, m as O, H as Si, n as Ci, o as Vi, p as Pi, q as Li } from "./vendor.m8tdmh16.js";
 import { useTheme as zi } from "vuetify";
 import { getErrorMessage as Ti } from "x-error-lib";
 const wn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
@@ -312,11 +312,11 @@ const wu = [
   "scene_sphere_geometry_v1",
   "scene_spot_light_v1"
 ];
-function j(...t) {
-  return t.map((n) => he.i18n.global.t(`x-runtime-lib.${n}`)).join(" - ");
+function N(...t) {
+  return t.map((n) => _e.i18n.global.t(`x-runtime-lib.${n}`)).join(" - ");
 }
 function cn(t, n, e) {
-  const { i18n: o } = he;
+  const { i18n: o } = _e;
   let s = "";
   return t && (s += t + " / "), n.forEach((i, l) => {
     l > 0 && (s += " - "), e ? s += o.global.t(i) : s += i;
@@ -324,15 +324,15 @@ function cn(t, n, e) {
 }
 function Iu(t, n) {
   let e = "";
-  return t === "elementProperty" || (t === "refProperty" || t === "multipleRefProperty" ? e = j("reference") : t === "slotProperty" || t === "multipleSlotProperty" ? e = j("slot") : t === "customProperty" ? e = j("custom") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? e = j("adaptSlot") : console.assert(!1)), cn(e, n, Wi(t));
+  return t === "elementProperty" || (t === "refProperty" || t === "multipleRefProperty" ? e = N("reference") : t === "slotProperty" || t === "multipleSlotProperty" ? e = N("slot") : t === "customProperty" ? e = N("custom") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? e = N("adaptSlot") : console.assert(!1)), cn(e, n, Wi(t));
 }
 function $u(t, n) {
   let e = "";
-  return t === "elementMethod" || (t === "refMethod" || t === "multipleRefMethod" ? e = j("reference") : t === "slotMethod" || t === "multipleSlotMethod" ? e = j("slot") : t === "customMethod" ? e = j("custom") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? e = j("adaptSlot") : console.assert(!1)), cn(e, n, Bi(t));
+  return t === "elementMethod" || (t === "refMethod" || t === "multipleRefMethod" ? e = N("reference") : t === "slotMethod" || t === "multipleSlotMethod" ? e = N("slot") : t === "customMethod" ? e = N("custom") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? e = N("adaptSlot") : console.assert(!1)), cn(e, n, Bi(t));
 }
 function Su(t, n) {
   let e = "";
-  return t === "elementEvent" || (t === "elementPropertyChangeEvent" ? e = j("propertyChange") : t === "refEvent" ? e = j("reference") : t === "refPropertyChangeEvent" ? e = j("reference", "propertyChange") : t === "multipleRefEvent" ? e = j("reference") : t === "multipleRefPropertyChangeEvent" ? e = j("reference", "propertyChange") : t === "slotEvent" ? e = j("slot") : t === "slotPropertyChangeEvent" ? e = j("slot", "propertyChange") : t === "multipleSlotEvent" ? e = j("slot") : t === "multipleSlotPropertyChangeEvent" ? e = j("slot", "propertyChange") : t === "customEvent" ? e = j("custom") : t === "customPropertyChangeEvent" ? e = j("custom", "propertyChange") : t === "adaptSlotElementEvent" ? e = j("adaptSlot") : t === "adaptSlotElementPropertyChangeEvent" ? e = j("adaptSlot", "propertyChange") : t === "adaptSlotCustomEvent" ? e = j("adaptSlot") : t === "adaptSlotCustomPropertyChangeEvent" ? e = j("adaptSlot", "propertyChange") : t === "stateChangeEvent" ? e = j("state") : console.assert(!1)), cn(e, n, Ri(t));
+  return t === "elementEvent" || (t === "elementPropertyChangeEvent" ? e = N("propertyChange") : t === "refEvent" ? e = N("reference") : t === "refPropertyChangeEvent" ? e = N("reference", "propertyChange") : t === "multipleRefEvent" ? e = N("reference") : t === "multipleRefPropertyChangeEvent" ? e = N("reference", "propertyChange") : t === "slotEvent" ? e = N("slot") : t === "slotPropertyChangeEvent" ? e = N("slot", "propertyChange") : t === "multipleSlotEvent" ? e = N("slot") : t === "multipleSlotPropertyChangeEvent" ? e = N("slot", "propertyChange") : t === "customEvent" ? e = N("custom") : t === "customPropertyChangeEvent" ? e = N("custom", "propertyChange") : t === "adaptSlotElementEvent" ? e = N("adaptSlot") : t === "adaptSlotElementPropertyChangeEvent" ? e = N("adaptSlot", "propertyChange") : t === "adaptSlotCustomEvent" ? e = N("adaptSlot") : t === "adaptSlotCustomPropertyChangeEvent" ? e = N("adaptSlot", "propertyChange") : t === "stateChangeEvent" ? e = N("state") : console.assert(!1)), cn(e, n, Ri(t));
 }
 const Ki = ["position", "ratation", "scale"], Ke = /* @__PURE__ */ $({
   __name: "index",
@@ -379,12 +379,12 @@ const Ki = ["position", "ratation", "scale"], Ke = /* @__PURE__ */ $({
     }));
     return (s, i) => r(n) === "editor" ? (k(), te("div", {
       key: 0,
-      style: de(e.value)
+      style: fe(e.value)
     }, [
       F(s.$slots, "default"),
       t.mask ? (k(), te("div", {
         key: 0,
-        style: de(o.value)
+        style: fe(o.value)
       }, null, 4)) : se("", !0)
     ], 4)) : F(s.$slots, "default", { key: 1 });
   }
@@ -395,23 +395,23 @@ function Di(t) {
     console.log(`<${i}>`, ...e);
   } };
 }
-function P(t) {
+function L(t) {
   const n = re(), e = ie(n.value.view.nodes[t.nodeId]);
-  console.assert(!!e.value, `invalid node id=${t.nodeId}`), pe(n, () => {
+  console.assert(!!e.value, `invalid node id=${t.nodeId}`), de(n, () => {
     e.value = n.value.view.nodes[t.nodeId];
   });
   const { debugTrace: o } = Di(e);
-  return o("created"), we(() => {
+  return o("created"), Ie(() => {
     o("destroyed");
   }), { node: e };
 }
 function mt(t, n, e) {
-  const o = _e();
+  const o = ve();
   if (o) {
     const s = w(() => Jc("elementMethod", t, n));
     ni(() => {
       o.eventBus?.on(s.value, e);
-    }), we(() => {
+    }), Ie(() => {
       o.eventBus?.off(s.value, e);
     });
   }
@@ -430,11 +430,11 @@ 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) : an(n, e, i);
 };
 function a(t, n, e) {
-  const o = _e(), s = ie();
-  return xe(() => {
+  const o = ve(), s = ie();
+  return ke(() => {
     s.value = Oi(o, t.value, n, e);
-  }), pe(s, (i, l) => {
-    me(i, l) || Fi(o, t.value, n, s.value, e);
+  }), de(s, (i, l) => {
+    pe(i, l) || Fi(o, t.value, n, s.value, e);
   }), { property: s };
 }
 function ue(t) {
@@ -463,17 +463,17 @@ function ue(t) {
     "rotation",
     "z"
   ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: m } = a(t, ["transform", "scale", "y"]), { property: u } = a(t, ["transform", "scale", "z"]), d = ie([0, 0, 0]), p = ie([0, 0, 0]), f = ie([1, 1, 1]);
-  return xe(() => {
+  return ke(() => {
     d.value = [n.value, e.value, o.value];
-  }), xe(() => {
+  }), ke(() => {
     n.value = d.value[0], e.value = d.value[1], o.value = d.value[2];
-  }), xe(() => {
+  }), ke(() => {
     p.value = [s.value, i.value, l.value];
-  }), xe(() => {
+  }), ke(() => {
     s.value = p.value[0], i.value = p.value[1], l.value = p.value[2];
-  }), xe(() => {
+  }), ke(() => {
     f.value = [c.value, m.value, u.value];
-  }), xe(() => {
+  }), ke(() => {
     c.value = f.value[0], m.value = f.value[1], u.value = f.value[2];
   }), { position: d, rotation: p, scale: f };
 }
@@ -563,7 +563,7 @@ function pn(t) {
   }
   return { paddingTop: n, paddingLeft: e, paddingBottom: o, paddingRight: s, applyPadding: i };
 }
-function be(t, n) {
+function ge(t, n) {
   const e = Z(), o = Fe(), s = w(() => n.value.size?.width), i = w(() => n.value.size?.minWidth), l = w(() => n.value.size?.maxWidth), c = w(() => {
     if (t.outer && e === "editor") {
       const p = wt(n.value.size?.height);
@@ -599,7 +599,7 @@ const Ni = ["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 } = ue(e), { property: c } = a(e, ["settings", "bottom"]), { property: m } = a(e, ["settings", "far"]), { property: u } = 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 } = L(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "bottom"]), { property: m } = a(e, ["settings", "far"]), { property: u } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
     return (g, _) => (k(), te("TresOrthographicCamera", {
       bottom: r(c),
       far: r(m),
@@ -627,7 +627,7 @@ const Ni = ["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 } = ue(e), { property: c } = a(e, ["settings", "aspect"]), { property: m } = a(e, ["settings", "far"]), { property: u } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
+    const n = t, { node: e } = L(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "aspect"]), { property: m } = a(e, ["settings", "far"]), { property: u } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
     return (p, f) => (k(), te("TresPerspectiveCamera", {
       aspect: r(c),
       far: r(m),
@@ -671,7 +671,7 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "depth"]), { property: s } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "depth"]), { property: s } = a(e, [
       "settings",
       "depthSegements"
     ]), { property: i } = a(e, ["settings", "height"]), { property: l } = a(e, [
@@ -705,7 +705,7 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, [
       "settings",
       "heightSegments"
     ]), { property: s } = a(e, [
@@ -744,7 +744,7 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    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: m } = a(e, [
+    const n = t, { node: e } = L(n), { position: o, rotation: s, scale: i } = ue(e), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: m } = a(e, [
       "settings",
       "intensity"
     ]);
@@ -767,7 +767,7 @@ const Ni = ["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 } = ue(e), { property: c } = a(e, ["settings", "color"]), { color: m } = Q(c), { property: u } = a(e, [
+    const n = t, { node: e } = L(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "color"]), { color: m } = Q(c), { property: u } = a(e, [
       "settings",
       "intensity"
     ]);
@@ -794,7 +794,7 @@ const Ni = ["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 } = ue(e), { property: c } = a(e, ["settings", "color"]), { color: m } = Q(c), { property: u } = a(e, ["settings", "decay"]), { property: d } = a(e, [
+    const n = t, { node: e } = L(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "color"]), { color: m } = Q(c), { property: u } = a(e, ["settings", "decay"]), { property: d } = a(e, [
       "settings",
       "distance"
     ]), { property: p } = a(e, [
@@ -826,7 +826,7 @@ const Ni = ["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 } = ue(e), { property: c } = a(e, ["settings", "angle"]), { property: m } = a(e, ["settings", "color"]), { color: u } = Q(m), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
+    const n = t, { node: e } = L(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "angle"]), { property: m } = a(e, ["settings", "color"]), { color: u } = Q(m), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
       "settings",
       "distance"
     ]), { property: f } = a(e, [
@@ -867,7 +867,7 @@ const us = /* @__PURE__ */ De(as, [["render", cs]]), ms = ["position", "rotation
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = ue(e);
+    const n = t, { node: e } = L(n), { position: o, rotation: s, scale: i } = ue(e);
     return (l, c) => (k(), te("TresGroup", {
       position: r(o),
       rotation: r(s),
@@ -884,7 +884,7 @@ const us = /* @__PURE__ */ De(as, [["render", cs]]), ms = ["position", "rotation
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = ue(e);
+    const n = t, { node: e } = L(n), { position: o, rotation: s, scale: i } = ue(e);
     return (l, c) => (k(), te("TresMesh", {
       position: r(o),
       rotation: r(s),
@@ -974,26 +974,26 @@ const xr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Fe(), s = Ze(), i = Ie(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: g } = be(n, e), { applyTitle: _ } = Ko(e), { applyXAxis: I } = Do(e), { applyYAxis: b } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ro(e), v = w(() => {
-      const L = {}, q = l.value?.type;
-      return i === "page" ? q === "common" ? g(L) : console.assert(!1) : i === "comp" && q === "common" ? g(L) : console.assert(!1), L;
-    }), z = wo("chart");
+    const n = t, { node: e } = L(n), o = Fe(), s = Ze(), i = $e(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: _ } = Ko(e), { applyXAxis: I } = Do(e), { applyYAxis: b } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ro(e), v = w(() => {
+      const z = {}, q = l.value?.type;
+      return i === "page" ? q === "common" ? g(z) : console.assert(!1) : i === "comp" && q === "common" ? g(z) : console.assert(!1), z;
+    }), V = wo("chart");
     let T;
-    const G = () => {
-      T?.dispose(), T = Ao.init(z.value, s.value ? "dark" : "light");
-      const L = {};
-      T.setOption(L);
-    }, J = () => {
+    const j = () => {
+      T?.dispose(), T = Ao.init(V.value, s.value ? "dark" : "light");
+      const z = {};
+      T.setOption(z);
+    }, U = () => {
       T?.resize();
-    }, N = () => {
-      const L = {};
-      _(L), I(L), b(L), x(L), h(L), T?.setOption(L, !0);
+    }, G = () => {
+      const z = {};
+      _(z), I(z), b(z), x(z), h(z), T?.setOption(z, !0);
     };
     return Io(async () => {
-      window.addEventListener("resize", J, !1), await Co(() => !!z.value), G(), N();
-    }), we(() => {
-      window.removeEventListener("resize", J, !1), T?.dispose();
-    }), pe(
+      window.addEventListener("resize", U, !1), await Co(() => !!V.value), j(), G();
+    }), Ie(() => {
+      window.removeEventListener("resize", U, !1), T?.dispose();
+    }), de(
       [
         () => o.value.width,
         () => o.value.height,
@@ -1005,24 +1005,24 @@ const xr = /* @__PURE__ */ $({
         f
       ],
       async () => {
-        await on(), J();
+        await on(), U();
       }
-    ), pe([s], () => {
-      G(), N();
-    }), pe(
+    ), de([s], () => {
+      j(), G();
+    }), de(
       [n],
       () => {
-        N();
+        G();
       },
       { deep: !0 }
-    ), (L, q) => (k(), C(r(H), {
+    ), (z, q) => (k(), C(r(H), {
       block: "",
       mask: ""
     }, {
-      default: V(() => [
+      default: P(() => [
         Re("div", {
           ref: "chart",
-          style: de(v.value)
+          style: fe(v.value)
         }, null, 4)
       ]),
       _: 1
@@ -1036,26 +1036,26 @@ const xr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Fe(), s = Ze(), i = Ie(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: g } = be(n, e), { applyTitle: _ } = Ko(e), { applyXAxis: I } = Do(e), { applyYAxis: b } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ro(e), v = w(() => {
-      const L = {}, q = l.value?.type;
-      return i === "page" ? q === "common" ? g(L) : console.assert(!1) : i === "comp" && q === "common" ? g(L) : console.assert(!1), L;
-    }), z = wo("chart");
+    const n = t, { node: e } = L(n), o = Fe(), s = Ze(), i = $e(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: _ } = Ko(e), { applyXAxis: I } = Do(e), { applyYAxis: b } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ro(e), v = w(() => {
+      const z = {}, q = l.value?.type;
+      return i === "page" ? q === "common" ? g(z) : console.assert(!1) : i === "comp" && q === "common" ? g(z) : console.assert(!1), z;
+    }), V = wo("chart");
     let T;
-    const G = () => {
-      T?.dispose(), T = Ao.init(z.value, s.value ? "dark" : "light");
-      const L = {};
-      T.setOption(L);
-    }, J = () => {
+    const j = () => {
+      T?.dispose(), T = Ao.init(V.value, s.value ? "dark" : "light");
+      const z = {};
+      T.setOption(z);
+    }, U = () => {
       T?.resize();
-    }, N = () => {
-      const L = {};
-      _(L), I(L), b(L), x(L), h(L), T?.setOption(L, !0);
+    }, G = () => {
+      const z = {};
+      _(z), I(z), b(z), x(z), h(z), T?.setOption(z, !0);
     };
     return Io(async () => {
-      window.addEventListener("resize", J, !1), await Co(() => !!z.value), G(), N();
-    }), we(() => {
-      window.removeEventListener("resize", J, !1), T?.dispose();
-    }), pe(
+      window.addEventListener("resize", U, !1), await Co(() => !!V.value), j(), G();
+    }), Ie(() => {
+      window.removeEventListener("resize", U, !1), T?.dispose();
+    }), de(
       [
         () => o.value.width,
         () => o.value.height,
@@ -1067,24 +1067,24 @@ const xr = /* @__PURE__ */ $({
         f
       ],
       async () => {
-        await on(), J();
+        await on(), U();
       }
-    ), pe([s], () => {
-      G(), N();
-    }), pe(
+    ), de([s], () => {
+      j(), G();
+    }), de(
       [n],
       () => {
-        N();
+        G();
       },
       { deep: !0 }
-    ), (L, q) => (k(), C(r(H), {
+    ), (z, q) => (k(), C(r(H), {
       block: "",
       mask: ""
     }, {
-      default: V(() => [
+      default: P(() => [
         Re("div", {
           ref: "chart",
-          style: de(v.value)
+          style: fe(v.value)
         }, null, 4)
       ]),
       _: 1
@@ -1098,7 +1098,7 @@ const xr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "content"]), { property: s } = a(e, ["settings", "dot"]), { theme: i } = U(), { property: l } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "content"]), { property: s } = a(e, ["settings", "dot"]), { theme: i } = J(), { property: l } = a(e, [
       "settings",
       "offset",
       "x"
@@ -1110,7 +1110,7 @@ const xr = /* @__PURE__ */ $({
     return (m, u) => {
       const d = B("v-badge");
       return k(), C(r(H), null, {
-        default: V(() => [
+        default: P(() => [
           D(d, {
             content: r(o),
             dot: r(s),
@@ -1118,7 +1118,7 @@ const xr = /* @__PURE__ */ $({
             "offset-y": r(c),
             theme: r(i)
           }, {
-            default: V(() => [
+            default: P(() => [
               F(m.$slots, "default")
             ]),
             _: 3
@@ -1136,7 +1136,7 @@ const xr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = _e(), { property: s } = a(e, [
+    const n = t, { node: e } = L(n), o = ve(), { property: s } = a(e, [
       "settings",
       "addIcon",
       "append"
@@ -1150,7 +1150,7 @@ const xr = /* @__PURE__ */ $({
     ]), { property: x } = a(e, [
       "settings",
       "readonly"
-    ]), { 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: G } = U(), { property: J } = a(e, ["settings", "variant"]), { property: N } = a(e, ["size", "width"]), L = (q) => {
+    ]), { property: h } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: V } = a(e, ["settings", "stacked"]), { property: T } = a(e, ["settings", "text"]), { theme: j } = J(), { property: U } = a(e, ["settings", "variant"]), { property: G } = a(e, ["size", "width"]), z = (q) => {
       if (!o || !o.vm)
         return;
       const { vm: oe } = o;
@@ -1160,13 +1160,13 @@ const xr = /* @__PURE__ */ $({
       );
     };
     return (q, oe) => {
-      const ge = B("v-btn");
+      const he = B("v-btn");
       return k(), C(r(H), {
         block: r(i),
         mask: ""
       }, {
-        default: V(() => [
-          D(ge, {
+        default: P(() => [
+          D(he, {
             "append-icon": r(s),
             block: r(i),
             color: r(c),
@@ -1182,12 +1182,12 @@ const xr = /* @__PURE__ */ $({
             readonly: r(x),
             ripple: r(h),
             size: r(v),
-            stacked: r(z),
+            stacked: r(V),
             text: r(T),
-            theme: r(G),
-            variant: r(J),
-            width: r(N),
-            onClick: L
+            theme: r(j),
+            variant: r(U),
+            width: r(G),
+            onClick: z
           }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"])
         ]),
         _: 1
@@ -1198,7 +1198,7 @@ const xr = /* @__PURE__ */ $({
 function Sr(t, n) {
   const e = B("v-btn-group");
   return k(), C(e, null, {
-    default: V(() => [
+    default: P(() => [
       F(t.$slots, "default")
     ]),
     _: 3
@@ -1212,7 +1212,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "block"]), { property: s } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "block"]), { property: s } = a(e, [
       "settings",
       "disabled"
     ]), { property: i } = a(e, ["settings", "divided"]), { property: l } = a(e, [
@@ -1224,7 +1224,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: m } = a(e, [
       "settings",
       "readonly"
-    ]), { property: u } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = U(), { property: f } = a(e, ["settings", "tile"]), { property: g } = a(e, ["settings", "variant"]);
+    ]), { property: u } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = J(), { property: f } = a(e, ["settings", "tile"]), { property: g } = a(e, ["settings", "variant"]);
     return (_, I) => {
       const b = B("v-btn-toggle");
       return k(), C(b, {
@@ -1240,7 +1240,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         tile: r(f),
         variant: r(g)
       }, {
-        default: V(() => [
+        default: P(() => [
           F(_.$slots, "default")
         ]),
         _: 3
@@ -1255,18 +1255,18 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
       "settings",
       "disabled"
     ]), { property: i } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: m } = a(e, ["size", "maxHeight"]), { property: u } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["size", "minHeight"]), { property: p } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
       "settings",
       "subtitle"
-    ]), { property: g } = a(e, ["settings", "text"]), { theme: _ } = U(), { property: I } = a(e, ["settings", "title"]), { property: b } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
+    ]), { property: g } = a(e, ["settings", "text"]), { theme: _ } = J(), { property: I } = a(e, ["settings", "title"]), { property: b } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
     return (h, v) => {
-      const z = B("v-card");
+      const V = B("v-card");
       return k(), C(r(H), { block: "" }, {
-        default: V(() => [
-          D(z, {
+        default: P(() => [
+          D(V, {
             density: r(o),
             disabled: r(s),
             height: r(i),
@@ -1283,7 +1283,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             variant: r(b),
             width: r(x)
           }, {
-            default: V(() => [
+            default: P(() => [
               F(h.$slots, "default")
             ]),
             _: 3
@@ -1301,7 +1301,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, [
       "settings",
       "disabled"
     ]), { property: s } = a(e, [
@@ -1311,7 +1311,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     return (i, l) => {
       const c = B("v-checkbox");
       return k(), C(r(H), { mask: "" }, {
-        default: V(() => [
+        default: P(() => [
           D(c, {
             disabled: r(o),
             readonly: r(s)
@@ -1329,7 +1329,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, [
       "settings",
       "closable"
     ]), { property: s } = a(e, ["settings", "color"]), { color: i } = Q(s), { property: l } = a(e, ["settings", "density"]), { property: c } = a(e, [
@@ -1338,11 +1338,11 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: m } = a(e, [
       "settings",
       "draggable"
-    ]), { property: u } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: g } = U(), { property: _ } = a(e, ["settings", "tile"]), { property: I } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]);
+    ]), { property: u } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: g } = J(), { property: _ } = a(e, ["settings", "tile"]), { property: I } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]);
     return (x, h) => {
       const v = B("v-chip");
       return k(), C(r(H), { mask: "" }, {
-        default: V(() => [
+        default: P(() => [
           D(v, {
             closable: r(o),
             color: r(i),
@@ -1371,7 +1371,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "column"]), { property: s } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "column"]), { property: s } = a(e, [
       "settings",
       "direction"
     ]), { property: i } = a(e, [
@@ -1386,7 +1386,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: u } = a(e, [
       "settings",
       "showArrows"
-    ]), { theme: d } = U(), { property: p } = a(e, ["settings", "value"]);
+    ]), { theme: d } = J(), { property: p } = a(e, ["settings", "value"]);
     return (f, g) => {
       const _ = B("v-chip-group");
       return k(), C(_, {
@@ -1401,7 +1401,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         "show-arrows": r(u),
         theme: r(d)
       }, {
-        default: V(() => [
+        default: P(() => [
           F(f.$slots, "default")
         ]),
         _: 3
@@ -1416,7 +1416,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Ie(), s = re(), { applySize: i } = be(n, e), l = w(() => {
+    const n = t, { node: e } = L(n), o = $e(), s = re(), { applySize: i } = ge(n, e), l = w(() => {
       const I = {}, b = s.value?.type;
       return o === "page" ? b === "common" ? i(I) : console.assert(!1) : o === "comp" && b === "common" ? i(I) : console.assert(!1), I;
     }), { property: c } = a(e, [
@@ -1440,11 +1440,11 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: g } = a(e, [
       "settings",
       "showSwatches"
-    ]), { theme: _ } = U();
+    ]), { theme: _ } = J();
     return (I, b) => {
       const x = B("v-color-picker");
       return k(), C(r(H), { mask: "" }, {
-        default: V(() => [
+        default: P(() => [
           D(x, {
             disabled: r(c),
             "hide-canvas": r(m),
@@ -1453,7 +1453,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             "hide-sliders": r(p),
             landscape: r(f),
             "show-swatches": r(g),
-            style: de(l.value),
+            style: fe(l.value),
             theme: r(_)
           }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"])
         ]),
@@ -1469,7 +1469,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, [
       "settings",
       "hideDetails"
     ]), { property: s } = a(e, ["settings", "label"]), { property: i } = a(e, [
@@ -1481,11 +1481,11 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: m } = U(), { property: u } = a(e, ["settings", "value"]);
+    ]), { theme: m } = J(), { property: u } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-combobox");
       return k(), C(r(H), { mask: "" }, {
-        default: V(() => [
+        default: P(() => [
           D(f, {
             modelValue: r(u),
             "onUpdate:modelValue": p[0] || (p[0] = (g) => ne(u) ? u.value = g : null),
@@ -1509,17 +1509,17 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Ie(), s = re(), { property: i } = a(e, [
+    const n = t, { node: e } = L(n), o = $e(), s = re(), { property: i } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: l } = Q(i), { applySize: c } = be(n, e), { applyMargin: m } = mn(e), { applyPadding: u } = pn(e), { applyBorder: d } = un(e), p = w(() => {
+    ]), { color: l } = Q(i), { applySize: c } = ge(n, e), { applyMargin: m } = mn(e), { applyPadding: u } = pn(e), { applyBorder: d } = un(e), p = w(() => {
       const f = {}, g = s.value?.type;
       return o === "page" ? g === "common" ? (c(f), m(f), u(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && g === "common" ? (c(f), m(f), u(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
     });
     return (f, g) => (k(), C(r(H), { block: "" }, {
-      default: V(() => [
+      default: P(() => [
         Re("div", {
-          style: de(p.value)
+          style: fe(p.value)
         }, [
           F(f.$slots, "default")
         ], 4)
@@ -1538,9 +1538,9 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     const n = t, e = Z(), o = Qe(), s = ie();
     Le(s);
     const i = w(() => n.refContext.compId);
-    et(i, s), le(e) && tt(s, "slot", "", "", _e());
+    et(i, s), le(e) && tt(s, "slot", "", "", ve());
     function l(m) {
-      const u = ke[m.key];
+      const u = we[m.key];
       if (!u) {
         console.assert(!1, `element not found key=${m.key}`);
         return;
@@ -1566,7 +1566,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
       );
     }
     const c = () => {
-      const { i18n: m } = he;
+      const { i18n: m } = _e;
       if (Ye(n.refContext, o))
         return K("div", null, m.global.t("x-runtime-lib.circularReference"));
       if (!s.value)
@@ -1588,7 +1588,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
       "settings",
       "fixedFooter"
     ]), { property: i } = a(e, [
@@ -1597,14 +1597,14 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: m } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "data"], !0), { property: d } = a(e, ["settings", "loading"]), { property: p } = a(e, [
       "settings",
       "multiSort"
-    ]), { theme: f } = U(), { property: g } = a(e, ["size", "width"]), { property: _ } = a(e, ["slots", "columns"]);
+    ]), { theme: f } = J(), { property: g } = a(e, ["size", "width"]), { property: _ } = a(e, ["slots", "columns"]);
     return (I, b) => {
       const x = B("v-data-table");
       return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
-        default: V(() => [
+        default: P(() => [
           D(x, {
             density: r(o),
             "fixed-footer": r(s),
@@ -1620,14 +1620,14 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
           }, sn({ _: 2 }, [
             oi(r(_), ({ key: h, comp: v }) => ({
               name: `item.${h}`,
-              fn: V(({ value: z }) => [
+              fn: P(({ value: V }) => [
                 D(Wr, {
                   "node-id": n.nodeId,
                   "ref-context": {
                     parent: n.refContext,
                     compId: v
                   },
-                  value: z
+                  value: V
                 }, null, 8, ["node-id", "ref-context", "value"])
               ])
             }))
@@ -1643,7 +1643,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     return (n, e) => {
       const o = B("v-date-picker");
       return k(), C(r(H), { mask: "" }, {
-        default: V(() => [
+        default: P(() => [
           D(o)
         ]),
         _: 1
@@ -1670,13 +1670,13 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         "onUpdate:modelValue": i[0] || (i[0] = (c) => ne(o) ? o.value = c : null),
         attach: "#dialogContainer"
       }, {
-        activator: V(() => [
+        activator: P(() => [
           r(e) === "editor" ? (k(), te("div", {
             key: 0,
             id: `__node__@${n.nodeId}`
           }, null, 8, Kr)) : se("", !0)
         ]),
-        default: V(() => [
+        default: P(() => [
           F(s.$slots, "default")
         ]),
         _: 3
@@ -1691,7 +1691,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "chips"]), { property: s } = a(e, ["settings", "density"]), { property: i } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "chips"]), { property: s } = a(e, ["settings", "density"]), { property: i } = a(e, [
       "settings",
       "direction"
     ]), { property: l } = a(e, [
@@ -1713,7 +1713,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         block: "",
         mask: ""
       }, {
-        default: V(() => [
+        default: P(() => [
           D(I, {
             chips: r(o),
             density: r(s),
@@ -1739,7 +1739,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Fe(), s = Ie(), i = re(), { applySize: l } = be(n, e), { applyMargin: c } = mn(e), { applyPadding: m } = pn(e), { applyBorder: u } = un(e), { property: d } = a(e, [
+    const n = t, { node: e } = L(n), o = Fe(), s = $e(), i = re(), { applySize: l } = ge(n, e), { applyMargin: c } = mn(e), { applyPadding: m } = pn(e), { applyBorder: u } = un(e), { property: d } = a(e, [
       "settings",
       "backgroundColor"
     ]), { color: p } = Q(d), f = (_) => {
@@ -1757,7 +1757,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
       return s === "page" ? I === "common" ? (l(_), c(_), m(_), u(_), f(_)) : console.assert(!1) : s === "comp" && I === "common" ? (l(_), c(_), m(_), u(_), f(_)) : console.assert(!1), _;
     });
     return (_, I) => (k(), te("div", {
-      style: de(g.value)
+      style: fe(g.value)
     }, [
       F(_.$slots, "default")
     ], 4));
@@ -1770,12 +1770,12 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Ie(), s = re(), { applySize: i } = be(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), m = w(() => {
+    const n = t, { node: e } = L(n), o = $e(), s = re(), { applySize: i } = ge(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), m = w(() => {
       const u = {}, d = s.value?.type;
       return o === "page" ? d === "common" ? (i(u), u.flexGrow = l.value ? 1 : 0, u.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (i(u), u.flexGrow = l.value ? 1 : 0, u.flexShrink = c.value ? 1 : 0) : console.assert(!1), u;
     });
     return (u, d) => (k(), te("div", {
-      style: de(m.value)
+      style: fe(m.value)
     }, [
       F(u.$slots, "default")
     ], 4));
@@ -1788,13 +1788,13 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Ie(), s = re(), i = _e(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
+    const n = t, { node: e } = L(n), o = $e(), s = re(), i = ve(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
       "settings",
       "fastFail"
     ]), { property: m } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: u } = Q(m), { applySize: d } = be(n, e), { applyMargin: p } = mn(e), { applyPadding: f } = pn(e), { applyBorder: g } = un(e), _ = w(() => {
+    ]), { color: u } = Q(m), { applySize: d } = ge(n, e), { applyMargin: p } = mn(e), { applyPadding: f } = pn(e), { applyBorder: g } = un(e), _ = w(() => {
       const b = {}, x = s.value?.type;
       return o === "page" ? x === "common" ? (d(b), p(b), f(b), g(b), u.value && (b.backgroundColor = u.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(b), p(b), f(b), g(b), u.value && (b.backgroundColor = u.value)) : console.assert(!1), b;
     }), I = () => {
@@ -1809,10 +1809,10 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         modelValue: r(l),
         "onUpdate:modelValue": x[0] || (x[0] = (v) => ne(l) ? l.value = v : null),
         "fast-fail": r(c),
-        style: de(_.value),
+        style: fe(_.value),
         onSubmit: ii(I, ["prevent"])
       }, {
-        default: V(() => [
+        default: P(() => [
           F(b.$slots, "default")
         ]),
         _: 3
@@ -1827,10 +1827,10 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Q(o), { property: i } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Q(o), { property: i } = a(e, [
       "settings",
       "disabled"
-    ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: m } = U();
+    ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: m } = J();
     return (u, d) => {
       const p = B("v-icon");
       return k(), C(p, {
@@ -1850,7 +1850,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = Z(), o = _e(), s = ie(0), i = ie(0), l = w(() => [s.value, i.value]), { open: c } = Vo(`runtimeMenu/${$o()}`);
+    const n = t, e = Z(), o = ve(), s = ie(0), i = ie(0), l = w(() => [s.value, i.value]), { open: c } = Vo(`runtimeMenu/${$o()}`);
     return mt(n.nodeId, "open", () => {
       if (!o || !o.vm)
         return;
@@ -1868,13 +1868,13 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         scrim: "transparent",
         target: l.value
       }, {
-        activator: V(() => [
+        activator: P(() => [
           r(e) === "editor" ? (k(), te("div", {
             key: 0,
             id: `__node__@${n.nodeId}`
           }, null, 8, Hr)) : se("", !0)
         ]),
-        default: V(() => [
+        default: P(() => [
           F(m.$slots, "default")
         ]),
         _: 3
@@ -1889,7 +1889,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, [
       "settings",
       "addIcon",
       "append"
@@ -1920,20 +1920,20 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: h } = a(e, [
       "settings",
       "readonly"
-    ]), { property: v } = a(e, ["settings", "reverse"]), { property: z } = a(e, [
+    ]), { property: v } = a(e, ["settings", "reverse"]), { property: V } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: T } = a(e, ["settings", "step"]), { property: G } = a(e, ["settings", "suffix"]), { theme: J } = U(), { property: N } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: q } = a(e, ["size", "width"]);
-    return (oe, ge) => {
+    ]), { property: T } = a(e, ["settings", "step"]), { property: j } = a(e, ["settings", "suffix"]), { theme: U } = J(), { property: G } = a(e, ["settings", "value"]), { property: z } = a(e, ["settings", "variant"]), { property: q } = a(e, ["size", "width"]);
+    return (oe, he) => {
       const ze = B("v-number-input");
       return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
-        default: V(() => [
+        default: P(() => [
           D(ze, {
-            modelValue: r(N),
-            "onUpdate:modelValue": ge[0] || (ge[0] = (ve) => ne(N) ? N.value = ve : null),
+            modelValue: r(G),
+            "onUpdate:modelValue": he[0] || (he[0] = (xe) => ne(G) ? G.value = xe : null),
             "append-icon": r(o),
             "append-inner-icon": r(s),
             clearable: r(i),
@@ -1951,11 +1951,11 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             "prepend-inner-icon": r(x),
             readonly: r(h),
             reverse: r(v),
-            "single-line": r(z),
+            "single-line": r(V),
             step: r(T),
-            suffix: r(G),
-            theme: r(J),
-            variant: r(L),
+            suffix: r(j),
+            theme: r(U),
+            variant: r(z),
             width: r(q)
           }, null, 8, ["modelValue", "append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"])
         ]),
@@ -1971,13 +1971,13 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { property: s } = a(e, ["settings", "density"]), { property: i } = a(e, [
+    const n = t, { node: e } = L(n), o = Z(), { property: s } = a(e, ["settings", "density"]), { property: i } = a(e, [
       "settings",
       "disabled"
     ]), { property: l } = a(e, ["settings", "length"]), { property: c } = a(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: m } = a(e, ["settings", "size"]), { property: u } = a(e, ["settings", "start"]), { theme: d } = U(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: g } = a(e, ["settings", "variant"]), _ = w(() => {
+    ]), { property: m } = a(e, ["settings", "size"]), { property: u } = a(e, ["settings", "start"]), { theme: d } = J(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: g } = a(e, ["settings", "variant"]), _ = w(() => {
       const I = {};
       return o === "editor" && (I.pointerEvents = "none"), I;
     });
@@ -1987,7 +1987,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         block: "",
         mask: ""
       }, {
-        default: V(() => [
+        default: P(() => [
           D(x, {
             modelValue: r(f),
             "onUpdate:modelValue": b[0] || (b[0] = (h) => ne(f) ? f.value = h : null),
@@ -1997,7 +1997,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             "show-first-last-page": r(c),
             size: r(m),
             start: r(u),
-            style: de(_.value),
+            style: fe(_.value),
             theme: r(d),
             tile: r(p),
             variant: r(g)
@@ -2015,13 +2015,13 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Q(o), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Q(o), { property: i } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
       "disabled"
     ]), { property: c } = a(e, ["settings", "label"]), { property: m } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: u } = U(), { property: d } = a(e, ["settings", "value"]);
+    ]), { theme: u } = J(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
       const g = B("v-radio");
       return k(), C(g, {
@@ -2043,7 +2043,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
       "settings",
       "direction"
     ]), { property: i } = a(e, [
@@ -2052,11 +2052,11 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: l } = a(e, ["settings", "inline"]), { property: c } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = U(), { property: u } = a(e, ["settings", "value"]);
+    ]), { theme: m } = J(), { property: u } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-radio-group");
       return k(), C(r(H), null, {
-        default: V(() => [
+        default: P(() => [
           D(f, {
             modelValue: r(u),
             "onUpdate:modelValue": p[0] || (p[0] = (g) => ne(u) ? u.value = g : null),
@@ -2067,7 +2067,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             readonly: r(c),
             theme: r(m)
           }, {
-            default: V(() => [
+            default: P(() => [
               F(d.$slots, "default")
             ]),
             _: 3
@@ -2085,7 +2085,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
       "settings",
       "direction"
     ]), { property: i } = a(e, [
@@ -2105,7 +2105,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         return "always";
       if (p.value === "show")
         return !0;
-    }), { property: g } = a(e, ["settings", "step"]), { theme: _ } = U(), { property: I } = a(e, [
+    }), { property: g } = a(e, ["settings", "step"]), { theme: _ } = J(), { property: I } = a(e, [
       "settings",
       "thumbLabel"
     ]), b = w(() => {
@@ -2119,38 +2119,38 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: h } = a(e, ["settings", "ticks"]), v = w(() => {
       if (!h.value)
         return;
-      const N = {};
-      for (const { value: L, label: q } of h.value)
-        N[L] = q;
-      if (!Mo(N))
-        return N;
-    }), { property: z } = a(e, [
+      const G = {};
+      for (const { value: z, label: q } of h.value)
+        G[z] = q;
+      if (!Mo(G))
+        return G;
+    }), { property: V } = a(e, [
       "settings",
       "tickSize"
     ]), { property: T } = a(e, [
       "settings",
       "value",
       "start"
-    ]), { property: G } = a(e, [
+    ]), { property: j } = a(e, [
       "settings",
       "value",
       "end"
-    ]), J = w({
-      get: () => [T.value, G.value],
-      set: ([N, L]) => {
-        T.value = N, G.value = L;
+    ]), U = w({
+      get: () => [T.value, j.value],
+      set: ([G, z]) => {
+        T.value = G, j.value = z;
       }
     });
-    return (N, L) => {
+    return (G, z) => {
       const q = B("v-range-slider");
       return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
-        default: V(() => [
+        default: P(() => [
           D(q, {
-            modelValue: J.value,
-            "onUpdate:modelValue": L[0] || (L[0] = (oe) => J.value = oe),
+            modelValue: U.value,
+            "onUpdate:modelValue": z[0] || (z[0] = (oe) => U.value = oe),
             density: r(o),
             direction: r(s),
             disabled: r(i),
@@ -2164,7 +2164,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             theme: r(_),
             "thumb-label": b.value,
             "thumb-size": r(x),
-            "tick-size": r(z),
+            "tick-size": r(V),
             ticks: v.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
@@ -2180,7 +2180,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, [
       "settings",
       "clearable"
     ]), { property: s } = a(e, ["settings", "density"]), { property: i } = a(e, [
@@ -2192,11 +2192,11 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: c } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "length"]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: d } = U(), { property: p } = a(e, ["settings", "value"]);
+    ]), { theme: d } = J(), { property: p } = a(e, ["settings", "value"]);
     return (f, g) => {
       const _ = B("v-rating");
       return k(), C(r(H), { mask: "" }, {
-        default: V(() => [
+        default: P(() => [
           D(_, {
             modelValue: r(p),
             "onUpdate:modelValue": g[0] || (g[0] = (I) => ne(p) ? p.value = I : null),
@@ -2222,7 +2222,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, [
       "settings",
       "hideDetails"
     ]), { property: s } = a(e, ["settings", "label"]), { property: i } = a(e, [
@@ -2234,14 +2234,14 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: m } = U(), { property: u } = a(e, ["settings", "value"]);
+    ]), { theme: m } = J(), { property: u } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-select");
       return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
-        default: V(() => [
+        default: P(() => [
           D(f, {
             modelValue: r(u),
             "onUpdate:modelValue": p[0] || (p[0] = (g) => ne(u) ? u.value = g : null),
@@ -2265,7 +2265,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Q(o), { property: i } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "color"]), { color: s } = Q(o), { property: i } = a(e, [
       "settings",
       "direction"
     ]), { property: l } = a(e, [
@@ -2285,13 +2285,13 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         return "always";
       if (g.value === "show")
         return !0;
-    }), { property: I } = a(e, ["settings", "step"]), { theme: b } = U(), { property: x } = a(e, [
+    }), { property: I } = a(e, ["settings", "step"]), { theme: b } = J(), { property: x } = a(e, [
       "settings",
       "thumbColor"
     ]), { color: h } = Q(x), { property: v } = a(e, [
       "settings",
       "thumbLabel"
-    ]), z = w(() => {
+    ]), V = w(() => {
       if (v.value === "always")
         return "always";
       if (v.value === "show")
@@ -2299,28 +2299,28 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     }), { property: T } = a(e, [
       "settings",
       "thumbSize"
-    ]), { property: G } = a(e, ["settings", "ticks"]), J = w(() => {
-      if (!G.value)
+    ]), { property: j } = a(e, ["settings", "ticks"]), U = w(() => {
+      if (!j.value)
         return;
-      const ve = {};
-      for (const { value: nt, label: kt } of G.value)
-        ve[nt] = kt;
-      if (!Mo(ve))
-        return ve;
-    }), { property: N } = a(e, [
+      const xe = {};
+      for (const { value: nt, label: kt } of j.value)
+        xe[nt] = kt;
+      if (!Mo(xe))
+        return xe;
+    }), { property: G } = a(e, [
       "settings",
       "tickSize"
-    ]), { property: L } = a(e, [
+    ]), { property: z } = a(e, [
       "settings",
       "trackColor"
-    ]), { color: q } = Q(L), { property: oe } = a(e, ["settings", "value"]), { property: ge } = a(e, ["slots", "append"]), { property: ze } = a(e, ["slots", "prepend"]);
-    return (ve, nt) => {
+    ]), { color: q } = Q(z), { property: oe } = a(e, ["settings", "value"]), { property: he } = a(e, ["slots", "append"]), { property: ze } = a(e, ["slots", "prepend"]);
+    return (xe, nt) => {
       const kt = B("v-slider");
       return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
-        default: V(() => [
+        default: P(() => [
           D(kt, {
             modelValue: r(oe),
             "onUpdate:modelValue": nt[0] || (nt[0] = (ti) => ne(oe) ? oe.value = ti : null),
@@ -2337,18 +2337,18 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             step: r(I),
             theme: r(b),
             "thumb-color": r(h),
-            "thumb-label": z.value,
+            "thumb-label": V.value,
             "thumb-size": r(T),
-            "tick-size": r(N),
-            ticks: J.value,
+            "tick-size": r(G),
+            ticks: U.value,
             "track-color": r(q)
           }, sn({ _: 2 }, [
-            r(ge) ? {
+            r(he) ? {
               name: "append",
-              fn: V(() => [
+              fn: P(() => [
                 D(r(Ve), {
                   "node-id": "append",
-                  "ref-context": { compId: r(ge) },
+                  "ref-context": { compId: r(he) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2356,7 +2356,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             } : void 0,
             r(ze) ? {
               name: "prepend",
-              fn: V(() => [
+              fn: P(() => [
                 D(r(Ve), {
                   "node-id": "prepend",
                   "ref-context": { compId: r(ze) },
@@ -2379,10 +2379,10 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, [
       "settings",
       "hideActions"
-    ]), { theme: s } = U(), { property: i } = a(e, ["settings", "value"]);
+    ]), { theme: s } = J(), { property: i } = a(e, ["settings", "value"]);
     return (l, c) => {
       const m = B("v-stepper");
       return k(), C(m, {
@@ -2391,7 +2391,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         "hide-actions": r(o),
         theme: r(s)
       }, {
-        default: V(() => [
+        default: P(() => [
           F(l.$slots, "default")
         ]),
         _: 3
@@ -2402,7 +2402,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
 function il(t, n) {
   const e = B("v-stepper-header");
   return k(), C(e, null, {
-    default: V(() => [
+    default: P(() => [
       F(t.$slots, "default")
     ]),
     _: 3
@@ -2416,11 +2416,11 @@ const sl = /* @__PURE__ */ De(ol, [["render", il]]), rl = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "value"]);
     return (s, i) => {
       const l = B("v-stepper-item");
       return k(), C(l, { value: r(o) }, {
-        default: V(() => [
+        default: P(() => [
           F(s.$slots, "default")
         ]),
         _: 3
@@ -2431,7 +2431,7 @@ const sl = /* @__PURE__ */ De(ol, [["render", il]]), rl = /* @__PURE__ */ $({
 function al(t, n) {
   const e = B("v-stepper-window");
   return k(), C(e, null, {
-    default: V(() => [
+    default: P(() => [
       F(t.$slots, "default")
     ]),
     _: 3
@@ -2445,11 +2445,11 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "value"]);
     return (s, i) => {
       const l = B("v-stepper-window-item");
       return k(), C(l, { value: r(o) }, {
-        default: V(() => [
+        default: P(() => [
           F(s.$slots, "default")
         ]),
         _: 3
@@ -2464,7 +2464,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "density"]), { property: s } = a(e, [
       "settings",
       "direction"
     ]), { property: i } = a(e, [
@@ -2476,11 +2476,11 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     ]), { property: c } = a(e, [
       "settings",
       "indeterminate"
-    ]), { property: m } = a(e, ["settings", "inline"]), { property: u } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: f } = U(), { property: g } = a(e, ["settings", "value"]);
+    ]), { property: m } = a(e, ["settings", "inline"]), { property: u } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: f } = J(), { property: g } = a(e, ["settings", "value"]);
     return (_, I) => {
       const b = B("v-switch");
       return k(), C(r(H), { mask: "" }, {
-        default: V(() => [
+        default: P(() => [
           D(b, {
             modelValue: r(g),
             "onUpdate:modelValue": I[0] || (I[0] = (x) => ne(g) ? g.value = x : null),
@@ -2508,16 +2508,16 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { property: s } = a(e, ["settings", "text"]), { theme: i } = U(), { property: l } = a(e, ["settings", "value"]), c = w(() => {
+    const n = t, { node: e } = L(n), o = Z(), { property: s } = a(e, ["settings", "text"]), { theme: i } = J(), { property: l } = a(e, ["settings", "value"]), c = w(() => {
       const m = {};
       return o === "editor" && (m.pointerEvents = "none"), m;
     });
     return (m, u) => {
       const d = B("v-tab");
       return k(), C(r(H), { mask: "" }, {
-        default: V(() => [
+        default: P(() => [
           D(d, {
-            style: de(c.value),
+            style: fe(c.value),
             text: r(s),
             theme: r(i),
             value: r(l)
@@ -2535,7 +2535,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, [
       "settings",
       "alignTabs"
     ]), { property: s } = a(e, [
@@ -2571,17 +2571,17 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: v } = Q(h), { property: z } = a(e, ["settings", "stacked"]), { theme: T } = U(), { property: G } = a(e, ["settings", "value"]);
-    return (J, N) => {
-      const L = B("v-tabs");
+    ]), { color: v } = Q(h), { property: V } = a(e, ["settings", "stacked"]), { theme: T } = J(), { property: j } = a(e, ["settings", "value"]);
+    return (U, G) => {
+      const z = B("v-tabs");
       return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
-        default: V(() => [
-          D(L, {
-            modelValue: r(G),
-            "onUpdate:modelValue": N[0] || (N[0] = (q) => ne(G) ? G.value = q : null),
+        default: P(() => [
+          D(z, {
+            modelValue: r(j),
+            "onUpdate:modelValue": G[0] || (G[0] = (q) => ne(j) ? j.value = q : null),
             "align-tabs": r(o),
             "bg-color": r(i),
             "center-active": r(l),
@@ -2596,11 +2596,11 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
             mandatory: r(b),
             "show-arrows": r(x),
             "slider-color": r(v),
-            stacked: r(z),
+            stacked: r(V),
             theme: r(T)
           }, {
-            default: V(() => [
-              F(J.$slots, "default")
+            default: P(() => [
+              F(U.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"])
@@ -2617,7 +2617,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Fe(), { property: s } = a(e, ["settings", "align"]), { property: i } = a(e, [
+    const n = t, { node: e } = L(n), o = Fe(), { property: s } = a(e, ["settings", "align"]), { property: i } = a(e, [
       "settings",
       "decoration"
     ]), { property: l } = a(e, [
@@ -2628,7 +2628,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
       return g && p.push(`text-${g}`), l.value === "high" ? p.push("text-high-emphasis") : l.value === "medium" ? p.push("text-medium-emphasis") : l.value === "disabled" && p.push("text-disabled"), s.value && p.push(`font-${s.value}`), i.value && p.push(`text-decoration-${i.value}`), u.value && p.push(`font-weight-${u.value}`), c.value && p.push("font-italic"), p.join(" ");
     });
     return (p, f) => (k(), C(r(H), { mask: "" }, {
-      default: V(() => [
+      default: P(() => [
         Re("span", {
           class: si(d.value)
         }, So(r(m)), 3)
@@ -2644,7 +2644,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, [
       "settings",
       "autoGrow"
     ]), { property: s } = a(e, [
@@ -2662,15 +2662,15 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     ]), { property: f } = a(e, ["settings", "reverse"]), { property: g } = a(e, ["settings", "rows"]), { property: _ } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: I } = U(), { property: b } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
+    ]), { theme: I } = J(), { property: b } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
     return (h, v) => {
-      const z = B("v-textarea");
+      const V = B("v-textarea");
       return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
-        default: V(() => [
-          D(z, {
+        default: P(() => [
+          D(V, {
             modelValue: r(b),
             "onUpdate:modelValue": v[0] || (v[0] = (T) => ne(b) ? b.value = T : null),
             "auto-grow": r(o),
@@ -2701,7 +2701,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, [
       "settings",
       "appendIcon"
     ]), { property: s } = a(e, [
@@ -2734,23 +2734,23 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     ]), { property: x } = a(e, ["settings", "reverse"]), { property: h } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: v } = a(e, ["settings", "suffix"]), { theme: z } = U(), { property: T } = a(e, ["settings", "value"]), { property: G } = a(e, ["settings", "variant"]), { property: J } = a(e, ["slots", "append"]), { property: N } = a(e, [
+    ]), { property: v } = a(e, ["settings", "suffix"]), { theme: V } = J(), { property: T } = a(e, ["settings", "value"]), { property: j } = a(e, ["settings", "variant"]), { property: U } = a(e, ["slots", "append"]), { property: G } = a(e, [
       "slots",
       "appendInner"
-    ]), { property: L } = a(e, ["slots", "prepend"]), { property: q } = a(e, [
+    ]), { property: z } = a(e, ["slots", "prepend"]), { property: q } = a(e, [
       "slots",
       "prependInner"
     ]);
-    return (oe, ge) => {
+    return (oe, he) => {
       const ze = B("v-text-field");
       return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
-        default: V(() => [
+        default: P(() => [
           D(ze, {
             modelValue: r(T),
-            "onUpdate:modelValue": ge[0] || (ge[0] = (ve) => ne(T) ? T.value = ve : null),
+            "onUpdate:modelValue": he[0] || (he[0] = (xe) => ne(T) ? T.value = xe : null),
             "append-icon": r(o),
             "append-inner-icon": r(s),
             autofocus: r(i),
@@ -2768,37 +2768,37 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
             reverse: r(x),
             "single-line": r(h),
             suffix: r(v),
-            theme: r(z),
-            variant: r(G)
+            theme: r(V),
+            variant: r(j)
           }, sn({ _: 2 }, [
-            r(J) ? {
+            r(U) ? {
               name: "append",
-              fn: V(() => [
+              fn: P(() => [
                 D(r(Ve), {
                   "node-id": "append",
-                  "ref-context": { compId: r(J) },
+                  "ref-context": { compId: r(U) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "0"
             } : void 0,
-            r(N) ? {
+            r(G) ? {
               name: "append-inner",
-              fn: V(() => [
+              fn: P(() => [
                 D(r(Ve), {
                   "node-id": "append-inner",
-                  "ref-context": { compId: r(N) },
+                  "ref-context": { compId: r(G) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "1"
             } : void 0,
-            r(L) ? {
+            r(z) ? {
               name: "prepend",
-              fn: V(() => [
+              fn: P(() => [
                 D(r(Ve), {
                   "node-id": "prepend",
-                  "ref-context": { compId: r(L) },
+                  "ref-context": { compId: r(z) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2806,7 +2806,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
             } : void 0,
             r(q) ? {
               name: "prepend-inner",
-              fn: V(() => [
+              fn: P(() => [
                 D(r(Ve), {
                   "node-id": "prepend-inner",
                   "ref-context": { compId: r(q) },
@@ -2829,7 +2829,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "align"]), { property: s } = a(e, ["settings", "density"]), { property: i } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "align"]), { property: s } = a(e, ["settings", "density"]), { property: i } = a(e, [
       "settings",
       "direction"
     ]), { property: l } = a(e, [
@@ -2859,7 +2859,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
       "settings",
       "line",
       "truncate"
-    ]), { theme: b } = U();
+    ]), { theme: b } = J();
     return (x, h) => {
       const v = B("v-timeline");
       return k(), C(v, {
@@ -2876,7 +2876,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
         theme: r(b),
         "truncate-line": r(I)
       }, {
-        default: V(() => [
+        default: P(() => [
           F(x.$slots, "default")
         ]),
         _: 3
@@ -2887,7 +2887,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
 function _l(t, n) {
   const e = B("v-timeline-item");
   return k(), C(e, null, {
-    default: V(() => [
+    default: P(() => [
       F(t.$slots, "default")
     ]),
     _: 3
@@ -2901,7 +2901,7 @@ const vl = /* @__PURE__ */ De(hl, [["render", _l]]), xl = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, [
+    const n = t, { node: e } = L(n), { property: o } = a(e, [
       "settings",
       "continuous"
     ]), { property: s } = a(e, [
@@ -2913,7 +2913,7 @@ const vl = /* @__PURE__ */ De(hl, [["render", _l]]), xl = /* @__PURE__ */ $({
     ]), { property: l } = a(e, ["settings", "reverse"]), { property: c } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: m } = a(e, ["settings", "touch"]), { theme: u } = U(), { property: d } = a(e, ["settings", "value"]);
+    ]), { property: m } = a(e, ["settings", "touch"]), { theme: u } = J(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
       const g = B("v-window");
       return k(), C(g, {
@@ -2927,7 +2927,7 @@ const vl = /* @__PURE__ */ De(hl, [["render", _l]]), xl = /* @__PURE__ */ $({
         theme: r(u),
         touch: r(m)
       }, {
-        default: V(() => [
+        default: P(() => [
           F(p.$slots, "default")
         ]),
         _: 3
@@ -2938,7 +2938,7 @@ const vl = /* @__PURE__ */ De(hl, [["render", _l]]), xl = /* @__PURE__ */ $({
 function wl(t, n) {
   const e = B("v-window-item");
   return k(), C(e, null, {
-    default: V(() => [
+    default: P(() => [
       F(t.$slots, "default")
     ]),
     _: 3
@@ -2953,13 +2953,13 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
     instance: {}
   },
   setup(t) {
-    console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> created`), we(() => {
+    console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> created`), Ie(() => {
       console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> destroyed`);
     });
     const n = Z(), e = re(), o = w(() => O(e.value));
-    Le(o), le(n) && tt(o, "multipleSlot", t.nodeId, t.instance, _e());
+    Le(o), le(n) && tt(o, "multipleSlot", t.nodeId, t.instance, ve());
     const s = (l) => {
-      const c = ke[l.key];
+      const c = we[l.key];
       if (!c) {
         console.assert(!1, `element not found key=${l.key}`);
         return;
@@ -3015,7 +3015,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
         center: "",
         transform: ""
       }, {
-        default: V(() => [
+        default: P(() => [
           Re("div", Cl, So(t.label), 1)
         ]),
         _: 1
@@ -3031,15 +3031,15 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = bt(), e = t, { node: o } = P(e), s = Qe(), i = re(), l = ie();
+    const n = bt(), e = t, { node: o } = L(e), s = Qe(), i = re(), l = ie();
     Le(l);
     const c = w(() => e.refContext?.compId);
     et(c, l);
-    const { applySize: m } = be(e, o), u = w(() => {
+    const { applySize: m } = ge(e, o), u = w(() => {
       const h = {};
       return l.value?.type === "common" && m(h), h;
     }), { position: d, rotation: p, scale: f } = ue(o), { property: g } = a(o, ["instances"]), _ = (h, v) => {
-      h.findIndex((z) => z === v) >= 0 || h.push(v);
+      h.findIndex((V) => V === v) >= 0 || h.push(v);
     }, I = w(() => {
       const h = [];
       if (!Array.isArray(g.value))
@@ -3062,7 +3062,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: h } = he;
+      const { i18n: h } = _e;
       if (Ye(e.refContext, s))
         return i.value.type === "common" ? K(
           "div",
@@ -3095,7 +3095,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
             style: u.value
           },
           {
-            default: () => I.value.map((z) => b(z, v))
+            default: () => I.value.map((V) => b(V, v))
           }
         );
       if (v === "scene")
@@ -3108,7 +3108,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
             scale: f.value
           },
           {
-            default: () => I.value.map((z) => b(z, v))
+            default: () => I.value.map((V) => b(V, v))
           }
         );
     };
@@ -3123,13 +3123,13 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
     instance: {}
   },
   setup(t) {
-    console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> created`), we(() => {
+    console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> created`), Ie(() => {
       console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> destroyed`);
     });
     const n = Z(), e = re(), o = w(() => O(e.value));
-    Le(o), le(n) && tt(o, "multipleSlot", t.nodeId, t.instance, _e());
+    Le(o), le(n) && tt(o, "multipleSlot", t.nodeId, t.instance, ve());
     const s = (l) => {
-      const c = ke[l.key];
+      const c = we[l.key];
       if (!c) {
         console.assert(!1, `element not found key=${l.key}`);
         return;
@@ -3173,15 +3173,15 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = bt(), e = t, { node: o } = P(e), s = Qe(), i = re(), l = ie();
+    const n = bt(), e = t, { node: o } = L(e), s = Qe(), i = re(), l = ie();
     Le(l);
     const c = w(() => e.refContext?.compId);
     et(c, l);
-    const { applySize: m } = be(e, o), u = w(() => {
+    const { applySize: m } = ge(e, o), u = w(() => {
       const h = {};
       return l.value?.type === "common" && m(h), h;
     }), { position: d, rotation: p, scale: f } = ue(o), { property: g } = a(o, ["instances"]), _ = (h, v) => {
-      h.findIndex((z) => z === v) >= 0 || h.push(v);
+      h.findIndex((V) => V === v) >= 0 || h.push(v);
     }, I = w(() => {
       const h = [];
       if (!Array.isArray(g.value))
@@ -3204,7 +3204,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: h } = he;
+      const { i18n: h } = _e;
       if (Ye(e.refContext, s))
         return i.value.type === "common" ? K(
           "div",
@@ -3237,7 +3237,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
             style: u.value
           },
           {
-            default: () => I.value.map((z) => b(z, v))
+            default: () => I.value.map((V) => b(V, v))
           }
         );
       if (v === "scene")
@@ -3250,7 +3250,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
             scale: f.value
           },
           {
-            default: () => I.value.map((z) => b(z, v))
+            default: () => I.value.map((V) => b(V, v))
           }
         );
     };
@@ -3264,15 +3264,15 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = bt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = re(), c = ie();
+    const n = bt(), e = t, { node: o } = L(e), s = Z(), i = Qe(), l = re(), c = ie();
     Le(c);
     const m = w(() => e.refContext?.compId);
-    et(m, c), le(s) && tt(c, "ref", e.nodeId, "", _e());
-    const { applySize: u } = be(e, o), d = w(() => {
+    et(m, c), le(s) && tt(c, "ref", e.nodeId, "", ve());
+    const { applySize: u } = ge(e, o), d = w(() => {
       const b = {};
       return l.value?.type === "common" && u(b), b;
     }), { position: p, rotation: f, scale: g } = ue(o), _ = (b) => {
-      const x = ke[b.key];
+      const x = we[b.key];
       if (!x) {
         console.assert(!1, `element not found key=${b.key}`);
         return;
@@ -3305,7 +3305,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: b } = he;
+      const { i18n: b } = _e;
       if (Ye(e.refContext, i))
         return l.value.type === "common" ? K(
           "div",
@@ -3365,9 +3365,9 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "open"]);
+    const n = t, { node: e } = L(n), { property: o } = a(e, ["settings", "open"]);
     return (s, i) => (k(), C(r(H), null, {
-      default: V(() => [
+      default: P(() => [
         r(o) ? F(s.$slots, "default", { key: 0 }) : se("", !0)
       ]),
       _: 3
@@ -3381,16 +3381,16 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = bt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = re(), c = ie();
+    const n = bt(), e = t, { node: o } = L(e), s = Z(), i = Qe(), l = re(), c = ie();
     Le(c);
     const m = w(() => e.refContext?.compId);
-    et(m, c), le(s) && tt(c, "slot", e.nodeId, "", _e());
-    const { applySize: u } = be(e, o), d = w(() => {
+    et(m, c), le(s) && tt(c, "slot", e.nodeId, "", ve());
+    const { applySize: u } = ge(e, o), d = w(() => {
       const b = {};
       return c.value?.type === "common" && u(b), b;
     }), { position: p, rotation: f, scale: g } = ue(o);
     function _(b) {
-      const x = ke[b.key];
+      const x = we[b.key];
       if (!x) {
         console.assert(!1, `element not found key=${b.key}`);
         return;
@@ -3424,7 +3424,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: b } = he;
+      const { i18n: b } = _e;
       if (Ye(e.refContext, i))
         return l.value.type === "common" ? K(
           "div",
@@ -3905,8 +3905,8 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
       defaultArray: []
     }
   ]
-}, ke = {}, S = (t) => {
-  ke[t.key] = t;
+}, we = {}, S = (t) => {
+  we[t.key] = t;
 }, $n = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -8944,7 +8944,7 @@ function Vu(t, n, e, o, s) {
       console.error(`spawnNode [ref] element not found in pkg, ${i}`);
       return;
     }
-    const d = ke[m];
+    const d = we[m];
     if (!d) {
       console.error(`spawnNode [ref] element not found in global, ${i}`);
       return;
@@ -8967,7 +8967,7 @@ function Vu(t, n, e, o, s) {
       console.error(`spawnNode [key] element not found in pkg, ${i}`);
       return;
     }
-    const u = ke[m];
+    const u = we[m];
     if (!u) {
       console.error(`spawnNode [key] element not found in global, ${i}`);
       return;
@@ -9026,70 +9026,70 @@ function Lu(t) {
 }
 const No = "runtimeOrg", jo = "runtimeEnv", Go = "runtimeMode", Ho = "runtimeDevice", Jo = "runtimeDark", Uo = "runtimeId", qo = "runtimeType", Xo = "runtimeData", Yo = "runtimeDepends", Zo = "runtimeRuntime", Qo = "runtimeSandbox";
 function zu(t) {
-  ye(No, t);
+  be(No, t);
 }
 function Fc() {
-  return fe(No);
+  return ye(No);
 }
 function Tu(t) {
-  ye(jo, t);
+  be(jo, t);
 }
 function Nc() {
-  return fe(jo);
+  return ye(jo);
 }
 function Eu(t) {
-  ye(Go, t);
+  be(Go, t);
 }
 function Z() {
-  return fe(Go);
+  return ye(Go);
 }
 function Au(t) {
-  ye(Ho, rn(t));
+  be(Ho, rn(t));
 }
 function Fe() {
-  return fe(Ho);
+  return ye(Ho);
 }
 function Mu(t) {
-  ye(Jo, rn(t));
+  be(Jo, rn(t));
 }
 function Ze() {
-  return fe(Jo);
+  return ye(Jo);
 }
 function Wu(t) {
-  ye(Uo, t);
+  be(Uo, t);
 }
 function Qe() {
-  return fe(Uo);
+  return ye(Uo);
 }
 function Bu(t) {
-  ye(qo, t);
+  be(qo, t);
 }
-function Ie() {
-  return fe(qo);
+function $e() {
+  return ye(qo);
 }
 function Le(t) {
-  ye(Xo, t);
+  be(Xo, t);
 }
 function re() {
-  return fe(Xo);
+  return ye(Xo);
 }
 function Ru(t) {
-  ye(Yo, rn(t));
+  be(Yo, rn(t));
 }
 function jc() {
-  return fe(Yo);
+  return ye(Yo);
 }
 function Ku(t) {
-  ye(Zo, t);
+  be(Zo, t);
 }
 function Gc() {
-  return fe(Zo);
+  return ye(Zo);
 }
 function Hc(t) {
-  ye(Qo, t);
+  be(Qo, t);
 }
-function _e() {
-  return fe(Qo, void 0);
+function ve() {
+  return ye(Qo, void 0);
 }
 function je(t) {
   const n = [t.type];
@@ -9113,14 +9113,14 @@ function ct(t, n, e, o, s) {
       for (const p of m)
         if (e === je(p)) {
           if (p.subKeys) {
-            if (!me(
+            if (!pe(
               Ce(o, p.subKeys),
               Ce(s, p.subKeys)
             )) {
               u = p;
               break;
             }
-          } else if (!me(o, s)) {
+          } else if (!pe(o, s)) {
             u = p;
             break;
           }
@@ -9148,7 +9148,7 @@ function ct(t, n, e, o, s) {
             continue;
           }
           const g = Ce(f, p.subKeys);
-          if (me(d, g))
+          if (pe(d, g))
             continue;
           const _ = O(f);
           an(_, p.subKeys, O(d)), p.type === "elementProperty" ? t.setElementProperty(
@@ -9173,7 +9173,7 @@ function ct(t, n, e, o, s) {
             console.assert(!1);
             continue;
           }
-          if (me(d, f))
+          if (pe(d, f))
             continue;
           p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
@@ -9313,7 +9313,7 @@ function em(t) {
 }
 function et(t, n) {
   const e = jc(), o = ie(-1);
-  xe(() => {
+  ke(() => {
     if (!t.value) {
       o.value = -1, n.value = void 0;
       return;
@@ -9329,7 +9329,7 @@ function et(t, n) {
 function tm() {
   let t;
   const n = async () => (t = (await Pi()).newRuntime(), console.log("runtime created"), t);
-  return we(() => {
+  return Ie(() => {
     t && (t.dispose(), console.log("runtime dispose"));
   }), { createRuntime: n };
 }
@@ -9413,8 +9413,9 @@ function Xc(t) {
       if (Be(t)) {
         var l = [];
         try {
-          const d = $e(l, n.getProp(n.global, "__timeoutCallback__"));
-          n.callFunction(d, n.global, n.newNumber(s));
+          const d = me(l, n.getProp(n.global, "__timeoutCallback__"));
+          n.callFunction(d, n.undefined, n.newNumber(s)).unwrap().dispose();
+          n.runtime.executePendingJobs();
         } catch (c) {
           var m = c, u = !0;
         } finally {
@@ -9432,7 +9433,7 @@ function Xc(t) {
 const ei = ai({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: n } = he;
+    const { i18n: n } = _e;
     zo(Ti(n, t));
   }
 });
@@ -9480,56 +9481,79 @@ function eu(t) {
     return;
   }
   const { vm: n } = t;
-  n.newFunction("__triggerEventV1__", (e, ...o) => {
-    {
-      var c = [];
-      try {
-        const J = $e(c, n.getProp(n.global, "__triggerEventInner__"));
-        n.callFunction(J, n.global, e, ...o);
-      } catch (m) {
-        var u = m, d = !0;
-      } finally {
-        Se(c, u, d);
+  n.newFunction(
+    "__triggerEventV1__",
+    (e, o, ...s) => {
+      {
+        var m = [];
+        try {
+          const V = me(m, n.getProp(n.global, "__triggerEventInner__"));
+          n.callFunction(
+            V,
+            n.undefined,
+            e,
+            o,
+            ...s
+          ).unwrap().dispose();
+          n.runtime.executePendingJobs();
+        } catch (u) {
+          var d = u, p = !0;
+        } finally {
+          Se(m, d, p);
+        }
       }
-    }
-    const s = n.getString(e), { kind: i, eventKey: l } = qc(s);
-    if (i === "customEvent") {
-      var v = [];
-      try {
-        const J = $e(v, n.getProp(n.global, "__triggerEventV1__"));
-        {
-          var p = [];
-          try {
-            const N = $e(p, n.newString(
-              ae("refEvent", t.nodeId, l)
-            ));
-            n.callFunction(J, n.global, N, ...o);
-          } catch (f) {
-            var g = f, _ = !0;
-          } finally {
-            Se(p, g, _);
+      const i = n.getString(e), { kind: l, eventKey: c } = qc(i);
+      if (l === "customEvent") {
+        const { vm: V } = t.parent;
+        if (V) {
+          {
+            var f = [];
+            try {
+              const T = me(f, V.getProp(V.global, "__triggerEventV1__"));
+              const j = me(f, V.newString(
+                ae("refEvent", t.nodeId, c)
+              ));
+              const U = me(f, V.newString(""));
+              V.callFunction(
+                T,
+                V.undefined,
+                j,
+                U,
+                ...s
+              ).unwrap().dispose();
+              V.runtime.executePendingJobs();
+            } catch (g) {
+              var _ = g, I = !0;
+            } finally {
+              Se(f, _, I);
+            }
           }
-        }
-        {
-          var I = [];
-          try {
-            const N = $e(I, n.newString(
-              ae("multipleRefEvent", t.nodeId, l)
-            ));
-            n.callFunction(J, n.global, N, ...o);
-          } catch (b) {
-            var x = b, h = !0;
-          } finally {
-            Se(I, x, h);
+          {
+            var b = [];
+            try {
+              const T = me(b, V.getProp(V.global, "__triggerEventV1__"));
+              const j = me(b, V.newString(
+                ae("multipleRefEvent", t.nodeId, c)
+              ));
+              const U = me(b, V.newString(t.instance));
+              V.callFunction(
+                T,
+                V.undefined,
+                j,
+                U,
+                ...s
+              ).unwrap().dispose();
+              V.runtime.executePendingJobs();
+            } catch (x) {
+              var h = x, v = !0;
+            } finally {
+              Se(b, h, v);
+            }
           }
         }
-      } catch (z) {
-        var T = z, G = !0;
-      } finally {
-        Se(v, T, G);
       }
     }
-  }).consume((e) => n.setProp(n.global, "__triggerEventV1__", e)), n.newFunction("__getPropertyV1__", (e, o) => {
+  ).consume((e) => n.setProp(n.global, "__triggerEventV1__", e)), n.newFunction("__getPropertyV1__", (e, o) => {
     const s = n.getString(e), i = n.getString(o), { kind: l, nodeId: c, propertyKey: m } = ko(s);
     let u;
     if (l === "elementProperty")
@@ -9620,9 +9644,9 @@ function eu(t) {
         appId: `${s}${t.env}`,
         pageId: i
       };
-      he.router.replace({ path: l, query: c });
+      _e.router.replace({ path: l, query: c });
     } else t.mode === "preview" && Lo(
-      he.i18n.global.t(
+      _e.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
@@ -9666,7 +9690,7 @@ function __onEventV1__(id, callback) {
   callbacks.push(callback)
 }
 
-function __triggerEventInner__(id, ...params) {
+async function __triggerEventInner__(id, ...params) {
   if (typeof(id) !== 'string' || !id) {
     return
   }
@@ -9678,7 +9702,7 @@ function __triggerEventInner__(id, ...params) {
     return
   }
   for (let i = 0; i < callbacks.length; i++) {
-    callbacks[i](...params)
+    await callbacks[i](...params)
   }
 }
 
@@ -9704,7 +9728,7 @@ function __createTimerV1__(interval, loop, count, immediate, callback) {
   }
 }
 
-function __timeoutCallback__(timerId) {
+async function __timeoutCallback__(timerId) {
   const timer = __timers__[timerId]
   if (timer) {
     timer.callback()
@@ -9714,7 +9738,7 @@ function __timeoutCallback__(timerId) {
     }
     // 触发超时
     if (timer.loop || timer.count > 0) {
-      __timeoutV1__(timer.id, timer.interval)
+      await __timeoutV1__(timer.id, timer.interval)
     }
     // 回收
     if (!timer.loop && timer.count <= 0) {
@@ -9795,23 +9819,26 @@ class iu {
     this.callFunction("__destroy__"), this.promiseManager && (this.promiseManager.dispose(), this.promiseManager = void 0), this.vm && (this.vm.dispose(), this.vm = void 0);
   }
   callFunction(n, ...e) {
-    if (!this.vm)
-      return;
-    let o = "";
-    for (const l of e)
-      o && (o += ", "), o += JSON.stringify(l);
-    this.debugTrace(`call ${n}(${o})`);
-    const s = this.vm.getProp(this.vm.global, n);
-    if (this.vm.typeof(s) !== "function") {
-      console.error(
-        `Sandbox/callFunction ${n}(${o}) not available`
+    var i = [];
+    try {
+      if (!this.vm)
+        return;
+      this.debugTrace(
+        `call ${n}(${e.map((u) => JSON.stringify(u)).join(", ")})`
       );
-      return;
+      const o = me(i, this.vm.getProp(this.vm.global, n));
+      if (this.vm.typeof(o) !== "function") {
+        console.error(`Sandbox/callFunction ${n} not available`);
+        return;
+      }
+      const s = e.map((u) => Ee(this.vm, u));
+      this.vm.callFunction(o, this.vm.undefined, ...s).unwrap().dispose();
+      s.forEach((u) => u.dispose());
+    } catch (l) {
+      var c = l, m = !0;
+    } finally {
+      Se(i, c, m);
     }
-    const i = [];
-    for (const l of e)
-      i.push(Ee(this.vm, l));
-    this.vm.callFunction(s, this.vm.undefined, ...i).unwrap().dispose(), i.forEach((l) => l.dispose()), s.dispose();
   }
   //--------------------------
   // 元素属性
@@ -9844,7 +9871,7 @@ class iu {
       return;
     }
     const i = Ce(s, e);
-    me(o, i) || (an(s, e, o), this.hooks?.onElementPropertyChange(
+    pe(o, i) || (an(s, e, o), this.hooks?.onElementPropertyChange(
       s.basic.id,
       e,
       o,
@@ -9863,7 +9890,7 @@ class iu {
   }
   setCustomProperty(n, e) {
     const o = this.customProperties[n];
-    me(e, o) || (this.customProperties[n] = e, this.hooks?.onCustomPropertyChange(n, e, o));
+    pe(e, o) || (this.customProperties[n] = e, this.hooks?.onCustomPropertyChange(n, e, o));
   }
   //--------------------------
   // 自定义插槽属性
@@ -9877,7 +9904,7 @@ class iu {
   }
   setCustomSlotProperty(n, e) {
     const o = this.customSlotProperties[n];
-    me(e, o) || (this.customSlotProperties[n] = e, this.hooks.onCustomSlotPropetyChange(n, e, o));
+    pe(e, o) || (this.customSlotProperties[n] = e, this.hooks.onCustomSlotPropetyChange(n, e, o));
   }
   //--------------------------
   // 元素方法
@@ -9893,7 +9920,7 @@ class iu {
     var c = [];
     try {
       const s = `__implementMethod$${n}__`;
-      const i = $e(c, this.vm.getProp(this.vm.global, s));
+      const i = me(c, this.vm.getProp(this.vm.global, s));
       if (this.vm.typeof(i) !== "function")
         return console.error(`Sandbox/callCustomMethod ${s} not available`), this.vm.undefined;
       const l = this.vm.callFunction(
@@ -9922,21 +9949,21 @@ class iu {
   }
   setState(n, e) {
     const o = this.states[n];
-    me(e, o) || (this.states[n] = e, this.hooks?.onStateChange(n, e, o));
+    pe(e, o) || (this.states[n] = e, this.hooks?.onStateChange(n, e, o));
   }
 }
 function tt(t, n, e, o, s) {
-  const i = Fc(), l = Nc(), c = Z(), m = Ie(), u = Fe(), d = Ze(), p = Gc(), f = (x, h, v, z) => {
+  const i = Fc(), l = Nc(), c = Z(), m = $e(), u = Fe(), d = Ze(), p = Gc(), f = (x, h, v, V) => {
     if (le(c)) {
-      if (me(h, ["settings", "slot"])) {
+      if (pe(h, ["settings", "slot"])) {
         const T = t.value?.view.nodeLites.find(
-          (G) => G.id === x
+          (j) => j.id === x
         );
         T ? T.slotId = v : console.assert(!1);
       }
-      if (me(h, ["settings", "comp"])) {
+      if (pe(h, ["settings", "comp"])) {
         const T = t.value?.view.nodeLites.find(
-          (G) => G.id === x
+          (j) => j.id === x
         );
         T ? T.compId = v : console.assert(!1);
       }
@@ -9944,7 +9971,7 @@ function tt(t, n, e, o, s) {
         "__triggerEventV1__",
         ae("elementPropertyChangeEvent", x, h.join(".")),
         v,
-        z ?? v
+        V ?? v
       ), t.value?.code.reactivity) {
         let T = "";
         h instanceof Array ? T = h.join(".") : T = h, ct(
@@ -9956,7 +9983,7 @@ function tt(t, n, e, o, s) {
             propertyKeys: T
           }),
           v,
-          z
+          V
         );
       }
     }
@@ -10024,29 +10051,29 @@ function tt(t, n, e, o, s) {
       onStateChange: I
     }
   );
-  if (Hc(b), we(() => {
+  if (Hc(b), Ie(() => {
     b.dispose();
   }), le(c)) {
     const x = async () => {
       b.destroyVm(), b.associateData(t), b.resetCustomProperties(), b.resetCustomSlotProperties(), b.resetStates(), !(!t.value || !t.value.code.script) && b.createVm(p, t.value.code.script);
     };
-    x(), pe(t, () => {
+    x(), de(t, () => {
       x();
     });
   }
-  le(c) && pe(
+  le(c) && de(
     u,
     (x, h) => {
-      const v = ut(x.width), z = ut(h?.width ?? x.width);
+      const v = ut(x.width), V = ut(h?.width ?? x.width);
       b.callFunction(
         "__triggerEventV1__",
         ae("elementEvent", "globality", "screenSizeChange"),
         v,
-        z
+        V
       );
     },
     { immediate: !0 }
-  ), le(c) && pe(
+  ), le(c) && de(
     d,
     (x) => {
       b.callFunction(
@@ -10058,7 +10085,7 @@ function tt(t, n, e, o, s) {
     { immediate: !0 }
   );
 }
-function U() {
+function J() {
   const t = Ze();
   return { theme: w(() => t.value ? "dark" : "light") };
 }
@@ -10099,7 +10126,7 @@ export {
   Oc as duplicateNodePair,
   Lu as duplicateNodePairs,
   wu as elementKeys,
-  ke as elements,
+  we as elements,
   Cu as fileInputV1,
   Rt as flexLayoutEntryV1,
   Ue as flexLayoutV1,
@@ -10127,8 +10154,8 @@ export {
   Z as injectMode,
   Fc as injectOrg,
   Gc as injectRuntime,
-  _e as injectSandbox,
-  Ie as injectType,
+  ve as injectSandbox,
+  $e as injectType,
   Ye as isCircularReference,
   le as isExecutableMode,
   Ri as isLocaleOfEventKind,
@@ -10228,7 +10255,7 @@ export {
   et as useDepend,
   tm as useRuntime,
   tt as useSandbox,
-  U as useTheme,
+  J as useTheme,
   tn as windowItemV1,
   nn as windowV1
 };