x-runtime-lib 0.8.184 → 0.8.185

package/dist/index.js

@@ -1,7 +1,7 @@
 var Mn = (n, t) => (t = Symbol[n]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + n), Un = (n) => {
   throw TypeError(n);
 };
-var Xe = (n, t, e) => {
+var Ye = (n, t, e) => {
   if (t != null) {
     typeof t != "object" && typeof t != "function" && Un("Object expected");
     var o, i;
@@ -14,7 +14,7 @@ var Xe = (n, t, e) => {
     }), n.push([e, o, t]);
   } else e && n.push([e]);
   return t;
-}, Ye = (n, t, e) => {
+}, Ze = (n, t, e) => {
   var o = typeof SuppressedError == "function" ? SuppressedError : function(l, u, d, c) {
     return c = Error(d), c.name = "SuppressedError", c.error = l, c.suppressed = u, c;
   }, i = (l) => t = e ? new o(l, t, "An error was suppressed during disposal") : (e = !0, l), s = (l) => {
@@ -29,14 +29,14 @@ var Xe = (n, t, e) => {
   };
   return s();
 };
-import { defineComponent as S, createElementBlock as oe, createCommentVNode as ce, unref as r, openBlock as g, createElementVNode as Ne, computed as x, renderSlot as N, normalizeStyle as ge, ref as G, watch as pe, onUnmounted as xe, onBeforeMount as $t, watchEffect as Ee, h as D, createVNode as j, createBlock as C, useTemplateRef as Di, onMounted as Ki, nextTick as Le, withCtx as E, toDisplayString as ji, useAttrs as Vt, resolveComponent as W, isRef as se, mergeModels as _n, useModel as tt, createSlots as gn, renderList as Co, useId as Ni, withModifiers as $o, normalizeClass as Vo, inject as me, provide as fe, readonly as xn } from "vue";
+import { defineComponent as S, createElementBlock as se, createCommentVNode as pe, unref as r, openBlock as g, createElementVNode as Oe, computed as x, renderSlot as K, normalizeStyle as ge, ref as G, watch as fe, onUnmounted as xe, onBeforeMount as $t, watchEffect as Ee, h as F, createVNode as D, createBlock as C, useTemplateRef as Di, onMounted as Ki, nextTick as Le, withCtx as E, toDisplayString as ji, useAttrs as Vt, resolveComponent as R, isRef as ae, mergeModels as _n, useModel as nt, createSlots as gn, renderList as Co, useId as Ni, withModifiers as $o, normalizeClass as Vo, inject as ye, provide as be, readonly as xn } from "vue";
 import { globalObjects as Se, waitUtil as Oi, useViewStack as Hi, eventBus as Gi, messageInfo as Po, messageSuccess as Eo, messageWarning as Ji, messageError as qi, createAxios as Ao, openConfirmDlg as zo, openPromptDlg as Lo, getTypeDefault as Bn } from "x-essential-lib";
 import { CameraHelper as Xi, DirectionalLightHelper as To, PointLightHelper as Mo, SpotLightHelper as Uo } from "three";
-import { i as Te, c as Bo, a as rt, K as Ro, M as Wo, O as Fo, u as Do, r as Yi, e as Zi, b as Ko, d as jo, f as No, g as Oo, h as Ho, j as Go, k as Jo, l as qo, m as O, H as Xo, n as Qi, o as Yo, p as Zo, q as Qo } from "./vendor.fe0c1tv5.js";
+import { i as Te, c as Bo, a as lt, K as Ro, M as Wo, O as Fo, u as Do, r as Yi, e as Zi, b as Ko, d as jo, f as No, g as Oo, h as Ho, j as Go, k as Jo, l as qo, m as N, H as Xo, n as Qi, o as Yo, p as Zo, q as Qo } from "./vendor.fe0c1tv5.js";
 import { useTheme as es } from "vuetify";
 import { getErrorMessage as ts } from "x-error-lib";
 const Rn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-function M(n) {
+function T(n) {
   let t = "";
   for (let e = 0; e < n; e++) {
     const o = Math.floor(Math.random() * Rn.length);
@@ -71,13 +71,13 @@ function Tt(n) {
     return e;
 }
 const eo = ["xs", "sm", "md", "lg", "xl"], ns = [...eo].reverse();
-function _t(n) {
+function We(n) {
   return n < 600 ? "xs" : n < 960 ? "sm" : n < 1280 ? "md" : n < 1920 ? "lg" : "xl";
 }
 function Wn(n) {
   return eo.findIndex((t) => t === n);
 }
-function et(n, t) {
+function tt(n, t) {
   let e;
   for (const o of ns) {
     if (Wn(o) < Wn(n))
@@ -129,10 +129,10 @@ function Hc(n, t = 2) {
 function Gc(n) {
   return n.startsWith("slot_v") || n.startsWith("multiple_slot_v");
 }
-function lt(n) {
+function at(n) {
   return n.startsWith("ref_v") || n.startsWith("multiple_ref_v") || n.startsWith("slot_v") || n.startsWith("multiple_slot_v");
 }
-function H(...n) {
+function O(...n) {
   return n.map((t) => Se.i18n.global.t(`x-runtime-lib.${t}`)).join(" - ");
 }
 function wn(n, t, e) {
@@ -150,28 +150,28 @@ function Jc(n, t) {
       break;
     case "elementSlotProperty":
     case "multipleElementSlotProperty":
-      e = H("slot");
+      e = O("slot");
       break;
     // ref
     case "refProperty":
     case "multipleRefProperty":
-      e = H("reference"), o = !1;
+      e = O("reference"), o = !1;
       break;
     // custom slot
     case "customSlotProperty":
     case "multipleCustomSlotProperty":
-      e = H("slot"), o = !1;
+      e = O("slot"), o = !1;
       break;
     // custom
     case "customProperty":
-      e = H("custom"), o = !1;
+      e = O("custom"), o = !1;
       break;
     // adapt slot
     case "elementAdaptSlotProperty":
-      e = H("adaptSlot");
+      e = O("adaptSlot");
       break;
     case "customAdaptSlotProperty":
-      e = H("adaptSlot"), o = !1;
+      e = O("adaptSlot"), o = !1;
       break;
     default:
       console.assert(!1, `not implemented kind=${n}`);
@@ -186,28 +186,28 @@ function qc(n, t) {
       break;
     case "elementSlotMethod":
     case "multipeElementSlotMethod":
-      e = H("slot");
+      e = O("slot");
       break;
     // ref
     case "refMethod":
     case "multipleRefMethod":
-      e = H("reference"), o = !1;
+      e = O("reference"), o = !1;
       break;
     // custom slot
     case "customSlotMethod":
     case "multipleCustomSlotMethod":
-      e = H("slot"), o = !1;
+      e = O("slot"), o = !1;
       break;
     // custom
     case "customMethod":
-      e = H("custom"), o = !1;
+      e = O("custom"), o = !1;
       break;
     // adapt slot
     case "elementAdaptSlotMethod":
-      e = H("adaptSlot");
+      e = O("adaptSlot");
       break;
     case "customAdaptSlotMethod":
-      e = H("adaptSlot"), o = !1;
+      e = O("adaptSlot"), o = !1;
       break;
     default:
       console.assert(!1, `not implemented kind=${n}`);
@@ -221,77 +221,77 @@ function Xc(n, t) {
     case "elementEvent":
       break;
     case "elementPropertyChangeEvent":
-      e = H("propertyChange");
+      e = O("propertyChange");
       break;
     case "elementSlotEvent":
-      e = H("slot");
+      e = O("slot");
       break;
     case "elementSlotPropertyChangeEvent":
-      e = H("slot", "propertyChange");
+      e = O("slot", "propertyChange");
       break;
     case "multipleElementSlotEvent":
-      e = H("slot"), o = !1;
+      e = O("slot"), o = !1;
       break;
     case "multipleElementSlotPropertyChangeEvent":
-      e = H("slot", "propertyChange"), o = !1;
+      e = O("slot", "propertyChange"), o = !1;
       break;
     // ref
     case "refEvent":
-      e = H("reference"), o = !1;
+      e = O("reference"), o = !1;
       break;
     case "refPropertyChangeEvent":
-      e = H("reference", "propertyChange"), o = !1;
+      e = O("reference", "propertyChange"), o = !1;
       break;
     case "multipleRefEvent":
-      e = H("reference"), o = !1;
+      e = O("reference"), o = !1;
       break;
     case "multipleRefPropertyChangeEvent":
-      e = H("reference", "propertyChange"), o = !1;
+      e = O("reference", "propertyChange"), o = !1;
       break;
     // custom slot
     case "customSlotEvent":
-      e = H("custom"), o = !1;
+      e = O("custom"), o = !1;
       break;
     case "customSlotPropertyChangeEvent":
-      e = H("custom", "propertyChange"), o = !1;
+      e = O("custom", "propertyChange"), o = !1;
       break;
     case "multipleCustomSlotEvent":
-      e = H("custom"), o = !1;
+      e = O("custom"), o = !1;
       break;
     case "multipleCustomSlotPropertyChangeEvent":
-      e = H("custom", "propertyChange"), o = !1;
+      e = O("custom", "propertyChange"), o = !1;
       break;
     // custom
     case "customEvent":
-      e = H("custom"), o = !1;
+      e = O("custom"), o = !1;
       break;
     case "customPropertyChangeEvent":
-      e = H("custom", "propertyChange"), o = !1;
+      e = O("custom", "propertyChange"), o = !1;
       break;
     // adapt slot
     case "elementAdaptSlotEvent":
-      e = H("adaptSlot");
+      e = O("adaptSlot");
       break;
     case "elementAdaptSlotPropertyChangeEvent":
-      e = H("adaptSlot", "propertyChange");
+      e = O("adaptSlot", "propertyChange");
       break;
     case "customAdaptSlotEvent":
-      e = H("adaptSlot"), o = !1;
+      e = O("adaptSlot"), o = !1;
       break;
     case "customAdaptSlotPropertyChangeEvent":
-      e = H("adaptSlot", "propertyChange"), o = !1;
+      e = O("adaptSlot", "propertyChange"), o = !1;
       break;
     // state
     case "stateChangeEvent":
-      e = H("state"), o = !1;
+      e = O("state"), o = !1;
       break;
     default:
       console.assert(!1, `not implemented kind=${n}`);
   }
   return wn(e, t, o);
 }
-const he = {}, $ = (n) => {
-  he[n.key] = n;
+const ve = {}, $ = (n) => {
+  ve[n.key] = n;
 }, is = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -1017,7 +1017,7 @@ const he = {}, $ = (n) => {
   }
 }, Ks = {
   v1: Ds
-}, js = ["position", "ratation", "scale"], Oe = /* @__PURE__ */ S({
+}, js = ["position", "ratation", "scale"], He = /* @__PURE__ */ S({
   __name: "index",
   props: {
     position: { default: () => {
@@ -1028,25 +1028,25 @@ const he = {}, $ = (n) => {
     } }
   },
   setup(n) {
-    const t = ae();
-    return (e, o) => r(t) === "editor" ? (g(), oe("TresMesh", {
+    const t = ce();
+    return (e, o) => r(t) === "editor" ? (g(), se("TresMesh", {
       key: 0,
       position: n.position ?? [0, 0, 0],
       ratation: n.ratation ?? [0, 0, 0],
       scale: n.scale ?? [1, 1, 1],
       visible: !1
     }, [...o[0] || (o[0] = [
-      Ne("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)
-    ])], 8, js)) : ce("", !0);
+      Oe("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)
+    ])], 8, js)) : pe("", !0);
   }
-}), J = /* @__PURE__ */ S({
+}), q = /* @__PURE__ */ S({
   __name: "index",
   props: {
     block: { type: Boolean, default: !1 },
     mask: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const t = ae(), e = x(() => {
+    const t = ce(), e = x(() => {
       const i = {
         position: "relative"
       };
@@ -1060,16 +1060,16 @@ const he = {}, $ = (n) => {
       pointerEvents: "auto",
       userSelect: "none"
     }));
-    return (i, s) => r(t) === "editor" ? (g(), oe("div", {
+    return (i, s) => r(t) === "editor" ? (g(), se("div", {
       key: 0,
       style: ge(e.value)
     }, [
-      N(i.$slots, "default"),
-      n.mask ? (g(), oe("div", {
+      K(i.$slots, "default"),
+      n.mask ? (g(), se("div", {
         key: 0,
         style: ge(o.value)
-      }, null, 4)) : ce("", !0)
-    ], 4)) : N(i.$slots, "default", { key: 1 });
+      }, null, 4)) : pe("", !0)
+    ], 4)) : K(i.$slots, "default", { key: 1 });
   }
 });
 function Ns(n) {
@@ -1079,8 +1079,8 @@ function Ns(n) {
   } };
 }
 function z(n) {
-  const t = de(), e = G(t.value.view.nodes[n.nodeId]);
-  console.assert(!!e.value, `invalid node id=${n.nodeId}`), pe(t, () => {
+  const t = me(), e = G(t.value.view.nodes[n.nodeId]);
+  console.assert(!!e.value, `invalid node id=${n.nodeId}`), fe(t, () => {
     e.value = t.value.view.nodes[n.nodeId];
   });
   const { debugTrace: o } = Ns(e);
@@ -1089,7 +1089,7 @@ function z(n) {
   }), { node: e };
 }
 function gt(n, t, e) {
-  const o = re(), i = Ct("elementMethod", n, t);
+  const o = ue(), i = Ct("elementMethod", n, t);
   o && ($t(() => {
     o.eventBus.on(i, e);
   }), xe(() => {
@@ -1108,7 +1108,7 @@ const Os = async (n, t, e, o) => {
   o && typeof e == "object" && (e = JSON.stringify(e, null, 2)), no(n, t, e);
 };
 function a(n, t, e) {
-  const o = re(), i = G();
+  const o = ue(), i = G();
   return Ee(async () => {
     o ? i.value = await Os(
       o,
@@ -1116,7 +1116,7 @@ function a(n, t, e) {
       t,
       e
     ) : i.value = await Gs(n.value, t, e);
-  }), pe(i, async (s, l) => {
+  }), fe(i, async (s, l) => {
     Te(s, l) || (o ? await Hs(
       o,
       n.value.basic.id,
@@ -1127,7 +1127,7 @@ function a(n, t, e) {
   }), { property: i };
 }
 function Ie(n, t, e) {
-  const o = re(), i = Ct(
+  const o = ue(), i = Ct(
     "elementSlotMethod",
     "placeholder",
     vn("placeholder", n, t)
@@ -1139,10 +1139,10 @@ function Ie(n, t, e) {
   }));
 }
 function xt(n, t, e, o) {
-  const i = re(), s = We(
+  const i = ue(), s = Fe(
     "elementSlotProperty",
     "placeholder",
-    Fe("placeholder", t, e)
+    De("placeholder", t, e)
   ), l = (d) => {
     d.result.value = o.value;
   }, u = (d) => {
@@ -1155,7 +1155,7 @@ function xt(n, t, e, o) {
       `${s}/get`,
       l
     ), i.eventBus.off(`${s}/set`, u);
-  }), pe(o, (d, c) => {
+  }), fe(o, (d, c) => {
     i.hooks.onElementSlotPropertyChange(
       n.value.basic.id,
       n.value.basic.key,
@@ -1169,7 +1169,7 @@ function xt(n, t, e, o) {
 function qs(n) {
   return n === "runtime" || n === "preview";
 }
-function at(n, t) {
+function ut(n, t) {
   if (n.compId === t)
     return !0;
   let e = n;
@@ -1180,7 +1180,7 @@ function at(n, t) {
   }
   return !1;
 }
-function U() {
+function M() {
   return {
     basic: {
       id: "",
@@ -1188,7 +1188,7 @@ function U() {
     }
   };
 }
-function B(n, t) {
+function U(n, t) {
   return {
     id: n.basic.id,
     key: n.basic.key,
@@ -1235,7 +1235,7 @@ function ed(n) {
   return JSON.parse(n);
 }
 const Xs = ["ui", "2d", "3d"], Ys = ["ui", "2d", "3d"];
-function F(n, t) {
+function W(n, t) {
   if (n === "page") {
     if (!Xs.includes(t))
       throw new Error("invalid page type");
@@ -1317,9 +1317,9 @@ const td = [
   "3d_sphere_geometry_v1",
   "3d_spot_light_v1"
 ];
-function ut(n, t, e) {
+function ct(n, t, e) {
   function o(s) {
-    const l = he[s.key];
+    const l = ve[s.key];
     if (!l) {
       console.assert(!1, `element not found key=${s.key}`);
       return;
@@ -1327,10 +1327,10 @@ function ut(n, t, e) {
     const u = {
       nodeId: s.id
     };
-    return lt(s.key) && (u.refContext = {
+    return at(s.key) && (u.refContext = {
       parent: n,
       compId: s.compId
-    }), D(
+    }), F(
       l.comp,
       {
         key: s.id,
@@ -1346,12 +1346,12 @@ function ut(n, t, e) {
   }
   return { render: () => {
     const { i18n: s } = Se;
-    if (at(n, t))
-      return D("div", null, s.global.t("x-runtime-lib.circularReference"));
+    if (ut(n, t))
+      return F("div", null, s.global.t("x-runtime-lib.circularReference"));
     if (!e.value)
       return;
     if (e.value.type === "ui")
-      return D(
+      return F(
         "div",
         {},
         { default: () => e.value.view.nodeLites.map((u) => o(u)) }
@@ -1359,10 +1359,10 @@ function ut(n, t, e) {
   } };
 }
 function Zs(n, t, e, o, i) {
-  const s = re(), l = We(
+  const s = ue(), l = Fe(
     "multipleElementSlotProperty",
     "placeholder",
-    Fe("placeholder", e, o)
+    De("placeholder", e, o)
   ), u = (c) => {
     c.result.value = i.value;
   }, d = (c) => {
@@ -1378,7 +1378,7 @@ function Zs(n, t, e, o, i) {
       `${t}/${l}//get`,
       u
     ), s.eventBus.off(`${t}/${l}//set`, d);
-  }), pe(i, (c, m) => {
+  }), fe(i, (c, m) => {
     s.hooks.onMultipleElementSlotPropertyChange(
       n.value.basic.id,
       n.value.basic.key,
@@ -1390,7 +1390,7 @@ function Zs(n, t, e, o, i) {
     );
   }));
 }
-function ve(n) {
+function _e(n) {
   const { property: t } = a(n, [
     "transform",
     "position",
@@ -1482,8 +1482,8 @@ function lo(n) {
   }
   return { show: t, position: e, type: o, data: i, applyYAxis: s };
 }
-function ee(n) {
-  const { computedThemes: t } = es(), e = ct(), o = x(() => n.value?.mode), i = x(() => {
+function ie(n) {
+  const { computedThemes: t } = es(), e = dt(), o = x(() => n.value?.mode), i = x(() => {
     const c = n.value?.theme;
     return c ? c === "background0" ? e.value ? "#2e2e2e" : "#bdbdbd" : c === "background1" ? e.value ? "#272727" : "#eeeeee" : c === "background2" ? e.value ? "#1e1e1e" : "#ffffff" : (e.value ? t.value.dark : t.value.light).colors[c] : void 0;
   }), s = x(() => e.value ? n.value.custom?.dark : n.value.custom?.light), l = x(() => o.value === "theme" ? i.value ?? "" : o.value === "custom" ? s.value ?? "" : ""), u = x(() => {
@@ -1496,7 +1496,7 @@ function ee(n) {
   return { color: l, rgb: u, alpha: d };
 }
 function In(n) {
-  const t = x(() => n.value.border?.style), e = x(() => n.value.border?.width), o = x(() => n.value.border?.color), { color: i } = ee(o), s = x(() => n.value.border?.roundRadius?.tl), l = x(() => n.value.border?.roundRadius?.tr), u = x(() => n.value.border?.roundRadius?.bl), d = x(() => n.value.border?.roundRadius?.br);
+  const t = x(() => n.value.border?.style), e = x(() => n.value.border?.width), o = x(() => n.value.border?.color), { color: i } = ie(o), s = x(() => n.value.border?.roundRadius?.tl), l = x(() => n.value.border?.roundRadius?.tr), u = x(() => n.value.border?.roundRadius?.bl), d = x(() => n.value.border?.roundRadius?.br);
   function c(m) {
     t.value && (m.borderStyle = t.value), e.value && (m.borderWidth = e.value), i.value && (m.borderColor = i.value), s.value && (m.borderTopLeftRadius = s.value), l.value && (m.borderTopRightRadius = l.value), u.value && (m.borderBottomLeftRadius = u.value), d.value && (m.borderBottomRightRadius = d.value);
   }
@@ -1517,7 +1517,7 @@ function Cn(n) {
   return { paddingTop: t, paddingLeft: e, paddingBottom: o, paddingRight: i, applyPadding: s };
 }
 function ke(n, t) {
-  const e = ae(), o = Je(), i = x(() => t.value.size?.width), s = x(() => t.value.size?.minWidth), l = x(() => t.value.size?.maxWidth), u = x(() => {
+  const e = ce(), o = qe(), i = x(() => t.value.size?.width), s = x(() => t.value.size?.minWidth), l = x(() => t.value.size?.maxWidth), u = x(() => {
     if (n.outer && e === "editor") {
       const p = Tt(t.value.size?.height);
       if (p)
@@ -1552,8 +1552,8 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = ae(), { position: i, rotation: s, scale: l } = ve(e), { property: u } = a(e, ["settings", "bottom"]), { property: d } = a(e, ["settings", "far"]), { property: c } = a(e, ["settings", "left"]), { property: m } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: y } = a(e, ["settings", "top"]);
-    return (b, f) => (g(), oe("TresOrthographicCamera", {
+    const t = n, { node: e } = z(t), o = ce(), { position: i, rotation: s, scale: l } = _e(e), { property: u } = a(e, ["settings", "bottom"]), { property: d } = a(e, ["settings", "far"]), { property: c } = a(e, ["settings", "left"]), { property: m } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: y } = a(e, ["settings", "top"]);
+    return (b, f) => (g(), se("TresOrthographicCamera", {
       bottom: r(u),
       far: r(d),
       left: r(c),
@@ -1564,12 +1564,12 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       scale: r(l),
       top: r(y)
     }, [
-      j(r(Oe)),
-      r(o) === "editor" ? (g(), C(r(rt), {
+      D(r(He)),
+      r(o) === "editor" ? (g(), C(r(lt), {
         key: 0,
         type: r(Xi)
-      }, null, 8, ["type"])) : ce("", !0),
-      N(b.$slots, "default")
+      }, null, 8, ["type"])) : pe("", !0),
+      K(b.$slots, "default")
     ], 8, Qs));
   }
 }), tr = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], nr = /* @__PURE__ */ S({
@@ -1580,8 +1580,8 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = ae(), { position: i, rotation: s, scale: l } = ve(e), { property: u } = a(e, ["settings", "aspect"]), { property: d } = a(e, ["settings", "far"]), { property: c } = a(e, ["settings", "fov"]), { property: m } = a(e, ["settings", "near"]);
-    return (p, y) => (g(), oe("TresPerspectiveCamera", {
+    const t = n, { node: e } = z(t), o = ce(), { position: i, rotation: s, scale: l } = _e(e), { property: u } = a(e, ["settings", "aspect"]), { property: d } = a(e, ["settings", "far"]), { property: c } = a(e, ["settings", "fov"]), { property: m } = a(e, ["settings", "near"]);
+    return (p, y) => (g(), se("TresPerspectiveCamera", {
       aspect: r(u),
       far: r(d),
       fov: r(c),
@@ -1590,31 +1590,31 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(s),
       scale: r(l)
     }, [
-      j(r(Oe)),
-      r(o) === "editor" ? (g(), C(r(rt), {
+      D(r(He)),
+      r(o) === "editor" ? (g(), C(r(lt), {
         key: 0,
         type: r(Xi)
-      }, null, 8, ["type"])) : ce("", !0),
-      N(p.$slots, "default")
+      }, null, 8, ["type"])) : pe("", !0),
+      K(p.$slots, "default")
     ], 8, tr));
   }
 }), ir = /* @__PURE__ */ S({
   __name: "index",
   setup(n) {
-    const t = ae();
-    return (e, o) => r(t) !== "editor" ? (g(), C(r(Ro), { key: 0 })) : ce("", !0);
+    const t = ce();
+    return (e, o) => r(t) !== "editor" ? (g(), C(r(Ro), { key: 0 })) : pe("", !0);
   }
 }), or = /* @__PURE__ */ S({
   __name: "index",
   setup(n) {
-    const t = ae();
-    return (e, o) => r(t) !== "editor" ? (g(), C(r(Wo), { key: 0 })) : ce("", !0);
+    const t = ce();
+    return (e, o) => r(t) !== "editor" ? (g(), C(r(Wo), { key: 0 })) : pe("", !0);
   }
 }), sr = /* @__PURE__ */ S({
   __name: "index",
   setup(n) {
-    const t = ae();
-    return (e, o) => r(t) !== "editor" ? (g(), C(r(Fo), { key: 0 })) : ce("", !0);
+    const t = ce();
+    return (e, o) => r(t) !== "editor" ? (g(), C(r(Fo), { key: 0 })) : pe("", !0);
   }
 }), rr = ["args"], lr = /* @__PURE__ */ S({
   __name: "index",
@@ -1634,7 +1634,7 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (c, m) => (g(), oe("TresBoxGeometry", {
+    return (c, m) => (g(), se("TresBoxGeometry", {
       args: [
         r(u),
         r(s),
@@ -1645,7 +1645,7 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       ]
     }, null, 8, rr));
   }
-}), He = (n, t) => {
+}), Ge = (n, t) => {
   const e = n.__vccOpts || n;
   for (const [o, i] of t)
     e[o] = i;
@@ -1677,7 +1677,7 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegments"
     ]);
-    return (m, p) => (g(), oe("TresSphereGeometry", {
+    return (m, p) => (g(), se("TresSphereGeometry", {
       args: [
         r(l),
         r(c),
@@ -1697,19 +1697,19 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), { position: o, rotation: i, scale: s } = ve(e), { property: l } = a(e, ["settings", "color"]), { color: u } = ee(l), { property: d } = a(e, [
+    const t = n, { node: e } = z(t), { position: o, rotation: i, scale: s } = _e(e), { property: l } = a(e, ["settings", "color"]), { color: u } = ie(l), { property: d } = a(e, [
       "settings",
       "intensity"
     ]);
-    return (c, m) => (g(), oe("TresAmbientLight", {
+    return (c, m) => (g(), se("TresAmbientLight", {
       color: r(u),
       intensity: r(d),
       position: r(o),
       rotation: r(i),
       scale: r(s)
     }, [
-      j(r(Oe)),
-      N(c.$slots, "default")
+      D(r(He)),
+      K(c.$slots, "default")
     ], 8, cr));
   }
 }), pr = ["color", "intensity", "position", "rotation", "scale"], mr = /* @__PURE__ */ S({
@@ -1720,23 +1720,23 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = ae(), { position: i, rotation: s, scale: l } = ve(e), { property: u } = a(e, ["settings", "color"]), { color: d } = ee(u), { property: c } = a(e, [
+    const t = n, { node: e } = z(t), o = ce(), { position: i, rotation: s, scale: l } = _e(e), { property: u } = a(e, ["settings", "color"]), { color: d } = ie(u), { property: c } = a(e, [
       "settings",
       "intensity"
     ]);
-    return (m, p) => (g(), oe("TresDirectionalLight", {
+    return (m, p) => (g(), se("TresDirectionalLight", {
       color: r(d),
       intensity: r(c),
       position: r(i),
       rotation: r(s),
       scale: r(l)
     }, [
-      j(r(Oe)),
-      r(o) === "editor" ? (g(), C(r(rt), {
+      D(r(He)),
+      r(o) === "editor" ? (g(), C(r(lt), {
         key: 0,
         type: r(To)
-      }, null, 8, ["type"])) : ce("", !0),
-      N(m.$slots, "default")
+      }, null, 8, ["type"])) : pe("", !0),
+      K(m.$slots, "default")
     ], 8, pr));
   }
 }), fr = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], yr = /* @__PURE__ */ S({
@@ -1747,14 +1747,14 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = ae(), { position: i, rotation: s, scale: l } = ve(e), { property: u } = a(e, ["settings", "color"]), { color: d } = ee(u), { property: c } = a(e, ["settings", "decay"]), { property: m } = a(e, [
+    const t = n, { node: e } = z(t), o = ce(), { position: i, rotation: s, scale: l } = _e(e), { property: u } = a(e, ["settings", "color"]), { color: d } = ie(u), { property: c } = a(e, ["settings", "decay"]), { property: m } = a(e, [
       "settings",
       "distance"
     ]), { property: p } = a(e, [
       "settings",
       "intensity"
     ]);
-    return (y, b) => (g(), oe("TresPointLight", {
+    return (y, b) => (g(), se("TresPointLight", {
       color: r(d),
       decay: r(c),
       distance: r(m),
@@ -1763,12 +1763,12 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(s),
       scale: r(l)
     }, [
-      j(r(Oe)),
-      r(o) === "editor" ? (g(), C(r(rt), {
+      D(r(He)),
+      r(o) === "editor" ? (g(), C(r(lt), {
         key: 0,
         type: r(Mo)
-      }, null, 8, ["type"])) : ce("", !0),
-      N(y.$slots, "default")
+      }, null, 8, ["type"])) : pe("", !0),
+      K(y.$slots, "default")
     ], 8, fr));
   }
 }), br = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], hr = /* @__PURE__ */ S({
@@ -1779,7 +1779,7 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = ae(), { position: i, rotation: s, scale: l } = ve(e), { property: u } = a(e, ["settings", "angle"]), { property: d } = a(e, ["settings", "color"]), { color: c } = ee(d), { property: m } = a(e, ["settings", "decay"]), { property: p } = a(e, [
+    const t = n, { node: e } = z(t), o = ce(), { position: i, rotation: s, scale: l } = _e(e), { property: u } = a(e, ["settings", "angle"]), { property: d } = a(e, ["settings", "color"]), { color: c } = ie(d), { property: m } = a(e, ["settings", "decay"]), { property: p } = a(e, [
       "settings",
       "distance"
     ]), { property: y } = a(e, [
@@ -1789,7 +1789,7 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "penumbra"
     ]);
-    return (f, _) => (g(), oe("TresSpotLight", {
+    return (f, _) => (g(), se("TresSpotLight", {
       angle: r(u),
       color: r(c),
       decay: r(m),
@@ -1800,19 +1800,19 @@ const Qs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(o) !== "editor" ? r(s) : [0, 0, 0],
       scale: r(o) !== "editor" ? r(l) : [1, 1, 1]
     }, [
-      j(r(Oe)),
-      r(o) === "editor" ? (g(), C(r(rt), {
+      D(r(He)),
+      r(o) === "editor" ? (g(), C(r(lt), {
         key: 0,
         type: r(Uo)
-      }, null, 8, ["type"])) : ce("", !0),
-      N(f.$slots, "default")
+      }, null, 8, ["type"])) : pe("", !0),
+      K(f.$slots, "default")
     ], 8, br));
   }
 }), vr = {};
 function _r(n, t) {
-  return g(), oe("TresMeshBasicMaterial");
+  return g(), se("TresMeshBasicMaterial");
 }
-const gr = /* @__PURE__ */ He(vr, [["render", _r]]), xr = ["position", "rotation", "scale"], kr = /* @__PURE__ */ S({
+const gr = /* @__PURE__ */ Ge(vr, [["render", _r]]), xr = ["position", "rotation", "scale"], kr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1820,13 +1820,13 @@ const gr = /* @__PURE__ */ He(vr, [["render", _r]]), xr = ["position", "rotation
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), { position: o, rotation: i, scale: s } = ve(e);
-    return (l, u) => (g(), oe("TresGroup", {
+    const t = n, { node: e } = z(t), { position: o, rotation: i, scale: s } = _e(e);
+    return (l, u) => (g(), se("TresGroup", {
       position: r(o),
       rotation: r(i),
       scale: r(s)
     }, [
-      N(l.$slots, "default")
+      K(l.$slots, "default")
     ], 8, xr));
   }
 }), wr = ["position", "rotation", "scale"], Ir = /* @__PURE__ */ S({
@@ -1837,13 +1837,13 @@ const gr = /* @__PURE__ */ He(vr, [["render", _r]]), xr = ["position", "rotation
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), { position: o, rotation: i, scale: s } = ve(e);
-    return (l, u) => (g(), oe("TresMesh", {
+    const t = n, { node: e } = z(t), { position: o, rotation: i, scale: s } = _e(e);
+    return (l, u) => (g(), se("TresMesh", {
       position: r(o),
       rotation: r(i),
       scale: r(s)
     }, [
-      N(l.$slots, "default")
+      K(l.$slots, "default")
     ], 8, wr));
   }
 }), Sr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Cr = "#242424", $r = {}, Vr = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Pr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Er = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ar = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Mr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ur = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Wr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Fr = { 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" } }, Dr = { 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)" } } }, Kr = { 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)" } } }, jr = { 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"] } } }, Nr = { 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"] } } }, Or = { 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"] } } }, Hr = { 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"] } } }, Gr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Jr = { textStyle: { color: "#eeeeee" } }, qr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Xr = { 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" } } }, Yr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Zr = { 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" } }, Qr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, el = {
@@ -1927,26 +1927,26 @@ const Al = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = Je(), i = ct(), s = Ae(), l = de(), { width: u, minWidth: d, maxWidth: c, height: m, minHeight: p, maxHeight: y, applySize: b } = ke(t, e), { applyTitle: f } = so(e), { applyXAxis: _ } = ro(e), { applyYAxis: v } = lo(e), { applyLegend: I } = io(e), { applySeries: V } = oo(e), k = x(() => {
-      const w = {}, K = l.value?.type;
-      return s === "page" ? K === "ui" ? b(w) : console.assert(!1) : s === "comp" && K === "ui" ? b(w) : console.assert(!1), w;
+    const t = n, { node: e } = z(t), o = qe(), i = dt(), s = Ae(), l = me(), { width: u, minWidth: d, maxWidth: c, height: m, minHeight: p, maxHeight: y, applySize: b } = ke(t, e), { applyTitle: f } = so(e), { applyXAxis: _ } = ro(e), { applyYAxis: v } = lo(e), { applyLegend: I } = io(e), { applySeries: V } = oo(e), k = x(() => {
+      const w = {}, A = l.value?.type;
+      return s === "page" ? A === "ui" ? b(w) : console.assert(!1) : s === "comp" && A === "ui" ? b(w) : console.assert(!1), w;
     }), P = Di("chart");
-    let T;
-    const Z = () => {
-      T?.dispose(), T = Zi.init(P.value, i.value ? "dark" : "light");
+    let L;
+    const Q = () => {
+      L?.dispose(), L = Zi.init(P.value, i.value ? "dark" : "light");
       const w = {};
-      T.setOption(w);
-    }, L = () => {
-      T?.resize();
-    }, A = () => {
+      L.setOption(w);
+    }, ee = () => {
+      L?.resize();
+    }, H = () => {
       const w = {};
-      f(w), _(w), v(w), I(w), V(w), T?.setOption(w, !0);
+      f(w), _(w), v(w), I(w), V(w), L?.setOption(w, !0);
     };
     return Ki(async () => {
-      window.addEventListener("resize", L, !1), await Oi(() => !!P.value), Z(), A();
+      window.addEventListener("resize", ee, !1), await Oi(() => !!P.value), Q(), H();
     }), xe(() => {
-      window.removeEventListener("resize", L, !1), T?.dispose();
-    }), pe(
+      window.removeEventListener("resize", ee, !1), L?.dispose();
+    }), fe(
       [
         () => o.value.width,
         () => o.value.height,
@@ -1958,22 +1958,22 @@ const Al = /* @__PURE__ */ S({
         y
       ],
       async () => {
-        await Le(), L();
+        await Le(), ee();
       }
-    ), pe([i], () => {
-      Z(), A();
-    }), pe(
+    ), fe([i], () => {
+      Q(), H();
+    }), fe(
       [t],
       () => {
-        A();
+        H();
       },
       { deep: !0 }
-    ), (w, K) => (g(), C(r(J), {
+    ), (w, A) => (g(), C(r(q), {
       block: "",
       mask: ""
     }, {
       default: E(() => [
-        Ne("div", {
+        Oe("div", {
           ref: "chart",
           style: ge(k.value)
         }, null, 4)
@@ -1989,26 +1989,26 @@ const Al = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = Je(), i = ct(), s = Ae(), l = de(), { width: u, minWidth: d, maxWidth: c, height: m, minHeight: p, maxHeight: y, applySize: b } = ke(t, e), { applyTitle: f } = so(e), { applyXAxis: _ } = ro(e), { applyYAxis: v } = lo(e), { applyLegend: I } = io(e), { applySeries: V } = oo(e), k = x(() => {
-      const w = {}, K = l.value?.type;
-      return s === "page" ? K === "ui" ? b(w) : console.assert(!1) : s === "comp" && K === "ui" ? b(w) : console.assert(!1), w;
+    const t = n, { node: e } = z(t), o = qe(), i = dt(), s = Ae(), l = me(), { width: u, minWidth: d, maxWidth: c, height: m, minHeight: p, maxHeight: y, applySize: b } = ke(t, e), { applyTitle: f } = so(e), { applyXAxis: _ } = ro(e), { applyYAxis: v } = lo(e), { applyLegend: I } = io(e), { applySeries: V } = oo(e), k = x(() => {
+      const w = {}, A = l.value?.type;
+      return s === "page" ? A === "ui" ? b(w) : console.assert(!1) : s === "comp" && A === "ui" ? b(w) : console.assert(!1), w;
     }), P = Di("chart");
-    let T;
-    const Z = () => {
-      T?.dispose(), T = Zi.init(P.value, i.value ? "dark" : "light");
+    let L;
+    const Q = () => {
+      L?.dispose(), L = Zi.init(P.value, i.value ? "dark" : "light");
       const w = {};
-      T.setOption(w);
-    }, L = () => {
-      T?.resize();
-    }, A = () => {
+      L.setOption(w);
+    }, ee = () => {
+      L?.resize();
+    }, H = () => {
       const w = {};
-      f(w), _(w), v(w), I(w), V(w), T?.setOption(w, !0);
+      f(w), _(w), v(w), I(w), V(w), L?.setOption(w, !0);
     };
     return Ki(async () => {
-      window.addEventListener("resize", L, !1), await Oi(() => !!P.value), Z(), A();
+      window.addEventListener("resize", ee, !1), await Oi(() => !!P.value), Q(), H();
     }), xe(() => {
-      window.removeEventListener("resize", L, !1), T?.dispose();
-    }), pe(
+      window.removeEventListener("resize", ee, !1), L?.dispose();
+    }), fe(
       [
         () => o.value.width,
         () => o.value.height,
@@ -2020,22 +2020,22 @@ const Al = /* @__PURE__ */ S({
         y
       ],
       async () => {
-        await Le(), L();
+        await Le(), ee();
       }
-    ), pe([i], () => {
-      Z(), A();
-    }), pe(
+    ), fe([i], () => {
+      Q(), H();
+    }), fe(
       [t],
       () => {
-        A();
+        H();
       },
       { deep: !0 }
-    ), (w, K) => (g(), C(r(J), {
+    ), (w, A) => (g(), C(r(q), {
       block: "",
       mask: ""
     }, {
       default: E(() => [
-        Ne("div", {
+        Oe("div", {
           ref: "chart",
           style: ge(k.value)
         }, null, 4)
@@ -2055,10 +2055,10 @@ const Al = /* @__PURE__ */ S({
     console.log(`<element/${n.nodeId}/multiple_ref_v1/${n.instance}> created`), xe(() => {
       console.log(`<element/${n.nodeId}/multiple_ref_v1/${n.instance}> destroyed`);
     });
-    const t = wo(), e = de(), o = x(() => O(t.value)), i = x(() => O(e.value));
-    we(i), Pe("multipleRef", n.nodeId, n.instance, re(), o, i);
+    const t = wo(), e = me(), o = x(() => N(t.value)), i = x(() => N(e.value));
+    we(i), Pe("multipleRef", n.nodeId, n.instance, ue(), o, i);
     const s = (u) => {
-      const d = he[u.key];
+      const d = ve[u.key];
       if (!d) {
         console.assert(!1, `element not found key=${u.key}`);
         return;
@@ -2066,10 +2066,10 @@ const Al = /* @__PURE__ */ S({
       const c = {
         nodeId: u.id
       };
-      return lt(u.key) && (c.refContext = {
+      return at(u.key) && (c.refContext = {
         parent: n.refContext,
         compId: u.compId
-      }), D(
+      }), F(
         d.comp,
         {
           key: u.id,
@@ -2084,17 +2084,17 @@ const Al = /* @__PURE__ */ S({
       );
     }, l = () => {
       if (n.subtype === "ui")
-        return D("div", null, {
+        return F("div", null, {
           default: () => i.value?.view.nodeLites.map((u) => s(u))
         });
       if (n.subtype === "3d")
-        return D("TresGroup", null, {
+        return F("TresGroup", null, {
           default: () => i.value?.view.nodeLites.map((u) => s(u))
         });
     };
     return (u, d) => (g(), C(l));
   }
-}), Tl = ["position", "rotation", "scale"], Ml = { style: { userSelect: "none" } }, be = /* @__PURE__ */ S({
+}), Tl = ["position", "rotation", "scale"], Ml = { style: { userSelect: "none" } }, he = /* @__PURE__ */ S({
   __name: "index",
   props: {
     position: {},
@@ -2104,7 +2104,7 @@ const Al = /* @__PURE__ */ S({
     } }
   },
   setup(n) {
-    return (t, e) => (g(), oe("TresGroup", {
+    return (t, e) => (g(), se("TresGroup", {
       position: n.position,
       rotation: n.rotation,
       scale: n.scale
@@ -2115,11 +2115,11 @@ const Al = /* @__PURE__ */ S({
         transform: ""
       }, {
         default: E(() => [
-          Ne("div", Ml, ji(n.label), 1)
+          Oe("div", Ml, ji(n.label), 1)
         ]),
         _: 1
-      })) : ce("", !0),
-      N(t.$slots, "default")
+      })) : pe("", !0),
+      K(t.$slots, "default")
     ], 8, Tl));
   }
 }), Ul = /* @__PURE__ */ S({
@@ -2130,7 +2130,7 @@ const Al = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = Vt(), e = n, { node: o } = z(e), i = Ce(), s = de(), l = G();
+    const t = Vt(), e = n, { node: o } = z(e), i = Ce(), s = me(), l = G();
     $e(l);
     const u = G();
     we(u);
@@ -2139,8 +2139,8 @@ const Al = /* @__PURE__ */ S({
     const { applySize: c } = ke(e, o), m = x(() => {
       const k = {};
       return u.value?.type === "ui" && c(k), k;
-    }), { position: p, rotation: y, scale: b } = ve(o), { property: f } = a(o, ["instances"]), _ = (k, P) => {
-      k.findIndex((T) => T === P) >= 0 || k.push(P);
+    }), { position: p, rotation: y, scale: b } = _e(o), { property: f } = a(o, ["instances"]), _ = (k, P) => {
+      k.findIndex((L) => L === P) >= 0 || k.push(P);
     }, v = x(() => {
       const k = [];
       if (!Array.isArray(f.value))
@@ -2148,7 +2148,7 @@ const Al = /* @__PURE__ */ S({
       for (const P of f.value)
         typeof P == "string" && P && _(k, P);
       return k;
-    }), I = (k, P) => D(Ll, {
+    }), I = (k, P) => F(Ll, {
       key: k,
       subtype: P,
       nodeId: e.nodeId,
@@ -2164,12 +2164,12 @@ const Al = /* @__PURE__ */ S({
         return;
       }
       const { i18n: k } = Se;
-      if (at(e.refContext, i))
-        return s.value.type === "ui" ? D(
+      if (ut(e.refContext, i))
+        return s.value.type === "ui" ? F(
           "div",
           { id: t.id, style: m.value },
           k.global.t("x-runtime-lib.circularReference")
-        ) : s.value.type === "3d" ? D(be, {
+        ) : s.value.type === "3d" ? F(he, {
           name: t.name,
           position: p.value,
           rotation: y.value,
@@ -2177,7 +2177,7 @@ const Al = /* @__PURE__ */ S({
           label: k.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!u.value)
-        return s.value.type === "ui" ? D("div", { id: t.id, style: m.value }) : s.value.type === "3d" ? D(be, {
+        return s.value.type === "ui" ? F("div", { id: t.id, style: m.value }) : s.value.type === "3d" ? F(he, {
           name: t.name,
           position: p.value,
           rotation: y.value,
@@ -2189,19 +2189,19 @@ const Al = /* @__PURE__ */ S({
       }
       const P = u.value.type;
       if (P === "ui")
-        return D(
+        return F(
           "div",
           {
             id: t.id,
             style: m.value
           },
           {
-            default: () => v.value.map((T) => I(T, P))
+            default: () => v.value.map((L) => I(L, P))
           }
         );
       if (P === "3d")
-        return D(
-          be,
+        return F(
+          he,
           {
             name: t.name,
             position: p.value,
@@ -2209,7 +2209,7 @@ const Al = /* @__PURE__ */ S({
             scale: b.value
           },
           {
-            default: () => v.value.map((T) => I(T, P))
+            default: () => v.value.map((L) => I(L, P))
           }
         );
     };
@@ -2227,10 +2227,10 @@ const Al = /* @__PURE__ */ S({
     console.log(`<element/${n.nodeId}/multiple_slot_v1/${n.instance}> created`), xe(() => {
       console.log(`<element/${n.nodeId}/multiple_slot_v1/${n.instance}> destroyed`);
     });
-    const t = wo(), e = de(), o = x(() => O(t.value)), i = x(() => O(e.value));
-    we(i), Pe("multipleCustomSlot", n.nodeId, n.instance, re(), o, i);
+    const t = wo(), e = me(), o = x(() => N(t.value)), i = x(() => N(e.value));
+    we(i), Pe("multipleCustomSlot", n.nodeId, n.instance, ue(), o, i);
     const s = (u) => {
-      const d = he[u.key];
+      const d = ve[u.key];
       if (!d) {
         console.assert(!1, `element not found key=${u.key}`);
         return;
@@ -2238,10 +2238,10 @@ const Al = /* @__PURE__ */ S({
       const c = {
         nodeId: u.id
       };
-      return lt(u.key) && (c.refContext = {
+      return at(u.key) && (c.refContext = {
         parent: n.refContext,
         compId: u.compId
-      }), D(
+      }), F(
         d.comp,
         {
           key: u.id,
@@ -2256,11 +2256,11 @@ const Al = /* @__PURE__ */ S({
       );
     }, l = () => {
       if (n.subtype === "ui")
-        return D("div", null, {
+        return F("div", null, {
           default: () => i.value?.view.nodeLites.map((u) => s(u))
         });
       if (n.subtype === "3d")
-        return D("TresGroup", null, {
+        return F("TresGroup", null, {
           default: () => i.value?.view.nodeLites.map((u) => s(u))
         });
     };
@@ -2274,7 +2274,7 @@ const Al = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = Vt(), e = n, { node: o } = z(e), i = Ce(), s = de(), l = G();
+    const t = Vt(), e = n, { node: o } = z(e), i = Ce(), s = me(), l = G();
     $e(l);
     const u = G();
     we(u);
@@ -2283,8 +2283,8 @@ const Al = /* @__PURE__ */ S({
     const { applySize: c } = ke(e, o), m = x(() => {
       const k = {};
       return u.value?.type === "ui" && c(k), k;
-    }), { position: p, rotation: y, scale: b } = ve(o), { property: f } = a(o, ["instances"]), _ = (k, P) => {
-      k.findIndex((T) => T === P) >= 0 || k.push(P);
+    }), { position: p, rotation: y, scale: b } = _e(o), { property: f } = a(o, ["instances"]), _ = (k, P) => {
+      k.findIndex((L) => L === P) >= 0 || k.push(P);
     }, v = x(() => {
       const k = [];
       if (!Array.isArray(f.value))
@@ -2292,7 +2292,7 @@ const Al = /* @__PURE__ */ S({
       for (const P of f.value)
         typeof P == "string" && P && _(k, P);
       return k;
-    }), I = (k, P) => D(Bl, {
+    }), I = (k, P) => F(Bl, {
       key: k,
       subtype: P,
       nodeId: e.nodeId,
@@ -2308,12 +2308,12 @@ const Al = /* @__PURE__ */ S({
         return;
       }
       const { i18n: k } = Se;
-      if (at(e.refContext, i))
-        return s.value.type === "ui" ? D(
+      if (ut(e.refContext, i))
+        return s.value.type === "ui" ? F(
           "div",
           { id: t.id, style: m.value },
           k.global.t("x-runtime-lib.circularReference")
-        ) : s.value.type === "3d" ? D(be, {
+        ) : s.value.type === "3d" ? F(he, {
           name: t.name,
           position: p.value,
           rotation: y.value,
@@ -2321,7 +2321,7 @@ const Al = /* @__PURE__ */ S({
           label: k.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!u.value)
-        return s.value.type === "ui" ? D("div", { id: t.id, style: m.value }) : s.value.type === "3d" ? D(be, {
+        return s.value.type === "ui" ? F("div", { id: t.id, style: m.value }) : s.value.type === "3d" ? F(he, {
           name: t.name,
           position: p.value,
           rotation: y.value,
@@ -2333,19 +2333,19 @@ const Al = /* @__PURE__ */ S({
       }
       const P = u.value.type;
       if (P === "ui")
-        return D(
+        return F(
           "div",
           {
             id: t.id,
             style: m.value
           },
           {
-            default: () => v.value.map((T) => I(T, P))
+            default: () => v.value.map((L) => I(L, P))
           }
         );
       if (P === "3d")
-        return D(
-          be,
+        return F(
+          he,
           {
             name: t.name,
             position: p.value,
@@ -2353,7 +2353,7 @@ const Al = /* @__PURE__ */ S({
             scale: b.value
           },
           {
-            default: () => v.value.map((T) => I(T, P))
+            default: () => v.value.map((L) => I(L, P))
           }
         );
     };
@@ -2367,17 +2367,17 @@ const Al = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = Vt(), e = n, { node: o } = z(e), i = Ce(), s = de(), l = G();
+    const t = Vt(), e = n, { node: o } = z(e), i = Ce(), s = me(), l = G();
     $e(l);
     const u = G();
     we(u);
     const d = x(() => e.refContext?.compId);
-    Ve(d, l, u), Pe("ref", e.nodeId, "", re(), l, u);
+    Ve(d, l, u), Pe("ref", e.nodeId, "", ue(), l, u);
     const { applySize: c } = ke(e, o), m = x(() => {
       const v = {};
       return s.value?.type === "ui" && c(v), v;
-    }), { position: p, rotation: y, scale: b } = ve(o), f = (v) => {
-      const I = he[v.key];
+    }), { position: p, rotation: y, scale: b } = _e(o), f = (v) => {
+      const I = ve[v.key];
       if (!I) {
         console.assert(!1, `element not found key=${v.key}`);
         return;
@@ -2385,10 +2385,10 @@ const Al = /* @__PURE__ */ S({
       const V = {
         nodeId: v.id
       };
-      return lt(v.key) && (V.refContext = {
+      return at(v.key) && (V.refContext = {
         parent: e.refContext,
         compId: v.compId
-      }), D(
+      }), F(
         I.comp,
         {
           key: v.id,
@@ -2411,12 +2411,12 @@ const Al = /* @__PURE__ */ S({
         return;
       }
       const { i18n: v } = Se;
-      if (at(e.refContext, i))
-        return s.value.type === "ui" ? D(
+      if (ut(e.refContext, i))
+        return s.value.type === "ui" ? F(
           "div",
           { id: t.id, style: m.value },
           v.global.t("x-runtime-lib.circularReference")
-        ) : s.value.type === "3d" ? D(be, {
+        ) : s.value.type === "3d" ? F(he, {
           name: t.name,
           position: p.value,
           rotation: y.value,
@@ -2424,7 +2424,7 @@ const Al = /* @__PURE__ */ S({
           label: v.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!u.value)
-        return s.value.type === "ui" ? D("div", { id: t.id, style: m.value }) : s.value.type === "3d" ? D(be, {
+        return s.value.type === "ui" ? F("div", { id: t.id, style: m.value }) : s.value.type === "3d" ? F(he, {
           name: t.name,
           position: p.value,
           rotation: y.value,
@@ -2436,7 +2436,7 @@ const Al = /* @__PURE__ */ S({
       }
       const I = u.value.type;
       if (I === "ui")
-        return D(
+        return F(
           "div",
           {
             id: t.id,
@@ -2447,8 +2447,8 @@ const Al = /* @__PURE__ */ S({
           }
         );
       if (I === "3d")
-        return D(
-          be,
+        return F(
+          he,
           {
             name: t.name,
             position: p.value,
@@ -2471,9 +2471,9 @@ const Al = /* @__PURE__ */ S({
   },
   setup(n) {
     const t = n, { node: e } = z(t), { property: o } = a(e, ["settings", "open"]);
-    return (i, s) => (g(), C(r(J), null, {
+    return (i, s) => (g(), C(r(q), null, {
       default: E(() => [
-        r(o) ? N(i.$slots, "default", { key: 0 }) : ce("", !0)
+        r(o) ? K(i.$slots, "default", { key: 0 }) : pe("", !0)
       ]),
       _: 3
     }));
@@ -2486,18 +2486,18 @@ const Al = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = Vt(), e = n, { node: o } = z(e), i = Ce(), s = de(), l = G();
+    const t = Vt(), e = n, { node: o } = z(e), i = Ce(), s = me(), l = G();
     $e(l);
     const u = G();
     we(u);
     const d = x(() => e.refContext?.compId);
-    Ve(d, l, u), Pe("customSlot", e.nodeId, "", re(), l, u);
+    Ve(d, l, u), Pe("customSlot", e.nodeId, "", ue(), l, u);
     const { applySize: c } = ke(e, o), m = x(() => {
       const v = {};
       return u.value?.type === "ui" && c(v), v;
-    }), { position: p, rotation: y, scale: b } = ve(o);
+    }), { position: p, rotation: y, scale: b } = _e(o);
     function f(v) {
-      const I = he[v.key];
+      const I = ve[v.key];
       if (!I) {
         console.assert(!1, `element not found key=${v.key}`);
         return;
@@ -2505,10 +2505,10 @@ const Al = /* @__PURE__ */ S({
       const V = {
         nodeId: v.id
       };
-      return lt(v.key) && (V.refContext = {
+      return at(v.key) && (V.refContext = {
         parent: e.refContext,
         compId: v.compId
-      }), D(
+      }), F(
         I.comp,
         {
           key: v.id,
@@ -2532,12 +2532,12 @@ const Al = /* @__PURE__ */ S({
         return;
       }
       const { i18n: v } = Se;
-      if (at(e.refContext, i))
-        return s.value.type === "ui" ? D(
+      if (ut(e.refContext, i))
+        return s.value.type === "ui" ? F(
           "div",
           { id: t.id, style: m.value },
           v.global.t("x-runtime-lib.circularReference")
-        ) : s.value.type === "3d" ? D(be, {
+        ) : s.value.type === "3d" ? F(he, {
           name: t.name,
           position: p.value,
           rotation: y.value,
@@ -2545,7 +2545,7 @@ const Al = /* @__PURE__ */ S({
           label: v.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!u.value)
-        return s.value.type === "ui" ? D("div", { id: t.id, style: m.value }) : s.value.type === "3d" ? D(be, {
+        return s.value.type === "ui" ? F("div", { id: t.id, style: m.value }) : s.value.type === "3d" ? F(he, {
           name: t.name,
           position: p.value,
           rotation: y.value,
@@ -2557,7 +2557,7 @@ const Al = /* @__PURE__ */ S({
       }
       const I = u.value.type;
       if (I === "ui")
-        return D(
+        return F(
           "div",
           {
             id: t.id,
@@ -2568,8 +2568,8 @@ const Al = /* @__PURE__ */ S({
           }
         );
       if (I === "3d")
-        return D(
-          be,
+        return F(
+          he,
           {
             name: t.name,
             position: p.value,
@@ -2591,7 +2591,7 @@ const Al = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), { property: o } = a(e, ["settings", "content"]), { property: i } = a(e, ["settings", "dot"]), { theme: s } = q(), { property: l } = a(e, [
+    const t = n, { node: e } = z(t), { property: o } = a(e, ["settings", "content"]), { property: i } = a(e, ["settings", "dot"]), { theme: s } = X(), { property: l } = a(e, [
       "settings",
       "offset",
       "x"
@@ -2601,10 +2601,10 @@ const Al = /* @__PURE__ */ S({
       "y"
     ]);
     return (d, c) => {
-      const m = W("v-badge");
-      return g(), C(r(J), null, {
+      const m = R("v-badge");
+      return g(), C(r(q), null, {
         default: E(() => [
-          j(m, {
+          D(m, {
             content: r(o),
             dot: r(i),
             "offset-x": r(l),
@@ -2612,7 +2612,7 @@ const Al = /* @__PURE__ */ S({
             theme: r(s)
           }, {
             default: E(() => [
-              N(d.$slots, "default")
+              K(d.$slots, "default")
             ]),
             _: 3
           }, 8, ["content", "dot", "offset-x", "offset-y", "theme"])
@@ -2629,11 +2629,11 @@ const Al = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = re(), { property: i } = a(e, [
+    const t = n, { node: e } = z(t), o = ue(), { property: i } = a(e, [
       "settings",
       "addIcon",
       "append"
-    ]), { property: s } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: u } = ee(l), { property: d } = a(e, ["settings", "density"]), { property: c } = a(e, [
+    ]), { property: s } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: u } = ie(l), { property: d } = a(e, ["settings", "density"]), { property: c } = a(e, [
       "settings",
       "disabled"
     ]), { property: m } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: y } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: f } = a(e, ["size", "minHeight"]), { property: _ } = a(e, ["size", "minWidth"]), { property: v } = a(e, [
@@ -2643,21 +2643,21 @@ const Al = /* @__PURE__ */ S({
     ]), { property: I } = a(e, [
       "settings",
       "readonly"
-    ]), { property: V } = a(e, ["settings", "ripple"]), { property: k } = a(e, ["settings", "size"]), { property: P } = a(e, ["settings", "stacked"]), { property: T } = a(e, ["settings", "text"]), { theme: Z } = q(), { property: L } = a(e, ["settings", "variant"]), { property: A } = a(e, ["size", "width"]), w = async (K) => {
-      !o || !o.vm || (o.setGlobalVariable("__pointerPosX__", K.clientX), o.setGlobalVariable("__pointerPosY__", K.clientY), await o.callFunctionAsync(
+    ]), { property: V } = a(e, ["settings", "ripple"]), { property: k } = a(e, ["settings", "size"]), { property: P } = a(e, ["settings", "stacked"]), { property: L } = a(e, ["settings", "text"]), { theme: Q } = X(), { property: ee } = a(e, ["settings", "variant"]), { property: H } = a(e, ["size", "width"]), w = async (A) => {
+      !o || !o.vm || (o.setGlobalVariable("__pointerPosX__", A.clientX), o.setGlobalVariable("__pointerPosY__", A.clientY), await o.callFunctionAsync(
         "__triggerEventV1__",
-        le("elementEvent", t.nodeId, "click"),
+        re("elementEvent", t.nodeId, "click"),
         ""
       ));
     };
-    return (K, ne) => {
-      const ie = W("v-btn");
-      return g(), C(r(J), {
+    return (A, j) => {
+      const te = R("v-btn");
+      return g(), C(r(q), {
         block: r(s),
         mask: ""
       }, {
         default: E(() => [
-          j(ie, {
+          D(te, {
             "append-icon": r(i),
             block: r(s),
             color: r(u),
@@ -2674,10 +2674,10 @@ const Al = /* @__PURE__ */ S({
             ripple: r(V),
             size: r(k),
             stacked: r(P),
-            text: r(T),
-            theme: r(Z),
-            variant: r(L),
-            width: r(A),
+            text: r(L),
+            theme: r(Q),
+            variant: r(ee),
+            width: r(H),
             onClick: w
           }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"])
         ]),
@@ -2687,15 +2687,15 @@ const Al = /* @__PURE__ */ S({
   }
 }), jl = {};
 function Nl(n, t) {
-  const e = W("v-btn-group");
+  const e = R("v-btn-group");
   return g(), C(e, null, {
     default: E(() => [
-      N(n.$slots, "default")
+      K(n.$slots, "default")
     ]),
     _: 3
   });
 }
-const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
+const Ol = /* @__PURE__ */ Ge(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2715,9 +2715,9 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     ]), { property: d } = a(e, [
       "settings",
       "readonly"
-    ]), { property: c } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "stacked"]), { theme: p } = q(), { property: y } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
+    ]), { property: c } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "stacked"]), { theme: p } = X(), { property: y } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
     return (f, _) => {
-      const v = W("v-btn-toggle");
+      const v = R("v-btn-toggle");
       return g(), C(v, {
         block: r(o),
         disabled: r(i),
@@ -2732,7 +2732,7 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
         variant: r(b)
       }, {
         default: E(() => [
-          N(f.$slots, "default")
+          K(f.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
@@ -2752,12 +2752,12 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     ]), { property: s } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: u } = a(e, ["settings", "loading"]), { property: d } = a(e, ["size", "maxHeight"]), { property: c } = a(e, ["size", "maxWidth"]), { property: m } = a(e, ["size", "minHeight"]), { property: p } = a(e, ["size", "minWidth"]), { property: y } = a(e, [
       "settings",
       "subtitle"
-    ]), { property: b } = a(e, ["settings", "text"]), { theme: f } = q(), { property: _ } = a(e, ["settings", "title"]), { property: v } = a(e, ["settings", "variant"]), { property: I } = a(e, ["size", "width"]);
+    ]), { property: b } = a(e, ["settings", "text"]), { theme: f } = X(), { property: _ } = a(e, ["settings", "title"]), { property: v } = a(e, ["settings", "variant"]), { property: I } = a(e, ["size", "width"]);
     return (V, k) => {
-      const P = W("v-card");
-      return g(), C(r(J), { block: "" }, {
+      const P = R("v-card");
+      return g(), C(r(q), { block: "" }, {
         default: E(() => [
-          j(P, {
+          D(P, {
             density: r(o),
             disabled: r(i),
             height: r(s),
@@ -2775,7 +2775,7 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
             width: r(I)
           }, {
             default: E(() => [
-              N(V.$slots, "default")
+              K(V.$slots, "default")
             ]),
             _: 3
           }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
@@ -2800,10 +2800,10 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
       "readonly"
     ]);
     return (s, l) => {
-      const u = W("v-checkbox");
-      return g(), C(r(J), { mask: "" }, {
+      const u = R("v-checkbox");
+      return g(), C(r(q), { mask: "" }, {
         default: E(() => [
-          j(u, {
+          D(u, {
             disabled: r(o),
             readonly: r(i)
           }, null, 8, ["disabled", "readonly"])
@@ -2823,18 +2823,18 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     const t = n, { node: e } = z(t), { property: o } = a(e, [
       "settings",
       "closable"
-    ]), { property: i } = a(e, ["settings", "color"]), { color: s } = ee(i), { property: l } = a(e, ["settings", "density"]), { property: u } = a(e, [
+    ]), { property: i } = a(e, ["settings", "color"]), { color: s } = ie(i), { property: l } = a(e, ["settings", "density"]), { property: u } = a(e, [
       "settings",
       "disabled"
     ]), { property: d } = a(e, [
       "settings",
       "draggable"
-    ]), { property: c } = a(e, ["settings", "filter"]), { property: m } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: y } = a(e, ["settings", "text"]), { theme: b } = q(), { property: f } = a(e, ["settings", "tile"]), { property: _ } = a(e, ["settings", "value"]), { property: v } = a(e, ["settings", "variant"]);
+    ]), { property: c } = a(e, ["settings", "filter"]), { property: m } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: y } = a(e, ["settings", "text"]), { theme: b } = X(), { property: f } = a(e, ["settings", "tile"]), { property: _ } = a(e, ["settings", "value"]), { property: v } = a(e, ["settings", "variant"]);
     return (I, V) => {
-      const k = W("v-chip");
-      return g(), C(r(J), { mask: "" }, {
+      const k = R("v-chip");
+      return g(), C(r(q), { mask: "" }, {
         default: E(() => [
-          j(k, {
+          D(k, {
             closable: r(o),
             color: r(s),
             density: r(l),
@@ -2877,12 +2877,12 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     ]), { property: c } = a(e, [
       "settings",
       "showArrows"
-    ]), { theme: m } = q(), { property: p } = a(e, ["settings", "value"]);
+    ]), { theme: m } = X(), { property: p } = a(e, ["settings", "value"]);
     return (y, b) => {
-      const f = W("v-chip-group");
+      const f = R("v-chip-group");
       return g(), C(f, {
         modelValue: r(p),
-        "onUpdate:modelValue": b[0] || (b[0] = (_) => se(p) ? p.value = _ : null),
+        "onUpdate:modelValue": b[0] || (b[0] = (_) => ae(p) ? p.value = _ : null),
         column: r(o),
         direction: r(i),
         disabled: r(s),
@@ -2893,7 +2893,7 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
         theme: r(m)
       }, {
         default: E(() => [
-          N(y.$slots, "default")
+          K(y.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
@@ -2907,7 +2907,7 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = Ae(), i = de(), { applySize: s } = ke(t, e), l = x(() => {
+    const t = n, { node: e } = z(t), o = Ae(), i = me(), { applySize: s } = ke(t, e), l = x(() => {
       const _ = {}, v = i.value?.type;
       return o === "page" ? v === "ui" ? s(_) : console.assert(!1) : o === "comp" && v === "ui" ? s(_) : console.assert(!1), _;
     }), { property: u } = a(e, [
@@ -2931,12 +2931,12 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     ]), { property: b } = a(e, [
       "settings",
       "showSwatches"
-    ]), { theme: f } = q();
+    ]), { theme: f } = X();
     return (_, v) => {
-      const I = W("v-color-picker");
-      return g(), C(r(J), { mask: "" }, {
+      const I = R("v-color-picker");
+      return g(), C(r(q), { mask: "" }, {
         default: E(() => [
-          j(I, {
+          D(I, {
             disabled: r(u),
             "hide-canvas": r(d),
             "hide-header": r(c),
@@ -2972,14 +2972,14 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     ]), { property: u } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: d } = q(), { property: c } = a(e, ["settings", "value"]);
+    ]), { theme: d } = X(), { property: c } = a(e, ["settings", "value"]);
     return (m, p) => {
-      const y = W("v-combobox");
-      return g(), C(r(J), { mask: "" }, {
+      const y = R("v-combobox");
+      return g(), C(r(q), { mask: "" }, {
         default: E(() => [
-          j(y, {
+          D(y, {
             modelValue: r(c),
-            "onUpdate:modelValue": p[0] || (p[0] = (b) => se(c) ? c.value = b : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (b) => ae(c) ? c.value = b : null),
             "hide-details": r(o),
             label: r(i),
             placeholder: r(s),
@@ -3000,19 +3000,19 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = Ae(), i = de(), { property: s } = a(e, [
+    const t = n, { node: e } = z(t), o = Ae(), i = me(), { property: s } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: l } = ee(s), { applySize: u } = ke(t, e), { applyMargin: d } = Sn(e), { applyPadding: c } = Cn(e), { applyBorder: m } = In(e), p = x(() => {
+    ]), { color: l } = ie(s), { applySize: u } = ke(t, e), { applyMargin: d } = Sn(e), { applyPadding: c } = Cn(e), { applyBorder: m } = In(e), p = x(() => {
       const y = {}, b = i.value?.type;
       return o === "page" ? b === "ui" ? (u(y), d(y), c(y), m(y), l.value && (y.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && b === "ui" ? (u(y), d(y), c(y), m(y), l.value && (y.backgroundColor = l.value)) : console.assert(!1), y;
     });
-    return (y, b) => (g(), C(r(J), { block: "" }, {
+    return (y, b) => (g(), C(r(q), { block: "" }, {
       default: E(() => [
-        Ne("div", {
+        Oe("div", {
           style: ge(p.value)
         }, [
-          N(y.$slots, "default")
+          K(y.$slots, "default")
         ], 4)
       ]),
       _: 3
@@ -3029,7 +3029,7 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
   }),
   emits: ["update:value"],
   setup(n) {
-    const t = tt(n, "value"), e = n, o = `${Fn}/${e.instance}`, i = Ce(), s = dt(), l = G();
+    const t = nt(n, "value"), e = n, o = `${Fn}/${e.instance}`, i = Ce(), s = pt(), l = G();
     $e(l);
     const u = G();
     we(u);
@@ -3038,11 +3038,11 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
       "multipleElementSlot",
       s.value.basic.id,
       o,
-      re(),
+      ue(),
       l,
       u
     ), Zs(s, o, Fn, "value", t);
-    const { render: c } = ut(e.refContext, i, u);
+    const { render: c } = ct(e.refContext, i, u);
     return (m, p) => (g(), C(r(c)));
   }
 }), ta = /* @__PURE__ */ S({
@@ -3064,15 +3064,15 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "headers"]), { property: u } = a(e, ["size", "height"]), { property: d } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "data"], !0), { property: m } = a(e, ["settings", "loading"]), { property: p } = a(e, [
       "settings",
       "multiSort"
-    ]), { theme: y } = q(), { property: b } = a(e, ["size", "width"]), { property: f } = a(e, ["slots", "columns"]);
+    ]), { theme: y } = X(), { property: b } = a(e, ["size", "width"]), { property: f } = a(e, ["slots", "columns"]);
     return (_, v) => {
-      const I = W("v-data-table");
-      return g(), C(r(J), {
+      const I = R("v-data-table");
+      return g(), C(r(q), {
         block: "",
         mask: ""
       }, {
         default: E(() => [
-          j(I, {
+          D(I, {
             density: r(o),
             "fixed-footer": r(i),
             "fixed-header": r(s),
@@ -3088,7 +3088,7 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
             Co(r(f), ({ key: V, comp: k }) => ({
               name: `item.${V}`,
               fn: E(({ value: P }) => [
-                j(ea, {
+                D(ea, {
                   instance: V,
                   "ref-context": {
                     parent: t.refContext,
@@ -3108,10 +3108,10 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
   __name: "index",
   setup(n) {
     return (t, e) => {
-      const o = W("v-date-picker");
-      return g(), C(r(J), { mask: "" }, {
+      const o = R("v-date-picker");
+      return g(), C(r(q), { mask: "" }, {
         default: E(() => [
-          j(o)
+          D(o)
         ]),
         _: 1
       });
@@ -3125,26 +3125,26 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, e = ae(), { open: o } = Hi(`runtimeDlg/${Ni()}`);
+    const t = n, e = ce(), { open: o } = Hi(`runtimeDlg/${Ni()}`);
     return gt(t.nodeId, "open", () => {
       o.value = !0;
     }), gt(t.nodeId, "close", () => {
       o.value = !1;
     }), (i, s) => {
-      const l = W("v-dialog");
+      const l = R("v-dialog");
       return g(), C(l, {
         modelValue: r(o),
-        "onUpdate:modelValue": s[0] || (s[0] = (u) => se(o) ? o.value = u : null),
+        "onUpdate:modelValue": s[0] || (s[0] = (u) => ae(o) ? o.value = u : null),
         attach: "#dialogContainer"
       }, {
         activator: E(() => [
-          r(e) === "editor" ? (g(), oe("div", {
+          r(e) === "editor" ? (g(), se("div", {
             key: 0,
             id: `__node__@${t.nodeId}`
-          }, null, 8, ia)) : ce("", !0)
+          }, null, 8, ia)) : pe("", !0)
         ]),
         default: E(() => [
-          N(i.$slots, "default")
+          K(i.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
@@ -3175,13 +3175,13 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
       "singleLine"
     ]);
     return (b, f) => {
-      const _ = W("v-file-input");
-      return g(), C(r(J), {
+      const _ = R("v-file-input");
+      return g(), C(r(q), {
         block: "",
         mask: ""
       }, {
         default: E(() => [
-          j(_, {
+          D(_, {
             chips: r(o),
             density: r(i),
             direction: r(s),
@@ -3206,27 +3206,27 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = Je(), i = Ae(), s = de(), { applySize: l } = ke(t, e), { applyMargin: u } = Sn(e), { applyPadding: d } = Cn(e), { applyBorder: c } = In(e), { property: m } = a(e, [
+    const t = n, { node: e } = z(t), o = qe(), i = Ae(), s = me(), { applySize: l } = ke(t, e), { applyMargin: u } = Sn(e), { applyPadding: d } = Cn(e), { applyBorder: c } = In(e), { property: m } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: p } = ee(m), y = (f) => {
+    ]), { color: p } = ie(m), y = (f) => {
       p.value && (f.backgroundColor = p.value), f.display = "flex";
-      const _ = _t(o.value.width), v = et(_, e.value.settings?.direction);
+      const _ = We(o.value.width), v = tt(_, e.value.settings?.direction);
       v === "row" ? f.flexDirection = "row" : v === "rowReverse" ? f.flexDirection = "row-reverse" : v === "column" ? f.flexDirection = "column" : v === "columnReverse" && (f.flexDirection = "column-reverse");
-      const I = et(_, e.value.settings?.wrap);
+      const I = tt(_, e.value.settings?.wrap);
       I === "no" ? f.flexWrap = "nowrap" : I === "yes" ? f.flexWrap = "wrap" : I === "reverse" && (f.flexWrap = "wrap-reverse");
-      const V = et(_, e.value.settings?.mainAlign);
+      const V = tt(_, e.value.settings?.mainAlign);
       V === "start" ? f.justifyContent = "flex-start" : V === "end" ? f.justifyContent = "flex-end" : V === "center" ? f.justifyContent = "center" : V === "spaceBetween" ? f.justifyContent = "space-between" : V === "spaceAround" ? f.justifyContent = "space-around" : V === "spaceEvenly" && (f.justifyContent = "space-evenly");
-      const k = et(_, e.value.settings?.crossAlign);
+      const k = tt(_, e.value.settings?.crossAlign);
       k === "start" ? f.alignItems = "flex-start" : k === "end" ? f.alignItems = "flex-end" : k === "center" ? f.alignItems = "center" : k === "baseline" ? f.alignItems = "baseline" : k === "stretch" && (f.alignItems = "stretch");
     }, b = x(() => {
       const f = {}, _ = s.value?.type;
       return i === "page" ? _ === "ui" ? (l(f), u(f), d(f), c(f), y(f)) : console.assert(!1) : i === "comp" && _ === "ui" ? (l(f), u(f), d(f), c(f), y(f)) : console.assert(!1), f;
     });
-    return (f, _) => (g(), oe("div", {
+    return (f, _) => (g(), se("div", {
       style: ge(b.value)
     }, [
-      N(f.$slots, "default")
+      K(f.$slots, "default")
     ], 4));
   }
 }), la = /* @__PURE__ */ S({
@@ -3237,14 +3237,14 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = Ae(), i = de(), { applySize: s } = ke(t, e), { property: l } = a(e, ["settings", "grow"]), { property: u } = a(e, ["settings", "shrink"]), d = x(() => {
+    const t = n, { node: e } = z(t), o = Ae(), i = me(), { applySize: s } = ke(t, e), { property: l } = a(e, ["settings", "grow"]), { property: u } = a(e, ["settings", "shrink"]), d = x(() => {
       const c = {}, m = i.value?.type;
       return o === "page" ? m === "ui" ? (s(c), c.flexGrow = l.value ? 1 : 0, c.flexShrink = u.value ? 1 : 0) : console.assert(!1) : o === "comp" && m === "ui" ? (s(c), c.flexGrow = l.value ? 1 : 0, c.flexShrink = u.value ? 1 : 0) : console.assert(!1), c;
     });
-    return (c, m) => (g(), oe("div", {
+    return (c, m) => (g(), se("div", {
       style: ge(d.value)
     }, [
-      N(c.$slots, "default")
+      K(c.$slots, "default")
     ], 4));
   }
 }), aa = /* @__PURE__ */ S({
@@ -3255,33 +3255,33 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = Ae(), i = de(), s = re(), { property: l } = a(e, ["settings", "valid"]), { property: u } = a(e, [
+    const t = n, { node: e } = z(t), o = Ae(), i = me(), s = ue(), { property: l } = a(e, ["settings", "valid"]), { property: u } = a(e, [
       "settings",
       "fastFail"
     ]), { property: d } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: c } = ee(d), { applySize: m } = ke(t, e), { applyMargin: p } = Sn(e), { applyPadding: y } = Cn(e), { applyBorder: b } = In(e), f = x(() => {
+    ]), { color: c } = ie(d), { applySize: m } = ke(t, e), { applyMargin: p } = Sn(e), { applyPadding: y } = Cn(e), { applyBorder: b } = In(e), f = x(() => {
       const v = {}, I = i.value?.type;
       return o === "page" ? I === "ui" ? (m(v), p(v), y(v), b(v), c.value && (v.backgroundColor = c.value)) : console.assert(!1) : o === "comp" && I === "ui" ? (m(v), p(v), y(v), b(v), c.value && (v.backgroundColor = c.value)) : console.assert(!1), v;
     }), _ = async () => {
       await s?.callFunctionAsync(
         "__triggerEventV1__",
-        le("elementEvent", t.nodeId, "submit"),
+        re("elementEvent", t.nodeId, "submit"),
         ""
       );
     };
     return (v, I) => {
-      const V = W("v-form");
+      const V = R("v-form");
       return g(), C(V, {
         modelValue: r(l),
-        "onUpdate:modelValue": I[0] || (I[0] = (k) => se(l) ? l.value = k : null),
+        "onUpdate:modelValue": I[0] || (I[0] = (k) => ae(l) ? l.value = k : null),
         "fast-fail": r(u),
         style: ge(f.value),
         onSubmit: $o(_, ["prevent"])
       }, {
         default: E(() => [
-          N(v.$slots, "default")
+          K(v.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
@@ -3295,12 +3295,12 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), { property: o } = a(e, ["settings", "color"]), { color: i } = ee(o), { property: s } = a(e, [
+    const t = n, { node: e } = z(t), { property: o } = a(e, ["settings", "color"]), { color: i } = ie(o), { property: s } = a(e, [
       "settings",
       "disabled"
-    ]), { property: l } = a(e, ["settings", "icon"]), { property: u } = a(e, ["settings", "size"]), { theme: d } = q();
+    ]), { property: l } = a(e, ["settings", "icon"]), { property: u } = a(e, ["settings", "size"]), { theme: d } = X();
     return (c, m) => {
-      const p = W("v-icon");
+      const p = R("v-icon");
       return g(), C(p, {
         color: r(i),
         disabled: r(s),
@@ -3318,7 +3318,7 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, e = ae(), o = re(), i = G(0), s = G(0), l = x(() => [i.value, s.value]), { open: u } = Hi(`runtimeMenu/${Ni()}`);
+    const t = n, e = ce(), o = ue(), i = G(0), s = G(0), l = x(() => [i.value, s.value]), { open: u } = Hi(`runtimeMenu/${Ni()}`);
     return gt(t.nodeId, "open", () => {
       if (!o || !o.vm)
         return;
@@ -3327,23 +3327,23 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     }), gt(t.nodeId, "close", () => {
       o && (u.value = !1);
     }), (d, c) => {
-      const m = W("v-menu");
+      const m = R("v-menu");
       return g(), C(m, {
         modelValue: r(u),
-        "onUpdate:modelValue": c[0] || (c[0] = (p) => se(u) ? u.value = p : null),
+        "onUpdate:modelValue": c[0] || (c[0] = (p) => ae(u) ? u.value = p : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
         target: l.value
       }, {
         activator: E(() => [
-          r(e) === "editor" ? (g(), oe("div", {
+          r(e) === "editor" ? (g(), se("div", {
             key: 0,
             id: `__node__@${t.nodeId}`
-          }, null, 8, ca)) : ce("", !0)
+          }, null, 8, ca)) : pe("", !0)
         ]),
         default: E(() => [
-          N(d.$slots, "default")
+          K(d.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
@@ -3391,17 +3391,17 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     ]), { property: k } = a(e, ["settings", "reverse"]), { property: P } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: T } = a(e, ["settings", "step"]), { property: Z } = a(e, ["settings", "suffix"]), { theme: L } = q(), { property: A } = a(e, ["settings", "value"]), { property: w } = a(e, ["settings", "variant"]), { property: K } = a(e, ["size", "width"]);
-    return (ne, ie) => {
-      const ye = W("v-number-input");
-      return g(), C(r(J), {
+    ]), { property: L } = a(e, ["settings", "step"]), { property: Q } = a(e, ["settings", "suffix"]), { theme: ee } = X(), { property: H } = a(e, ["settings", "value"]), { property: w } = a(e, ["settings", "variant"]), { property: A } = a(e, ["size", "width"]);
+    return (j, te) => {
+      const le = R("v-number-input");
+      return g(), C(r(q), {
         block: "",
         mask: ""
       }, {
         default: E(() => [
-          j(ye, {
-            modelValue: r(A),
-            "onUpdate:modelValue": ie[0] || (ie[0] = (Q) => se(A) ? A.value = Q : null),
+          D(le, {
+            modelValue: r(H),
+            "onUpdate:modelValue": te[0] || (te[0] = (J) => ae(H) ? H.value = J : null),
             "append-icon": r(o),
             "append-inner-icon": r(i),
             clearable: r(s),
@@ -3420,11 +3420,11 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
             readonly: r(V),
             reverse: r(k),
             "single-line": r(P),
-            step: r(T),
-            suffix: r(Z),
-            theme: r(L),
+            step: r(L),
+            suffix: r(Q),
+            theme: r(ee),
             variant: r(w),
-            width: r(K)
+            width: r(A)
           }, null, 8, ["modelValue", "append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"])
         ]),
         _: 1
@@ -3439,26 +3439,26 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = ae(), { property: i } = a(e, ["settings", "density"]), { property: s } = a(e, [
+    const t = n, { node: e } = z(t), o = ce(), { property: i } = a(e, ["settings", "density"]), { property: s } = a(e, [
       "settings",
       "disabled"
     ]), { property: l } = a(e, ["settings", "length"]), { property: u } = a(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: d } = a(e, ["settings", "size"]), { property: c } = a(e, ["settings", "start"]), { theme: m } = q(), { property: p } = a(e, ["settings", "tile"]), { property: y } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), f = x(() => {
+    ]), { property: d } = a(e, ["settings", "size"]), { property: c } = a(e, ["settings", "start"]), { theme: m } = X(), { property: p } = a(e, ["settings", "tile"]), { property: y } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]), f = x(() => {
       const _ = {};
       return o === "editor" && (_.pointerEvents = "none"), _;
     });
     return (_, v) => {
-      const I = W("v-pagination");
-      return g(), C(r(J), {
+      const I = R("v-pagination");
+      return g(), C(r(q), {
         block: "",
         mask: ""
       }, {
         default: E(() => [
-          j(I, {
+          D(I, {
             modelValue: r(y),
-            "onUpdate:modelValue": v[0] || (v[0] = (V) => se(y) ? y.value = V : null),
+            "onUpdate:modelValue": v[0] || (v[0] = (V) => ae(y) ? y.value = V : null),
             density: r(i),
             disabled: r(s),
             length: r(l),
@@ -3483,15 +3483,15 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), { property: o } = a(e, ["settings", "color"]), { color: i } = ee(o), { property: s } = a(e, ["settings", "density"]), { property: l } = a(e, [
+    const t = n, { node: e } = z(t), { property: o } = a(e, ["settings", "color"]), { color: i } = ie(o), { property: s } = a(e, ["settings", "density"]), { property: l } = a(e, [
       "settings",
       "disabled"
     ]), { property: u } = a(e, ["settings", "label"]), { property: d } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: c } = q(), { property: m } = a(e, ["settings", "value"]);
+    ]), { theme: c } = X(), { property: m } = a(e, ["settings", "value"]);
     return (p, y) => {
-      const b = W("v-radio");
+      const b = R("v-radio");
       return g(), C(b, {
         color: r(i),
         density: r(s),
@@ -3520,14 +3520,14 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "inline"]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: d } = q(), { property: c } = a(e, ["settings", "value"]);
+    ]), { theme: d } = X(), { property: c } = a(e, ["settings", "value"]);
     return (m, p) => {
-      const y = W("v-radio-group");
-      return g(), C(r(J), null, {
+      const y = R("v-radio-group");
+      return g(), C(r(q), null, {
         default: E(() => [
-          j(y, {
+          D(y, {
             modelValue: r(c),
-            "onUpdate:modelValue": p[0] || (p[0] = (b) => se(c) ? c.value = b : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (b) => ae(c) ? c.value = b : null),
             density: r(o),
             direction: r(i),
             disabled: r(s),
@@ -3536,7 +3536,7 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
             theme: r(d)
           }, {
             default: E(() => [
-              N(m.$slots, "default")
+              K(m.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -3573,7 +3573,7 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
         return "always";
       if (p.value === "show")
         return !0;
-    }), { property: b } = a(e, ["settings", "step"]), { theme: f } = q(), { property: _ } = a(e, [
+    }), { property: b } = a(e, ["settings", "step"]), { theme: f } = X(), { property: _ } = a(e, [
       "settings",
       "thumbLabel"
     ]), v = x(() => {
@@ -3587,38 +3587,38 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     ]), { property: V } = a(e, ["settings", "ticks"]), k = x(() => {
       if (!V.value)
         return;
-      const A = {};
-      for (const { value: w, label: K } of V.value)
-        A[w] = K;
-      if (!Qi(A))
-        return A;
+      const H = {};
+      for (const { value: w, label: A } of V.value)
+        H[w] = A;
+      if (!Qi(H))
+        return H;
     }), { property: P } = a(e, [
       "settings",
       "tickSize"
-    ]), { property: T } = a(e, [
+    ]), { property: L } = a(e, [
       "settings",
       "value",
       "start"
-    ]), { property: Z } = a(e, [
+    ]), { property: Q } = a(e, [
       "settings",
       "value",
       "end"
-    ]), L = x({
-      get: () => [T.value, Z.value],
-      set: ([A, w]) => {
-        T.value = A, Z.value = w;
+    ]), ee = x({
+      get: () => [L.value, Q.value],
+      set: ([H, w]) => {
+        L.value = H, Q.value = w;
       }
     });
-    return (A, w) => {
-      const K = W("v-range-slider");
-      return g(), C(r(J), {
+    return (H, w) => {
+      const A = R("v-range-slider");
+      return g(), C(r(q), {
         block: "",
         mask: ""
       }, {
         default: E(() => [
-          j(K, {
-            modelValue: L.value,
-            "onUpdate:modelValue": w[0] || (w[0] = (ne) => L.value = ne),
+          D(A, {
+            modelValue: ee.value,
+            "onUpdate:modelValue": w[0] || (w[0] = (j) => ee.value = j),
             density: r(o),
             direction: r(i),
             disabled: r(s),
@@ -3660,14 +3660,14 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     ]), { property: u } = a(e, ["settings", "hover"]), { property: d } = a(e, ["settings", "length"]), { property: c } = a(e, [
       "settings",
       "readonly"
-    ]), { theme: m } = q(), { property: p } = a(e, ["settings", "value"]);
+    ]), { theme: m } = X(), { property: p } = a(e, ["settings", "value"]);
     return (y, b) => {
-      const f = W("v-rating");
-      return g(), C(r(J), { mask: "" }, {
+      const f = R("v-rating");
+      return g(), C(r(q), { mask: "" }, {
         default: E(() => [
-          j(f, {
+          D(f, {
             modelValue: r(p),
-            "onUpdate:modelValue": b[0] || (b[0] = (_) => se(p) ? p.value = _ : null),
+            "onUpdate:modelValue": b[0] || (b[0] = (_) => ae(p) ? p.value = _ : null),
             clearable: r(o),
             density: r(i),
             disabled: r(s),
@@ -3702,17 +3702,17 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     ]), { property: u } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: d } = q(), { property: c } = a(e, ["settings", "value"]);
+    ]), { theme: d } = X(), { property: c } = a(e, ["settings", "value"]);
     return (m, p) => {
-      const y = W("v-select");
-      return g(), C(r(J), {
+      const y = R("v-select");
+      return g(), C(r(q), {
         block: "",
         mask: ""
       }, {
         default: E(() => [
-          j(y, {
+          D(y, {
             modelValue: r(c),
-            "onUpdate:modelValue": p[0] || (p[0] = (b) => se(c) ? c.value = b : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (b) => ae(c) ? c.value = b : null),
             "hide-details": r(o),
             label: r(i),
             placeholder: r(s),
@@ -3733,7 +3733,7 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), { property: o } = a(e, ["settings", "color"]), { color: i } = ee(o), { property: s } = a(e, [
+    const t = n, { node: e } = z(t), { property: o } = a(e, ["settings", "color"]), { color: i } = ie(o), { property: s } = a(e, [
       "settings",
       "direction"
     ]), { property: l } = a(e, [
@@ -3753,10 +3753,10 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
         return "always";
       if (b.value === "show")
         return !0;
-    }), { property: _ } = a(e, ["settings", "step"]), { theme: v } = q(), { property: I } = a(e, [
+    }), { property: _ } = a(e, ["settings", "step"]), { theme: v } = X(), { property: I } = a(e, [
       "settings",
       "thumbColor"
-    ]), { color: V } = ee(I), { property: k } = a(e, [
+    ]), { color: V } = ie(I), { property: k } = a(e, [
       "settings",
       "thumbLabel"
     ]), P = x(() => {
@@ -3764,34 +3764,34 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
         return "always";
       if (k.value === "show")
         return !0;
-    }), { property: T } = a(e, [
+    }), { property: L } = a(e, [
       "settings",
       "thumbSize"
-    ]), { property: Z } = a(e, ["settings", "ticks"]), L = x(() => {
-      if (!Z.value)
+    ]), { property: Q } = a(e, ["settings", "ticks"]), ee = x(() => {
+      if (!Q.value)
         return;
-      const Q = {};
-      for (const { value: ue, label: _e } of Z.value)
-        Q[ue] = _e;
-      if (!Qi(Q))
-        return Q;
-    }), { property: A } = a(e, [
+      const J = {};
+      for (const { value: ne, label: de } of Q.value)
+        J[ne] = de;
+      if (!Qi(J))
+        return J;
+    }), { property: H } = a(e, [
       "settings",
       "tickSize"
     ]), { property: w } = a(e, [
       "settings",
       "trackColor"
-    ]), { color: K } = ee(w), { property: ne } = a(e, ["settings", "value"]), { property: ie } = a(e, ["slots", "append"]), { property: ye } = a(e, ["slots", "prepend"]);
-    return (Q, ue) => {
-      const _e = W("v-slider");
-      return g(), C(r(J), {
+    ]), { color: A } = ie(w), { property: j } = a(e, ["settings", "value"]), { property: te } = a(e, ["slots", "append"]), { property: le } = a(e, ["slots", "prepend"]);
+    return (J, ne) => {
+      const de = R("v-slider");
+      return g(), C(r(q), {
         block: "",
         mask: ""
       }, {
         default: E(() => [
-          j(_e, {
-            modelValue: r(ne),
-            "onUpdate:modelValue": ue[0] || (ue[0] = (qe) => se(ne) ? ne.value = qe : null),
+          D(de, {
+            modelValue: r(j),
+            "onUpdate:modelValue": ne[0] || (ne[0] = (Xe) => ae(j) ? j.value = Xe : null),
             color: r(i),
             direction: r(s),
             disabled: r(l),
@@ -3806,28 +3806,28 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
             theme: r(v),
             "thumb-color": r(V),
             "thumb-label": P.value,
-            "thumb-size": r(T),
-            "tick-size": r(A),
-            ticks: L.value,
-            "track-color": r(K)
+            "thumb-size": r(L),
+            "tick-size": r(H),
+            ticks: ee.value,
+            "track-color": r(A)
           }, gn({ _: 2 }, [
-            r(ie) ? {
+            r(te) ? {
               name: "append",
               fn: E(() => [
-                j(r(jt), {
+                D(r(jt), {
                   "node-id": "append",
-                  "ref-context": { compId: r(ie) },
+                  "ref-context": { compId: r(te) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "0"
             } : void 0,
-            r(ye) ? {
+            r(le) ? {
               name: "prepend",
               fn: E(() => [
-                j(r(jt), {
+                D(r(jt), {
                   "node-id": "prepend",
-                  "ref-context": { compId: r(ye) },
+                  "ref-context": { compId: r(le) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -3850,17 +3850,17 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
     const t = n, { node: e } = z(t), { property: o } = a(e, [
       "settings",
       "hideActions"
-    ]), { theme: i } = q(), { property: s } = a(e, ["settings", "value"]);
+    ]), { theme: i } = X(), { property: s } = a(e, ["settings", "value"]);
     return (l, u) => {
-      const d = W("v-stepper");
+      const d = R("v-stepper");
       return g(), C(d, {
         modelValue: r(s),
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => se(s) ? s.value = c : null),
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => ae(s) ? s.value = c : null),
         "hide-actions": r(o),
         theme: r(i)
       }, {
         default: E(() => [
-          N(l.$slots, "default")
+          K(l.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "hide-actions", "theme"]);
@@ -3868,15 +3868,15 @@ const Ol = /* @__PURE__ */ He(jl, [["render", Nl]]), Hl = /* @__PURE__ */ S({
   }
 }), xa = {};
 function ka(n, t) {
-  const e = W("v-stepper-header");
+  const e = R("v-stepper-header");
   return g(), C(e, null, {
     default: E(() => [
-      N(n.$slots, "default")
+      K(n.$slots, "default")
     ]),
     _: 3
   });
 }
-const wa = /* @__PURE__ */ He(xa, [["render", ka]]), Ia = /* @__PURE__ */ S({
+const wa = /* @__PURE__ */ Ge(xa, [["render", ka]]), Ia = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -3886,10 +3886,10 @@ const wa = /* @__PURE__ */ He(xa, [["render", ka]]), Ia = /* @__PURE__ */ S({
   setup(n) {
     const t = n, { node: e } = z(t), { property: o } = a(e, ["settings", "value"]);
     return (i, s) => {
-      const l = W("v-stepper-item");
+      const l = R("v-stepper-item");
       return g(), C(l, { value: r(o) }, {
         default: E(() => [
-          N(i.$slots, "default")
+          K(i.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
@@ -3897,15 +3897,15 @@ const wa = /* @__PURE__ */ He(xa, [["render", ka]]), Ia = /* @__PURE__ */ S({
   }
 }), Sa = {};
 function Ca(n, t) {
-  const e = W("v-stepper-window");
+  const e = R("v-stepper-window");
   return g(), C(e, null, {
     default: E(() => [
-      N(n.$slots, "default")
+      K(n.$slots, "default")
     ]),
     _: 3
   });
 }
-const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
+const $a = /* @__PURE__ */ Ge(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -3915,10 +3915,10 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
   setup(n) {
     const t = n, { node: e } = z(t), { property: o } = a(e, ["settings", "value"]);
     return (i, s) => {
-      const l = W("v-stepper-window-item");
+      const l = R("v-stepper-window-item");
       return g(), C(l, { value: r(o) }, {
         default: E(() => [
-          N(i.$slots, "default")
+          K(i.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
@@ -3944,14 +3944,14 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
     ]), { property: u } = a(e, [
       "settings",
       "indeterminate"
-    ]), { property: d } = a(e, ["settings", "inline"]), { property: c } = a(e, ["settings", "inset"]), { property: m } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: y } = q(), { property: b } = a(e, ["settings", "value"]);
+    ]), { property: d } = a(e, ["settings", "inline"]), { property: c } = a(e, ["settings", "inset"]), { property: m } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: y } = X(), { property: b } = a(e, ["settings", "value"]);
     return (f, _) => {
-      const v = W("v-switch");
-      return g(), C(r(J), { mask: "" }, {
+      const v = R("v-switch");
+      return g(), C(r(q), { mask: "" }, {
         default: E(() => [
-          j(v, {
+          D(v, {
             modelValue: r(b),
-            "onUpdate:modelValue": _[0] || (_[0] = (I) => se(b) ? b.value = I : null),
+            "onUpdate:modelValue": _[0] || (_[0] = (I) => ae(b) ? b.value = I : null),
             density: r(o),
             direction: r(i),
             disabled: r(s),
@@ -3976,15 +3976,15 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = ae(), { property: i } = a(e, ["settings", "text"]), { theme: s } = q(), { property: l } = a(e, ["settings", "value"]), u = x(() => {
+    const t = n, { node: e } = z(t), o = ce(), { property: i } = a(e, ["settings", "text"]), { theme: s } = X(), { property: l } = a(e, ["settings", "value"]), u = x(() => {
       const d = {};
       return o === "editor" && (d.pointerEvents = "none"), d;
     });
     return (d, c) => {
-      const m = W("v-tab");
-      return g(), C(r(J), { mask: "" }, {
+      const m = R("v-tab");
+      return g(), C(r(q), { mask: "" }, {
         default: E(() => [
-          j(m, {
+          D(m, {
             style: ge(u.value),
             text: r(i),
             theme: r(s),
@@ -4010,14 +4010,14 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
       "settings",
       "color",
       "backgroundColor"
-    ]), { color: s } = ee(i), { property: l } = a(e, [
+    ]), { color: s } = ie(i), { property: l } = a(e, [
       "settings",
       "centerActive"
     ]), { property: u } = a(e, [
       "settings",
       "color",
       "selectedColor"
-    ]), { color: d } = ee(u), { property: c } = a(e, ["settings", "density"]), { property: m } = a(e, [
+    ]), { color: d } = ie(u), { property: c } = a(e, ["settings", "density"]), { property: m } = a(e, [
       "settings",
       "direction"
     ]), { property: p } = a(e, [
@@ -4039,17 +4039,17 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: k } = ee(V), { property: P } = a(e, ["settings", "stacked"]), { theme: T } = q(), { property: Z } = a(e, ["settings", "value"]);
-    return (L, A) => {
-      const w = W("v-tabs");
-      return g(), C(r(J), {
+    ]), { color: k } = ie(V), { property: P } = a(e, ["settings", "stacked"]), { theme: L } = X(), { property: Q } = a(e, ["settings", "value"]);
+    return (ee, H) => {
+      const w = R("v-tabs");
+      return g(), C(r(q), {
         block: "",
         mask: ""
       }, {
         default: E(() => [
-          j(w, {
-            modelValue: r(Z),
-            "onUpdate:modelValue": A[0] || (A[0] = (K) => se(Z) ? Z.value = K : null),
+          D(w, {
+            modelValue: r(Q),
+            "onUpdate:modelValue": H[0] || (H[0] = (A) => ae(Q) ? Q.value = A : null),
             "align-tabs": r(o),
             "bg-color": r(s),
             "center-active": r(l),
@@ -4065,10 +4065,10 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
             "show-arrows": r(I),
             "slider-color": r(k),
             stacked: r(P),
-            theme: r(T)
+            theme: r(L)
           }, {
             default: E(() => [
-              N(L.$slots, "default")
+              K(ee.$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"])
@@ -4085,19 +4085,19 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(n) {
-    const t = n, { node: e } = z(t), o = Je(), { property: i } = a(e, ["settings", "align"]), { property: s } = a(e, [
+    const t = n, { node: e } = z(t), o = qe(), { property: i } = a(e, ["settings", "align"]), { property: s } = a(e, [
       "settings",
       "decoration"
     ]), { property: l } = a(e, [
       "settings",
       "emphasis"
     ]), { property: u } = a(e, ["settings", "italic"]), { property: d } = a(e, ["settings", "text"]), { property: c } = a(e, ["settings", "weight"]), m = x(() => {
-      const p = [], y = _t(o.value.width), b = et(y, e.value.settings?.style);
+      const p = [], y = We(o.value.width), b = tt(y, 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"), i.value && p.push(`font-${i.value}`), s.value && p.push(`text-decoration-${s.value}`), c.value && p.push(`font-weight-${c.value}`), u.value && p.push("font-italic"), p.join(" ");
     });
-    return (p, y) => (g(), C(r(J), { mask: "" }, {
+    return (p, y) => (g(), C(r(q), { mask: "" }, {
       default: E(() => [
-        Ne("span", {
+        Oe("span", {
           class: Vo(m.value)
         }, ji(r(d)), 3)
       ]),
@@ -4130,17 +4130,17 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
     ]), { property: y } = a(e, ["settings", "reverse"]), { property: b } = a(e, ["settings", "rows"]), { property: f } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: _ } = q(), { property: v } = a(e, ["settings", "value"]), { property: I } = a(e, ["settings", "variant"]);
+    ]), { theme: _ } = X(), { property: v } = a(e, ["settings", "value"]), { property: I } = a(e, ["settings", "variant"]);
     return (V, k) => {
-      const P = W("v-textarea");
-      return g(), C(r(J), {
+      const P = R("v-textarea");
+      return g(), C(r(q), {
         block: "",
         mask: ""
       }, {
         default: E(() => [
-          j(P, {
+          D(P, {
             modelValue: r(v),
-            "onUpdate:modelValue": k[0] || (k[0] = (T) => se(v) ? v.value = T : null),
+            "onUpdate:modelValue": k[0] || (k[0] = (L) => ae(v) ? v.value = L : null),
             "auto-grow": r(o),
             clearable: r(i),
             density: r(s),
@@ -4175,7 +4175,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
   }),
   emits: ["update:isActive", "update:isFocused"],
   setup(n) {
-    const t = tt(n, "isActive"), e = tt(n, "isFocused"), o = n, i = Ce(), s = dt(), l = G();
+    const t = nt(n, "isActive"), e = nt(n, "isFocused"), o = n, i = Ce(), s = pt(), l = G();
     $e(l);
     const u = G();
     we(u);
@@ -4184,7 +4184,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
       "elementSlot",
       s.value.basic.id,
       "appendInner",
-      re(),
+      ue(),
       l,
       u
     ), xt(s, "appendInner", "isActive", t), xt(s, "appendInner", "isFocused", e), Ie("appendInner", "focus", () => {
@@ -4192,7 +4192,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
     }), Ie("appendInner", "blur", () => {
       o.blur();
     });
-    const { render: c } = ut(o.refContext, i, u);
+    const { render: c } = ct(o.refContext, i, u);
     return (m, p) => (g(), C(r(c)));
   }
 }), Ma = /* @__PURE__ */ S({
@@ -4204,7 +4204,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
     validate: { type: Function }
   },
   setup(n) {
-    const t = n, e = Ce(), o = dt(), i = G();
+    const t = n, e = Ce(), o = pt(), i = G();
     $e(i);
     const s = G();
     we(s);
@@ -4213,7 +4213,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
       "elementSlot",
       o.value.basic.id,
       "append",
-      re(),
+      ue(),
       i,
       s
     ), Ie("append", "reset", () => {
@@ -4223,7 +4223,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
     }), Ie("append", "validate", () => {
       t.validate();
     });
-    const { render: u } = ut(t.refContext, e, s);
+    const { render: u } = ct(t.refContext, e, s);
     return (d, c) => (g(), C(r(u)));
   }
 }), Ua = /* @__PURE__ */ S({
@@ -4240,7 +4240,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
   }),
   emits: ["update:isActive", "update:isFocused"],
   setup(n) {
-    const t = tt(n, "isActive"), e = tt(n, "isFocused"), o = n, i = Ce(), s = dt(), l = G();
+    const t = nt(n, "isActive"), e = nt(n, "isFocused"), o = n, i = Ce(), s = pt(), l = G();
     $e(l);
     const u = G();
     we(u);
@@ -4249,7 +4249,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
       "elementSlot",
       s.value.basic.id,
       "prependInner",
-      re(),
+      ue(),
       l,
       u
     ), xt(s, "prependInner", "isActive", t), xt(s, "prependInner", "isFocused", e), Ie("prependInner", "focus", () => {
@@ -4257,7 +4257,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
     }), Ie("prependInner", "blur", () => {
       o.blur();
     });
-    const { render: c } = ut(o.refContext, i, u);
+    const { render: c } = ct(o.refContext, i, u);
     return (m, p) => (g(), C(r(c)));
   }
 }), Ba = /* @__PURE__ */ S({
@@ -4269,7 +4269,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
     validate: { type: Function }
   },
   setup(n) {
-    const t = n, e = Ce(), o = dt(), i = G();
+    const t = n, e = Ce(), o = pt(), i = G();
     $e(i);
     const s = G();
     we(s);
@@ -4278,7 +4278,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
       "elementSlot",
       o.value.basic.id,
       "prepend",
-      re(),
+      ue(),
       i,
       s
     ), Ie("prepend", "reset", () => {
@@ -4288,7 +4288,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
     }), Ie("prepend", "validate", () => {
       t.validate();
     });
-    const { render: u } = ut(t.refContext, e, s);
+    const { render: u } = ct(t.refContext, e, s);
     return (d, c) => (g(), C(r(u)));
   }
 }), Ra = /* @__PURE__ */ S({
@@ -4334,23 +4334,23 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
     ]), { property: I } = a(e, ["settings", "reverse"]), { property: V } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: k } = a(e, ["settings", "suffix"]), { theme: P } = q(), { property: T } = a(e, ["settings", "value"]), { property: Z } = a(e, ["settings", "variant"]), { property: L } = a(e, ["slots", "append"]), { property: A } = a(e, [
+    ]), { property: k } = a(e, ["settings", "suffix"]), { theme: P } = X(), { property: L } = a(e, ["settings", "value"]), { property: Q } = a(e, ["settings", "variant"]), { property: ee } = a(e, ["slots", "append"]), { property: H } = a(e, [
       "slots",
       "appendInner"
-    ]), { property: w } = a(e, ["slots", "prepend"]), { property: K } = a(e, [
+    ]), { property: w } = a(e, ["slots", "prepend"]), { property: A } = a(e, [
       "slots",
       "prependInner"
     ]);
-    return (ne, ie) => {
-      const ye = W("v-text-field");
-      return g(), C(r(J), {
+    return (j, te) => {
+      const le = R("v-text-field");
+      return g(), C(r(q), {
         block: "",
         mask: ""
       }, {
         default: E(() => [
-          j(ye, {
-            modelValue: r(T),
-            "onUpdate:modelValue": ie[0] || (ie[0] = (Q) => se(T) ? T.value = Q : null),
+          D(le, {
+            modelValue: r(L),
+            "onUpdate:modelValue": te[0] || (te[0] = (J) => ae(L) ? L.value = J : null),
             "append-icon": r(o),
             "append-inner-icon": r(i),
             autofocus: r(s),
@@ -4369,36 +4369,36 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
             "single-line": r(V),
             suffix: r(k),
             theme: r(P),
-            variant: r(Z)
+            variant: r(Q)
           }, gn({ _: 2 }, [
-            r(L) ? {
+            r(ee) ? {
               name: "append",
-              fn: E(({ reset: Q, resetValidation: ue, validate: _e }) => [
-                j(Ma, {
+              fn: E(({ reset: J, resetValidation: ne, validate: de }) => [
+                D(Ma, {
                   "ref-context": {
                     parent: t.refContext,
-                    compId: r(L)
+                    compId: r(ee)
                   },
-                  reset: Q,
-                  "reset-validation": ue,
-                  validate: _e
+                  reset: J,
+                  "reset-validation": ne,
+                  validate: de
                 }, null, 8, ["ref-context", "reset", "reset-validation", "validate"])
               ]),
               key: "0"
             } : void 0,
-            r(A) ? {
+            r(H) ? {
               name: "append-inner",
-              fn: E(({ isActive: Q, isFocused: ue, focus: _e, blur: qe }) => [
-                j(Ta, {
-                  "is-active": Q.value,
-                  "onUpdate:isActive": (ze) => Q.value = ze,
-                  "is-focused": ue.value,
-                  "onUpdate:isFocused": (ze) => ue.value = ze,
-                  blur: qe,
-                  focus: _e,
+              fn: E(({ isActive: J, isFocused: ne, focus: de, blur: Xe }) => [
+                D(Ta, {
+                  "is-active": J.value,
+                  "onUpdate:isActive": (ze) => J.value = ze,
+                  "is-focused": ne.value,
+                  "onUpdate:isFocused": (ze) => ne.value = ze,
+                  blur: Xe,
+                  focus: de,
                   "ref-context": {
                     parent: t.refContext,
-                    compId: r(A)
+                    compId: r(H)
                   }
                 }, null, 8, ["is-active", "onUpdate:isActive", "is-focused", "onUpdate:isFocused", "blur", "focus", "ref-context"])
               ]),
@@ -4406,32 +4406,32 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
             } : void 0,
             r(w) ? {
               name: "prepend",
-              fn: E(({ reset: Q, resetValidation: ue, validate: _e }) => [
-                j(Ba, {
+              fn: E(({ reset: J, resetValidation: ne, validate: de }) => [
+                D(Ba, {
                   "ref-context": {
                     parent: t.refContext,
                     compId: r(w)
                   },
-                  reset: Q,
-                  "reset-validation": ue,
-                  validate: _e
+                  reset: J,
+                  "reset-validation": ne,
+                  validate: de
                 }, null, 8, ["ref-context", "reset", "reset-validation", "validate"])
               ]),
               key: "2"
             } : void 0,
-            r(K) ? {
+            r(A) ? {
               name: "prepend-inner",
-              fn: E(({ isActive: Q, isFocused: ue, focus: _e, blur: qe }) => [
-                j(Ua, {
-                  "is-active": Q.value,
-                  "onUpdate:isActive": (ze) => Q.value = ze,
-                  "is-focused": ue.value,
-                  "onUpdate:isFocused": (ze) => ue.value = ze,
-                  blur: qe,
-                  focus: _e,
+              fn: E(({ isActive: J, isFocused: ne, focus: de, blur: Xe }) => [
+                D(Ua, {
+                  "is-active": J.value,
+                  "onUpdate:isActive": (ze) => J.value = ze,
+                  "is-focused": ne.value,
+                  "onUpdate:isFocused": (ze) => ne.value = ze,
+                  blur: Xe,
+                  focus: de,
                   "ref-context": {
                     parent: t.refContext,
-                    compId: r(K)
+                    compId: r(A)
                   }
                 }, null, 8, ["is-active", "onUpdate:isActive", "is-focused", "onUpdate:isFocused", "blur", "focus", "ref-context"])
               ]),
@@ -4458,7 +4458,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
       "settings",
       "dot",
       "color"
-    ]), { color: u } = ee(l), { property: d } = a(e, [
+    ]), { color: u } = ie(l), { property: d } = a(e, [
       "settings",
       "dot",
       "fill"
@@ -4469,7 +4469,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
       "settings",
       "line",
       "color"
-    ]), { color: p } = ee(m), { property: y } = a(e, [
+    ]), { color: p } = ie(m), { property: y } = a(e, [
       "settings",
       "line",
       "inset"
@@ -4481,9 +4481,9 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
       "settings",
       "line",
       "truncate"
-    ]), { theme: v } = q();
+    ]), { theme: v } = X();
     return (I, V) => {
-      const k = W("v-timeline");
+      const k = R("v-timeline");
       return g(), C(k, {
         align: r(o),
         density: r(i),
@@ -4499,7 +4499,7 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
         "truncate-line": r(_)
       }, {
         default: E(() => [
-          N(I.$slots, "default")
+          K(I.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
@@ -4507,15 +4507,15 @@ const $a = /* @__PURE__ */ He(Sa, [["render", Ca]]), Va = /* @__PURE__ */ S({
   }
 }), Fa = {};
 function Da(n, t) {
-  const e = W("v-timeline-item");
+  const e = R("v-timeline-item");
   return g(), C(e, null, {
     default: E(() => [
-      N(n.$slots, "default")
+      K(n.$slots, "default")
     ]),
     _: 3
   });
 }
-const Ka = /* @__PURE__ */ He(Fa, [["render", Da]]), ja = /* @__PURE__ */ S({
+const Ka = /* @__PURE__ */ Ge(Fa, [["render", Da]]), ja = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -4535,12 +4535,12 @@ const Ka = /* @__PURE__ */ He(Fa, [["render", Da]]), ja = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "reverse"]), { property: u } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: d } = a(e, ["settings", "touch"]), { theme: c } = q(), { property: m } = a(e, ["settings", "value"]);
+    ]), { property: d } = a(e, ["settings", "touch"]), { theme: c } = X(), { property: m } = a(e, ["settings", "value"]);
     return (p, y) => {
-      const b = W("v-window");
+      const b = R("v-window");
       return g(), C(b, {
         modelValue: r(m),
-        "onUpdate:modelValue": y[0] || (y[0] = (f) => se(m) ? m.value = f : null),
+        "onUpdate:modelValue": y[0] || (y[0] = (f) => ae(m) ? m.value = f : null),
         continuous: r(o),
         direction: r(s),
         disabled: r(i),
@@ -4550,7 +4550,7 @@ const Ka = /* @__PURE__ */ He(Fa, [["render", Da]]), ja = /* @__PURE__ */ S({
         touch: r(d)
       }, {
         default: E(() => [
-          N(p.$slots, "default")
+          K(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
@@ -4558,15 +4558,15 @@ const Ka = /* @__PURE__ */ He(Fa, [["render", Da]]), ja = /* @__PURE__ */ S({
   }
 }), Na = {};
 function Oa(n, t) {
-  const e = W("v-window-item");
+  const e = R("v-window-item");
   return g(), C(e, null, {
     default: E(() => [
-      N(n.$slots, "default")
+      K(n.$slots, "default")
     ]),
     _: 3
   });
 }
-const Ha = /* @__PURE__ */ He(Na, [["render", Oa]]), h = {
+const Ha = /* @__PURE__ */ Ge(Na, [["render", Oa]]), h = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -4591,7 +4591,7 @@ const Ha = /* @__PURE__ */ He(Na, [["render", Oa]]), h = {
       default: ""
     }
   ]
-}, te = {
+}, oe = {
   key: "color",
   name: "x-runtime-lib.color",
   children: [
@@ -4628,7 +4628,7 @@ const Ha = /* @__PURE__ */ He(Na, [["render", Oa]]), h = {
       ]
     }
   ]
-}, Ga = O(te), De = {
+}, Ga = N(oe), Ke = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -4707,7 +4707,7 @@ const Ha = /* @__PURE__ */ He(Na, [["render", Oa]]), h = {
       defaultArray: []
     }
   ]
-}, Ke = {
+}, je = {
   key: "margin",
   name: "x-runtime-lib.margin",
   children: [
@@ -4740,7 +4740,7 @@ const Ha = /* @__PURE__ */ He(Na, [["render", Oa]]), h = {
       default: ""
     }
   ]
-}, je = {
+}, Ne = {
   key: "padding",
   name: "x-runtime-lib.padding",
   children: [
@@ -4773,7 +4773,7 @@ const Ha = /* @__PURE__ */ He(Na, [["render", Oa]]), h = {
       default: ""
     }
   ]
-}, X = {
+}, Y = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -4843,7 +4843,7 @@ const Ha = /* @__PURE__ */ He(Na, [["render", Oa]]), h = {
       default: ""
     }
   ]
-}, Y = {
+}, Z = {
   key: "transform",
   name: "x-runtime-lib.transform",
   children: [
@@ -5047,8 +5047,8 @@ const Ha = /* @__PURE__ */ He(Na, [["render", Oa]]), h = {
   name: "x-runtime-lib.orthographicCamera",
   comp: er,
   properties: {
-    page3d: [h, Y, Dn],
-    comp3d: [h, Y, Dn]
+    page3d: [h, Z, Dn],
+    comp3d: [h, Z, Dn]
   },
   events: [],
   methods: [],
@@ -5093,8 +5093,8 @@ const Kn = {
   name: "x-runtime-lib.perspectiveCamera",
   comp: nr,
   properties: {
-    page3d: [h, Y, Kn],
-    comp3d: [h, Y, Kn]
+    page3d: [h, Z, Kn],
+    comp3d: [h, Z, Kn]
   },
   events: [],
   methods: [],
@@ -5144,8 +5144,8 @@ const Za = {
 };
 $(Za);
 function Qa(n, t) {
-  const e = F(n, t), o = it.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = it.key, i.transform = {
+  const e = W(n, t), o = ot.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = ot.key, i.transform = {
     position: {
       x: 0,
       y: 0,
@@ -5164,7 +5164,7 @@ function Qa(n, t) {
   };
   const s = eu(n, t), l = tu(n, t);
   return {
-    nodeLite: B(i, [s.nodeLite, l.nodeLite]),
+    nodeLite: U(i, [s.nodeLite, l.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...s.nodes,
@@ -5173,8 +5173,8 @@ function Qa(n, t) {
   };
 }
 function eu(n, t) {
-  const e = F(n, t), o = Nt.properties[e], i = U();
-  return R(i, o), i.basic.id = M(16), i.basic.key = Nt.key, i.settings = {
+  const e = W(n, t), o = Nt.properties[e], i = M();
+  return B(i, o), i.basic.id = T(16), i.basic.key = Nt.key, i.settings = {
     width: 1,
     height: 1,
     depth: 1,
@@ -5182,16 +5182,16 @@ function eu(n, t) {
     heightSegements: 1,
     depthSegements: 1
   }, {
-    nodeLite: B(i),
+    nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
     }
   };
 }
 function tu(n, t) {
-  const e = F(n, t), o = nt.properties[e], i = U();
-  return R(i, o), i.basic.id = M(16), i.basic.key = nt.key, {
-    nodeLite: B(i),
+  const e = W(n, t), o = it.properties[e], i = M();
+  return B(i, o), i.basic.id = T(16), i.basic.key = it.key, {
+    nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
     }
@@ -5257,8 +5257,8 @@ const jn = {
 };
 $(Nt);
 function nu(n, t) {
-  const e = F(n, t), o = it.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = it.key, i.transform = {
+  const e = W(n, t), o = ot.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = ot.key, i.transform = {
     position: {
       x: 0,
       y: 0,
@@ -5277,7 +5277,7 @@ function nu(n, t) {
   };
   const s = iu(n, t), l = ou(n, t);
   return {
-    nodeLite: B(i, [s.nodeLite, l.nodeLite]),
+    nodeLite: U(i, [s.nodeLite, l.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...s.nodes,
@@ -5286,8 +5286,8 @@ function nu(n, t) {
   };
 }
 function iu(n, t) {
-  const e = F(n, t), o = Ot.properties[e], i = U();
-  return R(i, o), i.basic.id = M(16), i.basic.key = Ot.key, i.settings = {
+  const e = W(n, t), o = Ot.properties[e], i = M();
+  return B(i, o), i.basic.id = T(16), i.basic.key = Ot.key, i.settings = {
     radius: 1,
     widthSegements: 32,
     heightSegements: 16,
@@ -5296,16 +5296,16 @@ function iu(n, t) {
     thetaStart: 0,
     thetaLength: 3.141592653589793
   }, {
-    nodeLite: B(i),
+    nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
     }
   };
 }
 function ou(n, t) {
-  const e = F(n, t), o = nt.properties[e], i = U();
-  return R(i, o), i.basic.id = M(16), i.basic.key = nt.key, {
-    nodeLite: B(i),
+  const e = W(n, t), o = it.properties[e], i = M();
+  return B(i, o), i.basic.id = T(16), i.basic.key = it.key, {
+    nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
     }
@@ -5378,7 +5378,7 @@ const Nn = {
   spawn: nu
 };
 $(Ot);
-const Et = O(te);
+const Et = N(oe);
 Et.children[0].default = "custom";
 Et.children[2].children[0].default = "0xffffff";
 Et.children[2].children[1].default = "0xffffff";
@@ -5400,15 +5400,15 @@ const On = {
   name: "x-runtime-lib.ambientLight",
   comp: dr,
   properties: {
-    page3d: [h, Y, On],
-    comp3d: [h, Y, On]
+    page3d: [h, Z, On],
+    comp3d: [h, Z, On]
   },
   events: [],
   methods: [],
   slots: []
 };
 $(su);
-const At = O(te);
+const At = N(oe);
 At.children[0].default = "custom";
 At.children[2].children[0].default = "0xffffff";
 At.children[2].children[1].default = "0xffffff";
@@ -5430,15 +5430,15 @@ const Hn = {
   name: "x-runtime-lib.directionalLight",
   comp: mr,
   properties: {
-    page3d: [h, Y, Hn],
-    comp3d: [h, Y, Hn]
+    page3d: [h, Z, Hn],
+    comp3d: [h, Z, Hn]
   },
   events: [],
   methods: [],
   slots: []
 };
 $(ru);
-const zt = O(te);
+const zt = N(oe);
 zt.children[0].default = "custom";
 zt.children[2].children[0].default = "0xffffff";
 zt.children[2].children[1].default = "0xffffff";
@@ -5474,15 +5474,15 @@ const Gn = {
   name: "x-runtime-lib.pointLight",
   comp: yr,
   properties: {
-    page3d: [h, Y, Gn],
-    comp3d: [h, Y, Gn]
+    page3d: [h, Z, Gn],
+    comp3d: [h, Z, Gn]
   },
   events: [],
   methods: [],
   slots: []
 };
 $(lu);
-const Lt = O(te);
+const Lt = N(oe);
 Lt.children[0].default = "custom";
 Lt.children[2].children[0].default = "0xffffff";
 Lt.children[2].children[1].default = "0xffffff";
@@ -5535,15 +5535,15 @@ const Jn = {
   name: "x-runtime-lib.spotLight",
   comp: hr,
   properties: {
-    page3d: [h, Y, Jn],
-    comp3d: [h, Y, Jn]
+    page3d: [h, Z, Jn],
+    comp3d: [h, Z, Jn]
   },
   events: [],
   methods: [],
   slots: []
 };
 $(au);
-const nt = {
+const it = {
   key: "3d_mesh_basic_material_v1",
   name: "x-runtime-lib.meshBasicMaterial",
   comp: gr,
@@ -5556,42 +5556,42 @@ const nt = {
   slots: [],
   leaf: !0
 };
-$(nt);
+$(it);
 const uu = {
   key: "3d_group_v1",
   name: "x-runtime-lib.group",
   comp: kr,
   properties: {
-    page3d: [h, Y],
-    comp3d: [h, Y]
+    page3d: [h, Z],
+    comp3d: [h, Z]
   },
   events: [],
   methods: [],
   slots: []
 };
 $(uu);
-const it = {
+const ot = {
   key: "3d_mesh_v1",
   name: "x-runtime-lib.mesh",
   comp: Ir,
   properties: {
-    page3d: [h, Y],
-    comp3d: [h, Y]
+    page3d: [h, Z],
+    comp3d: [h, Z]
   },
   events: [],
   methods: [],
   slots: []
 };
-$(it);
+$(ot);
 function cu(n, t) {
-  const e = F(n, t), o = Ht.properties[e], i = U();
-  return R(i, o), i.basic.id = M(16), i.basic.key = Ht.key, i.size.height = "300px", i.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], i.series = [
+  const e = W(n, t), o = Ht.properties[e], i = M();
+  return B(i, o), i.basic.id = T(16), i.basic.key = Ht.key, i.size.height = "300px", i.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], i.series = [
     {
       type: "bar",
       data: [120, 200, 150, 80, 70, 110, 130]
     }
   ], {
-    nodeLite: B(i),
+    nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
     }
@@ -5623,22 +5623,22 @@ const qn = {
   name: "x-runtime-lib.barChart",
   comp: Al,
   properties: {
-    pageUi: [h, X, wt, It, St, kt, qn],
-    compUi: [h, X, wt, It, St, kt, qn]
+    pageUi: [h, Y, wt, It, St, kt, qn],
+    compUi: [h, Y, wt, It, St, kt, qn]
   },
   leaf: !0,
   spawn: cu
 };
 $(Ht);
 function du(n, t) {
-  const e = F(n, t), o = Gt.properties[e], i = U();
-  return R(i, o), i.basic.id = M(16), i.basic.key = Gt.key, i.size.height = "300px", i.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], i.series = [
+  const e = W(n, t), o = Gt.properties[e], i = M();
+  return B(i, o), i.basic.id = T(16), i.basic.key = Gt.key, i.size.height = "300px", i.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], i.series = [
     {
       type: "line",
       data: [120, 200, 150, 80, 70, 110, 130]
     }
   ], {
-    nodeLite: B(i),
+    nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
     }
@@ -5670,14 +5670,14 @@ const Xn = {
   name: "x-runtime-lib.lineChart",
   comp: zl,
   properties: {
-    pageUi: [h, X, wt, It, St, kt, Xn],
-    compUi: [h, X, wt, It, St, kt, Xn]
+    pageUi: [h, Y, wt, It, St, kt, Xn],
+    compUi: [h, Y, wt, It, St, kt, Xn]
   },
   leaf: !0,
   spawn: du
 };
 $(Gt);
-const pt = {
+const mt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5688,7 +5688,7 @@ const pt = {
       default: void 0
     }
   ]
-}, mt = {
+}, ft = {
   key: "instances",
   name: "x-runtime-lib.instances",
   ui: "strInput",
@@ -5700,15 +5700,15 @@ const pt = {
   name: "x-runtime-lib.multipleRef",
   comp: Ul,
   properties: {
-    pageUi: [h, X, pt, mt],
-    compUi: [h, X, pt, mt],
-    page3d: [h, Y, pt, mt],
-    comp3d: [h, Y, pt, mt]
+    pageUi: [h, Y, mt, ft],
+    compUi: [h, Y, mt, ft],
+    page3d: [h, Z, mt, ft],
+    comp3d: [h, Z, mt, ft]
   },
   leaf: !0
 };
 $(pu);
-const ft = {
+const yt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5725,7 +5725,7 @@ const ft = {
       default: void 0
     }
   ]
-}, yt = {
+}, bt = {
   key: "instances",
   name: "x-runtime-lib.instances",
   ui: "strInput",
@@ -5737,15 +5737,15 @@ const ft = {
   name: "x-runtime-lib.multipleSlot",
   comp: Rl,
   properties: {
-    pageUi: [h, X, ft, yt],
-    compUi: [h, X, ft, yt],
-    page3d: [h, Y, ft, yt],
-    comp3d: [h, Y, ft, yt]
+    pageUi: [h, Y, yt, bt],
+    compUi: [h, Y, yt, bt],
+    page3d: [h, Z, yt, bt],
+    comp3d: [h, Z, yt, bt]
   },
   leaf: !0
 };
 $(mu);
-const bt = {
+const ht = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5761,10 +5761,10 @@ const bt = {
   name: "x-runtime-lib.reference",
   comp: Wl,
   properties: {
-    pageUi: [h, X, bt],
-    compUi: [h, X, bt],
-    page3d: [h, Y, bt],
-    comp3d: [h, Y, bt]
+    pageUi: [h, Y, ht],
+    compUi: [h, Y, ht],
+    page3d: [h, Z, ht],
+    comp3d: [h, Z, ht]
   },
   leaf: !0
 };
@@ -5790,7 +5790,7 @@ const Yn = {
   }
 };
 $(yu);
-const ht = {
+const vt = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5812,17 +5812,17 @@ const ht = {
   name: "x-runtime-lib.slot",
   comp: jt,
   properties: {
-    pageUi: [h, X, ht],
-    compUi: [h, X, ht],
-    page3d: [h, Y, ht],
-    comp3d: [h, Y, ht]
+    pageUi: [h, Y, vt],
+    compUi: [h, Y, vt],
+    page3d: [h, Z, vt],
+    comp3d: [h, Z, vt]
   },
   leaf: !0
 };
 $(bu);
-const Ge = O(te);
-Ge.key = "backgroundColor";
-Ge.name = "x-runtime-lib.backgroundColor";
+const Je = N(oe);
+Je.key = "backgroundColor";
+Je.name = "x-runtime-lib.backgroundColor";
 const ao = {
   key: "adaptSlot",
   name: "x-runtime-lib.adaptSlot",
@@ -5831,19 +5831,19 @@ const ao = {
 }, hu = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Ge]
+  children: [Je]
 }, vu = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Ge, ao]
+  children: [Je, ao]
 }, _u = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Ge]
+  children: [Je]
 }, gu = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Ge, ao]
+  children: [Je, ao]
 }, xu = {
   key: "startup",
   name: "x-runtime-lib.startup"
@@ -5932,15 +5932,15 @@ const Zn = {
 };
 $(Su);
 function Cu(n, t) {
-  const e = F(n, t), o = Jt.properties[e], i = U();
-  return R(i, o), i.basic.id = M(16), i.basic.key = Jt.key, i.settings.text = "button", {
-    nodeLite: B(i),
+  const e = W(n, t), o = Jt.properties[e], i = M();
+  return B(i, o), i.basic.id = T(16), i.basic.key = Jt.key, i.settings.text = "button", {
+    nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
     }
   };
 }
-const $u = O(te), Qn = {
+const $u = N(oe), Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6032,8 +6032,8 @@ const $u = O(te), Qn = {
   name: "x-runtime-lib.button",
   comp: Kl,
   properties: {
-    pageUi: [h, X, Qn],
-    compUi: [h, X, Qn]
+    pageUi: [h, Y, Qn],
+    compUi: [h, Y, Qn]
   },
   events: [
     {
@@ -6127,9 +6127,9 @@ const ei = {
 };
 $(Pu);
 function Eu(n, t) {
-  const e = F(n, t), o = ot.properties[e], i = U();
-  return R(i, o), i.basic.id = M(16), i.basic.key = ot.key, i.children = [], i.settings.title = "title", i.settings.subtitle = "subtitle", i.settings.text = "text", {
-    nodeLite: B(i),
+  const e = W(n, t), o = st.properties[e], i = M();
+  return B(i, o), i.basic.id = T(16), i.basic.key = st.key, i.children = [], i.settings.title = "title", i.settings.subtitle = "subtitle", i.settings.text = "text", {
+    nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
     }
@@ -6190,17 +6190,17 @@ const ti = {
       default: !1
     }
   ]
-}, ot = {
+}, st = {
   key: "ui_card_v1",
   name: "x-runtime-lib.card",
   comp: Gl,
   properties: {
-    pageUi: [h, X, ti],
-    compUi: [h, X, ti]
+    pageUi: [h, Y, ti],
+    compUi: [h, Y, ti]
   },
   spawn: Eu
 };
-$(ot);
+$(st);
 const ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6229,7 +6229,7 @@ const ni = {
   leaf: !0
 };
 $(Au);
-const zu = O(te), ii = {
+const zu = N(oe), ii = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6316,11 +6316,11 @@ const zu = O(te), ii = {
 };
 $(qt);
 function Lu(n, t) {
-  const e = F(n, t), o = Xt.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = Xt.key;
+  const e = W(n, t), o = Xt.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = Xt.key;
   const s = Be(n, t, "chip1", "chip 1"), l = Be(n, t, "chip2", "chip 2"), u = Be(n, t, "chip3", "chip 3"), d = Be(n, t, "chip4", "chip 4"), c = Be(n, t, "chip5", "chip 5"), m = Be(n, t, "chip6", "chip 6");
   return {
-    nodeLite: B(i, [
+    nodeLite: U(i, [
       s.nodeLite,
       l.nodeLite,
       u.nodeLite,
@@ -6340,9 +6340,9 @@ function Lu(n, t) {
   };
 }
 function Be(n, t, e, o) {
-  const i = F(n, t), s = qt.properties[i], l = U();
-  return R(l, s), l.basic.id = M(16), l.basic.key = qt.key, l.settings.value = e, l.settings.text = o, {
-    nodeLite: B(l),
+  const i = W(n, t), s = qt.properties[i], l = M();
+  return B(l, s), l.basic.id = T(16), l.basic.key = qt.key, l.settings.value = e, l.settings.text = o, {
+    nodeLite: U(l),
     nodes: {
       [l.basic.id]: l
     }
@@ -6476,7 +6476,7 @@ const si = {
   leaf: !0
 };
 $(Mu);
-const $n = O(te);
+const $n = N(oe);
 $n.key = "backgroundColor";
 $n.name = "x-runtime-lib.backgroundColor";
 const ri = {
@@ -6488,8 +6488,8 @@ const ri = {
   name: "x-runtime-lib.container",
   comp: Ql,
   properties: {
-    pageUi: [h, X, De, Ke, je, ri],
-    compUi: [h, X, De, Ke, je, ri]
+    pageUi: [h, Y, Ke, je, Ne, ri],
+    compUi: [h, Y, Ke, je, Ne, ri]
   },
   events: [
     {
@@ -6744,14 +6744,14 @@ const ci = {
   name: "x-runtime-lib.flexLayoutEntry",
   comp: la,
   properties: {
-    pageUi: [h, X, di],
-    compUi: [h, X, di]
+    pageUi: [h, Y, di],
+    compUi: [h, Y, di]
   }
 };
 $(Zt);
 function Wu(n, t) {
-  const e = F(n, t), o = st.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = st.key;
+  const e = W(n, t), o = rt.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = rt.key;
   const s = Qt(
     n,
     t,
@@ -6772,7 +6772,7 @@ function Wu(n, t) {
     void 0
   ), u = Fu(n, t);
   return {
-    nodeLite: B(i, [s.nodeLite, l.nodeLite, u.nodeLite]),
+    nodeLite: U(i, [s.nodeLite, l.nodeLite, u.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...s.nodes,
@@ -6782,8 +6782,8 @@ function Wu(n, t) {
   };
 }
 function Fu(n, t) {
-  const e = F(n, t), o = Zt.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = Zt.key;
+  const e = W(n, t), o = Zt.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = Zt.key;
   const s = Qt(
     n,
     t,
@@ -6795,7 +6795,7 @@ function Fu(n, t) {
     "80px"
   );
   return {
-    nodeLite: B(i, [s.nodeLite]),
+    nodeLite: U(i, [s.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...s.nodes
@@ -6803,15 +6803,15 @@ function Fu(n, t) {
   };
 }
 function Qt(n, t, e, o, i, s, l, u, d) {
-  const c = F(n, t), m = Yt.properties[c], p = U();
-  return R(p, m), p.basic.id = M(16), p.basic.key = Yt.key, o && (p.size.width = o), i && (p.size.minWidth = i), l && (p.size.height = l), u && (p.size.minHeight = u), e && (p.settings.backgroundColor.mode = "custom", p.settings.backgroundColor.custom.light = e, p.settings.backgroundColor.custom.dark = e), {
-    nodeLite: B(p, []),
+  const c = W(n, t), m = Yt.properties[c], p = M();
+  return B(p, m), p.basic.id = T(16), p.basic.key = Yt.key, o && (p.size.width = o), i && (p.size.minWidth = i), l && (p.size.height = l), u && (p.size.minHeight = u), e && (p.settings.backgroundColor.mode = "custom", p.settings.backgroundColor.custom.light = e, p.settings.backgroundColor.custom.dark = e), {
+    nodeLite: U(p, []),
     nodes: {
       [p.basic.id]: p
     }
   };
 }
-const Vn = O(te);
+const Vn = N(oe);
 Vn.key = "backgroundColor";
 Vn.name = "x-runtime-lib.backgroundColor";
 const pi = {
@@ -6984,13 +6984,13 @@ const pi = {
     },
     Vn
   ]
-}, st = {
+}, rt = {
   key: "ui_flex_layout_v1",
   name: "x-runtime-lib.flexLayout",
   comp: ra,
   properties: {
-    pageUi: [h, X, De, Ke, je, pi],
-    compUi: [h, X, De, Ke, je, pi]
+    pageUi: [h, Y, Ke, je, Ne, pi],
+    compUi: [h, Y, Ke, je, Ne, pi]
   },
   events: [
     {
@@ -7000,7 +7000,7 @@ const pi = {
   ],
   spawn: Wu
 };
-$(st);
+$(rt);
 const mi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7259,11 +7259,11 @@ const mi = {
 };
 $(en);
 function Du(n, t) {
-  const e = F(n, t), o = tn.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = tn.key;
+  const e = W(n, t), o = tn.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = tn.key;
   const s = Ku(n, t);
   return {
-    nodeLite: B(i, [s.nodeLite]),
+    nodeLite: U(i, [s.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...s.nodes
@@ -7271,9 +7271,9 @@ function Du(n, t) {
   };
 }
 function Ku(n, t) {
-  const e = F(n, t), o = en.properties[e], i = U();
-  return R(i, o), i.basic.id = M(16), i.basic.key = en.key, {
-    nodeLite: B(i),
+  const e = W(n, t), o = en.properties[e], i = M();
+  return B(i, o), i.basic.id = T(16), i.basic.key = en.key, {
+    nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
     }
@@ -7302,8 +7302,8 @@ const yi = {
   name: "x-runtime-lib.form",
   comp: aa,
   properties: {
-    pageUi: [h, X, De, Ke, je, yi],
-    compUi: [h, X, De, Ke, je, yi]
+    pageUi: [h, Y, Ke, je, Ne, yi],
+    compUi: [h, Y, Ke, je, Ne, yi]
   },
   events: [
     {
@@ -7314,7 +7314,7 @@ const yi = {
   spawn: Du
 };
 $(tn);
-const ju = O(te), bi = {
+const ju = N(oe), bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7372,9 +7372,9 @@ const Ou = {
 };
 $(Ou);
 function Hu(n, t) {
-  const e = F(n, t), o = nn.properties[e], i = U();
-  return R(i, o), i.basic.id = M(16), i.basic.key = nn.key, i.settings.label = "label", i.settings.placeholder = "placeholder", {
-    nodeLite: B(i),
+  const e = W(n, t), o = nn.properties[e], i = M();
+  return B(i, o), i.basic.id = T(16), i.basic.key = nn.key, i.settings.label = "label", i.settings.placeholder = "placeholder", {
+    nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
     }
@@ -7655,7 +7655,7 @@ const _i = {
   leaf: !0
 };
 $(Gu);
-const Ju = O(te), gi = {
+const Ju = N(oe), gi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7704,11 +7704,11 @@ const Ju = O(te), gi = {
 };
 $(on);
 function qu(n, t) {
-  const e = F(n, t), o = sn.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = sn.key, i.settings.value = "option1";
+  const e = W(n, t), o = sn.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = sn.key, i.settings.value = "option1";
   const s = Mt(n, t, "option1", "Option 1"), l = Mt(n, t, "option2", "Option 2"), u = Mt(n, t, "option3", "Option 3");
   return {
-    nodeLite: B(i, [
+    nodeLite: U(i, [
       s.nodeLite,
       l.nodeLite,
       u.nodeLite
@@ -7722,9 +7722,9 @@ function qu(n, t) {
   };
 }
 function Mt(n, t, e, o) {
-  const i = F(n, t), s = on.properties[i], l = U();
-  return R(l, s), l.basic.id = M(16), l.basic.key = on.key, l.settings.value = e, l.settings.label = o, {
-    nodeLite: B(l),
+  const i = W(n, t), s = on.properties[i], l = M();
+  return B(l, s), l.basic.id = T(16), l.basic.key = on.key, l.settings.value = e, l.settings.label = o, {
+    nodeLite: U(l),
     nodes: {
       [l.basic.id]: l
     }
@@ -8030,13 +8030,13 @@ const Ii = {
   leaf: !0
 };
 $(Zu);
-const Pn = O(te);
+const Pn = N(oe);
 Pn.key = "color";
 Pn.name = "x-runtime-lib.color";
-const En = O(te);
+const En = N(oe);
 En.key = "trackColor";
 En.name = "x-runtime-lib.trackColor";
-const An = O(te);
+const An = N(oe);
 An.key = "thumbColor";
 An.name = "x-runtime-lib.thumbColor";
 const Si = {
@@ -8239,11 +8239,11 @@ const Vi = {
 };
 $(un);
 function ec(n, t) {
-  const e = F(n, t), o = cn.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = cn.key;
+  const e = W(n, t), o = cn.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = cn.key;
   const s = tc(n, t), l = nc(n, t);
   return {
-    nodeLite: B(i, [s.nodeLite, l.nodeLite]),
+    nodeLite: U(i, [s.nodeLite, l.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...s.nodes,
@@ -8252,11 +8252,11 @@ function ec(n, t) {
   };
 }
 function tc(n, t) {
-  const e = F(n, t), o = rn.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = rn.key;
+  const e = W(n, t), o = rn.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = rn.key;
   const s = Ut(n, t, "step1"), l = Ut(n, t, "step2"), u = Ut(n, t, "step3");
   return {
-    nodeLite: B(i, [s.nodeLite, l.nodeLite, u.nodeLite]),
+    nodeLite: U(i, [s.nodeLite, l.nodeLite, u.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...s.nodes,
@@ -8266,20 +8266,20 @@ function tc(n, t) {
   };
 }
 function Ut(n, t, e) {
-  const o = F(n, t), i = ln.properties[o], s = U();
-  return R(s, i), s.basic.id = M(16), s.basic.key = ln.key, s.settings.value = e, {
-    nodeLite: B(s, []),
+  const o = W(n, t), i = ln.properties[o], s = M();
+  return B(s, i), s.basic.id = T(16), s.basic.key = ln.key, s.settings.value = e, {
+    nodeLite: U(s, []),
     nodes: {
       [s.basic.id]: s
     }
   };
 }
 function nc(n, t) {
-  const e = F(n, t), o = an.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = an.key;
+  const e = W(n, t), o = an.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = an.key;
   const s = Bt(n, t, "step1", "step 1"), l = Bt(n, t, "step2", "step 2"), u = Bt(n, t, "step3", "step 3");
   return {
-    nodeLite: B(i, [s.nodeLite, l.nodeLite, u.nodeLite]),
+    nodeLite: U(i, [s.nodeLite, l.nodeLite, u.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...s.nodes,
@@ -8289,11 +8289,11 @@ function nc(n, t) {
   };
 }
 function Bt(n, t, e, o) {
-  const i = F(n, t), s = un.properties[i], l = U();
-  R(l, s), l.basic.id = M(16), l.basic.key = un.key, l.settings.value = e;
+  const i = W(n, t), s = un.properties[i], l = M();
+  B(l, s), l.basic.id = T(16), l.basic.key = un.key, l.settings.value = e;
   const u = ic(n, t, o);
   return {
-    nodeLite: B(l, [u.nodeLite]),
+    nodeLite: U(l, [u.nodeLite]),
     nodes: {
       [l.basic.id]: l,
       ...u.nodes
@@ -8301,9 +8301,9 @@ function Bt(n, t, e, o) {
   };
 }
 function ic(n, t, e) {
-  const o = F(n, t), i = ot.properties[o], s = U();
-  return R(s, i), s.basic.id = M(16), s.basic.key = ot.key, s.settings.title = e, {
-    nodeLite: B(s, []),
+  const o = W(n, t), i = st.properties[o], s = M();
+  return B(s, i), s.basic.id = T(16), s.basic.key = st.key, s.settings.title = e, {
+    nodeLite: U(s, []),
     nodes: {
       [s.basic.id]: s
     }
@@ -8377,11 +8377,11 @@ const Ei = {
 };
 $(dn);
 function sc(n, t) {
-  const e = F(n, t), o = pn.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = pn.key;
+  const e = W(n, t), o = pn.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = pn.key;
   const s = Rt(n, t, "tab1", "tab 1"), l = Rt(n, t, "tab2", "tab 2"), u = Rt(n, t, "tab3", "tab 3");
   return {
-    nodeLite: B(i, [s.nodeLite, l.nodeLite, u.nodeLite]),
+    nodeLite: U(i, [s.nodeLite, l.nodeLite, u.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...s.nodes,
@@ -8391,21 +8391,21 @@ function sc(n, t) {
   };
 }
 function Rt(n, t, e, o) {
-  const i = F(n, t), s = dn.properties[i], l = U();
-  return R(l, s), l.basic.id = M(16), l.basic.key = dn.key, l.settings.value = e, l.settings.text = o, {
-    nodeLite: B(l),
+  const i = W(n, t), s = dn.properties[i], l = M();
+  return B(l, s), l.basic.id = T(16), l.basic.key = dn.key, l.settings.value = e, l.settings.text = o, {
+    nodeLite: U(l),
     nodes: {
       [l.basic.id]: l
     }
   };
 }
-const zn = O(te);
+const zn = N(oe);
 zn.key = "backgroundColor";
 zn.name = "x-runtime-lib.backgroundColor";
-const Ln = O(te);
+const Ln = N(oe);
 Ln.key = "selectedColor";
 Ln.name = "x-runtime-lib.selectedColor";
-const Tn = O(te);
+const Tn = N(oe);
 Tn.key = "sliderColor";
 Tn.name = "x-runtime-lib.sliderColor";
 const Ai = {
@@ -8499,9 +8499,9 @@ const Ai = {
 };
 $(pn);
 function rc(n, t) {
-  const e = F(n, t), o = Ue.properties[e], i = U();
-  return R(i, o), i.basic.id = M(16), i.basic.key = Ue.key, i.settings.text = "text", {
-    nodeLite: B(i),
+  const e = W(n, t), o = Ue.properties[e], i = M();
+  return B(i, o), i.basic.id = T(16), i.basic.key = Ue.key, i.settings.text = "text", {
+    nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
     }
@@ -8606,9 +8606,9 @@ const zi = {
 };
 $(Ue);
 function lc(n, t) {
-  const e = F(n, t), o = mn.properties[e], i = U();
-  return R(i, o), i.basic.id = M(16), i.basic.key = mn.key, i.settings.label = "label", {
-    nodeLite: B(i),
+  const e = W(n, t), o = mn.properties[e], i = M();
+  return B(i, o), i.basic.id = T(16), i.basic.key = mn.key, i.settings.label = "label", {
+    nodeLite: U(i),
     nodes: {
       [i.basic.id]: i
     }
@@ -8708,11 +8708,11 @@ const fn = {
 };
 $(fn);
 function ac(n, t) {
-  const e = F(n, t), o = yn.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = yn.key;
+  const e = W(n, t), o = yn.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = yn.key;
   const s = Wt(n, t, "timeline 1"), l = Wt(n, t, "timeline 2"), u = Wt(n, t, "timeline 3");
   return {
-    nodeLite: B(i, [s.nodeLite, l.nodeLite, u.nodeLite]),
+    nodeLite: U(i, [s.nodeLite, l.nodeLite, u.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...s.nodes,
@@ -8722,11 +8722,11 @@ function ac(n, t) {
   };
 }
 function Wt(n, t, e) {
-  const o = F(n, t), i = fn.properties[o], s = U();
-  R(s, i), s.basic.id = M(16), s.basic.key = fn.key;
+  const o = W(n, t), i = fn.properties[o], s = M();
+  B(s, i), s.basic.id = T(16), s.basic.key = fn.key;
   const l = uc(n, t, e);
   return {
-    nodeLite: B(s, [l.nodeLite]),
+    nodeLite: U(s, [l.nodeLite]),
     nodes: {
       [s.basic.id]: s,
       ...l.nodes
@@ -8734,15 +8734,15 @@ function Wt(n, t, e) {
   };
 }
 function uc(n, t, e) {
-  const o = F(n, t), i = Ue.properties[o], s = U();
-  return R(s, i), s.basic.id = M(16), s.basic.key = Ue.key, s.settings.text = e, {
-    nodeLite: B(s),
+  const o = W(n, t), i = Ue.properties[o], s = M();
+  return B(s, i), s.basic.id = T(16), s.basic.key = Ue.key, s.settings.text = e, {
+    nodeLite: U(s),
     nodes: {
       [s.basic.id]: s
     }
   };
 }
-const cc = O(te), dc = O(te), Ti = {
+const cc = N(oe), dc = N(oe), Ti = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -8842,11 +8842,11 @@ const bn = {
 };
 $(bn);
 function pc(n, t) {
-  const e = F(n, t), o = hn.properties[e], i = U();
-  R(i, o), i.basic.id = M(16), i.basic.key = hn.key;
+  const e = W(n, t), o = hn.properties[e], i = M();
+  B(i, o), i.basic.id = T(16), i.basic.key = hn.key;
   const s = Ft(n, t, "window 1"), l = Ft(n, t, "window 2"), u = Ft(n, t, "window 3");
   return {
-    nodeLite: B(i, [s.nodeLite, l.nodeLite, u.nodeLite]),
+    nodeLite: U(i, [s.nodeLite, l.nodeLite, u.nodeLite]),
     nodes: {
       [i.basic.id]: i,
       ...s.nodes,
@@ -8856,11 +8856,11 @@ function pc(n, t) {
   };
 }
 function Ft(n, t, e) {
-  const o = F(n, t), i = bn.properties[o], s = U();
-  R(s, i), s.basic.id = M(16), s.basic.key = bn.key;
+  const o = W(n, t), i = bn.properties[o], s = M();
+  B(s, i), s.basic.id = T(16), s.basic.key = bn.key;
   const l = mc(n, t, e);
   return {
-    nodeLite: B(s, [l.nodeLite]),
+    nodeLite: U(s, [l.nodeLite]),
     nodes: {
       [s.basic.id]: s,
       ...l.nodes
@@ -8868,11 +8868,11 @@ function Ft(n, t, e) {
   };
 }
 function mc(n, t, e) {
-  const o = F(n, t), i = st.properties[o], s = U();
-  R(s, i), s.basic.id = M(16), s.basic.key = st.key, s.size.height = "200px", s.settings.mainAlign.xs = "center", s.settings.crossAlign.xs = "center", s.settings.backgroundColor.mode = "theme", s.settings.backgroundColor.theme = "background2";
+  const o = W(n, t), i = rt.properties[o], s = M();
+  B(s, i), s.basic.id = T(16), s.basic.key = rt.key, s.size.height = "200px", s.settings.mainAlign.xs = "center", s.settings.crossAlign.xs = "center", s.settings.backgroundColor.mode = "theme", s.settings.backgroundColor.theme = "background2";
   const l = fc(n, t, e);
   return {
-    nodeLite: B(s, [l.nodeLite]),
+    nodeLite: U(s, [l.nodeLite]),
     nodes: {
       [s.basic.id]: s,
       ...l.nodes
@@ -8880,9 +8880,9 @@ function mc(n, t, e) {
   };
 }
 function fc(n, t, e) {
-  const o = F(n, t), i = Ue.properties[o], s = U();
-  return R(s, i), s.basic.id = M(16), s.basic.key = Ue.key, s.settings.text = e, s.settings.style.xs = "h6", {
-    nodeLite: B(s),
+  const o = W(n, t), i = Ue.properties[o], s = M();
+  return B(s, i), s.basic.id = T(16), s.basic.key = Ue.key, s.settings.text = e, s.settings.style.xs = "h6", {
+    nodeLite: U(s),
     nodes: {
       [s.basic.id]: s
     }
@@ -8949,7 +8949,7 @@ const Mi = {
 $(hn);
 function yc(n) {
   const t = [], e = (o, i, s) => {
-    if (i !== "" && (i += "."), i += o.key, s = O(s), s.push(o.name), !o.ui && !o.array)
+    if (i !== "" && (i += "."), i += o.key, s = N(s), s.push(o.name), !o.ui && !o.array)
       o.children.forEach((l) => e(l, i, s));
     else {
       if (o.ui === "strInput" && o.static)
@@ -8968,8 +8968,8 @@ function yc(n) {
 }
 function bc() {
   const n = {};
-  for (const t in he) {
-    const e = {}, o = he[t];
+  for (const t in ve) {
+    const e = {}, o = ve[t];
     for (const i in o.properties)
       e[i] = yc(o.properties[i]);
     n[t] = e;
@@ -8979,13 +8979,13 @@ function bc() {
 const hc = bc();
 function Ui(n, t) {
   if (n.array)
-    return t ? O(n.default) : O(n.defaultArray);
+    return t ? N(n.default) : N(n.defaultArray);
   {
-    const e = O(n.default);
+    const e = N(n.default);
     return (n.ui === "switch" || n.ui === "select" || n.ui === "colorPicker" || n.ui === "multiTypes" || n.ui === "selectComp" || n.ui === "selectSlot" || n.ui === "selectAdaptSlot") && !e ? void 0 : e;
   }
 }
-function R(n, t) {
+function B(n, t) {
   function e(o, i) {
     if (i.ui) {
       if (i.ui === "strInput" && i.static)
@@ -8999,11 +8999,11 @@ function R(n, t) {
   t.forEach((o) => e(n, o));
 }
 function vc(n, t, e, o) {
-  const i = hc[n]?.[F(t, e)];
+  const i = hc[n]?.[W(t, e)];
   return i ? !!i.find((s) => s.keys === Dt(o)) : !1;
 }
 function id(n, t, e, o, i) {
-  const s = `type=${n} subtype=${t} version=${e} ref=${o} keyOrRefId=${i}`, l = F(n, t), u = Ks[e];
+  const s = `type=${n} subtype=${t} version=${e} ref=${o} keyOrRefId=${i}`, l = W(n, t), u = Ks[e];
   if (!u) {
     console.error(`spawnNode pkg not found version, ${s}`);
     return;
@@ -9014,7 +9014,7 @@ function id(n, t, e, o, i) {
       console.error(`spawnNode [ref] element not found in pkg, ${s}`);
       return;
     }
-    const m = he[d];
+    const m = ve[d];
     if (!m) {
       console.error(`spawnNode [ref] element not found in global, ${s}`);
       return;
@@ -9024,9 +9024,9 @@ function id(n, t, e, o, i) {
       console.error(`spawnNode [ref] properties not found, ${s}`);
       return;
     }
-    const y = U();
-    return R(y, p), y.basic.id = M(16), y.basic.key = d, y.settings || (y.settings = {}), y.settings.comp = c, {
-      nodeLite: B(y),
+    const y = M();
+    return B(y, p), y.basic.id = T(16), y.basic.key = d, y.settings || (y.settings = {}), y.settings.comp = c, {
+      nodeLite: U(y),
       nodes: {
         [y.basic.id]: y
       }
@@ -9037,7 +9037,7 @@ function id(n, t, e, o, i) {
       console.error(`spawnNode [key] element not found in pkg, ${s}`);
       return;
     }
-    const c = he[d];
+    const c = ve[d];
     if (!c) {
       console.error(`spawnNode [key] element not found in global, ${s}`);
       return;
@@ -9050,11 +9050,11 @@ function id(n, t, e, o, i) {
         console.error(`spawnNode [key] properties not found, ${s}`);
         return;
       }
-      const p = U();
-      R(p, m), p.basic.id = M(16), p.basic.key = d;
+      const p = M();
+      B(p, m), p.basic.id = T(16), p.basic.key = d;
       let y;
       return c.leaf || (y = []), {
-        nodeLite: B(p, y),
+        nodeLite: U(p, y),
         nodes: {
           [p.basic.id]: p
         }
@@ -9081,13 +9081,13 @@ function od(n, t) {
 }
 function _c(n) {
   const t = {}, e = (s) => {
-    const l = M(16);
+    const l = T(16);
     t[s.id] = l, s.id = l, s.children?.map((u) => e(u));
-  }, o = O(n.nodeLite);
+  }, o = N(n.nodeLite);
   e(o);
   const i = {};
   return Object.values(n.nodes).forEach((s) => {
-    const l = O(s);
+    const l = N(s);
     l.basic.id = t[l.basic.id], i[l.basic.id] = l;
   }), { nodeLite: o, nodes: i };
 }
@@ -9096,84 +9096,84 @@ function sd(n) {
 }
 const uo = "runtimeOrg", co = "runtimeEnv", po = "runtimeMode", mo = "runtimeDevice", fo = "runtimeDark", yo = "runtimeId", bo = "runtimeType", ho = "runtimeMeta", vo = "runtimeData", _o = "runtimeDepends", go = "runtimeRuntime", xo = "runtimeSandbox", ko = "runtimeNode";
 function rd(n) {
-  fe(uo, n);
+  be(uo, n);
 }
 function gc() {
-  return me(uo);
+  return ye(uo);
 }
 function ld(n) {
-  fe(co, n);
+  be(co, n);
 }
 function xc() {
-  return me(co);
+  return ye(co);
 }
 function ad(n) {
-  fe(po, n);
+  be(po, n);
 }
-function ae() {
-  return me(po);
+function ce() {
+  return ye(po);
 }
 function ud(n) {
-  fe(mo, xn(n));
+  be(mo, xn(n));
 }
-function Je() {
-  return me(mo);
+function qe() {
+  return ye(mo);
 }
 function cd(n) {
-  fe(fo, xn(n));
+  be(fo, xn(n));
 }
-function ct() {
-  return me(fo);
+function dt() {
+  return ye(fo);
 }
 function dd(n) {
-  fe(yo, n);
+  be(yo, n);
 }
 function Ce() {
-  return me(yo);
+  return ye(yo);
 }
 function pd(n) {
-  fe(bo, n);
+  be(bo, n);
 }
 function Ae() {
-  return me(bo);
+  return ye(bo);
 }
 function $e(n) {
-  fe(ho, n);
+  be(ho, n);
 }
 function wo() {
-  return me(ho);
+  return ye(ho);
 }
 function we(n) {
-  fe(vo, n);
+  be(vo, n);
 }
-function de() {
-  return me(vo);
+function me() {
+  return ye(vo);
 }
 function md(n) {
-  fe(_o, xn(n));
+  be(_o, xn(n));
 }
 function kc() {
-  return me(_o);
+  return ye(_o);
 }
 function fd(n) {
-  fe(go, n);
+  be(go, n);
 }
 function wc() {
-  return me(go);
+  return ye(go);
 }
 function Ic(n) {
-  fe(xo, n);
+  be(xo, n);
 }
-function re() {
-  return me(xo, void 0);
+function ue() {
+  return ye(xo, void 0);
 }
 function Io(n) {
-  fe(ko, n);
+  be(ko, n);
 }
-function dt() {
-  return me(ko);
+function pt() {
+  return ye(ko);
 }
-function Ze(n) {
+function Qe(n) {
   const t = [n.type];
   if (n.type === "elementProperty")
     t.push(n.nodeId, n.propertyKeys);
@@ -9209,7 +9209,7 @@ function Ze(n) {
     throw new Error("not implemented trigger type");
   return n.subKeys && t.push(n.subKeys), t.join("/");
 }
-async function Qe(n, t, e, o, i) {
+async function et(n, t, e, o, i) {
   console.log(o, i), await Sc(n, t, e);
 }
 async function Sc(n, t, e) {
@@ -9220,11 +9220,11 @@ async function Sc(n, t, e) {
       await n.callFunctionAsync(`__watchEffect$${s}__`);
     }
 }
-function vt(n, t, e) {
+function _t(n, t, e) {
   const o = [n, t], i = e.split(".");
   return i.length > 1 ? o.push(...i.slice(1)) : o.push(e), `__implementMethod$${o.join("$")}__`;
 }
-function We(n, t, e) {
+function Fe(n, t, e) {
   return `${n}/${t}/${e}`;
 }
 function Bi(n) {
@@ -9237,7 +9237,7 @@ function Bi(n) {
     propertyKey: t[2]
   };
 }
-function Fe(n, t, e) {
+function De(n, t, e) {
   return `${n}.${t}.${e}`;
 }
 function Re(n) {
@@ -9302,7 +9302,7 @@ function vd(n) {
     methodId: t[2]
   };
 }
-function le(n, t, e) {
+function re(n, t, e) {
   return `${n}/${t}/${e}`;
 }
 function $c(n) {
@@ -9366,7 +9366,7 @@ function Ve(n, t, e) {
       i.value = -1, t.value = void 0, s.value = -1, e.value = void 0, Gi.emit("compNotAvail", n.value);
       return;
     }
-    i.value !== l.metaSeq && (i.value = l.metaSeq, t.value = O(l.meta)), s.value !== l.dataSeq && (s.value = l.dataSeq, e.value = O(l.data));
+    i.value !== l.metaSeq && (i.value = l.metaSeq, t.value = N(l.meta)), s.value !== l.dataSeq && (s.value = l.dataSeq, e.value = N(l.data));
   });
 }
 function Id() {
@@ -9422,13 +9422,13 @@ function Vc(n) {
       try {
         if (!n.vm)
           return;
-        const l = Xe(u, t.getProp(t.global, "__timeoutCallback__"));
+        const l = Ye(u, t.getProp(t.global, "__timeoutCallback__"));
         t.callFunction(l, t.undefined, t.newNumber(i)).unwrap().dispose();
         t.runtime.executePendingJobs();
       } catch (d) {
         var c = d, m = !0;
       } finally {
-        Ye(u, c, m);
+        Ze(u, c, m);
       }
     }, s);
   }).consume((e) => t.setProp(t.global, "__timeoutV1__", e)), t.newFunction("__delayV1__", (e) => {
@@ -9502,12 +9502,12 @@ function Me(n, t) {
       for (const u of Object.keys(t)) {
         var e = [];
         try {
-          const d = Xe(e, Me(n, t[u]));
+          const d = Ye(e, Me(n, t[u]));
           n.setProp(l, u, d);
         } catch (o) {
           var i = o, s = !0;
         } finally {
-          Ye(e, i, s);
+          Ze(e, i, s);
         }
       }
       return l;
@@ -9529,12 +9529,12 @@ function zc(n) {
     if (d === "customEvent")
       n.parent && (n.parent.callFunctionAsync(
         "__triggerEventV1__",
-        le("refEvent", n.nodeId, m),
+        re("refEvent", n.nodeId, m),
         "",
         ...u
       ), n.parent.callFunctionAsync(
         "__triggerEventV1__",
-        le("multipleRefEvent", n.nodeId, m),
+        re("multipleRefEvent", n.nodeId, m),
         n.spec,
         ...u
       ));
@@ -9544,7 +9544,7 @@ function zc(n) {
           const p = n.children[c];
           p && p.callFunctionAsync(
             "__triggerEventV1__",
-            le("customAdaptSlotEvent", "globality", m),
+            re("customAdaptSlotEvent", "globality", m),
             "",
             ...u
           );
@@ -9552,7 +9552,7 @@ function zc(n) {
           const p = n.children[c];
           p && p.callFunctionAsync(
             "__triggerEventV1__",
-            le("customAdaptSlotEvent", "globality", m),
+            re("customAdaptSlotEvent", "globality", m),
             "",
             ...u
           );
@@ -9659,7 +9659,7 @@ function zc(n) {
     else if (p === "refMethod") {
       const f = n.children[y];
       f ? f.callFunctionAsync(
-        vt("customMethod", "globality", b),
+        _t("customMethod", "globality", b),
         l,
         u
       ).then(
@@ -9669,7 +9669,7 @@ function zc(n) {
     } else if (p === "multipleRefMethod") {
       const f = n.children[`${y}/${l}`];
       f ? f.callFunctionAsync(
-        vt("customMethod", "globality", b),
+        _t("customMethod", "globality", b),
         l,
         u
       ).then(
@@ -9683,7 +9683,7 @@ function zc(n) {
       (f) => c(f),
       (f) => m(f)
     ) : m("unexpected sandbox kind") : m("not in slot") : p === "customAdaptSlotMethod" ? n.parent ? n.kind === "customSlot" ? n.parent.callFunctionAsync(
-      vt(
+      _t(
         "customSlotMethod",
         n.nodeId,
         b
@@ -9694,7 +9694,7 @@ function zc(n) {
       (f) => c(f),
       (f) => m(f)
     ) : n.kind === "multipleCustomSlot" && n.parent.callFunctionAsync(
-      vt(
+      _t(
         "multipleCustomSlotMethod",
         n.nodeId,
         b
@@ -9891,14 +9891,10 @@ class Uc {
     this.meta.value = t.value, this.data.value = e.value, this.resetCustomProperties(o), this.resetCustomSlotProperties(o), this.resetStates();
   }
   async createVm(t, e) {
-    this.vm = t.newContext(), this.promiseManager = new Mc(this.vm), Lc(this), this.vm.evalCode(Tc), this.setGlobalVariable("__env__", this.env), this.vm.evalCode(e), await Le(), await this.callFunctionAsync(
-      "__triggerEventV1__",
-      le("elementEvent", "globality", "startup"),
-      ""
-    );
+    this.vm = t.newContext(), this.promiseManager = new Mc(this.vm), Lc(this), this.vm.evalCode(Tc), this.setGlobalVariable("__env__", this.env), this.vm.evalCode(e), await Le(), this.hooks.onReady();
   }
   destroyVm() {
-    this.vm && this.callFunctionSync("__destroy__"), this.promiseManager && (this.promiseManager.dispose(), this.promiseManager = void 0), this.vm && (this.vm.dispose(), this.vm = void 0);
+    this.hooks.onDestroy(), this.promiseManager && (this.promiseManager.dispose(), this.promiseManager = void 0), this.vm && (this.vm.dispose(), this.vm = void 0);
   }
   setGlobalVariable(t, e) {
     const { vm: o } = this;
@@ -9920,7 +9916,7 @@ class Uc {
         throw new Error("vm not available");
       const i = `${t}(${e.map((y) => JSON.stringify(y)).join(", ")})`;
       Fi.includes(t) || this.debugTrace(`${i}`);
-      const s = Xe(d, o.getProp(o.global, t));
+      const s = Ye(d, o.getProp(o.global, t));
       if (o.typeof(s) !== "function")
         throw new Error(`function<${t}> not available`);
       const l = e.map((y) => Me(o, y));
@@ -9930,7 +9926,7 @@ class Uc {
     } catch (c) {
       var m = c, p = !0;
     } finally {
-      Ye(d, m, p);
+      Ze(d, m, p);
     }
   }
   async callFunctionAsync(t, ...e) {
@@ -9941,7 +9937,7 @@ class Uc {
         throw new Error("vm not available");
       const i = `${t}(${e.map((b) => JSON.stringify(b)).join(", ")})`;
       Fi.includes(t) || this.debugTrace(`${i}`);
-      const s = Xe(c, o.getProp(o.global, t));
+      const s = Ye(c, o.getProp(o.global, t));
       if (o.typeof(s) !== "function")
         throw new Error(`function<${t}> not available`);
       const l = e.map((b) => Me(o, b));
@@ -9953,7 +9949,7 @@ class Uc {
     } catch (m) {
       var p = m, y = !0;
     } finally {
-      Ye(c, p, y);
+      Ze(c, p, y);
     }
   }
   //--------------------------
@@ -10005,7 +10001,7 @@ class Uc {
       elementKey: e,
       slotKey: o,
       propertyKey: i
-    } = Re(t), s = he[e];
+    } = Re(t), s = ve[e];
     if (!s || !s.slots)
       return !1;
     const l = s.slots.find((d) => d.key === o);
@@ -10014,18 +10010,18 @@ class Uc {
     ));
   }
   async getElementSlotProperty(t) {
-    const { slotKey: e, propertyKey: o } = Re(t), i = We(
+    const { slotKey: e, propertyKey: o } = Re(t), i = Fe(
       "elementSlotProperty",
       "placeholder",
-      Fe("placeholder", e, o)
+      De("placeholder", e, o)
     ), s = { value: void 0 };
     return this.eventBus.emit(`${i}/get`, { result: s }), s.value;
   }
   async setElementSlotProperty(t, e) {
-    const { slotKey: o, propertyKey: i } = Re(t), s = We(
+    const { slotKey: o, propertyKey: i } = Re(t), s = Fe(
       "elementSlotProperty",
       "placeholder",
-      Fe("placeholder", o, i)
+      De("placeholder", o, i)
     );
     this.eventBus.emit(`${s}/set`, e), await Le();
   }
@@ -10037,7 +10033,7 @@ class Uc {
       elementKey: e,
       slotKey: o,
       propertyKey: i
-    } = Re(t), s = he[e];
+    } = Re(t), s = ve[e];
     if (!s || !s.slots)
       return !1;
     const l = s.slots.find((d) => d.key === o);
@@ -10046,18 +10042,18 @@ class Uc {
     ));
   }
   async getMultipleElementSlotProperty(t, e) {
-    const { slotKey: o, propertyKey: i } = Re(e), s = We(
+    const { slotKey: o, propertyKey: i } = Re(e), s = Fe(
       "multipleElementSlotProperty",
       "placeholder",
-      Fe("placeholder", o, i)
+      De("placeholder", o, i)
     ), l = { value: void 0 };
     return this.eventBus.emit(`${t}/${s}/get`, { result: l }), l.value;
   }
   async setMultipeElementSlotProperty(t, e, o) {
-    const { slotKey: i, propertyKey: s } = Re(e), l = We(
+    const { slotKey: i, propertyKey: s } = Re(e), l = Fe(
       "multipleElementSlotProperty",
       "placeholder",
-      Fe("placeholder", i, s)
+      De("placeholder", i, s)
     );
     this.eventBus.emit(`${t}/${l}/set`, o);
   }
@@ -10068,7 +10064,7 @@ class Uc {
   resetCustomProperties(t) {
     if (this.customProperties = {}, !!this.meta.value?.properties)
       for (const { id: e, type: o } of this.meta.value.properties)
-        this.customProperties[e] = Bn(o), (this.kind === "ref" || this.kind === "multipleRef") && t && t[e] !== void 0 && (this.customProperties[e] = O(t[e]));
+        this.customProperties[e] = Bn(o), (this.kind === "ref" || this.kind === "multipleRef") && t && t[e] !== void 0 && (this.customProperties[e] = N(t[e]));
   }
   isValidOfCustomProperty(t) {
     return !(!this.meta.value?.properties || !this.meta.value.properties.find((o) => o.id === t));
@@ -10141,7 +10137,7 @@ class Uc {
   }
 }
 function Pe(n, t, e, o, i, s, l) {
-  const u = gc(), d = xc(), c = ae(), m = Ae(), p = Je(), y = ct();
+  const u = gc(), d = xc(), c = ce(), m = Ae(), p = qe(), y = dt();
   if (!qs(c))
     return;
   const b = wc(), f = new Uc(
@@ -10154,13 +10150,15 @@ function Pe(n, t, e, o, i, s, l) {
     c,
     m,
     {
-      onElementPropertyChange: v,
-      onElementSlotPropertyChange: I,
-      onMultipleElementSlotPropertyChange: V,
-      onCustomSlotPropetyChange: k,
-      onMultipleCustomSlotPropertyChange: P,
-      onCustomPropertyChange: T,
-      onStateChange: Z
+      onReady: v,
+      onDestroy: I,
+      onElementPropertyChange: V,
+      onElementSlotPropertyChange: k,
+      onMultipleElementSlotPropertyChange: P,
+      onCustomSlotPropetyChange: L,
+      onMultipleCustomSlotPropertyChange: Q,
+      onCustomPropertyChange: ee,
+      onStateChange: H
     }
   );
   Ic(f), xe(() => {
@@ -10169,177 +10167,193 @@ function Pe(n, t, e, o, i, s, l) {
   const _ = async () => {
     f.destroyVm(), !(!i.value || !s.value) && (f.prepare(i, s, l), await f.createVm(b, s.value.code.script));
   };
-  _(), pe([i, s], () => {
+  _(), fe([i, s], () => {
     _();
-  }), pe(
-    p,
-    async (L, A) => {
-      if (!f.vm)
-        return;
-      const w = _t(L.width), K = _t(A?.width ?? L.width);
-      await f.callFunctionAsync(
-        "__triggerEventV1__",
-        le("elementEvent", "globality", "screenSizeChange"),
-        "",
-        w,
-        K
-      );
-    },
-    { immediate: !0 }
-  ), pe(
-    y,
-    async (L) => {
-      f.vm && await f.callFunctionAsync(
-        "__triggerEventV1__",
-        le("elementEvent", "globality", "darkModeChange"),
-        "",
-        L
-      );
-    },
-    { immediate: !0 }
-  );
-  async function v(L, A, w, K) {
+  });
+  async function v() {
+    await f.callFunctionAsync(
+      "__triggerEventV1__",
+      re("elementEvent", "globality", "startup"),
+      ""
+    );
+    const w = We(p.value.width), A = We(p.value.width);
+    await f.callFunctionAsync(
+      "__triggerEventV1__",
+      re("elementEvent", "globality", "screenSizeChange"),
+      "",
+      w,
+      A
+    ), await f.callFunctionAsync(
+      "__triggerEventV1__",
+      re("elementEvent", "globality", "darkModeChange"),
+      "",
+      y.value
+    );
+  }
+  async function I() {
+    f.callFunctionSync("__destroy__");
+  }
+  async function V(w, A, j, te) {
     if (f.vm) {
       if (Te(A, ["settings", "slot"])) {
-        const ne = s.value?.view.nodeLites.find(
-          (ie) => ie.id === L
+        const le = s.value?.view.nodeLites.find(
+          (J) => J.id === w
         );
-        ne ? ne.slotId = w : console.assert(!1);
+        le ? le.slotId = j : console.assert(!1);
       }
       if (Te(A, ["settings", "comp"])) {
-        const ne = s.value?.view.nodeLites.find(
-          (ie) => ie.id === L
+        const le = s.value?.view.nodeLites.find(
+          (J) => J.id === w
         );
-        ne ? ne.compId = w : console.assert(!1);
+        le ? le.compId = j : console.assert(!1);
       }
       await f.callFunctionAsync(
         "__triggerEventV1__",
-        le(
+        re(
           "elementPropertyChangeEvent",
-          L,
+          w,
           Dt(A)
         ),
         "",
-        w,
-        K ?? w
-      ), s.value?.code.reactivity && Qe(
+        j,
+        te ?? j
+      ), s.value?.code.reactivity && et(
         f,
         s.value.code.reactivity,
-        Ze({
+        Qe({
           type: "elementProperty",
-          nodeId: L,
+          nodeId: w,
           propertyKeys: Dt(A)
         }),
-        w,
-        K
+        j,
+        te
       );
     }
   }
-  async function I(L, A, w, K, ne, ie) {
-    const ye = f.children[`${L}/${w}`];
-    ye && ye.vm && await ye.callFunctionAsync(
+  async function k(w, A, j, te, le, J) {
+    const ne = f.children[`${w}/${j}`];
+    ne && ne.vm && await ne.callFunctionAsync(
       "__triggerEventV1__",
-      le(
+      re(
         "elementAdaptSlotPropertyChangeEvent",
         "globality",
-        Wi(A, w, K)
+        Wi(A, j, te)
       ),
       "",
-      ne,
-      ie ?? ne
+      le,
+      J ?? le
     );
   }
-  async function V(L, A, w, K, ne, ie, ye) {
-    const Q = f.children[`${L}/${A}`];
-    Q && Q.vm && await Q.callFunctionAsync(
+  async function P(w, A, j, te, le, J, ne) {
+    const de = f.children[`${w}/${A}`];
+    de && de.vm && await de.callFunctionAsync(
       "__triggerEventV1__",
-      le(
+      re(
         "elementAdaptSlotPropertyChangeEvent",
         "globality",
-        Wi(w, K, ne)
+        Wi(j, te, le)
       ),
       "",
-      ie,
-      ye ?? ie
+      J,
+      ne ?? J
     );
   }
-  async function k(L, A, w) {
-    f.vm && s.value?.code.reactivity && Qe(
+  async function L(w, A, j) {
+    f.vm && s.value?.code.reactivity && et(
       f,
       s.value.code.reactivity,
-      Ze({
+      Qe({
         type: "customSlotProperty",
         compId: "placeholder",
         slotId: "placeholder",
-        propertyId: L
+        propertyId: w
       }),
       A,
-      w
+      j
     );
   }
-  async function P(L, A, w, K) {
-    f.vm && s.value?.code.reactivity && Qe(
+  async function Q(w, A, j, te) {
+    f.vm && s.value?.code.reactivity && et(
       f,
       s.value.code.reactivity,
-      Ze({
+      Qe({
         type: "customSlotProperty",
         compId: "placeholder",
         slotId: "placeholder",
         propertyId: A
       }),
-      w,
-      K
+      j,
+      te
     );
   }
-  async function T(L, A, w) {
+  async function ee(w, A, j) {
     f.vm && (await f.callFunctionAsync(
       "__triggerEventV1__",
-      le("customPropertyChangeEvent", "globality", L),
+      re("customPropertyChangeEvent", "globality", w),
       "",
       A,
-      w ?? A
-    ), s.value?.code.reactivity && Qe(
+      j ?? A
+    ), s.value?.code.reactivity && et(
       f,
       s.value.code.reactivity,
-      Ze({ type: "customProperty", propertyId: L }),
+      Qe({ type: "customProperty", propertyId: w }),
       A,
-      w
+      j
     ), await f.parent.callFunctionAsync(
       "__triggerEventV1__",
-      le("refPropertyChangeEvent", f.nodeId, L),
+      re("refPropertyChangeEvent", f.nodeId, w),
       "",
       A,
-      w ?? A
+      j ?? A
     ), await f.parent.callFunctionAsync(
       "__triggerEventV1__",
-      le(
+      re(
         "multipleRefPropertyChangeEvent",
         f.nodeId,
-        L
+        w
       ),
       "",
       A,
-      w ?? A
+      j ?? A
     ));
   }
-  async function Z(L, A, w) {
+  async function H(w, A, j) {
     f.vm && (await f.callFunctionAsync(
       "__triggerEventV1__",
-      le("stateChangeEvent", "globality", L),
+      re("stateChangeEvent", "globality", w),
       "",
       A,
-      w ?? A
-    ), s.value?.code.reactivity && Qe(
+      j ?? A
+    ), s.value?.code.reactivity && et(
       f,
       s.value.code.reactivity,
-      Ze({ type: "state", stateId: L }),
+      Qe({ type: "state", stateId: w }),
       A,
-      w
+      j
     ));
   }
+  fe(p, async (w, A) => {
+    if (!f.vm)
+      return;
+    const j = We(w.width), te = We(A?.width ?? w.width);
+    await f.callFunctionAsync(
+      "__triggerEventV1__",
+      re("elementEvent", "globality", "screenSizeChange"),
+      "",
+      j,
+      te
+    );
+  }), fe(y, async (w) => {
+    f.vm && await f.callFunctionAsync(
+      "__triggerEventV1__",
+      re("elementEvent", "globality", "darkModeChange"),
+      "",
+      w
+    );
+  });
 }
-function q() {
-  const n = ct();
+function X() {
+  const n = dt();
   return { theme: x(() => n.value ? "dark" : "light") };
 }
 const Bc = (n, t, e) => {
@@ -10361,8 +10375,8 @@ export {
   Vu as btnGroupV1,
   Pu as btnToggleV1,
   Jt as btnV1,
-  _t as calcBreakpoint,
-  ot as cardV1,
+  We as calcBreakpoint,
+  st as cardV1,
   Au as checkboxV1,
   Xt as chipGroupV1,
   qt as chipV1,
@@ -10378,42 +10392,42 @@ export {
   _c as duplicateNodePair,
   sd as duplicateNodePairs,
   td as elementKeys,
-  he as elements,
+  ve as elements,
   nd as fileInputV1,
   hc as finalProperties,
   Zt as flexLayoutEntryV1,
-  st as flexLayoutV1,
+  rt as flexLayoutV1,
   tn as formV1,
   to as fromDotString,
-  M as genId,
-  et as getBreakpointProp,
+  T as genId,
+  tt as getBreakpointProp,
   Kt as getField,
-  vt as getImplementMethodName,
+  _t as getImplementMethodName,
   Wn as getIndexOfBreakpoint,
   od as getNodeLite,
   Ui as getPropertyDefault,
-  F as getTag,
+  W as getTag,
   Iu as globalityV1,
   uu as groupV1,
-  lt as hasComp,
+  at as hasComp,
   Gc as hasSlot,
   Nu as iconV1,
-  U as initNode,
-  R as initProperties,
-  ct as injectDark,
-  de as injectData,
+  M as initNode,
+  B as initProperties,
+  dt as injectDark,
+  me as injectData,
   kc as injectDepends,
-  Je as injectDevice,
+  qe as injectDevice,
   xc as injectEnv,
   Ce as injectId,
   wo as injectMeta,
-  ae as injectMode,
-  dt as injectNode,
+  ce as injectMode,
+  pt as injectNode,
   gc as injectOrg,
   wc as injectRuntime,
-  re as injectSandbox,
+  ue as injectSandbox,
   Ae as injectType,
-  at as isCircularReference,
+  ut as isCircularReference,
   qs as isExecutableMode,
   vc as isLeafOfPropertyKeys,
   kn as isPercentStr,
@@ -10421,21 +10435,21 @@ export {
   Xa as keyboardControlsV1,
   Gt as lineChartV1,
   Sd as loadLocaleMessageRuntime,
-  le as makeEventId,
+  re as makeEventId,
   gd as makeEventKeyOfCustomSlot,
   Wi as makeEventKeyOfElementSlot,
   Ct as makeMethodId,
   hd as makeMethodKeyOfCustomSlot,
   vn as makeMethodKeyOfElementSlot,
-  We as makePropertyId,
+  Fe as makePropertyId,
   yd as makePropertyKeyOfCustomSlot,
-  Fe as makePropertyKeyOfElementSlot,
+  De as makePropertyKeyOfElementSlot,
   kd as makeSlotId,
-  Ze as makeTriggerId,
+  Qe as makeTriggerId,
   Ya as mapControlsV1,
   Ou as menuV1,
-  nt as meshBasicMaterialV1,
-  it as meshV1,
+  it as meshBasicMaterialV1,
+  ot as meshV1,
   Qc as metaStringify,
   pu as multipleRefV1,
   mu as multipleSlotV1,
@@ -10495,9 +10509,9 @@ export {
   Dt as toDotString,
   Xc as toEventName,
   qc as toMethodName,
-  B as toNodeLite,
+  U as toNodeLite,
   Jc as toPropertyName,
-  Qe as triggerReactivity,
+  et as triggerReactivity,
   $c as unwrapEventId,
   xd as unwrapEventKeyOfCustomSlot,
   _d as unwrapEventKeyOfElementSlot,
@@ -10511,7 +10525,7 @@ export {
   Ve as useDepend,
   Id as useRuntime,
   Pe as useSandbox,
-  q as useTheme,
+  X as useTheme,
   bn as windowItemV1,
   hn as windowV1
 };