x-runtime-lib 0.8.108 → 0.8.110

package/dist/index.js

@@ -1,7 +1,7 @@
 var ln = (t, n) => (n = Symbol[t]) ? n : Symbol.for("Symbol." + t), an = (t) => {
   throw TypeError(t);
 };
-var Ie = (t, n, e) => {
+var Ce = (t, n, e) => {
   if (n != null) {
     typeof n != "object" && typeof n != "function" && an("Object expected");
     var o, s;
@@ -29,7 +29,7 @@ var Ie = (t, n, e) => {
   };
   return r();
 };
-import { defineComponent as I, createElementBlock as se, renderSlot as R, unref as i, openBlock as _, createElementVNode as te, computed as k, normalizeStyle as re, toRef as Go, onBeforeMount as Ho, onUnmounted as Ge, ref as ie, watchEffect as ye, watch as ce, createBlock as $, withCtx as w, createCommentVNode as le, useTemplateRef as co, onMounted as uo, nextTick as mo, useAttrs as Uo, h as pe, resolveComponent as M, createVNode as O, isRef as Z, createSlots as Ft, renderList as Jo, useId as po, withModifiers as qo, normalizeClass as Xo, toDisplayString as Yo, inject as ue, provide as me, readonly as Nt } from "vue";
+import { defineComponent as C, createElementBlock as se, renderSlot as R, unref as i, openBlock as _, createElementVNode as te, computed as k, normalizeStyle as re, toRef as Go, onBeforeMount as Ho, onUnmounted as Ge, ref as ie, watchEffect as ye, watch as ce, createBlock as S, withCtx as w, createCommentVNode as le, useTemplateRef as co, onMounted as uo, nextTick as mo, useAttrs as Uo, h as pe, resolveComponent as M, createVNode as O, isRef as Z, createSlots as Ft, renderList as Jo, useId as po, withModifiers as qo, normalizeClass as Xo, toDisplayString as Yo, inject as ue, provide as me, readonly as Nt } from "vue";
 import { globalObjects as we, waitUtil as fo, useViewStack as yo, eventBus as bo, messageInfo as Zo, messageSuccess as Qo, messageWarning as go, messageError as ho, createAxios as ei, openConfirmDlg as ti, openPromptDlg as ni } from "x-essential-lib";
 import { CameraHelper as _o, DirectionalLightHelper as oi, PointLightHelper as ii, SpotLightHelper as ri } from "three";
 import { c as K, i as de, a as He, K as si, M as li, O as ai, u as ci, r as vo, e as xo, b as ui, d as mi, f as pi, g as di, h as fi, j as yi, k as bi, l as gi, m as ko, n as hi, o as _i, p as vi, q as xi } from "./vendor.nccqfajx.js";
@@ -71,16 +71,16 @@ function at(t) {
   if (!isNaN(e))
     return e;
 }
-const So = ["xs", "sm", "md", "lg", "xl"], Si = [...So].reverse();
+const Io = ["xs", "sm", "md", "lg", "xl"], Ii = [...Io].reverse();
 function Xe(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function un(t) {
-  return So.findIndex((n) => n === t);
+  return Io.findIndex((n) => n === t);
 }
 function We(t, n) {
   let e;
-  for (const o of Si) {
+  for (const o of Ii) {
     if (un(o) < un(t))
       break;
     n[o] && (e = n[o]);
@@ -158,18 +158,27 @@ function E(t, n) {
     children: n
   };
 }
-const $i = ["common", "scene"], Ci = ["common", "scene"];
+const Si = ["common", "scene"], $i = ["common", "scene"];
 function Zc({ type: t, version: n, view: e, code: o }) {
-  const r = {
+  const s = (c, u) => {
+    const p = { id: u.id };
+    u.children && (p.children = [], u.children.forEach((d) => {
+      s(p.children, d);
+    })), c.push(p);
+  }, r = [];
+  e.nodeLites.forEach((c) => {
+    s(r, c);
+  });
+  const a = {
     type: t,
     version: n,
     view: {
-      nodeLites: [],
+      nodeLites: r,
       nodes: e.nodes
     },
     code: o
   };
-  return JSON.stringify(r);
+  return JSON.stringify(a);
 }
 function Qc(t) {
   const { type: n, version: e, view: o, code: s } = JSON.parse(t), r = {
@@ -256,7 +265,7 @@ const eu = [
   "scene_sphere_geometry_v1",
   "scene_spot_light_v1"
 ];
-function Ii(t) {
+function Ci(t) {
   switch (t) {
     case "referenceProperty":
     case "multipleRefProperty":
@@ -314,7 +323,7 @@ function iu(t) {
 function ru(t) {
   return JSON.parse(t);
 }
-function $o(t) {
+function So(t) {
   let n = t;
   for (; n; ) {
     if (n.parent && n.compId === n.parent.compId)
@@ -333,7 +342,7 @@ function Ht(t, n, e) {
 function su(t, n) {
   const { i18n: e } = we;
   let o = "";
-  return t === "elementProperty" || (t === "referenceProperty" || t === "multipleRefProperty" || t === "customProperty" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotProperty" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? o = e.global.t("x-runtime-lib.adaptSlot") : console.assert(!1)), Ht(o, n, Ii(t));
+  return t === "elementProperty" || (t === "referenceProperty" || t === "multipleRefProperty" || t === "customProperty" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotProperty" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? o = e.global.t("x-runtime-lib.adaptSlot") : console.assert(!1)), Ht(o, n, Ci(t));
 }
 function lu(t, n) {
   const { i18n: e } = we;
@@ -345,9 +354,9 @@ function au(t, n) {
   let o = "";
   return t === "elementEvent" || (t === "referenceEvent" || t === "multipleRefEvent" || t === "customEvent" ? o = e.global.t("x-runtime-lib.custom") : t === "customSlotEvent" ? o = e.global.t("x-runtime-lib.customSlot") : t === "adaptSlotElementEvent" || t === "adaptSlotCustomEvent" ? o = e.global.t("x-runtime-lib.adaptSlot") : t === "elementPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = e.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customPropertyChange") : t === "customSlotPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.customSlotPropertyChange") : t === "adaptSlotElementPropertyChangeEvent" || t === "adaptSlotCustomPropertyChangeEvent" ? o = e.global.t("x-runtime-lib.adaptSlotPropertyChange") : t === "stateChangeEvent" ? o = e.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Ht(o, n, Pi(t));
 }
-const Ke = {}, S = (t) => {
+const Ke = {}, I = (t) => {
   Ke[t.key] = t;
-}, Li = ["position", "rotation", "scale"], $e = /* @__PURE__ */ I({
+}, Li = ["position", "rotation", "scale"], Se = /* @__PURE__ */ C({
   __name: "index",
   props: {
     position: {},
@@ -368,7 +377,7 @@ const Ke = {}, S = (t) => {
       R(e.$slots, "default")
     ], 8, Li)) : R(e.$slots, "default", { key: 1 });
   }
-}), N = /* @__PURE__ */ I({
+}), N = /* @__PURE__ */ C({
   __name: "index",
   props: {
     block: { type: Boolean, default: !1 }
@@ -401,12 +410,12 @@ const Ke = {}, S = (t) => {
 });
 function P(t) {
   const n = _e();
-  return { node: Go(n.value.view.nodes, t.id) };
+  return { node: Go(n.value.view.nodes, t.nodeId) };
 }
 function Ye(t, n, e) {
   const o = ve();
   if (o) {
-    const s = k(() => Pc("elementMethod", t.id, n));
+    const s = k(() => Pc("elementMethod", t.nodeId, n));
     Ho(() => {
       o.eventBus?.on(s.value, e);
     }), Ge(() => {
@@ -479,7 +488,7 @@ function be(t) {
     c.value = f.value[0], u.value = f.value[1], p.value = f.value[2];
   }), { position: d, rotation: m, scale: f };
 }
-function Co(t) {
+function $o(t) {
   const n = k(() => t.value.legend?.show), e = k(() => t.value.legend?.data);
   function o(s) {
     s.legend = {
@@ -489,7 +498,7 @@ function Co(t) {
   }
   return { show: n, data: e, applyLegend: o };
 }
-function Io(t) {
+function Co(t) {
   const n = k(() => t.value.series);
   function e(o) {
     o.series = n.value;
@@ -593,16 +602,16 @@ function ge(t, n) {
   }
   return { width: s, minWidth: r, maxWidth: a, height: c, minHeight: u, maxHeight: p, applySize: d };
 }
-const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Ai = /* @__PURE__ */ I({
+const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "scale", "top"], Ai = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
     const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "bottom"]), { property: u } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "left"]), { property: d } = l(e, ["settings", "near"]), { property: m } = l(e, ["settings", "right"]), { property: f } = l(e, ["settings", "top"]);
-    return (g, b) => (_(), $(i($e), {
+    return (g, b) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -619,7 +628,7 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1],
           top: i(f)
         }, [
-          i(o) === "editor" ? (_(), $(i(He), {
+          i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
             type: i(_o)
           }, null, 8, ["type"])) : le("", !0),
@@ -629,16 +638,16 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Mi = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Bi = /* @__PURE__ */ I({
+}), Mi = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], Bi = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
     const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "aspect"]), { property: u } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "fov"]), { property: d } = l(e, ["settings", "near"]);
-    return (m, f) => (_(), $(i($e), {
+    return (m, f) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -653,7 +662,7 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
-          i(o) === "editor" ? (_(), $(i(He), {
+          i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
             type: i(_o)
           }, null, 8, ["type"])) : le("", !0),
@@ -663,28 +672,28 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Wi = /* @__PURE__ */ I({
+}), Wi = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
     const n = J();
-    return (e, o) => i(n) !== "editor" ? (_(), $(i(si), { key: 0 })) : le("", !0);
+    return (e, o) => i(n) !== "editor" ? (_(), S(i(si), { key: 0 })) : le("", !0);
   }
-}), Ri = /* @__PURE__ */ I({
+}), Ri = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
     const n = J();
-    return (e, o) => i(n) !== "editor" ? (_(), $(i(li), { key: 0 })) : le("", !0);
+    return (e, o) => i(n) !== "editor" ? (_(), S(i(li), { key: 0 })) : le("", !0);
   }
-}), Ki = /* @__PURE__ */ I({
+}), Ki = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
     const n = J();
-    return (e, o) => i(n) !== "editor" ? (_(), $(i(ai), { key: 0 })) : le("", !0);
+    return (e, o) => i(n) !== "editor" ? (_(), S(i(ai), { key: 0 })) : le("", !0);
   }
-}), Di = ["args"], Oi = /* @__PURE__ */ I({
+}), Di = ["args"], Oi = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -715,10 +724,10 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
   for (const [o, s] of n)
     e[o] = s;
   return e;
-}, Fi = ["args"], Ni = /* @__PURE__ */ I({
+}, Fi = ["args"], Ni = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -754,10 +763,10 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       ]
     }, null, 8, Fi));
   }
-}), ji = ["color", "intensity", "position", "rotation", "scale"], Gi = /* @__PURE__ */ I({
+}), ji = ["color", "intensity", "position", "rotation", "scale"], Gi = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -766,7 +775,7 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "intensity"
     ]);
-    return (d, m) => (_(), $(i($e), {
+    return (d, m) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -785,10 +794,10 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Hi = ["color", "intensity", "position", "rotation", "scale"], Ui = /* @__PURE__ */ I({
+}), Hi = ["color", "intensity", "position", "rotation", "scale"], Ui = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -797,7 +806,7 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "intensity"
     ]);
-    return (d, m) => (_(), $(i($e), {
+    return (d, m) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -810,7 +819,7 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
-          i(o) === "editor" ? (_(), $(i(He), {
+          i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
             type: i(oi)
           }, null, 8, ["type"])) : le("", !0),
@@ -820,10 +829,10 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ji = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], qi = /* @__PURE__ */ I({
+}), Ji = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], qi = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -835,7 +844,7 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "intensity"
     ]);
-    return (f, g) => (_(), $(i($e), {
+    return (f, g) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -850,7 +859,7 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
-          i(o) === "editor" ? (_(), $(i(He), {
+          i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
             type: i(ii)
           }, null, 8, ["type"])) : le("", !0),
@@ -860,10 +869,10 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Xi = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Yi = /* @__PURE__ */ I({
+}), Xi = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Yi = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -878,7 +887,7 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "penumbra"
     ]);
-    return (b, v) => (_(), $(i($e), {
+    return (b, v) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -895,7 +904,7 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
           rotation: i(o) !== "editor" ? i(r) : [0, 0, 0],
           scale: i(o) !== "editor" ? i(a) : [1, 1, 1]
         }, [
-          i(o) === "editor" ? (_(), $(i(He), {
+          i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
             type: i(ri)
           }, null, 8, ["type"])) : le("", !0),
@@ -909,16 +918,16 @@ const Ei = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
 function Qi(t, n) {
   return _(), se("TresMeshBasicMaterial");
 }
-const er = /* @__PURE__ */ Ae(Zi, [["render", Qi]]), tr = ["position", "rotation", "scale"], nr = /* @__PURE__ */ I({
+const er = /* @__PURE__ */ Ae(Zi, [["render", Qi]]), tr = ["position", "rotation", "scale"], nr = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
     const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e);
-    return (c, u) => (_(), $(i($e), {
+    return (c, u) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
       scale: i(a)
@@ -935,10 +944,10 @@ const er = /* @__PURE__ */ Ae(Zi, [["render", Qi]]), tr = ["position", "rotation
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), or = ["position", "rotation", "scale"], ir = /* @__PURE__ */ I({
+}), or = ["position", "rotation", "scale"], ir = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -952,7 +961,7 @@ const er = /* @__PURE__ */ Ae(Zi, [["render", Qi]]), tr = ["position", "rotation
       R(a.$slots, "default")
     ], 8, or));
   }
-}), rr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], sr = "#242424", lr = {}, ar = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, cr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ur = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, mr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, dr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, _r = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, vr = { 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" } }, xr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, kr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, wr = { 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"] } } }, Sr = { 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"] } } }, $r = { 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"] } } }, Cr = { 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"] } } }, Ir = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Vr = { textStyle: { color: "#eeeeee" } }, Pr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Lr = { 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" } } }, zr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Tr = { 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" } }, Er = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Ar = {
+}), rr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], sr = "#242424", lr = {}, ar = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, cr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, ur = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, mr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, dr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, yr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, gr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, _r = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, vr = { 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" } }, xr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, kr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, wr = { 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"] } } }, Ir = { 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"] } } }, Sr = { 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"] } } }, $r = { 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"] } } }, Cr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Vr = { textStyle: { color: "#eeeeee" } }, Pr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Lr = { 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" } } }, zr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Tr = { 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" } }, Er = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Ar = {
   color: rr,
   backgroundColor: sr,
   textStyle: lr,
@@ -972,10 +981,10 @@ const er = /* @__PURE__ */ Ae(Zi, [["render", Qi]]), tr = ["position", "rotation
   map: xr,
   geo: kr,
   categoryAxis: wr,
-  valueAxis: Sr,
-  logAxis: $r,
-  timeAxis: Cr,
-  toolbox: Ir,
+  valueAxis: Ir,
+  logAxis: Sr,
+  timeAxis: $r,
+  toolbox: Cr,
   legend: Vr,
   tooltip: Pr,
   timeline: Lr,
@@ -1025,15 +1034,15 @@ ci([
 ]);
 vo("dark", Ar);
 vo("light", us);
-const ms = /* @__PURE__ */ I({
+const ms = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = he(), a = _e(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: b } = Vo(e), { applyXAxis: v } = Po(e), { applyYAxis: h } = Lo(e), { applyLegend: x } = Co(e), { applySeries: C } = Io(e), V = k(() => {
+    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = he(), a = _e(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: b } = Vo(e), { applyXAxis: v } = Po(e), { applyYAxis: h } = Lo(e), { applyLegend: x } = $o(e), { applySeries: $ } = Co(e), V = k(() => {
       const L = {}, H = a.value.type;
       return r === "page" ? H === "common" ? g(L) : console.assert(!1) : r === "comp" && H === "common" ? g(L) : console.assert(!1), L;
     }), F = co("chart");
@@ -1046,7 +1055,7 @@ const ms = /* @__PURE__ */ I({
       W?.resize();
     }, D = () => {
       const L = {};
-      b(L), v(L), h(L), x(L), C(L), W?.setOption(L, !0);
+      b(L), v(L), h(L), x(L), $(L), W?.setOption(L, !0);
     };
     return uo(async () => {
       window.addEventListener("resize", j, !1), await fo(() => !!F.value), U(), D();
@@ -1074,7 +1083,7 @@ const ms = /* @__PURE__ */ I({
         D();
       },
       { deep: !0 }
-    ), (L, H) => (_(), $(i(N), { block: "" }, {
+    ), (L, H) => (_(), S(i(N), { block: "" }, {
       default: w(() => [
         te("div", {
           ref: "chart",
@@ -1084,15 +1093,15 @@ const ms = /* @__PURE__ */ I({
       _: 1
     }));
   }
-}), ps = /* @__PURE__ */ I({
+}), ps = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = he(), a = _e(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: b } = Vo(e), { applyXAxis: v } = Po(e), { applyYAxis: h } = Lo(e), { applyLegend: x } = Co(e), { applySeries: C } = Io(e), V = k(() => {
+    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = he(), a = _e(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: b } = Vo(e), { applyXAxis: v } = Po(e), { applyYAxis: h } = Lo(e), { applyLegend: x } = $o(e), { applySeries: $ } = Co(e), V = k(() => {
       const L = {}, H = a.value.type;
       return r === "page" ? H === "common" ? g(L) : console.assert(!1) : r === "comp" && H === "common" ? g(L) : console.assert(!1), L;
     }), F = co("chart");
@@ -1105,7 +1114,7 @@ const ms = /* @__PURE__ */ I({
       W?.resize();
     }, D = () => {
       const L = {};
-      b(L), v(L), h(L), x(L), C(L), W?.setOption(L, !0);
+      b(L), v(L), h(L), x(L), $(L), W?.setOption(L, !0);
     };
     return uo(async () => {
       window.addEventListener("resize", j, !1), await fo(() => !!F.value), U(), D();
@@ -1133,7 +1142,7 @@ const ms = /* @__PURE__ */ I({
         D();
       },
       { deep: !0 }
-    ), (L, H) => (_(), $(i(N), { block: "" }, {
+    ), (L, H) => (_(), S(i(N), { block: "" }, {
       default: w(() => [
         te("div", {
           ref: "chart",
@@ -1143,27 +1152,27 @@ const ms = /* @__PURE__ */ I({
       _: 1
     }));
   }
-}), ds = /* @__PURE__ */ I({
+}), ds = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
     const n = t, e = ie(), o = J();
-    return ne(o) && sn(e, "multipleRef", n.id, "", ve()), rn(n.refContext.compId, e), (s, r) => (_(), se("div"));
+    return ne(o) && sn(e, "multipleRef", n.nodeId, "", ve()), rn(n.refContext.compId, e), (s, r) => (_(), se("div"));
   }
-}), fs = /* @__PURE__ */ I({
+}), fs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
     const { t: n } = wo(), e = t, { node: o } = P(e), s = ie(), r = J();
-    ne(r) && sn(s, "reference", e.id, "", ve()), rn(e.refContext.compId, s);
+    ne(r) && sn(s, "reference", e.nodeId, "", ve()), rn(e.refContext.compId, s);
     const a = Uo(), { applySize: c } = ge(e, o), u = k(() => {
       const m = {};
       return s.value?.type === "common" && c(m), m;
@@ -1172,7 +1181,7 @@ const ms = /* @__PURE__ */ I({
       const f = Ke[m.key];
       if (!f)
         return console.assert(!1, `element not found key=${m.key}`), pe("div", `element not found key=${m.key}`);
-      const g = { id: m.id };
+      const g = { nodeId: m.id };
       m.refId && (g.refContext = {
         parent: e.refContext,
         compId: m.refId
@@ -1183,7 +1192,7 @@ const ms = /* @__PURE__ */ I({
       }), pe(f.comp, { key: "", ...g }, { default: () => b });
     }
     const d = () => {
-      if ($o(e.refContext))
+      if (So(e.refContext))
         return pe("div", n("x-runtime-lib.circularRef"));
       if (!s.value)
         return pe("div");
@@ -1197,39 +1206,39 @@ const ms = /* @__PURE__ */ I({
           { default: () => m }
         );
     };
-    return (m, f) => (_(), $(d));
+    return (m, f) => (_(), S(d));
   }
-}), ys = /* @__PURE__ */ I({
+}), ys = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
     const n = t, { node: e } = P(n), { property: o } = l(e, ["settings", "open"]);
-    return (s, r) => (_(), $(i(N), null, {
+    return (s, r) => (_(), S(i(N), null, {
       default: w(() => [
         i(o) ? R(s.$slots, "default", { key: 0 }) : le("", !0)
       ]),
       _: 3
     }));
   }
-}), ke = /* @__PURE__ */ I({
+}), ke = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
   setup(t) {
     const { t: n } = wo(), e = t, o = ie(), s = J();
-    ne(s) && sn(o, "slot", e.id, "", ve()), rn(e.refContext.compId, o);
+    ne(s) && sn(o, "slot", e.nodeId, "", ve()), rn(e.refContext.compId, o);
     function r(c) {
       const u = Ke[c.key];
       if (!u)
         return console.assert(!1, `element not found key=${c.key}`), pe("div", `element not found key=${c.key}`);
-      const p = { id: c.id };
+      const p = { nodeId: c.id };
       c.refId && (p.refContext = {
         parent: e.refContext,
         compId: c.refId
@@ -1239,13 +1248,13 @@ const ms = /* @__PURE__ */ I({
         d.push(r(m));
       }), pe(u.comp, { key: "", ...p }, { default: () => d });
     }
-    const a = () => $o(e.refContext) ? pe("div", n("x-runtime-lib.circularRef")) : o.value ? o.value.view.nodeLites.map((c) => r(c)) : pe("div");
-    return (c, u) => (_(), $(a));
+    const a = () => So(e.refContext) ? pe("div", n("x-runtime-lib.circularRef")) : o.value ? o.value.view.nodeLites.map((c) => r(c)) : pe("div");
+    return (c, u) => (_(), S(a));
   }
-}), bs = /* @__PURE__ */ I({
+}), bs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1261,7 +1270,7 @@ const ms = /* @__PURE__ */ I({
     ]);
     return (u, p) => {
       const d = M("v-badge");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(d, {
             content: i(o),
@@ -1280,10 +1289,10 @@ const ms = /* @__PURE__ */ I({
       });
     };
   }
-}), gs = /* @__PURE__ */ I({
+}), gs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1302,18 +1311,18 @@ const ms = /* @__PURE__ */ I({
     ]), { property: x } = l(e, [
       "settings",
       "readonly"
-    ]), { property: C } = l(e, ["settings", "ripple"]), { property: V } = l(e, ["settings", "size"]), { property: F } = l(e, ["settings", "stacked"]), { property: W } = l(e, ["settings", "text"]), { theme: U } = G(), { property: j } = l(e, ["settings", "variant"]), { property: D } = l(e, ["size", "width"]), L = (H) => {
+    ]), { property: $ } = l(e, ["settings", "ripple"]), { property: V } = l(e, ["settings", "size"]), { property: F } = l(e, ["settings", "stacked"]), { property: W } = l(e, ["settings", "text"]), { theme: U } = G(), { property: j } = l(e, ["settings", "variant"]), { property: D } = l(e, ["size", "width"]), L = (H) => {
       if (!o || !o.vm)
         return;
       const { vm: ee } = o;
       ee.setProp(ee.global, "__pointerPosX__", ee.newNumber(H.clientX)), ee.setProp(ee.global, "__pointerPosY__", ee.newNumber(H.clientY)), o.callFunction(
         "__triggerEventV1__",
-        oe("elementEvent", n.id, "click")
+        oe("elementEvent", n.nodeId, "click")
       );
     };
     return (H, ee) => {
       const ae = M("v-btn");
-      return _(), $(i(N), { block: i(r) }, {
+      return _(), S(i(N), { block: i(r) }, {
         default: w(() => [
           O(ae, {
             "append-icon": i(s),
@@ -1329,7 +1338,7 @@ const ms = /* @__PURE__ */ I({
             "min-width": i(v),
             "prepend-icon": i(h),
             readonly: i(x),
-            ripple: i(C),
+            ripple: i($),
             size: i(V),
             stacked: i(F),
             text: i(W),
@@ -1346,17 +1355,17 @@ const ms = /* @__PURE__ */ I({
 }), hs = {};
 function _s(t, n) {
   const e = M("v-btn-group");
-  return _(), $(e, null, {
+  return _(), S(e, null, {
     default: w(() => [
       R(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
+const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1376,7 +1385,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: p } = l(e, ["settings", "size"]), { property: d } = l(e, ["settings", "stacked"]), { theme: m } = G(), { property: f } = l(e, ["settings", "tile"]), { property: g } = l(e, ["settings", "variant"]);
     return (b, v) => {
       const h = M("v-btn-toggle");
-      return _(), $(h, {
+      return _(), S(h, {
         block: i(o),
         disabled: i(s),
         divided: i(r),
@@ -1396,10 +1405,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
     };
   }
-}), ks = /* @__PURE__ */ I({
+}), ks = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1411,9 +1420,9 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       "settings",
       "subtitle"
     ]), { property: g } = l(e, ["settings", "text"]), { theme: b } = G(), { property: v } = l(e, ["settings", "title"]), { property: h } = l(e, ["settings", "variant"]), { property: x } = l(e, ["size", "width"]);
-    return (C, V) => {
+    return ($, V) => {
       const F = M("v-card");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(F, {
             density: i(o),
@@ -1433,7 +1442,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
             width: i(x)
           }, {
             default: w(() => [
-              R(C.$slots, "default")
+              R($.$slots, "default")
             ]),
             _: 3
           }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
@@ -1442,10 +1451,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), ws = /* @__PURE__ */ I({
+}), ws = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1459,7 +1468,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]);
     return (r, a) => {
       const c = M("v-checkbox");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(c, {
             disabled: i(o),
@@ -1470,10 +1479,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Ss = /* @__PURE__ */ I({
+}), Is = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1488,9 +1497,9 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       "settings",
       "draggable"
     ]), { property: p } = l(e, ["settings", "filter"]), { property: d } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "size"]), { property: f } = l(e, ["settings", "text"]), { theme: g } = G(), { property: b } = l(e, ["settings", "tile"]), { property: v } = l(e, ["settings", "value"]), { property: h } = l(e, ["settings", "variant"]);
-    return (x, C) => {
+    return (x, $) => {
       const V = M("v-chip");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(V, {
             closable: i(o),
@@ -1512,10 +1521,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), $s = /* @__PURE__ */ I({
+}), Ss = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1538,7 +1547,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: d } = G(), { property: m } = l(e, ["settings", "value"]);
     return (f, g) => {
       const b = M("v-chip-group");
-      return _(), $(b, {
+      return _(), S(b, {
         modelValue: i(m),
         "onUpdate:modelValue": g[0] || (g[0] = (v) => Z(m) ? m.value = v : null),
         column: i(o),
@@ -1557,10 +1566,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
     };
   }
-}), Cs = /* @__PURE__ */ I({
+}), $s = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1592,7 +1601,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: b } = G();
     return (v, h) => {
       const x = M("v-color-picker");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(x, {
             disabled: i(c),
@@ -1610,10 +1619,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Is = /* @__PURE__ */ I({
+}), Cs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1633,7 +1642,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: u } = G(), { property: p } = l(e, ["settings", "value"]);
     return (d, m) => {
       const f = M("v-combobox");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(f, {
             modelValue: i(p),
@@ -1650,10 +1659,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Vs = /* @__PURE__ */ I({
+}), Vs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1665,7 +1674,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       const f = {}, g = s.value.type;
       return o === "page" ? g === "common" ? (c(f), u(f), p(f), d(f), a.value && (f.backgroundColor = a.value)) : console.assert(!1) : o === "comp" && g === "common" ? (c(f), u(f), p(f), d(f), a.value && (f.backgroundColor = a.value)) : console.assert(!1), f;
     });
-    return (f, g) => (_(), $(i(N), { block: "" }, {
+    return (f, g) => (_(), S(i(N), { block: "" }, {
       default: w(() => [
         te("div", {
           style: re(m.value)
@@ -1676,10 +1685,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       _: 3
     }));
   }
-}), Ps = /* @__PURE__ */ I({
+}), Ps = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1701,7 +1710,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     });
     return (v, h) => {
       const x = M("v-data-table");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(x, {
             density: i(o),
@@ -1716,14 +1725,14 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
             theme: i(f),
             width: i(g)
           }, Ft({ _: 2 }, [
-            Jo(b.value, (C) => ({
-              name: `item.${C.column}`,
+            Jo(b.value, ($) => ({
+              name: `item.${$.column}`,
               fn: w(({ value: V }) => [
                 O(i(ke), {
-                  id: C.column,
-                  "ref-context": { compId: C.comp },
+                  "node-id": $.column,
+                  "ref-context": { compId: $.comp },
                   state: { value: V }
-                }, null, 8, ["id", "ref-context", "state"])
+                }, null, 8, ["node-id", "ref-context", "state"])
               ])
             }))
           ]), 1032, ["density", "fixed-footer", "fixed-header", "headers", "height", "hover", "items", "loading", "multi-sort", "theme", "width"])
@@ -1732,12 +1741,12 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Ls = /* @__PURE__ */ I({
+}), Ls = /* @__PURE__ */ C({
   __name: "index",
   setup(t) {
     return (n, e) => {
       const o = M("v-date-picker");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(o)
         ]),
@@ -1745,10 +1754,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), zs = ["id"], Ts = /* @__PURE__ */ I({
+}), zs = ["id"], Ts = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1760,7 +1769,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       o.value = !1;
     }), (s, r) => {
       const a = M("v-dialog");
-      return _(), $(a, {
+      return _(), S(a, {
         modelValue: i(o),
         "onUpdate:modelValue": r[0] || (r[0] = (c) => Z(o) ? o.value = c : null),
         attach: "#dialogContainer"
@@ -1768,7 +1777,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
         activator: w(() => [
           i(e) === "editor" ? (_(), se("div", {
             key: 0,
-            id: `__node__@${n.id}`
+            id: `__node__@${n.nodeId}`
           }, null, 8, zs)) : le("", !0)
         ]),
         default: w(() => [
@@ -1778,10 +1787,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, 8, ["modelValue"]);
     };
   }
-}), Es = /* @__PURE__ */ I({
+}), Es = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1804,7 +1813,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]);
     return (g, b) => {
       const v = M("v-file-input");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(v, {
             chips: i(o),
@@ -1823,10 +1832,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), As = /* @__PURE__ */ I({
+}), As = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1840,8 +1849,8 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       h === "row" ? b.flexDirection = "row" : h === "rowReverse" ? b.flexDirection = "row-reverse" : h === "column" ? b.flexDirection = "column" : h === "columnReverse" && (b.flexDirection = "column-reverse");
       const x = We(v, e.value.settings?.wrap);
       x === "no" ? b.flexWrap = "nowrap" : x === "yes" ? b.flexWrap = "wrap" : x === "reverse" && (b.flexWrap = "wrap-reverse");
-      const C = We(v, e.value.settings?.mainAlign);
-      C === "start" ? b.justifyContent = "flex-start" : C === "end" ? b.justifyContent = "flex-end" : C === "center" ? b.justifyContent = "center" : C === "spaceBetween" ? b.justifyContent = "space-between" : C === "spaceAround" ? b.justifyContent = "space-around" : C === "spaceEvenly" && (b.justifyContent = "space-evenly");
+      const $ = We(v, e.value.settings?.mainAlign);
+      $ === "start" ? b.justifyContent = "flex-start" : $ === "end" ? b.justifyContent = "flex-end" : $ === "center" ? b.justifyContent = "center" : $ === "spaceBetween" ? b.justifyContent = "space-between" : $ === "spaceAround" ? b.justifyContent = "space-around" : $ === "spaceEvenly" && (b.justifyContent = "space-evenly");
       const V = We(v, e.value.settings?.crossAlign);
       V === "start" ? b.alignItems = "flex-start" : V === "end" ? b.alignItems = "flex-end" : V === "center" ? b.alignItems = "center" : V === "baseline" ? b.alignItems = "baseline" : V === "stretch" && (b.alignItems = "stretch");
     }, g = k(() => {
@@ -1854,10 +1863,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       R(b.$slots, "default")
     ], 4));
   }
-}), Ms = /* @__PURE__ */ I({
+}), Ms = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1872,10 +1881,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       R(p.$slots, "default")
     ], 4));
   }
-}), Bs = /* @__PURE__ */ I({
+}), Bs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1892,12 +1901,12 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     }), v = () => {
       r && r.callFunction(
         "__triggerEventV1__",
-        oe("elementEvent", n.id, "submit")
+        oe("elementEvent", n.nodeId, "submit")
       );
     };
     return (h, x) => {
-      const C = M("v-form");
-      return _(), $(C, {
+      const $ = M("v-form");
+      return _(), S($, {
         modelValue: i(a),
         "onUpdate:modelValue": x[0] || (x[0] = (V) => Z(a) ? a.value = V : null),
         "fast-fail": i(c),
@@ -1911,10 +1920,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, 8, ["modelValue", "fast-fail", "style"]);
     };
   }
-}), Ws = /* @__PURE__ */ I({
+}), Ws = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1925,7 +1934,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: a } = l(e, ["settings", "icon"]), { property: c } = l(e, ["settings", "size"]), { theme: u } = G();
     return (p, d) => {
       const m = M("v-icon");
-      return _(), $(m, {
+      return _(), S(m, {
         color: i(s),
         disabled: i(r),
         icon: i(a),
@@ -1934,10 +1943,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, null, 8, ["color", "disabled", "icon", "size", "theme"]);
     };
   }
-}), Rs = ["id"], Ks = /* @__PURE__ */ I({
+}), Rs = ["id"], Ks = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -1952,7 +1961,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       o && (c.value = !1);
     }), (u, p) => {
       const d = M("v-menu");
-      return _(), $(d, {
+      return _(), S(d, {
         modelValue: i(c),
         "onUpdate:modelValue": p[0] || (p[0] = (m) => Z(c) ? c.value = m : null),
         attach: "menuContainer",
@@ -1963,7 +1972,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
         activator: w(() => [
           i(e) === "editor" ? (_(), se("div", {
             key: 0,
-            id: `__node__@${n.id}`
+            id: `__node__@${n.nodeId}`
           }, null, 8, Rs)) : le("", !0)
         ]),
         default: w(() => [
@@ -1973,10 +1982,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Ds = /* @__PURE__ */ I({
+}), Ds = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2009,7 +2018,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       "settings",
       "addIcon",
       "prependInner"
-    ]), { property: C } = l(e, [
+    ]), { property: $ } = l(e, [
       "settings",
       "readonly"
     ]), { property: V } = l(e, ["settings", "reverse"]), { property: F } = l(e, [
@@ -2017,10 +2026,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       "singleLine"
     ]), { property: W } = l(e, ["settings", "step"]), { property: U } = l(e, ["settings", "suffix"]), { theme: j } = G(), { property: D } = l(e, ["settings", "value"]), { property: L } = l(e, ["settings", "variant"]), { property: H } = l(e, ["size", "width"]);
     return (ee, ae) => {
-      const Ce = M("v-number-input");
-      return _(), $(i(N), { block: "" }, {
+      const $e = M("v-number-input");
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
-          O(Ce, {
+          O($e, {
             modelValue: i(D),
             "onUpdate:modelValue": ae[0] || (ae[0] = (fe) => Z(D) ? D.value = fe : null),
             "append-icon": i(o),
@@ -2038,7 +2047,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
             prefix: i(v),
             "prepend-icon": i(h),
             "prepend-inner-icon": i(x),
-            readonly: i(C),
+            readonly: i($),
             reverse: i(V),
             "single-line": i(F),
             step: i(W),
@@ -2052,10 +2061,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Os = /* @__PURE__ */ I({
+}), Os = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2072,11 +2081,11 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     });
     return (v, h) => {
       const x = M("v-pagination");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(x, {
             modelValue: i(f),
-            "onUpdate:modelValue": h[0] || (h[0] = (C) => Z(f) ? f.value = C : null),
+            "onUpdate:modelValue": h[0] || (h[0] = ($) => Z(f) ? f.value = $ : null),
             density: i(s),
             disabled: i(r),
             length: i(a),
@@ -2093,10 +2102,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Fs = /* @__PURE__ */ I({
+}), Fs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2110,7 +2119,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: p } = G(), { property: d } = l(e, ["settings", "value"]);
     return (m, f) => {
       const g = M("v-radio");
-      return _(), $(g, {
+      return _(), S(g, {
         color: i(s),
         density: i(r),
         disabled: i(a),
@@ -2121,10 +2130,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       }, null, 8, ["color", "density", "disabled", "label", "readonly", "theme", "value"]);
     };
   }
-}), Ns = /* @__PURE__ */ I({
+}), Ns = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2141,7 +2150,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: u } = G(), { property: p } = l(e, ["settings", "value"]);
     return (d, m) => {
       const f = M("v-radio-group");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(f, {
             modelValue: i(p),
@@ -2163,10 +2172,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), js = /* @__PURE__ */ I({
+}), js = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2202,11 +2211,11 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     }), { property: x } = l(e, [
       "settings",
       "thumbSize"
-    ]), { property: C } = l(e, ["settings", "ticks"]), V = k(() => {
-      if (!C.value)
+    ]), { property: $ } = l(e, ["settings", "ticks"]), V = k(() => {
+      if (!$.value)
         return;
       const D = {};
-      for (const { value: L, label: H } of C.value)
+      for (const { value: L, label: H } of $.value)
         D[L] = H;
       if (!ko(D))
         return D;
@@ -2229,7 +2238,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     });
     return (D, L) => {
       const H = M("v-range-slider");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(H, {
             modelValue: j.value,
@@ -2255,10 +2264,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Gs = /* @__PURE__ */ I({
+}), Gs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2278,7 +2287,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: d } = G(), { property: m } = l(e, ["settings", "value"]);
     return (f, g) => {
       const b = M("v-rating");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(b, {
             modelValue: i(m),
@@ -2297,10 +2306,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Hs = /* @__PURE__ */ I({
+}), Hs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2320,7 +2329,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: u } = G(), { property: p } = l(e, ["settings", "value"]);
     return (d, m) => {
       const f = M("v-select");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(f, {
             modelValue: i(p),
@@ -2337,10 +2346,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Us = /* @__PURE__ */ I({
+}), Us = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2368,7 +2377,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     }), { property: v } = l(e, ["settings", "step"]), { theme: h } = G(), { property: x } = l(e, [
       "settings",
       "thumbColor"
-    ]), { color: C } = q(x), { property: V } = l(e, [
+    ]), { color: $ } = q(x), { property: V } = l(e, [
       "settings",
       "thumbLabel"
     ]), F = k(() => {
@@ -2393,10 +2402,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { property: L } = l(e, [
       "settings",
       "trackColor"
-    ]), { color: H } = q(L), { property: ee } = l(e, ["settings", "value"]), { property: ae } = l(e, ["slots", "append"]), { property: Ce } = l(e, ["slots", "prepend"]);
+    ]), { color: H } = q(L), { property: ee } = l(e, ["settings", "value"]), { property: ae } = l(e, ["slots", "append"]), { property: $e } = l(e, ["slots", "prepend"]);
     return (fe, Je) => {
       const lt = M("v-slider");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(lt, {
             modelValue: i(ee),
@@ -2413,7 +2422,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
             "show-ticks": b.value,
             step: i(v),
             theme: i(h),
-            "thumb-color": i(C),
+            "thumb-color": i($),
             "thumb-label": F.value,
             "thumb-size": i(W),
             "tick-size": i(D),
@@ -2424,19 +2433,19 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
               name: "append",
               fn: w(() => [
                 O(i(ke), {
-                  id: "append",
+                  "node-id": "append",
                   "ref-context": { compId: i(ae) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
               key: "0"
             } : void 0,
-            i(Ce) ? {
+            i($e) ? {
               name: "prepend",
               fn: w(() => [
                 O(i(ke), {
-                  id: "prepend",
-                  "ref-context": { compId: i(Ce) },
+                  "node-id": "prepend",
+                  "ref-context": { compId: i($e) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2448,10 +2457,10 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
       });
     };
   }
-}), Js = /* @__PURE__ */ I({
+}), Js = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2462,7 +2471,7 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
     ]), { theme: s } = G(), { property: r } = l(e, ["settings", "value"]);
     return (a, c) => {
       const u = M("v-stepper");
-      return _(), $(u, {
+      return _(), S(u, {
         modelValue: i(r),
         "onUpdate:modelValue": c[0] || (c[0] = (p) => Z(r) ? r.value = p : null),
         "hide-actions": i(o),
@@ -2478,17 +2487,17 @@ const vs = /* @__PURE__ */ Ae(hs, [["render", _s]]), xs = /* @__PURE__ */ I({
 }), qs = {};
 function Xs(t, n) {
   const e = M("v-stepper-header");
-  return _(), $(e, null, {
+  return _(), S(e, null, {
     default: w(() => [
       R(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Ys = /* @__PURE__ */ Ae(qs, [["render", Xs]]), Zs = /* @__PURE__ */ I({
+const Ys = /* @__PURE__ */ Ae(qs, [["render", Xs]]), Zs = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2496,7 +2505,7 @@ const Ys = /* @__PURE__ */ Ae(qs, [["render", Xs]]), Zs = /* @__PURE__ */ I({
     const n = t, { node: e } = P(n), { property: o } = l(e, ["settings", "value"]);
     return (s, r) => {
       const a = M("v-stepper-item");
-      return _(), $(a, { value: i(o) }, {
+      return _(), S(a, { value: i(o) }, {
         default: w(() => [
           R(s.$slots, "default")
         ]),
@@ -2507,17 +2516,17 @@ const Ys = /* @__PURE__ */ Ae(qs, [["render", Xs]]), Zs = /* @__PURE__ */ I({
 }), Qs = {};
 function el(t, n) {
   const e = M("v-stepper-window");
-  return _(), $(e, null, {
+  return _(), S(e, null, {
     default: w(() => [
       R(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
+const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2525,7 +2534,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     const n = t, { node: e } = P(n), { property: o } = l(e, ["settings", "value"]);
     return (s, r) => {
       const a = M("v-stepper-window-item");
-      return _(), $(a, { value: i(o) }, {
+      return _(), S(a, { value: i(o) }, {
         default: w(() => [
           R(s.$slots, "default")
         ]),
@@ -2533,10 +2542,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       }, 8, ["value"]);
     };
   }
-}), ol = /* @__PURE__ */ I({
+}), ol = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2556,7 +2565,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     ]), { property: u } = l(e, ["settings", "inline"]), { property: p } = l(e, ["settings", "inset"]), { property: d } = l(e, ["settings", "label"]), { property: m } = l(e, ["settings", "loading"]), { theme: f } = G(), { property: g } = l(e, ["settings", "value"]);
     return (b, v) => {
       const h = M("v-switch");
-      return _(), $(i(N), { "fit-content": !0 }, {
+      return _(), S(i(N), { "fit-content": !0 }, {
         default: w(() => [
           O(h, {
             modelValue: i(g),
@@ -2577,10 +2586,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       });
     };
   }
-}), il = /* @__PURE__ */ I({
+}), il = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2591,7 +2600,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     });
     return (u, p) => {
       const d = M("v-tab");
-      return _(), $(i(N), null, {
+      return _(), S(i(N), null, {
         default: w(() => [
           O(d, {
             style: re(c.value),
@@ -2604,10 +2613,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       });
     };
   }
-}), rl = /* @__PURE__ */ I({
+}), rl = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2644,14 +2653,14 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     ]), { property: x } = l(e, [
       "settings",
       "showArrows"
-    ]), { property: C } = l(e, [
+    ]), { property: $ } = l(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: V } = q(C), { property: F } = l(e, ["settings", "stacked"]), { theme: W } = G(), { property: U } = l(e, ["settings", "value"]);
+    ]), { color: V } = q($), { property: F } = l(e, ["settings", "stacked"]), { theme: W } = G(), { property: U } = l(e, ["settings", "value"]);
     return (j, D) => {
       const L = M("v-tabs");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(L, {
             modelValue: i(U),
@@ -2683,10 +2692,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       });
     };
   }
-}), sl = /* @__PURE__ */ I({
+}), sl = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2701,7 +2710,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       const m = [], f = Xe(o.value.width), g = We(f, e.value.settings?.style);
       return g && m.push(`text-${g}`), a.value === "high" ? m.push("text-high-emphasis") : a.value === "medium" ? m.push("text-medium-emphasis") : a.value === "disabled" && m.push("text-disabled"), s.value && m.push(`font-${s.value}`), r.value && m.push(`text-decoration-${r.value}`), p.value && m.push(`font-weight-${p.value}`), c.value && m.push("font-italic"), m.join(" ");
     });
-    return (m, f) => (_(), $(i(N), null, {
+    return (m, f) => (_(), S(i(N), null, {
       default: w(() => [
         te("span", {
           class: Xo(d.value)
@@ -2710,10 +2719,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       _: 1
     }));
   }
-}), ll = /* @__PURE__ */ I({
+}), ll = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2737,9 +2746,9 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       "settings",
       "singleLine"
     ]), { theme: v } = G(), { property: h } = l(e, ["settings", "value"]), { property: x } = l(e, ["settings", "variant"]);
-    return (C, V) => {
+    return ($, V) => {
       const F = M("v-textarea");
-      return _(), $(i(N), { block: "" }, {
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
           O(F, {
             modelValue: i(h),
@@ -2764,10 +2773,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       });
     };
   }
-}), al = /* @__PURE__ */ I({
+}), al = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2802,7 +2811,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
     ]), { property: h } = l(e, [
       "settings",
       "readonly"
-    ]), { property: x } = l(e, ["settings", "reverse"]), { property: C } = l(e, [
+    ]), { property: x } = l(e, ["settings", "reverse"]), { property: $ } = l(e, [
       "settings",
       "singleLine"
     ]), { property: V } = l(e, ["settings", "suffix"]), { theme: F } = G(), { property: W } = l(e, ["settings", "value"]), { property: U } = l(e, ["settings", "variant"]), { property: j } = l(e, ["slots", "append"]), { property: D } = l(e, [
@@ -2813,10 +2822,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       "prependInner"
     ]);
     return (ee, ae) => {
-      const Ce = M("v-text-field");
-      return _(), $(i(N), { block: "" }, {
+      const $e = M("v-text-field");
+      return _(), S(i(N), { block: "" }, {
         default: w(() => [
-          O(Ce, {
+          O($e, {
             modelValue: i(W),
             "onUpdate:modelValue": ae[0] || (ae[0] = (fe) => Z(W) ? W.value = fe : null),
             "append-icon": i(o),
@@ -2834,7 +2843,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
             "prepend-inner-icon": i(v),
             readonly: i(h),
             reverse: i(x),
-            "single-line": i(C),
+            "single-line": i($),
             suffix: i(V),
             theme: i(F),
             variant: i(U)
@@ -2843,7 +2852,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
               name: "append",
               fn: w(() => [
                 O(i(ke), {
-                  id: "append",
+                  "node-id": "append",
                   "ref-context": { compId: i(j) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2854,7 +2863,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
               name: "append-inner",
               fn: w(() => [
                 O(i(ke), {
-                  id: "append-inner",
+                  "node-id": "append-inner",
                   "ref-context": { compId: i(D) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2865,7 +2874,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
               name: "prepend",
               fn: w(() => [
                 O(i(ke), {
-                  id: "prepend",
+                  "node-id": "prepend",
                   "ref-context": { compId: i(L) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2876,7 +2885,7 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
               name: "prepend-inner",
               fn: w(() => [
                 O(i(ke), {
-                  id: "prepend-inner",
+                  "node-id": "prepend-inner",
                   "ref-context": { compId: i(H) },
                   state: {}
                 }, null, 8, ["ref-context"])
@@ -2889,10 +2898,10 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       });
     };
   }
-}), cl = /* @__PURE__ */ I({
+}), cl = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2928,9 +2937,9 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
       "line",
       "truncate"
     ]), { theme: h } = G();
-    return (x, C) => {
+    return (x, $) => {
       const V = M("v-timeline");
-      return _(), $(V, {
+      return _(), S(V, {
         align: i(o),
         density: i(s),
         direction: i(r),
@@ -2954,17 +2963,17 @@ const tl = /* @__PURE__ */ Ae(Qs, [["render", el]]), nl = /* @__PURE__ */ I({
 }), ul = {};
 function ml(t, n) {
   const e = M("v-timeline-item");
-  return _(), $(e, null, {
+  return _(), S(e, null, {
     default: w(() => [
       R(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const pl = /* @__PURE__ */ Ae(ul, [["render", ml]]), dl = /* @__PURE__ */ I({
+const pl = /* @__PURE__ */ Ae(ul, [["render", ml]]), dl = /* @__PURE__ */ C({
   __name: "index",
   props: {
-    id: {},
+    nodeId: {},
     outer: { type: Boolean },
     refContext: {}
   },
@@ -2984,7 +2993,7 @@ const pl = /* @__PURE__ */ Ae(ul, [["render", ml]]), dl = /* @__PURE__ */ I({
     ]), { property: u } = l(e, ["settings", "touch"]), { theme: p } = G(), { property: d } = l(e, ["settings", "value"]);
     return (m, f) => {
       const g = M("v-window");
-      return _(), $(g, {
+      return _(), S(g, {
         modelValue: i(d),
         "onUpdate:modelValue": f[0] || (f[0] = (b) => Z(d) ? d.value = b : null),
         continuous: i(o),
@@ -3005,7 +3014,7 @@ const pl = /* @__PURE__ */ Ae(ul, [["render", ml]]), dl = /* @__PURE__ */ I({
 }), fl = {};
 function yl(t, n) {
   const e = M("v-window-item");
-  return _(), $(e, null, {
+  return _(), S(e, null, {
     default: w(() => [
       R(t.$slots, "default")
     ]),
@@ -3500,7 +3509,7 @@ const bl = /* @__PURE__ */ Ae(fl, [["render", yl]]), y = {
   methods: [],
   slots: []
 };
-S(hl);
+I(hl);
 const pn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -3546,7 +3555,7 @@ const pn = {
   methods: [],
   slots: []
 };
-S(_l);
+I(_l);
 const vl = {
   key: "scene_keyboard_controls_v1",
   name: "x-runtime-lib.keyboardControls",
@@ -3560,7 +3569,7 @@ const vl = {
   slots: [],
   leaf: !0
 };
-S(vl);
+I(vl);
 const xl = {
   key: "scene_map_controls_v1",
   name: "x-runtime-lib.mapControls",
@@ -3574,7 +3583,7 @@ const xl = {
   slots: [],
   leaf: !0
 };
-S(xl);
+I(xl);
 const kl = {
   key: "scene_orbit_controls_v1",
   name: "x-runtime-lib.orbitControls",
@@ -3588,7 +3597,7 @@ const kl = {
   slots: [],
   leaf: !0
 };
-S(kl);
+I(kl);
 function wl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -3618,7 +3627,7 @@ function wl(t, n) {
       z: 1
     }
   };
-  const a = Sl(t, n), c = $l(t, n);
+  const a = Il(t, n), c = Sl(t, n);
   return {
     nodeLite: E(r, [a.nodeLite, c.nodeLite]),
     nodes: {
@@ -3628,7 +3637,7 @@ function wl(t, n) {
     }
   };
 }
-function Sl(t, n) {
+function Il(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
@@ -3658,7 +3667,7 @@ function Sl(t, n) {
     }
   };
 }
-function $l(t, n) {
+function Sl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
@@ -3739,8 +3748,8 @@ const dn = {
   leaf: !0,
   spawn: wl
 };
-S(yt);
-function Cl(t, n) {
+I(yt);
+function $l(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`sphereGeometryV1/spawn property tag not found, ${e}`);
@@ -3769,7 +3778,7 @@ function Cl(t, n) {
       z: 1
     }
   };
-  const a = Il(t, n), c = Vl(t, n);
+  const a = Cl(t, n), c = Vl(t, n);
   return {
     nodeLite: E(r, [a.nodeLite, c.nodeLite]),
     nodes: {
@@ -3779,7 +3788,7 @@ function Cl(t, n) {
     }
   };
 }
-function Il(t, n) {
+function Cl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(
@@ -3897,9 +3906,9 @@ const fn = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: Cl
+  spawn: $l
 };
-S(bt);
+I(bt);
 const ot = K(X);
 ot.children[0].default = "custom";
 ot.children[2].children[0].default = "0xffffff";
@@ -3929,7 +3938,7 @@ const yn = {
   methods: [],
   slots: []
 };
-S(Pl);
+I(Pl);
 const it = K(X);
 it.children[0].default = "custom";
 it.children[2].children[0].default = "0xffffff";
@@ -3959,7 +3968,7 @@ const bn = {
   methods: [],
   slots: []
 };
-S(Ll);
+I(Ll);
 const rt = K(X);
 rt.children[0].default = "custom";
 rt.children[2].children[0].default = "0xffffff";
@@ -4003,7 +4012,7 @@ const gn = {
   methods: [],
   slots: []
 };
-S(zl);
+I(zl);
 const st = K(X);
 st.children[0].default = "custom";
 st.children[2].children[0].default = "0xffffff";
@@ -4064,7 +4073,7 @@ const hn = {
   methods: [],
   slots: []
 };
-S(Tl);
+I(Tl);
 const De = {
   key: "scene_mesh_basic_material_v1",
   name: "x-runtime-lib.meshBasicMaterial",
@@ -4078,7 +4087,7 @@ const De = {
   slots: [],
   leaf: !0
 };
-S(De);
+I(De);
 const El = {
   key: "scene_group_v1",
   name: "x-runtime-lib.group",
@@ -4091,7 +4100,7 @@ const El = {
   methods: [],
   slots: []
 };
-S(El);
+I(El);
 const Oe = {
   key: "scene_mesh_v1",
   name: "x-runtime-lib.mesh",
@@ -4104,7 +4113,7 @@ const Oe = {
   methods: [],
   slots: []
 };
-S(Oe);
+I(Oe);
 function Al(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -4161,7 +4170,7 @@ const _n = {
   leaf: !0,
   spawn: Al
 };
-S(gt);
+I(gt);
 function Ml(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -4218,7 +4227,7 @@ const vn = {
   leaf: !0,
   spawn: Ml
 };
-S(ht);
+I(ht);
 const Bl = {
   key: "multiple_ref_v1",
   name: "x-runtime-lib.multipleRef",
@@ -4229,7 +4238,7 @@ const Bl = {
   },
   leaf: !0
 };
-S(Bl);
+I(Bl);
 const xn = {
   key: "reference",
   name: "x-runtime-lib.reference",
@@ -4251,7 +4260,7 @@ const xn = {
   },
   leaf: !0
 };
-S(Wl);
+I(Wl);
 const kn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4272,7 +4281,7 @@ const kn = {
     compCommon: [y, kn]
   }
 };
-S(Rl);
+I(Rl);
 const Me = K(X);
 Me.key = "backgroundColor";
 Me.name = "x-runtime-lib.backgroundColor";
@@ -4338,7 +4347,7 @@ const zo = {
   events: [Nl, jl, Gl],
   internal: !0
 };
-S(Hl);
+I(Hl);
 const wn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4383,7 +4392,7 @@ const wn = {
     compCommon: [y, wn]
   }
 };
-S(Ul);
+I(Ul);
 function Jl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -4403,7 +4412,7 @@ function Jl(t, n) {
     }
   };
 }
-const ql = K(X), Sn = {
+const ql = K(X), In = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4495,8 +4504,8 @@ const ql = K(X), Sn = {
   name: "x-runtime-lib.button",
   comp: gs,
   properties: {
-    pageCommon: [y, Y, Sn],
-    compCommon: [y, Y, Sn]
+    pageCommon: [y, Y, In],
+    compCommon: [y, Y, In]
   },
   events: [
     {
@@ -4507,7 +4516,7 @@ const ql = K(X), Sn = {
   leaf: !0,
   spawn: Jl
 };
-S(_t);
+I(_t);
 const Xl = {
   key: "common_btn_group_v1",
   name: "x-runtime-lib.buttonGroup",
@@ -4517,8 +4526,8 @@ const Xl = {
     compCommon: [y]
   }
 };
-S(Xl);
-const $n = {
+I(Xl);
+const Sn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4584,11 +4593,11 @@ const $n = {
   name: "x-runtime-lib.buttonToggle",
   comp: xs,
   properties: {
-    pageCommon: [y, $n],
-    compCommon: [y, $n]
+    pageCommon: [y, Sn],
+    compCommon: [y, Sn]
   }
 };
-S(Yl);
+I(Yl);
 function Zl(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -4608,7 +4617,7 @@ function Zl(t, n) {
     }
   };
 }
-const Cn = {
+const $n = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4668,13 +4677,13 @@ const Cn = {
   name: "x-runtime-lib.card",
   comp: ks,
   properties: {
-    pageCommon: [y, Y, Cn],
-    compCommon: [y, Y, Cn]
+    pageCommon: [y, Y, $n],
+    compCommon: [y, Y, $n]
   },
   spawn: Zl
 };
-S(Fe);
-const In = {
+I(Fe);
+const Cn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4696,12 +4705,12 @@ const In = {
   name: "x-runtime-lib.checkbox",
   comp: ws,
   properties: {
-    pageCommon: [y, In],
-    compCommon: [y, In]
+    pageCommon: [y, Cn],
+    compCommon: [y, Cn]
   },
   leaf: !0
 };
-S(Ql);
+I(Ql);
 const ea = K(X), Vn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4780,14 +4789,14 @@ const ea = K(X), Vn = {
 }, vt = {
   key: "common_chip_v1",
   name: "x-runtime-lib.chip",
-  comp: Ss,
+  comp: Is,
   properties: {
     pageCommon: [y, Vn],
     compCommon: [y, Vn]
   },
   leaf: !0
 };
-S(vt);
+I(vt);
 function ta(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -4898,25 +4907,25 @@ const Pn = {
 }, xt = {
   key: "common_chip_group_v1",
   name: "x-runtime-lib.chipGroup",
-  comp: $s,
+  comp: Ss,
   properties: {
     pageCommon: [y, Pn],
     compCommon: [y, Pn]
   },
   spawn: ta
 };
-S(xt);
+I(xt);
 const na = {
   key: "common_color_picker_v1",
   name: "x-runtime-lib.colorPicker",
-  comp: Cs,
+  comp: $s,
   properties: {
     pageCommon: [y],
     compCommon: [y]
   },
   leaf: !0
 };
-S(na);
+I(na);
 const Ln = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4961,14 +4970,14 @@ const Ln = {
 }, oa = {
   key: "common_combobox_v1",
   name: "x-runtime-lib.combobox",
-  comp: Is,
+  comp: Cs,
   properties: {
     pageCommon: [y, Ln],
     compCommon: [y, Ln]
   },
   leaf: !0
 };
-S(oa);
+I(oa);
 const Xt = K(X);
 Xt.key = "backgroundColor";
 Xt.name = "x-runtime-lib.backgroundColor";
@@ -4991,7 +5000,7 @@ const zn = {
     }
   ]
 };
-S(kt);
+I(kt);
 const Tn = {
   key: "size",
   name: "x-runtime-lib.size",
@@ -5154,7 +5163,7 @@ const Tn = {
   },
   leaf: !0
 };
-S(ia);
+I(ia);
 const ra = {
   key: "common_date_picker_v1",
   name: "x-runtime-lib.datePicker",
@@ -5165,7 +5174,7 @@ const ra = {
   },
   leaf: !0
 };
-S(ra);
+I(ra);
 const sa = {
   key: "common_dialog_v1",
   name: "x-runtime-lib.dialog",
@@ -5186,7 +5195,7 @@ const sa = {
   ],
   teleport: !0
 };
-S(sa);
+I(sa);
 const Mn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5226,7 +5235,7 @@ const Mn = {
     compCommon: [y, Y, Bn]
   }
 };
-S(wt);
+I(wt);
 function la(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -5240,7 +5249,7 @@ function la(t, n) {
   }
   const r = T();
   A(r, s), r.basic.id = z(16), r.basic.key = Ne.key;
-  const a = St(
+  const a = It(
     t,
     n,
     "#ff0000",
@@ -5249,7 +5258,7 @@ function la(t, n) {
     void 0,
     "40px",
     void 0
-  ), c = St(
+  ), c = It(
     t,
     n,
     "#00ff00",
@@ -5284,7 +5293,7 @@ function aa(t, n) {
   }
   const r = T();
   A(r, s), r.basic.id = z(16), r.basic.key = wt.key;
-  const a = St(
+  const a = It(
     t,
     n,
     "#0000ff",
@@ -5302,7 +5311,7 @@ function aa(t, n) {
     }
   };
 }
-function St(t, n, e, o, s, r, a, c, u) {
+function It(t, n, e, o, s, r, a, c, u) {
   const p = `type=${t} subtype=${n}`, d = B(t, n);
   if (!d) {
     console.error(
@@ -5514,7 +5523,7 @@ const Wn = {
   ],
   spawn: la
 };
-S(Ne);
+I(Ne);
 const Rn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5665,7 +5674,7 @@ const Rn = {
       default: void 0
     }
   ]
-}, $t = {
+}, St = {
   key: "common_text_field_v1",
   name: "x-runtime-lib.textField",
   comp: al,
@@ -5695,20 +5704,20 @@ const Rn = {
   ],
   leaf: !0
 };
-S($t);
+I(St);
 function ca(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`formV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Ct.properties[o];
+  const s = $t.properties[o];
   if (!s) {
     console.error(`formV1/spawn properties not found, ${e}`);
     return;
   }
   const r = T();
-  A(r, s), r.basic.id = z(16), r.basic.key = Ct.key;
+  A(r, s), r.basic.id = z(16), r.basic.key = $t.key;
   const a = ua(t, n);
   return {
     nodeLite: E(r, [a.nodeLite]),
@@ -5724,13 +5733,13 @@ function ua(t, n) {
     console.error(`formV1/spawnTextField property tag not found, ${e}`);
     return;
   }
-  const s = $t.properties[o];
+  const s = St.properties[o];
   if (!s) {
     console.error(`formV1/spawnTextField properties not found, ${e}`);
     return;
   }
   const r = T();
-  return A(r, s), r.basic.id = z(16), r.basic.key = $t.key, {
+  return A(r, s), r.basic.id = z(16), r.basic.key = St.key, {
     nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
@@ -5755,7 +5764,7 @@ const Dn = {
       default: !1
     }
   ]
-}, Ct = {
+}, $t = {
   key: "common_form_v1",
   name: "x-runtime-lib.form",
   comp: Bs,
@@ -5771,7 +5780,7 @@ const Dn = {
   ],
   spawn: ca
 };
-S(Ct);
+I($t);
 const ma = K(X), On = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5807,7 +5816,7 @@ const ma = K(X), On = {
   },
   leaf: !0
 };
-S(pa);
+I(pa);
 const da = {
   key: "common_menu_v1",
   name: "x-runtime-lib.menu",
@@ -5828,20 +5837,20 @@ const da = {
   ],
   teleport: !0
 };
-S(da);
+I(da);
 function fa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`numberInputV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = It.properties[o];
+  const s = Ct.properties[o];
   if (!s) {
     console.error(`numberInputV1/spawn properties not found, ${e}`);
     return;
   }
   const r = T();
-  return A(r, s), r.basic.id = z(16), r.basic.key = It.key, r.settings.label = "label", r.settings.placeholder = "placeholder", {
+  return A(r, s), r.basic.id = z(16), r.basic.key = Ct.key, r.settings.label = "label", r.settings.placeholder = "placeholder", {
     nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
@@ -6015,7 +6024,7 @@ const Fn = {
       ]
     }
   ]
-}, It = {
+}, Ct = {
   key: "common_number_input_v1",
   name: "x-runtime-lib.numberInput",
   comp: Ds,
@@ -6048,7 +6057,7 @@ const Fn = {
   leaf: !0,
   spawn: fa
 };
-S(It);
+I(Ct);
 const jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6122,7 +6131,7 @@ const jn = {
   },
   leaf: !0
 };
-S(ya);
+I(ya);
 const ba = K(X), Gn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6170,7 +6179,7 @@ const ba = K(X), Gn = {
   },
   leaf: !0
 };
-S(Vt);
+I(Vt);
 function ga(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -6273,7 +6282,7 @@ const Hn = {
   },
   spawn: ga
 };
-S(Pt);
+I(Pt);
 const Un = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6401,7 +6410,7 @@ const Un = {
   },
   leaf: !0
 };
-S(ha);
+I(ha);
 const Jn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6467,7 +6476,7 @@ const Jn = {
   },
   leaf: !0
 };
-S(_a);
+I(_a);
 const qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6519,7 +6528,7 @@ const qn = {
   },
   leaf: !0
 };
-S(va);
+I(va);
 const Zt = K(X);
 Zt.key = "color";
 Zt.name = "x-runtime-lib.color";
@@ -6665,7 +6674,7 @@ const Xn = {
   },
   leaf: !0
 };
-S(xa);
+I(xa);
 const Lt = {
   key: "common_stepper_header_v1",
   name: "x-runtime-lib.stepperHeader",
@@ -6675,7 +6684,7 @@ const Lt = {
     compCommon: [y]
   }
 };
-S(Lt);
+I(Lt);
 const Zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6696,7 +6705,7 @@ const Zn = {
     compCommon: [y, Zn]
   }
 };
-S(zt);
+I(zt);
 const Tt = {
   key: "common_stepper_window_v1",
   name: "x-runtime-lib.stepperWindow",
@@ -6706,7 +6715,7 @@ const Tt = {
     compCommon: [y]
   }
 };
-S(Tt);
+I(Tt);
 const Qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6727,7 +6736,7 @@ const Qn = {
     compCommon: [y, Qn]
   }
 };
-S(Et);
+I(Et);
 function ka(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -6741,7 +6750,7 @@ function ka(t, n) {
   }
   const r = T();
   A(r, s), r.basic.id = z(16), r.basic.key = At.key;
-  const a = wa(t, n), c = Sa(t, n);
+  const a = wa(t, n), c = Ia(t, n);
   return {
     nodeLite: E(r, [a.nodeLite, c.nodeLite]),
     nodes: {
@@ -6794,7 +6803,7 @@ function ut(t, n, e) {
     }
   };
 }
-function Sa(t, n) {
+function Ia(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`stepperV1/spawnWindow property tag not found, ${e}`);
@@ -6835,7 +6844,7 @@ function mt(t, n, e, o) {
   }
   const c = T();
   A(c, a), c.basic.id = z(16), c.basic.key = Et.key, c.settings.value = e;
-  const u = $a(t, n, o);
+  const u = Sa(t, n, o);
   return {
     nodeLite: E(c, [u.nodeLite]),
     nodes: {
@@ -6844,7 +6853,7 @@ function mt(t, n, e, o) {
     }
   };
 }
-function $a(t, n, e) {
+function Sa(t, n, e) {
   const o = `type=${t} subtype=${n}`, s = B(t, n);
   if (!s) {
     console.error(`stepperV1/spawnCard property tag not found, ${o}`);
@@ -6890,8 +6899,8 @@ const eo = {
   },
   spawn: ka
 };
-S(At);
-const Ca = {
+I(At);
+const $a = {
   key: "common_switch_v1",
   name: "x-runtime-lib.switch",
   comp: ol,
@@ -6901,7 +6910,7 @@ const Ca = {
   },
   leaf: !0
 };
-S(Ca);
+I($a);
 const to = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6929,8 +6938,8 @@ const to = {
   },
   leaf: !0
 };
-S(Mt);
-function Ia(t, n) {
+I(Mt);
+function Ca(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`tabsV1/spawn property tag not found, ${e}`);
@@ -7069,22 +7078,22 @@ const no = {
     pageCommon: [y, no],
     compCommon: [y, no]
   },
-  spawn: Ia
+  spawn: Ca
 };
-S(Bt);
+I(Bt);
 function Va(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
     console.error(`textV1/spawn property tag not found, ${e}`);
     return;
   }
-  const s = Se.properties[o];
+  const s = Ie.properties[o];
   if (!s) {
     console.error(`textV1/spawn properties not found, ${e}`);
     return;
   }
   const r = T();
-  return A(r, s), r.basic.id = z(16), r.basic.key = Se.key, r.settings.text = "text", {
+  return A(r, s), r.basic.id = z(16), r.basic.key = Ie.key, r.settings.text = "text", {
     nodeLite: E(r),
     nodes: {
       [r.basic.id]: r
@@ -7177,7 +7186,7 @@ const oo = {
       default: !1
     }
   ]
-}, Se = {
+}, Ie = {
   key: "common_text_v1",
   name: "x-runtime-lib.text",
   comp: sl,
@@ -7188,7 +7197,7 @@ const oo = {
   leaf: !0,
   spawn: Va
 };
-S(Se);
+I(Ie);
 function Pa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -7290,7 +7299,7 @@ const io = {
   leaf: !0,
   spawn: Pa
 };
-S(Wt);
+I(Wt);
 const Rt = {
   key: "common_timeline_item_v1",
   name: "x-runtime-lib.timelineItem",
@@ -7300,7 +7309,7 @@ const Rt = {
     compCommon: [y]
   }
 };
-S(Rt);
+I(Rt);
 function La(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -7353,13 +7362,13 @@ function za(t, n, e) {
     console.error(`timelineV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const r = Se.properties[s];
+  const r = Ie.properties[s];
   if (!r) {
     console.error(`timelineV1/spawnText properties not found, ${o}`);
     return;
   }
   const a = T();
-  return A(a, r), a.basic.id = z(16), a.basic.key = Se.key, a.settings.text = e, {
+  return A(a, r), a.basic.id = z(16), a.basic.key = Ie.key, a.settings.text = e, {
     nodeLite: E(a),
     nodes: {
       [a.basic.id]: a
@@ -7454,7 +7463,7 @@ const Ta = K(X), Ea = K(X), ro = {
   },
   spawn: La
 };
-S(Kt);
+I(Kt);
 const Dt = {
   key: "common_window_item_v1",
   name: "x-runtime-lib.windowItem",
@@ -7464,7 +7473,7 @@ const Dt = {
     compCommon: [y]
   }
 };
-S(Dt);
+I(Dt);
 function Aa(t, n) {
   const e = `type=${t} subtype=${n}`, o = B(t, n);
   if (!o) {
@@ -7541,13 +7550,13 @@ function Ba(t, n, e) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
     return;
   }
-  const r = Se.properties[s];
+  const r = Ie.properties[s];
   if (!r) {
     console.error(`windowV1/spawnText properties not found, ${o}`);
     return;
   }
   const a = T();
-  return A(a, r), a.basic.id = z(16), a.basic.key = Se.key, a.settings.text = e, a.settings.style.xs = "h6", {
+  return A(a, r), a.basic.id = z(16), a.basic.key = Ie.key, a.settings.text = e, a.settings.style.xs = "h6", {
     nodeLite: E(a),
     nodes: {
       [a.basic.id]: a
@@ -7612,7 +7621,7 @@ const so = {
   },
   spawn: Aa
 };
-S(Ot);
+I(Ot);
 const Wa = [
   { title: "x-runtime-lib.title", value: "title" },
   { title: "x-runtime-lib.end", value: "end" },
@@ -8306,11 +8315,11 @@ const Wa = [
 };
 function B(t, n) {
   if (t === "page") {
-    if (!$i.includes(n)) {
+    if (!Si.includes(n)) {
       console.error(`get property tag failed type=${t} subtype=${n}`);
       return;
     }
-  } else if (t === "comp" && !Ci.includes(n)) {
+  } else if (t === "comp" && !$i.includes(n)) {
     console.error(`get property tag failed type=${t} subtype=${n}`);
     return;
   }
@@ -8440,13 +8449,13 @@ const To = "runtimeOrg", Eo = "runtimeEnv", Ao = "runtimeMode", Mo = "runtimeDev
 function du(t) {
   me(To, t);
 }
-function Sc() {
+function Ic() {
   return ue(To);
 }
 function fu(t) {
   me(Eo, t);
 }
-function $c() {
+function Sc() {
   return ue(Eo);
 }
 function yu(t) {
@@ -8482,13 +8491,13 @@ function _e() {
 function vu(t) {
   me(Ko, Nt(t));
 }
-function Cc() {
+function $c() {
   return ue(Ko);
 }
 function xu(t) {
   me(Do, t);
 }
-function Ic() {
+function Cc() {
   return ue(Do);
 }
 function Vc(t) {
@@ -8604,7 +8613,7 @@ function ao(t) {
 function wu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Su(t) {
+function Iu(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(
@@ -8621,10 +8630,10 @@ function Su(t) {
     propertyKey: s
   };
 }
-function $u(t, n, e) {
+function Su(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function Cu(t) {
+function $u(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapPropertyKeyOfCustomSlot invalid compId  key=${t}`);
@@ -8645,7 +8654,7 @@ function Fo(t) {
   let s = "";
   return n.length > 2 ? s = n[2] : console.error(`unwrapMethodId invalid methodKey id=${t}`), { kind: e, nodeId: o, methodKey: s };
 }
-function Iu(t, n, e) {
+function Cu(t, n, e) {
   return `${t}.${n}.${e}`;
 }
 function Vu(t) {
@@ -8718,7 +8727,7 @@ function Bu(t) {
   return n.length > 2 ? s = n[2] : console.error(`unwrapSlotId invalid slotKey id=${t}`), { kind: e, mainKey: o, slotKey: s };
 }
 function rn(t, n) {
-  const e = Cc(), o = ie(-1);
+  const e = $c(), o = ie(-1);
   ye(() => {
     const s = e.value[t];
     if (!s) {
@@ -8815,7 +8824,7 @@ function zc(t) {
       if (Ee(t)) {
         var a = [];
         try {
-          const d = Ie(a, n.getProp(n.global, "__timeoutCallback__"));
+          const d = Ce(a, n.getProp(n.global, "__timeoutCallback__"));
           n.callFunction(d, n.global, n.newNumber(s));
         } catch (c) {
           var u = c, p = !0;
@@ -8883,7 +8892,7 @@ function Mc(t) {
     {
       var c = [];
       try {
-        const j = Ie(c, n.getProp(n.global, "__triggerEventInner__"));
+        const j = Ce(c, n.getProp(n.global, "__triggerEventInner__"));
         n.callFunction(j, n.global, e, ...o);
       } catch (u) {
         var p = u, d = !0;
@@ -8895,11 +8904,11 @@ function Mc(t) {
     if (r === "customEvent") {
       var V = [];
       try {
-        const j = Ie(V, n.getProp(n.global, "__triggerEventV1__"));
+        const j = Ce(V, n.getProp(n.global, "__triggerEventV1__"));
         {
           var m = [];
           try {
-            const D = Ie(m, n.newString(
+            const D = Ce(m, n.newString(
               oe("referenceEvent", t.id, a)
             ));
             n.callFunction(j, n.global, D, ...o);
@@ -8912,14 +8921,14 @@ function Mc(t) {
         {
           var v = [];
           try {
-            const D = Ie(v, n.newString(
+            const D = Ce(v, n.newString(
               oe("multipleRefEvent", t.id, a)
             ));
             n.callFunction(j, n.global, D, ...o);
           } catch (h) {
-            var x = h, C = !0;
+            var x = h, $ = !0;
           } finally {
-            Ve(v, x, C);
+            Ve(v, x, $);
           }
         }
       } catch (F) {
@@ -9244,15 +9253,15 @@ class Kc {
   }
 }
 function sn(t, n, e, o, s) {
-  const r = Sc(), a = $c(), c = J(), u = he(), p = Be(), d = Ue(), m = Ic(), f = (x, C, V, F) => {
+  const r = Ic(), a = Sc(), c = J(), u = he(), p = Be(), d = Ue(), m = Cc(), f = (x, $, V, F) => {
     if (ne(c) && (h.callFunction(
       "__triggerEventV1__",
-      oe("elementPropertyChangeEvent", x, C.join(".")),
+      oe("elementPropertyChangeEvent", x, $.join(".")),
       V,
       F ?? V
     ), t.value?.code.reactivity)) {
       let W = "";
-      C instanceof Array ? W = C.join(".") : W = C, qe(
+      $ instanceof Array ? W = $.join(".") : W = $, qe(
         h,
         t.value.code.reactivity,
         Re({
@@ -9264,48 +9273,48 @@ function sn(t, n, e, o, s) {
         F
       );
     }
-  }, g = (x, C, V) => {
+  }, g = (x, $, V) => {
     ne(c) && (h.callFunction(
       "__triggerEventV1__",
       oe("customPropertyChangeEvent", "globality", x),
-      C,
-      V ?? C
+      $,
+      V ?? $
     ), h.parent?.callFunction(
       "__triggerEventV1__",
       oe("referencePropertyChangeEvent", h.id, x),
-      C,
-      V ?? C
+      $,
+      V ?? $
     ), h.parent?.callFunction(
       "__triggerEventV1__",
       oe("multipleRefPropertyChangeEvent", h.id, x),
-      C,
-      V ?? C
+      $,
+      V ?? $
     ), t.value?.code.reactivity && qe(
       h,
       t.value.code.reactivity,
       Re({ type: "customProperty", propertyId: x }),
-      C,
+      $,
       V
     ));
-  }, b = (x, C, V) => {
+  }, b = (x, $, V) => {
     ne(c) && t.value?.code.reactivity && qe(
       h,
       t.value.code.reactivity,
       Re({ type: "adaptSlotProperty", propertyId: x }),
-      C,
+      $,
       V
     );
-  }, v = (x, C, V) => {
+  }, v = (x, $, V) => {
     ne(c) && (h.callFunction(
       "__triggerEventV1__",
       oe("stateChangeEvent", "globality", x),
-      C,
-      V ?? C
+      $,
+      V ?? $
     ), t.value?.code.reactivity && qe(
       h,
       t.value.code.reactivity,
       Re({ type: "state", stateId: x }),
-      C,
+      $,
       V
     ));
   }, h = new Kc(n, e, o, s, r, a, c, u, {
@@ -9326,8 +9335,8 @@ function sn(t, n, e, o, s) {
   }
   ne(c) && ce(
     p,
-    (x, C) => {
-      const V = Xe(x.width), F = Xe(C?.width ?? x.width);
+    (x, $) => {
+      const V = Xe(x.width), F = Xe($?.width ?? x.width);
       h.callFunction(
         "__triggerEventV1__",
         oe("elementEvent", "globality", "screenSizeChange"),
@@ -9363,7 +9372,7 @@ export {
   Ul as badgeV1,
   gt as barChartV1,
   yt as boxGeometryV1,
-  So as breakpoints,
+  Io as breakpoints,
   Xl as btnGroupV1,
   Yl as btnToggleV1,
   _t as btnV1,
@@ -9375,7 +9384,7 @@ export {
   na as colorPickerV1,
   oa as comboboxV1,
   iu as compMetaStringify,
-  Ci as compTypes,
+  $i as compTypes,
   kt as containerV1,
   Zc as dataStringify,
   ia as dataTableV1,
@@ -9390,7 +9399,7 @@ export {
   cu as fileInputV1,
   wt as flexLayoutEntryV1,
   Ne as flexLayoutV1,
-  Ct as formV1,
+  $t as formV1,
   z as genId,
   We as getBreakpointProp,
   xe as getField,
@@ -9405,19 +9414,19 @@ export {
   A as initProperties,
   Ue as injectDark,
   _e as injectData,
-  Cc as injectDepends,
+  $c as injectDepends,
   Be as injectDevice,
-  $c as injectEnv,
+  Sc as injectEnv,
   J as injectMode,
-  Sc as injectOrg,
-  Ic as injectRuntime,
+  Ic as injectOrg,
+  Cc as injectRuntime,
   ve as injectSandbox,
   he as injectType,
-  $o as isCircularRef,
+  So as isCircularRef,
   ne as isExecutableMode,
   Pi as isLocaleOfEventKind,
   Vi as isLocaleOfMethodKind,
-  Ii as isLocaleOfPropertyKind,
+  Ci as isLocaleOfPropertyKind,
   tu as isLocaleOfSlotKind,
   jt as isPercentStr,
   nt as isPixelStr,
@@ -9429,9 +9438,9 @@ export {
   zu as makeEventKeyOfElementSlot,
   Pc as makeMethodId,
   Pu as makeMethodKeyOfCustomSlot,
-  Iu as makeMethodKeyOfElementSlot,
+  Cu as makeMethodKeyOfElementSlot,
   ku as makePropertyId,
-  $u as makePropertyKeyOfCustomSlot,
+  Su as makePropertyKeyOfCustomSlot,
   wu as makePropertyKeyOfElementSlot,
   Mu as makeSlotId,
   Re as makeTriggerId,
@@ -9440,11 +9449,11 @@ export {
   De as meshBasicMaterialV1,
   Oe as meshV1,
   Bl as multipleRefV1,
-  It as numberInputV1,
+  Ct as numberInputV1,
   kl as orbitControlsV1,
   hl as orthographicCameraV1,
   nu as pageMetaStringify,
-  $i as pageTypes,
+  Si as pageTypes,
   ya as paginationV1,
   ru as parseCompMeta,
   Qc as parseData,
@@ -9470,7 +9479,7 @@ export {
   _a as ratingV1,
   Wl as referenceV1,
   Rl as renderSwitchV1,
-  Si as reverseBreakpoints,
+  Ii as reverseBreakpoints,
   va as selectV1,
   Gt as setField,
   xa as sliderV1,
@@ -9482,11 +9491,11 @@ export {
   At as stepperV1,
   Et as stepperWindowItemV1,
   Tt as stepperWindowV1,
-  Ca as switchV1,
+  $a as switchV1,
   Mt as tabV1,
   Bt as tabsV1,
-  $t as textFieldV1,
-  Se as textV1,
+  St as textFieldV1,
+  Ie as textV1,
   Wt as textareaV1,
   Rt as timelineItemV1,
   Kt as timelineV1,
@@ -9502,8 +9511,8 @@ export {
   Lu as unwrapMethodKeyOfCustomSlot,
   Vu as unwrapMethodKeyOfElementSlot,
   ao as unwrapPropertyId,
-  Cu as unwrapPropertyKeyOfCustomSlot,
-  Su as unwrapPropertyKeyOfElementSlot,
+  $u as unwrapPropertyKeyOfCustomSlot,
+  Iu as unwrapPropertyKeyOfElementSlot,
   Bu as unwrapSlotId,
   rn as useDepend,
   Wu as useRuntime,