x-runtime-lib 0.8.155 → 0.8.157

package/dist/index.js

@@ -29,10 +29,10 @@ var Fe = (t, n, e) => {
   };
   return i();
 };
-import { defineComponent as S, createElementBlock as te, createCommentVNode as re, unref as r, openBlock as w, createElementVNode as We, computed as I, renderSlot as O, normalizeStyle as fe, ref as se, watch as de, onUnmounted as Ie, onBeforeMount as oi, watchEffect as ke, createVNode as D, createBlock as C, useTemplateRef as Io, onMounted as So, nextTick as sn, withCtx as V, resolveComponent as B, isRef as ne, h as K, createSlots as rn, renderList as ii, useId as $o, withModifiers as si, normalizeClass as ri, toDisplayString as Co, useAttrs as gt, inject as ye, provide as be, readonly as ln } from "vue";
-import { globalObjects as _e, waitUtil as Vo, useViewStack as Po, eventBus as Lo, messageInfo as li, messageSuccess as ai, messageWarning as zo, messageError as To, createAxios as ci, openConfirmDlg as ui, openPromptDlg as mi } from "x-essential-lib";
+import { defineComponent as S, createElementBlock as te, createCommentVNode as re, unref as r, openBlock as w, createElementVNode as We, computed as I, renderSlot as O, normalizeStyle as de, ref as se, watch as pe, onUnmounted as Ie, onBeforeMount as oi, watchEffect as xe, createVNode as D, createBlock as C, useTemplateRef as Io, onMounted as So, nextTick as sn, withCtx as V, resolveComponent as R, isRef as ne, h as K, createSlots as rn, renderList as ii, useId as $o, withModifiers as si, normalizeClass as ri, toDisplayString as Co, useAttrs as gt, inject as fe, provide as ye, readonly as ln } from "vue";
+import { globalObjects as he, waitUtil as Vo, useViewStack as Po, eventBus as Lo, messageInfo as li, messageSuccess as ai, messageWarning as zo, messageError as To, createAxios as ci, openConfirmDlg as ui, openPromptDlg as mi } from "x-essential-lib";
 import { CameraHelper as Eo, DirectionalLightHelper as pi, PointLightHelper as di, SpotLightHelper as fi } from "three";
-import { i as pe, c as qe, K as yi, M as bi, O as gi, u as hi, r as Ao, e as Mo, a as _i, b as vi, d as xi, f as ki, g as wi, h as Ii, j as Si, k as $i, l as Wo, m as F, H as Ci, n as Vi, o as Pi, p as Li, q as zi } from "./vendor.m8tdmh16.js";
+import { i as me, c as qe, K as yi, M as bi, O as gi, u as hi, r as Ao, e as Mo, a as _i, b as vi, d as xi, f as ki, g as wi, h as Ii, j as Si, k as $i, l as Wo, m as F, H as Ci, n as Vi, o as Pi, p as Li, q as zi } from "./vendor.m8tdmh16.js";
 import { useTheme as Ti } from "vuetify";
 import { getErrorMessage as Ei } from "x-error-lib";
 const In = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
@@ -70,12 +70,12 @@ function It(t) {
   if (!isNaN(e))
     return e;
 }
-const Bo = ["xs", "sm", "md", "lg", "xl"], Ai = [...Bo].reverse();
+const Ro = ["xs", "sm", "md", "lg", "xl"], Ai = [...Ro].reverse();
 function mt(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function Sn(t) {
-  return Bo.findIndex((n) => n === t);
+  return Ro.findIndex((n) => n === t);
 }
 function Ne(t, n) {
   let e;
@@ -126,7 +126,7 @@ function bu(t) {
 function Xe(t) {
   return t.startsWith("ref_v") || t.startsWith("multiple_ref_v") || t.startsWith("slot_v") || t.startsWith("multiple_slot_v");
 }
-function ce(t) {
+function ke(t) {
   return t === "runtime" || t === "preview";
 }
 function Ye(t, n) {
@@ -189,24 +189,24 @@ function hu(t) {
     e(o, n.view.nodes[o.id]);
   }), n;
 }
-function Bi(t) {
+function Ri(t) {
   switch (t) {
     case "refProperty":
     case "multipleRefProperty":
-    case "slotProperty":
-    case "multipleSlotProperty":
+    case "customSlotProperty":
+    case "multipleCustomSlotProperty":
     case "customProperty":
     case "adaptSlotCustomProperty":
       return !1;
   }
   return !0;
 }
-function Ri(t) {
+function Bi(t) {
   switch (t) {
     case "refMethod":
     case "multipleRefMethod":
-    case "slotMethod":
-    case "multipleSlotMethod":
+    case "customSlotMethod":
+    case "multipleCustomSlotMethod":
     case "customMethod":
     case "adaptSlotCustomMethod":
       return !1;
@@ -217,8 +217,8 @@ function Ki(t) {
   switch (t) {
     case "refEvent":
     case "multipleRefEvent":
-    case "slotEvent":
-    case "multipleSlotEvent":
+    case "customSlotEvent":
+    case "multipleCustomSlotEvent":
     case "customEvent":
     case "adaptSlotCustomEvent":
     case "stateChangeEvent":
@@ -313,10 +313,10 @@ const Iu = [
   "scene_spot_light_v1"
 ];
 function N(...t) {
-  return t.map((n) => _e.i18n.global.t(`x-runtime-lib.${n}`)).join(" - ");
+  return t.map((n) => he.i18n.global.t(`x-runtime-lib.${n}`)).join(" - ");
 }
 function un(t, n, e) {
-  const { i18n: o } = _e;
+  const { i18n: o } = he;
   let s = "";
   return t && (s += t + " / "), n.forEach((i, l) => {
     l > 0 && (s += " - "), e ? s += o.global.t(i) : s += i;
@@ -324,17 +324,17 @@ function un(t, n, e) {
 }
 function Su(t, n) {
   let e = "";
-  return t === "elementProperty" || (t === "refProperty" || t === "multipleRefProperty" ? e = N("reference") : t === "slotProperty" || t === "multipleSlotProperty" ? e = N("slot") : t === "customProperty" ? e = N("custom") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? e = N("adaptSlot") : console.assert(!1)), un(e, n, Bi(t));
+  return t === "elementProperty" || (t === "refProperty" || t === "multipleRefProperty" ? e = N("reference") : t === "customSlotProperty" || t === "multipleCustomSlotProperty" ? e = N("slot") : t === "customProperty" ? e = N("custom") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? e = N("adaptSlot") : console.assert(!1)), un(e, n, Ri(t));
 }
 function $u(t, n) {
   let e = "";
-  return t === "elementMethod" || (t === "refMethod" || t === "multipleRefMethod" ? e = N("reference") : t === "slotMethod" || t === "multipleSlotMethod" ? e = N("slot") : t === "customMethod" ? e = N("custom") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? e = N("adaptSlot") : console.assert(!1)), un(e, n, Ri(t));
+  return t === "elementMethod" || (t === "refMethod" || t === "multipleRefMethod" ? e = N("reference") : t === "customSlotMethod" || t === "multipleCustomSlotMethod" ? e = N("slot") : t === "customMethod" ? e = N("custom") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? e = N("adaptSlot") : console.assert(!1)), un(e, n, Bi(t));
 }
 function Cu(t, n) {
   let e = "";
-  return t === "elementEvent" || (t === "elementPropertyChangeEvent" ? e = N("propertyChange") : t === "refEvent" ? e = N("reference") : t === "refPropertyChangeEvent" ? e = N("reference", "propertyChange") : t === "multipleRefEvent" ? e = N("reference") : t === "multipleRefPropertyChangeEvent" ? e = N("reference", "propertyChange") : t === "slotEvent" ? e = N("slot") : t === "slotPropertyChangeEvent" ? e = N("slot", "propertyChange") : t === "multipleSlotEvent" ? e = N("slot") : t === "multipleSlotPropertyChangeEvent" ? e = N("slot", "propertyChange") : t === "customEvent" ? e = N("custom") : t === "customPropertyChangeEvent" ? e = N("custom", "propertyChange") : t === "adaptSlotElementEvent" ? e = N("adaptSlot") : t === "adaptSlotElementPropertyChangeEvent" ? e = N("adaptSlot", "propertyChange") : t === "adaptSlotCustomEvent" ? e = N("adaptSlot") : t === "adaptSlotCustomPropertyChangeEvent" ? e = N("adaptSlot", "propertyChange") : t === "stateChangeEvent" ? e = N("state") : console.assert(!1)), un(e, n, Ki(t));
+  return t === "elementEvent" || (t === "elementPropertyChangeEvent" ? e = N("propertyChange") : t === "refEvent" ? e = N("reference") : t === "refPropertyChangeEvent" ? e = N("reference", "propertyChange") : t === "multipleRefEvent" ? e = N("reference") : t === "multipleRefPropertyChangeEvent" ? e = N("reference", "propertyChange") : t === "customSlotEvent" ? e = N("slot") : t === "customSlotPropertyChangeEvent" ? e = N("slot", "propertyChange") : t === "multipleCustomSlotEvent" ? e = N("slot") : t === "multipleCustomSlotPropertyChangeEvent" ? e = N("slot", "propertyChange") : t === "customEvent" ? e = N("custom") : t === "customPropertyChangeEvent" ? e = N("custom", "propertyChange") : t === "adaptSlotElementEvent" ? e = N("adaptSlot") : t === "adaptSlotElementPropertyChangeEvent" ? e = N("adaptSlot", "propertyChange") : t === "adaptSlotCustomEvent" ? e = N("adaptSlot") : t === "adaptSlotCustomPropertyChangeEvent" ? e = N("adaptSlot", "propertyChange") : t === "stateChangeEvent" ? e = N("state") : console.assert(!1)), un(e, n, Ki(t));
 }
-const Di = ["position", "ratation", "scale"], Be = /* @__PURE__ */ S({
+const Di = ["position", "ratation", "scale"], Re = /* @__PURE__ */ S({
   __name: "index",
   props: {
     position: { default: () => {
@@ -379,12 +379,12 @@ const Di = ["position", "ratation", "scale"], Be = /* @__PURE__ */ S({
     }));
     return (s, i) => r(n) === "editor" ? (w(), te("div", {
       key: 0,
-      style: fe(e.value)
+      style: de(e.value)
     }, [
       O(s.$slots, "default"),
       t.mask ? (w(), te("div", {
         key: 0,
-        style: fe(o.value)
+        style: de(o.value)
       }, null, 4)) : re("", !0)
     ], 4)) : O(s.$slots, "default", { key: 1 });
   }
@@ -397,7 +397,7 @@ function Fi(t) {
 }
 function P(t) {
   const n = le(), e = se(n.value.view.nodes[t.nodeId]);
-  console.assert(!!e.value, `invalid node id=${t.nodeId}`), de(n, () => {
+  console.assert(!!e.value, `invalid node id=${t.nodeId}`), pe(n, () => {
     e.value = n.value.view.nodes[t.nodeId];
   });
   const { debugTrace: o } = Fi(e);
@@ -406,7 +406,7 @@ function P(t) {
   }), { node: e };
 }
 function pt(t, n, e) {
-  const o = ve();
+  const o = _e();
   if (o) {
     const s = I(() => Uc("elementMethod", t, n));
     oi(() => {
@@ -430,14 +430,14 @@ const Oi = (t, n, e, o) => {
   s ? typeof o == "object" ? i = JSON.stringify(o, null, 2) : (console.assert(!1), i = "{}") : i = o, t ? t.setElementProperty(n.basic.id, e, i) : cn(n, e, i);
 };
 function a(t, n, e) {
-  const o = ve(), s = se();
-  return ke(() => {
+  const o = _e(), s = se();
+  return xe(() => {
     s.value = Oi(o, t.value, n, e);
-  }), de(s, (i, l) => {
-    pe(i, l) || Ni(o, t.value, n, s.value, e);
+  }), pe(s, (i, l) => {
+    me(i, l) || Ni(o, t.value, n, s.value, e);
   }), { property: s };
 }
-function me(t) {
+function ue(t) {
   const { property: n } = a(t, [
     "transform",
     "position",
@@ -463,21 +463,21 @@ function me(t) {
     "rotation",
     "z"
   ]), { property: c } = a(t, ["transform", "scale", "x"]), { property: u } = a(t, ["transform", "scale", "y"]), { property: m } = a(t, ["transform", "scale", "z"]), d = se([0, 0, 0]), p = se([0, 0, 0]), f = se([1, 1, 1]);
-  return ke(() => {
+  return xe(() => {
     d.value = [n.value, e.value, o.value];
-  }), ke(() => {
+  }), xe(() => {
     n.value = d.value[0], e.value = d.value[1], o.value = d.value[2];
-  }), ke(() => {
+  }), xe(() => {
     p.value = [s.value, i.value, l.value];
-  }), ke(() => {
+  }), xe(() => {
     s.value = p.value[0], i.value = p.value[1], l.value = p.value[2];
-  }), ke(() => {
+  }), xe(() => {
     f.value = [c.value, u.value, m.value];
-  }), ke(() => {
+  }), xe(() => {
     c.value = f.value[0], u.value = f.value[1], m.value = f.value[2];
   }), { position: d, rotation: p, scale: f };
 }
-function Ro(t) {
+function Bo(t) {
   const n = I(() => t.value.legend?.show), e = I(() => t.value.legend?.data);
   function o(s) {
     s.legend = {
@@ -563,7 +563,7 @@ function dn(t) {
   }
   return { paddingTop: n, paddingLeft: e, paddingBottom: o, paddingRight: s, applyPadding: i };
 }
-function ge(t, n) {
+function be(t, n) {
   const e = Z(), o = De(), s = I(() => n.value.size?.width), i = I(() => n.value.size?.minWidth), l = I(() => n.value.size?.maxWidth), c = I(() => {
     if (t.outer && e === "editor") {
       const p = It(n.value.size?.height);
@@ -599,7 +599,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "bottom"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "left"]), { property: d } = a(e, ["settings", "near"]), { property: p } = a(e, ["settings", "right"]), { property: f } = a(e, ["settings", "top"]);
     return (b, g) => (w(), te("TresOrthographicCamera", {
       bottom: r(c),
       far: r(u),
@@ -611,7 +611,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       scale: r(l),
       top: r(f)
     }, [
-      D(r(Be)),
+      D(r(Re)),
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(Eo)
@@ -627,7 +627,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "aspect"]), { property: u } = a(e, ["settings", "far"]), { property: m } = a(e, ["settings", "fov"]), { property: d } = a(e, ["settings", "near"]);
     return (p, f) => (w(), te("TresPerspectiveCamera", {
       aspect: r(c),
       far: r(u),
@@ -637,7 +637,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(i),
       scale: r(l)
     }, [
-      D(r(Be)),
+      D(r(Re)),
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(Eo)
@@ -692,7 +692,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       ]
     }, null, 8, Yi));
   }
-}), Re = (t, n) => {
+}), Be = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [o, s] of n)
     e[o] = s;
@@ -744,7 +744,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = me(e), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: u } = a(e, [
+    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = ue(e), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: u } = a(e, [
       "settings",
       "intensity"
     ]);
@@ -755,7 +755,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(s),
       scale: r(i)
     }, [
-      D(r(Be)),
+      D(r(Re)),
       O(m.$slots, "default")
     ], 8, ts));
   }
@@ -767,7 +767,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: m } = a(e, [
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: m } = a(e, [
       "settings",
       "intensity"
     ]);
@@ -778,7 +778,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(i),
       scale: r(l)
     }, [
-      D(r(Be)),
+      D(r(Re)),
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(pi)
@@ -794,7 +794,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: m } = a(e, ["settings", "decay"]), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "color"]), { color: u } = Q(c), { property: m } = a(e, ["settings", "decay"]), { property: d } = a(e, [
       "settings",
       "distance"
     ]), { property: p } = a(e, [
@@ -810,7 +810,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(i),
       scale: r(l)
     }, [
-      D(r(Be)),
+      D(r(Re)),
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(di)
@@ -826,7 +826,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = me(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: m } = Q(u), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
+    const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "angle"]), { property: u } = a(e, ["settings", "color"]), { color: m } = Q(u), { property: d } = a(e, ["settings", "decay"]), { property: p } = a(e, [
       "settings",
       "distance"
     ]), { property: f } = a(e, [
@@ -847,7 +847,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       rotation: r(o) !== "editor" ? r(i) : [0, 0, 0],
       scale: r(o) !== "editor" ? r(l) : [1, 1, 1]
     }, [
-      D(r(Be)),
+      D(r(Re)),
       r(o) === "editor" ? (w(), C(r(qe), {
         key: 0,
         type: r(fi)
@@ -859,7 +859,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
 function us(t, n) {
   return w(), te("TresMeshBasicMaterial");
 }
-const ms = /* @__PURE__ */ Re(cs, [["render", us]]), ps = ["position", "rotation", "scale"], ds = /* @__PURE__ */ S({
+const ms = /* @__PURE__ */ Be(cs, [["render", us]]), ps = ["position", "rotation", "scale"], ds = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -867,7 +867,7 @@ const ms = /* @__PURE__ */ Re(cs, [["render", us]]), ps = ["position", "rotation
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = me(e);
+    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = ue(e);
     return (l, c) => (w(), te("TresGroup", {
       position: r(o),
       rotation: r(s),
@@ -884,7 +884,7 @@ const ms = /* @__PURE__ */ Re(cs, [["render", us]]), ps = ["position", "rotation
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = me(e);
+    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: i } = ue(e);
     return (l, c) => (w(), te("TresMesh", {
       position: r(o),
       rotation: r(s),
@@ -893,7 +893,7 @@ const ms = /* @__PURE__ */ Re(cs, [["render", us]]), ps = ["position", "rotation
       O(l.$slots, "default")
     ], 8, fs));
   }
-}), bs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], gs = "#242424", hs = {}, _s = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, vs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, xs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ks = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ws = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Is = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ss = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $s = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ls = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, zs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Ts = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Es = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, As = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ms = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ws = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Bs = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Rs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ks = { textStyle: { color: "#eeeeee" } }, Ds = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Fs = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Os = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ns = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, js = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Gs = {
+}), bs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], gs = "#242424", hs = {}, _s = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, vs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, xs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ks = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ws = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Is = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ss = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $s = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ls = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, zs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Ts = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Es = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, As = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ms = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ws = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Rs = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Bs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ks = { textStyle: { color: "#eeeeee" } }, Ds = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Fs = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Os = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ns = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, js = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Gs = {
   color: bs,
   backgroundColor: gs,
   textStyle: hs,
@@ -915,8 +915,8 @@ const ms = /* @__PURE__ */ Re(cs, [["render", us]]), ps = ["position", "rotation
   categoryAxis: As,
   valueAxis: Ms,
   logAxis: Ws,
-  timeAxis: Bs,
-  toolbox: Rs,
+  timeAxis: Rs,
+  toolbox: Bs,
   legend: Ks,
   tooltip: Ds,
   timeline: Fs,
@@ -974,7 +974,7 @@ const kr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = Se(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = ge(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Fo(e), { applyYAxis: h } = Oo(e), { applyLegend: x } = Ro(e), { applySeries: _ } = Ko(e), v = I(() => {
+    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = Se(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = be(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Fo(e), { applyYAxis: _ } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ko(e), v = I(() => {
       const L = {}, U = l.value?.type;
       return i === "page" ? U === "common" ? b(L) : console.assert(!1) : i === "comp" && U === "common" ? b(L) : console.assert(!1), L;
     }), z = Io("chart");
@@ -987,13 +987,13 @@ const kr = /* @__PURE__ */ S({
       T?.resize();
     }, j = () => {
       const L = {};
-      g(L), k(L), h(L), x(L), _(L), T?.setOption(L, !0);
+      g(L), k(L), _(L), x(L), h(L), T?.setOption(L, !0);
     };
     return So(async () => {
       window.addEventListener("resize", Y, !1), await Vo(() => !!z.value), J(), j();
     }), Ie(() => {
       window.removeEventListener("resize", Y, !1), T?.dispose();
-    }), de(
+    }), pe(
       [
         () => o.value.width,
         () => o.value.height,
@@ -1007,9 +1007,9 @@ const kr = /* @__PURE__ */ S({
       async () => {
         await sn(), Y();
       }
-    ), de([s], () => {
+    ), pe([s], () => {
       J(), j();
-    }), de(
+    }), pe(
       [n],
       () => {
         j();
@@ -1022,7 +1022,7 @@ const kr = /* @__PURE__ */ S({
       default: V(() => [
         We("div", {
           ref: "chart",
-          style: fe(v.value)
+          style: de(v.value)
         }, null, 4)
       ]),
       _: 1
@@ -1036,7 +1036,7 @@ const kr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = Se(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = ge(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Fo(e), { applyYAxis: h } = Oo(e), { applyLegend: x } = Ro(e), { applySeries: _ } = Ko(e), v = I(() => {
+    const n = t, { node: e } = P(n), o = De(), s = Ze(), i = Se(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: b } = be(n, e), { applyTitle: g } = Do(e), { applyXAxis: k } = Fo(e), { applyYAxis: _ } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ko(e), v = I(() => {
       const L = {}, U = l.value?.type;
       return i === "page" ? U === "common" ? b(L) : console.assert(!1) : i === "comp" && U === "common" ? b(L) : console.assert(!1), L;
     }), z = Io("chart");
@@ -1049,13 +1049,13 @@ const kr = /* @__PURE__ */ S({
       T?.resize();
     }, j = () => {
       const L = {};
-      g(L), k(L), h(L), x(L), _(L), T?.setOption(L, !0);
+      g(L), k(L), _(L), x(L), h(L), T?.setOption(L, !0);
     };
     return So(async () => {
       window.addEventListener("resize", Y, !1), await Vo(() => !!z.value), J(), j();
     }), Ie(() => {
       window.removeEventListener("resize", Y, !1), T?.dispose();
-    }), de(
+    }), pe(
       [
         () => o.value.width,
         () => o.value.height,
@@ -1069,9 +1069,9 @@ const kr = /* @__PURE__ */ S({
       async () => {
         await sn(), Y();
       }
-    ), de([s], () => {
+    ), pe([s], () => {
       J(), j();
-    }), de(
+    }), pe(
       [n],
       () => {
         j();
@@ -1084,7 +1084,7 @@ const kr = /* @__PURE__ */ S({
       default: V(() => [
         We("div", {
           ref: "chart",
-          style: fe(v.value)
+          style: de(v.value)
         }, null, 4)
       ]),
       _: 1
@@ -1108,7 +1108,7 @@ const kr = /* @__PURE__ */ S({
       "y"
     ]);
     return (u, m) => {
-      const d = B("v-badge");
+      const d = R("v-badge");
       return w(), C(r(G), null, {
         default: V(() => [
           D(d, {
@@ -1136,21 +1136,21 @@ const kr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = ve(), { property: s } = a(e, [
+    const n = t, { node: e } = P(n), o = _e(), { property: s } = a(e, [
       "settings",
       "addIcon",
       "append"
     ]), { property: i } = a(e, ["settings", "block"]), { property: l } = a(e, ["settings", "color"]), { color: c } = Q(l), { property: u } = a(e, ["settings", "density"]), { property: m } = a(e, [
       "settings",
       "disabled"
-    ]), { property: d } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: k } = a(e, ["size", "minWidth"]), { property: h } = a(e, [
+    ]), { property: d } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: b } = a(e, ["size", "maxWidth"]), { property: g } = a(e, ["size", "minHeight"]), { property: k } = a(e, ["size", "minWidth"]), { property: _ } = a(e, [
       "settings",
       "addIcon",
       "prepend"
     ]), { property: x } = a(e, [
       "settings",
       "readonly"
-    ]), { property: _ } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: z } = a(e, ["settings", "stacked"]), { property: T } = a(e, ["settings", "text"]), { theme: J } = H(), { property: Y } = a(e, ["settings", "variant"]), { property: j } = a(e, ["size", "width"]), L = async (U) => {
+    ]), { property: h } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: z } = a(e, ["settings", "stacked"]), { property: T } = a(e, ["settings", "text"]), { theme: J } = H(), { property: Y } = a(e, ["settings", "variant"]), { property: j } = a(e, ["size", "width"]), L = async (U) => {
       if (!o || !o.vm)
         return;
       const { vm: oe } = o;
@@ -1161,13 +1161,13 @@ const kr = /* @__PURE__ */ S({
       );
     };
     return (U, oe) => {
-      const he = B("v-btn");
+      const ge = R("v-btn");
       return w(), C(r(G), {
         block: r(i),
         mask: ""
       }, {
         default: V(() => [
-          D(he, {
+          D(ge, {
             "append-icon": r(s),
             block: r(i),
             color: r(c),
@@ -1179,9 +1179,9 @@ const kr = /* @__PURE__ */ S({
             "max-width": r(b),
             "min-height": r(g),
             "min-width": r(k),
-            "prepend-icon": r(h),
+            "prepend-icon": r(_),
             readonly: r(x),
-            ripple: r(_),
+            ripple: r(h),
             size: r(v),
             stacked: r(z),
             text: r(T),
@@ -1197,7 +1197,7 @@ const kr = /* @__PURE__ */ S({
   }
 }), $r = {};
 function Cr(t, n) {
-  const e = B("v-btn-group");
+  const e = R("v-btn-group");
   return w(), C(e, null, {
     default: V(() => [
       O(t.$slots, "default")
@@ -1205,7 +1205,7 @@ function Cr(t, n) {
     _: 3
   });
 }
-const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
+const Vr = /* @__PURE__ */ Be($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1227,8 +1227,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "readonly"
     ]), { property: m } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = H(), { property: f } = a(e, ["settings", "tile"]), { property: b } = a(e, ["settings", "variant"]);
     return (g, k) => {
-      const h = B("v-btn-toggle");
-      return w(), C(h, {
+      const _ = R("v-btn-toggle");
+      return w(), C(_, {
         block: r(o),
         disabled: r(s),
         divided: r(i),
@@ -1262,9 +1262,9 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: i } = a(e, ["size", "height"]), { property: l } = a(e, ["settings", "hover"]), { property: c } = a(e, ["settings", "loading"]), { property: u } = a(e, ["size", "maxHeight"]), { property: m } = a(e, ["size", "maxWidth"]), { property: d } = a(e, ["size", "minHeight"]), { property: p } = a(e, ["size", "minWidth"]), { property: f } = a(e, [
       "settings",
       "subtitle"
-    ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = H(), { property: k } = a(e, ["settings", "title"]), { property: h } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
-    return (_, v) => {
-      const z = B("v-card");
+    ]), { property: b } = a(e, ["settings", "text"]), { theme: g } = H(), { property: k } = a(e, ["settings", "title"]), { property: _ } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
+    return (h, v) => {
+      const z = R("v-card");
       return w(), C(r(G), { block: "" }, {
         default: V(() => [
           D(z, {
@@ -1281,11 +1281,11 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             text: r(b),
             theme: r(g),
             title: r(k),
-            variant: r(h),
+            variant: r(_),
             width: r(x)
           }, {
             default: V(() => [
-              O(_.$slots, "default")
+              O(h.$slots, "default")
             ]),
             _: 3
           }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
@@ -1310,7 +1310,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "readonly"
     ]);
     return (i, l) => {
-      const c = B("v-checkbox");
+      const c = R("v-checkbox");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(c, {
@@ -1339,9 +1339,9 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: u } = a(e, [
       "settings",
       "draggable"
-    ]), { property: m } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = H(), { property: g } = a(e, ["settings", "tile"]), { property: k } = a(e, ["settings", "value"]), { property: h } = a(e, ["settings", "variant"]);
-    return (x, _) => {
-      const v = B("v-chip");
+    ]), { property: m } = a(e, ["settings", "filter"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "size"]), { property: f } = a(e, ["settings", "text"]), { theme: b } = H(), { property: g } = a(e, ["settings", "tile"]), { property: k } = a(e, ["settings", "value"]), { property: _ } = a(e, ["settings", "variant"]);
+    return (x, h) => {
+      const v = R("v-chip");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(v, {
@@ -1357,7 +1357,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             theme: r(b),
             tile: r(g),
             value: r(k),
-            variant: r(h)
+            variant: r(_)
           }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"])
         ]),
         _: 1
@@ -1389,7 +1389,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "showArrows"
     ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
     return (f, b) => {
-      const g = B("v-chip-group");
+      const g = R("v-chip-group");
       return w(), C(g, {
         modelValue: r(p),
         "onUpdate:modelValue": b[0] || (b[0] = (k) => ne(p) ? p.value = k : null),
@@ -1417,9 +1417,9 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), s = le(), { applySize: i } = ge(n, e), l = I(() => {
-      const k = {}, h = s.value?.type;
-      return o === "page" ? h === "common" ? i(k) : console.assert(!1) : o === "comp" && h === "common" ? i(k) : console.assert(!1), k;
+    const n = t, { node: e } = P(n), o = Se(), s = le(), { applySize: i } = be(n, e), l = I(() => {
+      const k = {}, _ = s.value?.type;
+      return o === "page" ? _ === "common" ? i(k) : console.assert(!1) : o === "comp" && _ === "common" ? i(k) : console.assert(!1), k;
     }), { property: c } = a(e, [
       "settings",
       "disabled"
@@ -1442,8 +1442,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "settings",
       "showSwatches"
     ]), { theme: g } = H();
-    return (k, h) => {
-      const x = B("v-color-picker");
+    return (k, _) => {
+      const x = R("v-color-picker");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(x, {
@@ -1454,7 +1454,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             "hide-sliders": r(p),
             landscape: r(f),
             "show-swatches": r(b),
-            style: fe(l.value),
+            style: de(l.value),
             theme: r(g)
           }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"])
         ]),
@@ -1484,7 +1484,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "singleLine"
     ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
     return (d, p) => {
-      const f = B("v-combobox");
+      const f = R("v-combobox");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(f, {
@@ -1513,14 +1513,14 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     const n = t, { node: e } = P(n), o = Se(), s = le(), { property: i } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: l } = Q(i), { applySize: c } = ge(n, e), { applyMargin: u } = pn(e), { applyPadding: m } = dn(e), { applyBorder: d } = mn(e), p = I(() => {
+    ]), { color: l } = Q(i), { applySize: c } = be(n, e), { applyMargin: u } = pn(e), { applyPadding: m } = dn(e), { applyBorder: d } = mn(e), p = I(() => {
       const f = {}, b = s.value?.type;
       return o === "page" ? b === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && b === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
     });
     return (f, b) => (w(), C(r(G), { block: "" }, {
       default: V(() => [
         We("div", {
-          style: fe(p.value)
+          style: de(p.value)
         }, [
           O(f.$slots, "default")
         ], 4)
@@ -1528,7 +1528,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       _: 3
     }));
   }
-}), Br = /* @__PURE__ */ S({
+}), Rr = /* @__PURE__ */ S({
   __name: "columnSlot",
   props: {
     nodeId: {},
@@ -1539,7 +1539,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     const n = t, e = Z(), o = Qe(), s = se();
     Pe(s);
     const i = I(() => n.refContext.compId);
-    et(i, s), ce(e) && tt(s, "slot", "", "", ve());
+    et(i, s), ke(e) && tt(s, "elementSlot", "", "", _e());
     function l(u) {
       const m = we[u.key];
       if (!m) {
@@ -1567,7 +1567,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       );
     }
     const c = () => {
-      const { i18n: u } = _e;
+      const { i18n: u } = he;
       if (Ye(n.refContext, o))
         return K("div", null, u.global.t("x-runtime-lib.circularReference"));
       if (!s.value)
@@ -1581,7 +1581,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     };
     return (u, m) => (w(), C(c));
   }
-}), Rr = /* @__PURE__ */ S({
+}), Br = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1599,8 +1599,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "settings",
       "multiSort"
     ]), { theme: f } = H(), { property: b } = a(e, ["size", "width"]), { property: g } = a(e, ["slots", "columns"]);
-    return (k, h) => {
-      const x = B("v-data-table");
+    return (k, _) => {
+      const x = R("v-data-table");
       return w(), C(r(G), {
         block: "",
         mask: ""
@@ -1619,10 +1619,10 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             theme: r(f),
             width: r(b)
           }, rn({ _: 2 }, [
-            ii(r(g), ({ key: _, comp: v }) => ({
-              name: `item.${_}`,
+            ii(r(g), ({ key: h, comp: v }) => ({
+              name: `item.${h}`,
               fn: V(({ value: z }) => [
-                D(Br, {
+                D(Rr, {
                   "node-id": n.nodeId,
                   "ref-context": {
                     parent: n.refContext,
@@ -1642,7 +1642,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
   __name: "index",
   setup(t) {
     return (n, e) => {
-      const o = B("v-date-picker");
+      const o = R("v-date-picker");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(o)
@@ -1665,7 +1665,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     }), pt(n.nodeId, "close", () => {
       o.value = !1;
     }), (s, i) => {
-      const l = B("v-dialog");
+      const l = R("v-dialog");
       return w(), C(l, {
         modelValue: r(o),
         "onUpdate:modelValue": i[0] || (i[0] = (c) => ne(o) ? o.value = c : null),
@@ -1709,7 +1709,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "singleLine"
     ]);
     return (b, g) => {
-      const k = B("v-file-input");
+      const k = R("v-file-input");
       return w(), C(r(G), {
         block: "",
         mask: ""
@@ -1740,17 +1740,17 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = De(), s = Se(), i = le(), { applySize: l } = ge(n, e), { applyMargin: c } = pn(e), { applyPadding: u } = dn(e), { applyBorder: m } = mn(e), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = De(), s = Se(), i = le(), { applySize: l } = be(n, e), { applyMargin: c } = pn(e), { applyPadding: u } = dn(e), { applyBorder: m } = mn(e), { property: d } = a(e, [
       "settings",
       "backgroundColor"
     ]), { color: p } = Q(d), f = (g) => {
       p.value && (g.backgroundColor = p.value), g.display = "flex";
-      const k = mt(o.value.width), h = Ne(k, e.value.settings?.direction);
-      h === "row" ? g.flexDirection = "row" : h === "rowReverse" ? g.flexDirection = "row-reverse" : h === "column" ? g.flexDirection = "column" : h === "columnReverse" && (g.flexDirection = "column-reverse");
+      const k = mt(o.value.width), _ = Ne(k, e.value.settings?.direction);
+      _ === "row" ? g.flexDirection = "row" : _ === "rowReverse" ? g.flexDirection = "row-reverse" : _ === "column" ? g.flexDirection = "column" : _ === "columnReverse" && (g.flexDirection = "column-reverse");
       const x = Ne(k, e.value.settings?.wrap);
       x === "no" ? g.flexWrap = "nowrap" : x === "yes" ? g.flexWrap = "wrap" : x === "reverse" && (g.flexWrap = "wrap-reverse");
-      const _ = Ne(k, e.value.settings?.mainAlign);
-      _ === "start" ? g.justifyContent = "flex-start" : _ === "end" ? g.justifyContent = "flex-end" : _ === "center" ? g.justifyContent = "center" : _ === "spaceBetween" ? g.justifyContent = "space-between" : _ === "spaceAround" ? g.justifyContent = "space-around" : _ === "spaceEvenly" && (g.justifyContent = "space-evenly");
+      const h = Ne(k, e.value.settings?.mainAlign);
+      h === "start" ? g.justifyContent = "flex-start" : h === "end" ? g.justifyContent = "flex-end" : h === "center" ? g.justifyContent = "center" : h === "spaceBetween" ? g.justifyContent = "space-between" : h === "spaceAround" ? g.justifyContent = "space-around" : h === "spaceEvenly" && (g.justifyContent = "space-evenly");
       const v = Ne(k, e.value.settings?.crossAlign);
       v === "start" ? g.alignItems = "flex-start" : v === "end" ? g.alignItems = "flex-end" : v === "center" ? g.alignItems = "center" : v === "baseline" ? g.alignItems = "baseline" : v === "stretch" && (g.alignItems = "stretch");
     }, b = I(() => {
@@ -1758,7 +1758,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       return s === "page" ? k === "common" ? (l(g), c(g), u(g), m(g), f(g)) : console.assert(!1) : s === "comp" && k === "common" ? (l(g), c(g), u(g), m(g), f(g)) : console.assert(!1), g;
     });
     return (g, k) => (w(), te("div", {
-      style: fe(b.value)
+      style: de(b.value)
     }, [
       O(g.$slots, "default")
     ], 4));
@@ -1771,12 +1771,12 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), s = le(), { applySize: i } = ge(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = I(() => {
+    const n = t, { node: e } = P(n), o = Se(), s = le(), { applySize: i } = be(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = I(() => {
       const m = {}, d = s.value?.type;
       return o === "page" ? d === "common" ? (i(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (i(m), m.flexGrow = l.value ? 1 : 0, m.flexShrink = c.value ? 1 : 0) : console.assert(!1), m;
     });
     return (m, d) => (w(), te("div", {
-      style: fe(u.value)
+      style: de(u.value)
     }, [
       O(m.$slots, "default")
     ], 4));
@@ -1789,15 +1789,15 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Se(), s = le(), i = ve(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
+    const n = t, { node: e } = P(n), o = Se(), s = le(), i = _e(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
       "settings",
       "fastFail"
     ]), { property: u } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: m } = Q(u), { applySize: d } = ge(n, e), { applyMargin: p } = pn(e), { applyPadding: f } = dn(e), { applyBorder: b } = mn(e), g = I(() => {
-      const h = {}, x = s.value?.type;
-      return o === "page" ? x === "common" ? (d(h), p(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(h), p(h), f(h), b(h), m.value && (h.backgroundColor = m.value)) : console.assert(!1), h;
+    ]), { color: m } = Q(u), { applySize: d } = be(n, e), { applyMargin: p } = pn(e), { applyPadding: f } = dn(e), { applyBorder: b } = mn(e), g = I(() => {
+      const _ = {}, x = s.value?.type;
+      return o === "page" ? x === "common" ? (d(_), p(_), f(_), b(_), m.value && (_.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(_), p(_), f(_), b(_), m.value && (_.backgroundColor = m.value)) : console.assert(!1), _;
     }), k = async () => {
       await i?.callFunctionAsync(
         "__triggerEventV1__",
@@ -1805,17 +1805,17 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         ""
       );
     };
-    return (h, x) => {
-      const _ = B("v-form");
-      return w(), C(_, {
+    return (_, x) => {
+      const h = R("v-form");
+      return w(), C(h, {
         modelValue: r(l),
         "onUpdate:modelValue": x[0] || (x[0] = (v) => ne(l) ? l.value = v : null),
         "fast-fail": r(c),
-        style: fe(g.value),
+        style: de(g.value),
         onSubmit: si(k, ["prevent"])
       }, {
         default: V(() => [
-          O(h.$slots, "default")
+          O(_.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
@@ -1834,7 +1834,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "disabled"
     ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: u } = H();
     return (m, d) => {
-      const p = B("v-icon");
+      const p = R("v-icon");
       return w(), C(p, {
         color: r(s),
         disabled: r(i),
@@ -1852,7 +1852,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = Z(), o = ve(), s = se(0), i = se(0), l = I(() => [s.value, i.value]), { open: c } = Po(`runtimeMenu/${$o()}`);
+    const n = t, e = Z(), o = _e(), s = se(0), i = se(0), l = I(() => [s.value, i.value]), { open: c } = Po(`runtimeMenu/${$o()}`);
     return pt(n.nodeId, "open", () => {
       if (!o || !o.vm)
         return;
@@ -1861,7 +1861,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     }), pt(n.nodeId, "close", () => {
       o && (c.value = !1);
     }), (u, m) => {
-      const d = B("v-menu");
+      const d = R("v-menu");
       return w(), C(d, {
         modelValue: r(c),
         "onUpdate:modelValue": m[0] || (m[0] = (p) => ne(c) ? c.value = p : null),
@@ -1911,7 +1911,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: g } = a(e, [
       "settings",
       "precision"
-    ]), { property: k } = a(e, ["settings", "prefix"]), { property: h } = a(e, [
+    ]), { property: k } = a(e, ["settings", "prefix"]), { property: _ } = a(e, [
       "settings",
       "addIcon",
       "prepend"
@@ -1919,15 +1919,15 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "settings",
       "addIcon",
       "prependInner"
-    ]), { property: _ } = a(e, [
+    ]), { property: h } = a(e, [
       "settings",
       "readonly"
     ]), { property: v } = a(e, ["settings", "reverse"]), { property: z } = a(e, [
       "settings",
       "singleLine"
     ]), { property: T } = a(e, ["settings", "step"]), { property: J } = a(e, ["settings", "suffix"]), { theme: Y } = H(), { property: j } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: U } = a(e, ["size", "width"]);
-    return (oe, he) => {
-      const Le = B("v-number-input");
+    return (oe, ge) => {
+      const Le = R("v-number-input");
       return w(), C(r(G), {
         block: "",
         mask: ""
@@ -1935,7 +1935,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         default: V(() => [
           D(Le, {
             modelValue: r(j),
-            "onUpdate:modelValue": he[0] || (he[0] = (xe) => ne(j) ? j.value = xe : null),
+            "onUpdate:modelValue": ge[0] || (ge[0] = (ve) => ne(j) ? j.value = ve : null),
             "append-icon": r(o),
             "append-inner-icon": r(s),
             clearable: r(i),
@@ -1949,9 +1949,9 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             placeholder: r(b),
             precision: r(g),
             prefix: r(k),
-            "prepend-icon": r(h),
+            "prepend-icon": r(_),
             "prepend-inner-icon": r(x),
-            readonly: r(_),
+            readonly: r(h),
             reverse: r(v),
             "single-line": r(z),
             step: r(T),
@@ -1983,8 +1983,8 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       const k = {};
       return o === "editor" && (k.pointerEvents = "none"), k;
     });
-    return (k, h) => {
-      const x = B("v-pagination");
+    return (k, _) => {
+      const x = R("v-pagination");
       return w(), C(r(G), {
         block: "",
         mask: ""
@@ -1992,14 +1992,14 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         default: V(() => [
           D(x, {
             modelValue: r(f),
-            "onUpdate:modelValue": h[0] || (h[0] = (_) => ne(f) ? f.value = _ : null),
+            "onUpdate:modelValue": _[0] || (_[0] = (h) => ne(f) ? f.value = h : null),
             density: r(s),
             disabled: r(i),
             length: r(l),
             "show-first-last-page": r(c),
             size: r(u),
             start: r(m),
-            style: fe(g.value),
+            style: de(g.value),
             theme: r(d),
             tile: r(p),
             variant: r(b)
@@ -2025,7 +2025,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "readonly"
     ]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
-      const b = B("v-radio");
+      const b = R("v-radio");
       return w(), C(b, {
         color: r(s),
         density: r(i),
@@ -2056,7 +2056,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "readonly"
     ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
     return (d, p) => {
-      const f = B("v-radio-group");
+      const f = R("v-radio-group");
       return w(), C(r(G), null, {
         default: V(() => [
           D(f, {
@@ -2110,7 +2110,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     }), { property: b } = a(e, ["settings", "step"]), { theme: g } = H(), { property: k } = a(e, [
       "settings",
       "thumbLabel"
-    ]), h = I(() => {
+    ]), _ = I(() => {
       if (k.value === "always")
         return "always";
       if (k.value === "show")
@@ -2118,11 +2118,11 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     }), { property: x } = a(e, [
       "settings",
       "thumbSize"
-    ]), { property: _ } = a(e, ["settings", "ticks"]), v = I(() => {
-      if (!_.value)
+    ]), { property: h } = a(e, ["settings", "ticks"]), v = I(() => {
+      if (!h.value)
         return;
       const j = {};
-      for (const { value: L, label: U } of _.value)
+      for (const { value: L, label: U } of h.value)
         j[L] = U;
       if (!Wo(j))
         return j;
@@ -2144,7 +2144,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       }
     });
     return (j, L) => {
-      const U = B("v-range-slider");
+      const U = R("v-range-slider");
       return w(), C(r(G), {
         block: "",
         mask: ""
@@ -2164,7 +2164,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             "show-ticks": f.value,
             step: r(b),
             theme: r(g),
-            "thumb-label": h.value,
+            "thumb-label": _.value,
             "thumb-size": r(x),
             "tick-size": r(z),
             ticks: v.value
@@ -2196,7 +2196,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "readonly"
     ]), { theme: d } = H(), { property: p } = a(e, ["settings", "value"]);
     return (f, b) => {
-      const g = B("v-rating");
+      const g = R("v-rating");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(g, {
@@ -2238,7 +2238,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "singleLine"
     ]), { theme: u } = H(), { property: m } = a(e, ["settings", "value"]);
     return (d, p) => {
-      const f = B("v-select");
+      const f = R("v-select");
       return w(), C(r(G), {
         block: "",
         mask: ""
@@ -2287,10 +2287,10 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
         return "always";
       if (b.value === "show")
         return !0;
-    }), { property: k } = a(e, ["settings", "step"]), { theme: h } = H(), { property: x } = a(e, [
+    }), { property: k } = a(e, ["settings", "step"]), { theme: _ } = H(), { property: x } = a(e, [
       "settings",
       "thumbColor"
-    ]), { color: _ } = Q(x), { property: v } = a(e, [
+    ]), { color: h } = Q(x), { property: v } = a(e, [
       "settings",
       "thumbLabel"
     ]), z = I(() => {
@@ -2304,20 +2304,20 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
     ]), { property: J } = a(e, ["settings", "ticks"]), Y = I(() => {
       if (!J.value)
         return;
-      const xe = {};
+      const ve = {};
       for (const { value: nt, label: wt } of J.value)
-        xe[nt] = wt;
-      if (!Wo(xe))
-        return xe;
+        ve[nt] = wt;
+      if (!Wo(ve))
+        return ve;
     }), { property: j } = a(e, [
       "settings",
       "tickSize"
     ]), { property: L } = a(e, [
       "settings",
       "trackColor"
-    ]), { color: U } = Q(L), { property: oe } = a(e, ["settings", "value"]), { property: he } = a(e, ["slots", "append"]), { property: Le } = a(e, ["slots", "prepend"]);
-    return (xe, nt) => {
-      const wt = B("v-slider");
+    ]), { color: U } = Q(L), { property: oe } = a(e, ["settings", "value"]), { property: ge } = a(e, ["slots", "append"]), { property: Le } = a(e, ["slots", "prepend"]);
+    return (ve, nt) => {
+      const wt = R("v-slider");
       return w(), C(r(G), {
         block: "",
         mask: ""
@@ -2337,20 +2337,20 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
             reverse: r(f),
             "show-ticks": g.value,
             step: r(k),
-            theme: r(h),
-            "thumb-color": r(_),
+            theme: r(_),
+            "thumb-color": r(h),
             "thumb-label": z.value,
             "thumb-size": r(T),
             "tick-size": r(j),
             ticks: Y.value,
             "track-color": r(U)
           }, rn({ _: 2 }, [
-            r(he) ? {
+            r(ge) ? {
               name: "append",
               fn: V(() => [
                 D(r(Ce), {
                   "node-id": "append",
-                  "ref-context": { compId: r(he) },
+                  "ref-context": { compId: r(ge) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2386,7 +2386,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
       "hideActions"
     ]), { theme: s } = H(), { property: i } = a(e, ["settings", "value"]);
     return (l, c) => {
-      const u = B("v-stepper");
+      const u = R("v-stepper");
       return w(), C(u, {
         modelValue: r(i),
         "onUpdate:modelValue": c[0] || (c[0] = (m) => ne(i) ? i.value = m : null),
@@ -2402,7 +2402,7 @@ const Vr = /* @__PURE__ */ Re($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
   }
 }), il = {};
 function sl(t, n) {
-  const e = B("v-stepper-header");
+  const e = R("v-stepper-header");
   return w(), C(e, null, {
     default: V(() => [
       O(t.$slots, "default")
@@ -2410,7 +2410,7 @@ function sl(t, n) {
     _: 3
   });
 }
-const rl = /* @__PURE__ */ Re(il, [["render", sl]]), ll = /* @__PURE__ */ S({
+const rl = /* @__PURE__ */ Be(il, [["render", sl]]), ll = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2420,7 +2420,7 @@ const rl = /* @__PURE__ */ Re(il, [["render", sl]]), ll = /* @__PURE__ */ S({
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
     return (s, i) => {
-      const l = B("v-stepper-item");
+      const l = R("v-stepper-item");
       return w(), C(l, { value: r(o) }, {
         default: V(() => [
           O(s.$slots, "default")
@@ -2431,7 +2431,7 @@ const rl = /* @__PURE__ */ Re(il, [["render", sl]]), ll = /* @__PURE__ */ S({
   }
 }), al = {};
 function cl(t, n) {
-  const e = B("v-stepper-window");
+  const e = R("v-stepper-window");
   return w(), C(e, null, {
     default: V(() => [
       O(t.$slots, "default")
@@ -2439,7 +2439,7 @@ function cl(t, n) {
     _: 3
   });
 }
-const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
+const ul = /* @__PURE__ */ Be(al, [["render", cl]]), ml = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2449,7 +2449,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
     return (s, i) => {
-      const l = B("v-stepper-window-item");
+      const l = R("v-stepper-window-item");
       return w(), C(l, { value: r(o) }, {
         default: V(() => [
           O(s.$slots, "default")
@@ -2480,10 +2480,10 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "indeterminate"
     ]), { property: u } = a(e, ["settings", "inline"]), { property: m } = a(e, ["settings", "inset"]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { theme: f } = H(), { property: b } = a(e, ["settings", "value"]);
     return (g, k) => {
-      const h = B("v-switch");
+      const _ = R("v-switch");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
-          D(h, {
+          D(_, {
             modelValue: r(b),
             "onUpdate:modelValue": k[0] || (k[0] = (x) => ne(b) ? b.value = x : null),
             density: r(o),
@@ -2515,11 +2515,11 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       return o === "editor" && (u.pointerEvents = "none"), u;
     });
     return (u, m) => {
-      const d = B("v-tab");
+      const d = R("v-tab");
       return w(), C(r(G), { mask: "" }, {
         default: V(() => [
           D(d, {
-            style: fe(c.value),
+            style: de(c.value),
             text: r(s),
             theme: r(i),
             value: r(l)
@@ -2563,19 +2563,19 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: b } = a(e, ["settings", "grow"]), { property: g } = a(e, [
       "settings",
       "hideSlider"
-    ]), { property: k } = a(e, ["settings", "items"]), { property: h } = a(e, [
+    ]), { property: k } = a(e, ["settings", "items"]), { property: _ } = a(e, [
       "settings",
       "mandatory"
     ]), { property: x } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: _ } = a(e, [
+    ]), { property: h } = a(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: v } = Q(_), { property: z } = a(e, ["settings", "stacked"]), { theme: T } = H(), { property: J } = a(e, ["settings", "value"]);
+    ]), { color: v } = Q(h), { property: z } = a(e, ["settings", "stacked"]), { theme: T } = H(), { property: J } = a(e, ["settings", "value"]);
     return (Y, j) => {
-      const L = B("v-tabs");
+      const L = R("v-tabs");
       return w(), C(r(G), {
         block: "",
         mask: ""
@@ -2595,7 +2595,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             grow: r(b),
             "hide-slider": r(g),
             items: r(k),
-            mandatory: r(h),
+            mandatory: r(_),
             "show-arrows": r(x),
             "slider-color": r(v),
             stacked: r(z),
@@ -2664,17 +2664,17 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: f } = a(e, ["settings", "reverse"]), { property: b } = a(e, ["settings", "rows"]), { property: g } = a(e, [
       "settings",
       "singleLine"
-    ]), { theme: k } = H(), { property: h } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
-    return (_, v) => {
-      const z = B("v-textarea");
+    ]), { theme: k } = H(), { property: _ } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
+    return (h, v) => {
+      const z = R("v-textarea");
       return w(), C(r(G), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
           D(z, {
-            modelValue: r(h),
-            "onUpdate:modelValue": v[0] || (v[0] = (T) => ne(h) ? h.value = T : null),
+            modelValue: r(_),
+            "onUpdate:modelValue": v[0] || (v[0] = (T) => ne(_) ? _.value = T : null),
             "auto-grow": r(o),
             clearable: r(s),
             density: r(i),
@@ -2730,10 +2730,10 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: k } = a(e, [
       "settings",
       "prependInnerIcon"
-    ]), { property: h } = a(e, [
+    ]), { property: _ } = a(e, [
       "settings",
       "readonly"
-    ]), { property: x } = a(e, ["settings", "reverse"]), { property: _ } = a(e, [
+    ]), { property: x } = a(e, ["settings", "reverse"]), { property: h } = a(e, [
       "settings",
       "singleLine"
     ]), { property: v } = a(e, ["settings", "suffix"]), { theme: z } = H(), { property: T } = a(e, ["settings", "value"]), { property: J } = a(e, ["settings", "variant"]), { property: Y } = a(e, ["slots", "append"]), { property: j } = a(e, [
@@ -2743,8 +2743,8 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "slots",
       "prependInner"
     ]);
-    return (oe, he) => {
-      const Le = B("v-text-field");
+    return (oe, ge) => {
+      const Le = R("v-text-field");
       return w(), C(r(G), {
         block: "",
         mask: ""
@@ -2752,7 +2752,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
         default: V(() => [
           D(Le, {
             modelValue: r(T),
-            "onUpdate:modelValue": he[0] || (he[0] = (xe) => ne(T) ? T.value = xe : null),
+            "onUpdate:modelValue": ge[0] || (ge[0] = (ve) => ne(T) ? T.value = ve : null),
             "append-icon": r(o),
             "append-inner-icon": r(s),
             autofocus: r(i),
@@ -2766,9 +2766,9 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             prefix: r(b),
             "prepend-icon": r(g),
             "prepend-inner-icon": r(k),
-            readonly: r(h),
+            readonly: r(_),
             reverse: r(x),
-            "single-line": r(_),
+            "single-line": r(h),
             suffix: r(v),
             theme: r(z),
             variant: r(J)
@@ -2861,9 +2861,9 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "settings",
       "line",
       "truncate"
-    ]), { theme: h } = H();
-    return (x, _) => {
-      const v = B("v-timeline");
+    ]), { theme: _ } = H();
+    return (x, h) => {
+      const v = R("v-timeline");
       return w(), C(v, {
         align: r(o),
         density: r(s),
@@ -2875,7 +2875,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
         "line-inset": r(f),
         "line-thickness": r(b),
         side: r(g),
-        theme: r(h),
+        theme: r(_),
         "truncate-line": r(k)
       }, {
         default: V(() => [
@@ -2887,7 +2887,7 @@ const ul = /* @__PURE__ */ Re(al, [["render", cl]]), ml = /* @__PURE__ */ S({
   }
 }), _l = {};
 function vl(t, n) {
-  const e = B("v-timeline-item");
+  const e = R("v-timeline-item");
   return w(), C(e, null, {
     default: V(() => [
       O(t.$slots, "default")
@@ -2895,7 +2895,7 @@ function vl(t, n) {
     _: 3
   });
 }
-const xl = /* @__PURE__ */ Re(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
+const xl = /* @__PURE__ */ Be(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -2917,7 +2917,7 @@ const xl = /* @__PURE__ */ Re(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
       "showArrows"
     ]), { property: u } = a(e, ["settings", "touch"]), { theme: m } = H(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
-      const b = B("v-window");
+      const b = R("v-window");
       return w(), C(b, {
         modelValue: r(d),
         "onUpdate:modelValue": f[0] || (f[0] = (g) => ne(d) ? d.value = g : null),
@@ -2938,7 +2938,7 @@ const xl = /* @__PURE__ */ Re(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
   }
 }), wl = {};
 function Il(t, n) {
-  const e = B("v-window-item");
+  const e = R("v-window-item");
   return w(), C(e, null, {
     default: V(() => [
       O(t.$slots, "default")
@@ -2946,7 +2946,7 @@ function Il(t, n) {
     _: 3
   });
 }
-const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
+const Sl = /* @__PURE__ */ Be(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
   __name: "entry",
   props: {
     subtype: {},
@@ -2959,7 +2959,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
       console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> destroyed`);
     });
     const n = Z(), e = le(), o = I(() => F(e.value));
-    Pe(o), ce(n) && tt(o, "multipleSlot", t.nodeId, t.instance, ve());
+    Pe(o), ke(n) && tt(o, "multipleRef", t.nodeId, t.instance, _e());
     const s = (l) => {
       const c = we[l.key];
       if (!c) {
@@ -2997,7 +2997,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     };
     return (l, c) => (w(), C(i));
   }
-}), Cl = ["position", "rotation", "scale"], Vl = { style: { userSelect: "none" } }, ue = /* @__PURE__ */ S({
+}), Cl = ["position", "rotation", "scale"], Vl = { style: { userSelect: "none" } }, ce = /* @__PURE__ */ S({
   __name: "index",
   props: {
     position: {},
@@ -3037,24 +3037,24 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     Pe(l);
     const c = I(() => e.refContext?.compId);
     et(c, l);
-    const { applySize: u } = ge(e, o), m = I(() => {
-      const _ = {};
-      return l.value?.type === "common" && u(_), _;
-    }), { position: d, rotation: p, scale: f } = me(o), { property: b } = a(o, ["instances"]), g = (_, v) => {
-      _.findIndex((z) => z === v) >= 0 || _.push(v);
+    const { applySize: u } = be(e, o), m = I(() => {
+      const h = {};
+      return l.value?.type === "common" && u(h), h;
+    }), { position: d, rotation: p, scale: f } = ue(o), { property: b } = a(o, ["instances"]), g = (h, v) => {
+      h.findIndex((z) => z === v) >= 0 || h.push(v);
     }, k = I(() => {
-      const _ = [];
+      const h = [];
       if (!Array.isArray(b.value))
-        return _;
+        return h;
       for (const v of b.value)
-        typeof v == "string" && v && g(_, v);
-      return _;
-    }), h = (_, v) => K($l, {
-      key: _,
+        typeof v == "string" && v && g(h, v);
+      return h;
+    }), _ = (h, v) => K($l, {
+      key: h,
       subtype: v,
       nodeId: e.nodeId,
       refContext: e.refContext,
-      instance: _
+      instance: h
     }), x = () => {
       if (!e.refContext) {
         console.assert(!1, "invalid of ref context");
@@ -3064,21 +3064,21 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: _ } = _e;
+      const { i18n: h } = he;
       if (Ye(e.refContext, s))
         return i.value.type === "common" ? K(
           "div",
           { id: n.id, style: m.value },
-          _.global.t("x-runtime-lib.circularReference")
-        ) : i.value.type === "scene" ? K(ue, {
+          h.global.t("x-runtime-lib.circularReference")
+        ) : i.value.type === "scene" ? K(ce, {
           name: n.name,
           position: d.value,
           rotation: p.value,
           scale: f.value,
-          label: _.global.t("x-runtime-lib.circularReference")
+          label: h.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
-        return i.value.type === "common" ? K("div", { id: n.id, style: m.value }) : i.value.type === "scene" ? K(ue, {
+        return i.value.type === "common" ? K("div", { id: n.id, style: m.value }) : i.value.type === "scene" ? K(ce, {
           name: n.name,
           position: d.value,
           rotation: p.value,
@@ -3097,12 +3097,12 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             style: m.value
           },
           {
-            default: () => k.value.map((z) => h(z, v))
+            default: () => k.value.map((z) => _(z, v))
           }
         );
       if (v === "scene")
         return K(
-          ue,
+          ce,
           {
             name: n.name,
             position: d.value,
@@ -3110,11 +3110,11 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             scale: f.value
           },
           {
-            default: () => k.value.map((z) => h(z, v))
+            default: () => k.value.map((z) => _(z, v))
           }
         );
     };
-    return (_, v) => (w(), C(x));
+    return (h, v) => (w(), C(x));
   }
 }), Ll = /* @__PURE__ */ S({
   __name: "entry",
@@ -3129,7 +3129,7 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
       console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> destroyed`);
     });
     const n = Z(), e = le(), o = I(() => F(e.value));
-    Pe(o), ce(n) && tt(o, "multipleSlot", t.nodeId, t.instance, ve());
+    Pe(o), ke(n) && tt(o, "multipleCustomSlot", t.nodeId, t.instance, _e());
     const s = (l) => {
       const c = we[l.key];
       if (!c) {
@@ -3179,24 +3179,24 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     Pe(l);
     const c = I(() => e.refContext?.compId);
     et(c, l);
-    const { applySize: u } = ge(e, o), m = I(() => {
-      const _ = {};
-      return l.value?.type === "common" && u(_), _;
-    }), { position: d, rotation: p, scale: f } = me(o), { property: b } = a(o, ["instances"]), g = (_, v) => {
-      _.findIndex((z) => z === v) >= 0 || _.push(v);
+    const { applySize: u } = be(e, o), m = I(() => {
+      const h = {};
+      return l.value?.type === "common" && u(h), h;
+    }), { position: d, rotation: p, scale: f } = ue(o), { property: b } = a(o, ["instances"]), g = (h, v) => {
+      h.findIndex((z) => z === v) >= 0 || h.push(v);
     }, k = I(() => {
-      const _ = [];
+      const h = [];
       if (!Array.isArray(b.value))
-        return _;
+        return h;
       for (const v of b.value)
-        typeof v == "string" && v && g(_, v);
-      return _;
-    }), h = (_, v) => K(Ll, {
-      key: _,
+        typeof v == "string" && v && g(h, v);
+      return h;
+    }), _ = (h, v) => K(Ll, {
+      key: h,
       subtype: v,
       nodeId: e.nodeId,
       refContext: e.refContext,
-      instance: _
+      instance: h
     }), x = () => {
       if (!e.refContext) {
         console.assert(!1, "invalid of ref context");
@@ -3206,21 +3206,21 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: _ } = _e;
+      const { i18n: h } = he;
       if (Ye(e.refContext, s))
         return i.value.type === "common" ? K(
           "div",
           { id: n.id, style: m.value },
-          _.global.t("x-runtime-lib.circularReference")
-        ) : i.value.type === "scene" ? K(ue, {
+          h.global.t("x-runtime-lib.circularReference")
+        ) : i.value.type === "scene" ? K(ce, {
           name: n.name,
           position: d.value,
           rotation: p.value,
           scale: f.value,
-          label: _.global.t("x-runtime-lib.circularReference")
+          label: h.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!l.value)
-        return i.value.type === "common" ? K("div", { id: n.id, style: m.value }) : i.value.type === "scene" ? K(ue, {
+        return i.value.type === "common" ? K("div", { id: n.id, style: m.value }) : i.value.type === "scene" ? K(ce, {
           name: n.name,
           position: d.value,
           rotation: p.value,
@@ -3239,12 +3239,12 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             style: m.value
           },
           {
-            default: () => k.value.map((z) => h(z, v))
+            default: () => k.value.map((z) => _(z, v))
           }
         );
       if (v === "scene")
         return K(
-          ue,
+          ce,
           {
             name: n.name,
             position: d.value,
@@ -3252,11 +3252,11 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             scale: f.value
           },
           {
-            default: () => k.value.map((z) => h(z, v))
+            default: () => k.value.map((z) => _(z, v))
           }
         );
     };
-    return (_, v) => (w(), C(x));
+    return (h, v) => (w(), C(x));
   }
 }), Tl = /* @__PURE__ */ S({
   __name: "index",
@@ -3269,32 +3269,32 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     const n = gt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = le(), c = se();
     Pe(c);
     const u = I(() => e.refContext?.compId);
-    et(u, c), ce(s) && tt(c, "ref", e.nodeId, "", ve());
-    const { applySize: m } = ge(e, o), d = I(() => {
-      const h = {};
-      return l.value?.type === "common" && m(h), h;
-    }), { position: p, rotation: f, scale: b } = me(o), g = (h) => {
-      const x = we[h.key];
+    et(u, c), ke(s) && tt(c, "ref", e.nodeId, "", _e());
+    const { applySize: m } = be(e, o), d = I(() => {
+      const _ = {};
+      return l.value?.type === "common" && m(_), _;
+    }), { position: p, rotation: f, scale: b } = ue(o), g = (_) => {
+      const x = we[_.key];
       if (!x) {
-        console.assert(!1, `element not found key=${h.key}`);
+        console.assert(!1, `element not found key=${_.key}`);
         return;
       }
-      const _ = {
-        nodeId: h.id
+      const h = {
+        nodeId: _.id
       };
-      return Xe(h.key) && (_.refContext = {
+      return Xe(_.key) && (h.refContext = {
         parent: e.refContext,
-        compId: h.compId
+        compId: _.compId
       }), K(
         x.comp,
         {
-          key: h.id,
-          ..._
+          key: _.id,
+          ...h
         },
         {
           default: () => {
             if (!x.leaf)
-              return h.children?.map((v) => g(v));
+              return _.children?.map((v) => g(v));
           }
         }
       );
@@ -3307,21 +3307,21 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: h } = _e;
+      const { i18n: _ } = he;
       if (Ye(e.refContext, i))
         return l.value.type === "common" ? K(
           "div",
           { id: n.id, style: d.value },
-          h.global.t("x-runtime-lib.circularReference")
-        ) : l.value.type === "scene" ? K(ue, {
+          _.global.t("x-runtime-lib.circularReference")
+        ) : l.value.type === "scene" ? K(ce, {
           name: n.name,
           position: p.value,
           rotation: f.value,
           scale: b.value,
-          label: h.global.t("x-runtime-lib.circularReference")
+          label: _.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!c.value)
-        return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ue, {
+        return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ce, {
           name: n.name,
           position: p.value,
           rotation: f.value,
@@ -3340,12 +3340,12 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((_) => g(_))
+            default: () => c.value?.view.nodeLites.map((h) => g(h))
           }
         );
       if (x === "scene")
         return K(
-          ue,
+          ce,
           {
             name: n.name,
             position: p.value,
@@ -3353,11 +3353,11 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             scale: b.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((_) => g(_))
+            default: () => c.value?.view.nodeLites.map((h) => g(h))
           }
         );
     };
-    return (h, x) => (w(), C(k));
+    return (_, x) => (w(), C(k));
   }
 }), El = /* @__PURE__ */ S({
   __name: "index",
@@ -3386,33 +3386,33 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
     const n = gt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = le(), c = se();
     Pe(c);
     const u = I(() => e.refContext?.compId);
-    et(u, c), ce(s) && tt(c, "slot", e.nodeId, "", ve());
-    const { applySize: m } = ge(e, o), d = I(() => {
-      const h = {};
-      return c.value?.type === "common" && m(h), h;
-    }), { position: p, rotation: f, scale: b } = me(o);
-    function g(h) {
-      const x = we[h.key];
+    et(u, c), ke(s) && tt(c, "customSlot", e.nodeId, "", _e());
+    const { applySize: m } = be(e, o), d = I(() => {
+      const _ = {};
+      return c.value?.type === "common" && m(_), _;
+    }), { position: p, rotation: f, scale: b } = ue(o);
+    function g(_) {
+      const x = we[_.key];
       if (!x) {
-        console.assert(!1, `element not found key=${h.key}`);
+        console.assert(!1, `element not found key=${_.key}`);
         return;
       }
-      const _ = {
-        nodeId: h.id
+      const h = {
+        nodeId: _.id
       };
-      return Xe(h.key) && (_.refContext = {
+      return Xe(_.key) && (h.refContext = {
         parent: e.refContext,
-        compId: h.compId
+        compId: _.compId
       }), K(
         x.comp,
         {
-          key: h.id,
-          ..._
+          key: _.id,
+          ...h
         },
         {
           default: () => {
             if (!x.leaf)
-              return h.children?.map((v) => g(v));
+              return _.children?.map((v) => g(v));
           }
         }
       );
@@ -3426,21 +3426,21 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: h } = _e;
+      const { i18n: _ } = he;
       if (Ye(e.refContext, i))
         return l.value.type === "common" ? K(
           "div",
           { id: n.id, style: d.value },
-          h.global.t("x-runtime-lib.circularReference")
-        ) : l.value.type === "scene" ? K(ue, {
+          _.global.t("x-runtime-lib.circularReference")
+        ) : l.value.type === "scene" ? K(ce, {
           name: n.name,
           position: p.value,
           rotation: f.value,
           scale: b.value,
-          label: h.global.t("x-runtime-lib.circularReference")
+          label: _.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!c.value)
-        return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ue, {
+        return l.value.type === "common" ? K("div", { id: n.id, style: d.value }) : l.value.type === "scene" ? K(ce, {
           name: n.name,
           position: p.value,
           rotation: f.value,
@@ -3459,12 +3459,12 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((_) => g(_))
+            default: () => c.value?.view.nodeLites.map((h) => g(h))
           }
         );
       if (x === "scene")
         return K(
-          ue,
+          ce,
           {
             name: n.name,
             position: p.value,
@@ -3472,11 +3472,11 @@ const Sl = /* @__PURE__ */ Re(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
             scale: b.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((_) => g(_))
+            default: () => c.value?.view.nodeLites.map((h) => g(h))
           }
         );
     };
-    return (h, x) => (w(), C(k));
+    return (_, x) => (w(), C(k));
   }
 }), y = {
   key: "basic",
@@ -4015,7 +4015,7 @@ const Cn = {
   slots: []
 };
 $(Wl);
-const Bl = {
+const Rl = {
   key: "scene_keyboard_controls_v1",
   name: "x-runtime-lib.keyboardControls",
   comp: Ui,
@@ -4028,8 +4028,8 @@ const Bl = {
   slots: [],
   leaf: !0
 };
-$(Bl);
-const Rl = {
+$(Rl);
+const Bl = {
   key: "scene_map_controls_v1",
   name: "x-runtime-lib.mapControls",
   comp: qi,
@@ -4042,7 +4042,7 @@ const Rl = {
   slots: [],
   leaf: !0
 };
-$(Rl);
+$(Bl);
 const Kl = {
   key: "scene_orbit_controls_v1",
   name: "x-runtime-lib.orbitControls",
@@ -4058,7 +4058,7 @@ const Kl = {
 };
 $(Kl);
 function Dl(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`boxGeometryV1/spawn property tag not found, ${e}`);
     return;
@@ -4097,7 +4097,7 @@ function Dl(t, n) {
   };
 }
 function Fl(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
       `boxGeometryV1/spawnBoxGeometry property tag not found, ${e}`
@@ -4127,7 +4127,7 @@ function Fl(t, n) {
   };
 }
 function Ol(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
       `boxGeometryV1/spawnMeshBasicMaterial property tag not found, ${e}`
@@ -4209,7 +4209,7 @@ const Vn = {
 };
 $(zt);
 function Nl(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${e}`);
     return;
@@ -4248,7 +4248,7 @@ function Nl(t, n) {
   };
 }
 function jl(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
       `sphereGeometryV1/spawnSphereGeometry property tag not found, ${e}`
@@ -4279,7 +4279,7 @@ function jl(t, n) {
   };
 }
 function Gl(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
       `sphereGeometryV1/spawnMeshBasicMaterial property tag not found, ${e}`
@@ -4574,7 +4574,7 @@ const He = {
 };
 $(He);
 function Yl(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`barChartV1/spawn property tag not found, ${e}`);
     return;
@@ -4631,7 +4631,7 @@ const An = {
 };
 $(Et);
 function Zl(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`lineChartV1/spawn property tag not found, ${e}`);
     return;
@@ -4733,7 +4733,7 @@ const Wn = {
 };
 $(Ql);
 function ea(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`btnV1/spawn property tag not found, ${e}`);
     return;
@@ -4751,7 +4751,7 @@ function ea(t, n) {
     }
   };
 }
-const ta = F(ee), Bn = {
+const ta = F(ee), Rn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4843,8 +4843,8 @@ const ta = F(ee), Bn = {
   name: "x-runtime-lib.button",
   comp: Sr,
   properties: {
-    pageCommon: [y, q, Bn],
-    compCommon: [y, q, Bn]
+    pageCommon: [y, q, Rn],
+    compCommon: [y, q, Rn]
   },
   events: [
     {
@@ -4866,7 +4866,7 @@ const na = {
   }
 };
 $(na);
-const Rn = {
+const Bn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4932,13 +4932,13 @@ const Rn = {
   name: "x-runtime-lib.buttonToggle",
   comp: Pr,
   properties: {
-    pageCommon: [y, Rn],
-    compCommon: [y, Rn]
+    pageCommon: [y, Bn],
+    compCommon: [y, Bn]
   }
 };
 $(oa);
 function ia(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`cardV1/spawn property tag not found, ${e}`);
     return;
@@ -5137,18 +5137,18 @@ const ra = F(ee), Fn = {
 };
 $(Wt);
 function la(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`chipGroupV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Bt.properties[o];
+  const s = Rt.properties[o];
   if (!s) {
     console.error(`chipGroupV1/spawn properties not found, ${e}`);
     return;
   }
   const i = A();
-  W(i, s), i.basic.id = E(16), i.basic.key = Bt.key;
+  W(i, s), i.basic.id = E(16), i.basic.key = Rt.key;
   const l = ze(t, n, "chip1", "chip 1"), c = ze(t, n, "chip2", "chip 2"), u = ze(t, n, "chip3", "chip 3"), m = ze(t, n, "chip4", "chip 4"), d = ze(t, n, "chip5", "chip 5"), p = ze(t, n, "chip6", "chip 6");
   return {
     nodeLite: M(i, [
@@ -5171,7 +5171,7 @@ function la(t, n) {
   };
 }
 function ze(t, n, e, o) {
-  const s = `type=${t} subtype=${n}`, i = R(t, n);
+  const s = `type=${t} subtype=${n}`, i = B(t, n);
   if (!i) {
     console.error(`chipGroupV1/spawnChip property tag not found, ${s}`);
     return;
@@ -5243,7 +5243,7 @@ const On = {
       default: !1
     }
   ]
-}, Bt = {
+}, Rt = {
   key: "common_chip_group_v1",
   name: "x-runtime-lib.chipGroup",
   comp: Er,
@@ -5253,7 +5253,7 @@ const On = {
   },
   spawn: la
 };
-$(Bt);
+$(Rt);
 const aa = {
   key: "common_color_picker_v1",
   name: "x-runtime-lib.colorPicker",
@@ -5324,7 +5324,7 @@ const jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [fn]
-}, Rt = {
+}, Bt = {
   key: "common_container_v1",
   name: "x-runtime-lib.container",
   comp: Wr,
@@ -5339,7 +5339,7 @@ const jn = {
     }
   ]
 };
-$(Rt);
+$(Bt);
 const Gn = {
   key: "size",
   name: "x-runtime-lib.size",
@@ -5495,7 +5495,7 @@ const Gn = {
 }, ua = {
   key: "common_data_table_v1",
   name: "x-runtime-lib.dataTable",
-  comp: Rr,
+  comp: Br,
   properties: {
     pageCommon: [y, Gn, Hn, Jn],
     compCommon: [y, Gn, Hn, Jn]
@@ -5576,7 +5576,7 @@ const Un = {
 };
 $(Kt);
 function da(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`flexLayoutV1/spawn property tag not found, ${e}`);
     return;
@@ -5618,7 +5618,7 @@ function da(t, n) {
   };
 }
 function fa(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
       `flexLayoutV1/spawnEntry property tag not found, ${e}`
@@ -5651,14 +5651,14 @@ function fa(t, n) {
   };
 }
 function Dt(t, n, e, o, s, i, l, c, u) {
-  const m = `type=${t} subtype=${n}`, d = R(t, n);
+  const m = `type=${t} subtype=${n}`, d = B(t, n);
   if (!d) {
     console.error(
       `flexLayoutV1/spawnContainer property tag not found, ${m}`
     );
     return;
   }
-  const p = Rt.properties[d];
+  const p = Bt.properties[d];
   if (!p) {
     console.error(
       `flexLayoutV1/spawnContainer properties not found, ${m}`
@@ -5666,7 +5666,7 @@ function Dt(t, n, e, o, s, i, l, c, u) {
     return;
   }
   const f = A();
-  return W(f, p), f.basic.id = E(16), f.basic.key = Rt.key, o && (f.size.width = o), s && (f.size.minWidth = s), l && (f.size.height = l), c && (f.size.minHeight = c), e && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = e, f.settings.backgroundColor.custom.dark = e), {
+  return W(f, p), f.basic.id = E(16), f.basic.key = Bt.key, o && (f.size.width = o), s && (f.size.minWidth = s), l && (f.size.height = l), c && (f.size.minHeight = c), e && (f.settings.backgroundColor.mode = "custom", f.settings.backgroundColor.custom.light = e, f.settings.backgroundColor.custom.dark = e), {
     nodeLite: M(f, []),
     nodes: {
       [f.basic.id]: f
@@ -6045,7 +6045,7 @@ const Yn = {
 };
 $(Ft);
 function ya(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`formV1/spawn property tag not found, ${e}`);
     return;
@@ -6067,7 +6067,7 @@ function ya(t, n) {
   };
 }
 function ba(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`formV1/spawnTextField property tag not found, ${e}`);
     return;
@@ -6178,7 +6178,7 @@ const _a = {
 };
 $(_a);
 function va(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`numberInputV1/spawn property tag not found, ${e}`);
     return;
@@ -6520,7 +6520,7 @@ const ka = F(ee), io = {
 };
 $(jt);
 function wa(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`radioGroupV1/spawn property tag not found, ${e}`);
     return;
@@ -6548,7 +6548,7 @@ function wa(t, n) {
   };
 }
 function St(t, n, e, o) {
-  const s = `type=${t} subtype=${n}`, i = R(t, n);
+  const s = `type=${t} subtype=${n}`, i = B(t, n);
   if (!i) {
     console.error(
       `radioGroupV1/spawnEntry property tag not found, ${s}`
@@ -7077,7 +7077,7 @@ const po = {
 };
 $(qt);
 function Va(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`stepperV1/spawn property tag not found, ${e}`);
     return;
@@ -7100,7 +7100,7 @@ function Va(t, n) {
   };
 }
 function Pa(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`stepperV1/spawnHeader property tag not found, ${e}`);
     return;
@@ -7124,7 +7124,7 @@ function Pa(t, n) {
   };
 }
 function $t(t, n, e) {
-  const o = `type=${t} subtype=${n}`, s = R(t, n);
+  const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`stepperV1/spawnItem property tag not found, ${o}`);
     return;
@@ -7143,7 +7143,7 @@ function $t(t, n, e) {
   };
 }
 function La(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`stepperV1/spawnWindow property tag not found, ${e}`);
     return;
@@ -7167,7 +7167,7 @@ function La(t, n) {
   };
 }
 function Ct(t, n, e, o) {
-  const s = `type=${t} subtype=${n}`, i = R(t, n);
+  const s = `type=${t} subtype=${n}`, i = B(t, n);
   if (!i) {
     console.error(
       `stepperV1/spawnWindowItem property tag not found, ${s}`
@@ -7193,7 +7193,7 @@ function Ct(t, n, e, o) {
   };
 }
 function za(t, n, e) {
-  const o = `type=${t} subtype=${n}`, s = R(t, n);
+  const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`stepperV1/spawnCard property tag not found, ${o}`);
     return;
@@ -7279,7 +7279,7 @@ const yo = {
 };
 $(Yt);
 function Ea(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`tabsV1/spawn property tag not found, ${e}`);
     return;
@@ -7303,7 +7303,7 @@ function Ea(t, n) {
   };
 }
 function Vt(t, n, e, o) {
-  const s = `type=${t} subtype=${n}`, i = R(t, n);
+  const s = `type=${t} subtype=${n}`, i = B(t, n);
   if (!i) {
     console.error(`tabsV1/spawnTab property tag not found, ${s}`);
     return;
@@ -7421,7 +7421,7 @@ const bo = {
 };
 $(Zt);
 function Aa(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`textV1/spawn property tag not found, ${e}`);
     return;
@@ -7538,7 +7538,7 @@ const go = {
 };
 $(Ve);
 function Ma(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`textareaV1/spawn property tag not found, ${e}`);
     return;
@@ -7650,7 +7650,7 @@ const en = {
 };
 $(en);
 function Wa(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`timelineV1/spawn property tag not found, ${e}`);
     return;
@@ -7674,7 +7674,7 @@ function Wa(t, n) {
   };
 }
 function Pt(t, n, e) {
-  const o = `type=${t} subtype=${n}`, s = R(t, n);
+  const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`timelineV1/spawnEntry property tag not found, ${o}`);
     return;
@@ -7686,7 +7686,7 @@ function Pt(t, n, e) {
   }
   const l = A();
   W(l, i), l.basic.id = E(16), l.basic.key = en.key;
-  const c = Ba(t, n, e);
+  const c = Ra(t, n, e);
   return {
     nodeLite: M(l, [c.nodeLite]),
     nodes: {
@@ -7695,8 +7695,8 @@ function Pt(t, n, e) {
     }
   };
 }
-function Ba(t, n, e) {
-  const o = `type=${t} subtype=${n}`, s = R(t, n);
+function Ra(t, n, e) {
+  const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`timelineV1/spawnText property tag not found, ${o}`);
     return;
@@ -7714,7 +7714,7 @@ function Ba(t, n, e) {
     }
   };
 }
-const Ra = F(ee), Ka = F(ee), _o = {
+const Ba = F(ee), Ka = F(ee), _o = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7762,7 +7762,7 @@ const Ra = F(ee), Ka = F(ee), _o = {
           ui: "switch",
           default: !1
         },
-        Ra
+        Ba
       ]
     },
     {
@@ -7814,7 +7814,7 @@ const nn = {
 };
 $(nn);
 function Da(t, n) {
-  const e = `type=${t} subtype=${n}`, o = R(t, n);
+  const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`windowV1/spawn property tag not found, ${e}`);
     return;
@@ -7838,7 +7838,7 @@ function Da(t, n) {
   };
 }
 function Lt(t, n, e) {
-  const o = `type=${t} subtype=${n}`, s = R(t, n);
+  const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`windowV1/spawnEntry property tag not found, ${o}`);
     return;
@@ -7860,7 +7860,7 @@ function Lt(t, n, e) {
   };
 }
 function Fa(t, n, e) {
-  const o = `type=${t} subtype=${n}`, s = R(t, n);
+  const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(
       `windowV1/spawnFlexLayout property tag not found, ${o}`
@@ -7884,7 +7884,7 @@ function Fa(t, n, e) {
   };
 }
 function Oa(t, n, e) {
-  const o = `type=${t} subtype=${n}`, s = R(t, n);
+  const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
     return;
@@ -8633,7 +8633,7 @@ const nc = [
       "multiple_slot_v1"
     ]
   }
-], Bc = [
+], Rc = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -8679,7 +8679,7 @@ const nc = [
       "multiple_slot_v1"
     ]
   }
-], Rc = [
+], Bc = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
@@ -8888,15 +8888,15 @@ const nc = [
     "scene_spot_light_v1"
   ]),
   groups: {
-    pageCommon: Rc,
+    pageCommon: Bc,
     pageScene: Kc,
     compCommon: Wc,
-    compScene: Bc
+    compScene: Rc
   }
 }, Fc = {
   v1: Dc
 };
-function R(t, n) {
+function B(t, n) {
   if (t === "page") {
     if (!Mi.includes(n)) {
       console.error(`get property tag failed type=${t} subtype=${n}`);
@@ -8930,7 +8930,7 @@ function W(t, n) {
   n.forEach((o) => e(t, o));
 }
 function Pu(t, n, e, o, s) {
-  const i = `type=${t} subtype=${n} version=${e} ref=${o} keyOrRefId=${s}`, l = R(t, n);
+  const i = `type=${t} subtype=${n} version=${e} ref=${o} keyOrRefId=${s}`, l = B(t, n);
   if (!l) {
     console.error(`spawnNode property tag not found, ${i}`);
     return;
@@ -9028,70 +9028,70 @@ function zu(t) {
 }
 const jo = "runtimeOrg", Go = "runtimeEnv", Ho = "runtimeMode", Jo = "runtimeDevice", Uo = "runtimeDark", qo = "runtimeId", Xo = "runtimeType", Yo = "runtimeData", Zo = "runtimeDepends", Qo = "runtimeRuntime", ei = "runtimeSandbox";
 function Tu(t) {
-  be(jo, t);
+  ye(jo, t);
 }
 function Nc() {
-  return ye(jo);
+  return fe(jo);
 }
 function Eu(t) {
-  be(Go, t);
+  ye(Go, t);
 }
 function jc() {
-  return ye(Go);
+  return fe(Go);
 }
 function Au(t) {
-  be(Ho, t);
+  ye(Ho, t);
 }
 function Z() {
-  return ye(Ho);
+  return fe(Ho);
 }
 function Mu(t) {
-  be(Jo, ln(t));
+  ye(Jo, ln(t));
 }
 function De() {
-  return ye(Jo);
+  return fe(Jo);
 }
 function Wu(t) {
-  be(Uo, ln(t));
+  ye(Uo, ln(t));
 }
 function Ze() {
-  return ye(Uo);
+  return fe(Uo);
 }
-function Bu(t) {
-  be(qo, t);
+function Ru(t) {
+  ye(qo, t);
 }
 function Qe() {
-  return ye(qo);
+  return fe(qo);
 }
-function Ru(t) {
-  be(Xo, t);
+function Bu(t) {
+  ye(Xo, t);
 }
 function Se() {
-  return ye(Xo);
+  return fe(Xo);
 }
 function Pe(t) {
-  be(Yo, t);
+  ye(Yo, t);
 }
 function le() {
-  return ye(Yo);
+  return fe(Yo);
 }
 function Ku(t) {
-  be(Zo, ln(t));
+  ye(Zo, ln(t));
 }
 function Gc() {
-  return ye(Zo);
+  return fe(Zo);
 }
 function Du(t) {
-  be(Qo, t);
+  ye(Qo, t);
 }
 function Hc() {
-  return ye(Qo);
+  return fe(Qo);
 }
 function Jc(t) {
-  be(ei, t);
+  ye(ei, t);
 }
-function ve() {
-  return ye(ei, void 0);
+function _e() {
+  return fe(ei, void 0);
 }
 function je(t) {
   const n = [t.type];
@@ -9115,14 +9115,14 @@ async function ct(t, n, e, o, s) {
       for (const p of u)
         if (e === je(p)) {
           if (p.subKeys) {
-            if (!pe(
+            if (!me(
               $e(o, p.subKeys),
               $e(s, p.subKeys)
             )) {
               m = p;
               break;
             }
-          } else if (!pe(o, s)) {
+          } else if (!me(o, s)) {
             m = p;
             break;
           }
@@ -9150,7 +9150,7 @@ async function ct(t, n, e, o, s) {
             continue;
           }
           const b = $e(f, p.subKeys);
-          if (pe(d, b))
+          if (me(d, b))
             continue;
           const g = F(f);
           cn(g, p.subKeys, F(d)), p.type === "elementProperty" ? t.setElementProperty(
@@ -9175,7 +9175,7 @@ async function ct(t, n, e, o, s) {
             console.assert(!1);
             continue;
           }
-          if (pe(d, f))
+          if (me(d, f))
             continue;
           p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
@@ -9319,7 +9319,7 @@ function tm(t) {
 }
 function et(t, n) {
   const e = Gc(), o = se(-1);
-  ke(() => {
+  xe(() => {
     if (!t.value) {
       o.value = -1, n.value = void 0;
       return;
@@ -9440,7 +9440,7 @@ function Yc(t) {
 const ti = ci({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: n } = _e;
+    const { i18n: n } = he;
     To(Ei(n, t));
   }
 });
@@ -9501,7 +9501,7 @@ function tu(t) {
         t.instance,
         ...c
       ));
-    else if (u === "slotEvent") {
+    else if (u === "customSlotEvent") {
       const p = t.children[m];
       p && p.callFunctionAsync(
         "__triggerEventV1__",
@@ -9509,7 +9509,7 @@ function tu(t) {
         "",
         ...c
       );
-    } else if (u === "multipleSlotEvent") {
+    } else if (u === "multipleCustomSlotEvent") {
       const p = t.children[m];
       p && p.callFunctionAsync(
         "__triggerEventV1__",
@@ -9529,10 +9529,10 @@ function tu(t) {
     } else if (l === "multipleRefProperty") {
       const d = t.children[`${c}/${i}`];
       d && (m = d.getCustomProperty(u));
-    } else if (l === "slotProperty") {
+    } else if (l === "customSlotProperty") {
       const d = t.children[c];
       d && (m = d.getCustomSlotProperty(u));
-    } else if (l === "multipleSlotProperty") {
+    } else if (l === "multipleCustomSlotProperty") {
       const d = t.children[`${c}/${i}`];
       d && (m = d.getCustomSlotProperty(u));
     } else l === "customProperty" ? m = t.getCustomProperty(u) : l === "adaptSlotElementProperty" || l === "adaptSlotCustomProperty" ? m = t.parent?.getCustomSlotProperty(u) : console.assert(!1);
@@ -9547,10 +9547,10 @@ function tu(t) {
     } else if (d === "multipleRefProperty") {
       const b = t.children[`${p}/${c}`];
       b && b.setCustomProperty(f, l);
-    } else if (d === "slotProperty") {
+    } else if (d === "customSlotProperty") {
       const b = t.children[p];
       b && b.setCustomSlotProperty(f, l);
-    } else if (d === "multipleSlotProperty") {
+    } else if (d === "multipleCustomSlotProperty") {
       const b = t.children[`${p}/${c}`];
       b && b.setCustomSlotProperty(f, l);
     } else d === "customProperty" ? t.setCustomProperty(f, l) : d === "adaptSlotElementProperty" || d === "adaptSlotCustomProperty" ? t.parent.setCustomSlotProperty(f, l) : console.assert(!1);
@@ -9596,15 +9596,19 @@ function tu(t) {
           ae(n, g).consume((k) => m.resolve(k)), t.promiseManager.release(u);
         }
       ) : (n.newError("sandbox not found").consume((g) => m.reject(g)), t.promiseManager.release(u));
-    } else d === "slotMethod" || d === "multipleSlotMethod" || d === "customMethod" ? console.assert(!1, "no need to implement") : d === "adaptSlotElementMethod" || (d === "adaptSlotCustomMethod" ? t.parent ? t.kind === "slot" ? t.parent.callFunctionAsync(
-      ut("slotMethod", t.nodeId, f),
+    } else d === "customSlotMethod" || d === "multipleCustomSlotMethod" || d === "customMethod" ? console.assert(!1, "no need to implement") : d === "adaptSlotElementMethod" || (d === "adaptSlotCustomMethod" ? t.parent ? t.kind === "customSlot" ? t.parent.callFunctionAsync(
+      ut(
+        "customSlotMethod",
+        t.nodeId,
+        f
+      ),
       "",
       c
     ).then((b) => {
       ae(n, b).consume((g) => m.resolve(g)), t.promiseManager.release(u);
-    }) : t.kind === "multipleSlot" && t.parent.callFunctionAsync(
+    }) : t.kind === "multipleCustomSlot" && t.parent.callFunctionAsync(
       ut(
-        "multipleSlotMethod",
+        "multipleCustomSlotMethod",
         t.nodeId,
         f
       ),
@@ -9630,9 +9634,9 @@ function tu(t) {
         appId: `${s}${t.env}`,
         pageId: i
       };
-      _e.router.replace({ path: l, query: c });
+      he.router.replace({ path: l, query: c });
     } else t.mode === "preview" && zo(
-      _e.i18n.global.t(
+      he.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
     );
@@ -9877,7 +9881,7 @@ class su {
       return;
     }
     const i = $e(s, e);
-    pe(o, i) || (cn(s, e, o), this.hooks?.onElementPropertyChange(
+    me(o, i) || (cn(s, e, o), this.hooks?.onElementPropertyChange(
       s.basic.id,
       e,
       o,
@@ -9896,7 +9900,7 @@ class su {
   }
   setCustomProperty(n, e) {
     const o = this.customProperties[n];
-    pe(e, o) || (this.customProperties[n] = e, this.hooks?.onCustomPropertyChange(n, e, o));
+    me(e, o) || (this.customProperties[n] = e, this.hooks?.onCustomPropertyChange(n, e, o));
   }
   //--------------------------
   // 自定义插槽属性
@@ -9910,7 +9914,7 @@ class su {
   }
   setCustomSlotProperty(n, e) {
     const o = this.customSlotProperties[n];
-    pe(e, o) || (this.customSlotProperties[n] = e, this.hooks.onCustomSlotPropetyChange(n, e, o));
+    me(e, o) || (this.customSlotProperties[n] = e, this.hooks.onCustomSlotPropetyChange(n, e, o));
   }
   //--------------------------
   // 元素方法
@@ -9931,34 +9935,87 @@ class su {
   }
   setState(n, e) {
     const o = this.states[n];
-    pe(e, o) || (this.states[n] = e, this.hooks?.onStateChange(n, e, o));
+    me(e, o) || (this.states[n] = e, this.hooks?.onStateChange(n, e, o));
   }
 }
 function tt(t, n, e, o, s) {
-  const i = Nc(), l = jc(), c = Z(), u = Se(), m = De(), d = Ze(), p = Hc(), f = async (x, _, v, z) => {
-    if (ce(c)) {
-      if (pe(_, ["settings", "slot"])) {
+  const i = Nc(), l = jc(), c = Z(), u = Se(), m = De(), d = Ze(), p = Hc(), f = new su(
+    n,
+    e,
+    o,
+    s,
+    i,
+    l,
+    c,
+    u,
+    {
+      onElementPropertyChange: b,
+      onCustomPropertyChange: g,
+      onCustomSlotPropetyChange: k,
+      onStateChange: _
+    }
+  );
+  if (Jc(f), Ie(() => {
+    f.dispose();
+  }), ke(c)) {
+    const x = async () => {
+      f.destroyVm(), f.associateData(t), f.resetCustomProperties(), f.resetCustomSlotProperties(), f.resetStates(), !(!t.value || !t.value.code.script) && await f.createVm(p, t.value.code.script);
+    };
+    x(), pe(t, () => {
+      x();
+    });
+  }
+  ke(c) && pe(
+    m,
+    async (x, h) => {
+      if (!f.vm)
+        return;
+      const v = mt(x.width), z = mt(h?.width ?? x.width);
+      await f.callFunctionAsync(
+        "__triggerEventV1__",
+        ie("elementEvent", "globality", "screenSizeChange"),
+        "",
+        v,
+        z
+      );
+    },
+    { immediate: !0 }
+  ), ke(c) && pe(
+    d,
+    async (x) => {
+      f.vm && await f.callFunctionAsync(
+        "__triggerEventV1__",
+        ie("elementEvent", "globality", "darkModeChange"),
+        "",
+        x
+      );
+    },
+    { immediate: !0 }
+  );
+  async function b(x, h, v, z) {
+    if (f.vm) {
+      if (me(h, ["settings", "slot"])) {
         const T = t.value?.view.nodeLites.find(
           (J) => J.id === x
         );
         T ? T.slotId = v : console.assert(!1);
       }
-      if (pe(_, ["settings", "comp"])) {
+      if (me(h, ["settings", "comp"])) {
         const T = t.value?.view.nodeLites.find(
           (J) => J.id === x
         );
         T ? T.compId = v : console.assert(!1);
       }
-      if (await h.callFunctionAsync(
+      if (await f.callFunctionAsync(
         "__triggerEventV1__",
-        ie("elementPropertyChangeEvent", x, _.join(".")),
+        ie("elementPropertyChangeEvent", x, h.join(".")),
         "",
         v,
         z ?? v
       ), t.value?.code.reactivity) {
         let T = "";
-        _ instanceof Array ? T = _.join(".") : T = _, ct(
-          h,
+        h instanceof Array ? T = h.join(".") : T = h, ct(
+          f,
           t.value.code.reactivity,
           je({
             type: "elementProperty",
@@ -9970,109 +10027,62 @@ function tt(t, n, e, o, s) {
         );
       }
     }
-  }, b = async (x, _, v) => {
-    ce(c) && (await h.callFunctionAsync(
+  }
+  async function g(x, h, v) {
+    f.vm && (await f.callFunctionAsync(
       "__triggerEventV1__",
       ie("customPropertyChangeEvent", "globality", x),
       "",
-      _,
-      v ?? _
-    ), await h.parent.callFunctionAsync(
+      h,
+      v ?? h
+    ), await f.parent.callFunctionAsync(
       "__triggerEventV1__",
-      ie("refPropertyChangeEvent", h.nodeId, x),
+      ie("refPropertyChangeEvent", f.nodeId, x),
       "",
-      _,
-      v ?? _
-    ), await h.parent.callFunctionAsync(
+      h,
+      v ?? h
+    ), await f.parent.callFunctionAsync(
       "__triggerEventV1__",
       ie(
         "multipleRefPropertyChangeEvent",
-        h.nodeId,
+        f.nodeId,
         x
       ),
       "",
-      _,
-      v ?? _
-    ), t.value?.code.reactivity && ct(
       h,
+      v ?? h
+    ), t.value?.code.reactivity && ct(
+      f,
       t.value.code.reactivity,
       je({ type: "customProperty", propertyId: x }),
-      _,
+      h,
       v
     ));
-  }, g = (x, _, v) => {
-    ce(c) && t.value?.code.reactivity && ct(
-      h,
+  }
+  async function k(x, h, v) {
+    f.vm && t.value?.code.reactivity && ct(
+      f,
       t.value.code.reactivity,
       je({ type: "customSlotProperty", propertyId: x }),
-      _,
+      h,
       v
     );
-  }, k = async (x, _, v) => {
-    ce(c) && (await h.callFunctionAsync(
+  }
+  async function _(x, h, v) {
+    f.vm && (await f.callFunctionAsync(
       "__triggerEventV1__",
       ie("stateChangeEvent", "globality", x),
       "",
-      _,
-      v ?? _
-    ), t.value?.code.reactivity && ct(
       h,
+      v ?? h
+    ), t.value?.code.reactivity && ct(
+      f,
       t.value.code.reactivity,
       je({ type: "state", stateId: x }),
-      _,
+      h,
       v
     ));
-  }, h = new su(
-    n,
-    e,
-    o,
-    s,
-    i,
-    l,
-    c,
-    u,
-    {
-      onElementPropertyChange: f,
-      onCustomPropertyChange: b,
-      onCustomSlotPropetyChange: g,
-      onStateChange: k
-    }
-  );
-  if (Jc(h), Ie(() => {
-    h.dispose();
-  }), ce(c)) {
-    const x = async () => {
-      h.destroyVm(), h.associateData(t), h.resetCustomProperties(), h.resetCustomSlotProperties(), h.resetStates(), !(!t.value || !t.value.code.script) && await h.createVm(p, t.value.code.script);
-    };
-    x(), de(t, () => {
-      x();
-    });
   }
-  ce(c) && de(
-    m,
-    async (x, _) => {
-      const v = mt(x.width), z = mt(_?.width ?? x.width);
-      await h.callFunctionAsync(
-        "__triggerEventV1__",
-        ie("elementEvent", "globality", "screenSizeChange"),
-        "",
-        v,
-        z
-      );
-    },
-    { immediate: !0 }
-  ), ce(c) && de(
-    d,
-    async (x) => {
-      await h.callFunctionAsync(
-        "__triggerEventV1__",
-        ie("elementEvent", "globality", "darkModeChange"),
-        "",
-        x
-      );
-    },
-    { immediate: !0 }
-  );
 }
 function H() {
   const t = Ze();
@@ -10093,20 +10103,20 @@ export {
   Ql as badgeV1,
   Et as barChartV1,
   zt as boxGeometryV1,
-  Bo as breakpoints,
+  Ro as breakpoints,
   na as btnGroupV1,
   oa as btnToggleV1,
   Mt as btnV1,
   mt as calcBreakpoint,
   Je as cardV1,
   sa as checkboxV1,
-  Bt as chipGroupV1,
+  Rt as chipGroupV1,
   Wt as chipV1,
   aa as colorPickerV1,
   ca as comboboxV1,
   ku as compMetaStringify,
   Wi as compTypes,
-  Rt as containerV1,
+  Bt as containerV1,
   gu as dataStringify,
   ua as dataTableV1,
   ma as datePickerV1,
@@ -10127,7 +10137,7 @@ export {
   Sn as getIndexOfBreakpoint,
   Lu as getNodeLite,
   ko as getPropertyDefault,
-  R as getPropertyTag,
+  B as getPropertyTag,
   tc as globalityV1,
   Xl as groupV1,
   Xe as hasComp,
@@ -10144,17 +10154,17 @@ export {
   Z as injectMode,
   Nc as injectOrg,
   Hc as injectRuntime,
-  ve as injectSandbox,
+  _e as injectSandbox,
   Se as injectType,
   Ye as isCircularReference,
-  ce as isExecutableMode,
+  ke as isExecutableMode,
   Ki as isLocaleOfEventKind,
-  Ri as isLocaleOfMethodKind,
-  Bi as isLocaleOfPropertyKind,
+  Bi as isLocaleOfMethodKind,
+  Ri as isLocaleOfPropertyKind,
   _u as isLocaleOfSlotKind,
   an as isPercentStr,
   ht as isPixelStr,
-  Bl as keyboardControlsV1,
+  Rl as keyboardControlsV1,
   At as lineChartV1,
   om as loadLocaleMessageRuntime,
   ie as makeEventId,
@@ -10168,7 +10178,7 @@ export {
   Ou as makePropertyKeyOfElementSlot,
   em as makeSlotId,
   je as makeTriggerId,
-  Rl as mapControlsV1,
+  Bl as mapControlsV1,
   _a as menuV1,
   Ge as meshBasicMaterialV1,
   He as meshV1,
@@ -10193,12 +10203,12 @@ export {
   Ku as provideDepends,
   Mu as provideDevice,
   Eu as provideEnv,
-  Bu as provideId,
+  Ru as provideId,
   Au as provideMode,
   Tu as provideOrg,
   Du as provideRuntime,
   Jc as provideSandbox,
-  Ru as provideType,
+  Bu as provideType,
   Gt as radioGroupV1,
   jt as radioV1,
   Ia as rangeSliderV1,