x-runtime-lib 0.8.152 → 0.8.154

package/dist/index.js

@@ -1,7 +1,7 @@
 var kn = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), wn = (t) => {
   throw TypeError(t);
 };
-var ke = (t, n, e) => {
+var Oe = (t, n, e) => {
   if (n != null) {
     typeof n != "object" && typeof n != "function" && wn("Object expected");
     var o, s;
@@ -14,7 +14,7 @@ var ke = (t, n, e) => {
     }), t.push([e, o, n]);
   } else e && t.push([e]);
   return n;
-}, we = (t, n, e) => {
+}, Fe = (t, n, e) => {
   var o = typeof SuppressedError == "function" ? SuppressedError : function(l, c, m, u) {
     return u = Error(m), u.name = "SuppressedError", u.error = l, u.suppressed = c, u;
   }, s = (l) => n = e ? new o(l, n, "An error was suppressed during disposal") : (e = !0, l), i = (l) => {
@@ -29,10 +29,10 @@ var ke = (t, n, e) => {
   };
   return i();
 };
-import { defineComponent as $, createElementBlock as te, createCommentVNode as se, unref as r, openBlock as w, createElementVNode as Re, computed as I, renderSlot as F, normalizeStyle as de, ref as ie, watch as pe, onUnmounted as Se, onBeforeMount as oi, watchEffect as Ie, createVNode as D, createBlock as C, useTemplateRef as Io, onMounted as $o, nextTick as sn, withCtx as V, resolveComponent as B, isRef as ne, h as K, createSlots as rn, renderList as ii, useId as So, withModifiers as si, normalizeClass as ri, toDisplayString as Co, useAttrs as bt, inject as fe, provide as ye, readonly as ln } from "vue";
-import { globalObjects as he, waitUtil as Vo, useViewStack as Po, eventBus as Lo, messageInfo as li, messageSuccess as ai, messageWarning as zo, messageError as To, createAxios as ci, openConfirmDlg as ui, openPromptDlg as mi } from "x-essential-lib";
+import { defineComponent as $, createElementBlock as te, createCommentVNode as se, unref as r, openBlock as w, createElementVNode as We, computed as I, renderSlot as F, normalizeStyle as fe, ref as ie, watch as de, onUnmounted as Ie, onBeforeMount as oi, watchEffect as ke, createVNode as D, createBlock as C, useTemplateRef as Io, onMounted as $o, nextTick as sn, withCtx as V, resolveComponent as B, isRef as ne, h as K, createSlots as rn, renderList as ii, useId as So, withModifiers as si, normalizeClass as ri, toDisplayString as Co, useAttrs as gt, inject as ye, provide as be, readonly as ln } from "vue";
+import { globalObjects as _e, waitUtil as Vo, useViewStack as Po, eventBus as Lo, messageInfo as li, messageSuccess as ai, messageWarning as zo, messageError as To, createAxios as ci, openConfirmDlg as ui, openPromptDlg as mi } from "x-essential-lib";
 import { CameraHelper as Eo, DirectionalLightHelper as pi, PointLightHelper as di, SpotLightHelper as fi } from "three";
-import { i as me, c as qe, K as yi, M as bi, O as gi, u as hi, r as Ao, e as Mo, a as _i, b as vi, d as xi, f as ki, g as wi, h as Ii, j as $i, k as Si, l as Wo, m as O, H as Ci, n as Vi, o as Pi, p as Li, q as zi } from "./vendor.m8tdmh16.js";
+import { i as pe, c as qe, K as yi, M as bi, O as gi, u as hi, r as Ao, e as Mo, a as _i, b as vi, d as xi, f as ki, g as wi, h as Ii, j as $i, k as Si, l as Wo, m as O, H as Ci, n as Vi, o as Pi, p as Li, q as zi } from "./vendor.m8tdmh16.js";
 import { useTheme as Ti } from "vuetify";
 import { getErrorMessage as Ei } from "x-error-lib";
 const In = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
@@ -44,7 +44,7 @@ function E(t) {
   }
   return n;
 }
-function gt(t) {
+function ht(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return !1;
   const n = t.substring(0, t.length - 2), e = parseFloat(n);
@@ -63,7 +63,7 @@ function fu(t) {
   if (!isNaN(e) && e % 1 === 0)
     return e;
 }
-function wt(t) {
+function It(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return;
   const n = t.substring(0, t.length - 1), e = parseFloat(n);
@@ -71,7 +71,7 @@ function wt(t) {
     return e;
 }
 const Bo = ["xs", "sm", "md", "lg", "xl"], Ai = [...Bo].reverse();
-function ut(t) {
+function mt(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function $n(t) {
@@ -86,7 +86,7 @@ function Ne(t, n) {
   }
   return e;
 }
-function Ve(t, n) {
+function Se(t, n) {
   let e = t;
   if (typeof e != "object")
     return;
@@ -126,7 +126,7 @@ function bu(t) {
 function Xe(t) {
   return t.startsWith("ref_v") || t.startsWith("multiple_ref_v") || t.startsWith("slot_v") || t.startsWith("multiple_slot_v");
 }
-function le(t) {
+function ae(t) {
   return t === "runtime" || t === "preview";
 }
 function Ye(t, n) {
@@ -313,10 +313,10 @@ const Iu = [
   "scene_spot_light_v1"
 ];
 function N(...t) {
-  return t.map((n) => he.i18n.global.t(`x-runtime-lib.${n}`)).join(" - ");
+  return t.map((n) => _e.i18n.global.t(`x-runtime-lib.${n}`)).join(" - ");
 }
 function un(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;
@@ -334,7 +334,7 @@ function Cu(t, n) {
   let e = "";
   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)), un(e, n, Ki(t));
 }
-const Di = ["position", "ratation", "scale"], Ke = /* @__PURE__ */ $({
+const Di = ["position", "ratation", "scale"], Be = /* @__PURE__ */ $({
   __name: "index",
   props: {
     position: { default: () => {
@@ -353,10 +353,10 @@ const Di = ["position", "ratation", "scale"], Ke = /* @__PURE__ */ $({
       scale: t.scale ?? [1, 1, 1],
       visible: !1
     }, [...o[0] || (o[0] = [
-      Re("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)
+      We("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)
     ])], 8, Di)) : se("", !0);
   }
-}), H = /* @__PURE__ */ $({
+}), G = /* @__PURE__ */ $({
   __name: "index",
   props: {
     block: { type: Boolean, default: !1 },
@@ -379,12 +379,12 @@ const Di = ["position", "ratation", "scale"], Ke = /* @__PURE__ */ $({
     }));
     return (s, i) => r(n) === "editor" ? (w(), te("div", {
       key: 0,
-      style: de(e.value)
+      style: fe(e.value)
     }, [
       F(s.$slots, "default"),
       t.mask ? (w(), te("div", {
         key: 0,
-        style: de(o.value)
+        style: fe(o.value)
       }, null, 4)) : se("", !0)
     ], 4)) : F(s.$slots, "default", { key: 1 });
   }
@@ -397,28 +397,28 @@ function Oi(t) {
 }
 function P(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 } = Oi(e);
-  return o("created"), Se(() => {
+  return o("created"), Ie(() => {
     o("destroyed");
   }), { node: e };
 }
-function mt(t, n, e) {
-  const o = _e();
+function pt(t, n, e) {
+  const o = ve();
   if (o) {
     const s = I(() => Uc("elementMethod", t, n));
     oi(() => {
       o.eventBus?.on(s.value, e);
-    }), Se(() => {
+    }), Ie(() => {
       o.eventBus?.off(s.value, e);
     });
   }
 }
 const Fi = (t, n, e, o) => {
   let s;
-  if (t ? s = t.getElementProperty(n.basic.id, e) : s = Ve(n, e), o) {
+  if (t ? s = t.getElementProperty(n.basic.id, e) : s = Se(n, e), o) {
     if (typeof s == "string")
       return JSON.parse(s);
     console.assert(!1);
@@ -430,14 +430,14 @@ const Fi = (t, n, e, o) => {
   s ? typeof o == "object" ? i = JSON.stringify(o, null, 2) : (console.assert(!1), i = "{}") : i = o, t ? t.setElementProperty(n.basic.id, e, i) : cn(n, e, i);
 };
 function a(t, n, e) {
-  const o = _e(), s = ie();
-  return Ie(() => {
+  const o = ve(), s = ie();
+  return ke(() => {
     s.value = Fi(o, t.value, n, e);
-  }), pe(s, (i, l) => {
-    me(i, l) || Ni(o, t.value, n, s.value, e);
+  }), de(s, (i, l) => {
+    pe(i, l) || Ni(o, t.value, n, s.value, e);
   }), { property: s };
 }
-function ue(t) {
+function me(t) {
   const { property: n } = a(t, [
     "transform",
     "position",
@@ -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 Ie(() => {
+  return ke(() => {
     d.value = [n.value, e.value, o.value];
-  }), Ie(() => {
+  }), ke(() => {
     n.value = d.value[0], e.value = d.value[1], o.value = d.value[2];
-  }), Ie(() => {
+  }), ke(() => {
     p.value = [s.value, i.value, l.value];
-  }), Ie(() => {
+  }), ke(() => {
     s.value = p.value[0], i.value = p.value[1], l.value = p.value[2];
-  }), Ie(() => {
+  }), ke(() => {
     f.value = [c.value, m.value, u.value];
-  }), Ie(() => {
+  }), ke(() => {
     c.value = f.value[0], m.value = f.value[1], u.value = f.value[2];
   }), { position: d, rotation: p, scale: f };
 }
@@ -563,24 +563,24 @@ function dn(t) {
   }
   return { paddingTop: n, paddingLeft: e, paddingBottom: o, paddingRight: s, applyPadding: i };
 }
-function be(t, n) {
-  const e = Z(), o = Fe(), s = I(() => n.value.size?.width), i = I(() => n.value.size?.minWidth), l = I(() => n.value.size?.maxWidth), c = I(() => {
+function ge(t, n) {
+  const e = Z(), o = De(), s = I(() => n.value.size?.width), i = I(() => n.value.size?.minWidth), l = I(() => n.value.size?.maxWidth), c = I(() => {
     if (t.outer && e === "editor") {
-      const p = wt(n.value.size?.height);
+      const p = It(n.value.size?.height);
       if (p)
         return p / 100 * o.value.height + "px";
     }
     return n.value.size?.height;
   }), m = I(() => {
     if (t.outer && e === "editor") {
-      const p = wt(n.value.size?.minHeight);
+      const p = It(n.value.size?.minHeight);
       if (p)
         return p / 100 * o.value.height + "px";
     }
     return n.value.size?.minHeight;
   }), u = I(() => {
     if (t.outer && e === "editor") {
-      const p = wt(n.value.size?.maxHeight);
+      const p = It(n.value.size?.maxHeight);
       if (p)
         return p / 100 * o.value.height + "px";
     }
@@ -591,7 +591,7 @@ function be(t, n) {
   }
   return { width: s, minWidth: i, maxWidth: l, height: c, minHeight: m, maxHeight: u, applySize: d };
 }
-const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Hi = /* @__PURE__ */ $({
+const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Gi = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -599,8 +599,8 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = 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 (b, _) => (w(), te("TresOrthographicCamera", {
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(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 (b, g) => (w(), te("TresOrthographicCamera", {
       bottom: r(c),
       far: r(m),
       left: r(u),
@@ -611,7 +611,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       scale: r(l),
       top: r(f)
     }, [
-      D(r(Ke)),
+      D(r(Be)),
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(Eo)
@@ -619,7 +619,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       F(b.$slots, "default")
     ], 8, ji));
   }
-}), Gi = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Ji = /* @__PURE__ */ $({
+}), Hi = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Ji = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -627,7 +627,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = 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 } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(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) => (w(), te("TresPerspectiveCamera", {
       aspect: r(c),
       far: r(m),
@@ -637,13 +637,13 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(i),
       scale: r(l)
     }, [
-      D(r(Ke)),
+      D(r(Be)),
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(Eo)
       }, null, 8, ["type"])) : se("", !0),
       F(p.$slots, "default")
-    ], 8, Gi));
+    ], 8, Hi));
   }
 }), Ui = /* @__PURE__ */ $({
   __name: "index",
@@ -692,7 +692,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       ]
     }, null, 8, Yi));
   }
-}), De = (t, n) => {
+}), Re = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [o, s] of n)
     e[o] = s;
@@ -744,7 +744,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = ue(e), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: m } = a(e, [
+    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = me(e), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: m } = a(e, [
       "settings",
       "intensity"
     ]);
@@ -755,7 +755,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(s),
       scale: r(i)
     }, [
-      D(r(Ke)),
+      D(r(Be)),
       F(u.$slots, "default")
     ], 8, ts));
   }
@@ -767,7 +767,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "color"]), { color: m } = Q(c), { property: u } = a(e, [
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: m } = Q(c), { property: u } = a(e, [
       "settings",
       "intensity"
     ]);
@@ -778,7 +778,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(i),
       scale: r(l)
     }, [
-      D(r(Ke)),
+      D(r(Be)),
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(pi)
@@ -794,7 +794,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = 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 } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(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, [
@@ -810,7 +810,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(i),
       scale: r(l)
     }, [
-      D(r(Ke)),
+      D(r(Be)),
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(di)
@@ -826,7 +826,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = 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 } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(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, [
@@ -836,7 +836,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "penumbra"
     ]);
-    return (_, k) => (w(), te("TresSpotLight", {
+    return (g, k) => (w(), te("TresSpotLight", {
       angle: r(c),
       color: r(u),
       decay: r(d),
@@ -847,19 +847,19 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(o) !== "editor" ? r(i) : [0, 0, 0],
       scale: r(o) !== "editor" ? r(l) : [1, 1, 1]
     }, [
-      D(r(Ke)),
+      D(r(Be)),
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(fi)
       }, null, 8, ["type"])) : se("", !0),
-      F(_.$slots, "default")
+      F(g.$slots, "default")
     ], 8, ls));
   }
 }), cs = {};
 function us(t, n) {
   return w(), te("TresMeshBasicMaterial");
 }
-const ms = /* @__PURE__ */ De(cs, [["render", us]]), ps = ["position", "rotation", "scale"], ds = /* @__PURE__ */ $({
+const ms = /* @__PURE__ */ Re(cs, [["render", us]]), ps = ["position", "rotation", "scale"], ds = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -867,7 +867,7 @@ const ms = /* @__PURE__ */ De(cs, [["render", us]]), ps = ["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 } = P(n), { position: o, rotation: s, scale: i } = me(e);
     return (l, c) => (w(), te("TresGroup", {
       position: r(o),
       rotation: r(s),
@@ -884,7 +884,7 @@ const ms = /* @__PURE__ */ De(cs, [["render", us]]), ps = ["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 } = P(n), { position: o, rotation: s, scale: i } = me(e);
     return (l, c) => (w(), te("TresMesh", {
       position: r(o),
       rotation: r(s),
@@ -893,7 +893,7 @@ const ms = /* @__PURE__ */ De(cs, [["render", us]]), ps = ["position", "rotation
       F(l.$slots, "default")
     ], 8, fs));
   }
-}), bs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], gs = "#242424", hs = {}, _s = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, vs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, xs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ks = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ws = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Is = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $s = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ss = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ls = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, zs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Ts = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Es = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, As = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ms = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ws = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Bs = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Rs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ks = { textStyle: { color: "#eeeeee" } }, Ds = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Os = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Fs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ns = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, js = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Hs = {
+}), bs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], gs = "#242424", hs = {}, _s = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, vs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, xs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ks = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ws = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Is = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $s = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ss = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ls = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, zs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Ts = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Es = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, As = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ms = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ws = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Bs = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Rs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ks = { textStyle: { color: "#eeeeee" } }, Ds = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Os = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Fs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ns = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, js = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Gs = {
   color: bs,
   backgroundColor: gs,
   textStyle: hs,
@@ -923,8 +923,8 @@ const ms = /* @__PURE__ */ De(cs, [["render", us]]), ps = ["position", "rotation
   visualMap: Fs,
   dataZoom: Ns,
   markPoint: js
-}, Gs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Js = "#f5f5f5", Us = {}, qs = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Xs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ys = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Zs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, ar = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, cr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, ur = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, mr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, pr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, dr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, fr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, yr = { textStyle: { color: "#333333" } }, br = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, gr = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, hr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, _r = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, vr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, xr = {
-  color: Gs,
+}, Hs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Js = "#f5f5f5", Us = {}, qs = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Xs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ys = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Zs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, ar = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, cr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, ur = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, mr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, pr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, dr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, fr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, yr = { textStyle: { color: "#333333" } }, br = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, gr = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, hr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, _r = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, vr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, xr = {
+  color: Hs,
   backgroundColor: Js,
   textStyle: Us,
   title: qs,
@@ -964,7 +964,7 @@ hi([
   $i,
   Si
 ]);
-Ao("dark", Hs);
+Ao("dark", Gs);
 Ao("light", xr);
 const kr = /* @__PURE__ */ $({
   __name: "index",
@@ -974,7 +974,7 @@ const kr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Fe(), s = Ze(), i = Ce(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: b } = be(n, e), { applyTitle: _ } = Do(e), { applyXAxis: k } = Oo(e), { applyYAxis: g } = Fo(e), { applyLegend: x } = Ro(e), { applySeries: h } = Ko(e), v = I(() => {
+    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = $e(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: b } = ge(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Oo(e), { applyYAxis: h } = Fo(e), { applyLegend: x } = Ro(e), { applySeries: _ } = Ko(e), v = I(() => {
       const L = {}, U = l.value?.type;
       return i === "page" ? U === "common" ? b(L) : console.assert(!1) : i === "comp" && U === "common" ? b(L) : console.assert(!1), L;
     }), z = Io("chart");
@@ -987,13 +987,13 @@ const kr = /* @__PURE__ */ $({
       T?.resize();
     }, j = () => {
       const L = {};
-      _(L), k(L), g(L), x(L), h(L), T?.setOption(L, !0);
+      g(L), k(L), h(L), x(L), _(L), T?.setOption(L, !0);
     };
     return $o(async () => {
       window.addEventListener("resize", Y, !1), await Vo(() => !!z.value), J(), j();
-    }), Se(() => {
+    }), Ie(() => {
       window.removeEventListener("resize", Y, !1), T?.dispose();
-    }), pe(
+    }), de(
       [
         () => o.value.width,
         () => o.value.height,
@@ -1007,22 +1007,22 @@ const kr = /* @__PURE__ */ $({
       async () => {
         await sn(), Y();
       }
-    ), pe([s], () => {
+    ), de([s], () => {
       J(), j();
-    }), pe(
+    }), de(
       [n],
       () => {
         j();
       },
       { deep: !0 }
-    ), (L, U) => (w(), C(r(H), {
+    ), (L, U) => (w(), C(r(G), {
       block: "",
       mask: ""
     }, {
       default: V(() => [
-        Re("div", {
+        We("div", {
           ref: "chart",
-          style: de(v.value)
+          style: fe(v.value)
         }, null, 4)
       ]),
       _: 1
@@ -1036,7 +1036,7 @@ const kr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Fe(), s = Ze(), i = Ce(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: b } = be(n, e), { applyTitle: _ } = Do(e), { applyXAxis: k } = Oo(e), { applyYAxis: g } = Fo(e), { applyLegend: x } = Ro(e), { applySeries: h } = Ko(e), v = I(() => {
+    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = $e(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: b } = ge(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Oo(e), { applyYAxis: h } = Fo(e), { applyLegend: x } = Ro(e), { applySeries: _ } = Ko(e), v = I(() => {
       const L = {}, U = l.value?.type;
       return i === "page" ? U === "common" ? b(L) : console.assert(!1) : i === "comp" && U === "common" ? b(L) : console.assert(!1), L;
     }), z = Io("chart");
@@ -1049,13 +1049,13 @@ const kr = /* @__PURE__ */ $({
       T?.resize();
     }, j = () => {
       const L = {};
-      _(L), k(L), g(L), x(L), h(L), T?.setOption(L, !0);
+      g(L), k(L), h(L), x(L), _(L), T?.setOption(L, !0);
     };
     return $o(async () => {
       window.addEventListener("resize", Y, !1), await Vo(() => !!z.value), J(), j();
-    }), Se(() => {
+    }), Ie(() => {
       window.removeEventListener("resize", Y, !1), T?.dispose();
-    }), pe(
+    }), de(
       [
         () => o.value.width,
         () => o.value.height,
@@ -1069,22 +1069,22 @@ const kr = /* @__PURE__ */ $({
       async () => {
         await sn(), Y();
       }
-    ), pe([s], () => {
+    ), de([s], () => {
       J(), j();
-    }), pe(
+    }), de(
       [n],
       () => {
         j();
       },
       { deep: !0 }
-    ), (L, U) => (w(), C(r(H), {
+    ), (L, U) => (w(), C(r(G), {
       block: "",
       mask: ""
     }, {
       default: V(() => [
-        Re("div", {
+        We("div", {
           ref: "chart",
-          style: de(v.value)
+          style: fe(v.value)
         }, null, 4)
       ]),
       _: 1
@@ -1098,7 +1098,7 @@ const kr = /* @__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 } = G(), { property: l } = a(e, [
+    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "content"]), { property: s } = a(e, ["settings", "dot"]), { theme: i } = H(), { property: l } = a(e, [
       "settings",
       "offset",
       "x"
@@ -1109,7 +1109,7 @@ const kr = /* @__PURE__ */ $({
     ]);
     return (m, u) => {
       const d = B("v-badge");
-      return w(), C(r(H), null, {
+      return w(), C(r(G), null, {
         default: V(() => [
           D(d, {
             content: r(o),
@@ -1136,38 +1136,38 @@ const kr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = _e(), { property: s } = a(e, [
+    const n = t, { node: e } = P(n), o = ve(), { property: s } = a(e, [
       "settings",
       "addIcon",
       "append"
     ]), { property: i } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: m } = a(e, ["settings", "density"]), { property: u } = a(e, [
       "settings",
       "disabled"
-    ]), { property: d } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: _ } = a(e, ["size", "minHeight"]), { property: k } = a(e, ["size", "minWidth"]), { property: g } = a(e, [
+    ]), { property: d } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: k } = a(e, ["size", "minWidth"]), { property: h } = a(e, [
       "settings",
       "addIcon",
       "prepend"
     ]), { 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: J } = G(), { property: Y } = a(e, ["settings", "variant"]), { property: j } = a(e, ["size", "width"]), L = async (U) => {
+    ]), { property: _ } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: z } = a(e, ["settings", "stacked"]), { property: T } = a(e, ["settings", "text"]), { theme: J } = H(), { property: Y } = a(e, ["settings", "variant"]), { property: j } = a(e, ["size", "width"]), L = async (U) => {
       if (!o || !o.vm)
         return;
       const { vm: oe } = o;
       oe.setProp(oe.global, "__pointerPosX__", oe.newNumber(U.clientX)), oe.setProp(oe.global, "__pointerPosY__", oe.newNumber(U.clientY)), await o.callFunctionAsync(
         "__triggerEventV1__",
-        ae("elementEvent", n.nodeId, "click"),
+        ce("elementEvent", n.nodeId, "click"),
         ""
       );
     };
     return (U, oe) => {
-      const ge = B("v-btn");
-      return w(), C(r(H), {
+      const he = B("v-btn");
+      return w(), C(r(G), {
         block: r(i),
         mask: ""
       }, {
         default: V(() => [
-          D(ge, {
+          D(he, {
             "append-icon": r(s),
             block: r(i),
             color: r(c),
@@ -1177,11 +1177,11 @@ const kr = /* @__PURE__ */ $({
             loading: r(p),
             "max-height": r(f),
             "max-width": r(b),
-            "min-height": r(_),
+            "min-height": r(g),
             "min-width": r(k),
-            "prepend-icon": r(g),
+            "prepend-icon": r(h),
             readonly: r(x),
-            ripple: r(h),
+            ripple: r(_),
             size: r(v),
             stacked: r(z),
             text: r(T),
@@ -1205,7 +1205,7 @@ function Cr(t, n) {
     _: 3
   });
 }
-const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
+const Vr = /* @__PURE__ */ Re(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1225,10 +1225,10 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { property: m } = a(e, [
       "settings",
       "readonly"
-    ]), { property: u } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = G(), { property: f } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
-    return (_, k) => {
-      const g = B("v-btn-toggle");
-      return w(), C(g, {
+    ]), { property: u } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = H(), { property: f } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
+    return (g, k) => {
+      const h = B("v-btn-toggle");
+      return w(), C(h, {
         block: r(o),
         disabled: r(s),
         divided: r(i),
@@ -1242,7 +1242,7 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
         variant: r(b)
       }, {
         default: V(() => [
-          F(_.$slots, "default")
+          F(g.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
@@ -1262,10 +1262,10 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { 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: b } = a(e, ["settings", "text"]), { theme: _ } = G(), { property: k } = a(e, ["settings", "title"]), { property: g } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
-    return (h, v) => {
+    ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = H(), { property: k } = a(e, ["settings", "title"]), { property: h } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
+    return (_, v) => {
       const z = B("v-card");
-      return w(), C(r(H), { block: "" }, {
+      return w(), C(r(G), { block: "" }, {
         default: V(() => [
           D(z, {
             density: r(o),
@@ -1279,13 +1279,13 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
             "min-width": r(p),
             subtitle: r(f),
             text: r(b),
-            theme: r(_),
+            theme: r(g),
             title: r(k),
-            variant: r(g),
+            variant: r(h),
             width: r(x)
           }, {
             default: V(() => [
-              F(h.$slots, "default")
+              F(_.$slots, "default")
             ]),
             _: 3
           }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
@@ -1311,7 +1311,7 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]);
     return (i, l) => {
       const c = B("v-checkbox");
-      return w(), C(r(H), { mask: "" }, {
+      return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(c, {
             disabled: r(o),
@@ -1339,10 +1339,10 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__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: b } = G(), { property: _ } = a(e, ["settings", "tile"]), { property: k } = a(e, ["settings", "value"]), { property: g } = a(e, ["settings", "variant"]);
-    return (x, h) => {
+    ]), { 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: b } = H(), { property: g } = a(e, ["settings", "tile"]), { property: k } = a(e, ["settings", "value"]), { property: h } = a(e, ["settings", "variant"]);
+    return (x, _) => {
       const v = B("v-chip");
-      return w(), C(r(H), { mask: "" }, {
+      return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(v, {
             closable: r(o),
@@ -1355,9 +1355,9 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
             size: r(p),
             text: r(f),
             theme: r(b),
-            tile: r(_),
+            tile: r(g),
             value: r(k),
-            variant: r(g)
+            variant: r(h)
           }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"])
         ]),
         _: 1
@@ -1387,10 +1387,10 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { property: u } = a(e, [
       "settings",
       "showArrows"
-    ]), { theme: d } = G(), { property: p } = a(e, ["settings", "value"]);
+    ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
     return (f, b) => {
-      const _ = B("v-chip-group");
-      return w(), C(_, {
+      const g = B("v-chip-group");
+      return w(), C(g, {
         modelValue: r(p),
         "onUpdate:modelValue": b[0] || (b[0] = (k) => ne(p) ? p.value = k : null),
         column: r(o),
@@ -1417,9 +1417,9 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Ce(), s = re(), { applySize: i } = be(n, e), l = I(() => {
-      const k = {}, g = s.value?.type;
-      return o === "page" ? g === "common" ? i(k) : console.assert(!1) : o === "comp" && g === "common" ? i(k) : console.assert(!1), k;
+    const n = t, { node: e } = P(n), o = $e(), s = re(), { applySize: i } = ge(n, e), l = I(() => {
+      const k = {}, h = s.value?.type;
+      return o === "page" ? h === "common" ? i(k) : console.assert(!1) : o === "comp" && h === "common" ? i(k) : console.assert(!1), k;
     }), { property: c } = a(e, [
       "settings",
       "disabled"
@@ -1441,10 +1441,10 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { property: b } = a(e, [
       "settings",
       "showSwatches"
-    ]), { theme: _ } = G();
-    return (k, g) => {
+    ]), { theme: g } = H();
+    return (k, h) => {
       const x = B("v-color-picker");
-      return w(), C(r(H), { mask: "" }, {
+      return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(x, {
             disabled: r(c),
@@ -1454,8 +1454,8 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
             "hide-sliders": r(p),
             landscape: r(f),
             "show-swatches": r(b),
-            style: de(l.value),
-            theme: r(_)
+            style: fe(l.value),
+            theme: r(g)
           }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"])
         ]),
         _: 1
@@ -1482,10 +1482,10 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: m } = G(), { property: u } = a(e, ["settings", "value"]);
+    ]), { theme: m } = H(), { property: u } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-combobox");
-      return w(), C(r(H), { mask: "" }, {
+      return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(f, {
             modelValue: r(u),
@@ -1510,17 +1510,17 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Ce(), s = re(), { property: i } = a(e, [
+    const n = t, { node: e } = P(n), o = $e(), s = re(), { property: i } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: l } = Q(i), { applySize: c } = be(n, e), { applyMargin: m } = pn(e), { applyPadding: u } = dn(e), { applyBorder: d } = mn(e), p = I(() => {
+    ]), { color: l } = Q(i), { applySize: c } = ge(n, e), { applyMargin: m } = pn(e), { applyPadding: u } = dn(e), { applyBorder: d } = mn(e), p = I(() => {
       const f = {}, b = s.value?.type;
       return o === "page" ? b === "common" ? (c(f), m(f), u(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && b === "common" ? (c(f), m(f), u(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
     });
-    return (f, b) => (w(), C(r(H), { block: "" }, {
+    return (f, b) => (w(), C(r(G), { block: "" }, {
       default: V(() => [
-        Re("div", {
-          style: de(p.value)
+        We("div", {
+          style: fe(p.value)
         }, [
           F(f.$slots, "default")
         ], 4)
@@ -1537,11 +1537,11 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
   },
   setup(t) {
     const n = t, e = Z(), o = Qe(), s = ie();
-    ze(s);
+    Pe(s);
     const i = I(() => n.refContext.compId);
-    et(i, s), le(e) && tt(s, "slot", "", "", _e());
+    et(i, s), ae(e) && tt(s, "slot", "", "", ve());
     function l(m) {
-      const u = $e[m.key];
+      const u = we[m.key];
       if (!u) {
         console.assert(!1, `element not found key=${m.key}`);
         return;
@@ -1567,7 +1567,7 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__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)
@@ -1598,10 +1598,10 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__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 } = G(), { property: b } = a(e, ["size", "width"]), { property: _ } = a(e, ["slots", "columns"]);
-    return (k, g) => {
+    ]), { theme: f } = H(), { property: b } = a(e, ["size", "width"]), { property: g } = a(e, ["slots", "columns"]);
+    return (k, h) => {
       const x = B("v-data-table");
-      return w(), C(r(H), {
+      return w(), C(r(G), {
         block: "",
         mask: ""
       }, {
@@ -1619,8 +1619,8 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
             theme: r(f),
             width: r(b)
           }, rn({ _: 2 }, [
-            ii(r(_), ({ key: h, comp: v }) => ({
-              name: `item.${h}`,
+            ii(r(g), ({ key: _, comp: v }) => ({
+              name: `item.${_}`,
               fn: V(({ value: z }) => [
                 D(Br, {
                   "node-id": n.nodeId,
@@ -1643,7 +1643,7 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
   setup(t) {
     return (n, e) => {
       const o = B("v-date-picker");
-      return w(), C(r(H), { mask: "" }, {
+      return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(o)
         ]),
@@ -1660,9 +1660,9 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
   },
   setup(t) {
     const n = t, e = Z(), { open: o } = Po(`runtimeDlg/${So()}`);
-    return mt(n.nodeId, "open", () => {
+    return pt(n.nodeId, "open", () => {
       o.value = !0;
-    }), mt(n.nodeId, "close", () => {
+    }), pt(n.nodeId, "close", () => {
       o.value = !1;
     }), (s, i) => {
       const l = B("v-dialog");
@@ -1708,9 +1708,9 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
       "settings",
       "singleLine"
     ]);
-    return (b, _) => {
+    return (b, g) => {
       const k = B("v-file-input");
-      return w(), C(r(H), {
+      return w(), C(r(G), {
         block: "",
         mask: ""
       }, {
@@ -1740,27 +1740,27 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Fe(), s = Ce(), i = re(), { applySize: l } = be(n, e), { applyMargin: c } = pn(e), { applyPadding: m } = dn(e), { applyBorder: u } = mn(e), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = De(), s = $e(), i = re(), { applySize: l } = ge(n, e), { applyMargin: c } = pn(e), { applyPadding: m } = dn(e), { applyBorder: u } = mn(e), { property: d } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: p } = Q(d), f = (_) => {
-      p.value && (_.backgroundColor = p.value), _.display = "flex";
-      const k = ut(o.value.width), g = Ne(k, e.value.settings?.direction);
-      g === "row" ? _.flexDirection = "row" : g === "rowReverse" ? _.flexDirection = "row-reverse" : g === "column" ? _.flexDirection = "column" : g === "columnReverse" && (_.flexDirection = "column-reverse");
+    ]), { color: p } = Q(d), f = (g) => {
+      p.value && (g.backgroundColor = p.value), g.display = "flex";
+      const k = mt(o.value.width), h = Ne(k, e.value.settings?.direction);
+      h === "row" ? g.flexDirection = "row" : h === "rowReverse" ? g.flexDirection = "row-reverse" : h === "column" ? g.flexDirection = "column" : h === "columnReverse" && (g.flexDirection = "column-reverse");
       const x = Ne(k, e.value.settings?.wrap);
-      x === "no" ? _.flexWrap = "nowrap" : x === "yes" ? _.flexWrap = "wrap" : x === "reverse" && (_.flexWrap = "wrap-reverse");
-      const h = Ne(k, e.value.settings?.mainAlign);
-      h === "start" ? _.justifyContent = "flex-start" : h === "end" ? _.justifyContent = "flex-end" : h === "center" ? _.justifyContent = "center" : h === "spaceBetween" ? _.justifyContent = "space-between" : h === "spaceAround" ? _.justifyContent = "space-around" : h === "spaceEvenly" && (_.justifyContent = "space-evenly");
+      x === "no" ? g.flexWrap = "nowrap" : x === "yes" ? g.flexWrap = "wrap" : x === "reverse" && (g.flexWrap = "wrap-reverse");
+      const _ = Ne(k, e.value.settings?.mainAlign);
+      _ === "start" ? g.justifyContent = "flex-start" : _ === "end" ? g.justifyContent = "flex-end" : _ === "center" ? g.justifyContent = "center" : _ === "spaceBetween" ? g.justifyContent = "space-between" : _ === "spaceAround" ? g.justifyContent = "space-around" : _ === "spaceEvenly" && (g.justifyContent = "space-evenly");
       const v = Ne(k, e.value.settings?.crossAlign);
-      v === "start" ? _.alignItems = "flex-start" : v === "end" ? _.alignItems = "flex-end" : v === "center" ? _.alignItems = "center" : v === "baseline" ? _.alignItems = "baseline" : v === "stretch" && (_.alignItems = "stretch");
+      v === "start" ? g.alignItems = "flex-start" : v === "end" ? g.alignItems = "flex-end" : v === "center" ? g.alignItems = "center" : v === "baseline" ? g.alignItems = "baseline" : v === "stretch" && (g.alignItems = "stretch");
     }, b = I(() => {
-      const _ = {}, k = i.value?.type;
-      return s === "page" ? k === "common" ? (l(_), c(_), m(_), u(_), f(_)) : console.assert(!1) : s === "comp" && k === "common" ? (l(_), c(_), m(_), u(_), f(_)) : console.assert(!1), _;
+      const g = {}, k = i.value?.type;
+      return s === "page" ? k === "common" ? (l(g), c(g), m(g), u(g), f(g)) : console.assert(!1) : s === "comp" && k === "common" ? (l(g), c(g), m(g), u(g), f(g)) : console.assert(!1), g;
     });
-    return (_, k) => (w(), te("div", {
-      style: de(b.value)
+    return (g, k) => (w(), te("div", {
+      style: fe(b.value)
     }, [
-      F(_.$slots, "default")
+      F(g.$slots, "default")
     ], 4));
   }
 }), jr = /* @__PURE__ */ $({
@@ -1771,17 +1771,17 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Ce(), s = re(), { applySize: i } = be(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), m = I(() => {
+    const n = t, { node: e } = P(n), o = $e(), s = re(), { applySize: i } = ge(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), m = I(() => {
       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) => (w(), te("div", {
-      style: de(m.value)
+      style: fe(m.value)
     }, [
       F(u.$slots, "default")
     ], 4));
   }
-}), Hr = /* @__PURE__ */ $({
+}), Gr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1789,39 +1789,39 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Ce(), s = re(), i = _e(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
+    const n = t, { node: e } = P(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 } = pn(e), { applyPadding: f } = dn(e), { applyBorder: b } = mn(e), _ = I(() => {
-      const g = {}, x = s.value?.type;
-      return o === "page" ? x === "common" ? (d(g), p(g), f(g), b(g), u.value && (g.backgroundColor = u.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(g), p(g), f(g), b(g), u.value && (g.backgroundColor = u.value)) : console.assert(!1), g;
+    ]), { color: u } = Q(m), { applySize: d } = ge(n, e), { applyMargin: p } = pn(e), { applyPadding: f } = dn(e), { applyBorder: b } = mn(e), g = I(() => {
+      const h = {}, x = s.value?.type;
+      return o === "page" ? x === "common" ? (d(h), p(h), f(h), b(h), u.value && (h.backgroundColor = u.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(h), p(h), f(h), b(h), u.value && (h.backgroundColor = u.value)) : console.assert(!1), h;
     }), k = async () => {
       await i?.callFunctionAsync(
         "__triggerEventV1__",
-        ae("elementEvent", n.nodeId, "submit"),
+        ce("elementEvent", n.nodeId, "submit"),
         ""
       );
     };
-    return (g, x) => {
-      const h = B("v-form");
-      return w(), C(h, {
+    return (h, x) => {
+      const _ = B("v-form");
+      return w(), C(_, {
         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(g.value),
         onSubmit: si(k, ["prevent"])
       }, {
         default: V(() => [
-          F(g.$slots, "default")
+          F(h.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), Gr = /* @__PURE__ */ $({
+}), Hr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1832,7 +1832,7 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     const n = t, { node: e } = P(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 } = G();
+    ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: m } = H();
     return (u, d) => {
       const p = B("v-icon");
       return w(), C(p, {
@@ -1852,13 +1852,13 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = Z(), o = _e(), s = ie(0), i = ie(0), l = I(() => [s.value, i.value]), { open: c } = Po(`runtimeMenu/${So()}`);
-    return mt(n.nodeId, "open", () => {
+    const n = t, e = Z(), o = ve(), s = ie(0), i = ie(0), l = I(() => [s.value, i.value]), { open: c } = Po(`runtimeMenu/${So()}`);
+    return pt(n.nodeId, "open", () => {
       if (!o || !o.vm)
         return;
       const { vm: m } = o, u = m.getProp(m.global, "__pointerPosX__"), d = m.getProp(m.global, "__pointerPosY__");
       s.value = m.getNumber(u), i.value = m.getNumber(d), u.dispose(), d.dispose(), c.value = !0;
-    }), mt(n.nodeId, "close", () => {
+    }), pt(n.nodeId, "close", () => {
       o && (c.value = !1);
     }), (m, u) => {
       const d = B("v-menu");
@@ -1908,10 +1908,10 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { property: c } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "loading"]), { property: u } = a(e, ["settings", "max"]), { property: d } = a(e, ["size", "maxWidth"]), { property: p } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: b } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: _ } = a(e, [
+    ]), { property: g } = a(e, [
       "settings",
       "precision"
-    ]), { property: k } = a(e, ["settings", "prefix"]), { property: g } = a(e, [
+    ]), { property: k } = a(e, ["settings", "prefix"]), { property: h } = a(e, [
       "settings",
       "addIcon",
       "prepend"
@@ -1919,23 +1919,23 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
       "settings",
       "addIcon",
       "prependInner"
-    ]), { property: h } = a(e, [
+    ]), { property: _ } = a(e, [
       "settings",
       "readonly"
     ]), { property: v } = a(e, ["settings", "reverse"]), { property: z } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: T } = a(e, ["settings", "step"]), { property: J } = a(e, ["settings", "suffix"]), { theme: Y } = G(), { property: j } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: U } = a(e, ["size", "width"]);
-    return (oe, ge) => {
-      const Te = B("v-number-input");
-      return w(), C(r(H), {
+    ]), { property: T } = a(e, ["settings", "step"]), { property: J } = a(e, ["settings", "suffix"]), { theme: Y } = H(), { property: j } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: U } = a(e, ["size", "width"]);
+    return (oe, he) => {
+      const Le = B("v-number-input");
+      return w(), C(r(G), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          D(Te, {
+          D(Le, {
             modelValue: r(j),
-            "onUpdate:modelValue": ge[0] || (ge[0] = (xe) => ne(j) ? j.value = xe : null),
+            "onUpdate:modelValue": he[0] || (he[0] = (xe) => ne(j) ? j.value = xe : null),
             "append-icon": r(o),
             "append-inner-icon": r(s),
             clearable: r(i),
@@ -1947,11 +1947,11 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
             min: r(p),
             "min-width": r(f),
             placeholder: r(b),
-            precision: r(_),
+            precision: r(g),
             prefix: r(k),
-            "prepend-icon": r(g),
+            "prepend-icon": r(h),
             "prepend-inner-icon": r(x),
-            readonly: r(h),
+            readonly: r(_),
             reverse: r(v),
             "single-line": r(z),
             step: r(T),
@@ -1979,27 +1979,27 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { 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 } = G(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), _ = I(() => {
+    ]), { property: m } = a(e, ["settings", "size"]), { property: u } = a(e, ["settings", "start"]), { theme: d } = H(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), g = I(() => {
       const k = {};
       return o === "editor" && (k.pointerEvents = "none"), k;
     });
-    return (k, g) => {
+    return (k, h) => {
       const x = B("v-pagination");
-      return w(), C(r(H), {
+      return w(), C(r(G), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
           D(x, {
             modelValue: r(f),
-            "onUpdate:modelValue": g[0] || (g[0] = (h) => ne(f) ? f.value = h : null),
+            "onUpdate:modelValue": h[0] || (h[0] = (_) => ne(f) ? f.value = _ : null),
             density: r(s),
             disabled: r(i),
             length: r(l),
             "show-first-last-page": r(c),
             size: r(m),
             start: r(u),
-            style: de(_.value),
+            style: fe(g.value),
             theme: r(d),
             tile: r(p),
             variant: r(b)
@@ -2023,7 +2023,7 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { property: c } = a(e, ["settings", "label"]), { property: m } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: u } = G(), { property: d } = a(e, ["settings", "value"]);
+    ]), { theme: u } = H(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
       const b = B("v-radio");
       return w(), C(b, {
@@ -2054,10 +2054,10 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { property: l } = a(e, ["settings", "inline"]), { property: c } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = G(), { property: u } = a(e, ["settings", "value"]);
+    ]), { theme: m } = H(), { property: u } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-radio-group");
-      return w(), C(r(H), null, {
+      return w(), C(r(G), null, {
         default: V(() => [
           D(f, {
             modelValue: r(u),
@@ -2107,10 +2107,10 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
         return "always";
       if (p.value === "show")
         return !0;
-    }), { property: b } = a(e, ["settings", "step"]), { theme: _ } = G(), { property: k } = a(e, [
+    }), { property: b } = a(e, ["settings", "step"]), { theme: g } = H(), { property: k } = a(e, [
       "settings",
       "thumbLabel"
-    ]), g = I(() => {
+    ]), h = I(() => {
       if (k.value === "always")
         return "always";
       if (k.value === "show")
@@ -2118,11 +2118,11 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     }), { property: x } = a(e, [
       "settings",
       "thumbSize"
-    ]), { property: h } = a(e, ["settings", "ticks"]), v = I(() => {
-      if (!h.value)
+    ]), { property: _ } = a(e, ["settings", "ticks"]), v = I(() => {
+      if (!_.value)
         return;
       const j = {};
-      for (const { value: L, label: U } of h.value)
+      for (const { value: L, label: U } of _.value)
         j[L] = U;
       if (!Wo(j))
         return j;
@@ -2145,7 +2145,7 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     });
     return (j, L) => {
       const U = B("v-range-slider");
-      return w(), C(r(H), {
+      return w(), C(r(G), {
         block: "",
         mask: ""
       }, {
@@ -2163,8 +2163,8 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
             readonly: r(d),
             "show-ticks": f.value,
             step: r(b),
-            theme: r(_),
-            "thumb-label": g.value,
+            theme: r(g),
+            "thumb-label": h.value,
             "thumb-size": r(x),
             "tick-size": r(z),
             ticks: v.value
@@ -2194,12 +2194,12 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { property: c } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "length"]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: d } = G(), { property: p } = a(e, ["settings", "value"]);
+    ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
     return (f, b) => {
-      const _ = B("v-rating");
-      return w(), C(r(H), { mask: "" }, {
+      const g = B("v-rating");
+      return w(), C(r(G), { mask: "" }, {
         default: V(() => [
-          D(_, {
+          D(g, {
             modelValue: r(p),
             "onUpdate:modelValue": b[0] || (b[0] = (k) => ne(p) ? p.value = k : null),
             clearable: r(o),
@@ -2236,10 +2236,10 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: m } = G(), { property: u } = a(e, ["settings", "value"]);
+    ]), { theme: m } = H(), { property: u } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-select");
-      return w(), C(r(H), {
+      return w(), C(r(G), {
         block: "",
         mask: ""
       }, {
@@ -2282,15 +2282,15 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, [
       "settings",
       "showTicks"
-    ]), _ = I(() => {
+    ]), g = I(() => {
       if (b.value === "always")
         return "always";
       if (b.value === "show")
         return !0;
-    }), { property: k } = a(e, ["settings", "step"]), { theme: g } = G(), { property: x } = a(e, [
+    }), { property: k } = a(e, ["settings", "step"]), { theme: h } = H(), { property: x } = a(e, [
       "settings",
       "thumbColor"
-    ]), { color: h } = Q(x), { property: v } = a(e, [
+    ]), { color: _ } = Q(x), { property: v } = a(e, [
       "settings",
       "thumbLabel"
     ]), z = I(() => {
@@ -2305,8 +2305,8 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
       if (!J.value)
         return;
       const xe = {};
-      for (const { value: nt, label: kt } of J.value)
-        xe[nt] = kt;
+      for (const { value: nt, label: wt } of J.value)
+        xe[nt] = wt;
       if (!Wo(xe))
         return xe;
     }), { property: j } = a(e, [
@@ -2315,15 +2315,15 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     ]), { property: L } = a(e, [
       "settings",
       "trackColor"
-    ]), { color: U } = Q(L), { property: oe } = a(e, ["settings", "value"]), { property: ge } = a(e, ["slots", "append"]), { property: Te } = a(e, ["slots", "prepend"]);
+    ]), { color: U } = Q(L), { property: oe } = a(e, ["settings", "value"]), { property: he } = a(e, ["slots", "append"]), { property: Le } = a(e, ["slots", "prepend"]);
     return (xe, nt) => {
-      const kt = B("v-slider");
-      return w(), C(r(H), {
+      const wt = B("v-slider");
+      return w(), C(r(G), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          D(kt, {
+          D(wt, {
             modelValue: r(oe),
             "onUpdate:modelValue": nt[0] || (nt[0] = (ni) => ne(oe) ? oe.value = ni : null),
             color: r(s),
@@ -2335,33 +2335,33 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
             min: r(d),
             readonly: r(p),
             reverse: r(f),
-            "show-ticks": _.value,
+            "show-ticks": g.value,
             step: r(k),
-            theme: r(g),
-            "thumb-color": r(h),
+            theme: r(h),
+            "thumb-color": r(_),
             "thumb-label": z.value,
             "thumb-size": r(T),
             "tick-size": r(j),
             ticks: Y.value,
             "track-color": r(U)
           }, rn({ _: 2 }, [
-            r(ge) ? {
+            r(he) ? {
               name: "append",
               fn: V(() => [
-                D(r(Pe), {
+                D(r(Ce), {
                   "node-id": "append",
-                  "ref-context": { compId: r(ge) },
+                  "ref-context": { compId: r(he) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "0"
             } : void 0,
-            r(Te) ? {
+            r(Le) ? {
               name: "prepend",
               fn: V(() => [
-                D(r(Pe), {
+                D(r(Ce), {
                   "node-id": "prepend",
-                  "ref-context": { compId: r(Te) },
+                  "ref-context": { compId: r(Le) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2384,7 +2384,7 @@ const Vr = /* @__PURE__ */ De(Sr, [["render", Cr]]), Pr = /* @__PURE__ */ $({
     const n = t, { node: e } = P(n), { property: o } = a(e, [
       "settings",
       "hideActions"
-    ]), { theme: s } = G(), { property: i } = a(e, ["settings", "value"]);
+    ]), { theme: s } = H(), { property: i } = a(e, ["settings", "value"]);
     return (l, c) => {
       const m = B("v-stepper");
       return w(), C(m, {
@@ -2410,7 +2410,7 @@ function sl(t, n) {
     _: 3
   });
 }
-const rl = /* @__PURE__ */ De(il, [["render", sl]]), ll = /* @__PURE__ */ $({
+const rl = /* @__PURE__ */ Re(il, [["render", sl]]), ll = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2439,7 +2439,7 @@ function cl(t, n) {
     _: 3
   });
 }
-const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
+const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2478,12 +2478,12 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__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 } = G(), { property: b } = a(e, ["settings", "value"]);
-    return (_, k) => {
-      const g = B("v-switch");
-      return w(), C(r(H), { mask: "" }, {
+    ]), { 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 } = H(), { property: b } = a(e, ["settings", "value"]);
+    return (g, k) => {
+      const h = B("v-switch");
+      return w(), C(r(G), { mask: "" }, {
         default: V(() => [
-          D(g, {
+          D(h, {
             modelValue: r(b),
             "onUpdate:modelValue": k[0] || (k[0] = (x) => ne(b) ? b.value = x : null),
             density: r(o),
@@ -2510,16 +2510,16 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { property: s } = a(e, ["settings", "text"]), { theme: i } = G(), { property: l } = a(e, ["settings", "value"]), c = I(() => {
+    const n = t, { node: e } = P(n), o = Z(), { property: s } = a(e, ["settings", "text"]), { theme: i } = H(), { property: l } = a(e, ["settings", "value"]), c = I(() => {
       const m = {};
       return o === "editor" && (m.pointerEvents = "none"), m;
     });
     return (m, u) => {
       const d = B("v-tab");
-      return w(), C(r(H), { mask: "" }, {
+      return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(d, {
-            style: de(c.value),
+            style: fe(c.value),
             text: r(s),
             theme: r(i),
             value: r(l)
@@ -2560,23 +2560,23 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
     ]), { property: f } = a(e, [
       "settings",
       "fixedTabs"
-    ]), { property: b } = a(e, ["settings", "grow"]), { property: _ } = a(e, [
+    ]), { property: b } = a(e, ["settings", "grow"]), { property: g } = a(e, [
       "settings",
       "hideSlider"
-    ]), { property: k } = a(e, ["settings", "items"]), { property: g } = a(e, [
+    ]), { property: k } = a(e, ["settings", "items"]), { property: h } = a(e, [
       "settings",
       "mandatory"
     ]), { property: x } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: h } = a(e, [
+    ]), { property: _ } = a(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: v } = Q(h), { property: z } = a(e, ["settings", "stacked"]), { theme: T } = G(), { property: J } = a(e, ["settings", "value"]);
+    ]), { color: v } = Q(_), { property: z } = a(e, ["settings", "stacked"]), { theme: T } = H(), { property: J } = a(e, ["settings", "value"]);
     return (Y, j) => {
       const L = B("v-tabs");
-      return w(), C(r(H), {
+      return w(), C(r(G), {
         block: "",
         mask: ""
       }, {
@@ -2593,9 +2593,9 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
             disabled: r(p),
             "fixed-tabs": r(f),
             grow: r(b),
-            "hide-slider": r(_),
+            "hide-slider": r(g),
             items: r(k),
-            mandatory: r(g),
+            mandatory: r(h),
             "show-arrows": r(x),
             "slider-color": r(v),
             stacked: r(z),
@@ -2619,19 +2619,19 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__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 } = P(n), o = De(), { property: s } = a(e, ["settings", "align"]), { property: i } = a(e, [
       "settings",
       "decoration"
     ]), { property: l } = a(e, [
       "settings",
       "emphasis"
     ]), { property: c } = a(e, ["settings", "italic"]), { property: m } = a(e, ["settings", "text"]), { property: u } = a(e, ["settings", "weight"]), d = I(() => {
-      const p = [], f = ut(o.value.width), b = Ne(f, e.value.settings?.style);
+      const p = [], f = mt(o.value.width), b = Ne(f, e.value.settings?.style);
       return b && p.push(`text-${b}`), l.value === "high" ? p.push("text-high-emphasis") : l.value === "medium" ? p.push("text-medium-emphasis") : l.value === "disabled" && p.push("text-disabled"), s.value && p.push(`font-${s.value}`), 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) => (w(), C(r(H), { mask: "" }, {
+    return (p, f) => (w(), C(r(G), { mask: "" }, {
       default: V(() => [
-        Re("span", {
+        We("span", {
           class: ri(d.value)
         }, Co(r(m)), 3)
       ]),
@@ -2661,20 +2661,20 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
     ]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, ["settings", "rows"]), { property: _ } = a(e, [
+    ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, ["settings", "rows"]), { property: g } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: k } = G(), { property: g } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
-    return (h, v) => {
+    ]), { theme: k } = H(), { property: h } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
+    return (_, v) => {
       const z = B("v-textarea");
-      return w(), C(r(H), {
+      return w(), C(r(G), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
           D(z, {
-            modelValue: r(g),
-            "onUpdate:modelValue": v[0] || (v[0] = (T) => ne(g) ? g.value = T : null),
+            modelValue: r(h),
+            "onUpdate:modelValue": v[0] || (v[0] = (T) => ne(h) ? h.value = T : null),
             "auto-grow": r(o),
             clearable: r(s),
             density: r(i),
@@ -2686,7 +2686,7 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
             readonly: r(p),
             reverse: r(f),
             rows: r(b),
-            "single-line": r(_),
+            "single-line": r(g),
             theme: r(k),
             variant: r(x)
           }, null, 8, ["modelValue", "auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"])
@@ -2724,35 +2724,35 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
     ]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: b } = a(e, ["settings", "prefix"]), { property: _ } = a(e, [
+    ]), { property: b } = a(e, ["settings", "prefix"]), { property: g } = a(e, [
       "settings",
       "prependIcon"
     ]), { property: k } = a(e, [
       "settings",
       "prependInnerIcon"
-    ]), { property: g } = a(e, [
+    ]), { property: h } = a(e, [
       "settings",
       "readonly"
-    ]), { property: x } = a(e, ["settings", "reverse"]), { property: h } = a(e, [
+    ]), { property: x } = a(e, ["settings", "reverse"]), { property: _ } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: v } = a(e, ["settings", "suffix"]), { theme: z } = G(), { property: T } = a(e, ["settings", "value"]), { property: J } = a(e, ["settings", "variant"]), { property: Y } = a(e, ["slots", "append"]), { property: j } = a(e, [
+    ]), { property: v } = a(e, ["settings", "suffix"]), { theme: z } = H(), { property: T } = a(e, ["settings", "value"]), { property: J } = a(e, ["settings", "variant"]), { property: Y } = a(e, ["slots", "append"]), { property: j } = a(e, [
       "slots",
       "appendInner"
     ]), { property: L } = a(e, ["slots", "prepend"]), { property: U } = a(e, [
       "slots",
       "prependInner"
     ]);
-    return (oe, ge) => {
-      const Te = B("v-text-field");
-      return w(), C(r(H), {
+    return (oe, he) => {
+      const Le = B("v-text-field");
+      return w(), C(r(G), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          D(Te, {
+          D(Le, {
             modelValue: r(T),
-            "onUpdate:modelValue": ge[0] || (ge[0] = (xe) => ne(T) ? T.value = xe : 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),
@@ -2764,11 +2764,11 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
             loading: r(p),
             placeholder: r(f),
             prefix: r(b),
-            "prepend-icon": r(_),
+            "prepend-icon": r(g),
             "prepend-inner-icon": r(k),
-            readonly: r(g),
+            readonly: r(h),
             reverse: r(x),
-            "single-line": r(h),
+            "single-line": r(_),
             suffix: r(v),
             theme: r(z),
             variant: r(J)
@@ -2776,7 +2776,7 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
             r(Y) ? {
               name: "append",
               fn: V(() => [
-                D(r(Pe), {
+                D(r(Ce), {
                   "node-id": "append",
                   "ref-context": { compId: r(Y) },
                   state: {}
@@ -2787,7 +2787,7 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
             r(j) ? {
               name: "append-inner",
               fn: V(() => [
-                D(r(Pe), {
+                D(r(Ce), {
                   "node-id": "append-inner",
                   "ref-context": { compId: r(j) },
                   state: {}
@@ -2798,7 +2798,7 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
             r(L) ? {
               name: "prepend",
               fn: V(() => [
-                D(r(Pe), {
+                D(r(Ce), {
                   "node-id": "prepend",
                   "ref-context": { compId: r(L) },
                   state: {}
@@ -2809,7 +2809,7 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
             r(U) ? {
               name: "prepend-inner",
               fn: V(() => [
-                D(r(Pe), {
+                D(r(Ce), {
                   "node-id": "prepend-inner",
                   "ref-context": { compId: r(U) },
                   state: {}
@@ -2857,12 +2857,12 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
       "settings",
       "line",
       "thickness"
-    ]), { property: _ } = a(e, ["settings", "side"]), { property: k } = a(e, [
+    ]), { property: g } = a(e, ["settings", "side"]), { property: k } = a(e, [
       "settings",
       "line",
       "truncate"
-    ]), { theme: g } = G();
-    return (x, h) => {
+    ]), { theme: h } = H();
+    return (x, _) => {
       const v = B("v-timeline");
       return w(), C(v, {
         align: r(o),
@@ -2874,8 +2874,8 @@ const ul = /* @__PURE__ */ De(al, [["render", cl]]), ml = /* @__PURE__ */ $({
         "line-color": r(p),
         "line-inset": r(f),
         "line-thickness": r(b),
-        side: r(_),
-        theme: r(g),
+        side: r(g),
+        theme: r(h),
         "truncate-line": r(k)
       }, {
         default: V(() => [
@@ -2895,7 +2895,7 @@ function vl(t, n) {
     _: 3
   });
 }
-const xl = /* @__PURE__ */ De(_l, [["render", vl]]), kl = /* @__PURE__ */ $({
+const xl = /* @__PURE__ */ Re(_l, [["render", vl]]), kl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -2915,12 +2915,12 @@ const xl = /* @__PURE__ */ De(_l, [["render", vl]]), kl = /* @__PURE__ */ $({
     ]), { property: l } = a(e, ["settings", "reverse"]), { property: c } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: m } = a(e, ["settings", "touch"]), { theme: u } = G(), { property: d } = a(e, ["settings", "value"]);
+    ]), { property: m } = a(e, ["settings", "touch"]), { theme: u } = H(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
       const b = B("v-window");
       return w(), C(b, {
         modelValue: r(d),
-        "onUpdate:modelValue": f[0] || (f[0] = (_) => ne(d) ? d.value = _ : null),
+        "onUpdate:modelValue": f[0] || (f[0] = (g) => ne(d) ? d.value = g : null),
         continuous: r(o),
         direction: r(i),
         disabled: r(s),
@@ -2946,7 +2946,7 @@ function Il(t, n) {
     _: 3
   });
 }
-const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
+const $l = /* @__PURE__ */ Re(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
   __name: "entry",
   props: {
     subtype: {},
@@ -2955,13 +2955,13 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
     instance: {}
   },
   setup(t) {
-    console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> created`), Se(() => {
+    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 = I(() => O(e.value));
-    ze(o), le(n) && tt(o, "multipleSlot", t.nodeId, t.instance, _e());
+    Pe(o), ae(n) && tt(o, "multipleSlot", t.nodeId, t.instance, ve());
     const s = (l) => {
-      const c = $e[l.key];
+      const c = we[l.key];
       if (!c) {
         console.assert(!1, `element not found key=${l.key}`);
         return;
@@ -2997,7 +2997,7 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
     };
     return (l, c) => (w(), C(i));
   }
-}), Cl = ["position", "rotation", "scale"], Vl = { style: { userSelect: "none" } }, ce = /* @__PURE__ */ $({
+}), Cl = ["position", "rotation", "scale"], Vl = { style: { userSelect: "none" } }, ue = /* @__PURE__ */ $({
   __name: "index",
   props: {
     position: {},
@@ -3018,7 +3018,7 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
         transform: ""
       }, {
         default: V(() => [
-          Re("div", Vl, Co(t.label), 1)
+          We("div", Vl, Co(t.label), 1)
         ]),
         _: 1
       })) : se("", !0),
@@ -3033,28 +3033,28 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = bt(), e = t, { node: o } = P(e), s = Qe(), i = re(), l = ie();
-    ze(l);
+    const n = gt(), e = t, { node: o } = P(e), s = Qe(), i = re(), l = ie();
+    Pe(l);
     const c = I(() => e.refContext?.compId);
     et(c, l);
-    const { applySize: m } = be(e, o), u = I(() => {
-      const h = {};
-      return l.value?.type === "common" && m(h), h;
-    }), { position: d, rotation: p, scale: f } = ue(o), { property: b } = a(o, ["instances"]), _ = (h, v) => {
-      h.findIndex((z) => z === v) >= 0 || h.push(v);
+    const { applySize: m } = ge(e, o), u = I(() => {
+      const _ = {};
+      return l.value?.type === "common" && m(_), _;
+    }), { position: d, rotation: p, scale: f } = me(o), { property: b } = a(o, ["instances"]), g = (_, v) => {
+      _.findIndex((z) => z === v) >= 0 || _.push(v);
     }, k = I(() => {
-      const h = [];
+      const _ = [];
       if (!Array.isArray(b.value))
-        return h;
+        return _;
       for (const v of b.value)
-        typeof v == "string" && v && _(h, v);
-      return h;
-    }), g = (h, v) => K(Sl, {
-      key: h,
+        typeof v == "string" && v && g(_, v);
+      return _;
+    }), h = (_, v) => K(Sl, {
+      key: _,
       subtype: v,
       nodeId: e.nodeId,
       refContext: e.refContext,
-      instance: h
+      instance: _
     }), x = () => {
       if (!e.refContext) {
         console.assert(!1, "invalid of ref context");
@@ -3064,21 +3064,21 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: h } = he;
+      const { i18n: _ } = _e;
       if (Ye(e.refContext, s))
         return i.value.type === "common" ? K(
           "div",
           { id: n.id, style: u.value },
-          h.global.t("x-runtime-lib.circularReference")
-        ) : i.value.type === "scene" ? K(ce, {
+          _.global.t("x-runtime-lib.circularReference")
+        ) : i.value.type === "scene" ? K(ue, {
           name: n.name,
           position: d.value,
           rotation: p.value,
           scale: f.value,
-          label: h.global.t("x-runtime-lib.circularReference")
+          label: _.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
-        return i.value.type === "common" ? K("div", { id: n.id, style: u.value }) : i.value.type === "scene" ? K(ce, {
+        return i.value.type === "common" ? K("div", { id: n.id, style: u.value }) : i.value.type === "scene" ? K(ue, {
           name: n.name,
           position: d.value,
           rotation: p.value,
@@ -3097,12 +3097,12 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
             style: u.value
           },
           {
-            default: () => k.value.map((z) => g(z, v))
+            default: () => k.value.map((z) => h(z, v))
           }
         );
       if (v === "scene")
         return K(
-          ce,
+          ue,
           {
             name: n.name,
             position: d.value,
@@ -3110,11 +3110,11 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
             scale: f.value
           },
           {
-            default: () => k.value.map((z) => g(z, v))
+            default: () => k.value.map((z) => h(z, v))
           }
         );
     };
-    return (h, v) => (w(), C(x));
+    return (_, v) => (w(), C(x));
   }
 }), Ll = /* @__PURE__ */ $({
   __name: "entry",
@@ -3125,13 +3125,13 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
     instance: {}
   },
   setup(t) {
-    console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> created`), Se(() => {
+    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 = I(() => O(e.value));
-    ze(o), le(n) && tt(o, "multipleSlot", t.nodeId, t.instance, _e());
+    Pe(o), ae(n) && tt(o, "multipleSlot", t.nodeId, t.instance, ve());
     const s = (l) => {
-      const c = $e[l.key];
+      const c = we[l.key];
       if (!c) {
         console.assert(!1, `element not found key=${l.key}`);
         return;
@@ -3175,28 +3175,28 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = bt(), e = t, { node: o } = P(e), s = Qe(), i = re(), l = ie();
-    ze(l);
+    const n = gt(), e = t, { node: o } = P(e), s = Qe(), i = re(), l = ie();
+    Pe(l);
     const c = I(() => e.refContext?.compId);
     et(c, l);
-    const { applySize: m } = be(e, o), u = I(() => {
-      const h = {};
-      return l.value?.type === "common" && m(h), h;
-    }), { position: d, rotation: p, scale: f } = ue(o), { property: b } = a(o, ["instances"]), _ = (h, v) => {
-      h.findIndex((z) => z === v) >= 0 || h.push(v);
+    const { applySize: m } = ge(e, o), u = I(() => {
+      const _ = {};
+      return l.value?.type === "common" && m(_), _;
+    }), { position: d, rotation: p, scale: f } = me(o), { property: b } = a(o, ["instances"]), g = (_, v) => {
+      _.findIndex((z) => z === v) >= 0 || _.push(v);
     }, k = I(() => {
-      const h = [];
+      const _ = [];
       if (!Array.isArray(b.value))
-        return h;
+        return _;
       for (const v of b.value)
-        typeof v == "string" && v && _(h, v);
-      return h;
-    }), g = (h, v) => K(Ll, {
-      key: h,
+        typeof v == "string" && v && g(_, v);
+      return _;
+    }), h = (_, v) => K(Ll, {
+      key: _,
       subtype: v,
       nodeId: e.nodeId,
       refContext: e.refContext,
-      instance: h
+      instance: _
     }), x = () => {
       if (!e.refContext) {
         console.assert(!1, "invalid of ref context");
@@ -3206,21 +3206,21 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: h } = he;
+      const { i18n: _ } = _e;
       if (Ye(e.refContext, s))
         return i.value.type === "common" ? K(
           "div",
           { id: n.id, style: u.value },
-          h.global.t("x-runtime-lib.circularReference")
-        ) : i.value.type === "scene" ? K(ce, {
+          _.global.t("x-runtime-lib.circularReference")
+        ) : i.value.type === "scene" ? K(ue, {
           name: n.name,
           position: d.value,
           rotation: p.value,
           scale: f.value,
-          label: h.global.t("x-runtime-lib.circularReference")
+          label: _.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
-        return i.value.type === "common" ? K("div", { id: n.id, style: u.value }) : i.value.type === "scene" ? K(ce, {
+        return i.value.type === "common" ? K("div", { id: n.id, style: u.value }) : i.value.type === "scene" ? K(ue, {
           name: n.name,
           position: d.value,
           rotation: p.value,
@@ -3239,12 +3239,12 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
             style: u.value
           },
           {
-            default: () => k.value.map((z) => g(z, v))
+            default: () => k.value.map((z) => h(z, v))
           }
         );
       if (v === "scene")
         return K(
-          ce,
+          ue,
           {
             name: n.name,
             position: d.value,
@@ -3252,11 +3252,11 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
             scale: f.value
           },
           {
-            default: () => k.value.map((z) => g(z, v))
+            default: () => k.value.map((z) => h(z, v))
           }
         );
     };
-    return (h, v) => (w(), C(x));
+    return (_, v) => (w(), C(x));
   }
 }), Tl = /* @__PURE__ */ $({
   __name: "index",
@@ -3266,35 +3266,35 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = bt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = re(), c = ie();
-    ze(c);
+    const n = gt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = re(), c = ie();
+    Pe(c);
     const m = I(() => e.refContext?.compId);
-    et(m, c), le(s) && tt(c, "ref", e.nodeId, "", _e());
-    const { applySize: u } = be(e, o), d = I(() => {
-      const g = {};
-      return l.value?.type === "common" && u(g), g;
-    }), { position: p, rotation: f, scale: b } = ue(o), _ = (g) => {
-      const x = $e[g.key];
+    et(m, c), ae(s) && tt(c, "ref", e.nodeId, "", ve());
+    const { applySize: u } = ge(e, o), d = I(() => {
+      const h = {};
+      return l.value?.type === "common" && u(h), h;
+    }), { position: p, rotation: f, scale: b } = me(o), g = (h) => {
+      const x = we[h.key];
       if (!x) {
-        console.assert(!1, `element not found key=${g.key}`);
+        console.assert(!1, `element not found key=${h.key}`);
         return;
       }
-      const h = {
-        nodeId: g.id
+      const _ = {
+        nodeId: h.id
       };
-      return Xe(g.key) && (h.refContext = {
+      return Xe(h.key) && (_.refContext = {
         parent: e.refContext,
-        compId: g.compId
+        compId: h.compId
       }), K(
         x.comp,
         {
-          key: g.id,
-          ...h
+          key: h.id,
+          ..._
         },
         {
           default: () => {
             if (!x.leaf)
-              return g.children?.map((v) => _(v));
+              return h.children?.map((v) => g(v));
           }
         }
       );
@@ -3307,21 +3307,21 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: g } = he;
+      const { i18n: h } = _e;
       if (Ye(e.refContext, i))
         return l.value.type === "common" ? K(
           "div",
           { id: n.id, style: d.value },
-          g.global.t("x-runtime-lib.circularReference")
-        ) : l.value.type === "scene" ? K(ce, {
+          h.global.t("x-runtime-lib.circularReference")
+        ) : l.value.type === "scene" ? K(ue, {
           name: n.name,
           position: p.value,
           rotation: f.value,
           scale: b.value,
-          label: g.global.t("x-runtime-lib.circularReference")
+          label: h.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!c.value)
-        return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ce, {
+        return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ue, {
           name: n.name,
           position: p.value,
           rotation: f.value,
@@ -3340,12 +3340,12 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
             style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((h) => _(h))
+            default: () => c.value?.view.nodeLites.map((_) => g(_))
           }
         );
       if (x === "scene")
         return K(
-          ce,
+          ue,
           {
             name: n.name,
             position: p.value,
@@ -3353,11 +3353,11 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
             scale: b.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((h) => _(h))
+            default: () => c.value?.view.nodeLites.map((_) => g(_))
           }
         );
     };
-    return (g, x) => (w(), C(k));
+    return (h, x) => (w(), C(k));
   }
 }), El = /* @__PURE__ */ $({
   __name: "index",
@@ -3368,14 +3368,14 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
   },
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "open"]);
-    return (s, i) => (w(), C(r(H), null, {
+    return (s, i) => (w(), C(r(G), null, {
       default: V(() => [
         r(o) ? F(s.$slots, "default", { key: 0 }) : se("", !0)
       ]),
       _: 3
     }));
   }
-}), Pe = /* @__PURE__ */ $({
+}), Ce = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -3383,36 +3383,36 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = bt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = re(), c = ie();
-    ze(c);
+    const n = gt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = re(), c = ie();
+    Pe(c);
     const m = I(() => e.refContext?.compId);
-    et(m, c), le(s) && tt(c, "slot", e.nodeId, "", _e());
-    const { applySize: u } = be(e, o), d = I(() => {
-      const g = {};
-      return c.value?.type === "common" && u(g), g;
-    }), { position: p, rotation: f, scale: b } = ue(o);
-    function _(g) {
-      const x = $e[g.key];
+    et(m, c), ae(s) && tt(c, "slot", e.nodeId, "", ve());
+    const { applySize: u } = ge(e, o), d = I(() => {
+      const h = {};
+      return c.value?.type === "common" && u(h), h;
+    }), { position: p, rotation: f, scale: b } = me(o);
+    function g(h) {
+      const x = we[h.key];
       if (!x) {
-        console.assert(!1, `element not found key=${g.key}`);
+        console.assert(!1, `element not found key=${h.key}`);
         return;
       }
-      const h = {
-        nodeId: g.id
+      const _ = {
+        nodeId: h.id
       };
-      return Xe(g.key) && (h.refContext = {
+      return Xe(h.key) && (_.refContext = {
         parent: e.refContext,
-        compId: g.compId
+        compId: h.compId
       }), K(
         x.comp,
         {
-          key: g.id,
-          ...h
+          key: h.id,
+          ..._
         },
         {
           default: () => {
             if (!x.leaf)
-              return g.children?.map((v) => _(v));
+              return h.children?.map((v) => g(v));
           }
         }
       );
@@ -3426,21 +3426,21 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: g } = he;
+      const { i18n: h } = _e;
       if (Ye(e.refContext, i))
         return l.value.type === "common" ? K(
           "div",
           { id: n.id, style: d.value },
-          g.global.t("x-runtime-lib.circularReference")
-        ) : l.value.type === "scene" ? K(ce, {
+          h.global.t("x-runtime-lib.circularReference")
+        ) : l.value.type === "scene" ? K(ue, {
           name: n.name,
           position: p.value,
           rotation: f.value,
           scale: b.value,
-          label: g.global.t("x-runtime-lib.circularReference")
+          label: h.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!c.value)
-        return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ce, {
+        return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ue, {
           name: n.name,
           position: p.value,
           rotation: f.value,
@@ -3459,12 +3459,12 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
             style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((h) => _(h))
+            default: () => c.value?.view.nodeLites.map((_) => g(_))
           }
         );
       if (x === "scene")
         return K(
-          ce,
+          ue,
           {
             name: n.name,
             position: p.value,
@@ -3472,11 +3472,11 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
             scale: b.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((h) => _(h))
+            default: () => c.value?.view.nodeLites.map((_) => g(_))
           }
         );
     };
-    return (g, x) => (w(), C(k));
+    return (h, x) => (w(), C(k));
   }
 }), y = {
   key: "basic",
@@ -3540,7 +3540,7 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
       ]
     }
   ]
-}, Al = O(ee), Ae = {
+}, Al = O(ee), Te = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -3594,7 +3594,7 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
       ]
     }
   ]
-}, pt = {
+}, dt = {
   key: "legend",
   name: "x-runtime-lib.legend",
   children: [
@@ -3619,7 +3619,7 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
       defaultArray: []
     }
   ]
-}, Me = {
+}, Ee = {
   key: "margin",
   name: "x-runtime-lib.margin",
   children: [
@@ -3652,7 +3652,7 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
       default: ""
     }
   ]
-}, We = {
+}, Ae = {
   key: "padding",
   name: "x-runtime-lib.padding",
   children: [
@@ -3732,7 +3732,7 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
       default: ""
     }
   ]
-}, dt = {
+}, ft = {
   key: "title",
   name: "x-runtime-lib.title",
   children: [
@@ -3841,7 +3841,7 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
       ]
     }
   ]
-}, ft = {
+}, yt = {
   key: "xAxis",
   name: "x-runtime-lib.xAxis",
   children: [
@@ -3874,7 +3874,7 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
       defaultArray: []
     }
   ]
-}, yt = {
+}, bt = {
   key: "yAxis",
   name: "x-runtime-lib.yAxis",
   children: [
@@ -3907,8 +3907,8 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
       defaultArray: []
     }
   ]
-}, $e = {}, S = (t) => {
-  $e[t.key] = t;
+}, we = {}, S = (t) => {
+  we[t.key] = t;
 }, Sn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3959,7 +3959,7 @@ const $l = /* @__PURE__ */ De(wl, [["render", Il]]), Sl = /* @__PURE__ */ $({
 }, Ml = {
   key: "scene_orthographic_camera_v1",
   name: "x-runtime-lib.orthographicCamera",
-  comp: Hi,
+  comp: Gi,
   properties: {
     pageScene: [y, X, Sn],
     compScene: [y, X, Sn]
@@ -4063,13 +4063,13 @@ function Dl(t, n) {
     console.error(`boxGeometryV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Ge.properties[o];
+  const s = He.properties[o];
   if (!s) {
     console.error(`boxGeometryV1/spawn properties not found, ${e}`);
     return;
   }
   const i = A();
-  W(i, s), i.basic.id = E(16), i.basic.key = Ge.key, i.transform = {
+  W(i, s), i.basic.id = E(16), i.basic.key = He.key, i.transform = {
     position: {
       x: 0,
       y: 0,
@@ -4134,7 +4134,7 @@ function Fl(t, n) {
     );
     return;
   }
-  const s = He.properties[o];
+  const s = Ge.properties[o];
   if (!s) {
     console.error(
       `boxGeometryV1/spawnMeshBasicMaterial properties not found, ${e}`
@@ -4142,7 +4142,7 @@ function Fl(t, n) {
     return;
   }
   const i = A();
-  return W(i, s), i.basic.id = E(16), i.basic.key = He.key, {
+  return W(i, s), i.basic.id = E(16), i.basic.key = Ge.key, {
     nodeLite: M(i),
     nodes: {
       [i.basic.id]: i
@@ -4214,13 +4214,13 @@ function Nl(t, n) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Ge.properties[o];
+  const s = He.properties[o];
   if (!s) {
     console.error(`sphereGeometryV1/spawn properties not found, ${e}`);
     return;
   }
   const i = A();
-  W(i, s), i.basic.id = E(16), i.basic.key = Ge.key, i.transform = {
+  W(i, s), i.basic.id = E(16), i.basic.key = He.key, i.transform = {
     position: {
       x: 0,
       y: 0,
@@ -4237,7 +4237,7 @@ function Nl(t, n) {
       z: 1
     }
   };
-  const l = jl(t, n), c = Hl(t, n);
+  const l = jl(t, n), c = Gl(t, n);
   return {
     nodeLite: M(i, [l.nodeLite, c.nodeLite]),
     nodes: {
@@ -4278,7 +4278,7 @@ function jl(t, n) {
     }
   };
 }
-function Hl(t, n) {
+function Gl(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
     console.error(
@@ -4286,7 +4286,7 @@ function Hl(t, n) {
     );
     return;
   }
-  const s = He.properties[o];
+  const s = Ge.properties[o];
   if (!s) {
     console.error(
       `sphereGeometryV1/spawnMeshBasicMaterial properties not found, ${e}`
@@ -4294,7 +4294,7 @@ function Hl(t, n) {
     return;
   }
   const i = A();
-  return W(i, s), i.basic.id = E(16), i.basic.key = He.key, {
+  return W(i, s), i.basic.id = E(16), i.basic.key = Ge.key, {
     nodeLite: M(i),
     nodes: {
       [i.basic.id]: i
@@ -4368,15 +4368,15 @@ const Pn = {
   spawn: Nl
 };
 S(Tt);
-const ht = O(ee);
-ht.children[0].default = "custom";
-ht.children[2].children[0].default = "0xffffff";
-ht.children[2].children[1].default = "0xffffff";
+const _t = O(ee);
+_t.children[0].default = "custom";
+_t.children[2].children[0].default = "0xffffff";
+_t.children[2].children[1].default = "0xffffff";
 const Ln = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    ht,
+    _t,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4385,7 +4385,7 @@ const Ln = {
       default: 1
     }
   ]
-}, Gl = {
+}, Hl = {
   key: "scene_ambient_light_v1",
   name: "x-runtime-lib.ambientLight",
   comp: ns,
@@ -4397,16 +4397,16 @@ const Ln = {
   methods: [],
   slots: []
 };
-S(Gl);
-const _t = O(ee);
-_t.children[0].default = "custom";
-_t.children[2].children[0].default = "0xffffff";
-_t.children[2].children[1].default = "0xffffff";
+S(Hl);
+const vt = O(ee);
+vt.children[0].default = "custom";
+vt.children[2].children[0].default = "0xffffff";
+vt.children[2].children[1].default = "0xffffff";
 const zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    _t,
+    vt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4428,15 +4428,15 @@ const zn = {
   slots: []
 };
 S(Jl);
-const vt = O(ee);
-vt.children[0].default = "custom";
-vt.children[2].children[0].default = "0xffffff";
-vt.children[2].children[1].default = "0xffffff";
+const xt = O(ee);
+xt.children[0].default = "custom";
+xt.children[2].children[0].default = "0xffffff";
+xt.children[2].children[1].default = "0xffffff";
 const Tn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    vt,
+    xt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4472,15 +4472,15 @@ const Tn = {
   slots: []
 };
 S(Ul);
-const xt = O(ee);
-xt.children[0].default = "custom";
-xt.children[2].children[0].default = "0xffffff";
-xt.children[2].children[1].default = "0xffffff";
+const kt = O(ee);
+kt.children[0].default = "custom";
+kt.children[2].children[0].default = "0xffffff";
+kt.children[2].children[1].default = "0xffffff";
 const En = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    xt,
+    kt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -4533,7 +4533,7 @@ const En = {
   slots: []
 };
 S(ql);
-const He = {
+const Ge = {
   key: "scene_mesh_basic_material_v1",
   name: "x-runtime-lib.meshBasicMaterial",
   comp: ms,
@@ -4546,7 +4546,7 @@ const He = {
   slots: [],
   leaf: !0
 };
-S(He);
+S(Ge);
 const Xl = {
   key: "scene_group_v1",
   name: "x-runtime-lib.group",
@@ -4560,7 +4560,7 @@ const Xl = {
   slots: []
 };
 S(Xl);
-const Ge = {
+const He = {
   key: "scene_mesh_v1",
   name: "x-runtime-lib.mesh",
   comp: ys,
@@ -4572,7 +4572,7 @@ const Ge = {
   methods: [],
   slots: []
 };
-S(Ge);
+S(He);
 function Yl(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -4623,8 +4623,8 @@ const An = {
   name: "x-runtime-lib.barChart",
   comp: kr,
   properties: {
-    pageCommon: [y, q, dt, ft, yt, pt, An],
-    compCommon: [y, q, dt, ft, yt, pt, An]
+    pageCommon: [y, q, ft, yt, bt, dt, An],
+    compCommon: [y, q, ft, yt, bt, dt, An]
   },
   leaf: !0,
   spawn: Yl
@@ -4680,8 +4680,8 @@ const Mn = {
   name: "x-runtime-lib.lineChart",
   comp: wr,
   properties: {
-    pageCommon: [y, q, dt, ft, yt, pt, Mn],
-    compCommon: [y, q, dt, ft, yt, pt, Mn]
+    pageCommon: [y, q, ft, yt, bt, dt, Mn],
+    compCommon: [y, q, ft, yt, bt, dt, Mn]
   },
   leaf: !0,
   spawn: Zl
@@ -5149,7 +5149,7 @@ function la(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = Bt.key;
-  const l = Ee(t, n, "chip1", "chip 1"), c = Ee(t, n, "chip2", "chip 2"), m = Ee(t, n, "chip3", "chip 3"), u = Ee(t, n, "chip4", "chip 4"), d = Ee(t, n, "chip5", "chip 5"), p = Ee(t, n, "chip6", "chip 6");
+  const l = ze(t, n, "chip1", "chip 1"), c = ze(t, n, "chip2", "chip 2"), m = ze(t, n, "chip3", "chip 3"), u = ze(t, n, "chip4", "chip 4"), d = ze(t, n, "chip5", "chip 5"), p = ze(t, n, "chip6", "chip 6");
   return {
     nodeLite: M(i, [
       l.nodeLite,
@@ -5170,7 +5170,7 @@ function la(t, n) {
     }
   };
 }
-function Ee(t, n, e, o) {
+function ze(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, i = R(t, n);
   if (!i) {
     console.error(`chipGroupV1/spawnChip property tag not found, ${s}`);
@@ -5329,8 +5329,8 @@ const jn = {
   name: "x-runtime-lib.container",
   comp: Wr,
   properties: {
-    pageCommon: [y, q, Ae, Me, We, jn],
-    compCommon: [y, q, Ae, Me, We, jn]
+    pageCommon: [y, q, Te, Ee, Ae, jn],
+    compCommon: [y, q, Te, Ee, Ae, jn]
   },
   events: [
     {
@@ -5340,7 +5340,7 @@ const jn = {
   ]
 };
 S(Rt);
-const Hn = {
+const Gn = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -5359,7 +5359,7 @@ const Hn = {
       default: ""
     }
   ]
-}, Gn = {
+}, Hn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5497,8 +5497,8 @@ const Hn = {
   name: "x-runtime-lib.dataTable",
   comp: Rr,
   properties: {
-    pageCommon: [y, Hn, Gn, Jn],
-    compCommon: [y, Hn, Gn, Jn]
+    pageCommon: [y, Gn, Hn, Jn],
+    compCommon: [y, Gn, Hn, Jn]
   },
   leaf: !0
 };
@@ -5851,8 +5851,8 @@ const Xn = {
   name: "x-runtime-lib.flexLayout",
   comp: Nr,
   properties: {
-    pageCommon: [y, q, Ae, Me, We, Xn],
-    compCommon: [y, q, Ae, Me, We, Xn]
+    pageCommon: [y, q, Te, Ee, Ae, Xn],
+    compCommon: [y, q, Te, Ee, Ae, Xn]
   },
   events: [
     {
@@ -6106,10 +6106,10 @@ const Qn = {
 }, Ft = {
   key: "common_form_v1",
   name: "x-runtime-lib.form",
-  comp: Hr,
+  comp: Gr,
   properties: {
-    pageCommon: [y, q, Ae, Me, We, Qn],
-    compCommon: [y, q, Ae, Me, We, Qn]
+    pageCommon: [y, q, Te, Ee, Ae, Qn],
+    compCommon: [y, q, Te, Ee, Ae, Qn]
   },
   events: [
     {
@@ -6148,7 +6148,7 @@ const ga = O(ee), eo = {
 }, ha = {
   key: "common_icon_v1",
   name: "x-runtime-lib.icon",
-  comp: Gr,
+  comp: Hr,
   properties: {
     pageCommon: [y, eo],
     compCommon: [y, eo]
@@ -6525,14 +6525,14 @@ function wa(t, n) {
     console.error(`radioGroupV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Ht.properties[o];
+  const s = Gt.properties[o];
   if (!s) {
     console.error(`radioGroupV1/spawn properties not found, ${e}`);
     return;
   }
   const i = A();
-  W(i, s), i.basic.id = E(16), i.basic.key = Ht.key, i.settings.value = "option1";
-  const l = It(t, n, "option1", "Option 1"), c = It(t, n, "option2", "Option 2"), m = It(t, n, "option3", "Option 3");
+  W(i, s), i.basic.id = E(16), i.basic.key = Gt.key, i.settings.value = "option1";
+  const l = $t(t, n, "option1", "Option 1"), c = $t(t, n, "option2", "Option 2"), m = $t(t, n, "option3", "Option 3");
   return {
     nodeLite: M(i, [
       l.nodeLite,
@@ -6547,7 +6547,7 @@ function wa(t, n) {
     }
   };
 }
-function It(t, n, e, o) {
+function $t(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, i = R(t, n);
   if (!i) {
     console.error(
@@ -6611,7 +6611,7 @@ const so = {
       default: !1
     }
   ]
-}, Ht = {
+}, Gt = {
   key: "common_radio_group_v1",
   name: "x-runtime-lib.radioGroup",
   comp: Zr,
@@ -6621,7 +6621,7 @@ const so = {
   },
   spawn: wa
 };
-S(Ht);
+S(Gt);
 const ro = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7014,7 +7014,7 @@ const co = {
   leaf: !0
 };
 S(Ca);
-const Gt = {
+const Ht = {
   key: "common_stepper_header_v1",
   name: "x-runtime-lib.stepperHeader",
   comp: rl,
@@ -7023,7 +7023,7 @@ const Gt = {
     compCommon: [y]
   }
 };
-S(Gt);
+S(Ht);
 const mo = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7105,14 +7105,14 @@ function Pa(t, n) {
     console.error(`stepperV1/spawnHeader property tag not found, ${e}`);
     return;
   }
-  const s = Gt.properties[o];
+  const s = Ht.properties[o];
   if (!s) {
     console.error(`stepperV1/spawnHeader properties not found, ${e}`);
     return;
   }
   const i = A();
-  W(i, s), i.basic.id = E(16), i.basic.key = Gt.key;
-  const l = $t(t, n, "step1"), c = $t(t, n, "step2"), m = $t(t, n, "step3");
+  W(i, s), i.basic.id = E(16), i.basic.key = Ht.key;
+  const l = St(t, n, "step1"), c = St(t, n, "step2"), m = St(t, n, "step3");
   return {
     nodeLite: M(i, [l.nodeLite, c.nodeLite, m.nodeLite]),
     nodes: {
@@ -7123,7 +7123,7 @@ function Pa(t, n) {
     }
   };
 }
-function $t(t, n, e) {
+function St(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = R(t, n);
   if (!s) {
     console.error(`stepperV1/spawnItem property tag not found, ${o}`);
@@ -7155,7 +7155,7 @@ function La(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = Ut.key;
-  const l = St(t, n, "step1", "step 1"), c = St(t, n, "step2", "step 2"), m = St(t, n, "step3", "step 3");
+  const l = Ct(t, n, "step1", "step 1"), c = Ct(t, n, "step2", "step 2"), m = Ct(t, n, "step3", "step 3");
   return {
     nodeLite: M(i, [l.nodeLite, c.nodeLite, m.nodeLite]),
     nodes: {
@@ -7166,7 +7166,7 @@ function La(t, n) {
     }
   };
 }
-function St(t, n, e, o) {
+function Ct(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, i = R(t, n);
   if (!i) {
     console.error(
@@ -7291,7 +7291,7 @@ function Ea(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = Zt.key;
-  const l = Ct(t, n, "tab1", "tab 1"), c = Ct(t, n, "tab2", "tab 2"), m = Ct(t, n, "tab3", "tab 3");
+  const l = Vt(t, n, "tab1", "tab 1"), c = Vt(t, n, "tab2", "tab 2"), m = Vt(t, n, "tab3", "tab 3");
   return {
     nodeLite: M(i, [l.nodeLite, c.nodeLite, m.nodeLite]),
     nodes: {
@@ -7302,7 +7302,7 @@ function Ea(t, n) {
     }
   };
 }
-function Ct(t, n, e, o) {
+function Vt(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, i = R(t, n);
   if (!i) {
     console.error(`tabsV1/spawnTab property tag not found, ${s}`);
@@ -7426,13 +7426,13 @@ function Aa(t, n) {
     console.error(`textV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Le.properties[o];
+  const s = Ve.properties[o];
   if (!s) {
     console.error(`textV1/spawn properties not found, ${e}`);
     return;
   }
   const i = A();
-  return W(i, s), i.basic.id = E(16), i.basic.key = Le.key, i.settings.text = "text", {
+  return W(i, s), i.basic.id = E(16), i.basic.key = Ve.key, i.settings.text = "text", {
     nodeLite: M(i),
     nodes: {
       [i.basic.id]: i
@@ -7525,7 +7525,7 @@ const go = {
       default: !1
     }
   ]
-}, Le = {
+}, Ve = {
   key: "common_text_v1",
   name: "x-runtime-lib.text",
   comp: yl,
@@ -7536,7 +7536,7 @@ const go = {
   leaf: !0,
   spawn: Aa
 };
-S(Le);
+S(Ve);
 function Ma(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -7662,7 +7662,7 @@ function Wa(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = tn.key;
-  const l = Vt(t, n, "timeline 1"), c = Vt(t, n, "timeline 2"), m = Vt(t, n, "timeline 3");
+  const l = Pt(t, n, "timeline 1"), c = Pt(t, n, "timeline 2"), m = Pt(t, n, "timeline 3");
   return {
     nodeLite: M(i, [l.nodeLite, c.nodeLite, m.nodeLite]),
     nodes: {
@@ -7673,7 +7673,7 @@ function Wa(t, n) {
     }
   };
 }
-function Vt(t, n, e) {
+function Pt(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = R(t, n);
   if (!s) {
     console.error(`timelineV1/spawnEntry property tag not found, ${o}`);
@@ -7701,13 +7701,13 @@ function Ba(t, n, e) {
     console.error(`timelineV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const i = Le.properties[s];
+  const i = Ve.properties[s];
   if (!i) {
     console.error(`timelineV1/spawnText properties not found, ${o}`);
     return;
   }
   const l = A();
-  return W(l, i), l.basic.id = E(16), l.basic.key = Le.key, l.settings.text = e, {
+  return W(l, i), l.basic.id = E(16), l.basic.key = Ve.key, l.settings.text = e, {
     nodeLite: M(l),
     nodes: {
       [l.basic.id]: l
@@ -7826,7 +7826,7 @@ function Da(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = on.key;
-  const l = Pt(t, n, "window 1"), c = Pt(t, n, "window 2"), m = Pt(t, n, "window 3");
+  const l = Lt(t, n, "window 1"), c = Lt(t, n, "window 2"), m = Lt(t, n, "window 3");
   return {
     nodeLite: M(i, [l.nodeLite, c.nodeLite, m.nodeLite]),
     nodes: {
@@ -7837,7 +7837,7 @@ function Da(t, n) {
     }
   };
 }
-function Pt(t, n, e) {
+function Lt(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = R(t, n);
   if (!s) {
     console.error(`windowV1/spawnEntry property tag not found, ${o}`);
@@ -7889,13 +7889,13 @@ function Fa(t, n, e) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const i = Le.properties[s];
+  const i = Ve.properties[s];
   if (!i) {
     console.error(`windowV1/spawnText properties not found, ${o}`);
     return;
   }
   const l = A();
-  return W(l, i), l.basic.id = E(16), l.basic.key = Le.key, l.settings.text = e, l.settings.style.xs = "h6", {
+  return W(l, i), l.basic.id = E(16), l.basic.key = Ve.key, l.settings.text = e, l.settings.style.xs = "h6", {
     nodeLite: M(l),
     nodes: {
       [l.basic.id]: l
@@ -8040,7 +8040,7 @@ const lt = {
       default: void 0
     }
   ]
-}, Ha = {
+}, Ga = {
   key: "ref_v1",
   name: "x-runtime-lib.reference",
   comp: Tl,
@@ -8052,7 +8052,7 @@ const lt = {
   },
   leaf: !0
 };
-S(Ha);
+S(Ga);
 const xo = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -8064,7 +8064,7 @@ const xo = {
       default: !1
     }
   ]
-}, Ga = {
+}, Ha = {
   key: "render_switch_v1",
   name: "x-runtime-lib.renderSwitch",
   comp: El,
@@ -8073,7 +8073,7 @@ const xo = {
     compCommon: [y, xo]
   }
 };
-S(Ga);
+S(Ha);
 const at = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -8094,7 +8094,7 @@ const at = {
 }, Ja = {
   key: "slot_v1",
   name: "x-runtime-lib.slot",
-  comp: Pe,
+  comp: Ce,
   properties: {
     pageCommon: [y, q, at],
     compCommon: [y, q, at],
@@ -8104,9 +8104,9 @@ const at = {
   leaf: !0
 };
 S(Ja);
-const Oe = O(ee);
-Oe.key = "backgroundColor";
-Oe.name = "x-runtime-lib.backgroundColor";
+const Ke = O(ee);
+Ke.key = "backgroundColor";
+Ke.name = "x-runtime-lib.backgroundColor";
 const No = {
   key: "adaptSlot",
   name: "x-runtime-lib.adaptSlot",
@@ -8115,19 +8115,19 @@ const No = {
 }, Ua = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Oe]
+  children: [Ke]
 }, qa = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Oe, No]
+  children: [Ke, No]
 }, Xa = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Oe]
+  children: [Ke]
 }, Ya = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Oe, No]
+  children: [Ke, No]
 }, Za = {
   key: "startup",
   name: "x-runtime-lib.startup"
@@ -8379,7 +8379,7 @@ const nc = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: gt,
+    validator: ht,
     default: "0px",
     precision: 0,
     min: 0,
@@ -8427,7 +8427,7 @@ const nc = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: gt,
+    validator: ht,
     default: "0px"
   },
   {
@@ -8450,7 +8450,7 @@ const nc = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: gt,
+    validator: ht,
     min: 0,
     default: "0px"
   },
@@ -8475,7 +8475,7 @@ const nc = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: gt,
+    validator: ht,
     min: 0,
     default: "0px"
   },
@@ -8946,7 +8946,7 @@ function Pu(t, n, e, o, s) {
       console.error(`spawnNode [ref] element not found in pkg, ${i}`);
       return;
     }
-    const d = $e[m];
+    const d = we[m];
     if (!d) {
       console.error(`spawnNode [ref] element not found in global, ${i}`);
       return;
@@ -8969,7 +8969,7 @@ function Pu(t, n, e, o, s) {
       console.error(`spawnNode [key] element not found in pkg, ${i}`);
       return;
     }
-    const u = $e[m];
+    const u = we[m];
     if (!u) {
       console.error(`spawnNode [key] element not found in global, ${i}`);
       return;
@@ -9026,72 +9026,72 @@ function Fc(t) {
 function zu(t) {
   return t.map((n) => Fc(n));
 }
-const jo = "runtimeOrg", Ho = "runtimeEnv", Go = "runtimeMode", Jo = "runtimeDevice", Uo = "runtimeDark", qo = "runtimeId", Xo = "runtimeType", Yo = "runtimeData", Zo = "runtimeDepends", Qo = "runtimeRuntime", ei = "runtimeSandbox";
+const jo = "runtimeOrg", Go = "runtimeEnv", Ho = "runtimeMode", Jo = "runtimeDevice", Uo = "runtimeDark", qo = "runtimeId", Xo = "runtimeType", Yo = "runtimeData", Zo = "runtimeDepends", Qo = "runtimeRuntime", ei = "runtimeSandbox";
 function Tu(t) {
-  ye(jo, t);
+  be(jo, t);
 }
 function Nc() {
-  return fe(jo);
+  return ye(jo);
 }
 function Eu(t) {
-  ye(Ho, t);
+  be(Go, t);
 }
 function jc() {
-  return fe(Ho);
+  return ye(Go);
 }
 function Au(t) {
-  ye(Go, t);
+  be(Ho, t);
 }
 function Z() {
-  return fe(Go);
+  return ye(Ho);
 }
 function Mu(t) {
-  ye(Jo, ln(t));
+  be(Jo, ln(t));
 }
-function Fe() {
-  return fe(Jo);
+function De() {
+  return ye(Jo);
 }
 function Wu(t) {
-  ye(Uo, ln(t));
+  be(Uo, ln(t));
 }
 function Ze() {
-  return fe(Uo);
+  return ye(Uo);
 }
 function Bu(t) {
-  ye(qo, t);
+  be(qo, t);
 }
 function Qe() {
-  return fe(qo);
+  return ye(qo);
 }
 function Ru(t) {
-  ye(Xo, t);
+  be(Xo, t);
 }
-function Ce() {
-  return fe(Xo);
+function $e() {
+  return ye(Xo);
 }
-function ze(t) {
-  ye(Yo, t);
+function Pe(t) {
+  be(Yo, t);
 }
 function re() {
-  return fe(Yo);
+  return ye(Yo);
 }
 function Ku(t) {
-  ye(Zo, ln(t));
+  be(Zo, ln(t));
 }
-function Hc() {
-  return fe(Zo);
+function Gc() {
+  return ye(Zo);
 }
 function Du(t) {
-  ye(Qo, t);
+  be(Qo, t);
 }
-function Gc() {
-  return fe(Qo);
+function Hc() {
+  return ye(Qo);
 }
 function Jc(t) {
-  ye(ei, t);
+  be(ei, t);
 }
-function _e() {
-  return fe(ei, void 0);
+function ve() {
+  return ye(ei, void 0);
 }
 function je(t) {
   const n = [t.type];
@@ -9115,14 +9115,14 @@ async function ct(t, n, e, o, s) {
       for (const p of m)
         if (e === je(p)) {
           if (p.subKeys) {
-            if (!me(
-              Ve(o, p.subKeys),
-              Ve(s, p.subKeys)
+            if (!pe(
+              Se(o, p.subKeys),
+              Se(s, p.subKeys)
             )) {
               u = p;
               break;
             }
-          } else if (!me(o, s)) {
+          } else if (!pe(o, s)) {
             u = p;
             break;
           }
@@ -9130,7 +9130,7 @@ async function ct(t, n, e, o, s) {
       if (!u)
         continue;
       let d;
-      u.subKeys ? d = Ve(o, u.subKeys) : d = o;
+      u.subKeys ? d = Se(o, u.subKeys) : d = o;
       for (const p of m)
         if (p.subKeys) {
           let f;
@@ -9149,15 +9149,15 @@ async function ct(t, n, e, o, s) {
             console.assert(!1);
             continue;
           }
-          const b = Ve(f, p.subKeys);
-          if (me(d, b))
+          const b = Se(f, p.subKeys);
+          if (pe(d, b))
             continue;
-          const _ = O(f);
-          cn(_, p.subKeys, O(d)), p.type === "elementProperty" ? t.setElementProperty(
+          const g = O(f);
+          cn(g, p.subKeys, O(d)), p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
             p.propertyKeys.split("."),
-            _
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, _) : p.type === "customSlotProperty" ? t.setCustomSlotProperty(p.propertyId, _) : p.type === "state" ? t.setState(p.stateId, _) : console.assert(!1);
+            g
+          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, g) : p.type === "customSlotProperty" ? t.setCustomSlotProperty(p.propertyId, g) : p.type === "state" ? t.setState(p.stateId, g) : console.assert(!1);
         } else {
           let f;
           if (p.type === "elementProperty")
@@ -9175,7 +9175,7 @@ async 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,
@@ -9185,7 +9185,7 @@ async function ct(t, n, e, o, s) {
         }
     }
 }
-function Lt(t, n, e) {
+function ut(t, n, e) {
   const o = [t, n], s = e.split(".");
   return s.length > 1 ? o.push(...s.slice(1)) : o.push(e), `__implementMethod$${o.join("$")}__`;
 }
@@ -9224,7 +9224,7 @@ function Nu(t) {
 function ju(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Hu(t) {
+function Gu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapPropertyKeyOfCustomSlot invalid compId  key=${t}`);
@@ -9245,7 +9245,7 @@ function qc(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapMethodId invalid methodKey id=${t}`), { kind: e, nodeId: o, methodKey: s };
 }
-function Gu(t, n, e) {
+function Hu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
 function Ju(t) {
@@ -9269,7 +9269,7 @@ function qu(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapMethodKeyOfCustomSlot invalid methodId key=${t}`), { compId: e, slotId: o, methodId: s };
 }
-function ae(t, n, e) {
+function ce(t, n, e) {
   return `${t}/${n}/${e}`;
 }
 function Xc(t) {
@@ -9318,8 +9318,8 @@ function tm(t) {
   return n.length > 2 ? s = n[2] : console.error(`unwrapSlotId invalid slotKey id=${t}`), { kind: e, mainKey: o, slotKey: s };
 }
 function et(t, n) {
-  const e = Hc(), o = ie(-1);
-  Ie(() => {
+  const e = Gc(), o = ie(-1);
+  ke(() => {
     if (!t.value) {
       o.value = -1, n.value = void 0;
       return;
@@ -9335,14 +9335,14 @@ function et(t, n) {
 function nm() {
   let t;
   const n = async () => (t = (await Li()).newRuntime(), console.log("runtime created"), t);
-  return Se(() => {
+  return Ie(() => {
     t && (t.dispose(), console.log("runtime dispose"));
   }), { createRuntime: n };
 }
-function Be(t) {
+function Me(t) {
   return !!t.vm;
 }
-function ve(t, n) {
+function le(t, n) {
   if (n === void 0)
     return t.undefined;
   if (n === null)
@@ -9361,12 +9361,12 @@ function ve(t, n) {
       for (const c of Object.keys(n)) {
         var e = [];
         try {
-          const m = ke(e, ve(t, n[c]));
+          const m = Oe(e, le(t, n[c]));
           t.setProp(l, c, m);
         } catch (o) {
           var s = o, i = !0;
         } finally {
-          we(e, s, i);
+          Fe(e, s, i);
         }
       }
       return l;
@@ -9417,30 +9417,30 @@ function Yc(t) {
   }).consume((e) => n.setProp(n.global, "__messageV1__", e)), n.newFunction("__timeoutV1__", (e, o) => {
     const s = n.getNumber(e), i = n.getNumber(o);
     window.setTimeout(() => {
-      if (Be(t)) {
+      if (Me(t)) {
         var l = [];
         try {
-          const d = ke(l, n.getProp(n.global, "__timeoutCallback__"));
+          const d = Oe(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 {
-          we(l, m, u);
+          Fe(l, m, u);
         }
       }
     }, i);
   }).consume((e) => n.setProp(n.global, "__timeoutV1__", e)), n.newFunction("__delayV1__", (e) => {
     const o = n.getNumber(e), { promiseId: s, promise: i } = t.promiseManager.acquire();
     return window.setTimeout(() => {
-      Be(t) && (i.resolve(), t.promiseManager.release(s));
+      Me(t) && (i.resolve(), t.promiseManager.release(s));
     }, o), i.settled.then(n.runtime.executePendingJobs), i.handle;
   }).consume((e) => n.setProp(n.global, "__delayV1__", e));
 }
 const ti = ci({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: n } = he;
+    const { i18n: n } = _e;
     To(Ei(n, t));
   }
 });
@@ -9455,18 +9455,18 @@ function Qc(t) {
   }
   const { vm: n } = t;
   n.newFunction("__callFuncV1__", (e, o, s, i, l) => {
-    const c = n.getString(e), m = n.getString(o), u = n.dump(s), d = n.getString(i), p = n.getString(l), { promiseId: f, promise: b } = t.promiseManager.acquire(), _ = JSON.stringify(u);
+    const c = n.getString(e), m = n.getString(o), u = n.dump(s), d = n.getString(i), p = n.getString(l), { promiseId: f, promise: b } = t.promiseManager.acquire(), g = JSON.stringify(u);
     return Zc({
       spaceId: c,
       id: m,
-      strInputs: _,
+      strInputs: g,
       env: d
     }).then(
       ({ strOutputs: k }) => {
-        Be(t) && (b.resolve(n.evalCode(`JSON.parse('${k}')`).unwrap()), t.promiseManager.release(f));
+        Me(t) && (b.resolve(n.evalCode(`JSON.parse('${k}')`).unwrap()), t.promiseManager.release(f));
       },
       (k) => {
-        Be(t) && (b.reject(n.newString(`call func <${p}> failed, ${k}`)), t.promiseManager.release(f));
+        Me(t) && (b.reject(n.newString(`call func <${p}> failed, ${k}`)), t.promiseManager.release(f));
       }
     ), b.settled.then(n.runtime.executePendingJobs), b.handle;
   }).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
@@ -9491,12 +9491,12 @@ function tu(t) {
     const { kind: m, eventKey: u } = Xc(i);
     m === "customEvent" && t.parent && (t.parent.callFunctionAsync(
       "__triggerEventV1__",
-      ae("refEvent", t.nodeId, u),
+      ce("refEvent", t.nodeId, u),
       "",
       ...c
     ), t.parent.callFunctionAsync(
       "__triggerEventV1__",
-      ae("multipleRefEvent", t.nodeId, u),
+      ce("multipleRefEvent", t.nodeId, u),
       t.instance,
       ...c
     ));
@@ -9518,7 +9518,7 @@ function tu(t) {
       const d = t.children[`${c}/${i}`];
       d && (u = d.getCustomSlotProperty(m));
     } else l === "customProperty" ? u = t.getCustomProperty(m) : l === "adaptSlotElementProperty" || l === "adaptSlotCustomProperty" ? u = t.parent?.getCustomSlotProperty(m) : console.assert(!1);
-    return ve(n, u);
+    return le(n, u);
   }).consume((e) => n.setProp(n.global, "__getPropertyV1__", e)), n.newFunction("__setPropertyV1__", (e, o, s) => {
     const i = n.getString(e), l = n.dump(o), c = n.getString(s), { promiseId: m, promise: u } = t.promiseManager.acquire(), { kind: d, nodeId: p, propertyKey: f } = wo(i);
     if (d === "elementProperty")
@@ -9542,65 +9542,65 @@ function tu(t) {
   }).consume((e) => n.setProp(n.global, "__setPropertyV1__", e)), n.newFunction("__callMethodV1__", (e, o, s) => {
     const i = n.getString(e), l = n.getString(o), c = n.dump(s), { promiseId: m, promise: u } = t.promiseManager.acquire(), { kind: d, nodeId: p, methodKey: f } = qc(i);
     if (d === "elementMethod")
-      t.callElementMethod(i, f, c).then((b) => {
-        u.resolve(ve(n, b)), t.promiseManager.release(m);
-      });
+      t.callElementMethod(i, f, c).then(
+        (b) => {
+          le(n, b).consume((g) => u.resolve(g)), t.promiseManager.release(m);
+        },
+        (b) => {
+          le(n, b).consume((g) => u.reject(g)), t.promiseManager.release(m);
+        }
+      );
     else if (d === "refMethod") {
       const b = t.children[p];
-      b && b.callFunctionAsync(
-        Lt("customMethod", "globality", f),
+      b ? b.callFunctionAsync(
+        ut("customMethod", "globality", f),
         l,
         c
-      ).then((_) => {
-        var g = [];
-        try {
-          const k = ke(g, ve(n, _));
-          u.resolve(k);
-          t.promiseManager.release(m);
-        } catch (x) {
-          var h = x, v = !0;
-        } finally {
-          we(g, h, v);
+      ).then(
+        (g) => {
+          le(n, g).consume((k) => u.resolve(k)), t.promiseManager.release(m);
+        },
+        (g) => {
+          le(n, g).consume((k) => u.reject(k)), t.promiseManager.release(m);
         }
-      });
+      ) : (n.newError("sandbox not found").consume((g) => u.reject(g)), t.promiseManager.release(m));
     } else if (d === "multipleRefMethod") {
       const b = t.children[`${p}/${l}`];
-      b && b.callFunctionAsync(
-        Lt("customMethod", "globality", f),
+      b ? b.callFunctionAsync(
+        ut("customMethod", "globality", f),
         l,
         c
-      ).then((_) => {
-        var g = [];
-        try {
-          const k = ke(g, ve(n, _));
-          u.resolve(k);
-          t.promiseManager.release(m);
-        } catch (x) {
-          var h = x, v = !0;
-        } finally {
-          we(g, h, v);
+      ).then(
+        (g) => {
+          le(n, g).consume((k) => u.resolve(k)), t.promiseManager.release(m);
+        },
+        (g) => {
+          le(n, g).consume((k) => u.resolve(k)), t.promiseManager.release(m);
         }
-      });
-    } else d === "slotMethod" || d === "multipleSlotMethod" || d === "customMethod" || d === "adaptSlotElementMethod" || (d === "adaptSlotCustomMethod" ? t.parent && t.parent.callFunctionAsync(
-      Lt("customMethod", "globality", f),
+      ) : (n.newError("sandbox not found").consume((g) => u.reject(g)), t.promiseManager.release(m));
+    } else d === "slotMethod" || d === "multipleSlotMethod" || d === "customMethod" ? console.assert(!1, "no need to implement") : d === "adaptSlotElementMethod" || (d === "adaptSlotCustomMethod" ? t.parent ? t.kind === "slot" ? t.parent.callFunctionAsync(
+      ut("slotMethod", t.nodeId, f),
+      "",
+      c
+    ).then((b) => {
+      le(n, b).consume((g) => u.resolve(g)), t.promiseManager.release(m);
+    }) : t.kind === "multipleSlot" && t.parent.callFunctionAsync(
+      ut(
+        "multipleSlotMethod",
+        t.nodeId,
+        f
+      ),
       l,
       c
     ).then((b) => {
-      var k = [];
-      try {
-        const _ = ke(k, ve(n, b));
-        u.resolve(_);
-        t.promiseManager.release(m);
-      } catch (g) {
-        var x = g, h = !0;
-      } finally {
-        we(k, x, h);
-      }
-    }) : console.assert(!1));
+      le(n, b).consume((g) => u.resolve(g)), t.promiseManager.release(m);
+    }) : (n.newError("Not inserted into the slot").consume(
+      (b) => u.reject(b)
+    ), t.promiseManager.release(m)) : console.assert(!1, `not implemented kind=${d}`));
     return u.settled.then(n.runtime.executePendingJobs), u.handle;
   }).consume((e) => n.setProp(n.global, "__callMethodV1__", e)), n.newFunction("__getStateV1__", (e) => {
     const o = n.getString(e), s = t.getState(o);
-    return ve(n, s);
+    return le(n, s);
   }).consume((e) => n.setProp(n.global, "__getStateV1__", e)), n.newFunction("__setStateV1__", (e, o) => {
     const s = n.getString(e), i = n.dump(o);
     t.setState(s, i);
@@ -9612,21 +9612,21 @@ function tu(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" && zo(
-      he.i18n.global.t(
+      _e.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
   }).consume((e) => n.setProp(n.global, "__navigateToV1__", e)), n.newFunction("__openConfirmDlgV1__", (e, o) => {
     const s = n.getString(e), i = n.getString(o), { promiseId: l, promise: c } = t.promiseManager.acquire();
     return ui({ title: s, text: i }).then((m) => {
-      Be(t) && (m === void 0 ? c.resolve(n.undefined) : c.resolve(m ? n.true : n.false), t.promiseManager.release(l));
+      Me(t) && (m === void 0 ? c.resolve(n.undefined) : c.resolve(m ? n.true : n.false), t.promiseManager.release(l));
     }), c.settled.then(n.runtime.executePendingJobs), c.handle;
   }).consume((e) => n.setProp(n.global, "__openConfirmDlgV1__", e)), n.newFunction("__openPromptDlgV1__", (e, o, s) => {
     const i = n.getString(e), l = n.getString(o), c = n.dump(s), { promiseId: m, promise: u } = t.promiseManager.acquire();
     return mi({ title: i, label: l, value: c }).then((d) => {
-      Be(t) && (d === void 0 ? u.resolve(n.undefined) : u.resolve(n.newString(d)), t.promiseManager.release(m));
+      Me(t) && (d === void 0 ? u.resolve(n.undefined) : u.resolve(n.newString(d)), t.promiseManager.release(m));
     }), u.settled.then(n.runtime.executePendingJobs), u.handle;
   }).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
 }
@@ -9777,34 +9777,32 @@ class su {
   async createVm(n, e) {
     this.vm = n.newContext(), this.promiseManager = new iu(this.vm), nu(this), this.vm.evalCode(ou), this.vm.setProp(this.vm.global, "__env__", this.vm.newString(this.env)), this.vm.evalCode(e), await this.callFunctionAsync(
       "__triggerEventV1__",
-      ae("elementEvent", "globality", "startup"),
+      ce("elementEvent", "globality", "startup"),
       ""
     );
   }
   destroyVm() {
-    this.callFunctionSync("__destroy__"), this.promiseManager && (this.promiseManager.dispose(), this.promiseManager = void 0), this.vm && (this.vm.dispose(), this.vm = void 0);
+    this.vm && this.callFunctionSync("__destroy__"), this.promiseManager && (this.promiseManager.dispose(), this.promiseManager = void 0), this.vm && (this.vm.dispose(), this.vm = void 0);
   }
   callFunctionSync(n, ...e) {
     var m = [];
     try {
       const { vm: o } = this;
       if (!o)
-        return;
+        throw new Error("vm not available");
       const s = `${n}(${e.map((f) => JSON.stringify(f)).join(", ")})`;
       this.debugTrace(`callFunctionSync ${s})`);
-      const i = ke(m, o.getProp(o.global, n));
-      if (!i) {
-        console.error(`callFunctionSync function<${n}> not available`);
-        return;
-      }
-      const l = e.map((f) => ve(o, f));
+      const i = Oe(m, o.getProp(o.global, n));
+      if (!i)
+        throw new Error(`function<${n}> not available`);
+      const l = e.map((f) => le(o, f));
       const c = o.unwrapResult(o.callFunction(i, o.undefined, ...l)).consume((f) => o.dump(f));
       l.forEach((f) => f.dispose());
       return c;
     } catch (u) {
       var d = u, p = !0;
     } finally {
-      we(m, d, p);
+      Fe(m, d, p);
     }
   }
   async callFunctionAsync(n, ...e) {
@@ -9812,15 +9810,13 @@ class su {
     try {
       const { vm: o } = this;
       if (!o)
-        return;
+        throw new Error("vm not available");
       const s = `${n}(${e.map((b) => JSON.stringify(b)).join(", ")})`;
       this.debugTrace(`callFunctionAsync ${s}`);
-      const i = ke(u, o.getProp(o.global, n));
-      if (!i) {
-        console.error(`callFunctionAsync function<${n}> not available`);
-        return;
-      }
-      const l = e.map((b) => ve(o, b));
+      const i = Oe(u, o.getProp(o.global, n));
+      if (!i)
+        throw new Error(`function<${n}> not available`);
+      const l = e.map((b) => le(o, b));
       const c = o.unwrapResult(o.callFunction(i, o.undefined, ...l)).consume((b) => o.resolvePromise(b));
       o.runtime.executePendingJobs();
       l.map((b) => b.dispose());
@@ -9829,7 +9825,7 @@ class su {
     } catch (d) {
       var p = d, f = !0;
     } finally {
-      we(u, p, f);
+      Fe(u, p, f);
     }
   }
   //--------------------------
@@ -9849,7 +9845,7 @@ class su {
       );
       return;
     }
-    return Ve(o, e);
+    return Se(o, e);
   }
   setElementProperty(n, e, o) {
     const s = this.data.value?.view.nodes[n];
@@ -9862,8 +9858,8 @@ class su {
       );
       return;
     }
-    const i = Ve(s, e);
-    me(o, i) || (cn(s, e, o), this.hooks?.onElementPropertyChange(
+    const i = Se(s, e);
+    pe(o, i) || (cn(s, e, o), this.hooks?.onElementPropertyChange(
       s.basic.id,
       e,
       o,
@@ -9882,7 +9878,7 @@ class su {
   }
   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));
   }
   //--------------------------
   // 自定义插槽属性
@@ -9896,7 +9892,7 @@ class su {
   }
   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));
   }
   //--------------------------
   // 元素方法
@@ -9917,34 +9913,34 @@ class su {
   }
   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 = Nc(), l = jc(), c = Z(), m = Ce(), u = Fe(), d = Ze(), p = Gc(), f = async (x, h, v, z) => {
-    if (le(c)) {
-      if (me(h, ["settings", "slot"])) {
+  const i = Nc(), l = jc(), c = Z(), m = $e(), u = De(), d = Ze(), p = Hc(), f = async (x, _, v, z) => {
+    if (ae(c)) {
+      if (pe(_, ["settings", "slot"])) {
         const T = t.value?.view.nodeLites.find(
           (J) => J.id === x
         );
         T ? T.slotId = v : console.assert(!1);
       }
-      if (me(h, ["settings", "comp"])) {
+      if (pe(_, ["settings", "comp"])) {
         const T = t.value?.view.nodeLites.find(
           (J) => J.id === x
         );
         T ? T.compId = v : console.assert(!1);
       }
-      if (await g.callFunctionAsync(
+      if (await h.callFunctionAsync(
         "__triggerEventV1__",
-        ae("elementPropertyChangeEvent", x, h.join(".")),
+        ce("elementPropertyChangeEvent", x, _.join(".")),
         "",
         v,
         z ?? v
       ), t.value?.code.reactivity) {
         let T = "";
-        h instanceof Array ? T = h.join(".") : T = h, ct(
-          g,
+        _ instanceof Array ? T = _.join(".") : T = _, ct(
+          h,
           t.value.code.reactivity,
           je({
             type: "elementProperty",
@@ -9956,59 +9952,59 @@ function tt(t, n, e, o, s) {
         );
       }
     }
-  }, b = async (x, h, v) => {
-    le(c) && (await g.callFunctionAsync(
+  }, b = async (x, _, v) => {
+    ae(c) && (await h.callFunctionAsync(
       "__triggerEventV1__",
-      ae("customPropertyChangeEvent", "globality", x),
+      ce("customPropertyChangeEvent", "globality", x),
       "",
-      h,
-      v ?? h
-    ), await g.parent.callFunctionAsync(
+      _,
+      v ?? _
+    ), await h.parent.callFunctionAsync(
       "__triggerEventV1__",
-      ae("refPropertyChangeEvent", g.nodeId, x),
+      ce("refPropertyChangeEvent", h.nodeId, x),
       "",
-      h,
-      v ?? h
-    ), await g.parent.callFunctionAsync(
+      _,
+      v ?? _
+    ), await h.parent.callFunctionAsync(
       "__triggerEventV1__",
-      ae(
+      ce(
         "multipleRefPropertyChangeEvent",
-        g.nodeId,
+        h.nodeId,
         x
       ),
       "",
-      h,
-      v ?? h
+      _,
+      v ?? _
     ), t.value?.code.reactivity && ct(
-      g,
+      h,
       t.value.code.reactivity,
       je({ type: "customProperty", propertyId: x }),
-      h,
+      _,
       v
     ));
-  }, _ = (x, h, v) => {
-    le(c) && t.value?.code.reactivity && ct(
-      g,
+  }, g = (x, _, v) => {
+    ae(c) && t.value?.code.reactivity && ct(
+      h,
       t.value.code.reactivity,
       je({ type: "customSlotProperty", propertyId: x }),
-      h,
+      _,
       v
     );
-  }, k = async (x, h, v) => {
-    le(c) && (await g.callFunctionAsync(
+  }, k = async (x, _, v) => {
+    ae(c) && (await h.callFunctionAsync(
       "__triggerEventV1__",
-      ae("stateChangeEvent", "globality", x),
+      ce("stateChangeEvent", "globality", x),
       "",
-      h,
-      v ?? h
+      _,
+      v ?? _
     ), t.value?.code.reactivity && ct(
-      g,
+      h,
       t.value.code.reactivity,
       je({ type: "state", stateId: x }),
-      h,
+      _,
       v
     ));
-  }, g = new su(
+  }, h = new su(
     n,
     e,
     o,
@@ -10020,39 +10016,39 @@ function tt(t, n, e, o, s) {
     {
       onElementPropertyChange: f,
       onCustomPropertyChange: b,
-      onCustomSlotPropetyChange: _,
+      onCustomSlotPropetyChange: g,
       onStateChange: k
     }
   );
-  if (Jc(g), Se(() => {
-    g.dispose();
-  }), le(c)) {
+  if (Jc(h), Ie(() => {
+    h.dispose();
+  }), ae(c)) {
     const x = async () => {
-      g.destroyVm(), g.associateData(t), g.resetCustomProperties(), g.resetCustomSlotProperties(), g.resetStates(), !(!t.value || !t.value.code.script) && g.createVm(p, t.value.code.script);
+      h.destroyVm(), h.associateData(t), h.resetCustomProperties(), h.resetCustomSlotProperties(), h.resetStates(), !(!t.value || !t.value.code.script) && await h.createVm(p, t.value.code.script);
     };
-    x(), pe(t, () => {
+    x(), de(t, () => {
       x();
     });
   }
-  le(c) && pe(
+  ae(c) && de(
     u,
-    async (x, h) => {
-      const v = ut(x.width), z = ut(h?.width ?? x.width);
-      await g.callFunctionAsync(
+    async (x, _) => {
+      const v = mt(x.width), z = mt(_?.width ?? x.width);
+      await h.callFunctionAsync(
         "__triggerEventV1__",
-        ae("elementEvent", "globality", "screenSizeChange"),
+        ce("elementEvent", "globality", "screenSizeChange"),
         "",
         v,
         z
       );
     },
     { immediate: !0 }
-  ), le(c) && pe(
+  ), ae(c) && de(
     d,
     async (x) => {
-      await g.callFunctionAsync(
+      await h.callFunctionAsync(
         "__triggerEventV1__",
-        ae("elementEvent", "globality", "darkModeChange"),
+        ce("elementEvent", "globality", "darkModeChange"),
         "",
         x
       );
@@ -10060,7 +10056,7 @@ function tt(t, n, e, o, s) {
     { immediate: !0 }
   );
 }
-function G() {
+function H() {
   const t = Ze();
   return { theme: I(() => t.value ? "dark" : "light") };
 }
@@ -10075,7 +10071,7 @@ async function om(t) {
 }
 export {
   yu as addIndent,
-  Gl as ambientLightV1,
+  Hl as ambientLightV1,
   Ql as badgeV1,
   Et as barChartV1,
   zt as boxGeometryV1,
@@ -10083,7 +10079,7 @@ export {
   na as btnGroupV1,
   oa as btnToggleV1,
   Mt as btnV1,
-  ut as calcBreakpoint,
+  mt as calcBreakpoint,
   Je as cardV1,
   sa as checkboxV1,
   Bt as chipGroupV1,
@@ -10101,15 +10097,15 @@ export {
   Fc as duplicateNodePair,
   zu as duplicateNodePairs,
   Iu as elementKeys,
-  $e as elements,
+  we as elements,
   Vu as fileInputV1,
   Kt as flexLayoutEntryV1,
   Ue as flexLayoutV1,
   Ft as formV1,
   E as genId,
   Ne as getBreakpointProp,
-  Ve as getField,
-  Lt as getImplementMethodName,
+  Se as getField,
+  ut as getImplementMethodName,
   $n as getIndexOfBreakpoint,
   Lu as getNodeLite,
   ko as getPropertyDefault,
@@ -10123,32 +10119,32 @@ export {
   W as initProperties,
   Ze as injectDark,
   re as injectData,
-  Hc as injectDepends,
-  Fe as injectDevice,
+  Gc as injectDepends,
+  De as injectDevice,
   jc as injectEnv,
   Qe as injectId,
   Z as injectMode,
   Nc as injectOrg,
-  Gc as injectRuntime,
-  _e as injectSandbox,
-  Ce as injectType,
+  Hc as injectRuntime,
+  ve as injectSandbox,
+  $e as injectType,
   Ye as isCircularReference,
-  le as isExecutableMode,
+  ae as isExecutableMode,
   Ki as isLocaleOfEventKind,
   Ri as isLocaleOfMethodKind,
   Bi as isLocaleOfPropertyKind,
   _u as isLocaleOfSlotKind,
   an as isPercentStr,
-  gt as isPixelStr,
+  ht as isPixelStr,
   Bl as keyboardControlsV1,
   At as lineChartV1,
   om as loadLocaleMessageRuntime,
-  ae as makeEventId,
+  ce as makeEventId,
   Zu as makeEventKeyOfCustomSlot,
   Xu as makeEventKeyOfElementSlot,
   Uc as makeMethodId,
   Uu as makeMethodKeyOfCustomSlot,
-  Gu as makeMethodKeyOfElementSlot,
+  Hu as makeMethodKeyOfElementSlot,
   Ou as makePropertyId,
   ju as makePropertyKeyOfCustomSlot,
   Fu as makePropertyKeyOfElementSlot,
@@ -10156,8 +10152,8 @@ export {
   je as makeTriggerId,
   Rl as mapControlsV1,
   _a as menuV1,
-  He as meshBasicMaterialV1,
-  Ge as meshV1,
+  Ge as meshBasicMaterialV1,
+  He as meshV1,
   Na as multipleRefV1,
   ja as multipleSlotV1,
   Nt as numberInputV1,
@@ -10169,13 +10165,13 @@ export {
   wu as parseCompMeta,
   hu as parseData,
   xu as parsePageMeta,
-  wt as parsePercentStr,
+  It as parsePercentStr,
   fu as parsePixelStr,
   Wl as perspectiveCameraV1,
   Oc as pkgs,
   Ul as pointLightV1,
   Wu as provideDark,
-  ze as provideData,
+  Pe as provideData,
   Ku as provideDepends,
   Mu as provideDevice,
   Eu as provideEnv,
@@ -10185,13 +10181,13 @@ export {
   Du as provideRuntime,
   Jc as provideSandbox,
   Ru as provideType,
-  Ht as radioGroupV1,
+  Gt as radioGroupV1,
   jt as radioV1,
   Ia as rangeSliderV1,
   $a as ratingV1,
-  Ha as referenceV1,
+  Ga as referenceV1,
   S as regElement,
-  Ga as renderSwitchV1,
+  Ha as renderSwitchV1,
   Ai as reverseBreakpoints,
   Sa as selectV1,
   cn as setField,
@@ -10200,7 +10196,7 @@ export {
   Pu as spawnNode,
   Tt as sphereGeometryV1,
   ql as spotLightV1,
-  Gt as stepperHeaderV1,
+  Ht as stepperHeaderV1,
   Jt as stepperItemV1,
   Xt as stepperV1,
   qt as stepperWindowItemV1,
@@ -10209,7 +10205,7 @@ export {
   Yt as tabV1,
   Zt as tabsV1,
   Ot as textFieldV1,
-  Le as textV1,
+  Ve as textV1,
   Qt as textareaV1,
   en as timelineItemV1,
   tn as timelineV1,
@@ -10225,13 +10221,13 @@ export {
   qu as unwrapMethodKeyOfCustomSlot,
   Ju as unwrapMethodKeyOfElementSlot,
   wo as unwrapPropertyId,
-  Hu as unwrapPropertyKeyOfCustomSlot,
+  Gu as unwrapPropertyKeyOfCustomSlot,
   Nu as unwrapPropertyKeyOfElementSlot,
   tm as unwrapSlotId,
   et as useDepend,
   nm as useRuntime,
   tt as useSandbox,
-  G as useTheme,
+  H as useTheme,
   nn as windowItemV1,
   on as windowV1
 };