x-runtime-lib 0.8.147 → 0.8.149

package/dist/index.js

@@ -1,7 +1,7 @@
 var xn = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), kn = (t) => {
   throw TypeError(t);
 };
-var ve = (t, n, e) => {
+var ke = (t, n, e) => {
   if (n != null) {
     typeof n != "object" && typeof n != "function" && kn("Object expected");
     var o, s;
@@ -14,7 +14,7 @@ var ve = (t, n, e) => {
     }), t.push([e, o, n]);
   } else e && t.push([e]);
   return n;
-}, Se = (t, n, e) => {
+}, we = (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 ve = (t, n, e) => {
   };
   return i();
 };
-import { defineComponent as $, createElementBlock as te, createCommentVNode as se, unref as r, openBlock as k, createElementVNode as Re, computed as I, renderSlot as F, normalizeStyle as de, ref as ie, watch as pe, onUnmounted as Ie, onBeforeMount as ni, watchEffect as ke, createVNode as D, createBlock as C, useTemplateRef as wo, onMounted as Io, nextTick as on, withCtx as V, resolveComponent as B, isRef as ne, h as K, createSlots as sn, renderList as oi, useId as $o, withModifiers as ii, normalizeClass as si, toDisplayString as So, useAttrs as bt, inject as fe, provide as ye, readonly as rn } from "vue";
+import { defineComponent as $, createElementBlock as te, createCommentVNode as se, unref as r, openBlock as w, createElementVNode as Re, computed as I, renderSlot as O, normalizeStyle as de, ref as ie, watch as pe, onUnmounted as Se, onBeforeMount as ni, watchEffect as Ie, createVNode as D, createBlock as C, useTemplateRef as wo, onMounted as Io, nextTick as on, withCtx as V, resolveComponent as B, isRef as ne, h as K, createSlots as sn, renderList as oi, useId as $o, withModifiers as ii, normalizeClass as si, toDisplayString as So, useAttrs as bt, inject as fe, provide as ye, readonly as rn } from "vue";
 import { globalObjects as he, waitUtil as Co, useViewStack as Vo, eventBus as Po, messageInfo as ri, messageSuccess as li, messageWarning as Lo, messageError as zo, createAxios as ai, openConfirmDlg as ci, openPromptDlg as ui } from "x-essential-lib";
 import { CameraHelper as To, DirectionalLightHelper as mi, PointLightHelper as pi, SpotLightHelper as di } from "three";
-import { i as me, c as qe, K as fi, M as yi, O as bi, u as gi, r as Eo, e as Ao, a as hi, b as _i, d as vi, f as xi, g as ki, h as wi, j as Ii, k as $i, l as Mo, m as O, H as Si, n as Ci, o as Vi, p as Pi, q as Li } from "./vendor.m8tdmh16.js";
+import { i as me, c as qe, K as fi, M as yi, O as bi, u as gi, r as Eo, e as Ao, a as hi, b as _i, d as vi, f as xi, g as ki, h as wi, j as Ii, k as $i, l as Mo, m as F, H as Si, n as Ci, o as Vi, p as Pi, q as Li } from "./vendor.m8tdmh16.js";
 import { useTheme as zi } from "vuetify";
 import { getErrorMessage as Ti } from "x-error-lib";
 const wn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
@@ -86,7 +86,7 @@ function Ne(t, n) {
   }
   return e;
 }
-function Ce(t, n) {
+function Ve(t, n) {
   let e = t;
   if (typeof e != "object")
     return;
@@ -346,7 +346,7 @@ const Ki = ["position", "ratation", "scale"], Ke = /* @__PURE__ */ $({
   },
   setup(t) {
     const n = Z();
-    return (e, o) => r(n) === "editor" ? (k(), te("TresMesh", {
+    return (e, o) => r(n) === "editor" ? (w(), te("TresMesh", {
       key: 0,
       position: t.position ?? [0, 0, 0],
       ratation: t.ratation ?? [0, 0, 0],
@@ -356,7 +356,7 @@ const Ki = ["position", "ratation", "scale"], Ke = /* @__PURE__ */ $({
       Re("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)
     ])], 8, Ki)) : se("", !0);
   }
-}), G = /* @__PURE__ */ $({
+}), H = /* @__PURE__ */ $({
   __name: "index",
   props: {
     block: { type: Boolean, default: !1 },
@@ -377,16 +377,16 @@ const Ki = ["position", "ratation", "scale"], Ke = /* @__PURE__ */ $({
       pointerEvents: "auto",
       userSelect: "none"
     }));
-    return (s, i) => r(n) === "editor" ? (k(), te("div", {
+    return (s, i) => r(n) === "editor" ? (w(), te("div", {
       key: 0,
       style: de(e.value)
     }, [
-      F(s.$slots, "default"),
-      t.mask ? (k(), te("div", {
+      O(s.$slots, "default"),
+      t.mask ? (w(), te("div", {
         key: 0,
         style: de(o.value)
       }, null, 4)) : se("", !0)
-    ], 4)) : F(s.$slots, "default", { key: 1 });
+    ], 4)) : O(s.$slots, "default", { key: 1 });
   }
 });
 function Di(t) {
@@ -401,7 +401,7 @@ function P(t) {
     e.value = n.value.view.nodes[t.nodeId];
   });
   const { debugTrace: o } = Di(e);
-  return o("created"), Ie(() => {
+  return o("created"), Se(() => {
     o("destroyed");
   }), { node: e };
 }
@@ -411,30 +411,30 @@ function mt(t, n, e) {
     const s = I(() => Jc("elementMethod", t, n));
     ni(() => {
       o.eventBus?.on(s.value, e);
-    }), Ie(() => {
+    }), Se(() => {
       o.eventBus?.off(s.value, e);
     });
   }
 }
-const Oi = (t, n, e, o) => {
+const Fi = (t, n, e, o) => {
   let s;
-  if (t ? s = t.getElementProperty(n.basic.id, e) : s = Ce(n, e), o) {
+  if (t ? s = t.getElementProperty(n.basic.id, e) : s = Ve(n, e), o) {
     if (typeof s == "string")
       return JSON.parse(s);
     console.assert(!1);
     return;
   } else
     return s;
-}, Fi = (t, n, e, o, s) => {
+}, Oi = (t, n, e, o, s) => {
   let i;
   s ? typeof o == "object" ? i = JSON.stringify(o, null, 2) : (console.assert(!1), i = "{}") : i = o, t ? t.setElementProperty(n.basic.id, e, i) : an(n, e, i);
 };
 function a(t, n, e) {
   const o = _e(), s = ie();
-  return ke(() => {
-    s.value = Oi(o, t.value, n, e);
+  return Ie(() => {
+    s.value = Fi(o, t.value, n, e);
   }), pe(s, (i, l) => {
-    me(i, l) || Fi(o, t.value, n, s.value, e);
+    me(i, l) || Oi(o, t.value, n, s.value, e);
   }), { property: s };
 }
 function ue(t) {
@@ -463,17 +463,17 @@ function ue(t) {
     "rotation",
     "z"
   ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: m } = a(t, ["transform", "scale", "y"]), { property: u } = a(t, ["transform", "scale", "z"]), d = ie([0, 0, 0]), p = ie([0, 0, 0]), f = ie([1, 1, 1]);
-  return ke(() => {
+  return Ie(() => {
     d.value = [n.value, e.value, o.value];
-  }), ke(() => {
+  }), Ie(() => {
     n.value = d.value[0], e.value = d.value[1], o.value = d.value[2];
-  }), ke(() => {
+  }), Ie(() => {
     p.value = [s.value, i.value, l.value];
-  }), ke(() => {
+  }), Ie(() => {
     s.value = p.value[0], i.value = p.value[1], l.value = p.value[2];
-  }), ke(() => {
+  }), Ie(() => {
     f.value = [c.value, m.value, u.value];
-  }), ke(() => {
+  }), Ie(() => {
     c.value = f.value[0], m.value = f.value[1], u.value = f.value[2];
   }), { position: d, rotation: p, scale: f };
 }
@@ -517,7 +517,7 @@ function Do(t) {
   }
   return { show: n, position: e, type: o, data: s, applyXAxis: i };
 }
-function Oo(t) {
+function Fo(t) {
   const n = I(() => t.value.yAxis?.show), e = I(() => t.value.yAxis?.position), o = I(() => t.value.yAxis?.type), s = I(() => t.value.yAxis?.data);
   function i(l) {
     l.yAxis = {
@@ -564,7 +564,7 @@ function pn(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(() => {
+  const e = Z(), o = Oe(), 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);
       if (p)
@@ -600,7 +600,7 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
   },
   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 (g, v) => (k(), te("TresOrthographicCamera", {
+    return (b, _) => (w(), te("TresOrthographicCamera", {
       bottom: r(c),
       far: r(m),
       left: r(u),
@@ -612,14 +612,14 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       top: r(f)
     }, [
       D(r(Ke)),
-      r(o) === "editor" ? (k(), C(r(qe), {
+      r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(To)
       }, null, 8, ["type"])) : se("", !0),
-      F(g.$slots, "default")
+      O(b.$slots, "default")
     ], 8, Ni));
   }
-}), Gi = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Hi = /* @__PURE__ */ $({
+}), Hi = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Gi = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -628,7 +628,7 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
   },
   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"]);
-    return (p, f) => (k(), te("TresPerspectiveCamera", {
+    return (p, f) => (w(), te("TresPerspectiveCamera", {
       aspect: r(c),
       far: r(m),
       fov: r(u),
@@ -638,30 +638,30 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       scale: r(l)
     }, [
       D(r(Ke)),
-      r(o) === "editor" ? (k(), C(r(qe), {
+      r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(To)
       }, null, 8, ["type"])) : se("", !0),
-      F(p.$slots, "default")
-    ], 8, Gi));
+      O(p.$slots, "default")
+    ], 8, Hi));
   }
 }), Ji = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const n = Z();
-    return (e, o) => r(n) !== "editor" ? (k(), C(r(fi), { key: 0 })) : se("", !0);
+    return (e, o) => r(n) !== "editor" ? (w(), C(r(fi), { key: 0 })) : se("", !0);
   }
 }), Ui = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const n = Z();
-    return (e, o) => r(n) !== "editor" ? (k(), C(r(yi), { key: 0 })) : se("", !0);
+    return (e, o) => r(n) !== "editor" ? (w(), C(r(yi), { key: 0 })) : se("", !0);
   }
 }), qi = /* @__PURE__ */ $({
   __name: "index",
   setup(t) {
     const n = Z();
-    return (e, o) => r(n) !== "editor" ? (k(), C(r(bi), { key: 0 })) : se("", !0);
+    return (e, o) => r(n) !== "editor" ? (w(), C(r(bi), { key: 0 })) : se("", !0);
   }
 }), Xi = ["args"], Yi = /* @__PURE__ */ $({
   __name: "index",
@@ -681,7 +681,7 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (u, d) => (k(), te("TresBoxGeometry", {
+    return (u, d) => (w(), te("TresBoxGeometry", {
       args: [
         r(c),
         r(i),
@@ -724,7 +724,7 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegments"
     ]);
-    return (d, p) => (k(), te("TresSphereGeometry", {
+    return (d, p) => (w(), te("TresSphereGeometry", {
       args: [
         r(l),
         r(u),
@@ -748,7 +748,7 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "intensity"
     ]);
-    return (u, d) => (k(), te("TresAmbientLight", {
+    return (u, d) => (w(), te("TresAmbientLight", {
       color: r(c),
       intensity: r(m),
       position: r(o),
@@ -756,7 +756,7 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       scale: r(i)
     }, [
       D(r(Ke)),
-      F(u.$slots, "default")
+      O(u.$slots, "default")
     ], 8, es));
   }
 }), ns = ["color", "intensity", "position", "rotation", "scale"], os = /* @__PURE__ */ $({
@@ -771,7 +771,7 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "intensity"
     ]);
-    return (d, p) => (k(), te("TresDirectionalLight", {
+    return (d, p) => (w(), te("TresDirectionalLight", {
       color: r(m),
       intensity: r(u),
       position: r(s),
@@ -779,11 +779,11 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       scale: r(l)
     }, [
       D(r(Ke)),
-      r(o) === "editor" ? (k(), C(r(qe), {
+      r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(mi)
       }, null, 8, ["type"])) : se("", !0),
-      F(d.$slots, "default")
+      O(d.$slots, "default")
     ], 8, ns));
   }
 }), is = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], ss = /* @__PURE__ */ $({
@@ -801,7 +801,7 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "intensity"
     ]);
-    return (f, g) => (k(), te("TresPointLight", {
+    return (f, b) => (w(), te("TresPointLight", {
       color: r(m),
       decay: r(u),
       distance: r(d),
@@ -811,11 +811,11 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       scale: r(l)
     }, [
       D(r(Ke)),
-      r(o) === "editor" ? (k(), C(r(qe), {
+      r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(pi)
       }, null, 8, ["type"])) : se("", !0),
-      F(f.$slots, "default")
+      O(f.$slots, "default")
     ], 8, is));
   }
 }), rs = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], ls = /* @__PURE__ */ $({
@@ -832,32 +832,32 @@ const Ni = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { property: f } = a(e, [
       "settings",
       "intensity"
-    ]), { property: g } = a(e, [
+    ]), { property: b } = a(e, [
       "settings",
       "penumbra"
     ]);
-    return (v, w) => (k(), te("TresSpotLight", {
+    return (_, k) => (w(), te("TresSpotLight", {
       angle: r(c),
       color: r(u),
       decay: r(d),
       distance: r(p),
       intensity: r(f),
-      penumbra: r(g),
+      penumbra: r(b),
       position: r(o) !== "editor" ? r(s) : [0, 0, 0],
       rotation: r(o) !== "editor" ? r(i) : [0, 0, 0],
       scale: r(o) !== "editor" ? r(l) : [1, 1, 1]
     }, [
       D(r(Ke)),
-      r(o) === "editor" ? (k(), C(r(qe), {
+      r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(di)
       }, null, 8, ["type"])) : se("", !0),
-      F(v.$slots, "default")
+      O(_.$slots, "default")
     ], 8, rs));
   }
 }), as = {};
 function cs(t, n) {
-  return k(), te("TresMeshBasicMaterial");
+  return w(), te("TresMeshBasicMaterial");
 }
 const us = /* @__PURE__ */ De(as, [["render", cs]]), ms = ["position", "rotation", "scale"], ps = /* @__PURE__ */ $({
   __name: "index",
@@ -868,12 +868,12 @@ const us = /* @__PURE__ */ De(as, [["render", cs]]), ms = ["position", "rotation
   },
   setup(t) {
     const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = ue(e);
-    return (l, c) => (k(), te("TresGroup", {
+    return (l, c) => (w(), te("TresGroup", {
       position: r(o),
       rotation: r(s),
       scale: r(i)
     }, [
-      F(l.$slots, "default")
+      O(l.$slots, "default")
     ], 8, ms));
   }
 }), ds = ["position", "rotation", "scale"], fs = /* @__PURE__ */ $({
@@ -885,15 +885,15 @@ const us = /* @__PURE__ */ De(as, [["render", cs]]), ms = ["position", "rotation
   },
   setup(t) {
     const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = ue(e);
-    return (l, c) => (k(), te("TresMesh", {
+    return (l, c) => (w(), te("TresMesh", {
       position: r(o),
       rotation: r(s),
       scale: r(i)
     }, [
-      F(l.$slots, "default")
+      O(l.$slots, "default")
     ], 8, ds));
   }
-}), ys = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], bs = "#242424", gs = {}, hs = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, _s = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, vs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, xs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ks = { itemStyle: { borderWidth: 0, borderColor: "#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: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Ls = { 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" } }, zs = { 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)" } } }, 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 = { 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"] } } }, 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Rs = { textStyle: { color: "#eeeeee" } }, Ks = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Ds = { 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" } } }, Os = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Fs = { 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" } }, Ns = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, js = {
+}), ys = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], bs = "#242424", gs = {}, hs = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, _s = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, vs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, xs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ks = { itemStyle: { borderWidth: 0, borderColor: "#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: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Ls = { 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" } }, zs = { 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)" } } }, 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 = { 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"] } } }, 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Rs = { textStyle: { color: "#eeeeee" } }, Ks = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Ds = { 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"] }, Os = { 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" } }, Ns = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, js = {
   color: ys,
   backgroundColor: bs,
   textStyle: gs,
@@ -920,12 +920,12 @@ const us = /* @__PURE__ */ De(as, [["render", cs]]), ms = ["position", "rotation
   legend: Rs,
   tooltip: Ks,
   timeline: Ds,
-  visualMap: Os,
-  dataZoom: Fs,
+  visualMap: Fs,
+  dataZoom: Os,
   markPoint: Ns
-}, Gs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Hs = "#f5f5f5", Js = {}, Us = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, qs = { 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 }, Ys = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Zs = { itemStyle: { borderWidth: 0, borderColor: "#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: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, lr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, 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 = { 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"] } } }, 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, fr = { textStyle: { color: "#333333" } }, yr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, br = { 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" } } }, gr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, hr = { 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" } }, _r = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, vr = {
-  color: Gs,
-  backgroundColor: Hs,
+}, Hs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Gs = "#f5f5f5", Js = {}, Us = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, qs = { 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 }, Ys = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Zs = { itemStyle: { borderWidth: 0, borderColor: "#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: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, lr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, 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 = { 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"] } } }, 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 = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, fr = { textStyle: { color: "#333333" } }, yr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, br = { 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" } } }, gr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, hr = { 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" } }, _r = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, vr = {
+  color: Hs,
+  backgroundColor: Gs,
   textStyle: Js,
   title: Us,
   line: qs,
@@ -974,9 +974,9 @@ const xr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Fe(), s = Ze(), i = $e(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: g } = be(n, e), { applyTitle: v } = Ko(e), { applyXAxis: w } = Do(e), { applyYAxis: b } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ro(e), _ = I(() => {
+    const n = t, { node: e } = P(n), o = Oe(), s = Ze(), i = Ce(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: b } = be(n, e), { applyTitle: _ } = Ko(e), { applyXAxis: k } = Do(e), { applyYAxis: g } = Fo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ro(e), v = I(() => {
       const L = {}, U = l.value?.type;
-      return i === "page" ? U === "common" ? g(L) : console.assert(!1) : i === "comp" && U === "common" ? g(L) : console.assert(!1), L;
+      return i === "page" ? U === "common" ? b(L) : console.assert(!1) : i === "comp" && U === "common" ? b(L) : console.assert(!1), L;
     }), z = wo("chart");
     let T;
     const J = () => {
@@ -987,11 +987,11 @@ const xr = /* @__PURE__ */ $({
       T?.resize();
     }, j = () => {
       const L = {};
-      v(L), w(L), b(L), x(L), h(L), T?.setOption(L, !0);
+      _(L), k(L), g(L), x(L), h(L), T?.setOption(L, !0);
     };
     return Io(async () => {
       window.addEventListener("resize", Y, !1), await Co(() => !!z.value), J(), j();
-    }), Ie(() => {
+    }), Se(() => {
       window.removeEventListener("resize", Y, !1), T?.dispose();
     }), pe(
       [
@@ -1015,14 +1015,14 @@ const xr = /* @__PURE__ */ $({
         j();
       },
       { deep: !0 }
-    ), (L, U) => (k(), C(r(G), {
+    ), (L, U) => (w(), C(r(H), {
       block: "",
       mask: ""
     }, {
       default: V(() => [
         Re("div", {
           ref: "chart",
-          style: de(_.value)
+          style: de(v.value)
         }, null, 4)
       ]),
       _: 1
@@ -1036,9 +1036,9 @@ const xr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Fe(), s = Ze(), i = $e(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: g } = be(n, e), { applyTitle: v } = Ko(e), { applyXAxis: w } = Do(e), { applyYAxis: b } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ro(e), _ = I(() => {
+    const n = t, { node: e } = P(n), o = Oe(), s = Ze(), i = Ce(), l = re(), { width: c, minWidth: m, maxWidth: u, height: d, minHeight: p, maxHeight: f, applySize: b } = be(n, e), { applyTitle: _ } = Ko(e), { applyXAxis: k } = Do(e), { applyYAxis: g } = Fo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ro(e), v = I(() => {
       const L = {}, U = l.value?.type;
-      return i === "page" ? U === "common" ? g(L) : console.assert(!1) : i === "comp" && U === "common" ? g(L) : console.assert(!1), L;
+      return i === "page" ? U === "common" ? b(L) : console.assert(!1) : i === "comp" && U === "common" ? b(L) : console.assert(!1), L;
     }), z = wo("chart");
     let T;
     const J = () => {
@@ -1049,11 +1049,11 @@ const xr = /* @__PURE__ */ $({
       T?.resize();
     }, j = () => {
       const L = {};
-      v(L), w(L), b(L), x(L), h(L), T?.setOption(L, !0);
+      _(L), k(L), g(L), x(L), h(L), T?.setOption(L, !0);
     };
     return Io(async () => {
       window.addEventListener("resize", Y, !1), await Co(() => !!z.value), J(), j();
-    }), Ie(() => {
+    }), Se(() => {
       window.removeEventListener("resize", Y, !1), T?.dispose();
     }), pe(
       [
@@ -1077,14 +1077,14 @@ const xr = /* @__PURE__ */ $({
         j();
       },
       { deep: !0 }
-    ), (L, U) => (k(), C(r(G), {
+    ), (L, U) => (w(), C(r(H), {
       block: "",
       mask: ""
     }, {
       default: V(() => [
         Re("div", {
           ref: "chart",
-          style: de(_.value)
+          style: de(v.value)
         }, null, 4)
       ]),
       _: 1
@@ -1098,7 +1098,7 @@ const xr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "content"]), { property: s } = a(e, ["settings", "dot"]), { theme: i } = H(), { 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 } = G(), { property: l } = a(e, [
       "settings",
       "offset",
       "x"
@@ -1109,7 +1109,7 @@ const xr = /* @__PURE__ */ $({
     ]);
     return (m, u) => {
       const d = B("v-badge");
-      return k(), C(r(G), null, {
+      return w(), C(r(H), null, {
         default: V(() => [
           D(d, {
             content: r(o),
@@ -1119,7 +1119,7 @@ const xr = /* @__PURE__ */ $({
             theme: r(i)
           }, {
             default: V(() => [
-              F(m.$slots, "default")
+              O(m.$slots, "default")
             ]),
             _: 3
           }, 8, ["content", "dot", "offset-x", "offset-y", "theme"])
@@ -1143,25 +1143,26 @@ const xr = /* @__PURE__ */ $({
     ]), { 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: g } = a(e, ["size", "maxWidth"]), { property: v } = a(e, ["size", "minHeight"]), { property: w } = a(e, ["size", "minWidth"]), { property: b } = 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: _ } = a(e, ["size", "minHeight"]), { property: k } = a(e, ["size", "minWidth"]), { property: g } = a(e, [
       "settings",
       "addIcon",
       "prepend"
     ]), { property: x } = a(e, [
       "settings",
       "readonly"
-    ]), { property: h } = a(e, ["settings", "ripple"]), { property: _ } = 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 = (U) => {
+    ]), { property: h } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: z } = a(e, ["settings", "stacked"]), { property: T } = a(e, ["settings", "text"]), { theme: J } = G(), { 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)), o.callFunction(
+      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")
+        ae("elementEvent", n.nodeId, "click"),
+        ""
       );
     };
     return (U, oe) => {
       const ge = B("v-btn");
-      return k(), C(r(G), {
+      return w(), C(r(H), {
         block: r(i),
         mask: ""
       }, {
@@ -1175,13 +1176,13 @@ const xr = /* @__PURE__ */ $({
             height: r(d),
             loading: r(p),
             "max-height": r(f),
-            "max-width": r(g),
-            "min-height": r(v),
-            "min-width": r(w),
-            "prepend-icon": r(b),
+            "max-width": r(b),
+            "min-height": r(_),
+            "min-width": r(k),
+            "prepend-icon": r(g),
             readonly: r(x),
             ripple: r(h),
-            size: r(_),
+            size: r(v),
             stacked: r(z),
             text: r(T),
             theme: r(J),
@@ -1197,9 +1198,9 @@ const xr = /* @__PURE__ */ $({
 }), $r = {};
 function Sr(t, n) {
   const e = B("v-btn-group");
-  return k(), C(e, null, {
+  return w(), C(e, null, {
     default: V(() => [
-      F(t.$slots, "default")
+      O(t.$slots, "default")
     ]),
     _: 3
   });
@@ -1224,10 +1225,10 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: m } = a(e, [
       "settings",
       "readonly"
-    ]), { property: u } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = H(), { property: f } = a(e, ["settings", "tile"]), { property: g } = a(e, ["settings", "variant"]);
-    return (v, w) => {
-      const b = B("v-btn-toggle");
-      return k(), C(b, {
+    ]), { 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, {
         block: r(o),
         disabled: r(s),
         divided: r(i),
@@ -1238,10 +1239,10 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         stacked: r(d),
         theme: r(p),
         tile: r(f),
-        variant: r(g)
+        variant: r(b)
       }, {
         default: V(() => [
-          F(v.$slots, "default")
+          O(_.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
@@ -1261,10 +1262,10 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__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: g } = a(e, ["settings", "text"]), { theme: v } = H(), { property: w } = a(e, ["settings", "title"]), { property: b } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
-    return (h, _) => {
+    ]), { 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) => {
       const z = B("v-card");
-      return k(), C(r(G), { block: "" }, {
+      return w(), C(r(H), { block: "" }, {
         default: V(() => [
           D(z, {
             density: r(o),
@@ -1277,14 +1278,14 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             "min-height": r(d),
             "min-width": r(p),
             subtitle: r(f),
-            text: r(g),
-            theme: r(v),
-            title: r(w),
-            variant: r(b),
+            text: r(b),
+            theme: r(_),
+            title: r(k),
+            variant: r(g),
             width: r(x)
           }, {
             default: V(() => [
-              F(h.$slots, "default")
+              O(h.$slots, "default")
             ]),
             _: 3
           }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
@@ -1310,7 +1311,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]);
     return (i, l) => {
       const c = B("v-checkbox");
-      return k(), C(r(G), { mask: "" }, {
+      return w(), C(r(H), { mask: "" }, {
         default: V(() => [
           D(c, {
             disabled: r(o),
@@ -1338,12 +1339,12 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: m } = a(e, [
       "settings",
       "draggable"
-    ]), { property: u } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: g } = H(), { property: v } = a(e, ["settings", "tile"]), { property: w } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]);
+    ]), { property: u } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = G(), { property: _ } = a(e, ["settings", "tile"]), { property: k } = a(e, ["settings", "value"]), { property: g } = a(e, ["settings", "variant"]);
     return (x, h) => {
-      const _ = B("v-chip");
-      return k(), C(r(G), { mask: "" }, {
+      const v = B("v-chip");
+      return w(), C(r(H), { mask: "" }, {
         default: V(() => [
-          D(_, {
+          D(v, {
             closable: r(o),
             color: r(i),
             density: r(l),
@@ -1353,10 +1354,10 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             label: r(d),
             size: r(p),
             text: r(f),
-            theme: r(g),
-            tile: r(v),
-            value: r(w),
-            variant: r(b)
+            theme: r(b),
+            tile: r(_),
+            value: r(k),
+            variant: r(g)
           }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"])
         ]),
         _: 1
@@ -1386,12 +1387,12 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: u } = a(e, [
       "settings",
       "showArrows"
-    ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
-    return (f, g) => {
-      const v = B("v-chip-group");
-      return k(), C(v, {
+    ]), { theme: d } = G(), { property: p } = a(e, ["settings", "value"]);
+    return (f, b) => {
+      const _ = B("v-chip-group");
+      return w(), C(_, {
         modelValue: r(p),
-        "onUpdate:modelValue": g[0] || (g[0] = (w) => ne(p) ? p.value = w : null),
+        "onUpdate:modelValue": b[0] || (b[0] = (k) => ne(p) ? p.value = k : null),
         column: r(o),
         direction: r(s),
         disabled: r(i),
@@ -1402,7 +1403,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         theme: r(d)
       }, {
         default: V(() => [
-          F(f.$slots, "default")
+          O(f.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
@@ -1416,9 +1417,9 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = $e(), s = re(), { applySize: i } = be(n, e), l = I(() => {
-      const w = {}, b = s.value?.type;
-      return o === "page" ? b === "common" ? i(w) : console.assert(!1) : o === "comp" && b === "common" ? i(w) : console.assert(!1), w;
+    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;
     }), { property: c } = a(e, [
       "settings",
       "disabled"
@@ -1437,13 +1438,13 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: f } = a(e, [
       "settings",
       "landscape"
-    ]), { property: g } = a(e, [
+    ]), { property: b } = a(e, [
       "settings",
       "showSwatches"
-    ]), { theme: v } = H();
-    return (w, b) => {
+    ]), { theme: _ } = G();
+    return (k, g) => {
       const x = B("v-color-picker");
-      return k(), C(r(G), { mask: "" }, {
+      return w(), C(r(H), { mask: "" }, {
         default: V(() => [
           D(x, {
             disabled: r(c),
@@ -1452,9 +1453,9 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             "hide-inputs": r(d),
             "hide-sliders": r(p),
             landscape: r(f),
-            "show-swatches": r(g),
+            "show-swatches": r(b),
             style: de(l.value),
-            theme: r(v)
+            theme: r(_)
           }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"])
         ]),
         _: 1
@@ -1481,14 +1482,14 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: m } = H(), { property: u } = a(e, ["settings", "value"]);
+    ]), { theme: m } = G(), { property: u } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-combobox");
-      return k(), C(r(G), { mask: "" }, {
+      return w(), C(r(H), { mask: "" }, {
         default: V(() => [
           D(f, {
             modelValue: r(u),
-            "onUpdate:modelValue": p[0] || (p[0] = (g) => ne(u) ? u.value = g : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (b) => ne(u) ? u.value = b : null),
             "hide-details": r(o),
             label: r(s),
             placeholder: r(i),
@@ -1509,19 +1510,19 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = $e(), s = re(), { property: i } = a(e, [
+    const n = t, { node: e } = P(n), o = Ce(), s = re(), { property: i } = a(e, [
       "settings",
       "backgroundColor"
     ]), { color: l } = Q(i), { applySize: c } = be(n, e), { applyMargin: m } = mn(e), { applyPadding: u } = pn(e), { applyBorder: d } = un(e), p = I(() => {
-      const f = {}, g = s.value?.type;
-      return o === "page" ? g === "common" ? (c(f), m(f), u(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && g === "common" ? (c(f), m(f), u(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
+      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, g) => (k(), C(r(G), { block: "" }, {
+    return (f, b) => (w(), C(r(H), { block: "" }, {
       default: V(() => [
         Re("div", {
           style: de(p.value)
         }, [
-          F(f.$slots, "default")
+          O(f.$slots, "default")
         ], 4)
       ]),
       _: 3
@@ -1536,11 +1537,11 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
   },
   setup(t) {
     const n = t, e = Z(), o = Qe(), s = ie();
-    Le(s);
+    ze(s);
     const i = I(() => n.refContext.compId);
     et(i, s), le(e) && tt(s, "slot", "", "", _e());
     function l(m) {
-      const u = we[m.key];
+      const u = $e[m.key];
       if (!u) {
         console.assert(!1, `element not found key=${m.key}`);
         return;
@@ -1578,7 +1579,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
           { default: () => s.value.view.nodeLites.map((d) => l(d)) }
         );
     };
-    return (m, u) => (k(), C(c));
+    return (m, u) => (w(), C(c));
   }
 }), Br = /* @__PURE__ */ $({
   __name: "index",
@@ -1597,10 +1598,10 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: m } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "data"], !0), { property: d } = a(e, ["settings", "loading"]), { property: p } = a(e, [
       "settings",
       "multiSort"
-    ]), { theme: f } = H(), { property: g } = a(e, ["size", "width"]), { property: v } = a(e, ["slots", "columns"]);
-    return (w, b) => {
+    ]), { theme: f } = G(), { property: b } = a(e, ["size", "width"]), { property: _ } = a(e, ["slots", "columns"]);
+    return (k, g) => {
       const x = B("v-data-table");
-      return k(), C(r(G), {
+      return w(), C(r(H), {
         block: "",
         mask: ""
       }, {
@@ -1616,16 +1617,16 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             loading: r(d),
             "multi-sort": r(p),
             theme: r(f),
-            width: r(g)
+            width: r(b)
           }, sn({ _: 2 }, [
-            oi(r(v), ({ key: h, comp: _ }) => ({
+            oi(r(_), ({ key: h, comp: v }) => ({
               name: `item.${h}`,
               fn: V(({ value: z }) => [
                 D(Wr, {
                   "node-id": n.nodeId,
                   "ref-context": {
                     parent: n.refContext,
-                    compId: _
+                    compId: v
                   },
                   value: z
                 }, null, 8, ["node-id", "ref-context", "value"])
@@ -1642,7 +1643,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
   setup(t) {
     return (n, e) => {
       const o = B("v-date-picker");
-      return k(), C(r(G), { mask: "" }, {
+      return w(), C(r(H), { mask: "" }, {
         default: V(() => [
           D(o)
         ]),
@@ -1665,25 +1666,25 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
       o.value = !1;
     }), (s, i) => {
       const l = B("v-dialog");
-      return k(), C(l, {
+      return w(), C(l, {
         modelValue: r(o),
         "onUpdate:modelValue": i[0] || (i[0] = (c) => ne(o) ? o.value = c : null),
         attach: "#dialogContainer"
       }, {
         activator: V(() => [
-          r(e) === "editor" ? (k(), te("div", {
+          r(e) === "editor" ? (w(), te("div", {
             key: 0,
             id: `__node__@${n.nodeId}`
           }, null, 8, Kr)) : se("", !0)
         ]),
         default: V(() => [
-          F(s.$slots, "default")
+          O(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), Or = /* @__PURE__ */ $({
+}), Fr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1707,14 +1708,14 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
       "settings",
       "singleLine"
     ]);
-    return (g, v) => {
-      const w = B("v-file-input");
-      return k(), C(r(G), {
+    return (b, _) => {
+      const k = B("v-file-input");
+      return w(), C(r(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          D(w, {
+          D(k, {
             chips: r(o),
             density: r(s),
             direction: r(i),
@@ -1731,7 +1732,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
       });
     };
   }
-}), Fr = /* @__PURE__ */ $({
+}), Or = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1739,27 +1740,27 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Fe(), s = $e(), i = re(), { applySize: l } = be(n, e), { applyMargin: c } = mn(e), { applyPadding: m } = pn(e), { applyBorder: u } = un(e), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = Oe(), s = Ce(), i = re(), { applySize: l } = be(n, e), { applyMargin: c } = mn(e), { applyPadding: m } = pn(e), { applyBorder: u } = un(e), { property: d } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: p } = Q(d), f = (v) => {
-      p.value && (v.backgroundColor = p.value), v.display = "flex";
-      const w = ut(o.value.width), b = Ne(w, e.value.settings?.direction);
-      b === "row" ? v.flexDirection = "row" : b === "rowReverse" ? v.flexDirection = "row-reverse" : b === "column" ? v.flexDirection = "column" : b === "columnReverse" && (v.flexDirection = "column-reverse");
-      const x = Ne(w, e.value.settings?.wrap);
-      x === "no" ? v.flexWrap = "nowrap" : x === "yes" ? v.flexWrap = "wrap" : x === "reverse" && (v.flexWrap = "wrap-reverse");
-      const h = Ne(w, e.value.settings?.mainAlign);
-      h === "start" ? v.justifyContent = "flex-start" : h === "end" ? v.justifyContent = "flex-end" : h === "center" ? v.justifyContent = "center" : h === "spaceBetween" ? v.justifyContent = "space-between" : h === "spaceAround" ? v.justifyContent = "space-around" : h === "spaceEvenly" && (v.justifyContent = "space-evenly");
-      const _ = Ne(w, e.value.settings?.crossAlign);
-      _ === "start" ? v.alignItems = "flex-start" : _ === "end" ? v.alignItems = "flex-end" : _ === "center" ? v.alignItems = "center" : _ === "baseline" ? v.alignItems = "baseline" : _ === "stretch" && (v.alignItems = "stretch");
-    }, g = I(() => {
-      const v = {}, w = i.value?.type;
-      return s === "page" ? w === "common" ? (l(v), c(v), m(v), u(v), f(v)) : console.assert(!1) : s === "comp" && w === "common" ? (l(v), c(v), m(v), u(v), f(v)) : console.assert(!1), v;
+    ]), { 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");
+      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");
+      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");
+    }, 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), _;
     });
-    return (v, w) => (k(), te("div", {
-      style: de(g.value)
+    return (_, k) => (w(), te("div", {
+      style: de(b.value)
     }, [
-      F(v.$slots, "default")
+      O(_.$slots, "default")
     ], 4));
   }
 }), Nr = /* @__PURE__ */ $({
@@ -1770,14 +1771,14 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = $e(), 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 = Ce(), s = re(), { applySize: i } = be(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) => (k(), te("div", {
+    return (u, d) => (w(), te("div", {
       style: de(m.value)
     }, [
-      F(u.$slots, "default")
+      O(u.$slots, "default")
     ], 4));
   }
 }), jr = /* @__PURE__ */ $({
@@ -1788,38 +1789,39 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = $e(), s = re(), i = _e(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
+    const n = t, { node: e } = P(n), o = Ce(), s = re(), i = _e(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
       "settings",
       "fastFail"
     ]), { property: m } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: u } = Q(m), { applySize: d } = be(n, e), { applyMargin: p } = mn(e), { applyPadding: f } = pn(e), { applyBorder: g } = un(e), v = I(() => {
-      const b = {}, x = s.value?.type;
-      return o === "page" ? x === "common" ? (d(b), p(b), f(b), g(b), u.value && (b.backgroundColor = u.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(b), p(b), f(b), g(b), u.value && (b.backgroundColor = u.value)) : console.assert(!1), b;
-    }), w = () => {
-      i && i.callFunction(
+    ]), { color: u } = Q(m), { applySize: d } = be(n, e), { applyMargin: p } = mn(e), { applyPadding: f } = pn(e), { applyBorder: b } = un(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;
+    }), k = async () => {
+      await i?.callFunctionAsync(
         "__triggerEventV1__",
-        ae("elementEvent", n.nodeId, "submit")
+        ae("elementEvent", n.nodeId, "submit"),
+        ""
       );
     };
-    return (b, x) => {
+    return (g, x) => {
       const h = B("v-form");
-      return k(), C(h, {
+      return w(), C(h, {
         modelValue: r(l),
-        "onUpdate:modelValue": x[0] || (x[0] = (_) => ne(l) ? l.value = _ : null),
+        "onUpdate:modelValue": x[0] || (x[0] = (v) => ne(l) ? l.value = v : null),
         "fast-fail": r(c),
-        style: de(v.value),
-        onSubmit: ii(w, ["prevent"])
+        style: de(_.value),
+        onSubmit: ii(k, ["prevent"])
       }, {
         default: V(() => [
-          F(b.$slots, "default")
+          O(g.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), Gr = /* @__PURE__ */ $({
+}), Hr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1830,10 +1832,10 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__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 } = H();
+    ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: m } = G();
     return (u, d) => {
       const p = B("v-icon");
-      return k(), C(p, {
+      return w(), C(p, {
         color: r(s),
         disabled: r(i),
         icon: r(l),
@@ -1842,7 +1844,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), Hr = ["id"], Jr = /* @__PURE__ */ $({
+}), Gr = ["id"], Jr = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -1860,7 +1862,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
       o && (c.value = !1);
     }), (m, u) => {
       const d = B("v-menu");
-      return k(), C(d, {
+      return w(), C(d, {
         modelValue: r(c),
         "onUpdate:modelValue": u[0] || (u[0] = (p) => ne(c) ? c.value = p : null),
         attach: "menuContainer",
@@ -1869,13 +1871,13 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         target: l.value
       }, {
         activator: V(() => [
-          r(e) === "editor" ? (k(), te("div", {
+          r(e) === "editor" ? (w(), te("div", {
             key: 0,
             id: `__node__@${n.nodeId}`
-          }, null, 8, Hr)) : se("", !0)
+          }, null, 8, Gr)) : se("", !0)
         ]),
         default: V(() => [
-          F(m.$slots, "default")
+          O(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
@@ -1903,13 +1905,13 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { 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: g } = a(e, [
+    ]), { 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: v } = a(e, [
+    ]), { property: _ } = a(e, [
       "settings",
       "precision"
-    ]), { property: w } = a(e, ["settings", "prefix"]), { property: b } = a(e, [
+    ]), { property: k } = a(e, ["settings", "prefix"]), { property: g } = a(e, [
       "settings",
       "addIcon",
       "prepend"
@@ -1920,18 +1922,18 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: h } = a(e, [
       "settings",
       "readonly"
-    ]), { property: _ } = a(e, ["settings", "reverse"]), { property: z } = a(e, [
+    ]), { property: v } = a(e, ["settings", "reverse"]), { property: z } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: T } = a(e, ["settings", "step"]), { property: J } = a(e, ["settings", "suffix"]), { theme: Y } = H(), { property: j } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: U } = a(e, ["size", "width"]);
+    ]), { 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 ze = B("v-number-input");
-      return k(), C(r(G), {
+      const Te = B("v-number-input");
+      return w(), C(r(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          D(ze, {
+          D(Te, {
             modelValue: r(j),
             "onUpdate:modelValue": ge[0] || (ge[0] = (xe) => ne(j) ? j.value = xe : null),
             "append-icon": r(o),
@@ -1944,13 +1946,13 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             "max-width": r(d),
             min: r(p),
             "min-width": r(f),
-            placeholder: r(g),
-            precision: r(v),
-            prefix: r(w),
-            "prepend-icon": r(b),
+            placeholder: r(b),
+            precision: r(_),
+            prefix: r(k),
+            "prepend-icon": r(g),
             "prepend-inner-icon": r(x),
             readonly: r(h),
-            reverse: r(_),
+            reverse: r(v),
             "single-line": r(z),
             step: r(T),
             suffix: r(J),
@@ -1977,30 +1979,30 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__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 } = H(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: g } = a(e, ["settings", "variant"]), v = I(() => {
-      const w = {};
-      return o === "editor" && (w.pointerEvents = "none"), w;
+    ]), { 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(() => {
+      const k = {};
+      return o === "editor" && (k.pointerEvents = "none"), k;
     });
-    return (w, b) => {
+    return (k, g) => {
       const x = B("v-pagination");
-      return k(), C(r(G), {
+      return w(), C(r(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
           D(x, {
             modelValue: r(f),
-            "onUpdate:modelValue": b[0] || (b[0] = (h) => ne(f) ? f.value = h : null),
+            "onUpdate:modelValue": g[0] || (g[0] = (h) => ne(f) ? f.value = h : null),
             density: r(s),
             disabled: r(i),
             length: r(l),
             "show-first-last-page": r(c),
             size: r(m),
             start: r(u),
-            style: de(v.value),
+            style: de(_.value),
             theme: r(d),
             tile: r(p),
-            variant: r(g)
+            variant: r(b)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
         ]),
         _: 1
@@ -2021,10 +2023,10 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: c } = a(e, ["settings", "label"]), { property: m } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: u } = H(), { property: d } = a(e, ["settings", "value"]);
+    ]), { theme: u } = G(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
-      const g = B("v-radio");
-      return k(), C(g, {
+      const b = B("v-radio");
+      return w(), C(b, {
         color: r(s),
         density: r(i),
         disabled: r(l),
@@ -2052,14 +2054,14 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: l } = a(e, ["settings", "inline"]), { property: c } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = H(), { property: u } = a(e, ["settings", "value"]);
+    ]), { theme: m } = G(), { property: u } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-radio-group");
-      return k(), C(r(G), null, {
+      return w(), C(r(H), null, {
         default: V(() => [
           D(f, {
             modelValue: r(u),
-            "onUpdate:modelValue": p[0] || (p[0] = (g) => ne(u) ? u.value = g : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (b) => ne(u) ? u.value = b : null),
             density: r(o),
             direction: r(s),
             disabled: r(i),
@@ -2068,7 +2070,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             theme: r(m)
           }, {
             default: V(() => [
-              F(d.$slots, "default")
+              O(d.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -2105,18 +2107,18 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
         return "always";
       if (p.value === "show")
         return !0;
-    }), { property: g } = a(e, ["settings", "step"]), { theme: v } = H(), { property: w } = a(e, [
+    }), { property: b } = a(e, ["settings", "step"]), { theme: _ } = G(), { property: k } = a(e, [
       "settings",
       "thumbLabel"
-    ]), b = I(() => {
-      if (w.value === "always")
+    ]), g = I(() => {
+      if (k.value === "always")
         return "always";
-      if (w.value === "show")
+      if (k.value === "show")
         return !0;
     }), { property: x } = a(e, [
       "settings",
       "thumbSize"
-    ]), { property: h } = a(e, ["settings", "ticks"]), _ = I(() => {
+    ]), { property: h } = a(e, ["settings", "ticks"]), v = I(() => {
       if (!h.value)
         return;
       const j = {};
@@ -2143,7 +2145,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     });
     return (j, L) => {
       const U = B("v-range-slider");
-      return k(), C(r(G), {
+      return w(), C(r(H), {
         block: "",
         mask: ""
       }, {
@@ -2160,12 +2162,12 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             min: r(u),
             readonly: r(d),
             "show-ticks": f.value,
-            step: r(g),
-            theme: r(v),
-            "thumb-label": b.value,
+            step: r(b),
+            theme: r(_),
+            "thumb-label": g.value,
             "thumb-size": r(x),
             "tick-size": r(z),
-            ticks: _.value
+            ticks: v.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
         _: 1
@@ -2192,14 +2194,14 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: c } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "length"]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
-    return (f, g) => {
-      const v = B("v-rating");
-      return k(), C(r(G), { mask: "" }, {
+    ]), { theme: d } = G(), { property: p } = a(e, ["settings", "value"]);
+    return (f, b) => {
+      const _ = B("v-rating");
+      return w(), C(r(H), { mask: "" }, {
         default: V(() => [
-          D(v, {
+          D(_, {
             modelValue: r(p),
-            "onUpdate:modelValue": g[0] || (g[0] = (w) => ne(p) ? p.value = w : null),
+            "onUpdate:modelValue": b[0] || (b[0] = (k) => ne(p) ? p.value = k : null),
             clearable: r(o),
             density: r(s),
             disabled: r(i),
@@ -2234,17 +2236,17 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: c } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: m } = H(), { property: u } = a(e, ["settings", "value"]);
+    ]), { theme: m } = G(), { property: u } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-select");
-      return k(), C(r(G), {
+      return w(), C(r(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
           D(f, {
             modelValue: r(u),
-            "onUpdate:modelValue": p[0] || (p[0] = (g) => ne(u) ? u.value = g : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (b) => ne(u) ? u.value = b : null),
             "hide-details": r(o),
             label: r(s),
             placeholder: r(i),
@@ -2277,24 +2279,24 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: m } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "max"]), { property: d } = a(e, ["settings", "min"]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { property: f } = a(e, ["settings", "reverse"]), { property: g } = a(e, [
+    ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, [
       "settings",
       "showTicks"
-    ]), v = I(() => {
-      if (g.value === "always")
+    ]), _ = I(() => {
+      if (b.value === "always")
         return "always";
-      if (g.value === "show")
+      if (b.value === "show")
         return !0;
-    }), { property: w } = a(e, ["settings", "step"]), { theme: b } = H(), { property: x } = a(e, [
+    }), { property: k } = a(e, ["settings", "step"]), { theme: g } = G(), { property: x } = a(e, [
       "settings",
       "thumbColor"
-    ]), { color: h } = Q(x), { property: _ } = a(e, [
+    ]), { color: h } = Q(x), { property: v } = a(e, [
       "settings",
       "thumbLabel"
     ]), z = I(() => {
-      if (_.value === "always")
+      if (v.value === "always")
         return "always";
-      if (_.value === "show")
+      if (v.value === "show")
         return !0;
     }), { property: T } = a(e, [
       "settings",
@@ -2313,10 +2315,10 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     ]), { property: L } = a(e, [
       "settings",
       "trackColor"
-    ]), { color: U } = Q(L), { property: oe } = a(e, ["settings", "value"]), { property: ge } = a(e, ["slots", "append"]), { property: ze } = a(e, ["slots", "prepend"]);
+    ]), { color: U } = Q(L), { property: oe } = a(e, ["settings", "value"]), { property: ge } = a(e, ["slots", "append"]), { property: Te } = a(e, ["slots", "prepend"]);
     return (xe, nt) => {
       const kt = B("v-slider");
-      return k(), C(r(G), {
+      return w(), C(r(H), {
         block: "",
         mask: ""
       }, {
@@ -2333,9 +2335,9 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             min: r(d),
             readonly: r(p),
             reverse: r(f),
-            "show-ticks": v.value,
-            step: r(w),
-            theme: r(b),
+            "show-ticks": _.value,
+            step: r(k),
+            theme: r(g),
             "thumb-color": r(h),
             "thumb-label": z.value,
             "thumb-size": r(T),
@@ -2346,7 +2348,7 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
             r(ge) ? {
               name: "append",
               fn: V(() => [
-                D(r(Ve), {
+                D(r(Pe), {
                   "node-id": "append",
                   "ref-context": { compId: r(ge) },
                   state: {}
@@ -2354,12 +2356,12 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
               ]),
               key: "0"
             } : void 0,
-            r(ze) ? {
+            r(Te) ? {
               name: "prepend",
               fn: V(() => [
-                D(r(Ve), {
+                D(r(Pe), {
                   "node-id": "prepend",
-                  "ref-context": { compId: r(ze) },
+                  "ref-context": { compId: r(Te) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2382,17 +2384,17 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
     const n = t, { node: e } = P(n), { property: o } = a(e, [
       "settings",
       "hideActions"
-    ]), { theme: s } = H(), { property: i } = a(e, ["settings", "value"]);
+    ]), { theme: s } = G(), { property: i } = a(e, ["settings", "value"]);
     return (l, c) => {
       const m = B("v-stepper");
-      return k(), C(m, {
+      return w(), C(m, {
         modelValue: r(i),
         "onUpdate:modelValue": c[0] || (c[0] = (u) => ne(i) ? i.value = u : null),
         "hide-actions": r(o),
         theme: r(s)
       }, {
         default: V(() => [
-          F(l.$slots, "default")
+          O(l.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "hide-actions", "theme"]);
@@ -2401,9 +2403,9 @@ const Cr = /* @__PURE__ */ De($r, [["render", Sr]]), Vr = /* @__PURE__ */ $({
 }), ol = {};
 function il(t, n) {
   const e = B("v-stepper-header");
-  return k(), C(e, null, {
+  return w(), C(e, null, {
     default: V(() => [
-      F(t.$slots, "default")
+      O(t.$slots, "default")
     ]),
     _: 3
   });
@@ -2419,9 +2421,9 @@ const sl = /* @__PURE__ */ De(ol, [["render", il]]), rl = /* @__PURE__ */ $({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
     return (s, i) => {
       const l = B("v-stepper-item");
-      return k(), C(l, { value: r(o) }, {
+      return w(), C(l, { value: r(o) }, {
         default: V(() => [
-          F(s.$slots, "default")
+          O(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
@@ -2430,9 +2432,9 @@ const sl = /* @__PURE__ */ De(ol, [["render", il]]), rl = /* @__PURE__ */ $({
 }), ll = {};
 function al(t, n) {
   const e = B("v-stepper-window");
-  return k(), C(e, null, {
+  return w(), C(e, null, {
     default: V(() => [
-      F(t.$slots, "default")
+      O(t.$slots, "default")
     ]),
     _: 3
   });
@@ -2448,9 +2450,9 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
     return (s, i) => {
       const l = B("v-stepper-window-item");
-      return k(), C(l, { value: r(o) }, {
+      return w(), C(l, { value: r(o) }, {
         default: V(() => [
-          F(s.$slots, "default")
+          O(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
@@ -2476,14 +2478,14 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     ]), { property: c } = a(e, [
       "settings",
       "indeterminate"
-    ]), { property: m } = a(e, ["settings", "inline"]), { property: u } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: f } = H(), { property: g } = a(e, ["settings", "value"]);
-    return (v, w) => {
-      const b = B("v-switch");
-      return k(), C(r(G), { 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 } = G(), { property: b } = a(e, ["settings", "value"]);
+    return (_, k) => {
+      const g = B("v-switch");
+      return w(), C(r(H), { mask: "" }, {
         default: V(() => [
-          D(b, {
-            modelValue: r(g),
-            "onUpdate:modelValue": w[0] || (w[0] = (x) => ne(g) ? g.value = x : null),
+          D(g, {
+            modelValue: r(b),
+            "onUpdate:modelValue": k[0] || (k[0] = (x) => ne(b) ? b.value = x : null),
             density: r(o),
             direction: r(s),
             disabled: r(i),
@@ -2508,13 +2510,13 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { property: s } = a(e, ["settings", "text"]), { theme: i } = H(), { 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 } = G(), { 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 k(), C(r(G), { mask: "" }, {
+      return w(), C(r(H), { mask: "" }, {
         default: V(() => [
           D(d, {
             style: de(c.value),
@@ -2558,10 +2560,10 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     ]), { property: f } = a(e, [
       "settings",
       "fixedTabs"
-    ]), { property: g } = a(e, ["settings", "grow"]), { property: v } = a(e, [
+    ]), { property: b } = a(e, ["settings", "grow"]), { property: _ } = a(e, [
       "settings",
       "hideSlider"
-    ]), { property: w } = a(e, ["settings", "items"]), { property: b } = a(e, [
+    ]), { property: k } = a(e, ["settings", "items"]), { property: g } = a(e, [
       "settings",
       "mandatory"
     ]), { property: x } = a(e, [
@@ -2571,10 +2573,10 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: _ } = Q(h), { property: z } = a(e, ["settings", "stacked"]), { theme: T } = H(), { property: J } = a(e, ["settings", "value"]);
+    ]), { color: v } = Q(h), { property: z } = a(e, ["settings", "stacked"]), { theme: T } = G(), { property: J } = a(e, ["settings", "value"]);
     return (Y, j) => {
       const L = B("v-tabs");
-      return k(), C(r(G), {
+      return w(), C(r(H), {
         block: "",
         mask: ""
       }, {
@@ -2590,17 +2592,17 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
             direction: r(d),
             disabled: r(p),
             "fixed-tabs": r(f),
-            grow: r(g),
-            "hide-slider": r(v),
-            items: r(w),
-            mandatory: r(b),
+            grow: r(b),
+            "hide-slider": r(_),
+            items: r(k),
+            mandatory: r(g),
             "show-arrows": r(x),
-            "slider-color": r(_),
+            "slider-color": r(v),
             stacked: r(z),
             theme: r(T)
           }, {
             default: V(() => [
-              F(Y.$slots, "default")
+              O(Y.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"])
@@ -2617,17 +2619,17 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Fe(), { property: s } = a(e, ["settings", "align"]), { property: i } = a(e, [
+    const n = t, { node: e } = P(n), o = Oe(), { 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), g = Ne(f, e.value.settings?.style);
-      return g && p.push(`text-${g}`), l.value === "high" ? p.push("text-high-emphasis") : l.value === "medium" ? p.push("text-medium-emphasis") : l.value === "disabled" && p.push("text-disabled"), s.value && p.push(`font-${s.value}`), i.value && p.push(`text-decoration-${i.value}`), u.value && p.push(`font-weight-${u.value}`), c.value && p.push("font-italic"), p.join(" ");
+      const p = [], f = ut(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) => (k(), C(r(G), { mask: "" }, {
+    return (p, f) => (w(), C(r(H), { mask: "" }, {
       default: V(() => [
         Re("span", {
           class: si(d.value)
@@ -2659,20 +2661,20 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     ]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { property: f } = a(e, ["settings", "reverse"]), { property: g } = a(e, ["settings", "rows"]), { property: v } = a(e, [
+    ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, ["settings", "rows"]), { property: _ } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: w } = H(), { property: b } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
-    return (h, _) => {
+    ]), { theme: k } = G(), { property: g } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
+    return (h, v) => {
       const z = B("v-textarea");
-      return k(), C(r(G), {
+      return w(), C(r(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
           D(z, {
-            modelValue: r(b),
-            "onUpdate:modelValue": _[0] || (_[0] = (T) => ne(b) ? b.value = T : null),
+            modelValue: r(g),
+            "onUpdate:modelValue": v[0] || (v[0] = (T) => ne(g) ? g.value = T : null),
             "auto-grow": r(o),
             clearable: r(s),
             density: r(i),
@@ -2683,9 +2685,9 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
             placeholder: r(d),
             readonly: r(p),
             reverse: r(f),
-            rows: r(g),
-            "single-line": r(v),
-            theme: r(w),
+            rows: r(b),
+            "single-line": r(_),
+            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"])
         ]),
@@ -2722,19 +2724,19 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
     ]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: g } = a(e, ["settings", "prefix"]), { property: v } = a(e, [
+    ]), { property: b } = a(e, ["settings", "prefix"]), { property: _ } = a(e, [
       "settings",
       "prependIcon"
-    ]), { property: w } = a(e, [
+    ]), { property: k } = a(e, [
       "settings",
       "prependInnerIcon"
-    ]), { property: b } = a(e, [
+    ]), { property: g } = a(e, [
       "settings",
       "readonly"
     ]), { property: x } = a(e, ["settings", "reverse"]), { property: h } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: _ } = 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, [
+    ]), { 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, [
       "slots",
       "appendInner"
     ]), { property: L } = a(e, ["slots", "prepend"]), { property: U } = a(e, [
@@ -2742,13 +2744,13 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
       "prependInner"
     ]);
     return (oe, ge) => {
-      const ze = B("v-text-field");
-      return k(), C(r(G), {
+      const Te = B("v-text-field");
+      return w(), C(r(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          D(ze, {
+          D(Te, {
             modelValue: r(T),
             "onUpdate:modelValue": ge[0] || (ge[0] = (xe) => ne(T) ? T.value = xe : null),
             "append-icon": r(o),
@@ -2761,20 +2763,20 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
             label: r(d),
             loading: r(p),
             placeholder: r(f),
-            prefix: r(g),
-            "prepend-icon": r(v),
-            "prepend-inner-icon": r(w),
-            readonly: r(b),
+            prefix: r(b),
+            "prepend-icon": r(_),
+            "prepend-inner-icon": r(k),
+            readonly: r(g),
             reverse: r(x),
             "single-line": r(h),
-            suffix: r(_),
+            suffix: r(v),
             theme: r(z),
             variant: r(J)
           }, sn({ _: 2 }, [
             r(Y) ? {
               name: "append",
               fn: V(() => [
-                D(r(Ve), {
+                D(r(Pe), {
                   "node-id": "append",
                   "ref-context": { compId: r(Y) },
                   state: {}
@@ -2785,7 +2787,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
             r(j) ? {
               name: "append-inner",
               fn: V(() => [
-                D(r(Ve), {
+                D(r(Pe), {
                   "node-id": "append-inner",
                   "ref-context": { compId: r(j) },
                   state: {}
@@ -2796,7 +2798,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
             r(L) ? {
               name: "prepend",
               fn: V(() => [
-                D(r(Ve), {
+                D(r(Pe), {
                   "node-id": "prepend",
                   "ref-context": { compId: r(L) },
                   state: {}
@@ -2807,7 +2809,7 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
             r(U) ? {
               name: "prepend-inner",
               fn: V(() => [
-                D(r(Ve), {
+                D(r(Pe), {
                   "node-id": "prepend-inner",
                   "ref-context": { compId: r(U) },
                   state: {}
@@ -2851,18 +2853,18 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
       "settings",
       "line",
       "inset"
-    ]), { property: g } = a(e, [
+    ]), { property: b } = a(e, [
       "settings",
       "line",
       "thickness"
-    ]), { property: v } = a(e, ["settings", "side"]), { property: w } = a(e, [
+    ]), { property: _ } = a(e, ["settings", "side"]), { property: k } = a(e, [
       "settings",
       "line",
       "truncate"
-    ]), { theme: b } = H();
+    ]), { theme: g } = G();
     return (x, h) => {
-      const _ = B("v-timeline");
-      return k(), C(_, {
+      const v = B("v-timeline");
+      return w(), C(v, {
         align: r(o),
         density: r(s),
         direction: r(i),
@@ -2871,13 +2873,13 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
         "hide-opposite": r(u),
         "line-color": r(p),
         "line-inset": r(f),
-        "line-thickness": r(g),
-        side: r(v),
-        theme: r(b),
-        "truncate-line": r(w)
+        "line-thickness": r(b),
+        side: r(_),
+        theme: r(g),
+        "truncate-line": r(k)
       }, {
         default: V(() => [
-          F(x.$slots, "default")
+          O(x.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
@@ -2886,9 +2888,9 @@ const cl = /* @__PURE__ */ De(ll, [["render", al]]), ul = /* @__PURE__ */ $({
 }), hl = {};
 function _l(t, n) {
   const e = B("v-timeline-item");
-  return k(), C(e, null, {
+  return w(), C(e, null, {
     default: V(() => [
-      F(t.$slots, "default")
+      O(t.$slots, "default")
     ]),
     _: 3
   });
@@ -2913,12 +2915,12 @@ const vl = /* @__PURE__ */ De(hl, [["render", _l]]), xl = /* @__PURE__ */ $({
     ]), { property: l } = a(e, ["settings", "reverse"]), { property: c } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: m } = a(e, ["settings", "touch"]), { theme: u } = H(), { property: d } = a(e, ["settings", "value"]);
+    ]), { property: m } = a(e, ["settings", "touch"]), { theme: u } = G(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
-      const g = B("v-window");
-      return k(), C(g, {
+      const b = B("v-window");
+      return w(), C(b, {
         modelValue: r(d),
-        "onUpdate:modelValue": f[0] || (f[0] = (v) => ne(d) ? d.value = v : null),
+        "onUpdate:modelValue": f[0] || (f[0] = (_) => ne(d) ? d.value = _ : null),
         continuous: r(o),
         direction: r(i),
         disabled: r(s),
@@ -2928,7 +2930,7 @@ const vl = /* @__PURE__ */ De(hl, [["render", _l]]), xl = /* @__PURE__ */ $({
         touch: r(m)
       }, {
         default: V(() => [
-          F(p.$slots, "default")
+          O(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
@@ -2937,9 +2939,9 @@ const vl = /* @__PURE__ */ De(hl, [["render", _l]]), xl = /* @__PURE__ */ $({
 }), kl = {};
 function wl(t, n) {
   const e = B("v-window-item");
-  return k(), C(e, null, {
+  return w(), C(e, null, {
     default: V(() => [
-      F(t.$slots, "default")
+      O(t.$slots, "default")
     ]),
     _: 3
   });
@@ -2953,13 +2955,13 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
     instance: {}
   },
   setup(t) {
-    console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> created`), Ie(() => {
+    console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> created`), Se(() => {
       console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> destroyed`);
     });
-    const n = Z(), e = re(), o = I(() => O(e.value));
-    Le(o), le(n) && tt(o, "multipleSlot", t.nodeId, t.instance, _e());
+    const n = Z(), e = re(), o = I(() => F(e.value));
+    ze(o), le(n) && tt(o, "multipleSlot", t.nodeId, t.instance, _e());
     const s = (l) => {
-      const c = we[l.key];
+      const c = $e[l.key];
       if (!c) {
         console.assert(!1, `element not found key=${l.key}`);
         return;
@@ -2993,7 +2995,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
           default: () => o.value?.view.nodeLites.map((l) => s(l))
         });
     };
-    return (l, c) => (k(), C(i));
+    return (l, c) => (w(), C(i));
   }
 }), Sl = ["position", "rotation", "scale"], Cl = { style: { userSelect: "none" } }, ce = /* @__PURE__ */ $({
   __name: "index",
@@ -3005,12 +3007,12 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
     } }
   },
   setup(t) {
-    return (n, e) => (k(), te("TresGroup", {
+    return (n, e) => (w(), te("TresGroup", {
       position: t.position,
       rotation: t.rotation,
       scale: t.scale
     }, [
-      t.label ? (k(), C(r(Si), {
+      t.label ? (w(), C(r(Si), {
         key: 0,
         center: "",
         transform: ""
@@ -3020,7 +3022,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
         ]),
         _: 1
       })) : se("", !0),
-      F(n.$slots, "default")
+      O(n.$slots, "default")
     ], 8, Sl));
   }
 }), Vl = /* @__PURE__ */ $({
@@ -3032,24 +3034,24 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
   },
   setup(t) {
     const n = bt(), e = t, { node: o } = P(e), s = Qe(), i = re(), l = ie();
-    Le(l);
+    ze(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: g } = a(o, ["instances"]), v = (h, _) => {
-      h.findIndex((z) => z === _) >= 0 || h.push(_);
-    }, w = I(() => {
+    }), { position: d, rotation: p, scale: f } = ue(o), { property: b } = a(o, ["instances"]), _ = (h, v) => {
+      h.findIndex((z) => z === v) >= 0 || h.push(v);
+    }, k = I(() => {
       const h = [];
-      if (!Array.isArray(g.value))
+      if (!Array.isArray(b.value))
         return h;
-      for (const _ of g.value)
-        typeof _ == "string" && _ && v(h, _);
+      for (const v of b.value)
+        typeof v == "string" && v && _(h, v);
       return h;
-    }), b = (h, _) => K($l, {
+    }), g = (h, v) => K($l, {
       key: h,
-      subtype: _,
+      subtype: v,
       nodeId: e.nodeId,
       refContext: e.refContext,
       instance: h
@@ -3086,8 +3088,8 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
         console.assert(!1, "subtype not match");
         return;
       }
-      const _ = l.value.type;
-      if (_ === "common")
+      const v = l.value.type;
+      if (v === "common")
         return K(
           "div",
           {
@@ -3095,10 +3097,10 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
             style: u.value
           },
           {
-            default: () => w.value.map((z) => b(z, _))
+            default: () => k.value.map((z) => g(z, v))
           }
         );
-      if (_ === "scene")
+      if (v === "scene")
         return K(
           ce,
           {
@@ -3108,11 +3110,11 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
             scale: f.value
           },
           {
-            default: () => w.value.map((z) => b(z, _))
+            default: () => k.value.map((z) => g(z, v))
           }
         );
     };
-    return (h, _) => (k(), C(x));
+    return (h, v) => (w(), C(x));
   }
 }), Pl = /* @__PURE__ */ $({
   __name: "entry",
@@ -3123,13 +3125,13 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
     instance: {}
   },
   setup(t) {
-    console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> created`), Ie(() => {
+    console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> created`), Se(() => {
       console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> destroyed`);
     });
-    const n = Z(), e = re(), o = I(() => O(e.value));
-    Le(o), le(n) && tt(o, "multipleSlot", t.nodeId, t.instance, _e());
+    const n = Z(), e = re(), o = I(() => F(e.value));
+    ze(o), le(n) && tt(o, "multipleSlot", t.nodeId, t.instance, _e());
     const s = (l) => {
-      const c = we[l.key];
+      const c = $e[l.key];
       if (!c) {
         console.assert(!1, `element not found key=${l.key}`);
         return;
@@ -3163,7 +3165,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
           default: () => o.value?.view.nodeLites.map((l) => s(l))
         });
     };
-    return (l, c) => (k(), C(i));
+    return (l, c) => (w(), C(i));
   }
 }), Ll = /* @__PURE__ */ $({
   __name: "index",
@@ -3174,24 +3176,24 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
   },
   setup(t) {
     const n = bt(), e = t, { node: o } = P(e), s = Qe(), i = re(), l = ie();
-    Le(l);
+    ze(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: g } = a(o, ["instances"]), v = (h, _) => {
-      h.findIndex((z) => z === _) >= 0 || h.push(_);
-    }, w = I(() => {
+    }), { position: d, rotation: p, scale: f } = ue(o), { property: b } = a(o, ["instances"]), _ = (h, v) => {
+      h.findIndex((z) => z === v) >= 0 || h.push(v);
+    }, k = I(() => {
       const h = [];
-      if (!Array.isArray(g.value))
+      if (!Array.isArray(b.value))
         return h;
-      for (const _ of g.value)
-        typeof _ == "string" && _ && v(h, _);
+      for (const v of b.value)
+        typeof v == "string" && v && _(h, v);
       return h;
-    }), b = (h, _) => K(Pl, {
+    }), g = (h, v) => K(Pl, {
       key: h,
-      subtype: _,
+      subtype: v,
       nodeId: e.nodeId,
       refContext: e.refContext,
       instance: h
@@ -3228,8 +3230,8 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
         console.assert(!1, "subtype not match");
         return;
       }
-      const _ = l.value.type;
-      if (_ === "common")
+      const v = l.value.type;
+      if (v === "common")
         return K(
           "div",
           {
@@ -3237,10 +3239,10 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
             style: u.value
           },
           {
-            default: () => w.value.map((z) => b(z, _))
+            default: () => k.value.map((z) => g(z, v))
           }
         );
-      if (_ === "scene")
+      if (v === "scene")
         return K(
           ce,
           {
@@ -3250,11 +3252,11 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
             scale: f.value
           },
           {
-            default: () => w.value.map((z) => b(z, _))
+            default: () => k.value.map((z) => g(z, v))
           }
         );
     };
-    return (h, _) => (k(), C(x));
+    return (h, v) => (w(), C(x));
   }
 }), zl = /* @__PURE__ */ $({
   __name: "index",
@@ -3265,38 +3267,38 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
   },
   setup(t) {
     const n = bt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = re(), c = ie();
-    Le(c);
+    ze(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 b = {};
-      return l.value?.type === "common" && u(b), b;
-    }), { position: p, rotation: f, scale: g } = ue(o), v = (b) => {
-      const x = we[b.key];
+      const g = {};
+      return l.value?.type === "common" && u(g), g;
+    }), { position: p, rotation: f, scale: b } = ue(o), _ = (g) => {
+      const x = $e[g.key];
       if (!x) {
-        console.assert(!1, `element not found key=${b.key}`);
+        console.assert(!1, `element not found key=${g.key}`);
         return;
       }
       const h = {
-        nodeId: b.id
+        nodeId: g.id
       };
-      return Xe(b.key) && (h.refContext = {
+      return Xe(g.key) && (h.refContext = {
         parent: e.refContext,
-        compId: b.compId
+        compId: g.compId
       }), K(
         x.comp,
         {
-          key: b.id,
+          key: g.id,
           ...h
         },
         {
           default: () => {
             if (!x.leaf)
-              return b.children?.map((_) => v(_));
+              return g.children?.map((v) => _(v));
           }
         }
       );
-    }, w = () => {
+    }, k = () => {
       if (!e.refContext) {
         console.assert(!1, "invalid of ref context");
         return;
@@ -3305,25 +3307,25 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: b } = he;
+      const { i18n: g } = he;
       if (Ye(e.refContext, i))
         return l.value.type === "common" ? K(
           "div",
           { id: n.id, style: d.value },
-          b.global.t("x-runtime-lib.circularReference")
+          g.global.t("x-runtime-lib.circularReference")
         ) : l.value.type === "scene" ? K(ce, {
           name: n.name,
           position: p.value,
           rotation: f.value,
-          scale: g.value,
-          label: b.global.t("x-runtime-lib.circularReference")
+          scale: b.value,
+          label: g.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, {
           name: n.name,
           position: p.value,
           rotation: f.value,
-          scale: g.value
+          scale: b.value
         }) : void 0;
       if (c.value.type !== l.value.type) {
         console.assert(!1, "subtype not match");
@@ -3338,7 +3340,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
             style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((h) => v(h))
+            default: () => c.value?.view.nodeLites.map((h) => _(h))
           }
         );
       if (x === "scene")
@@ -3348,14 +3350,14 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
             name: n.name,
             position: p.value,
             rotation: f.value,
-            scale: g.value
+            scale: b.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((h) => v(h))
+            default: () => c.value?.view.nodeLites.map((h) => _(h))
           }
         );
     };
-    return (b, x) => (k(), C(w));
+    return (g, x) => (w(), C(k));
   }
 }), Tl = /* @__PURE__ */ $({
   __name: "index",
@@ -3366,14 +3368,14 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
   },
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "open"]);
-    return (s, i) => (k(), C(r(G), null, {
+    return (s, i) => (w(), C(r(H), null, {
       default: V(() => [
-        r(o) ? F(s.$slots, "default", { key: 0 }) : se("", !0)
+        r(o) ? O(s.$slots, "default", { key: 0 }) : se("", !0)
       ]),
       _: 3
     }));
   }
-}), Ve = /* @__PURE__ */ $({
+}), Pe = /* @__PURE__ */ $({
   __name: "index",
   props: {
     nodeId: {},
@@ -3382,40 +3384,40 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
   },
   setup(t) {
     const n = bt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = re(), c = ie();
-    Le(c);
+    ze(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 b = {};
-      return c.value?.type === "common" && u(b), b;
-    }), { position: p, rotation: f, scale: g } = ue(o);
-    function v(b) {
-      const x = we[b.key];
+      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];
       if (!x) {
-        console.assert(!1, `element not found key=${b.key}`);
+        console.assert(!1, `element not found key=${g.key}`);
         return;
       }
       const h = {
-        nodeId: b.id
+        nodeId: g.id
       };
-      return Xe(b.key) && (h.refContext = {
+      return Xe(g.key) && (h.refContext = {
         parent: e.refContext,
-        compId: b.compId
+        compId: g.compId
       }), K(
         x.comp,
         {
-          key: b.id,
+          key: g.id,
           ...h
         },
         {
           default: () => {
             if (!x.leaf)
-              return b.children?.map((_) => v(_));
+              return g.children?.map((v) => _(v));
           }
         }
       );
     }
-    const w = () => {
+    const k = () => {
       if (!e.refContext) {
         console.assert(!1, "invalid of ref context");
         return;
@@ -3424,25 +3426,25 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: b } = he;
+      const { i18n: g } = he;
       if (Ye(e.refContext, i))
         return l.value.type === "common" ? K(
           "div",
           { id: n.id, style: d.value },
-          b.global.t("x-runtime-lib.circularReference")
+          g.global.t("x-runtime-lib.circularReference")
         ) : l.value.type === "scene" ? K(ce, {
           name: n.name,
           position: p.value,
           rotation: f.value,
-          scale: g.value,
-          label: b.global.t("x-runtime-lib.circularReference")
+          scale: b.value,
+          label: g.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, {
           name: n.name,
           position: p.value,
           rotation: f.value,
-          scale: g.value
+          scale: b.value
         }) : void 0;
       if (c.value.type !== l.value.type) {
         console.assert(!1, "subtype not match");
@@ -3457,7 +3459,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
             style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((h) => v(h))
+            default: () => c.value?.view.nodeLites.map((h) => _(h))
           }
         );
       if (x === "scene")
@@ -3467,14 +3469,14 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
             name: n.name,
             position: p.value,
             rotation: f.value,
-            scale: g.value
+            scale: b.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((h) => v(h))
+            default: () => c.value?.view.nodeLites.map((h) => _(h))
           }
         );
     };
-    return (b, x) => (k(), C(w));
+    return (g, x) => (w(), C(k));
   }
 }), y = {
   key: "basic",
@@ -3538,7 +3540,7 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
       ]
     }
   ]
-}, El = O(ee), Ae = {
+}, El = F(ee), Ae = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -3905,8 +3907,8 @@ const Il = /* @__PURE__ */ De(kl, [["render", wl]]), $l = /* @__PURE__ */ $({
       defaultArray: []
     }
   ]
-}, we = {}, S = (t) => {
-  we[t.key] = t;
+}, $e = {}, S = (t) => {
+  $e[t.key] = t;
 }, $n = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4003,7 +4005,7 @@ const Sn = {
 }, Ml = {
   key: "scene_perspective_camera_v1",
   name: "x-runtime-lib.perspectiveCamera",
-  comp: Hi,
+  comp: Gi,
   properties: {
     pageScene: [y, X, Sn],
     compScene: [y, X, Sn]
@@ -4061,13 +4063,13 @@ function Kl(t, n) {
     console.error(`boxGeometryV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = He.properties[o];
+  const s = Ge.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 = He.key, i.transform = {
+  W(i, s), i.basic.id = E(16), i.basic.key = Ge.key, i.transform = {
     position: {
       x: 0,
       y: 0,
@@ -4084,7 +4086,7 @@ function Kl(t, n) {
       z: 1
     }
   };
-  const l = Dl(t, n), c = Ol(t, n);
+  const l = Dl(t, n), c = Fl(t, n);
   return {
     nodeLite: M(i, [l.nodeLite, c.nodeLite]),
     nodes: {
@@ -4124,7 +4126,7 @@ function Dl(t, n) {
     }
   };
 }
-function Ol(t, n) {
+function Fl(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
     console.error(
@@ -4132,7 +4134,7 @@ function Ol(t, n) {
     );
     return;
   }
-  const s = Ge.properties[o];
+  const s = He.properties[o];
   if (!s) {
     console.error(
       `boxGeometryV1/spawnMeshBasicMaterial properties not found, ${e}`
@@ -4140,7 +4142,7 @@ function Ol(t, n) {
     return;
   }
   const i = A();
-  return W(i, s), i.basic.id = E(16), i.basic.key = Ge.key, {
+  return W(i, s), i.basic.id = E(16), i.basic.key = He.key, {
     nodeLite: M(i),
     nodes: {
       [i.basic.id]: i
@@ -4206,19 +4208,19 @@ const Cn = {
   spawn: Kl
 };
 S(Lt);
-function Fl(t, n) {
+function Ol(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = He.properties[o];
+  const s = Ge.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 = He.key, i.transform = {
+  W(i, s), i.basic.id = E(16), i.basic.key = Ge.key, i.transform = {
     position: {
       x: 0,
       y: 0,
@@ -4284,7 +4286,7 @@ function jl(t, n) {
     );
     return;
   }
-  const s = Ge.properties[o];
+  const s = He.properties[o];
   if (!s) {
     console.error(
       `sphereGeometryV1/spawnMeshBasicMaterial properties not found, ${e}`
@@ -4292,7 +4294,7 @@ function jl(t, n) {
     return;
   }
   const i = A();
-  return W(i, s), i.basic.id = E(16), i.basic.key = Ge.key, {
+  return W(i, s), i.basic.id = E(16), i.basic.key = He.key, {
     nodeLite: M(i),
     nodes: {
       [i.basic.id]: i
@@ -4363,10 +4365,10 @@ const Vn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Fl
+  spawn: Ol
 };
 S(zt);
-const ht = O(ee);
+const ht = F(ee);
 ht.children[0].default = "custom";
 ht.children[2].children[0].default = "0xffffff";
 ht.children[2].children[1].default = "0xffffff";
@@ -4383,7 +4385,7 @@ const Pn = {
       default: 1
     }
   ]
-}, Gl = {
+}, Hl = {
   key: "scene_ambient_light_v1",
   name: "x-runtime-lib.ambientLight",
   comp: ts,
@@ -4395,8 +4397,8 @@ const Pn = {
   methods: [],
   slots: []
 };
-S(Gl);
-const _t = O(ee);
+S(Hl);
+const _t = F(ee);
 _t.children[0].default = "custom";
 _t.children[2].children[0].default = "0xffffff";
 _t.children[2].children[1].default = "0xffffff";
@@ -4413,7 +4415,7 @@ const Ln = {
       default: 1
     }
   ]
-}, Hl = {
+}, Gl = {
   key: "scene_directional_light_v1",
   name: "x-runtime-lib.directionalLight",
   comp: os,
@@ -4425,8 +4427,8 @@ const Ln = {
   methods: [],
   slots: []
 };
-S(Hl);
-const vt = O(ee);
+S(Gl);
+const vt = F(ee);
 vt.children[0].default = "custom";
 vt.children[2].children[0].default = "0xffffff";
 vt.children[2].children[1].default = "0xffffff";
@@ -4470,7 +4472,7 @@ const zn = {
   slots: []
 };
 S(Jl);
-const xt = O(ee);
+const xt = F(ee);
 xt.children[0].default = "custom";
 xt.children[2].children[0].default = "0xffffff";
 xt.children[2].children[1].default = "0xffffff";
@@ -4531,7 +4533,7 @@ const Tn = {
   slots: []
 };
 S(Ul);
-const Ge = {
+const He = {
   key: "scene_mesh_basic_material_v1",
   name: "x-runtime-lib.meshBasicMaterial",
   comp: us,
@@ -4544,7 +4546,7 @@ const Ge = {
   slots: [],
   leaf: !0
 };
-S(Ge);
+S(He);
 const ql = {
   key: "scene_group_v1",
   name: "x-runtime-lib.group",
@@ -4558,7 +4560,7 @@ const ql = {
   slots: []
 };
 S(ql);
-const He = {
+const Ge = {
   key: "scene_mesh_v1",
   name: "x-runtime-lib.mesh",
   comp: fs,
@@ -4570,7 +4572,7 @@ const He = {
   methods: [],
   slots: []
 };
-S(He);
+S(Ge);
 function Xl(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -4749,7 +4751,7 @@ function Ql(t, n) {
     }
   };
 }
-const ea = O(ee), Wn = {
+const ea = F(ee), Wn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5048,7 +5050,7 @@ const Kn = {
   leaf: !0
 };
 S(ia);
-const sa = O(ee), Dn = {
+const sa = F(ee), Dn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5147,7 +5149,7 @@ function ra(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = Wt.key;
-  const l = Te(t, n, "chip1", "chip 1"), c = Te(t, n, "chip2", "chip 2"), m = Te(t, n, "chip3", "chip 3"), u = Te(t, n, "chip4", "chip 4"), d = Te(t, n, "chip5", "chip 5"), p = Te(t, n, "chip6", "chip 6");
+  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");
   return {
     nodeLite: M(i, [
       l.nodeLite,
@@ -5168,7 +5170,7 @@ function ra(t, n) {
     }
   };
 }
-function Te(t, n, e, o) {
+function Ee(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}`);
@@ -5187,7 +5189,7 @@ function Te(t, n, e, o) {
     }
   };
 }
-const On = {
+const Fn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5246,8 +5248,8 @@ const On = {
   name: "x-runtime-lib.chipGroup",
   comp: Tr,
   properties: {
-    pageCommon: [y, On],
-    compCommon: [y, On]
+    pageCommon: [y, Fn],
+    compCommon: [y, Fn]
   },
   spawn: ra
 };
@@ -5263,7 +5265,7 @@ const la = {
   leaf: !0
 };
 S(la);
-const Fn = {
+const On = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5309,13 +5311,13 @@ const Fn = {
   name: "x-runtime-lib.combobox",
   comp: Ar,
   properties: {
-    pageCommon: [y, Fn],
-    compCommon: [y, Fn]
+    pageCommon: [y, On],
+    compCommon: [y, On]
   },
   leaf: !0
 };
 S(aa);
-const dn = O(ee);
+const dn = F(ee);
 dn.key = "backgroundColor";
 dn.name = "x-runtime-lib.backgroundColor";
 const Nn = {
@@ -5357,7 +5359,7 @@ const jn = {
       default: ""
     }
   ]
-}, Gn = {
+}, Hn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5465,7 +5467,7 @@ const jn = {
       default: !1
     }
   ]
-}, Hn = {
+}, Gn = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -5495,8 +5497,8 @@ const jn = {
   name: "x-runtime-lib.dataTable",
   comp: Br,
   properties: {
-    pageCommon: [y, jn, Gn, Hn],
-    compCommon: [y, jn, Gn, Hn]
+    pageCommon: [y, jn, Hn, Gn],
+    compCommon: [y, jn, Hn, Gn]
   },
   leaf: !0
 };
@@ -5540,7 +5542,7 @@ const Jn = {
 }, Cu = {
   key: "common_file_input_v1",
   name: "x-runtime-lib.fileInput",
-  comp: Or,
+  comp: Fr,
   properties: {
     pageCommon: [y, Jn],
     compCommon: [y, Jn]
@@ -5671,7 +5673,7 @@ function Kt(t, n, e, o, s, i, l, c, m) {
     }
   };
 }
-const fn = O(ee);
+const fn = F(ee);
 fn.key = "backgroundColor";
 fn.name = "x-runtime-lib.backgroundColor";
 const qn = {
@@ -5847,7 +5849,7 @@ const qn = {
 }, Ue = {
   key: "common_flex_layout_v1",
   name: "x-runtime-lib.flexLayout",
-  comp: Fr,
+  comp: Or,
   properties: {
     pageCommon: [y, q, Ae, Me, We, qn],
     compCommon: [y, q, Ae, Me, We, qn]
@@ -6048,13 +6050,13 @@ function fa(t, n) {
     console.error(`formV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Ot.properties[o];
+  const s = Ft.properties[o];
   if (!s) {
     console.error(`formV1/spawn properties not found, ${e}`);
     return;
   }
   const i = A();
-  W(i, s), i.basic.id = E(16), i.basic.key = Ot.key;
+  W(i, s), i.basic.id = E(16), i.basic.key = Ft.key;
   const l = ya(t, n);
   return {
     nodeLite: M(i, [l.nodeLite]),
@@ -6101,7 +6103,7 @@ const Zn = {
       default: !1
     }
   ]
-}, Ot = {
+}, Ft = {
   key: "common_form_v1",
   name: "x-runtime-lib.form",
   comp: jr,
@@ -6117,8 +6119,8 @@ const Zn = {
   ],
   spawn: fa
 };
-S(Ot);
-const ba = O(ee), Qn = {
+S(Ft);
+const ba = F(ee), Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6146,7 +6148,7 @@ const ba = O(ee), Qn = {
 }, ga = {
   key: "common_icon_v1",
   name: "x-runtime-lib.icon",
-  comp: Gr,
+  comp: Hr,
   properties: {
     pageCommon: [y, Qn],
     compCommon: [y, Qn]
@@ -6181,13 +6183,13 @@ function _a(t, n) {
     console.error(`numberInputV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Ft.properties[o];
+  const s = Ot.properties[o];
   if (!s) {
     console.error(`numberInputV1/spawn properties not found, ${e}`);
     return;
   }
   const i = A();
-  return W(i, s), i.basic.id = E(16), i.basic.key = Ft.key, i.settings.label = "label", i.settings.placeholder = "placeholder", {
+  return W(i, s), i.basic.id = E(16), i.basic.key = Ot.key, i.settings.label = "label", i.settings.placeholder = "placeholder", {
     nodeLite: M(i),
     nodes: {
       [i.basic.id]: i
@@ -6361,7 +6363,7 @@ const eo = {
       ]
     }
   ]
-}, Ft = {
+}, Ot = {
   key: "common_number_input_v1",
   name: "x-runtime-lib.numberInput",
   comp: Ur,
@@ -6394,7 +6396,7 @@ const eo = {
   leaf: !0,
   spawn: _a
 };
-S(Ft);
+S(Ot);
 const no = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6469,7 +6471,7 @@ const no = {
   leaf: !0
 };
 S(va);
-const xa = O(ee), oo = {
+const xa = F(ee), oo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6866,13 +6868,13 @@ const lo = {
   leaf: !0
 };
 S($a);
-const yn = O(ee);
+const yn = F(ee);
 yn.key = "color";
 yn.name = "x-runtime-lib.color";
-const bn = O(ee);
+const bn = F(ee);
 bn.key = "trackColor";
 bn.name = "x-runtime-lib.trackColor";
-const gn = O(ee);
+const gn = F(ee);
 gn.key = "thumbColor";
 gn.name = "x-runtime-lib.thumbColor";
 const ao = {
@@ -7012,7 +7014,7 @@ const ao = {
   leaf: !0
 };
 S(Sa);
-const Gt = {
+const Ht = {
   key: "common_stepper_header_v1",
   name: "x-runtime-lib.stepperHeader",
   comp: sl,
@@ -7021,7 +7023,7 @@ const Gt = {
     compCommon: [y]
   }
 };
-S(Gt);
+S(Ht);
 const uo = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7033,7 +7035,7 @@ const uo = {
       default: ""
     }
   ]
-}, Ht = {
+}, Gt = {
   key: "common_stepper_item_v1",
   name: "x-runtime-lib.stepperItem",
   comp: rl,
@@ -7042,7 +7044,7 @@ const uo = {
     compCommon: [y, uo]
   }
 };
-S(Ht);
+S(Gt);
 const Jt = {
   key: "common_stepper_window_v1",
   name: "x-runtime-lib.stepperWindow",
@@ -7103,13 +7105,13 @@ function Va(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;
+  W(i, s), i.basic.id = E(16), i.basic.key = Ht.key;
   const l = $t(t, n, "step1"), c = $t(t, n, "step2"), m = $t(t, n, "step3");
   return {
     nodeLite: M(i, [l.nodeLite, c.nodeLite, m.nodeLite]),
@@ -7127,13 +7129,13 @@ function $t(t, n, e) {
     console.error(`stepperV1/spawnItem property tag not found, ${o}`);
     return;
   }
-  const i = Ht.properties[s];
+  const i = Gt.properties[s];
   if (!i) {
     console.error(`stepperV1/spawnItem properties not found, ${o}`);
     return;
   }
   const l = A();
-  return W(l, i), l.basic.id = E(16), l.basic.key = Ht.key, l.settings.value = e, {
+  return W(l, i), l.basic.id = E(16), l.basic.key = Gt.key, l.settings.value = e, {
     nodeLite: M(l, []),
     nodes: {
       [l.basic.id]: l
@@ -7319,13 +7321,13 @@ function Ct(t, n, e, o) {
     }
   };
 }
-const hn = O(ee);
+const hn = F(ee);
 hn.key = "backgroundColor";
 hn.name = "x-runtime-lib.backgroundColor";
-const _n = O(ee);
+const _n = F(ee);
 _n.key = "selectedColor";
 _n.name = "x-runtime-lib.selectedColor";
-const vn = O(ee);
+const vn = F(ee);
 vn.key = "sliderColor";
 vn.name = "x-runtime-lib.sliderColor";
 const yo = {
@@ -7424,13 +7426,13 @@ function Ea(t, n) {
     console.error(`textV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Pe.properties[o];
+  const s = Le.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 = Pe.key, i.settings.text = "text", {
+  return W(i, s), i.basic.id = E(16), i.basic.key = Le.key, i.settings.text = "text", {
     nodeLite: M(i),
     nodes: {
       [i.basic.id]: i
@@ -7523,7 +7525,7 @@ const bo = {
       default: !1
     }
   ]
-}, Pe = {
+}, Le = {
   key: "common_text_v1",
   name: "x-runtime-lib.text",
   comp: fl,
@@ -7534,7 +7536,7 @@ const bo = {
   leaf: !0,
   spawn: Ea
 };
-S(Pe);
+S(Le);
 function Aa(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -7699,20 +7701,20 @@ function Wa(t, n, e) {
     console.error(`timelineV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const i = Pe.properties[s];
+  const i = Le.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 = Pe.key, l.settings.text = e, {
+  return W(l, i), l.basic.id = E(16), l.basic.key = Le.key, l.settings.text = e, {
     nodeLite: M(l),
     nodes: {
       [l.basic.id]: l
     }
   };
 }
-const Ba = O(ee), Ra = O(ee), ho = {
+const Ba = F(ee), Ra = F(ee), ho = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7872,7 +7874,7 @@ function Da(t, n, e) {
   }
   const l = A();
   W(l, i), l.basic.id = E(16), l.basic.key = Ue.key, l.size.height = "200px", l.settings.mainAlign.xs = "center", l.settings.crossAlign.xs = "center", l.settings.backgroundColor.mode = "theme", l.settings.backgroundColor.theme = "background2";
-  const c = Oa(t, n, e);
+  const c = Fa(t, n, e);
   return {
     nodeLite: M(l, [c.nodeLite]),
     nodes: {
@@ -7881,19 +7883,19 @@ function Da(t, n, e) {
     }
   };
 }
-function Oa(t, n, e) {
+function Fa(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = R(t, n);
   if (!s) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const i = Pe.properties[s];
+  const i = Le.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 = Pe.key, l.settings.text = e, l.settings.style.xs = "h6", {
+  return W(l, i), l.basic.id = E(16), l.basic.key = Le.key, l.settings.text = e, l.settings.style.xs = "h6", {
     nodeLite: M(l),
     nodes: {
       [l.basic.id]: l
@@ -7977,7 +7979,7 @@ const ot = {
   default: "",
   array: !0,
   defaultArray: []
-}, Fa = {
+}, Oa = {
   key: "multiple_ref_v1",
   name: "x-runtime-lib.multipleRef",
   comp: Vl,
@@ -7989,7 +7991,7 @@ const ot = {
   },
   leaf: !0
 };
-S(Fa);
+S(Oa);
 const st = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -8062,7 +8064,7 @@ const vo = {
       default: !1
     }
   ]
-}, Ga = {
+}, Ha = {
   key: "render_switch_v1",
   name: "x-runtime-lib.renderSwitch",
   comp: Tl,
@@ -8071,7 +8073,7 @@ const vo = {
     compCommon: [y, vo]
   }
 };
-S(Ga);
+S(Ha);
 const at = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -8089,10 +8091,10 @@ const at = {
       default: void 0
     }
   ]
-}, Ha = {
+}, Ga = {
   key: "slot_v1",
   name: "x-runtime-lib.slot",
-  comp: Ve,
+  comp: Pe,
   properties: {
     pageCommon: [y, q, at],
     compCommon: [y, q, at],
@@ -8101,11 +8103,11 @@ const at = {
   },
   leaf: !0
 };
-S(Ha);
-const Oe = O(ee);
-Oe.key = "backgroundColor";
-Oe.name = "x-runtime-lib.backgroundColor";
-const Fo = {
+S(Ga);
+const Fe = F(ee);
+Fe.key = "backgroundColor";
+Fe.name = "x-runtime-lib.backgroundColor";
+const Oo = {
   key: "adaptSlot",
   name: "x-runtime-lib.adaptSlot",
   ui: "selectAdaptSlot",
@@ -8113,19 +8115,19 @@ const Fo = {
 }, Ja = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Oe]
+  children: [Fe]
 }, Ua = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Oe, Fo]
+  children: [Fe, Oo]
 }, qa = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Oe]
+  children: [Fe]
 }, Xa = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Oe, Fo]
+  children: [Fe, Oo]
 }, Ya = {
   key: "startup",
   name: "x-runtime-lib.startup"
@@ -8908,9 +8910,9 @@ function R(t, n) {
 }
 function xo(t, n) {
   if (t.array)
-    return n ? O(t.default) : O(t.defaultArray);
+    return n ? F(t.default) : F(t.defaultArray);
   {
-    const e = O(t.default);
+    const e = F(t.default);
     return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "selectComp" || t.ui === "selectSlot" || t.ui === "selectAdaptSlot") && !e ? void 0 : e;
   }
 }
@@ -8944,7 +8946,7 @@ function Vu(t, n, e, o, s) {
       console.error(`spawnNode [ref] element not found in pkg, ${i}`);
       return;
     }
-    const d = we[m];
+    const d = $e[m];
     if (!d) {
       console.error(`spawnNode [ref] element not found in global, ${i}`);
       return;
@@ -8967,7 +8969,7 @@ function Vu(t, n, e, o, s) {
       console.error(`spawnNode [key] element not found in pkg, ${i}`);
       return;
     }
-    const u = we[m];
+    const u = $e[m];
     if (!u) {
       console.error(`spawnNode [key] element not found in global, ${i}`);
       return;
@@ -9009,26 +9011,26 @@ function Pu(t, n) {
       return s;
   }
 }
-function Oc(t) {
+function Fc(t) {
   const n = {}, e = (i) => {
     const l = E(16);
     n[i.id] = l, i.id = l, i.children?.map((c) => e(c));
-  }, o = O(t.nodeLite);
+  }, o = F(t.nodeLite);
   e(o);
   const s = {};
   return Object.values(t.nodes).forEach((i) => {
-    const l = O(i);
+    const l = F(i);
     l.basic.id = n[l.basic.id], s[l.basic.id] = l;
   }), { nodeLite: o, nodes: s };
 }
 function Lu(t) {
-  return t.map((n) => Oc(n));
+  return t.map((n) => Fc(n));
 }
-const No = "runtimeOrg", jo = "runtimeEnv", Go = "runtimeMode", Ho = "runtimeDevice", Jo = "runtimeDark", Uo = "runtimeId", qo = "runtimeType", Xo = "runtimeData", Yo = "runtimeDepends", Zo = "runtimeRuntime", Qo = "runtimeSandbox";
+const No = "runtimeOrg", jo = "runtimeEnv", Ho = "runtimeMode", Go = "runtimeDevice", Jo = "runtimeDark", Uo = "runtimeId", qo = "runtimeType", Xo = "runtimeData", Yo = "runtimeDepends", Zo = "runtimeRuntime", Qo = "runtimeSandbox";
 function zu(t) {
   ye(No, t);
 }
-function Fc() {
+function Oc() {
   return fe(No);
 }
 function Tu(t) {
@@ -9038,16 +9040,16 @@ function Nc() {
   return fe(jo);
 }
 function Eu(t) {
-  ye(Go, t);
+  ye(Ho, t);
 }
 function Z() {
-  return fe(Go);
+  return fe(Ho);
 }
 function Au(t) {
-  ye(Ho, rn(t));
+  ye(Go, rn(t));
 }
-function Fe() {
-  return fe(Ho);
+function Oe() {
+  return fe(Go);
 }
 function Mu(t) {
   ye(Jo, rn(t));
@@ -9064,10 +9066,10 @@ function Qe() {
 function Bu(t) {
   ye(qo, t);
 }
-function $e() {
+function Ce() {
   return fe(qo);
 }
-function Le(t) {
+function ze(t) {
   ye(Xo, t);
 }
 function re() {
@@ -9082,10 +9084,10 @@ function jc() {
 function Ku(t) {
   ye(Zo, t);
 }
-function Gc() {
+function Hc() {
   return fe(Zo);
 }
-function Hc(t) {
+function Gc(t) {
   ye(Qo, t);
 }
 function _e() {
@@ -9095,12 +9097,12 @@ function je(t) {
   const n = [t.type];
   return t.type === "elementProperty" ? n.push(t.nodeId, t.propertyKeys) : t.type === "customProperty" || t.type === "customSlotProperty" ? n.push(t.propertyId) : t.type === "state" ? n.push(t.stateId) : console.assert(!1), n.join("/");
 }
-function ct(t, n, e, o, s) {
+async function ct(t, n, e, o, s) {
   const { watchEffect: i, bind: l } = n;
   if (i[e])
     for (const c of i[e]) {
       const m = Vi(c);
-      t.callFunction(`__watchEffect$${m}__`);
+      await t.callFunctionAsync(`__watchEffect$${m}__`);
     }
   if (l.triggers[e])
     for (const c of l.triggers[e]) {
@@ -9114,8 +9116,8 @@ function ct(t, n, e, o, s) {
         if (e === je(p)) {
           if (p.subKeys) {
             if (!me(
-              Ce(o, p.subKeys),
-              Ce(s, p.subKeys)
+              Ve(o, p.subKeys),
+              Ve(s, p.subKeys)
             )) {
               u = p;
               break;
@@ -9128,7 +9130,7 @@ function ct(t, n, e, o, s) {
       if (!u)
         continue;
       let d;
-      u.subKeys ? d = Ce(o, u.subKeys) : d = o;
+      u.subKeys ? d = Ve(o, u.subKeys) : d = o;
       for (const p of m)
         if (p.subKeys) {
           let f;
@@ -9147,15 +9149,15 @@ function ct(t, n, e, o, s) {
             console.assert(!1);
             continue;
           }
-          const g = Ce(f, p.subKeys);
-          if (me(d, g))
+          const b = Ve(f, p.subKeys);
+          if (me(d, b))
             continue;
-          const v = O(f);
-          an(v, p.subKeys, O(d)), p.type === "elementProperty" ? t.setElementProperty(
+          const _ = F(f);
+          an(_, p.subKeys, F(d)), p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
             p.propertyKeys.split("."),
-            v
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, v) : p.type === "customSlotProperty" ? t.setCustomSlotProperty(p.propertyId, v) : p.type === "state" ? t.setState(p.stateId, v) : console.assert(!1);
+            _
+          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, _) : p.type === "customSlotProperty" ? t.setCustomSlotProperty(p.propertyId, _) : p.type === "state" ? t.setState(p.stateId, _) : console.assert(!1);
         } else {
           let f;
           if (p.type === "elementProperty")
@@ -9178,8 +9180,8 @@ function ct(t, n, e, o, s) {
           p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
             p.propertyKeys.split("."),
-            O(d)
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, O(d)) : p.type === "customSlotProperty" ? t.setCustomSlotProperty(p.propertyId, O(d)) : p.type === "state" ? t.setState(p.stateId, O(d)) : console.assert(!1);
+            F(d)
+          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, F(d)) : p.type === "customSlotProperty" ? t.setCustomSlotProperty(p.propertyId, F(d)) : p.type === "state" ? t.setState(p.stateId, F(d)) : console.assert(!1);
         }
     }
 }
@@ -9195,10 +9197,10 @@ function ko(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapPropertyId invalid propertyKey id=${t}`), { kind: e, nodeId: o, propertyKey: s };
 }
-function Ou(t, n, e) {
+function Fu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Fu(t) {
+function Ou(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(
@@ -9239,10 +9241,10 @@ function Uc(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 Hu(t) {
+function Gu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapMethodKeyOfElementSlot invalid elementKey key=${t}`);
@@ -9313,7 +9315,7 @@ function em(t) {
 }
 function et(t, n) {
   const e = jc(), o = ie(-1);
-  ke(() => {
+  Ie(() => {
     if (!t.value) {
       o.value = -1, n.value = void 0;
       return;
@@ -9323,46 +9325,47 @@ function et(t, n) {
       o.value = -1, n.value = void 0, Po.emit("compNotAvail", t.value);
       return;
     }
-    o.value !== s.dataSeq && (o.value = s.dataSeq, n.value = O(s.data));
+    o.value !== s.dataSeq && (o.value = s.dataSeq, n.value = F(s.data));
   });
 }
 function tm() {
   let t;
   const n = async () => (t = (await Pi()).newRuntime(), console.log("runtime created"), t);
-  return Ie(() => {
+  return Se(() => {
     t && (t.dispose(), console.log("runtime dispose"));
   }), { createRuntime: n };
 }
 function Be(t) {
   return !!t.vm;
 }
-function Ee(t, n) {
+function ve(t, n) {
+  if (n === void 0)
+    return t.undefined;
   if (n === null)
     return t.null;
   if (n === !0)
     return t.true;
   if (n === !1)
     return t.false;
-  if (Array.isArray(n)) {
-    const e = t.newArray();
-    for (let o = 0; o < n.length; o++) {
-      const s = Ee(t, n[o]);
-      t.setProp(e, o.toString(), s), s.dispose();
-    }
-    return e;
-  }
   switch (typeof n) {
     case "string":
       return t.newString(n);
     case "number":
       return t.newNumber(n);
     case "object": {
-      const e = t.newObject();
-      for (const o of Object.keys(n)) {
-        const s = Ee(t, n[o]);
-        t.setProp(e, o, s), s.dispose();
+      const l = t.newObject();
+      for (const c of Object.keys(n)) {
+        var e = [];
+        try {
+          const m = ke(e, ve(t, n[c]));
+          t.setProp(l, c, m);
+        } catch (o) {
+          var s = o, i = !0;
+        } finally {
+          we(e, s, i);
+        }
       }
-      return e;
+      return l;
     }
     default:
       return t.undefined;
@@ -9413,13 +9416,13 @@ function Xc(t) {
       if (Be(t)) {
         var l = [];
         try {
-          const d = ve(l, n.getProp(n.global, "__timeoutCallback__"));
+          const d = ke(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 {
-          Se(l, m, u);
+          we(l, m, u);
         }
       }
     }, i);
@@ -9447,25 +9450,22 @@ function Zc(t) {
     return;
   }
   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: g } = t.promiseManager.acquire(), v = JSON.stringify(u);
-      return Yc({
-        spaceId: c,
-        id: m,
-        strInputs: v,
-        env: d
-      }).then(
-        ({ strOutputs: w }) => {
-          Be(t) && (g.resolve(n.evalCode(`JSON.parse('${w}')`).unwrap()), t.promiseManager.release(f));
-        },
-        (w) => {
-          Be(t) && (g.reject(n.newString(`call func <${p}> failed, ${w}`)), t.promiseManager.release(f));
-        }
-      ), g.settled.then(n.runtime.executePendingJobs), g.handle;
-    }
-  ).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
+  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);
+    return Yc({
+      spaceId: c,
+      id: m,
+      strInputs: _,
+      env: d
+    }).then(
+      ({ strOutputs: k }) => {
+        Be(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));
+      }
+    ), b.settled.then(n.runtime.executePendingJobs), b.handle;
+  }).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
 }
 function Qc(t) {
   if (!t.vm) {
@@ -9481,55 +9481,21 @@ function eu(t) {
     return;
   }
   const { vm: n } = t;
-  n.newFunction("__triggerEventV1__", (e, ...o) => {
-    {
-      var c = [];
-      try {
-        const _ = ve(c, n.getProp(n.global, "__triggerEventInner__"));
-        n.callFunction(_, n.undefined, e, ...o).unwrap().dispose();
-        n.runtime.executePendingJobs();
-      } catch (m) {
-        var u = m, d = !0;
-      } finally {
-        Se(c, u, d);
-      }
-    }
-    const s = n.getString(e), { kind: i, eventKey: l } = qc(s);
-    if (i === "customEvent") {
-      const { vm: _ } = t.parent;
-      if (_) {
-        {
-          var p = [];
-          try {
-            const z = ve(p, _.getProp(_.global, "__triggerEventV1__"));
-            const T = ve(p, _.newString(
-              ae("refEvent", t.nodeId, l)
-            ));
-            _.callFunction(z, _.undefined, T, ...o).unwrap().dispose();
-            _.runtime.executePendingJobs();
-          } catch (f) {
-            var g = f, v = !0;
-          } finally {
-            Se(p, g, v);
-          }
-        }
-        {
-          var w = [];
-          try {
-            const z = ve(w, _.getProp(_.global, "__triggerEventV1__"));
-            const T = ve(w, _.newString(
-              ae("multipleRefEvent", t.nodeId, l)
-            ));
-            _.callFunction(z, _.undefined, T, ...o).unwrap().dispose();
-            _.runtime.executePendingJobs();
-          } catch (b) {
-            var x = b, h = !0;
-          } finally {
-            Se(w, x, h);
-          }
-        }
-      }
-    }
+  n.newFunction("__triggerEventV1__", (e, o, ...s) => {
+    const i = n.getString(e), l = n.getString(o), c = s.map((d) => n.dump(d));
+    t.callFunctionAsync("__triggerEventInner__", i, l, c);
+    const { kind: m, eventKey: u } = qc(i);
+    m === "customEvent" && t.parent && (t.parent.callFunctionAsync(
+      "__triggerEventV1__",
+      ae("refEvent", t.nodeId, u),
+      "",
+      ...c
+    ), t.parent.callFunctionAsync(
+      "__triggerEventV1__",
+      ae("multipleRefEvent", t.nodeId, u),
+      t.instance,
+      ...c
+    ));
   }).consume((e) => n.setProp(n.global, "__triggerEventV1__", e)), n.newFunction("__getPropertyV1__", (e, o) => {
     const s = n.getString(e), i = n.getString(o), { kind: l, nodeId: c, propertyKey: m } = ko(s);
     let u;
@@ -9548,68 +9514,89 @@ function eu(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 Ee(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 } = ko(i);
-      if (d === "elementProperty")
-        t.setElementProperty(p, f.split("."), l);
-      else if (d === "refProperty") {
-        const g = t.children[p];
-        g && g.setCustomProperty(f, l);
-      } else if (d === "multipleRefProperty") {
-        const g = t.children[`${p}/${c}`];
-        g && g.setCustomProperty(f, l);
-      } else if (d === "slotProperty") {
-        const g = t.children[p];
-        g && g.setCustomSlotProperty(f, l);
-      } else if (d === "multipleSlotProperty") {
-        const g = t.children[`${p}/${c}`];
-        g && g.setCustomSlotProperty(f, l);
-      } else d === "customProperty" ? t.setCustomProperty(f, l) : d === "adaptSlotElementProperty" || d === "adaptSlotCustomProperty" ? t.parent.setCustomSlotProperty(f, l) : console.assert(!1);
-      return on().then(() => {
-        u.resolve(n.undefined), t.promiseManager.release(m);
-      }), u.settled.then(n.runtime.executePendingJobs), u.handle;
-    }
-  ).consume((e) => n.setProp(n.global, "__setPropertyV1__", e)), n.newFunction(
-    "__callMethodV1__",
-    (e, o, s) => {
-      const i = n.getString(e), l = n.getString(o), { promiseId: c, promise: m } = t.promiseManager.acquire(), { kind: u, nodeId: d, methodKey: p } = Uc(i);
-      if (u === "elementMethod")
-        t.callElementMethod(i, p, n.dump(s)).then((f) => {
-          m.resolve(Ee(n, f)), t.promiseManager.release(c);
-        });
-      else if (u === "refMethod") {
-        const f = t.children[d];
-        f && f.callCustomMethod(
-          `customMethod$globality$${p}`,
-          o,
-          s
-        ).then((g) => {
-          m.resolve(g), t.promiseManager.release(c);
-        });
-      } else if (u === "multipleRefMethod") {
-        const f = t.children[`${d}/${l}`];
-        f && f.callCustomMethod(
-          `customMethod$globality$${p}`,
-          o,
-          s
-        ).then((g) => {
-          m.resolve(g), t.promiseManager.release(c);
-        });
-      } else u === "slotMethod" || u === "multipleSlotMethod" || u === "customMethod" || u === "adaptSlotElementMethod" || (u === "adaptSlotCustomMethod" ? t.parent.callCustomMethod(
-        `customMethod$globality$${p}`,
-        o,
-        s
-      ).then((f) => {
-        m.resolve(f), t.promiseManager.release(c);
-      }) : console.assert(!1));
-      return m.settled.then(n.runtime.executePendingJobs), m.handle;
-    }
-  ).consume((e) => n.setProp(n.global, "__callMethodV1__", e)), n.newFunction("__getStateV1__", (e) => {
+    return ve(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 } = ko(i);
+    if (d === "elementProperty")
+      t.setElementProperty(p, f.split("."), l);
+    else if (d === "refProperty") {
+      const b = t.children[p];
+      b && b.setCustomProperty(f, l);
+    } else if (d === "multipleRefProperty") {
+      const b = t.children[`${p}/${c}`];
+      b && b.setCustomProperty(f, l);
+    } else if (d === "slotProperty") {
+      const b = t.children[p];
+      b && b.setCustomSlotProperty(f, l);
+    } else if (d === "multipleSlotProperty") {
+      const b = t.children[`${p}/${c}`];
+      b && b.setCustomSlotProperty(f, l);
+    } else d === "customProperty" ? t.setCustomProperty(f, l) : d === "adaptSlotElementProperty" || d === "adaptSlotCustomProperty" ? t.parent.setCustomSlotProperty(f, l) : console.assert(!1);
+    return on().then(() => {
+      u.resolve(n.undefined), t.promiseManager.release(m);
+    }), u.settled.then(n.runtime.executePendingJobs), u.handle;
+  }).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 } = Uc(i);
+    if (d === "elementMethod")
+      t.callElementMethod(i, f, c).then((b) => {
+        u.resolve(ve(n, b)), t.promiseManager.release(m);
+      });
+    else if (d === "refMethod") {
+      const b = t.children[p];
+      b && b.callFunctionAsync(
+        `__implementMethod$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);
+        }
+      });
+    } else if (d === "multipleRefMethod") {
+      const b = t.children[`${p}/${l}`];
+      b && b.callFunctionAsync(
+        `__implementMethod$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);
+        }
+      });
+    } else d === "slotMethod" || d === "multipleSlotMethod" || d === "customMethod" || d === "adaptSlotElementMethod" || (d === "adaptSlotCustomMethod" ? t.parent && t.parent.callFunctionAsync(
+      `__implementMethod$customMethod$globality$${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));
+    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 Ee(n, s);
+    return ve(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);
@@ -9632,15 +9619,12 @@ function eu(t) {
     return ci({ 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));
     }), 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 ui({ 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));
-      }), u.settled.then(n.runtime.executePendingJobs), u.handle;
-    }
-  ).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
+  }).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 ui({ 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));
+    }), u.settled.then(n.runtime.executePendingJobs), u.handle;
+  }).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
 }
 function tu(t) {
   Xc(t), Zc(t), Qc(t), eu(t);
@@ -9731,8 +9715,8 @@ function __destroy__() {
 `;
 class ou {
   vm;
-  promiseId = 0;
   promises = {};
+  currPromiseId = 0;
   constructor(n) {
     this.vm = n;
   }
@@ -9740,7 +9724,7 @@ class ou {
     Object.values(this.promises).forEach((n) => n.dispose());
   }
   acquire() {
-    const n = this.promiseId++, e = this.vm.newPromise();
+    const n = this.currPromiseId++, e = this.vm.newPromise();
     return this.promises[n] = e, { promiseId: n, promise: e };
   }
   release(n) {
@@ -9787,34 +9771,63 @@ class iu {
   vm;
   promiseManager;
   async createVm(n, e) {
-    this.vm = n.newContext(), this.promiseManager = new ou(this.vm), tu(this), this.vm.evalCode(nu), this.vm.setProp(this.vm.global, "__env__", this.vm.newString(this.env)), this.vm.evalCode(e), this.callFunction(
+    this.vm = n.newContext(), this.promiseManager = new ou(this.vm), tu(this), this.vm.evalCode(nu), this.vm.setProp(this.vm.global, "__env__", this.vm.newString(this.env)), this.vm.evalCode(e), await this.callFunctionAsync(
       "__triggerEventV1__",
-      ae("elementEvent", "globality", "startup")
+      ae("elementEvent", "globality", "startup"),
+      ""
     );
   }
   destroyVm() {
-    this.callFunction("__destroy__"), this.promiseManager && (this.promiseManager.dispose(), this.promiseManager = void 0), this.vm && (this.vm.dispose(), this.vm = void 0);
+    this.callFunctionSync("__destroy__"), this.promiseManager && (this.promiseManager.dispose(), this.promiseManager = void 0), this.vm && (this.vm.dispose(), this.vm = void 0);
   }
-  callFunction(n, ...e) {
-    var i = [];
+  callFunctionSync(n, ...e) {
+    var m = [];
     try {
-      if (!this.vm)
+      const { vm: o } = this;
+      if (!o)
         return;
-      this.debugTrace(
-        `call ${n}(${e.map((u) => JSON.stringify(u)).join(", ")})`
-      );
-      const o = ve(i, this.vm.getProp(this.vm.global, n));
-      if (this.vm.typeof(o) !== "function") {
-        console.error(`Sandbox/callFunction ${n} not available`);
+      const s = `${n}(${e.map((f) => JSON.stringify(f)).join(", ")}`;
+      this.debugTrace(`callFunctionSync <begin> ${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 c = o.unwrapResult(o.callFunction(i, o.undefined, ...l)).consume((f) => o.dump(f));
+      l.forEach((f) => f.dispose());
+      this.debugTrace(`callFunctionSync <end> ${s})`);
+      return c;
+    } catch (u) {
+      var d = u, p = !0;
+    } finally {
+      we(m, d, p);
+    }
+  }
+  async callFunctionAsync(n, ...e) {
+    var u = [];
+    try {
+      const { vm: o } = this;
+      if (!o)
+        return;
+      const s = `${n}(${e.map((b) => JSON.stringify(b)).join(", ")}`;
+      this.debugTrace(`callFunctionAsync <begin> ${s}`);
+      const i = ke(u, o.getProp(o.global, n));
+      if (!i) {
+        console.error(`callFunctionAsync function<${n}> not available`);
         return;
       }
-      const s = e.map((u) => Ee(this.vm, u));
-      this.vm.callFunction(o, this.vm.undefined, ...s).unwrap().dispose();
-      s.forEach((u) => u.dispose());
-    } catch (l) {
-      var c = l, m = !0;
+      const l = e.map((b) => ve(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());
+      const m = o.unwrapResult(await c).consume((b) => o.dump(b));
+      this.debugTrace(`callFunctionAsync <end> ${s}`);
+      return m;
+    } catch (d) {
+      var p = d, f = !0;
     } finally {
-      Se(i, c, m);
+      we(u, p, f);
     }
   }
   //--------------------------
@@ -9834,7 +9847,7 @@ class iu {
       );
       return;
     }
-    return Ce(o, e);
+    return Ve(o, e);
   }
   setElementProperty(n, e, o) {
     const s = this.data.value?.view.nodes[n];
@@ -9847,7 +9860,7 @@ class iu {
       );
       return;
     }
-    const i = Ce(s, e);
+    const i = Ve(s, e);
     me(o, i) || (an(s, e, o), this.hooks?.onElementPropertyChange(
       s.basic.id,
       e,
@@ -9891,30 +9904,6 @@ class iu {
     return this.eventBus.emit(n, { key: e, inputs: o, outputs: s }), s;
   }
   //--------------------------
-  // 自定义方法
-  //--------------------------
-  async callCustomMethod(n, e, o) {
-    var c = [];
-    try {
-      const s = `__implementMethod$${n}__`;
-      const i = ve(c, this.vm.getProp(this.vm.global, s));
-      if (this.vm.typeof(i) !== "function")
-        return console.error(`Sandbox/callCustomMethod ${s} not available`), this.vm.undefined;
-      const l = this.vm.callFunction(
-        i,
-        this.vm.undefined,
-        e,
-        o
-      ).unwrap().consume((p) => this.vm.resolvePromise(p));
-      this.vm.runtime.executePendingJobs();
-      return this.vm.unwrapResult(await l);
-    } catch (m) {
-      var u = m, d = !0;
-    } finally {
-      Se(c, u, d);
-    }
-  }
-  //--------------------------
   // 状态
   //--------------------------
   states = {};
@@ -9930,89 +9919,94 @@ class iu {
   }
 }
 function tt(t, n, e, o, s) {
-  const i = Fc(), l = Nc(), c = Z(), m = $e(), u = Fe(), d = Ze(), p = Gc(), f = (x, h, _, z) => {
+  const i = Oc(), l = Nc(), c = Z(), m = Ce(), u = Oe(), d = Ze(), p = Hc(), f = async (x, h, v, z) => {
     if (le(c)) {
       if (me(h, ["settings", "slot"])) {
         const T = t.value?.view.nodeLites.find(
           (J) => J.id === x
         );
-        T ? T.slotId = _ : console.assert(!1);
+        T ? T.slotId = v : console.assert(!1);
       }
       if (me(h, ["settings", "comp"])) {
         const T = t.value?.view.nodeLites.find(
           (J) => J.id === x
         );
-        T ? T.compId = _ : console.assert(!1);
+        T ? T.compId = v : console.assert(!1);
       }
-      if (b.callFunction(
+      if (await g.callFunctionAsync(
         "__triggerEventV1__",
         ae("elementPropertyChangeEvent", x, h.join(".")),
-        _,
-        z ?? _
+        "",
+        v,
+        z ?? v
       ), t.value?.code.reactivity) {
         let T = "";
         h instanceof Array ? T = h.join(".") : T = h, ct(
-          b,
+          g,
           t.value.code.reactivity,
           je({
             type: "elementProperty",
             nodeId: x,
             propertyKeys: T
           }),
-          _,
+          v,
           z
         );
       }
     }
-  }, g = (x, h, _) => {
-    le(c) && (b.callFunction(
+  }, b = async (x, h, v) => {
+    le(c) && (await g.callFunctionAsync(
       "__triggerEventV1__",
       ae("customPropertyChangeEvent", "globality", x),
+      "",
       h,
-      _ ?? h
-    ), b.parent?.callFunction(
+      v ?? h
+    ), await g.parent.callFunctionAsync(
       "__triggerEventV1__",
-      ae("refPropertyChangeEvent", b.nodeId, x),
+      ae("refPropertyChangeEvent", g.nodeId, x),
+      "",
       h,
-      _ ?? h
-    ), b.parent?.callFunction(
+      v ?? h
+    ), await g.parent.callFunctionAsync(
       "__triggerEventV1__",
       ae(
         "multipleRefPropertyChangeEvent",
-        b.nodeId,
+        g.nodeId,
         x
       ),
+      "",
       h,
-      _ ?? h
+      v ?? h
     ), t.value?.code.reactivity && ct(
-      b,
+      g,
       t.value.code.reactivity,
       je({ type: "customProperty", propertyId: x }),
       h,
-      _
+      v
     ));
-  }, v = (x, h, _) => {
+  }, _ = (x, h, v) => {
     le(c) && t.value?.code.reactivity && ct(
-      b,
+      g,
       t.value.code.reactivity,
       je({ type: "customSlotProperty", propertyId: x }),
       h,
-      _
+      v
     );
-  }, w = (x, h, _) => {
-    le(c) && (b.callFunction(
+  }, k = async (x, h, v) => {
+    le(c) && (await g.callFunctionAsync(
       "__triggerEventV1__",
       ae("stateChangeEvent", "globality", x),
+      "",
       h,
-      _ ?? h
+      v ?? h
     ), t.value?.code.reactivity && ct(
-      b,
+      g,
       t.value.code.reactivity,
       je({ type: "state", stateId: x }),
       h,
-      _
+      v
     ));
-  }, b = new iu(
+  }, g = new iu(
     n,
     e,
     o,
@@ -10023,16 +10017,16 @@ function tt(t, n, e, o, s) {
     m,
     {
       onElementPropertyChange: f,
-      onCustomPropertyChange: g,
-      onCustomSlotPropetyChange: v,
-      onStateChange: w
+      onCustomPropertyChange: b,
+      onCustomSlotPropetyChange: _,
+      onStateChange: k
     }
   );
-  if (Hc(b), Ie(() => {
-    b.dispose();
+  if (Gc(g), Se(() => {
+    g.dispose();
   }), le(c)) {
     const x = async () => {
-      b.destroyVm(), b.associateData(t), b.resetCustomProperties(), b.resetCustomSlotProperties(), b.resetStates(), !(!t.value || !t.value.code.script) && b.createVm(p, t.value.code.script);
+      g.destroyVm(), g.associateData(t), g.resetCustomProperties(), g.resetCustomSlotProperties(), g.resetStates(), !(!t.value || !t.value.code.script) && g.createVm(p, t.value.code.script);
     };
     x(), pe(t, () => {
       x();
@@ -10040,29 +10034,31 @@ function tt(t, n, e, o, s) {
   }
   le(c) && pe(
     u,
-    (x, h) => {
-      const _ = ut(x.width), z = ut(h?.width ?? x.width);
-      b.callFunction(
+    async (x, h) => {
+      const v = ut(x.width), z = ut(h?.width ?? x.width);
+      await g.callFunctionAsync(
         "__triggerEventV1__",
         ae("elementEvent", "globality", "screenSizeChange"),
-        _,
+        "",
+        v,
         z
       );
     },
     { immediate: !0 }
   ), le(c) && pe(
     d,
-    (x) => {
-      b.callFunction(
+    async (x) => {
+      await g.callFunctionAsync(
         "__triggerEventV1__",
         ae("elementEvent", "globality", "darkModeChange"),
+        "",
         x
       );
     },
     { immediate: !0 }
   );
 }
-function H() {
+function G() {
   const t = Ze();
   return { theme: I(() => t.value ? "dark" : "light") };
 }
@@ -10077,7 +10073,7 @@ async function nm(t) {
 }
 export {
   fu as addIndent,
-  Gl as ambientLightV1,
+  Hl as ambientLightV1,
   Zl as badgeV1,
   Tt as barChartV1,
   Lt as boxGeometryV1,
@@ -10099,18 +10095,18 @@ export {
   ca as dataTableV1,
   ua as datePickerV1,
   ma as dialogV1,
-  Hl as directionalLightV1,
-  Oc as duplicateNodePair,
+  Gl as directionalLightV1,
+  Fc as duplicateNodePair,
   Lu as duplicateNodePairs,
   wu as elementKeys,
-  we as elements,
+  $e as elements,
   Cu as fileInputV1,
   Rt as flexLayoutEntryV1,
   Ue as flexLayoutV1,
-  Ot as formV1,
+  Ft as formV1,
   E as genId,
   Ne as getBreakpointProp,
-  Ce as getField,
+  Ve as getField,
   In as getIndexOfBreakpoint,
   Pu as getNodeLite,
   xo as getPropertyDefault,
@@ -10125,14 +10121,14 @@ export {
   Ze as injectDark,
   re as injectData,
   jc as injectDepends,
-  Fe as injectDevice,
+  Oe as injectDevice,
   Nc as injectEnv,
   Qe as injectId,
   Z as injectMode,
-  Fc as injectOrg,
-  Gc as injectRuntime,
+  Oc as injectOrg,
+  Hc as injectRuntime,
   _e as injectSandbox,
-  $e as injectType,
+  Ce as injectType,
   Ye as isCircularReference,
   le as isExecutableMode,
   Ri as isLocaleOfEventKind,
@@ -10149,19 +10145,19 @@ export {
   qu as makeEventKeyOfElementSlot,
   Jc as makeMethodId,
   Ju as makeMethodKeyOfCustomSlot,
-  Gu as makeMethodKeyOfElementSlot,
+  Hu as makeMethodKeyOfElementSlot,
   Du as makePropertyId,
   Nu as makePropertyKeyOfCustomSlot,
-  Ou as makePropertyKeyOfElementSlot,
+  Fu as makePropertyKeyOfElementSlot,
   Qu as makeSlotId,
   je as makeTriggerId,
   Bl as mapControlsV1,
   ha as menuV1,
-  Ge as meshBasicMaterialV1,
-  He as meshV1,
-  Fa as multipleRefV1,
+  He as meshBasicMaterialV1,
+  Ge as meshV1,
+  Oa as multipleRefV1,
   Na as multipleSlotV1,
-  Ft as numberInputV1,
+  Ot as numberInputV1,
   Rl as orbitControlsV1,
   Al as orthographicCameraV1,
   _u as pageMetaStringify,
@@ -10176,7 +10172,7 @@ export {
   Dc as pkgs,
   Jl as pointLightV1,
   Mu as provideDark,
-  Le as provideData,
+  ze as provideData,
   Ru as provideDepends,
   Au as provideDevice,
   Tu as provideEnv,
@@ -10184,7 +10180,7 @@ export {
   Eu as provideMode,
   zu as provideOrg,
   Ku as provideRuntime,
-  Hc as provideSandbox,
+  Gc as provideSandbox,
   Bu as provideType,
   jt as radioGroupV1,
   Nt as radioV1,
@@ -10192,17 +10188,17 @@ export {
   Ia as ratingV1,
   ja as referenceV1,
   S as regElement,
-  Ga as renderSwitchV1,
+  Ha as renderSwitchV1,
   Ei as reverseBreakpoints,
   $a as selectV1,
   an as setField,
   Sa as sliderV1,
-  Ha as slotV1,
+  Ga as slotV1,
   Vu as spawnNode,
   zt as sphereGeometryV1,
   Ul as spotLightV1,
-  Gt as stepperHeaderV1,
-  Ht as stepperItemV1,
+  Ht as stepperHeaderV1,
+  Gt as stepperItemV1,
   qt as stepperV1,
   Ut as stepperWindowItemV1,
   Jt as stepperWindowV1,
@@ -10210,7 +10206,7 @@ export {
   Xt as tabV1,
   Yt as tabsV1,
   Dt as textFieldV1,
-  Pe as textV1,
+  Le as textV1,
   Zt as textareaV1,
   Qt as timelineItemV1,
   en as timelineV1,
@@ -10224,15 +10220,15 @@ export {
   Xu as unwrapEventKeyOfElementSlot,
   Uc as unwrapMethodId,
   Uu as unwrapMethodKeyOfCustomSlot,
-  Hu as unwrapMethodKeyOfElementSlot,
+  Gu as unwrapMethodKeyOfElementSlot,
   ko as unwrapPropertyId,
   ju as unwrapPropertyKeyOfCustomSlot,
-  Fu as unwrapPropertyKeyOfElementSlot,
+  Ou as unwrapPropertyKeyOfElementSlot,
   em as unwrapSlotId,
   et as useDepend,
   tm as useRuntime,
   tt as useSandbox,
-  H as useTheme,
+  G as useTheme,
   tn as windowItemV1,
   nn as windowV1
 };