x-runtime-lib 0.8.144 → 0.8.145

package/dist/index.js

@@ -1,11 +1,11 @@
-var vn = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), xn = (t) => {
+var xn = (t, n) => (n = Symbol[t]) ? n : /* @__PURE__ */ Symbol.for("Symbol." + t), kn = (t) => {
   throw TypeError(t);
 };
-var Pe = (t, n, e) => {
+var Le = (t, n, e) => {
   if (n != null) {
-    typeof n != "object" && typeof n != "function" && xn("Object expected");
+    typeof n != "object" && typeof n != "function" && kn("Object expected");
     var o, s;
-    e && (o = n[vn("asyncDispose")]), o === void 0 && (o = n[vn("dispose")], e && (s = o)), typeof o != "function" && xn("Object not disposable"), s && (o = function() {
+    e && (o = n[xn("asyncDispose")]), o === void 0 && (o = n[xn("dispose")], e && (s = o)), typeof o != "function" && kn("Object not disposable"), s && (o = function() {
       try {
         s.call(this);
       } catch (i) {
@@ -14,7 +14,7 @@ var Pe = (t, n, e) => {
     }), t.push([e, o, n]);
   } else e && t.push([e]);
   return n;
-}, Le = (t, n, e) => {
+}, ze = (t, n, e) => {
   var o = typeof SuppressedError == "function" ? SuppressedError : function(l, c, u, m) {
     return m = Error(u), m.name = "SuppressedError", m.error = l, m.suppressed = c, m;
   }, s = (l) => n = e ? new o(l, n, "An error was suppressed during disposal") : (e = !0, l), i = (l) => {
@@ -29,18 +29,18 @@ var Pe = (t, n, e) => {
   };
   return i();
 };
-import { defineComponent as S, createElementBlock as te, createCommentVNode as re, unref as r, openBlock as k, createElementVNode as We, computed as w, renderSlot as F, normalizeStyle as de, ref as se, watch as pe, onUnmounted as Be, onBeforeMount as oi, watchEffect as xe, createVNode as D, createBlock as $, useTemplateRef as ko, onMounted as wo, nextTick as Io, withCtx as V, resolveComponent as B, isRef as ne, h as K, createSlots as on, renderList as ii, useId as So, withModifiers as si, normalizeClass as ri, toDisplayString as Co, useAttrs as bt, inject as fe, provide as ye, readonly as sn } from "vue";
-import { globalObjects as he, waitUtil as $o, useViewStack as Vo, eventBus as Po, messageInfo as li, messageSuccess as ai, messageWarning as Lo, messageError as zo, 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 k, createElementVNode as Be, computed as w, renderSlot as F, normalizeStyle as de, ref as se, watch as pe, onUnmounted as we, onBeforeMount as oi, watchEffect as xe, createVNode as D, createBlock as C, useTemplateRef as wo, onMounted as Io, nextTick as on, withCtx as V, resolveComponent as B, isRef as ne, h as K, createSlots as sn, renderList as ii, useId as So, withModifiers as si, normalizeClass as ri, toDisplayString as $o, useAttrs as bt, inject as fe, provide as ye, readonly as rn } from "vue";
+import { globalObjects as he, waitUtil as Co, useViewStack as Vo, eventBus as Po, messageInfo as li, messageSuccess as ai, messageWarning as Lo, messageError as zo, createAxios as ci, openConfirmDlg as ui, openPromptDlg as mi } from "x-essential-lib";
 import { CameraHelper as To, DirectionalLightHelper as pi, PointLightHelper as di, SpotLightHelper as fi } from "three";
-import { i as me, c as qe, K as yi, M as bi, O as gi, u as hi, r as Eo, e as Ao, a as _i, b as vi, d as xi, f as ki, g as wi, h as Ii, j as Si, k as Ci, l as Mo, m as O, H as $i, 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 Eo, e as Ao, 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 Mo, m as O, H as Ci, n as Vi, o as Pi, p as Li, q as zi } from "./vendor.m8tdmh16.js";
 import { useTheme as Ti } from "vuetify";
 import { getErrorMessage as Ei } from "x-error-lib";
-const kn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+const wn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function E(t) {
   let n = "";
   for (let e = 0; e < t; e++) {
-    const o = Math.floor(Math.random() * kn.length);
-    n += kn[o];
+    const o = Math.floor(Math.random() * wn.length);
+    n += wn[o];
   }
   return n;
 }
@@ -50,7 +50,7 @@ function gt(t) {
   const n = t.substring(0, t.length - 2), e = parseFloat(n);
   return !(isNaN(e) || e % 1 !== 0);
 }
-function rn(t) {
+function ln(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return !1;
   const n = t.substring(0, t.length - 1), e = parseFloat(n);
@@ -74,19 +74,19 @@ const Wo = ["xs", "sm", "md", "lg", "xl"], Ai = [...Wo].reverse();
 function ut(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
-function wn(t) {
+function In(t) {
   return Wo.findIndex((n) => n === t);
 }
 function Fe(t, n) {
   let e;
   for (const o of Ai) {
-    if (wn(o) < wn(t))
+    if (In(o) < In(t))
       break;
     n[o] && (e = n[o]);
   }
   return e;
 }
-function Ie(t, n) {
+function Se(t, n) {
   let e = t;
   if (typeof e != "object")
     return;
@@ -100,7 +100,7 @@ function Ie(t, n) {
     return e;
   }
 }
-function ln(t, n, e) {
+function an(t, n, e) {
   let o = t;
   if (typeof o != "object")
     return;
@@ -315,7 +315,7 @@ const wu = [
 function j(...t) {
   return t.map((n) => he.i18n.global.t(`x-runtime-lib.${n}`)).join(" - ");
 }
-function an(t, n, e) {
+function cn(t, n, e) {
   const { i18n: o } = he;
   let s = "";
   return t && (s += t + " / "), n.forEach((i, l) => {
@@ -324,15 +324,15 @@ function an(t, n, e) {
 }
 function Iu(t, n) {
   let e = "";
-  return t === "elementProperty" || (t === "refProperty" || t === "multipleRefProperty" ? e = j("reference") : t === "slotProperty" || t === "multipleSlotProperty" ? e = j("slot") : t === "customProperty" ? e = j("custom") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? e = j("adaptSlot") : console.assert(!1)), an(e, n, Bi(t));
+  return t === "elementProperty" || (t === "refProperty" || t === "multipleRefProperty" ? e = j("reference") : t === "slotProperty" || t === "multipleSlotProperty" ? e = j("slot") : t === "customProperty" ? e = j("custom") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? e = j("adaptSlot") : console.assert(!1)), cn(e, n, Bi(t));
 }
 function Su(t, n) {
   let e = "";
-  return t === "elementMethod" || (t === "refMethod" || t === "multipleRefMethod" ? e = j("reference") : t === "slotMethod" || t === "multipleSlotMethod" ? e = j("slot") : t === "customMethod" ? e = j("custom") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? e = j("adaptSlot") : console.assert(!1)), an(e, n, Ri(t));
+  return t === "elementMethod" || (t === "refMethod" || t === "multipleRefMethod" ? e = j("reference") : t === "slotMethod" || t === "multipleSlotMethod" ? e = j("slot") : t === "customMethod" ? e = j("custom") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? e = j("adaptSlot") : console.assert(!1)), cn(e, n, Ri(t));
 }
-function Cu(t, n) {
+function $u(t, n) {
   let e = "";
-  return t === "elementEvent" || (t === "elementPropertyChangeEvent" ? e = j("propertyChange") : t === "refEvent" ? e = j("reference") : t === "refPropertyChangeEvent" ? e = j("reference", "propertyChange") : t === "multipleRefEvent" ? e = j("reference") : t === "multipleRefPropertyChangeEvent" ? e = j("reference", "propertyChange") : t === "slotEvent" ? e = j("slot") : t === "slotPropertyChangeEvent" ? e = j("slot", "propertyChange") : t === "multipleSlotEvent" ? e = j("slot") : t === "multipleSlotPropertyChangeEvent" ? e = j("slot", "propertyChange") : t === "customEvent" ? e = j("custom") : t === "customPropertyChangeEvent" ? e = j("custom", "propertyChange") : t === "adaptSlotElementEvent" ? e = j("adaptSlot") : t === "adaptSlotElementPropertyChangeEvent" ? e = j("adaptSlot", "propertyChange") : t === "adaptSlotCustomEvent" ? e = j("adaptSlot") : t === "adaptSlotCustomPropertyChangeEvent" ? e = j("adaptSlot", "propertyChange") : t === "stateChangeEvent" ? e = j("state") : console.assert(!1)), an(e, n, Ki(t));
+  return t === "elementEvent" || (t === "elementPropertyChangeEvent" ? e = j("propertyChange") : t === "refEvent" ? e = j("reference") : t === "refPropertyChangeEvent" ? e = j("reference", "propertyChange") : t === "multipleRefEvent" ? e = j("reference") : t === "multipleRefPropertyChangeEvent" ? e = j("reference", "propertyChange") : t === "slotEvent" ? e = j("slot") : t === "slotPropertyChangeEvent" ? e = j("slot", "propertyChange") : t === "multipleSlotEvent" ? e = j("slot") : t === "multipleSlotPropertyChangeEvent" ? e = j("slot", "propertyChange") : t === "customEvent" ? e = j("custom") : t === "customPropertyChangeEvent" ? e = j("custom", "propertyChange") : t === "adaptSlotElementEvent" ? e = j("adaptSlot") : t === "adaptSlotElementPropertyChangeEvent" ? e = j("adaptSlot", "propertyChange") : t === "adaptSlotCustomEvent" ? e = j("adaptSlot") : t === "adaptSlotCustomPropertyChangeEvent" ? e = j("adaptSlot", "propertyChange") : t === "stateChangeEvent" ? e = j("state") : console.assert(!1)), cn(e, n, Ki(t));
 }
 const Di = ["position", "ratation", "scale"], Re = /* @__PURE__ */ S({
   __name: "index",
@@ -353,7 +353,7 @@ const Di = ["position", "ratation", "scale"], Re = /* @__PURE__ */ S({
       scale: t.scale ?? [1, 1, 1],
       visible: !1
     }, [...o[0] || (o[0] = [
-      We("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)
+      Be("TresBoxGeometry", { args: [1, 1, 1] }, null, -1)
     ])], 8, Di)) : re("", !0);
   }
 }), H = /* @__PURE__ */ S({
@@ -401,7 +401,7 @@ function P(t) {
     e.value = n.value.view.nodes[t.nodeId];
   });
   const { debugTrace: o } = Oi(e);
-  return o("created"), Be(() => {
+  return o("created"), we(() => {
     o("destroyed");
   }), { node: e };
 }
@@ -411,14 +411,14 @@ function mt(t, n, e) {
     const s = w(() => Jc("elementMethod", t, n));
     oi(() => {
       o.eventBus?.on(s.value, e);
-    }), Be(() => {
+    }), we(() => {
       o.eventBus?.off(s.value, e);
     });
   }
 }
 const Fi = (t, n, e, o) => {
   let s;
-  if (t ? s = t.getElementProperty(n.basic.id, e) : s = Ie(n, e), o) {
+  if (t ? s = t.getElementProperty(n.basic.id, e) : s = Se(n, e), o) {
     if (typeof s == "string")
       return JSON.parse(s);
     console.assert(!1);
@@ -427,7 +427,7 @@ const Fi = (t, n, e, o) => {
     return s;
 }, Ni = (t, n, e, o, s) => {
   let i;
-  s ? typeof o == "object" ? i = JSON.stringify(o, null, 2) : (console.assert(!1), i = "{}") : i = o, t ? t.setElementProperty(n.basic.id, e, i) : ln(n, e, i);
+  s ? typeof o == "object" ? i = JSON.stringify(o, null, 2) : (console.assert(!1), i = "{}") : i = o, t ? t.setElementProperty(n.basic.id, e, i) : an(n, e, i);
 };
 function a(t, n, e) {
   const o = _e(), s = se();
@@ -542,21 +542,21 @@ function Q(t) {
   });
   return { color: l, rgb: c, alpha: u };
 }
-function cn(t) {
+function un(t) {
   const n = w(() => t.value.border?.style), e = w(() => t.value.border?.width), o = w(() => t.value.border?.color), { color: s } = Q(o), i = w(() => t.value.border?.roundRadius?.tl), l = w(() => t.value.border?.roundRadius?.tr), c = w(() => t.value.border?.roundRadius?.bl), u = w(() => t.value.border?.roundRadius?.br);
   function m(d) {
     n.value && (d.borderStyle = n.value), e.value && (d.borderWidth = e.value), s.value && (d.borderColor = s.value), i.value && (d.borderTopLeftRadius = i.value), l.value && (d.borderTopRightRadius = l.value), c.value && (d.borderBottomLeftRadius = c.value), u.value && (d.borderBottomRightRadius = u.value);
   }
   return { borderStyle: n, borderWidth: e, borderColor: s, applyBorder: m };
 }
-function un(t) {
+function mn(t) {
   const n = w(() => t.value.margin?.top), e = w(() => t.value.margin?.left), o = w(() => t.value.margin?.bottom), s = w(() => t.value.margin?.right);
   function i(l) {
     n.value && (l.marginTop = n.value), e.value && (l.marginLeft = e.value), o.value && (l.marginBottom = o.value), s.value && (l.marginRight = s.value);
   }
   return { marginTop: n, marginLeft: e, marginBottom: o, marginRight: s, applyMargin: i };
 }
-function mn(t) {
+function pn(t) {
   const n = w(() => t.value.padding?.top), e = w(() => t.value.padding?.left), o = w(() => t.value.padding?.bottom), s = w(() => t.value.padding?.right);
   function i(l) {
     n.value && (l.paddingTop = n.value), e.value && (l.paddingLeft = e.value), o.value && (l.paddingBottom = o.value), s.value && (l.paddingRight = s.value);
@@ -600,7 +600,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
   },
   setup(t) {
     const n = t, { node: e } = P(n), o = Z(), { position: s, rotation: i, scale: l } = ue(e), { property: c } = a(e, ["settings", "bottom"]), { property: 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 (_, h) => (k(), te("TresOrthographicCamera", {
+    return (g, _) => (k(), te("TresOrthographicCamera", {
       bottom: r(c),
       far: r(u),
       left: r(m),
@@ -612,11 +612,11 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       top: r(f)
     }, [
       D(r(Re)),
-      r(o) === "editor" ? (k(), $(r(qe), {
+      r(o) === "editor" ? (k(), C(r(qe), {
         key: 0,
         type: r(To)
       }, null, 8, ["type"])) : re("", !0),
-      F(_.$slots, "default")
+      F(g.$slots, "default")
     ], 8, ji));
   }
 }), Hi = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Ui = /* @__PURE__ */ S({
@@ -638,7 +638,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       scale: r(l)
     }, [
       D(r(Re)),
-      r(o) === "editor" ? (k(), $(r(qe), {
+      r(o) === "editor" ? (k(), C(r(qe), {
         key: 0,
         type: r(To)
       }, null, 8, ["type"])) : re("", !0),
@@ -649,19 +649,19 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
   __name: "index",
   setup(t) {
     const n = Z();
-    return (e, o) => r(n) !== "editor" ? (k(), $(r(yi), { key: 0 })) : re("", !0);
+    return (e, o) => r(n) !== "editor" ? (k(), C(r(yi), { key: 0 })) : re("", !0);
   }
 }), qi = /* @__PURE__ */ S({
   __name: "index",
   setup(t) {
     const n = Z();
-    return (e, o) => r(n) !== "editor" ? (k(), $(r(bi), { key: 0 })) : re("", !0);
+    return (e, o) => r(n) !== "editor" ? (k(), C(r(bi), { key: 0 })) : re("", !0);
   }
 }), Xi = /* @__PURE__ */ S({
   __name: "index",
   setup(t) {
     const n = Z();
-    return (e, o) => r(n) !== "editor" ? (k(), $(r(gi), { key: 0 })) : re("", !0);
+    return (e, o) => r(n) !== "editor" ? (k(), C(r(gi), { key: 0 })) : re("", !0);
   }
 }), Yi = ["args"], Zi = /* @__PURE__ */ S({
   __name: "index",
@@ -779,7 +779,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       scale: r(l)
     }, [
       D(r(Re)),
-      r(o) === "editor" ? (k(), $(r(qe), {
+      r(o) === "editor" ? (k(), C(r(qe), {
         key: 0,
         type: r(pi)
       }, null, 8, ["type"])) : re("", !0),
@@ -801,7 +801,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "intensity"
     ]);
-    return (f, _) => (k(), te("TresPointLight", {
+    return (f, g) => (k(), te("TresPointLight", {
       color: r(u),
       decay: r(m),
       distance: r(d),
@@ -811,7 +811,7 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       scale: r(l)
     }, [
       D(r(Re)),
-      r(o) === "editor" ? (k(), $(r(qe), {
+      r(o) === "editor" ? (k(), C(r(qe), {
         key: 0,
         type: r(di)
       }, null, 8, ["type"])) : re("", !0),
@@ -832,27 +832,27 @@ const ji = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     ]), { property: f } = a(e, [
       "settings",
       "intensity"
-    ]), { property: _ } = a(e, [
+    ]), { property: g } = a(e, [
       "settings",
       "penumbra"
     ]);
-    return (h, I) => (k(), te("TresSpotLight", {
+    return (_, I) => (k(), te("TresSpotLight", {
       angle: r(c),
       color: r(m),
       decay: r(d),
       distance: r(p),
       intensity: r(f),
-      penumbra: r(_),
+      penumbra: r(g),
       position: r(o) !== "editor" ? r(s) : [0, 0, 0],
       rotation: r(o) !== "editor" ? r(i) : [0, 0, 0],
       scale: r(o) !== "editor" ? r(l) : [1, 1, 1]
     }, [
       D(r(Re)),
-      r(o) === "editor" ? (k(), $(r(qe), {
+      r(o) === "editor" ? (k(), C(r(qe), {
         key: 0,
         type: r(fi)
       }, null, 8, ["type"])) : re("", !0),
-      F(h.$slots, "default")
+      F(_.$slots, "default")
     ], 8, ls));
   }
 }), cs = {};
@@ -893,7 +893,7 @@ const ms = /* @__PURE__ */ Ke(cs, [["render", us]]), ps = ["position", "rotation
       F(l.$slots, "default")
     ], 8, fs));
   }
-}), bs = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], gs = "#242424", hs = {}, _s = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, vs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, xs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ks = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, ws = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Is = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ss = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $s = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ls = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, zs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Ts = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Es = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, As = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ms = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Ws = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Bs = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Rs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ks = { textStyle: { color: "#eeeeee" } }, Ds = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Os = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Fs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ns = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, js = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Gs = {
+}), 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" } } }, Os = { lineStyle: { color: "#eeeeee", width: 1 }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: 0.5 }, label: { color: "#eeeeee" } } }, Fs = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ns = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, js = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Gs = {
   color: bs,
   backgroundColor: gs,
   textStyle: hs,
@@ -904,8 +904,8 @@ const ms = /* @__PURE__ */ Ke(cs, [["render", us]]), ps = ["position", "rotation
   pie: ws,
   scatter: Is,
   boxplot: Ss,
-  parallel: Cs,
-  sankey: $s,
+  parallel: $s,
+  sankey: Cs,
   funnel: Vs,
   gauge: Ps,
   candlestick: Ls,
@@ -962,7 +962,7 @@ hi([
   wi,
   Ii,
   Si,
-  Ci
+  $i
 ]);
 Eo("dark", Gs);
 Eo("light", xr);
@@ -974,10 +974,10 @@ const kr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Oe(), s = Ze(), i = we(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: _ } = be(n, e), { applyTitle: h } = Ko(e), { applyXAxis: I } = Do(e), { applyYAxis: b } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: g } = Ro(e), v = w(() => {
+    const n = t, { node: e } = P(n), o = Oe(), s = Ze(), i = Ie(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: g } = be(n, e), { applyTitle: _ } = Ko(e), { applyXAxis: I } = Do(e), { applyYAxis: b } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ro(e), v = w(() => {
       const L = {}, q = l.value?.type;
-      return i === "page" ? q === "common" ? _(L) : console.assert(!1) : i === "comp" && q === "common" ? _(L) : console.assert(!1), L;
-    }), z = ko("chart");
+      return i === "page" ? q === "common" ? g(L) : console.assert(!1) : i === "comp" && q === "common" ? g(L) : console.assert(!1), L;
+    }), z = wo("chart");
     let T;
     const G = () => {
       T?.dispose(), T = Ao.init(z.value, s.value ? "dark" : "light");
@@ -987,11 +987,11 @@ const kr = /* @__PURE__ */ S({
       T?.resize();
     }, N = () => {
       const L = {};
-      h(L), I(L), b(L), x(L), g(L), T?.setOption(L, !0);
+      _(L), I(L), b(L), x(L), h(L), T?.setOption(L, !0);
     };
-    return wo(async () => {
-      window.addEventListener("resize", U, !1), await $o(() => !!z.value), G(), N();
-    }), Be(() => {
+    return Io(async () => {
+      window.addEventListener("resize", U, !1), await Co(() => !!z.value), G(), N();
+    }), we(() => {
       window.removeEventListener("resize", U, !1), T?.dispose();
     }), pe(
       [
@@ -1005,7 +1005,7 @@ const kr = /* @__PURE__ */ S({
         f
       ],
       async () => {
-        await Io(), U();
+        await on(), U();
       }
     ), pe([s], () => {
       G(), N();
@@ -1015,12 +1015,12 @@ const kr = /* @__PURE__ */ S({
         N();
       },
       { deep: !0 }
-    ), (L, q) => (k(), $(r(H), {
+    ), (L, q) => (k(), C(r(H), {
       block: "",
       mask: ""
     }, {
       default: V(() => [
-        We("div", {
+        Be("div", {
           ref: "chart",
           style: de(v.value)
         }, null, 4)
@@ -1036,10 +1036,10 @@ const kr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Oe(), s = Ze(), i = we(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: _ } = be(n, e), { applyTitle: h } = Ko(e), { applyXAxis: I } = Do(e), { applyYAxis: b } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: g } = Ro(e), v = w(() => {
+    const n = t, { node: e } = P(n), o = Oe(), s = Ze(), i = Ie(), l = le(), { width: c, minWidth: u, maxWidth: m, height: d, minHeight: p, maxHeight: f, applySize: g } = be(n, e), { applyTitle: _ } = Ko(e), { applyXAxis: I } = Do(e), { applyYAxis: b } = Oo(e), { applyLegend: x } = Bo(e), { applySeries: h } = Ro(e), v = w(() => {
       const L = {}, q = l.value?.type;
-      return i === "page" ? q === "common" ? _(L) : console.assert(!1) : i === "comp" && q === "common" ? _(L) : console.assert(!1), L;
-    }), z = ko("chart");
+      return i === "page" ? q === "common" ? g(L) : console.assert(!1) : i === "comp" && q === "common" ? g(L) : console.assert(!1), L;
+    }), z = wo("chart");
     let T;
     const G = () => {
       T?.dispose(), T = Ao.init(z.value, s.value ? "dark" : "light");
@@ -1049,11 +1049,11 @@ const kr = /* @__PURE__ */ S({
       T?.resize();
     }, N = () => {
       const L = {};
-      h(L), I(L), b(L), x(L), g(L), T?.setOption(L, !0);
+      _(L), I(L), b(L), x(L), h(L), T?.setOption(L, !0);
     };
-    return wo(async () => {
-      window.addEventListener("resize", U, !1), await $o(() => !!z.value), G(), N();
-    }), Be(() => {
+    return Io(async () => {
+      window.addEventListener("resize", U, !1), await Co(() => !!z.value), G(), N();
+    }), we(() => {
       window.removeEventListener("resize", U, !1), T?.dispose();
     }), pe(
       [
@@ -1067,7 +1067,7 @@ const kr = /* @__PURE__ */ S({
         f
       ],
       async () => {
-        await Io(), U();
+        await on(), U();
       }
     ), pe([s], () => {
       G(), N();
@@ -1077,12 +1077,12 @@ const kr = /* @__PURE__ */ S({
         N();
       },
       { deep: !0 }
-    ), (L, q) => (k(), $(r(H), {
+    ), (L, q) => (k(), C(r(H), {
       block: "",
       mask: ""
     }, {
       default: V(() => [
-        We("div", {
+        Be("div", {
           ref: "chart",
           style: de(v.value)
         }, null, 4)
@@ -1109,7 +1109,7 @@ const kr = /* @__PURE__ */ S({
     ]);
     return (u, m) => {
       const d = B("v-badge");
-      return k(), $(r(H), null, {
+      return k(), C(r(H), null, {
         default: V(() => [
           D(d, {
             content: r(o),
@@ -1143,14 +1143,14 @@ const kr = /* @__PURE__ */ S({
     ]), { 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: _ } = a(e, ["size", "maxWidth"]), { property: h } = a(e, ["size", "minHeight"]), { property: I } = a(e, ["size", "minWidth"]), { property: b } = a(e, [
+    ]), { property: d } = a(e, ["size", "height"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, ["size", "maxHeight"]), { property: g } = a(e, ["size", "maxWidth"]), { property: _ } = a(e, ["size", "minHeight"]), { property: I } = a(e, ["size", "minWidth"]), { property: b } = a(e, [
       "settings",
       "addIcon",
       "prepend"
     ]), { property: x } = a(e, [
       "settings",
       "readonly"
-    ]), { property: g } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: z } = a(e, ["settings", "stacked"]), { property: T } = a(e, ["settings", "text"]), { theme: G } = J(), { property: U } = a(e, ["settings", "variant"]), { property: N } = a(e, ["size", "width"]), L = (q) => {
+    ]), { property: h } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: z } = a(e, ["settings", "stacked"]), { property: T } = a(e, ["settings", "text"]), { theme: G } = J(), { property: U } = a(e, ["settings", "variant"]), { property: N } = a(e, ["size", "width"]), L = (q) => {
       if (!o || !o.vm)
         return;
       const { vm: oe } = o;
@@ -1161,7 +1161,7 @@ const kr = /* @__PURE__ */ S({
     };
     return (q, oe) => {
       const ge = B("v-btn");
-      return k(), $(r(H), {
+      return k(), C(r(H), {
         block: r(i),
         mask: ""
       }, {
@@ -1175,12 +1175,12 @@ const kr = /* @__PURE__ */ S({
             height: r(d),
             loading: r(p),
             "max-height": r(f),
-            "max-width": r(_),
-            "min-height": r(h),
+            "max-width": r(g),
+            "min-height": r(_),
             "min-width": r(I),
             "prepend-icon": r(b),
             readonly: r(x),
-            ripple: r(g),
+            ripple: r(h),
             size: r(v),
             stacked: r(z),
             text: r(T),
@@ -1194,17 +1194,17 @@ const kr = /* @__PURE__ */ S({
       }, 8, ["block"]);
     };
   }
-}), Cr = {};
-function $r(t, n) {
+}), $r = {};
+function Cr(t, n) {
   const e = B("v-btn-group");
-  return k(), $(e, null, {
+  return k(), C(e, null, {
     default: V(() => [
       F(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
+const Vr = /* @__PURE__ */ Ke($r, [["render", Cr]]), Pr = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -1224,10 +1224,10 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]), { property: u } = a(e, [
       "settings",
       "readonly"
-    ]), { property: m } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = J(), { property: f } = a(e, ["settings", "tile"]), { property: _ } = a(e, ["settings", "variant"]);
-    return (h, I) => {
+    ]), { property: m } = a(e, ["settings", "size"]), { property: d } = a(e, ["settings", "stacked"]), { theme: p } = J(), { property: f } = a(e, ["settings", "tile"]), { property: g } = a(e, ["settings", "variant"]);
+    return (_, I) => {
       const b = B("v-btn-toggle");
-      return k(), $(b, {
+      return k(), C(b, {
         block: r(o),
         disabled: r(s),
         divided: r(i),
@@ -1238,10 +1238,10 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
         stacked: r(d),
         theme: r(p),
         tile: r(f),
-        variant: r(_)
+        variant: r(g)
       }, {
         default: V(() => [
-          F(h.$slots, "default")
+          F(_.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
@@ -1261,10 +1261,10 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), 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: _ } = a(e, ["settings", "text"]), { theme: h } = J(), { property: I } = a(e, ["settings", "title"]), { property: b } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
-    return (g, v) => {
+    ]), { property: g } = a(e, ["settings", "text"]), { theme: _ } = J(), { property: I } = a(e, ["settings", "title"]), { property: b } = a(e, ["settings", "variant"]), { property: x } = a(e, ["size", "width"]);
+    return (h, v) => {
       const z = B("v-card");
-      return k(), $(r(H), { block: "" }, {
+      return k(), C(r(H), { block: "" }, {
         default: V(() => [
           D(z, {
             density: r(o),
@@ -1277,14 +1277,14 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
             "min-height": r(d),
             "min-width": r(p),
             subtitle: r(f),
-            text: r(_),
-            theme: r(h),
+            text: r(g),
+            theme: r(_),
             title: r(I),
             variant: r(b),
             width: r(x)
           }, {
             default: V(() => [
-              F(g.$slots, "default")
+              F(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__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]);
     return (i, l) => {
       const c = B("v-checkbox");
-      return k(), $(r(H), { mask: "" }, {
+      return k(), C(r(H), { mask: "" }, {
         default: V(() => [
           D(c, {
             disabled: r(o),
@@ -1338,10 +1338,10 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), 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: _ } = J(), { property: h } = a(e, ["settings", "tile"]), { property: I } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]);
-    return (x, g) => {
+    ]), { 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: g } = J(), { property: _ } = a(e, ["settings", "tile"]), { property: I } = a(e, ["settings", "value"]), { property: b } = a(e, ["settings", "variant"]);
+    return (x, h) => {
       const v = B("v-chip");
-      return k(), $(r(H), { mask: "" }, {
+      return k(), C(r(H), { mask: "" }, {
         default: V(() => [
           D(v, {
             closable: r(o),
@@ -1353,8 +1353,8 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
             label: r(d),
             size: r(p),
             text: r(f),
-            theme: r(_),
-            tile: r(h),
+            theme: r(g),
+            tile: r(_),
             value: r(I),
             variant: r(b)
           }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"])
@@ -1387,11 +1387,11 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
       "settings",
       "showArrows"
     ]), { theme: d } = J(), { property: p } = a(e, ["settings", "value"]);
-    return (f, _) => {
-      const h = B("v-chip-group");
-      return k(), $(h, {
+    return (f, g) => {
+      const _ = B("v-chip-group");
+      return k(), C(_, {
         modelValue: r(p),
-        "onUpdate:modelValue": _[0] || (_[0] = (I) => ne(p) ? p.value = I : null),
+        "onUpdate:modelValue": g[0] || (g[0] = (I) => ne(p) ? p.value = I : null),
         column: r(o),
         direction: r(s),
         disabled: r(i),
@@ -1416,7 +1416,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = we(), s = le(), { applySize: i } = be(n, e), l = w(() => {
+    const n = t, { node: e } = P(n), o = Ie(), s = le(), { applySize: i } = be(n, e), l = w(() => {
       const I = {}, b = s.value?.type;
       return o === "page" ? b === "common" ? i(I) : console.assert(!1) : o === "comp" && b === "common" ? i(I) : console.assert(!1), I;
     }), { property: c } = a(e, [
@@ -1437,13 +1437,13 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]), { property: f } = a(e, [
       "settings",
       "landscape"
-    ]), { property: _ } = a(e, [
+    ]), { property: g } = a(e, [
       "settings",
       "showSwatches"
-    ]), { theme: h } = J();
+    ]), { theme: _ } = J();
     return (I, b) => {
       const x = B("v-color-picker");
-      return k(), $(r(H), { mask: "" }, {
+      return k(), C(r(H), { mask: "" }, {
         default: V(() => [
           D(x, {
             disabled: r(c),
@@ -1452,9 +1452,9 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
             "hide-inputs": r(d),
             "hide-sliders": r(p),
             landscape: r(f),
-            "show-swatches": r(_),
+            "show-swatches": r(g),
             style: de(l.value),
-            theme: r(h)
+            theme: r(_)
           }, null, 8, ["disabled", "hide-canvas", "hide-header", "hide-inputs", "hide-sliders", "landscape", "show-swatches", "style", "theme"])
         ]),
         _: 1
@@ -1484,11 +1484,11 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]), { theme: u } = J(), { property: m } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-combobox");
-      return k(), $(r(H), { mask: "" }, {
+      return k(), C(r(H), { mask: "" }, {
         default: V(() => [
           D(f, {
             modelValue: r(m),
-            "onUpdate:modelValue": p[0] || (p[0] = (_) => ne(m) ? m.value = _ : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (g) => ne(m) ? m.value = g : null),
             "hide-details": r(o),
             label: r(s),
             placeholder: r(i),
@@ -1509,16 +1509,16 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = we(), s = le(), { property: i } = a(e, [
+    const n = t, { node: e } = P(n), o = Ie(), s = le(), { property: i } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: l } = Q(i), { applySize: c } = be(n, e), { applyMargin: u } = un(e), { applyPadding: m } = mn(e), { applyBorder: d } = cn(e), p = w(() => {
-      const f = {}, _ = s.value?.type;
-      return o === "page" ? _ === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && _ === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
+    ]), { color: l } = Q(i), { applySize: c } = be(n, e), { applyMargin: u } = mn(e), { applyPadding: m } = pn(e), { applyBorder: d } = un(e), p = w(() => {
+      const f = {}, g = s.value?.type;
+      return o === "page" ? g === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1) : o === "comp" && g === "common" ? (c(f), u(f), m(f), d(f), l.value && (f.backgroundColor = l.value)) : console.assert(!1), f;
     });
-    return (f, _) => (k(), $(r(H), { block: "" }, {
+    return (f, g) => (k(), C(r(H), { block: "" }, {
       default: V(() => [
-        We("div", {
+        Be("div", {
           style: de(p.value)
         }, [
           F(f.$slots, "default")
@@ -1536,7 +1536,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = t, e = Z(), o = Qe(), s = se();
-    $e(s);
+    Ve(s);
     const i = w(() => n.refContext.compId);
     et(i, s), ie(e) && tt(s, "slot", "", "", _e());
     function l(u) {
@@ -1578,7 +1578,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
           { default: () => s.value.view.nodeLites.map((d) => l(d)) }
         );
     };
-    return (u, m) => (k(), $(c));
+    return (u, m) => (k(), C(c));
   }
 }), Rr = /* @__PURE__ */ S({
   __name: "index",
@@ -1597,10 +1597,10 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "headers"]), { property: c } = a(e, ["size", "height"]), { property: u } = a(e, ["settings", "hover"]), { property: m } = a(e, ["settings", "data"], !0), { property: d } = a(e, ["settings", "loading"]), { property: p } = a(e, [
       "settings",
       "multiSort"
-    ]), { theme: f } = J(), { property: _ } = a(e, ["size", "width"]), { property: h } = a(e, ["slots", "columns"]);
+    ]), { theme: f } = J(), { property: g } = a(e, ["size", "width"]), { property: _ } = a(e, ["slots", "columns"]);
     return (I, b) => {
       const x = B("v-data-table");
-      return k(), $(r(H), {
+      return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
@@ -1616,10 +1616,10 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
             loading: r(d),
             "multi-sort": r(p),
             theme: r(f),
-            width: r(_)
-          }, on({ _: 2 }, [
-            ii(r(h), ({ key: g, comp: v }) => ({
-              name: `item.${g}`,
+            width: r(g)
+          }, sn({ _: 2 }, [
+            ii(r(_), ({ key: h, comp: v }) => ({
+              name: `item.${h}`,
               fn: V(({ value: z }) => [
                 D(Br, {
                   "node-id": n.nodeId,
@@ -1642,7 +1642,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
   setup(t) {
     return (n, e) => {
       const o = B("v-date-picker");
-      return k(), $(r(H), { mask: "" }, {
+      return k(), C(r(H), { mask: "" }, {
         default: V(() => [
           D(o)
         ]),
@@ -1665,7 +1665,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
       o.value = !1;
     }), (s, i) => {
       const l = B("v-dialog");
-      return k(), $(l, {
+      return k(), C(l, {
         modelValue: r(o),
         "onUpdate:modelValue": i[0] || (i[0] = (c) => ne(o) ? o.value = c : null),
         attach: "#dialogContainer"
@@ -1707,9 +1707,9 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
       "settings",
       "singleLine"
     ]);
-    return (_, h) => {
+    return (g, _) => {
       const I = B("v-file-input");
-      return k(), $(r(H), {
+      return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
@@ -1739,27 +1739,27 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Oe(), s = we(), i = le(), { applySize: l } = be(n, e), { applyMargin: c } = un(e), { applyPadding: u } = mn(e), { applyBorder: m } = cn(e), { property: d } = a(e, [
+    const n = t, { node: e } = P(n), o = Oe(), s = Ie(), i = le(), { applySize: l } = be(n, e), { applyMargin: c } = mn(e), { applyPadding: u } = pn(e), { applyBorder: m } = un(e), { property: d } = a(e, [
       "settings",
       "backgroundColor"
-    ]), { color: p } = Q(d), f = (h) => {
-      p.value && (h.backgroundColor = p.value), h.display = "flex";
+    ]), { color: p } = Q(d), f = (_) => {
+      p.value && (_.backgroundColor = p.value), _.display = "flex";
       const I = ut(o.value.width), b = Fe(I, e.value.settings?.direction);
-      b === "row" ? h.flexDirection = "row" : b === "rowReverse" ? h.flexDirection = "row-reverse" : b === "column" ? h.flexDirection = "column" : b === "columnReverse" && (h.flexDirection = "column-reverse");
+      b === "row" ? _.flexDirection = "row" : b === "rowReverse" ? _.flexDirection = "row-reverse" : b === "column" ? _.flexDirection = "column" : b === "columnReverse" && (_.flexDirection = "column-reverse");
       const x = Fe(I, e.value.settings?.wrap);
-      x === "no" ? h.flexWrap = "nowrap" : x === "yes" ? h.flexWrap = "wrap" : x === "reverse" && (h.flexWrap = "wrap-reverse");
-      const g = Fe(I, e.value.settings?.mainAlign);
-      g === "start" ? h.justifyContent = "flex-start" : g === "end" ? h.justifyContent = "flex-end" : g === "center" ? h.justifyContent = "center" : g === "spaceBetween" ? h.justifyContent = "space-between" : g === "spaceAround" ? h.justifyContent = "space-around" : g === "spaceEvenly" && (h.justifyContent = "space-evenly");
+      x === "no" ? _.flexWrap = "nowrap" : x === "yes" ? _.flexWrap = "wrap" : x === "reverse" && (_.flexWrap = "wrap-reverse");
+      const h = Fe(I, e.value.settings?.mainAlign);
+      h === "start" ? _.justifyContent = "flex-start" : h === "end" ? _.justifyContent = "flex-end" : h === "center" ? _.justifyContent = "center" : h === "spaceBetween" ? _.justifyContent = "space-between" : h === "spaceAround" ? _.justifyContent = "space-around" : h === "spaceEvenly" && (_.justifyContent = "space-evenly");
       const v = Fe(I, e.value.settings?.crossAlign);
-      v === "start" ? h.alignItems = "flex-start" : v === "end" ? h.alignItems = "flex-end" : v === "center" ? h.alignItems = "center" : v === "baseline" ? h.alignItems = "baseline" : v === "stretch" && (h.alignItems = "stretch");
-    }, _ = w(() => {
-      const h = {}, I = i.value?.type;
-      return s === "page" ? I === "common" ? (l(h), c(h), u(h), m(h), f(h)) : console.assert(!1) : s === "comp" && I === "common" ? (l(h), c(h), u(h), m(h), f(h)) : console.assert(!1), h;
+      v === "start" ? _.alignItems = "flex-start" : v === "end" ? _.alignItems = "flex-end" : v === "center" ? _.alignItems = "center" : v === "baseline" ? _.alignItems = "baseline" : v === "stretch" && (_.alignItems = "stretch");
+    }, g = w(() => {
+      const _ = {}, I = i.value?.type;
+      return s === "page" ? I === "common" ? (l(_), c(_), u(_), m(_), f(_)) : console.assert(!1) : s === "comp" && I === "common" ? (l(_), c(_), u(_), m(_), f(_)) : console.assert(!1), _;
     });
-    return (h, I) => (k(), te("div", {
-      style: de(_.value)
+    return (_, I) => (k(), te("div", {
+      style: de(g.value)
     }, [
-      F(h.$slots, "default")
+      F(_.$slots, "default")
     ], 4));
   }
 }), jr = /* @__PURE__ */ S({
@@ -1770,7 +1770,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = we(), s = le(), { applySize: i } = be(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = w(() => {
+    const n = t, { node: e } = P(n), o = Ie(), s = le(), { applySize: i } = be(n, e), { property: l } = a(e, ["settings", "grow"]), { property: c } = a(e, ["settings", "shrink"]), u = w(() => {
       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;
     });
@@ -1788,15 +1788,15 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = we(), s = le(), i = _e(), { property: l } = a(e, ["settings", "valid"]), { property: c } = a(e, [
+    const n = t, { node: e } = P(n), o = Ie(), 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 } = be(n, e), { applyMargin: p } = un(e), { applyPadding: f } = mn(e), { applyBorder: _ } = cn(e), h = w(() => {
+    ]), { color: m } = Q(u), { applySize: d } = be(n, e), { applyMargin: p } = mn(e), { applyPadding: f } = pn(e), { applyBorder: g } = un(e), _ = w(() => {
       const b = {}, x = s.value?.type;
-      return o === "page" ? x === "common" ? (d(b), p(b), f(b), _(b), m.value && (b.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(b), p(b), f(b), _(b), m.value && (b.backgroundColor = m.value)) : console.assert(!1), b;
+      return o === "page" ? x === "common" ? (d(b), p(b), f(b), g(b), m.value && (b.backgroundColor = m.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(b), p(b), f(b), g(b), m.value && (b.backgroundColor = m.value)) : console.assert(!1), b;
     }), I = () => {
       i && i.callFunction(
         "__triggerEventV1__",
@@ -1804,12 +1804,12 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
       );
     };
     return (b, x) => {
-      const g = B("v-form");
-      return k(), $(g, {
+      const h = B("v-form");
+      return k(), C(h, {
         modelValue: r(l),
         "onUpdate:modelValue": x[0] || (x[0] = (v) => ne(l) ? l.value = v : null),
         "fast-fail": r(c),
-        style: de(h.value),
+        style: de(_.value),
         onSubmit: si(I, ["prevent"])
       }, {
         default: V(() => [
@@ -1833,7 +1833,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "icon"]), { property: c } = a(e, ["settings", "size"]), { theme: u } = J();
     return (m, d) => {
       const p = B("v-icon");
-      return k(), $(p, {
+      return k(), C(p, {
         color: r(s),
         disabled: r(i),
         icon: r(l),
@@ -1860,7 +1860,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
       o && (c.value = !1);
     }), (u, m) => {
       const d = B("v-menu");
-      return k(), $(d, {
+      return k(), C(d, {
         modelValue: r(c),
         "onUpdate:modelValue": m[0] || (m[0] = (p) => ne(c) ? c.value = p : null),
         attach: "menuContainer",
@@ -1903,10 +1903,10 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]), { property: l } = a(e, [
       "settings",
       "hideDetails"
-    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["size", "maxWidth"]), { property: p } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: _ } = a(e, [
+    ]), { property: c } = a(e, ["settings", "label"]), { property: u } = a(e, ["settings", "loading"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["size", "maxWidth"]), { property: p } = a(e, ["settings", "min"]), { property: f } = a(e, ["size", "minWidth"]), { property: g } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: h } = a(e, [
+    ]), { property: _ } = a(e, [
       "settings",
       "precision"
     ]), { property: I } = a(e, ["settings", "prefix"]), { property: b } = a(e, [
@@ -1917,7 +1917,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
       "settings",
       "addIcon",
       "prependInner"
-    ]), { property: g } = a(e, [
+    ]), { property: h } = a(e, [
       "settings",
       "readonly"
     ]), { property: v } = a(e, ["settings", "reverse"]), { property: z } = a(e, [
@@ -1925,13 +1925,13 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
       "singleLine"
     ]), { property: T } = a(e, ["settings", "step"]), { property: G } = a(e, ["settings", "suffix"]), { theme: U } = J(), { property: N } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: q } = a(e, ["size", "width"]);
     return (oe, ge) => {
-      const Ve = B("v-number-input");
-      return k(), $(r(H), {
+      const Pe = B("v-number-input");
+      return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          D(Ve, {
+          D(Pe, {
             modelValue: r(N),
             "onUpdate:modelValue": ge[0] || (ge[0] = (ve) => ne(N) ? N.value = ve : null),
             "append-icon": r(o),
@@ -1944,12 +1944,12 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
             "max-width": r(d),
             min: r(p),
             "min-width": r(f),
-            placeholder: r(_),
-            precision: r(h),
+            placeholder: r(g),
+            precision: r(_),
             prefix: r(I),
             "prepend-icon": r(b),
             "prepend-inner-icon": r(x),
-            readonly: r(g),
+            readonly: r(h),
             reverse: r(v),
             "single-line": r(z),
             step: r(T),
@@ -1977,30 +1977,30 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]), { property: l } = a(e, ["settings", "length"]), { property: c } = a(e, [
       "settings",
       "showFirstLastPage"
-    ]), { property: u } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "start"]), { theme: d } = J(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: _ } = a(e, ["settings", "variant"]), h = w(() => {
+    ]), { property: u } = a(e, ["settings", "size"]), { property: m } = a(e, ["settings", "start"]), { theme: d } = J(), { property: p } = a(e, ["settings", "tile"]), { property: f } = a(e, ["settings", "value"]), { property: g } = a(e, ["settings", "variant"]), _ = w(() => {
       const I = {};
       return o === "editor" && (I.pointerEvents = "none"), I;
     });
     return (I, b) => {
       const x = B("v-pagination");
-      return k(), $(r(H), {
+      return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
           D(x, {
             modelValue: r(f),
-            "onUpdate:modelValue": b[0] || (b[0] = (g) => ne(f) ? f.value = g : null),
+            "onUpdate:modelValue": b[0] || (b[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: de(h.value),
+            style: de(_.value),
             theme: r(d),
             tile: r(p),
-            variant: r(_)
+            variant: r(g)
           }, null, 8, ["modelValue", "density", "disabled", "length", "show-first-last-page", "size", "start", "style", "theme", "tile", "variant"])
         ]),
         _: 1
@@ -2023,8 +2023,8 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
       "readonly"
     ]), { theme: m } = J(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
-      const _ = B("v-radio");
-      return k(), $(_, {
+      const g = B("v-radio");
+      return k(), C(g, {
         color: r(s),
         density: r(i),
         disabled: r(l),
@@ -2055,11 +2055,11 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]), { theme: u } = J(), { property: m } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-radio-group");
-      return k(), $(r(H), null, {
+      return k(), C(r(H), null, {
         default: V(() => [
           D(f, {
             modelValue: r(m),
-            "onUpdate:modelValue": p[0] || (p[0] = (_) => ne(m) ? m.value = _ : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (g) => ne(m) ? m.value = g : null),
             density: r(o),
             direction: r(s),
             disabled: r(i),
@@ -2105,7 +2105,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
         return "always";
       if (p.value === "show")
         return !0;
-    }), { property: _ } = a(e, ["settings", "step"]), { theme: h } = J(), { property: I } = a(e, [
+    }), { property: g } = a(e, ["settings", "step"]), { theme: _ } = J(), { property: I } = a(e, [
       "settings",
       "thumbLabel"
     ]), b = w(() => {
@@ -2116,11 +2116,11 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     }), { property: x } = a(e, [
       "settings",
       "thumbSize"
-    ]), { property: g } = a(e, ["settings", "ticks"]), v = w(() => {
-      if (!g.value)
+    ]), { property: h } = a(e, ["settings", "ticks"]), v = w(() => {
+      if (!h.value)
         return;
       const N = {};
-      for (const { value: L, label: q } of g.value)
+      for (const { value: L, label: q } of h.value)
         N[L] = q;
       if (!Mo(N))
         return N;
@@ -2143,7 +2143,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     });
     return (N, L) => {
       const q = B("v-range-slider");
-      return k(), $(r(H), {
+      return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
@@ -2160,8 +2160,8 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
             min: r(m),
             readonly: r(d),
             "show-ticks": f.value,
-            step: r(_),
-            theme: r(h),
+            step: r(g),
+            theme: r(_),
             "thumb-label": b.value,
             "thumb-size": r(x),
             "tick-size": r(z),
@@ -2193,13 +2193,13 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
       "settings",
       "readonly"
     ]), { theme: d } = J(), { property: p } = a(e, ["settings", "value"]);
-    return (f, _) => {
-      const h = B("v-rating");
-      return k(), $(r(H), { mask: "" }, {
+    return (f, g) => {
+      const _ = B("v-rating");
+      return k(), C(r(H), { mask: "" }, {
         default: V(() => [
-          D(h, {
+          D(_, {
             modelValue: r(p),
-            "onUpdate:modelValue": _[0] || (_[0] = (I) => ne(p) ? p.value = I : null),
+            "onUpdate:modelValue": g[0] || (g[0] = (I) => ne(p) ? p.value = I : null),
             clearable: r(o),
             density: r(s),
             disabled: r(i),
@@ -2237,14 +2237,14 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]), { theme: u } = J(), { property: m } = a(e, ["settings", "value"]);
     return (d, p) => {
       const f = B("v-select");
-      return k(), $(r(H), {
+      return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
           D(f, {
             modelValue: r(m),
-            "onUpdate:modelValue": p[0] || (p[0] = (_) => ne(m) ? m.value = _ : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (g) => ne(m) ? m.value = g : null),
             "hide-details": r(o),
             label: r(s),
             placeholder: r(i),
@@ -2277,18 +2277,18 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]), { property: u } = a(e, ["settings", "label"]), { property: m } = a(e, ["settings", "max"]), { property: d } = a(e, ["settings", "min"]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { property: f } = a(e, ["settings", "reverse"]), { property: _ } = a(e, [
+    ]), { property: f } = a(e, ["settings", "reverse"]), { property: g } = a(e, [
       "settings",
       "showTicks"
-    ]), h = w(() => {
-      if (_.value === "always")
+    ]), _ = w(() => {
+      if (g.value === "always")
         return "always";
-      if (_.value === "show")
+      if (g.value === "show")
         return !0;
     }), { property: I } = a(e, ["settings", "step"]), { theme: b } = J(), { property: x } = a(e, [
       "settings",
       "thumbColor"
-    ]), { color: g } = Q(x), { property: v } = a(e, [
+    ]), { color: h } = Q(x), { property: v } = a(e, [
       "settings",
       "thumbLabel"
     ]), z = w(() => {
@@ -2313,10 +2313,10 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]), { property: L } = a(e, [
       "settings",
       "trackColor"
-    ]), { color: q } = Q(L), { property: oe } = a(e, ["settings", "value"]), { property: ge } = a(e, ["slots", "append"]), { property: Ve } = a(e, ["slots", "prepend"]);
+    ]), { color: q } = Q(L), { property: oe } = a(e, ["settings", "value"]), { property: ge } = a(e, ["slots", "append"]), { property: Pe } = a(e, ["slots", "prepend"]);
     return (ve, nt) => {
       const kt = B("v-slider");
-      return k(), $(r(H), {
+      return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
@@ -2333,20 +2333,20 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
             min: r(d),
             readonly: r(p),
             reverse: r(f),
-            "show-ticks": h.value,
+            "show-ticks": _.value,
             step: r(I),
             theme: r(b),
-            "thumb-color": r(g),
+            "thumb-color": r(h),
             "thumb-label": z.value,
             "thumb-size": r(T),
             "tick-size": r(N),
             ticks: U.value,
             "track-color": r(q)
-          }, on({ _: 2 }, [
+          }, sn({ _: 2 }, [
             r(ge) ? {
               name: "append",
               fn: V(() => [
-                D(r(Se), {
+                D(r($e), {
                   "node-id": "append",
                   "ref-context": { compId: r(ge) },
                   state: {}
@@ -2354,12 +2354,12 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
               ]),
               key: "0"
             } : void 0,
-            r(Ve) ? {
+            r(Pe) ? {
               name: "prepend",
               fn: V(() => [
-                D(r(Se), {
+                D(r($e), {
                   "node-id": "prepend",
-                  "ref-context": { compId: r(Ve) },
+                  "ref-context": { compId: r(Pe) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2385,7 +2385,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
     ]), { theme: s } = J(), { property: i } = a(e, ["settings", "value"]);
     return (l, c) => {
       const u = B("v-stepper");
-      return k(), $(u, {
+      return k(), C(u, {
         modelValue: r(i),
         "onUpdate:modelValue": c[0] || (c[0] = (m) => ne(i) ? i.value = m : null),
         "hide-actions": r(o),
@@ -2401,7 +2401,7 @@ const Vr = /* @__PURE__ */ Ke(Cr, [["render", $r]]), Pr = /* @__PURE__ */ S({
 }), il = {};
 function sl(t, n) {
   const e = B("v-stepper-header");
-  return k(), $(e, null, {
+  return k(), C(e, null, {
     default: V(() => [
       F(t.$slots, "default")
     ]),
@@ -2419,7 +2419,7 @@ const rl = /* @__PURE__ */ Ke(il, [["render", sl]]), ll = /* @__PURE__ */ S({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
     return (s, i) => {
       const l = B("v-stepper-item");
-      return k(), $(l, { value: r(o) }, {
+      return k(), C(l, { value: r(o) }, {
         default: V(() => [
           F(s.$slots, "default")
         ]),
@@ -2430,7 +2430,7 @@ const rl = /* @__PURE__ */ Ke(il, [["render", sl]]), ll = /* @__PURE__ */ S({
 }), al = {};
 function cl(t, n) {
   const e = B("v-stepper-window");
-  return k(), $(e, null, {
+  return k(), C(e, null, {
     default: V(() => [
       F(t.$slots, "default")
     ]),
@@ -2448,7 +2448,7 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "value"]);
     return (s, i) => {
       const l = B("v-stepper-window-item");
-      return k(), $(l, { value: r(o) }, {
+      return k(), C(l, { value: r(o) }, {
         default: V(() => [
           F(s.$slots, "default")
         ]),
@@ -2476,14 +2476,14 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: c } = a(e, [
       "settings",
       "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 } = J(), { property: _ } = a(e, ["settings", "value"]);
-    return (h, I) => {
+    ]), { 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 } = J(), { property: g } = a(e, ["settings", "value"]);
+    return (_, I) => {
       const b = B("v-switch");
-      return k(), $(r(H), { mask: "" }, {
+      return k(), C(r(H), { mask: "" }, {
         default: V(() => [
           D(b, {
-            modelValue: r(_),
-            "onUpdate:modelValue": I[0] || (I[0] = (x) => ne(_) ? _.value = x : null),
+            modelValue: r(g),
+            "onUpdate:modelValue": I[0] || (I[0] = (x) => ne(g) ? g.value = x : null),
             density: r(o),
             direction: r(s),
             disabled: r(i),
@@ -2514,7 +2514,7 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     });
     return (u, m) => {
       const d = B("v-tab");
-      return k(), $(r(H), { mask: "" }, {
+      return k(), C(r(H), { mask: "" }, {
         default: V(() => [
           D(d, {
             style: de(c.value),
@@ -2558,7 +2558,7 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: f } = a(e, [
       "settings",
       "fixedTabs"
-    ]), { property: _ } = a(e, ["settings", "grow"]), { property: h } = a(e, [
+    ]), { property: g } = a(e, ["settings", "grow"]), { property: _ } = a(e, [
       "settings",
       "hideSlider"
     ]), { property: I } = a(e, ["settings", "items"]), { property: b } = a(e, [
@@ -2567,14 +2567,14 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: x } = a(e, [
       "settings",
       "showArrows"
-    ]), { property: g } = a(e, [
+    ]), { property: h } = a(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: v } = Q(g), { property: z } = a(e, ["settings", "stacked"]), { theme: T } = J(), { property: G } = a(e, ["settings", "value"]);
+    ]), { color: v } = Q(h), { property: z } = a(e, ["settings", "stacked"]), { theme: T } = J(), { property: G } = a(e, ["settings", "value"]);
     return (U, N) => {
       const L = B("v-tabs");
-      return k(), $(r(H), {
+      return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
@@ -2590,8 +2590,8 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             direction: r(d),
             disabled: r(p),
             "fixed-tabs": r(f),
-            grow: r(_),
-            "hide-slider": r(h),
+            grow: r(g),
+            "hide-slider": r(_),
             items: r(I),
             mandatory: r(b),
             "show-arrows": r(x),
@@ -2624,14 +2624,14 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "settings",
       "emphasis"
     ]), { property: c } = a(e, ["settings", "italic"]), { property: u } = a(e, ["settings", "text"]), { property: m } = a(e, ["settings", "weight"]), d = w(() => {
-      const p = [], f = ut(o.value.width), _ = Fe(f, e.value.settings?.style);
-      return _ && p.push(`text-${_}`), l.value === "high" ? p.push("text-high-emphasis") : l.value === "medium" ? p.push("text-medium-emphasis") : l.value === "disabled" && p.push("text-disabled"), s.value && p.push(`font-${s.value}`), i.value && p.push(`text-decoration-${i.value}`), m.value && p.push(`font-weight-${m.value}`), c.value && p.push("font-italic"), p.join(" ");
+      const p = [], f = ut(o.value.width), g = Fe(f, e.value.settings?.style);
+      return g && p.push(`text-${g}`), l.value === "high" ? p.push("text-high-emphasis") : l.value === "medium" ? p.push("text-medium-emphasis") : l.value === "disabled" && p.push("text-disabled"), s.value && p.push(`font-${s.value}`), i.value && p.push(`text-decoration-${i.value}`), m.value && p.push(`font-weight-${m.value}`), c.value && p.push("font-italic"), p.join(" ");
     });
-    return (p, f) => (k(), $(r(H), { mask: "" }, {
+    return (p, f) => (k(), C(r(H), { mask: "" }, {
       default: V(() => [
-        We("span", {
+        Be("span", {
           class: ri(d.value)
-        }, Co(r(u)), 3)
+        }, $o(r(u)), 3)
       ]),
       _: 1
     }));
@@ -2659,13 +2659,13 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: p } = a(e, [
       "settings",
       "readonly"
-    ]), { property: f } = a(e, ["settings", "reverse"]), { property: _ } = a(e, ["settings", "rows"]), { property: h } = a(e, [
+    ]), { property: f } = a(e, ["settings", "reverse"]), { property: g } = a(e, ["settings", "rows"]), { property: _ } = a(e, [
       "settings",
       "singleLine"
     ]), { theme: I } = J(), { property: b } = a(e, ["settings", "value"]), { property: x } = a(e, ["settings", "variant"]);
-    return (g, v) => {
+    return (h, v) => {
       const z = B("v-textarea");
-      return k(), $(r(H), {
+      return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
@@ -2683,8 +2683,8 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             placeholder: r(d),
             readonly: r(p),
             reverse: r(f),
-            rows: r(_),
-            "single-line": r(h),
+            rows: r(g),
+            "single-line": r(_),
             theme: r(I),
             variant: r(x)
           }, null, 8, ["modelValue", "auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"])
@@ -2722,7 +2722,7 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: d } = a(e, ["settings", "label"]), { property: p } = a(e, ["settings", "loading"]), { property: f } = a(e, [
       "settings",
       "placeholder"
-    ]), { property: _ } = a(e, ["settings", "prefix"]), { property: h } = a(e, [
+    ]), { property: g } = a(e, ["settings", "prefix"]), { property: _ } = a(e, [
       "settings",
       "prependIcon"
     ]), { property: I } = a(e, [
@@ -2731,7 +2731,7 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
     ]), { property: b } = a(e, [
       "settings",
       "readonly"
-    ]), { property: x } = a(e, ["settings", "reverse"]), { property: g } = a(e, [
+    ]), { property: x } = a(e, ["settings", "reverse"]), { property: h } = a(e, [
       "settings",
       "singleLine"
     ]), { property: v } = a(e, ["settings", "suffix"]), { theme: z } = J(), { property: T } = a(e, ["settings", "value"]), { property: G } = a(e, ["settings", "variant"]), { property: U } = a(e, ["slots", "append"]), { property: N } = a(e, [
@@ -2742,13 +2742,13 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "prependInner"
     ]);
     return (oe, ge) => {
-      const Ve = B("v-text-field");
-      return k(), $(r(H), {
+      const Pe = B("v-text-field");
+      return k(), C(r(H), {
         block: "",
         mask: ""
       }, {
         default: V(() => [
-          D(Ve, {
+          D(Pe, {
             modelValue: r(T),
             "onUpdate:modelValue": ge[0] || (ge[0] = (ve) => ne(T) ? T.value = ve : null),
             "append-icon": r(o),
@@ -2761,20 +2761,20 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             label: r(d),
             loading: r(p),
             placeholder: r(f),
-            prefix: r(_),
-            "prepend-icon": r(h),
+            prefix: r(g),
+            "prepend-icon": r(_),
             "prepend-inner-icon": r(I),
             readonly: r(b),
             reverse: r(x),
-            "single-line": r(g),
+            "single-line": r(h),
             suffix: r(v),
             theme: r(z),
             variant: r(G)
-          }, on({ _: 2 }, [
+          }, sn({ _: 2 }, [
             r(U) ? {
               name: "append",
               fn: V(() => [
-                D(r(Se), {
+                D(r($e), {
                   "node-id": "append",
                   "ref-context": { compId: r(U) },
                   state: {}
@@ -2785,7 +2785,7 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             r(N) ? {
               name: "append-inner",
               fn: V(() => [
-                D(r(Se), {
+                D(r($e), {
                   "node-id": "append-inner",
                   "ref-context": { compId: r(N) },
                   state: {}
@@ -2796,7 +2796,7 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             r(L) ? {
               name: "prepend",
               fn: V(() => [
-                D(r(Se), {
+                D(r($e), {
                   "node-id": "prepend",
                   "ref-context": { compId: r(L) },
                   state: {}
@@ -2807,7 +2807,7 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
             r(q) ? {
               name: "prepend-inner",
               fn: V(() => [
-                D(r(Se), {
+                D(r($e), {
                   "node-id": "prepend-inner",
                   "ref-context": { compId: r(q) },
                   state: {}
@@ -2851,18 +2851,18 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
       "settings",
       "line",
       "inset"
-    ]), { property: _ } = a(e, [
+    ]), { property: g } = a(e, [
       "settings",
       "line",
       "thickness"
-    ]), { property: h } = a(e, ["settings", "side"]), { property: I } = a(e, [
+    ]), { property: _ } = a(e, ["settings", "side"]), { property: I } = a(e, [
       "settings",
       "line",
       "truncate"
     ]), { theme: b } = J();
-    return (x, g) => {
+    return (x, h) => {
       const v = B("v-timeline");
-      return k(), $(v, {
+      return k(), C(v, {
         align: r(o),
         density: r(s),
         direction: r(i),
@@ -2871,8 +2871,8 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
         "hide-opposite": r(m),
         "line-color": r(p),
         "line-inset": r(f),
-        "line-thickness": r(_),
-        side: r(h),
+        "line-thickness": r(g),
+        side: r(_),
         theme: r(b),
         "truncate-line": r(I)
       }, {
@@ -2886,7 +2886,7 @@ const ul = /* @__PURE__ */ Ke(al, [["render", cl]]), ml = /* @__PURE__ */ S({
 }), _l = {};
 function vl(t, n) {
   const e = B("v-timeline-item");
-  return k(), $(e, null, {
+  return k(), C(e, null, {
     default: V(() => [
       F(t.$slots, "default")
     ]),
@@ -2915,10 +2915,10 @@ const xl = /* @__PURE__ */ Ke(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
       "showArrows"
     ]), { property: u } = a(e, ["settings", "touch"]), { theme: m } = J(), { property: d } = a(e, ["settings", "value"]);
     return (p, f) => {
-      const _ = B("v-window");
-      return k(), $(_, {
+      const g = B("v-window");
+      return k(), C(g, {
         modelValue: r(d),
-        "onUpdate:modelValue": f[0] || (f[0] = (h) => ne(d) ? d.value = h : null),
+        "onUpdate:modelValue": f[0] || (f[0] = (_) => ne(d) ? d.value = _ : null),
         continuous: r(o),
         direction: r(i),
         disabled: r(s),
@@ -2937,24 +2937,27 @@ const xl = /* @__PURE__ */ Ke(_l, [["render", vl]]), kl = /* @__PURE__ */ S({
 }), wl = {};
 function Il(t, n) {
   const e = B("v-window-item");
-  return k(), $(e, null, {
+  return k(), C(e, null, {
     default: V(() => [
       F(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
+const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), $l = /* @__PURE__ */ S({
   __name: "entry",
   props: {
     subtype: {},
     nodeId: {},
     refContext: {},
-    refKey: {}
+    instance: {}
   },
   setup(t) {
+    console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> created`), we(() => {
+      console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> destroyed`);
+    });
     const n = Z(), e = le(), o = w(() => O(e.value));
-    $e(o), ie(n) && tt(o, "multipleSlot", t.nodeId, t.refKey, _e());
+    Ve(o), ie(n) && tt(o, "multipleSlot", t.nodeId, t.instance, _e());
     const s = (l) => {
       const c = ke[l.key];
       if (!c) {
@@ -2990,9 +2993,9 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           default: () => o.value?.view.nodeLites.map((l) => s(l))
         });
     };
-    return (l, c) => (k(), $(i));
+    return (l, c) => (k(), C(i));
   }
-}), $l = ["position", "rotation", "scale"], Vl = { style: { userSelect: "none" } }, ce = /* @__PURE__ */ S({
+}), Cl = ["position", "rotation", "scale"], Vl = { style: { userSelect: "none" } }, ce = /* @__PURE__ */ S({
   __name: "index",
   props: {
     position: {},
@@ -3007,18 +3010,18 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
       rotation: t.rotation,
       scale: t.scale
     }, [
-      t.label ? (k(), $(r($i), {
+      t.label ? (k(), C(r(Ci), {
         key: 0,
         center: "",
         transform: ""
       }, {
         default: V(() => [
-          We("div", Vl, Co(t.label), 1)
+          Be("div", Vl, $o(t.label), 1)
         ]),
         _: 1
       })) : re("", !0),
       F(n.$slots, "default")
-    ], 8, $l));
+    ], 8, Cl));
   }
 }), Pl = /* @__PURE__ */ S({
   __name: "index",
@@ -3029,27 +3032,27 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = bt(), e = t, { node: o } = P(e), s = Qe(), i = le(), l = se();
-    $e(l);
+    Ve(l);
     const c = w(() => e.refContext?.compId);
     et(c, l);
     const { applySize: u } = be(e, o), m = w(() => {
-      const g = {};
-      return l.value?.type === "common" && u(g), g;
-    }), { position: d, rotation: p, scale: f } = ue(o), { property: _ } = a(o, ["instances"]), h = (g, v) => {
-      g.findIndex((z) => z === v) >= 0 || g.push(v);
+      const h = {};
+      return l.value?.type === "common" && u(h), h;
+    }), { position: d, rotation: p, scale: f } = ue(o), { property: g } = a(o, ["instances"]), _ = (h, v) => {
+      h.findIndex((z) => z === v) >= 0 || h.push(v);
     }, I = w(() => {
-      const g = [];
-      if (!Array.isArray(_.value))
-        return g;
-      for (const v of _.value)
-        typeof v == "string" && v && h(g, v);
-      return g;
-    }), b = (g, v) => K(Cl, {
-      key: g,
+      const h = [];
+      if (!Array.isArray(g.value))
+        return h;
+      for (const v of g.value)
+        typeof v == "string" && v && _(h, v);
+      return h;
+    }), b = (h, v) => K($l, {
+      key: h,
       subtype: v,
       nodeId: e.nodeId,
       refContext: e.refContext,
-      refKey: g
+      instance: h
     }), x = () => {
       if (!e.refContext) {
         console.assert(!1, "invalid of ref context");
@@ -3059,18 +3062,18 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: g } = he;
+      const { i18n: h } = he;
       if (Ye(e.refContext, s))
         return i.value.type === "common" ? K(
           "div",
           { id: n.id, style: m.value },
-          g.global.t("x-runtime-lib.circularReference")
+          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: g.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(ce, {
@@ -3109,7 +3112,7 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           }
         );
     };
-    return (g, v) => (k(), $(x));
+    return (h, v) => (k(), C(x));
   }
 }), Ll = /* @__PURE__ */ S({
   __name: "entry",
@@ -3117,11 +3120,14 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
     subtype: {},
     nodeId: {},
     refContext: {},
-    refKey: {}
+    instance: {}
   },
   setup(t) {
+    console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> created`), we(() => {
+      console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> destroyed`);
+    });
     const n = Z(), e = le(), o = w(() => O(e.value));
-    $e(o), ie(n) && tt(o, "multipleSlot", t.nodeId, t.refKey, _e());
+    Ve(o), ie(n) && tt(o, "multipleSlot", t.nodeId, t.instance, _e());
     const s = (l) => {
       const c = ke[l.key];
       if (!c) {
@@ -3157,7 +3163,7 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           default: () => o.value?.view.nodeLites.map((l) => s(l))
         });
     };
-    return (l, c) => (k(), $(i));
+    return (l, c) => (k(), C(i));
   }
 }), zl = /* @__PURE__ */ S({
   __name: "index",
@@ -3168,27 +3174,27 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = bt(), e = t, { node: o } = P(e), s = Qe(), i = le(), l = se();
-    $e(l);
+    Ve(l);
     const c = w(() => e.refContext?.compId);
     et(c, l);
     const { applySize: u } = be(e, o), m = w(() => {
-      const g = {};
-      return l.value?.type === "common" && u(g), g;
-    }), { position: d, rotation: p, scale: f } = ue(o), { property: _ } = a(o, ["instances"]), h = (g, v) => {
-      g.findIndex((z) => z === v) >= 0 || g.push(v);
+      const h = {};
+      return l.value?.type === "common" && u(h), h;
+    }), { position: d, rotation: p, scale: f } = ue(o), { property: g } = a(o, ["instances"]), _ = (h, v) => {
+      h.findIndex((z) => z === v) >= 0 || h.push(v);
     }, I = w(() => {
-      const g = [];
-      if (!Array.isArray(_.value))
-        return g;
-      for (const v of _.value)
-        typeof v == "string" && v && h(g, v);
-      return g;
-    }), b = (g, v) => K(Ll, {
-      key: g,
+      const h = [];
+      if (!Array.isArray(g.value))
+        return h;
+      for (const v of g.value)
+        typeof v == "string" && v && _(h, v);
+      return h;
+    }), b = (h, v) => K(Ll, {
+      key: h,
       subtype: v,
       nodeId: e.nodeId,
       refContext: e.refContext,
-      refKey: g
+      instance: h
     }), x = () => {
       if (!e.refContext) {
         console.assert(!1, "invalid of ref context");
@@ -3198,18 +3204,18 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
         console.assert(!1, "invalid of data");
         return;
       }
-      const { i18n: g } = he;
+      const { i18n: h } = he;
       if (Ye(e.refContext, s))
         return i.value.type === "common" ? K(
           "div",
           { id: n.id, style: m.value },
-          g.global.t("x-runtime-lib.circularReference")
+          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: g.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(ce, {
@@ -3248,7 +3254,7 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           }
         );
     };
-    return (g, v) => (k(), $(x));
+    return (h, v) => (k(), C(x));
   }
 }), Tl = /* @__PURE__ */ S({
   __name: "index",
@@ -3259,34 +3265,34 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = bt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = le(), c = se();
-    $e(c);
+    Ve(c);
     const u = w(() => e.refContext?.compId);
     et(u, c), ie(s) && tt(c, "ref", e.nodeId, "", _e());
     const { applySize: m } = be(e, o), d = w(() => {
       const b = {};
       return l.value?.type === "common" && m(b), b;
-    }), { position: p, rotation: f, scale: _ } = ue(o), h = (b) => {
+    }), { position: p, rotation: f, scale: g } = ue(o), _ = (b) => {
       const x = ke[b.key];
       if (!x) {
         console.assert(!1, `element not found key=${b.key}`);
         return;
       }
-      const g = {
+      const h = {
         nodeId: b.id
       };
-      return Xe(b.key) && (g.refContext = {
+      return Xe(b.key) && (h.refContext = {
         parent: e.refContext,
         compId: b.compId
       }), K(
         x.comp,
         {
           key: b.id,
-          ...g
+          ...h
         },
         {
           default: () => {
             if (!x.leaf)
-              return b.children?.map((v) => h(v));
+              return b.children?.map((v) => _(v));
           }
         }
       );
@@ -3309,7 +3315,7 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           name: n.name,
           position: p.value,
           rotation: f.value,
-          scale: _.value,
+          scale: g.value,
           label: b.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!c.value)
@@ -3317,7 +3323,7 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           name: n.name,
           position: p.value,
           rotation: f.value,
-          scale: _.value
+          scale: g.value
         }) : void 0;
       if (c.value.type !== l.value.type) {
         console.assert(!1, "subtype not match");
@@ -3332,7 +3338,7 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
             style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((g) => h(g))
+            default: () => c.value?.view.nodeLites.map((h) => _(h))
           }
         );
       if (x === "scene")
@@ -3342,14 +3348,14 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
             name: n.name,
             position: p.value,
             rotation: f.value,
-            scale: _.value
+            scale: g.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((g) => h(g))
+            default: () => c.value?.view.nodeLites.map((h) => _(h))
           }
         );
     };
-    return (b, x) => (k(), $(I));
+    return (b, x) => (k(), C(I));
   }
 }), El = /* @__PURE__ */ S({
   __name: "index",
@@ -3360,14 +3366,14 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = a(e, ["settings", "open"]);
-    return (s, i) => (k(), $(r(H), null, {
+    return (s, i) => (k(), C(r(H), null, {
       default: V(() => [
         r(o) ? F(s.$slots, "default", { key: 0 }) : re("", !0)
       ]),
       _: 3
     }));
   }
-}), Se = /* @__PURE__ */ S({
+}), $e = /* @__PURE__ */ S({
   __name: "index",
   props: {
     nodeId: {},
@@ -3376,35 +3382,35 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   },
   setup(t) {
     const n = bt(), e = t, { node: o } = P(e), s = Z(), i = Qe(), l = le(), c = se();
-    $e(c);
+    Ve(c);
     const u = w(() => e.refContext?.compId);
     et(u, c), ie(s) && tt(c, "slot", e.nodeId, "", _e());
     const { applySize: m } = be(e, o), d = w(() => {
       const b = {};
       return c.value?.type === "common" && m(b), b;
-    }), { position: p, rotation: f, scale: _ } = ue(o);
-    function h(b) {
+    }), { position: p, rotation: f, scale: g } = ue(o);
+    function _(b) {
       const x = ke[b.key];
       if (!x) {
         console.assert(!1, `element not found key=${b.key}`);
         return;
       }
-      const g = {
+      const h = {
         nodeId: b.id
       };
-      return Xe(b.key) && (g.refContext = {
+      return Xe(b.key) && (h.refContext = {
         parent: e.refContext,
         compId: b.compId
       }), K(
         x.comp,
         {
           key: b.id,
-          ...g
+          ...h
         },
         {
           default: () => {
             if (!x.leaf)
-              return b.children?.map((v) => h(v));
+              return b.children?.map((v) => _(v));
           }
         }
       );
@@ -3428,7 +3434,7 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           name: n.name,
           position: p.value,
           rotation: f.value,
-          scale: _.value,
+          scale: g.value,
           label: b.global.t("x-runtime-lib.circularReference")
         }) : void 0;
       if (!c.value)
@@ -3436,7 +3442,7 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
           name: n.name,
           position: p.value,
           rotation: f.value,
-          scale: _.value
+          scale: g.value
         }) : void 0;
       if (c.value.type !== l.value.type) {
         console.assert(!1, "subtype not match");
@@ -3451,7 +3457,7 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
             style: d.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((g) => h(g))
+            default: () => c.value?.view.nodeLites.map((h) => _(h))
           }
         );
       if (x === "scene")
@@ -3461,14 +3467,14 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
             name: n.name,
             position: p.value,
             rotation: f.value,
-            scale: _.value
+            scale: g.value
           },
           {
-            default: () => c.value?.view.nodeLites.map((g) => h(g))
+            default: () => c.value?.view.nodeLites.map((h) => _(h))
           }
         );
     };
-    return (b, x) => (k(), $(I));
+    return (b, x) => (k(), C(I));
   }
 }), y = {
   key: "basic",
@@ -3532,7 +3538,7 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
       ]
     }
   ]
-}, Al = O(ee), Te = {
+}, Al = O(ee), Ee = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -3611,7 +3617,7 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
       defaultArray: []
     }
   ]
-}, Ee = {
+}, Ae = {
   key: "margin",
   name: "x-runtime-lib.margin",
   children: [
@@ -3644,7 +3650,7 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
       default: ""
     }
   ]
-}, Ae = {
+}, Me = {
   key: "padding",
   name: "x-runtime-lib.padding",
   children: [
@@ -3899,9 +3905,9 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
       defaultArray: []
     }
   ]
-}, ke = {}, C = (t) => {
+}, ke = {}, $ = (t) => {
   ke[t.key] = t;
-}, In = {
+}, Sn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3953,15 +3959,15 @@ const Sl = /* @__PURE__ */ Ke(wl, [["render", Il]]), Cl = /* @__PURE__ */ S({
   name: "x-runtime-lib.orthographicCamera",
   comp: Gi,
   properties: {
-    pageScene: [y, Y, In],
-    compScene: [y, Y, In]
+    pageScene: [y, Y, Sn],
+    compScene: [y, Y, Sn]
   },
   events: [],
   methods: [],
   slots: []
 };
-C(Ml);
-const Sn = {
+$(Ml);
+const $n = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3999,14 +4005,14 @@ const Sn = {
   name: "x-runtime-lib.perspectiveCamera",
   comp: Ui,
   properties: {
-    pageScene: [y, Y, Sn],
-    compScene: [y, Y, Sn]
+    pageScene: [y, Y, $n],
+    compScene: [y, Y, $n]
   },
   events: [],
   methods: [],
   slots: []
 };
-C(Wl);
+$(Wl);
 const Bl = {
   key: "scene_keyboard_controls_v1",
   name: "x-runtime-lib.keyboardControls",
@@ -4020,7 +4026,7 @@ const Bl = {
   slots: [],
   leaf: !0
 };
-C(Bl);
+$(Bl);
 const Rl = {
   key: "scene_map_controls_v1",
   name: "x-runtime-lib.mapControls",
@@ -4034,7 +4040,7 @@ const Rl = {
   slots: [],
   leaf: !0
 };
-C(Rl);
+$(Rl);
 const Kl = {
   key: "scene_orbit_controls_v1",
   name: "x-runtime-lib.orbitControls",
@@ -4048,7 +4054,7 @@ const Kl = {
   slots: [],
   leaf: !0
 };
-C(Kl);
+$(Kl);
 function Dl(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -4199,7 +4205,7 @@ const Cn = {
   leaf: !0,
   spawn: Dl
 };
-C(Lt);
+$(Lt);
 function Nl(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -4293,7 +4299,7 @@ function Gl(t, n) {
     }
   };
 }
-const $n = {
+const Vn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4350,8 +4356,8 @@ const $n = {
   name: "x-runtime-lib.sphereGeometry",
   comp: es,
   properties: {
-    pageScene: [y, $n],
-    compScene: [y, $n]
+    pageScene: [y, Vn],
+    compScene: [y, Vn]
   },
   events: [],
   methods: [],
@@ -4359,12 +4365,12 @@ const $n = {
   leaf: !0,
   spawn: Nl
 };
-C(zt);
+$(zt);
 const ht = O(ee);
 ht.children[0].default = "custom";
 ht.children[2].children[0].default = "0xffffff";
 ht.children[2].children[1].default = "0xffffff";
-const Vn = {
+const Pn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4382,19 +4388,19 @@ const Vn = {
   name: "x-runtime-lib.ambientLight",
   comp: ns,
   properties: {
-    pageScene: [y, Y, Vn],
-    compScene: [y, Y, Vn]
+    pageScene: [y, Y, Pn],
+    compScene: [y, Y, Pn]
   },
   events: [],
   methods: [],
   slots: []
 };
-C(Hl);
+$(Hl);
 const _t = O(ee);
 _t.children[0].default = "custom";
 _t.children[2].children[0].default = "0xffffff";
 _t.children[2].children[1].default = "0xffffff";
-const Pn = {
+const Ln = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4412,19 +4418,19 @@ const Pn = {
   name: "x-runtime-lib.directionalLight",
   comp: is,
   properties: {
-    pageScene: [y, Y, Pn],
-    compScene: [y, Y, Pn]
+    pageScene: [y, Y, Ln],
+    compScene: [y, Y, Ln]
   },
   events: [],
   methods: [],
   slots: []
 };
-C(Ul);
+$(Ul);
 const vt = O(ee);
 vt.children[0].default = "custom";
 vt.children[2].children[0].default = "0xffffff";
 vt.children[2].children[1].default = "0xffffff";
-const Ln = {
+const zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4456,19 +4462,19 @@ const Ln = {
   name: "x-runtime-lib.pointLight",
   comp: rs,
   properties: {
-    pageScene: [y, Y, Ln],
-    compScene: [y, Y, Ln]
+    pageScene: [y, Y, zn],
+    compScene: [y, Y, zn]
   },
   events: [],
   methods: [],
   slots: []
 };
-C(Jl);
+$(Jl);
 const xt = O(ee);
 xt.children[0].default = "custom";
 xt.children[2].children[0].default = "0xffffff";
 xt.children[2].children[1].default = "0xffffff";
-const zn = {
+const Tn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4517,14 +4523,14 @@ const zn = {
   name: "x-runtime-lib.spotLight",
   comp: as,
   properties: {
-    pageScene: [y, Y, zn],
-    compScene: [y, Y, zn]
+    pageScene: [y, Y, Tn],
+    compScene: [y, Y, Tn]
   },
   events: [],
   methods: [],
   slots: []
 };
-C(ql);
+$(ql);
 const je = {
   key: "scene_mesh_basic_material_v1",
   name: "x-runtime-lib.meshBasicMaterial",
@@ -4538,7 +4544,7 @@ const je = {
   slots: [],
   leaf: !0
 };
-C(je);
+$(je);
 const Xl = {
   key: "scene_group_v1",
   name: "x-runtime-lib.group",
@@ -4551,7 +4557,7 @@ const Xl = {
   methods: [],
   slots: []
 };
-C(Xl);
+$(Xl);
 const Ge = {
   key: "scene_mesh_v1",
   name: "x-runtime-lib.mesh",
@@ -4564,7 +4570,7 @@ const Ge = {
   methods: [],
   slots: []
 };
-C(Ge);
+$(Ge);
 function Yl(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -4589,7 +4595,7 @@ function Yl(t, n) {
     }
   };
 }
-const Tn = {
+const En = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -4615,13 +4621,13 @@ const Tn = {
   name: "x-runtime-lib.barChart",
   comp: kr,
   properties: {
-    pageCommon: [y, X, dt, ft, yt, pt, Tn],
-    compCommon: [y, X, dt, ft, yt, pt, Tn]
+    pageCommon: [y, X, dt, ft, yt, pt, En],
+    compCommon: [y, X, dt, ft, yt, pt, En]
   },
   leaf: !0,
   spawn: Yl
 };
-C(Tt);
+$(Tt);
 function Zl(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -4646,7 +4652,7 @@ function Zl(t, n) {
     }
   };
 }
-const En = {
+const An = {
   key: "series",
   name: "x-runtime-lib.series",
   children: [
@@ -4672,14 +4678,14 @@ const En = {
   name: "x-runtime-lib.lineChart",
   comp: wr,
   properties: {
-    pageCommon: [y, X, dt, ft, yt, pt, En],
-    compCommon: [y, X, dt, ft, yt, pt, En]
+    pageCommon: [y, X, dt, ft, yt, pt, An],
+    compCommon: [y, X, dt, ft, yt, pt, An]
   },
   leaf: !0,
   spawn: Zl
 };
-C(Et);
-const An = {
+$(Et);
+const Mn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4719,11 +4725,11 @@ const An = {
   name: "x-runtime-lib.badge",
   comp: Ir,
   properties: {
-    pageCommon: [y, An],
-    compCommon: [y, An]
+    pageCommon: [y, Mn],
+    compCommon: [y, Mn]
   }
 };
-C(Ql);
+$(Ql);
 function ea(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -4743,7 +4749,7 @@ function ea(t, n) {
     }
   };
 }
-const ta = O(ee), Mn = {
+const ta = O(ee), Wn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4835,8 +4841,8 @@ const ta = O(ee), Mn = {
   name: "x-runtime-lib.button",
   comp: Sr,
   properties: {
-    pageCommon: [y, X, Mn],
-    compCommon: [y, X, Mn]
+    pageCommon: [y, X, Wn],
+    compCommon: [y, X, Wn]
   },
   events: [
     {
@@ -4847,7 +4853,7 @@ const ta = O(ee), Mn = {
   leaf: !0,
   spawn: ea
 };
-C(At);
+$(At);
 const na = {
   key: "common_btn_group_v1",
   name: "x-runtime-lib.buttonGroup",
@@ -4857,8 +4863,8 @@ const na = {
     compCommon: [y]
   }
 };
-C(na);
-const Wn = {
+$(na);
+const Bn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4924,11 +4930,11 @@ const Wn = {
   name: "x-runtime-lib.buttonToggle",
   comp: Pr,
   properties: {
-    pageCommon: [y, Wn],
-    compCommon: [y, Wn]
+    pageCommon: [y, Bn],
+    compCommon: [y, Bn]
   }
 };
-C(oa);
+$(oa);
 function ia(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -4948,7 +4954,7 @@ function ia(t, n) {
     }
   };
 }
-const Bn = {
+const Rn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5008,13 +5014,13 @@ const Bn = {
   name: "x-runtime-lib.card",
   comp: Lr,
   properties: {
-    pageCommon: [y, X, Bn],
-    compCommon: [y, X, Bn]
+    pageCommon: [y, X, Rn],
+    compCommon: [y, X, Rn]
   },
   spawn: ia
 };
-C(He);
-const Rn = {
+$(He);
+const Kn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5036,13 +5042,13 @@ const Rn = {
   name: "x-runtime-lib.checkbox",
   comp: zr,
   properties: {
-    pageCommon: [y, Rn],
-    compCommon: [y, Rn]
+    pageCommon: [y, Kn],
+    compCommon: [y, Kn]
   },
   leaf: !0
 };
-C(sa);
-const ra = O(ee), Kn = {
+$(sa);
+const ra = O(ee), Dn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5122,12 +5128,12 @@ const ra = O(ee), Kn = {
   name: "x-runtime-lib.chip",
   comp: Tr,
   properties: {
-    pageCommon: [y, Kn],
-    compCommon: [y, Kn]
+    pageCommon: [y, Dn],
+    compCommon: [y, Dn]
   },
   leaf: !0
 };
-C(Mt);
+$(Mt);
 function la(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -5141,7 +5147,7 @@ function la(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = Wt.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");
+  const l = Te(t, n, "chip1", "chip 1"), c = Te(t, n, "chip2", "chip 2"), u = Te(t, n, "chip3", "chip 3"), m = Te(t, n, "chip4", "chip 4"), d = Te(t, n, "chip5", "chip 5"), p = Te(t, n, "chip6", "chip 6");
   return {
     nodeLite: M(i, [
       l.nodeLite,
@@ -5162,7 +5168,7 @@ function la(t, n) {
     }
   };
 }
-function ze(t, n, e, o) {
+function Te(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, i = R(t, n);
   if (!i) {
     console.error(`chipGroupV1/spawnChip property tag not found, ${s}`);
@@ -5181,7 +5187,7 @@ function ze(t, n, e, o) {
     }
   };
 }
-const Dn = {
+const On = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5240,12 +5246,12 @@ const Dn = {
   name: "x-runtime-lib.chipGroup",
   comp: Er,
   properties: {
-    pageCommon: [y, Dn],
-    compCommon: [y, Dn]
+    pageCommon: [y, On],
+    compCommon: [y, On]
   },
   spawn: la
 };
-C(Wt);
+$(Wt);
 const aa = {
   key: "common_color_picker_v1",
   name: "x-runtime-lib.colorPicker",
@@ -5256,8 +5262,8 @@ const aa = {
   },
   leaf: !0
 };
-C(aa);
-const On = {
+$(aa);
+const Fn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5303,26 +5309,26 @@ const On = {
   name: "x-runtime-lib.combobox",
   comp: Mr,
   properties: {
-    pageCommon: [y, On],
-    compCommon: [y, On]
+    pageCommon: [y, Fn],
+    compCommon: [y, Fn]
   },
   leaf: !0
 };
-C(ca);
-const pn = O(ee);
-pn.key = "backgroundColor";
-pn.name = "x-runtime-lib.backgroundColor";
-const Fn = {
+$(ca);
+const dn = O(ee);
+dn.key = "backgroundColor";
+dn.name = "x-runtime-lib.backgroundColor";
+const Nn = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [pn]
+  children: [dn]
 }, Bt = {
   key: "common_container_v1",
   name: "x-runtime-lib.container",
   comp: Wr,
   properties: {
-    pageCommon: [y, X, Te, Ee, Ae, Fn],
-    compCommon: [y, X, Te, Ee, Ae, Fn]
+    pageCommon: [y, X, Ee, Ae, Me, Nn],
+    compCommon: [y, X, Ee, Ae, Me, Nn]
   },
   events: [
     {
@@ -5331,8 +5337,8 @@ const Fn = {
     }
   ]
 };
-C(Bt);
-const Nn = {
+$(Bt);
+const jn = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -5351,7 +5357,7 @@ const Nn = {
       default: ""
     }
   ]
-}, jn = {
+}, Gn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5459,7 +5465,7 @@ const Nn = {
       default: !1
     }
   ]
-}, Gn = {
+}, Hn = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -5489,12 +5495,12 @@ const Nn = {
   name: "x-runtime-lib.dataTable",
   comp: Rr,
   properties: {
-    pageCommon: [y, Nn, jn, Gn],
-    compCommon: [y, Nn, jn, Gn]
+    pageCommon: [y, jn, Gn, Hn],
+    compCommon: [y, jn, Gn, Hn]
   },
   leaf: !0
 };
-C(ua);
+$(ua);
 const ma = {
   key: "common_date_picker_v1",
   name: "x-runtime-lib.datePicker",
@@ -5505,7 +5511,7 @@ const ma = {
   },
   leaf: !0
 };
-C(ma);
+$(ma);
 const pa = {
   key: "common_dialog_v1",
   name: "x-runtime-lib.dialog",
@@ -5526,21 +5532,21 @@ const pa = {
   ],
   teleport: !0
 };
-C(pa);
-const Hn = {
+$(pa);
+const Un = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, $u = {
+}, Cu = {
   key: "common_file_input_v1",
   name: "x-runtime-lib.fileInput",
   comp: Fr,
   properties: {
-    pageCommon: [y, Hn],
-    compCommon: [y, Hn]
+    pageCommon: [y, Un],
+    compCommon: [y, Un]
   },
   leaf: !0
-}, Un = {
+}, Jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5562,11 +5568,11 @@ const Hn = {
   name: "x-runtime-lib.flexLayoutEntry",
   comp: jr,
   properties: {
-    pageCommon: [y, X, Un],
-    compCommon: [y, X, Un]
+    pageCommon: [y, X, Jn],
+    compCommon: [y, X, Jn]
   }
 };
-C(Rt);
+$(Rt);
 function da(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -5665,10 +5671,10 @@ function Kt(t, n, e, o, s, i, l, c, u) {
     }
   };
 }
-const dn = O(ee);
-dn.key = "backgroundColor";
-dn.name = "x-runtime-lib.backgroundColor";
-const Jn = {
+const fn = O(ee);
+fn.key = "backgroundColor";
+fn.name = "x-runtime-lib.backgroundColor";
+const qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5836,15 +5842,15 @@ const Jn = {
         }
       ]
     },
-    dn
+    fn
   ]
 }, Ue = {
   key: "common_flex_layout_v1",
   name: "x-runtime-lib.flexLayout",
   comp: Nr,
   properties: {
-    pageCommon: [y, X, Te, Ee, Ae, Jn],
-    compCommon: [y, X, Te, Ee, Ae, Jn]
+    pageCommon: [y, X, Ee, Ae, Me, qn],
+    compCommon: [y, X, Ee, Ae, Me, qn]
   },
   events: [
     {
@@ -5854,8 +5860,8 @@ const Jn = {
   ],
   spawn: da
 };
-C(Ue);
-const qn = {
+$(Ue);
+const Xn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5976,7 +5982,7 @@ const qn = {
       default: ""
     }
   ]
-}, Xn = {
+}, Yn = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -6010,8 +6016,8 @@ const qn = {
   name: "x-runtime-lib.textField",
   comp: gl,
   properties: {
-    pageCommon: [y, qn, Xn],
-    compCommon: [y, qn, Xn]
+    pageCommon: [y, Xn, Yn],
+    compCommon: [y, Xn, Yn]
   },
   events: [],
   methods: [],
@@ -6035,7 +6041,7 @@ const qn = {
   ],
   leaf: !0
 };
-C(Dt);
+$(Dt);
 function ya(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -6077,7 +6083,7 @@ function ba(t, n) {
     }
   };
 }
-const Yn = {
+const Zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6100,8 +6106,8 @@ const Yn = {
   name: "x-runtime-lib.form",
   comp: Gr,
   properties: {
-    pageCommon: [y, X, Te, Ee, Ae, Yn],
-    compCommon: [y, X, Te, Ee, Ae, Yn]
+    pageCommon: [y, X, Ee, Ae, Me, Zn],
+    compCommon: [y, X, Ee, Ae, Me, Zn]
   },
   events: [
     {
@@ -6111,8 +6117,8 @@ const Yn = {
   ],
   spawn: ya
 };
-C(Ot);
-const ga = O(ee), Zn = {
+$(Ot);
+const ga = O(ee), Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6142,12 +6148,12 @@ const ga = O(ee), Zn = {
   name: "x-runtime-lib.icon",
   comp: Hr,
   properties: {
-    pageCommon: [y, Zn],
-    compCommon: [y, Zn]
+    pageCommon: [y, Qn],
+    compCommon: [y, Qn]
   },
   leaf: !0
 };
-C(ha);
+$(ha);
 const _a = {
   key: "common_menu_v1",
   name: "x-runtime-lib.menu",
@@ -6168,7 +6174,7 @@ const _a = {
   ],
   teleport: !0
 };
-C(_a);
+$(_a);
 function va(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -6188,7 +6194,7 @@ function va(t, n) {
     }
   };
 }
-const Qn = {
+const eo = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -6214,7 +6220,7 @@ const Qn = {
       default: ""
     }
   ]
-}, eo = {
+}, to = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6360,8 +6366,8 @@ const Qn = {
   name: "x-runtime-lib.numberInput",
   comp: qr,
   properties: {
-    pageCommon: [y, Qn, eo],
-    compCommon: [y, Qn, eo]
+    pageCommon: [y, eo, to],
+    compCommon: [y, eo, to]
   },
   events: [
     {
@@ -6388,8 +6394,8 @@ const Qn = {
   leaf: !0,
   spawn: va
 };
-C(Ft);
-const to = {
+$(Ft);
+const no = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6457,13 +6463,13 @@ const to = {
   name: "x-runtime-lib.pagination",
   comp: Xr,
   properties: {
-    pageCommon: [y, to],
-    compCommon: [y, to]
+    pageCommon: [y, no],
+    compCommon: [y, no]
   },
   leaf: !0
 };
-C(xa);
-const ka = O(ee), no = {
+$(xa);
+const ka = O(ee), oo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6505,12 +6511,12 @@ const ka = O(ee), no = {
   name: "x-runtime-lib.radio",
   comp: Yr,
   properties: {
-    pageCommon: [y, no],
-    compCommon: [y, no]
+    pageCommon: [y, oo],
+    compCommon: [y, oo]
   },
   leaf: !0
 };
-C(Nt);
+$(Nt);
 function wa(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -6560,7 +6566,7 @@ function It(t, n, e, o) {
     }
   };
 }
-const oo = {
+const io = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6608,13 +6614,13 @@ const oo = {
   name: "x-runtime-lib.radioGroup",
   comp: Zr,
   properties: {
-    pageCommon: [y, oo],
-    compCommon: [y, oo]
+    pageCommon: [y, io],
+    compCommon: [y, io]
   },
   spawn: wa
 };
-C(jt);
-const io = {
+$(jt);
+const so = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6736,13 +6742,13 @@ const io = {
   name: "x-runtime-lib.rangeSlider",
   comp: Qr,
   properties: {
-    pageCommon: [y, io],
-    compCommon: [y, io]
+    pageCommon: [y, so],
+    compCommon: [y, so]
   },
   leaf: !0
 };
-C(Ia);
-const so = {
+$(Ia);
+const ro = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6802,13 +6808,13 @@ const so = {
   name: "x-runtime-lib.rating",
   comp: el,
   properties: {
-    pageCommon: [y, so],
-    compCommon: [y, so]
+    pageCommon: [y, ro],
+    compCommon: [y, ro]
   },
   leaf: !0
 };
-C(Sa);
-const ro = {
+$(Sa);
+const lo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6849,27 +6855,27 @@ const ro = {
       default: !1
     }
   ]
-}, Ca = {
+}, $a = {
   key: "common_select_v1",
   name: "x-runtime-lib.select",
   comp: tl,
   properties: {
-    pageCommon: [y, ro],
-    compCommon: [y, ro]
+    pageCommon: [y, lo],
+    compCommon: [y, lo]
   },
   leaf: !0
 };
-C(Ca);
-const fn = O(ee);
-fn.key = "color";
-fn.name = "x-runtime-lib.color";
+$($a);
 const yn = O(ee);
-yn.key = "trackColor";
-yn.name = "x-runtime-lib.trackColor";
+yn.key = "color";
+yn.name = "x-runtime-lib.color";
 const bn = O(ee);
-bn.key = "thumbColor";
-bn.name = "x-runtime-lib.thumbColor";
-const lo = {
+bn.key = "trackColor";
+bn.name = "x-runtime-lib.trackColor";
+const gn = O(ee);
+gn.key = "thumbColor";
+gn.name = "x-runtime-lib.thumbColor";
+const ao = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6974,11 +6980,11 @@ const lo = {
       ui: "switch",
       default: !1
     },
-    fn,
     yn,
-    bn
+    bn,
+    gn
   ]
-}, ao = {
+}, co = {
   key: "slots",
   name: "x-runtime-lib.slots",
   children: [
@@ -6995,17 +7001,17 @@ const lo = {
       default: void 0
     }
   ]
-}, $a = {
+}, Ca = {
   key: "common_slider_v1",
   name: "x-runtime-lib.slider",
   comp: nl,
   properties: {
-    pageCommon: [y, lo, ao],
-    compCommon: [y, lo, ao]
+    pageCommon: [y, ao, co],
+    compCommon: [y, ao, co]
   },
   leaf: !0
 };
-C($a);
+$(Ca);
 const Gt = {
   key: "common_stepper_header_v1",
   name: "x-runtime-lib.stepperHeader",
@@ -7015,8 +7021,8 @@ const Gt = {
     compCommon: [y]
   }
 };
-C(Gt);
-const co = {
+$(Gt);
+const uo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7032,11 +7038,11 @@ const co = {
   name: "x-runtime-lib.stepperItem",
   comp: ll,
   properties: {
-    pageCommon: [y, co],
-    compCommon: [y, co]
+    pageCommon: [y, uo],
+    compCommon: [y, uo]
   }
 };
-C(Ht);
+$(Ht);
 const Ut = {
   key: "common_stepper_window_v1",
   name: "x-runtime-lib.stepperWindow",
@@ -7046,8 +7052,8 @@ const Ut = {
     compCommon: [y]
   }
 };
-C(Ut);
-const uo = {
+$(Ut);
+const mo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7063,11 +7069,11 @@ const uo = {
   name: "x-runtime-lib.stepperWindowItem",
   comp: ml,
   properties: {
-    pageCommon: [y, uo],
-    compCommon: [y, uo]
+    pageCommon: [y, mo],
+    compCommon: [y, mo]
   }
 };
-C(Jt);
+$(Jt);
 function Va(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -7147,7 +7153,7 @@ function La(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = Ut.key;
-  const l = Ct(t, n, "step1", "step 1"), c = Ct(t, n, "step2", "step 2"), u = Ct(t, n, "step3", "step 3");
+  const l = $t(t, n, "step1", "step 1"), c = $t(t, n, "step2", "step 2"), u = $t(t, n, "step3", "step 3");
   return {
     nodeLite: M(i, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
@@ -7158,7 +7164,7 @@ function La(t, n) {
     }
   };
 }
-function Ct(t, n, e, o) {
+function $t(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, i = R(t, n);
   if (!i) {
     console.error(
@@ -7203,7 +7209,7 @@ function za(t, n, e) {
     }
   };
 }
-const mo = {
+const po = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7225,12 +7231,12 @@ const mo = {
   name: "x-runtime-lib.stepper",
   comp: ol,
   properties: {
-    pageCommon: [y, mo],
-    compCommon: [y, mo]
+    pageCommon: [y, po],
+    compCommon: [y, po]
   },
   spawn: Va
 };
-C(qt);
+$(qt);
 const Ta = {
   key: "common_switch_v1",
   name: "x-runtime-lib.switch",
@@ -7241,8 +7247,8 @@ const Ta = {
   },
   leaf: !0
 };
-C(Ta);
-const po = {
+$(Ta);
+const fo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7264,12 +7270,12 @@ const po = {
   name: "x-runtime-lib.tab",
   comp: dl,
   properties: {
-    pageCommon: [y, po],
-    compCommon: [y, po]
+    pageCommon: [y, fo],
+    compCommon: [y, fo]
   },
   leaf: !0
 };
-C(Xt);
+$(Xt);
 function Ea(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -7283,7 +7289,7 @@ function Ea(t, n) {
   }
   const i = A();
   W(i, s), i.basic.id = E(16), i.basic.key = Yt.key;
-  const l = $t(t, n, "tab1", "tab 1"), c = $t(t, n, "tab2", "tab 2"), u = $t(t, n, "tab3", "tab 3");
+  const l = Ct(t, n, "tab1", "tab 1"), c = Ct(t, n, "tab2", "tab 2"), u = Ct(t, n, "tab3", "tab 3");
   return {
     nodeLite: M(i, [l.nodeLite, c.nodeLite, u.nodeLite]),
     nodes: {
@@ -7294,7 +7300,7 @@ function Ea(t, n) {
     }
   };
 }
-function $t(t, n, e, o) {
+function Ct(t, n, e, o) {
   const s = `type=${t} subtype=${n}`, i = R(t, n);
   if (!i) {
     console.error(`tabsV1/spawnTab property tag not found, ${s}`);
@@ -7313,16 +7319,16 @@ function $t(t, n, e, o) {
     }
   };
 }
-const gn = O(ee);
-gn.key = "backgroundColor";
-gn.name = "x-runtime-lib.backgroundColor";
 const hn = O(ee);
-hn.key = "selectedColor";
-hn.name = "x-runtime-lib.selectedColor";
+hn.key = "backgroundColor";
+hn.name = "x-runtime-lib.backgroundColor";
 const _n = O(ee);
-_n.key = "sliderColor";
-_n.name = "x-runtime-lib.sliderColor";
-const fo = {
+_n.key = "selectedColor";
+_n.name = "x-runtime-lib.selectedColor";
+const vn = O(ee);
+vn.key = "sliderColor";
+vn.name = "x-runtime-lib.sliderColor";
+const yo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7398,7 +7404,7 @@ const fo = {
     {
       key: "color",
       name: "x-runtime-lib.color",
-      children: [gn, hn, _n]
+      children: [hn, _n, vn]
     }
   ]
 }, Yt = {
@@ -7406,12 +7412,12 @@ const fo = {
   name: "x-runtime-lib.tabs",
   comp: fl,
   properties: {
-    pageCommon: [y, fo],
-    compCommon: [y, fo]
+    pageCommon: [y, yo],
+    compCommon: [y, yo]
   },
   spawn: Ea
 };
-C(Yt);
+$(Yt);
 function Aa(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -7431,7 +7437,7 @@ function Aa(t, n) {
     }
   };
 }
-const yo = {
+const bo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7522,13 +7528,13 @@ const yo = {
   name: "x-runtime-lib.text",
   comp: yl,
   properties: {
-    pageCommon: [y, yo],
-    compCommon: [y, yo]
+    pageCommon: [y, bo],
+    compCommon: [y, bo]
   },
   leaf: !0,
   spawn: Aa
 };
-C(Ce);
+$(Ce);
 function Ma(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -7548,7 +7554,7 @@ function Ma(t, n) {
     }
   };
 }
-const bo = {
+const go = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7624,13 +7630,13 @@ const bo = {
   name: "x-runtime-lib.textarea",
   comp: bl,
   properties: {
-    pageCommon: [y, bo],
-    compCommon: [y, bo]
+    pageCommon: [y, go],
+    compCommon: [y, go]
   },
   leaf: !0,
   spawn: Ma
 };
-C(Zt);
+$(Zt);
 const Qt = {
   key: "common_timeline_item_v1",
   name: "x-runtime-lib.timelineItem",
@@ -7640,7 +7646,7 @@ const Qt = {
     compCommon: [y]
   }
 };
-C(Qt);
+$(Qt);
 function Wa(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -7706,7 +7712,7 @@ function Ba(t, n, e) {
     }
   };
 }
-const Ra = O(ee), Ka = O(ee), go = {
+const Ra = O(ee), Ka = O(ee), ho = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7789,12 +7795,12 @@ const Ra = O(ee), Ka = O(ee), go = {
   name: "x-runtime-lib.timeline",
   comp: hl,
   properties: {
-    pageCommon: [y, go],
-    compCommon: [y, go]
+    pageCommon: [y, ho],
+    compCommon: [y, ho]
   },
   spawn: Wa
 };
-C(en);
+$(en);
 const tn = {
   key: "common_window_item_v1",
   name: "x-runtime-lib.windowItem",
@@ -7804,7 +7810,7 @@ const tn = {
     compCommon: [y]
   }
 };
-C(tn);
+$(tn);
 function Da(t, n) {
   const e = `type=${t} subtype=${n}`, o = R(t, n);
   if (!o) {
@@ -7894,7 +7900,7 @@ function Fa(t, n, e) {
     }
   };
 }
-const ho = {
+const _o = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7947,12 +7953,12 @@ const ho = {
   name: "x-runtime-lib.window",
   comp: kl,
   properties: {
-    pageCommon: [y, ho],
-    compCommon: [y, ho]
+    pageCommon: [y, _o],
+    compCommon: [y, _o]
   },
   spawn: Da
 };
-C(nn);
+$(nn);
 const ot = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -7983,7 +7989,7 @@ const ot = {
   },
   leaf: !0
 };
-C(Na);
+$(Na);
 const st = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -8020,7 +8026,7 @@ const st = {
   },
   leaf: !0
 };
-C(ja);
+$(ja);
 const lt = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -8044,8 +8050,8 @@ const lt = {
   },
   leaf: !0
 };
-C(Ga);
-const _o = {
+$(Ga);
+const vo = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -8061,11 +8067,11 @@ const _o = {
   name: "x-runtime-lib.renderSwitch",
   comp: El,
   properties: {
-    pageCommon: [y, _o],
-    compCommon: [y, _o]
+    pageCommon: [y, vo],
+    compCommon: [y, vo]
   }
 };
-C(Ha);
+$(Ha);
 const at = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -8086,7 +8092,7 @@ const at = {
 }, Ua = {
   key: "slot_v1",
   name: "x-runtime-lib.slot",
-  comp: Se,
+  comp: $e,
   properties: {
     pageCommon: [y, X, at],
     compCommon: [y, X, at],
@@ -8095,7 +8101,7 @@ const at = {
   },
   leaf: !0
 };
-C(Ua);
+$(Ua);
 const De = O(ee);
 De.key = "backgroundColor";
 De.name = "x-runtime-lib.backgroundColor";
@@ -8161,7 +8167,7 @@ const Fo = {
   events: [Za, Qa, ec],
   internal: !0
 };
-C(tc);
+$(tc);
 const nc = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -8306,12 +8312,12 @@ const nc = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" }
-], Cc = [
+], $c = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.end", value: "end" },
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.both", value: "both" }
-], $c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   alignTabsItemsV1: nc,
   axisTypeItemsV1: oc,
@@ -8337,7 +8343,7 @@ const nc = [
   timelineAlignItemsV1: wc,
   timelineDirectionItemsV1: Ic,
   timelineSideItemsV1: Sc,
-  timelineTruncateLineItemsV1: Cc
+  timelineTruncateLineItemsV1: $c
 }, Symbol.toStringTag, { value: "Module" })), Vc = [
   {
     title: "x-runtime-lib.notSet",
@@ -8426,7 +8432,7 @@ const nc = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: rn,
+    validator: ln,
     precision: 6,
     default: "0%"
   }
@@ -8450,7 +8456,7 @@ const nc = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: rn,
+    validator: ln,
     precision: 6,
     min: 0,
     default: "0%"
@@ -8475,7 +8481,7 @@ const nc = [
     title: "x-runtime-lib.percent",
     value: "percent",
     ui: "percentInput",
-    validator: rn,
+    validator: ln,
     precision: 6,
     min: 0,
     default: "0%"
@@ -8806,7 +8812,7 @@ const nc = [
   version: "v1",
   globalityKey: "globality_v1",
   refKey: "ref_v1",
-  items: { ...$c },
+  items: { ...Cc },
   types: { ...Mc },
   elements: /* @__PURE__ */ new Set([
     "globality_v1",
@@ -8900,7 +8906,7 @@ function R(t, n) {
   }
   return `${t}${Vi(n)}`;
 }
-function vo(t, n) {
+function xo(t, n) {
   if (t.array)
     return n ? O(t.default) : O(t.defaultArray);
   {
@@ -8913,9 +8919,9 @@ function W(t, n) {
     if (s.ui) {
       if (s.ui === "strInput" && s.static)
         return;
-      o[s.key] = vo(s);
+      o[s.key] = xo(s);
     } else
-      s.array ? o[s.key] = vo(s) : s.children.forEach((i) => {
+      s.array ? o[s.key] = xo(s) : s.children.forEach((i) => {
         o[s.key] || (o[s.key] = {}), e(o[s.key], i);
       });
   }
@@ -9038,13 +9044,13 @@ function Z() {
   return fe(Go);
 }
 function Au(t) {
-  ye(Ho, sn(t));
+  ye(Ho, rn(t));
 }
 function Oe() {
   return fe(Ho);
 }
 function Mu(t) {
-  ye(Uo, sn(t));
+  ye(Uo, rn(t));
 }
 function Ze() {
   return fe(Uo);
@@ -9058,17 +9064,17 @@ function Qe() {
 function Bu(t) {
   ye(qo, t);
 }
-function we() {
+function Ie() {
   return fe(qo);
 }
-function $e(t) {
+function Ve(t) {
   ye(Xo, t);
 }
 function le() {
   return fe(Xo);
 }
 function Ru(t) {
-  ye(Yo, sn(t));
+  ye(Yo, rn(t));
 }
 function Gc() {
   return fe(Yo);
@@ -9108,8 +9114,8 @@ function ct(t, n, e, o, s) {
         if (e === Ne(p)) {
           if (p.subKeys) {
             if (!me(
-              Ie(o, p.subKeys),
-              Ie(s, p.subKeys)
+              Se(o, p.subKeys),
+              Se(s, p.subKeys)
             )) {
               m = p;
               break;
@@ -9122,7 +9128,7 @@ function ct(t, n, e, o, s) {
       if (!m)
         continue;
       let d;
-      m.subKeys ? d = Ie(o, m.subKeys) : d = o;
+      m.subKeys ? d = Se(o, m.subKeys) : d = o;
       for (const p of u)
         if (p.subKeys) {
           let f;
@@ -9141,15 +9147,15 @@ function ct(t, n, e, o, s) {
             console.assert(!1);
             continue;
           }
-          const _ = Ie(f, p.subKeys);
-          if (me(d, _))
+          const g = Se(f, p.subKeys);
+          if (me(d, g))
             continue;
-          const h = O(f);
-          ln(h, p.subKeys, O(d)), p.type === "elementProperty" ? t.setElementProperty(
+          const _ = O(f);
+          an(_, p.subKeys, O(d)), p.type === "elementProperty" ? t.setElementProperty(
             p.nodeId,
             p.propertyKeys.split("."),
-            h
-          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, h) : p.type === "customSlotProperty" ? t.setCustomSlotProperty(p.propertyId, h) : p.type === "state" ? t.setState(p.stateId, h) : console.assert(!1);
+            _
+          ) : p.type === "customProperty" ? t.setCustomProperty(p.propertyId, _) : p.type === "customSlotProperty" ? t.setCustomSlotProperty(p.propertyId, _) : p.type === "state" ? t.setState(p.stateId, _) : console.assert(!1);
         } else {
           let f;
           if (p.type === "elementProperty")
@@ -9180,7 +9186,7 @@ function ct(t, n, e, o, s) {
 function Du(t, n, e) {
   return `${t}/${n}/${e}`;
 }
-function xo(t) {
+function ko(t) {
   const n = t.split("/");
   let e = "elementProperty";
   n.length > 0 ? e = n[0] : console.error(`unwrapPropertyId invalid kind id=${t}`);
@@ -9323,11 +9329,11 @@ function et(t, n) {
 function tm() {
   let t;
   const n = async () => (t = (await Li()).newRuntime(), console.log("runtime created"), t);
-  return Be(() => {
+  return we(() => {
     t && (t.dispose(), console.log("runtime dispose"));
   }), { createRuntime: n };
 }
-function Me(t) {
+function We(t) {
   return !!t.vm;
 }
 function Je(t, n) {
@@ -9404,22 +9410,22 @@ function Xc(t) {
   }).consume((e) => n.setProp(n.global, "__messageV1__", e)), n.newFunction("__timeoutV1__", (e, o) => {
     const s = n.getNumber(e), i = n.getNumber(o);
     window.setTimeout(() => {
-      if (Me(t)) {
+      if (We(t)) {
         var l = [];
         try {
-          const d = Pe(l, n.getProp(n.global, "__timeoutCallback__"));
+          const d = Le(l, n.getProp(n.global, "__timeoutCallback__"));
           n.callFunction(d, n.global, n.newNumber(s));
         } catch (c) {
           var u = c, m = !0;
         } finally {
-          Le(l, u, m);
+          ze(l, u, m);
         }
       }
     }, i);
   }).consume((e) => n.setProp(n.global, "__timeoutV1__", e)), n.newFunction("__delayV1__", (e) => {
-    const o = n.getNumber(e), { id: s, promise: i } = t.promiseManager.acquire();
+    const o = n.getNumber(e), { promiseId: s, promise: i } = t.promiseManager.acquire();
     return window.setTimeout(() => {
-      Me(t) && (i.resolve(), t.promiseManager.release(s));
+      We(t) && (i.resolve(), t.promiseManager.release(s));
     }, o), i.settled.then(n.runtime.executePendingJobs), i.handle;
   }).consume((e) => n.setProp(n.global, "__delayV1__", e));
 }
@@ -9441,20 +9447,20 @@ function Zc(t) {
   }
   const { vm: n } = t;
   n.newFunction("__callFuncV1__", (e, o, s, i, l) => {
-    const c = n.getString(e), u = n.getString(o), m = n.dump(s), d = n.getString(i), p = n.getString(l), { id: f, promise: _ } = t.promiseManager.acquire(), h = JSON.stringify(m);
+    const c = n.getString(e), u = n.getString(o), m = n.dump(s), d = n.getString(i), p = n.getString(l), { promiseId: f, promise: g } = t.promiseManager.acquire(), _ = JSON.stringify(m);
     return Yc({
       spaceId: c,
       id: u,
-      strInputs: h,
+      strInputs: _,
       env: d
     }).then(
       ({ strOutputs: I }) => {
-        Me(t) && (_.resolve(n.evalCode(`JSON.parse('${I}')`).unwrap()), t.promiseManager.release(f));
+        We(t) && (g.resolve(n.evalCode(`JSON.parse('${I}')`).unwrap()), t.promiseManager.release(f));
       },
       (I) => {
-        Me(t) && (_.reject(n.newString(`call func <${p}> failed, ${I}`)), t.promiseManager.release(f));
+        We(t) && (g.reject(n.newString(`call func <${p}> failed, ${I}`)), t.promiseManager.release(f));
       }
-    ), _.settled.then(n.runtime.executePendingJobs), _.handle;
+    ), g.settled.then(n.runtime.executePendingJobs), g.handle;
   }).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
 }
 function Qc(t) {
@@ -9475,53 +9481,53 @@ function eu(t) {
     {
       var c = [];
       try {
-        const U = Pe(c, n.getProp(n.global, "__triggerEventInner__"));
+        const U = Le(c, n.getProp(n.global, "__triggerEventInner__"));
         n.callFunction(U, n.global, e, ...o);
       } catch (u) {
         var m = u, d = !0;
       } finally {
-        Le(c, m, d);
+        ze(c, m, d);
       }
     }
     const s = n.getString(e), { kind: i, eventKey: l } = qc(s);
     if (i === "customEvent") {
       var v = [];
       try {
-        const U = Pe(v, n.getProp(n.global, "__triggerEventV1__"));
+        const U = Le(v, n.getProp(n.global, "__triggerEventV1__"));
         {
           var p = [];
           try {
-            const N = Pe(p, n.newString(
+            const N = Le(p, n.newString(
               ae("refEvent", t.nodeId, l)
             ));
             n.callFunction(U, n.global, N, ...o);
           } catch (f) {
-            var _ = f, h = !0;
+            var g = f, _ = !0;
           } finally {
-            Le(p, _, h);
+            ze(p, g, _);
           }
         }
         {
           var I = [];
           try {
-            const N = Pe(I, n.newString(
+            const N = Le(I, n.newString(
               ae("multipleRefEvent", t.nodeId, l)
             ));
             n.callFunction(U, n.global, N, ...o);
           } catch (b) {
-            var x = b, g = !0;
+            var x = b, h = !0;
           } finally {
-            Le(I, x, g);
+            ze(I, x, h);
           }
         }
       } catch (z) {
         var T = z, G = !0;
       } finally {
-        Le(v, T, G);
+        ze(v, T, G);
       }
     }
   }).consume((e) => n.setProp(n.global, "__triggerEventV1__", e)), n.newFunction("__getPropertyV1__", (e, o) => {
-    const s = n.getString(e), i = n.getString(o), { kind: l, nodeId: c, propertyKey: u } = xo(s);
+    const s = n.getString(e), i = n.getString(o), { kind: l, nodeId: c, propertyKey: u } = ko(s);
     let m;
     if (l === "elementProperty")
       m = t.getElementProperty(c, u.split("."));
@@ -9540,22 +9546,26 @@ function eu(t) {
     } else l === "customProperty" ? m = t.getCustomProperty(u) : l === "adaptSlotElementProperty" || l === "adaptSlotCustomProperty" ? m = t.parent?.getCustomSlotProperty(u) : console.assert(!1);
     return Je(n, m);
   }).consume((e) => n.setProp(n.global, "__getPropertyV1__", e)), n.newFunction("__setPropertyV1__", (e, o, s) => {
-    const i = n.getString(e), l = n.dump(o), c = n.getString(s), { kind: u, nodeId: m, propertyKey: d } = xo(i);
+    const i = n.getString(e), l = n.dump(o), c = n.getString(s), { kind: u, nodeId: m, propertyKey: d } = ko(i);
     if (u === "elementProperty")
       t.setElementProperty(m, d.split("."), l);
     else if (u === "refProperty") {
-      const p = t.children[m];
-      p && p.setCustomProperty(d, l);
+      const g = t.children[m];
+      g && g.setCustomProperty(d, l);
     } else if (u === "multipleRefProperty") {
-      const p = t.children[`${m}/${c}`];
-      p && p.setCustomProperty(d, l);
+      const g = t.children[`${m}/${c}`];
+      g && g.setCustomProperty(d, l);
     } else if (u === "slotProperty") {
-      const p = t.children[m];
-      p && p.setCustomSlotProperty(d, l);
+      const g = t.children[m];
+      g && g.setCustomSlotProperty(d, l);
     } else if (u === "multipleSlotProperty") {
-      const p = t.children[`${m}/${c}`];
-      p && p.setCustomSlotProperty(d, l);
+      const g = t.children[`${m}/${c}`];
+      g && g.setCustomSlotProperty(d, l);
     } else u === "customProperty" ? t.setCustomProperty(d, l) : u === "adaptSlotElementProperty" || u === "adaptSlotCustomProperty" ? t.parent?.setCustomSlotProperty(d, l) : console.assert(!1);
+    const { promiseId: p, promise: f } = t.promiseManager.acquire();
+    return on().then(() => {
+      f.resolve(n.undefined), t.promiseManager.release(p);
+    }), f.settled.then(n.runtime.executePendingJobs), f.handle;
   }).consume((e) => n.setProp(n.global, "__setPropertyV1__", e)), n.newFunction("__callMethodV1__", (e, o, s) => {
     const i = n.getString(e), l = n.getString(o), c = n.dump(s), { kind: u, nodeId: m, methodKey: d } = ei(i);
     let p;
@@ -9590,14 +9600,14 @@ function eu(t) {
       )
     );
   }).consume((e) => n.setProp(n.global, "__navigateToV1__", e)), n.newFunction("__openConfirmDlgV1__", (e, o) => {
-    const s = n.getString(e), i = n.getString(o), { id: l, promise: c } = t.promiseManager.acquire();
+    const s = n.getString(e), i = n.getString(o), { promiseId: l, promise: c } = t.promiseManager.acquire();
     return ui({ title: s, text: i }).then((u) => {
-      Me(t) && (u === void 0 ? c.resolve(n.undefined) : c.resolve(u ? n.true : n.false), t.promiseManager.release(l));
+      We(t) && (u === void 0 ? c.resolve(n.undefined) : c.resolve(u ? n.true : n.false), t.promiseManager.release(l));
     }), c.settled.then(n.runtime.executePendingJobs), c.handle;
   }).consume((e) => n.setProp(n.global, "__openConfirmDlgV1__", e)), n.newFunction("__openPromptDlgV1__", (e, o, s) => {
-    const i = n.getString(e), l = n.getString(o), c = n.dump(s), { id: u, promise: m } = t.promiseManager.acquire();
+    const i = n.getString(e), l = n.getString(o), c = n.dump(s), { promiseId: u, promise: m } = t.promiseManager.acquire();
     return mi({ title: i, label: l, value: c }).then((d) => {
-      Me(t) && (d === void 0 ? m.resolve(n.undefined) : m.resolve(n.newString(d)), t.promiseManager.release(u));
+      We(t) && (d === void 0 ? m.resolve(n.undefined) : m.resolve(n.newString(d)), t.promiseManager.release(u));
     }), m.settled.then(n.runtime.executePendingJobs), m.handle;
   }).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
 }
@@ -9700,7 +9710,7 @@ class ou {
   }
   acquire() {
     const n = this.promiseId++, e = this.vm.newPromise();
-    return this.promises[n] = e, { id: n, promise: e };
+    return this.promises[n] = e, { promiseId: n, promise: e };
   }
   release(n) {
     delete this.promises[n];
@@ -9764,7 +9774,7 @@ class iu {
     const s = this.vm.getProp(this.vm.global, n), i = [];
     for (const l of e)
       i.push(Je(this.vm, l));
-    this.vm.callFunction(s, this.vm.global, ...i), s.dispose();
+    this.vm.callFunction(s, this.vm.global, ...i), i.forEach((l) => l.dispose()), s.dispose();
   }
   //--------------------------
   // 元素属性
@@ -9783,7 +9793,7 @@ class iu {
       );
       return;
     }
-    return Ie(o, e);
+    return Se(o, e);
   }
   setElementProperty(n, e, o) {
     const s = this.data.value?.view.nodes[n];
@@ -9796,8 +9806,8 @@ class iu {
       );
       return;
     }
-    const i = Ie(s, e);
-    me(o, i) || (ln(s, e, o), this.hooks?.onElementPropertyChange(
+    const i = Se(s, e);
+    me(o, i) || (an(s, e, o), this.hooks?.onElementPropertyChange(
       s.basic.id,
       e,
       o,
@@ -9864,15 +9874,15 @@ class iu {
   }
 }
 function tt(t, n, e, o, s) {
-  const i = Nc(), l = jc(), c = Z(), u = we(), m = Oe(), d = Ze(), p = Hc(), f = (x, g, v, z) => {
+  const i = Nc(), l = jc(), c = Z(), u = Ie(), m = Oe(), d = Ze(), p = Hc(), f = (x, h, v, z) => {
     if (ie(c)) {
-      if (me(g, ["settings", "slot"])) {
+      if (me(h, ["settings", "slot"])) {
         const T = t.value?.view.nodeLites.find(
           (G) => G.id === x
         );
         T ? T.slotId = v : console.assert(!1);
       }
-      if (me(g, ["settings", "comp"])) {
+      if (me(h, ["settings", "comp"])) {
         const T = t.value?.view.nodeLites.find(
           (G) => G.id === x
         );
@@ -9880,12 +9890,12 @@ function tt(t, n, e, o, s) {
       }
       if (b.callFunction(
         "__triggerEventV1__",
-        ae("elementPropertyChangeEvent", x, g.join(".")),
+        ae("elementPropertyChangeEvent", x, h.join(".")),
         v,
         z ?? v
       ), t.value?.code.reactivity) {
         let T = "";
-        g instanceof Array ? T = g.join(".") : T = g, ct(
+        h instanceof Array ? T = h.join(".") : T = h, ct(
           b,
           t.value.code.reactivity,
           Ne({
@@ -9898,17 +9908,17 @@ function tt(t, n, e, o, s) {
         );
       }
     }
-  }, _ = (x, g, v) => {
+  }, g = (x, h, v) => {
     ie(c) && (b.callFunction(
       "__triggerEventV1__",
       ae("customPropertyChangeEvent", "globality", x),
-      g,
-      v ?? g
+      h,
+      v ?? h
     ), b.parent?.callFunction(
       "__triggerEventV1__",
       ae("refPropertyChangeEvent", b.nodeId, x),
-      g,
-      v ?? g
+      h,
+      v ?? h
     ), b.parent?.callFunction(
       "__triggerEventV1__",
       ae(
@@ -9916,34 +9926,34 @@ function tt(t, n, e, o, s) {
         b.nodeId,
         x
       ),
-      g,
-      v ?? g
+      h,
+      v ?? h
     ), t.value?.code.reactivity && ct(
       b,
       t.value.code.reactivity,
       Ne({ type: "customProperty", propertyId: x }),
-      g,
+      h,
       v
     ));
-  }, h = (x, g, v) => {
+  }, _ = (x, h, v) => {
     ie(c) && t.value?.code.reactivity && ct(
       b,
       t.value.code.reactivity,
       Ne({ type: "customSlotProperty", propertyId: x }),
-      g,
+      h,
       v
     );
-  }, I = (x, g, v) => {
+  }, I = (x, h, v) => {
     ie(c) && (b.callFunction(
       "__triggerEventV1__",
       ae("stateChangeEvent", "globality", x),
-      g,
-      v ?? g
+      h,
+      v ?? h
     ), t.value?.code.reactivity && ct(
       b,
       t.value.code.reactivity,
       Ne({ type: "state", stateId: x }),
-      g,
+      h,
       v
     ));
   }, b = new iu(
@@ -9957,12 +9967,12 @@ function tt(t, n, e, o, s) {
     u,
     {
       onElementPropertyChange: f,
-      onCustomPropertyChange: _,
-      onCustomSlotPropetyChange: h,
+      onCustomPropertyChange: g,
+      onCustomSlotPropetyChange: _,
       onStateChange: I
     }
   );
-  if (Uc(b), Be(() => {
+  if (Uc(b), we(() => {
     b.dispose();
   }), ie(c)) {
     const x = async () => {
@@ -9974,8 +9984,8 @@ function tt(t, n, e, o, s) {
   }
   ie(c) && pe(
     m,
-    (x, g) => {
-      const v = ut(x.width), z = ut(g?.width ?? x.width);
+    (x, h) => {
+      const v = ut(x.width), z = ut(h?.width ?? x.width);
       b.callFunction(
         "__triggerEventV1__",
         ae("elementEvent", "globality", "screenSizeChange"),
@@ -10038,16 +10048,16 @@ export {
   Lu as duplicateNodePairs,
   wu as elementKeys,
   ke as elements,
-  $u as fileInputV1,
+  Cu as fileInputV1,
   Rt as flexLayoutEntryV1,
   Ue as flexLayoutV1,
   Ot as formV1,
   E as genId,
   Fe as getBreakpointProp,
-  Ie as getField,
-  wn as getIndexOfBreakpoint,
+  Se as getField,
+  In as getIndexOfBreakpoint,
   Pu as getNodeLite,
-  vo as getPropertyDefault,
+  xo as getPropertyDefault,
   R as getPropertyTag,
   tc as globalityV1,
   Xl as groupV1,
@@ -10066,14 +10076,14 @@ export {
   Nc as injectOrg,
   Hc as injectRuntime,
   _e as injectSandbox,
-  we as injectType,
+  Ie as injectType,
   Ye as isCircularReference,
   ie as isExecutableMode,
   Ki as isLocaleOfEventKind,
   Ri as isLocaleOfMethodKind,
   Bi as isLocaleOfPropertyKind,
   hu as isLocaleOfSlotKind,
-  rn as isPercentStr,
+  ln as isPercentStr,
   gt as isPixelStr,
   Bl as keyboardControlsV1,
   Et as lineChartV1,
@@ -10110,7 +10120,7 @@ export {
   Oc as pkgs,
   Jl as pointLightV1,
   Mu as provideDark,
-  $e as provideData,
+  Ve as provideData,
   Ru as provideDepends,
   Au as provideDevice,
   Tu as provideEnv,
@@ -10125,12 +10135,12 @@ export {
   Ia as rangeSliderV1,
   Sa as ratingV1,
   Ga as referenceV1,
-  C as regElement,
+  $ as regElement,
   Ha as renderSwitchV1,
   Ai as reverseBreakpoints,
-  Ca as selectV1,
-  ln as setField,
-  $a as sliderV1,
+  $a as selectV1,
+  an as setField,
+  Ca as sliderV1,
   Ua as slotV1,
   Vu as spawnNode,
   zt as sphereGeometryV1,
@@ -10148,7 +10158,7 @@ export {
   Zt as textareaV1,
   Qt as timelineItemV1,
   en as timelineV1,
-  Cu as toEventName,
+  $u as toEventName,
   Su as toMethodName,
   M as toNodeLite,
   Iu as toPropertyName,
@@ -10159,7 +10169,7 @@ export {
   ei as unwrapMethodId,
   Ju as unwrapMethodKeyOfCustomSlot,
   Hu as unwrapMethodKeyOfElementSlot,
-  xo as unwrapPropertyId,
+  ko as unwrapPropertyId,
   ju as unwrapPropertyKeyOfCustomSlot,
   Fu as unwrapPropertyKeyOfElementSlot,
   em as unwrapSlotId,