x-runtime-lib 0.8.26 → 0.8.27

package/dist/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as $, createElementBlock as X, renderSlot as L, unref as n, openBlock as v, createElementVNode as ie, computed as k, normalizeStyle as Q, ref as ce, watchEffect as ue, watch as Z, onBeforeMount as No, onUnmounted as Ke, createBlock as V, withCtx as I, createCommentVNode as ee, useTemplateRef as qi, onMounted as Xi, nextTick as Yi, h as ae, resolveComponent as z, createVNode as H, isRef as U, createSlots as Pn, renderList as Ro, useId as Ji, withModifiers as Mo, normalizeClass as Do, toDisplayString as Fo, inject as oe, provide as se, readonly as zn } from "vue";
-import { globalObjects as be, waitUtil as Zi, eventBus as Qi, useViewStack as eo, messageInfo as Go, messageSuccess as Ho, messageWarning as to, messageError as no, createAxios as jo, openConfirmDlg as Ko, openPromptDlg as Uo } from "x-essential-lib";
-import { CameraHelper as io, DirectionalLightHelper as Oo, PointLightHelper as qo, SpotLightHelper as Xo } from "three";
-import { c as B, i as ne, q as Be, u as Yo, r as oo, e as so, a as Jo, b as Zo, d as Qo, f as es, g as ts, h as ns, j as is, k as os, l as ro, X as ss, Y as rs, K as ls, m as as, n as us, o as cs, I as ms } from "./vendor.dd29fg1n.js";
+import { defineComponent as $, createElementBlock as Y, renderSlot as L, unref as n, openBlock as v, createElementVNode as ie, computed as k, normalizeStyle as Q, ref as ce, watchEffect as ue, watch as q, onBeforeMount as No, onUnmounted as Ke, createBlock as V, withCtx as I, createCommentVNode as ee, useTemplateRef as Xi, onMounted as Yi, nextTick as Ji, h as ae, resolveComponent as z, createVNode as H, isRef as O, createSlots as Pn, renderList as Mo, useId as Zi, withModifiers as Ro, normalizeClass as Do, toDisplayString as Fo, inject as oe, provide as se, readonly as zn } from "vue";
+import { globalObjects as be, waitUtil as qi, eventBus as Qi, useViewStack as eo, messageInfo as Go, messageSuccess as Ho, messageWarning as to, messageError as no, createAxios as jo, openConfirmDlg as Ko, openPromptDlg as Oo } from "x-essential-lib";
+import { CameraHelper as io, DirectionalLightHelper as Uo, PointLightHelper as Xo, SpotLightHelper as Yo } from "three";
+import { c as B, i as ne, q as Be, u as Jo, r as oo, e as so, a as Zo, b as qo, d as Qo, f as es, g as ts, h as ns, j as is, k as os, l as ro, X as ss, Y as rs, K as ls, m as as, n as us, o as cs, I as ms } from "./vendor.dd29fg1n.js";
 import { getErrorMessage as ps } from "x-error-lib";
 import { useTheme as ds } from "vuetify";
 import { useI18n as fs } from "vue-i18n";
@@ -45,28 +45,52 @@ function hs(t) {
 function Pc(t, e, i) {
   return `${t}/${e}/${i}`;
 }
+function zc(t) {
+  const e = t.indexOf("/"), i = t.lastIndexOf("/");
+  return e < 0 || i < 0 ? (console.assert(!1, "invalid property id"), ["elementProperty", "", ""]) : [
+    t.substring(0, e),
+    t.substring(e + 1, i),
+    t.substring(i + 1)
+  ];
+}
 function gs(t) {
   return t === "elementMethod" || t === "elementSlotMethod";
 }
-function zc(t, e, i) {
+function Ac(t, e, i) {
   return `${t}/${e}/${i}`;
 }
+function Lc(t) {
+  const e = t.indexOf("/"), i = t.lastIndexOf("/");
+  return e < 0 || i < 0 ? (console.assert(!1, "invalid method id"), ["elementMethod", "", ""]) : [
+    t.substring(0, e),
+    t.substring(e + 1, i),
+    t.substring(i + 1)
+  ];
+}
 function xs(t) {
   return t === "elementEvent" || t === "elementPropertyChangeEvent";
 }
 function Ce(t, e, i) {
   return `${t}/${e}/${i}`;
 }
-const Xn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+function Bc(t) {
+  const e = t.indexOf("/"), i = t.lastIndexOf("/");
+  return e < 0 || i < 0 ? (console.assert(!1, "invalid event id"), ["elementEvent", "", ""]) : [
+    t.substring(0, e),
+    t.substring(e + 1, i),
+    t.substring(i + 1)
+  ];
+}
+const Yn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function T(t) {
   let e = "";
   for (let i = 0; i < t; i++) {
-    const o = Math.floor(Math.random() * Xn.length);
-    e += Xn[o];
+    const o = Math.floor(Math.random() * Yn.length);
+    e += Yn[o];
   }
   return e;
 }
-function Ue(t) {
+function Oe(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return !1;
   const e = t.substring(0, t.length - 2), i = parseFloat(e);
@@ -78,14 +102,14 @@ function An(t) {
   const e = t.substring(0, t.length - 1), i = parseFloat(e);
   return !isNaN(i);
 }
-function Ac(t) {
+function Wc(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const e = t.substring(0, t.length - 2), i = parseFloat(e);
   if (!isNaN(i) && i % 1 === 0)
     return i;
 }
-function qt(t) {
+function Xt(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return;
   const e = t.substring(0, t.length - 1), i = parseFloat(e);
@@ -93,16 +117,16 @@ function qt(t) {
     return i;
 }
 const lo = ["xs", "sm", "md", "lg", "xl"], vs = [...lo].reverse();
-function Me(t) {
+function Re(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
-function Yn(t) {
+function Jn(t) {
   return lo.findIndex((e) => e === t);
 }
 function Ie(t, e) {
   let i;
   for (const o of vs) {
-    if (Yn(o) < Yn(t))
+    if (Jn(o) < Jn(t))
       break;
     e[o] && (i = e[o]);
   }
@@ -143,17 +167,17 @@ function Ln(t, e, i) {
     a > 0 && (l += " - "), i ? l += o.global.t(s) : l += s;
   }), l;
 }
-function Lc(t, e) {
+function Ec(t, e) {
   const { i18n: i } = be;
   let o = "";
   return e === "elementProperty" || (e === "refProperty" ? o = `${i.global.t("x-runtime-lib.ref")} / ` : e === "customProperty" ? o = `${i.global.t("x-runtime-lib.custom")} / ` : e === "elementSlotProperty" ? o = `${i.global.t("x-runtime-lib.slot")} / ` : e === "customSlotProperty" ? o = `${i.global.t("x-runtime-lib.slot")} / ` : console.assert(!1)), Ln(o, t, hs(e));
 }
-function Bc(t, e) {
+function Nc(t, e) {
   const { i18n: i } = be;
   let o = "";
   return e === "elementMethod" || (e === "refMethod" ? o = `${i.global.t("x-runtime-lib.ref")} / ` : e === "customMethod" ? o = `${i.global.t("x-runtime-lib.custom")} / ` : e === "elementSlotMethod" ? o = `${i.global.t("x-runtime-lib.slot")} / ` : e === "customSlotMethod" ? o = `${i.global.t("x-runtime-lib.slot")} / ` : console.assert(!1)), Ln(o, t, gs(e));
 }
-function Wc(t, e) {
+function Mc(t, e) {
   const { i18n: i } = be;
   let o = "";
   return e === "elementEvent" || (e === "refEvent" ? o = `${i.global.t("x-runtime-lib.ref")} / ` : e === "customEvent" ? o = `${i.global.t("x-runtime-lib.custom")} / ` : e === "elementPropertyChangeEvent" || e === "customPropertyChangeEvent" ? o = `${i.global.t("x-runtime-lib.propertyChange")} / ` : e === "stateChangeEvent" ? o = `${i.global.t("x-runtime-lib.stateChange")} / ` : console.assert(!1)), Ln(o, t, xs(e));
@@ -169,7 +193,7 @@ const Te = {}, _ = (t) => {
   },
   setup(t) {
     const e = G();
-    return (i, o) => n(e) === "editor" ? (v(), X("TresMesh", {
+    return (i, o) => n(e) === "editor" ? (v(), Y("TresMesh", {
       key: 0,
       position: t.position,
       rotation: t.rotation,
@@ -181,7 +205,7 @@ const Te = {}, _ = (t) => {
       L(i.$slots, "default")
     ], 8, ks)) : L(i.$slots, "default", { key: 1 });
   }
-}), J = /* @__PURE__ */ $({
+}), Z = /* @__PURE__ */ $({
   __name: "index",
   props: {
     fitContent: { type: Boolean, default: !1 }
@@ -191,7 +215,7 @@ const Te = {}, _ = (t) => {
       const o = {};
       return t.fitContent && (o.width = "fit-content", o.height = "fit-content"), o;
     });
-    return (o, l) => n(e) === "editor" ? (v(), X("div", {
+    return (o, l) => n(e) === "editor" ? (v(), Y("div", {
       key: 0,
       style: Q(i.value)
     }, [
@@ -216,7 +240,7 @@ function r(t, e, i) {
   return ue(() => {
     let a = _s(l, t.node, e, i);
     o === "editor" && e[e.length - 1] === "readonly" && (a = !0), s.value = a;
-  }), Z(s, (a, p) => {
+  }), q(s, (a, p) => {
     ne(a, p) || ws(l, t.node, e, s.value, i);
   }), { prop: s };
 }
@@ -325,21 +349,21 @@ function En(t) {
 function ge(t) {
   const e = G(), i = $e(), o = k(() => t.node.size?.width), l = k(() => t.node.size?.minWidth), s = k(() => t.node.size?.maxWidth), a = k(() => {
     if (t.outer && e === "editor") {
-      const m = qt(t.node.size?.height);
+      const m = Xt(t.node.size?.height);
       if (m)
         return m / 100 * i.value.height + "px";
     }
     return t.node.size?.height;
   }), p = k(() => {
     if (t.outer && e === "editor") {
-      const m = qt(t.node.size?.minHeight);
+      const m = Xt(t.node.size?.minHeight);
       if (m)
         return m / 100 * i.value.height + "px";
     }
     return t.node.size?.minHeight;
   }), d = k(() => {
     if (t.outer && e === "editor") {
-      const m = qt(t.node.size?.maxHeight);
+      const m = Xt(t.node.size?.maxHeight);
       if (m)
         return m / 100 * i.value.height + "px";
     }
@@ -447,7 +471,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegements"
     ]);
-    return (d, b) => (v(), X("TresBoxGeometry", {
+    return (d, b) => (v(), Y("TresBoxGeometry", {
       args: [
         n(a),
         n(l),
@@ -477,7 +501,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       "settings",
       "widthSegments"
     ]);
-    return (b, m) => (v(), X("TresSphereGeometry", {
+    return (b, m) => (v(), Y("TresSphereGeometry", {
       args: [
         n(s),
         n(d),
@@ -539,7 +563,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           n(i) === "editor" ? (v(), V(n(Be), {
             key: 0,
-            type: n(Oo)
+            type: n(Uo)
           }, null, 8, ["type"])) : ee("", !0),
           L(b.$slots, "default")
         ], 8, Bs)
@@ -572,7 +596,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           n(i) === "editor" ? (v(), V(n(Be), {
             key: 0,
-            type: n(qo)
+            type: n(Xo)
           }, null, 8, ["type"])) : ee("", !0),
           L(u.$slots, "default")
         ], 8, Es)
@@ -580,7 +604,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Rs = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Ms = /* @__PURE__ */ $({
+}), Ms = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], Rs = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -607,17 +631,17 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           n(i) === "editor" ? (v(), V(n(Be), {
             key: 0,
-            type: n(Xo)
+            type: n(Yo)
           }, null, 8, ["type"])) : ee("", !0),
           L(f.$slots, "default")
-        ], 8, Rs)
+        ], 8, Ms)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
 }), Ds = {};
 function Fs(t, e) {
-  return v(), X("TresMeshBasicMaterial");
+  return v(), Y("TresMeshBasicMaterial");
 }
 const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation", "scale"], js = /* @__PURE__ */ $({
   __name: "index",
@@ -644,7 +668,7 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ks = ["position", "rotation", "scale"], Us = /* @__PURE__ */ $({
+}), Ks = ["position", "rotation", "scale"], Os = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -652,7 +676,7 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
   },
   setup(t) {
     const e = t, { position: i, rotation: o, scale: l } = me(e);
-    return (s, a) => (v(), X("TresMesh", {
+    return (s, a) => (v(), Y("TresMesh", {
       position: n(i),
       rotation: n(o),
       scale: n(l)
@@ -660,13 +684,13 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
       L(s.$slots, "default")
     ], 8, Ks));
   }
-}), Os = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], qs = "#242424", Xs = {}, Ys = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Js = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Zs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Qs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, lr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, ar = { 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" } }, ur = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, cr = { 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)" } } }, mr = { 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"] } } }, pr = { 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"] } } }, dr = { 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"] } } }, fr = { 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"] } } }, br = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, yr = { textStyle: { color: "#eeeeee" } }, hr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, gr = { 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" } } }, xr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, vr = { 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" } }, kr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _r = {
-  color: Os,
-  backgroundColor: qs,
-  textStyle: Xs,
-  title: Ys,
-  line: Js,
-  radar: Zs,
+}), Us = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Xs = "#242424", Ys = {}, Js = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Zs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, qs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Qs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, lr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, ar = { 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" } }, ur = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, cr = { 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)" } } }, mr = { 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"] } } }, pr = { 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"] } } }, dr = { 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"] } } }, fr = { 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"] } } }, br = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, yr = { textStyle: { color: "#eeeeee" } }, hr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, gr = { 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" } } }, xr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, vr = { 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" } }, kr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _r = {
+  color: Us,
+  backgroundColor: Xs,
+  textStyle: Ys,
+  title: Js,
+  line: Zs,
+  radar: qs,
   bar: Qs,
   pie: er,
   scatter: tr,
@@ -690,7 +714,7 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
   visualMap: xr,
   dataZoom: vr,
   markPoint: kr
-}, wr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Vr = "#f5f5f5", $r = {}, Ir = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Sr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Cr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Tr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ar = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Mr = { 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)" } } }, Dr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Fr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Gr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Hr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, jr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Kr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Ur = { textStyle: { color: "#333333" } }, Or = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, qr = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, Xr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Yr = { 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" } }, Jr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Zr = {
+}, wr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Vr = "#f5f5f5", $r = {}, Ir = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Sr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Cr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Tr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ar = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Mr = { 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" } }, Rr = { 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)" } } }, Dr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Fr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Gr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Hr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, jr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Kr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Or = { textStyle: { color: "#333333" } }, Ur = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Xr = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, Yr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Jr = { 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" } }, Zr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, qr = {
   color: wr,
   backgroundColor: Vr,
   textStyle: $r,
@@ -706,24 +730,24 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
   funnel: Wr,
   gauge: Er,
   candlestick: Nr,
-  graph: Rr,
-  map: Mr,
+  graph: Mr,
+  map: Rr,
   geo: Dr,
   categoryAxis: Fr,
   valueAxis: Gr,
   logAxis: Hr,
   timeAxis: jr,
   toolbox: Kr,
-  legend: Ur,
-  tooltip: Or,
-  timeline: qr,
-  visualMap: Xr,
-  dataZoom: Yr,
-  markPoint: Jr
+  legend: Or,
+  tooltip: Ur,
+  timeline: Xr,
+  visualMap: Yr,
+  dataZoom: Jr,
+  markPoint: Zr
 };
-Yo([
-  Jo,
+Jo([
   Zo,
+  qo,
   Qo,
   es,
   ts,
@@ -732,7 +756,7 @@ Yo([
   os
 ]);
 oo("dark", _r);
-oo("light", Zr);
+oo("light", qr);
 const Qr = /* @__PURE__ */ $({
   __name: "index",
   props: {
@@ -743,23 +767,23 @@ const Qr = /* @__PURE__ */ $({
     const e = t, i = $e(), o = We(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = ge(e), { applyTitle: f } = mo(e), { applyXAxis: h } = po(e), { applyYAxis: x } = fo(e), { applyLegend: g } = uo(e), { applySeries: w } = co(e), C = k(() => {
       const S = {}, D = s.value.type;
       return l === "page" ? D === "common" ? c(S) : console.assert(!1) : l === "comp" && D === "common" ? c(S) : console.assert(!1), S;
-    }), R = qi("chart");
+    }), M = Xi("chart");
     let W;
     const F = () => {
-      W?.dispose(), W = so.init(R.value, o.value ? "dark" : "light");
+      W?.dispose(), W = so.init(M.value, o.value ? "dark" : "light");
       const S = {};
       W.setOption(S);
-    }, M = () => {
+    }, R = () => {
       W?.resize();
     }, E = () => {
       const S = {};
       f(S), h(S), x(S), g(S), w(S), W?.setOption(S, !0);
     };
-    return Xi(async () => {
-      window.addEventListener("resize", M, !1), await Zi(() => !!R.value), F(), E();
+    return Yi(async () => {
+      window.addEventListener("resize", R, !1), await qi(() => !!M.value), F(), E();
     }), Ke(() => {
-      window.removeEventListener("resize", M, !1), W?.dispose();
-    }), Z(
+      window.removeEventListener("resize", R, !1), W?.dispose();
+    }), q(
       [
         () => i.value.width,
         () => i.value.height,
@@ -771,17 +795,17 @@ const Qr = /* @__PURE__ */ $({
         u
       ],
       async () => {
-        await Yi(), M();
+        await Ji(), R();
       }
-    ), Z([o], () => {
+    ), q([o], () => {
       F(), E();
-    }), Z(
+    }), q(
       [e],
       () => {
         E();
       },
       { deep: !0 }
-    ), (S, D) => (v(), X("div", {
+    ), (S, D) => (v(), Y("div", {
       ref: "chart",
       style: Q(C.value)
     }, null, 4));
@@ -796,23 +820,23 @@ const Qr = /* @__PURE__ */ $({
     const e = t, i = $e(), o = We(), l = pe(), s = de(), { width: a, minWidth: p, maxWidth: d, height: b, minHeight: m, maxHeight: u, applySize: c } = ge(e), { applyTitle: f } = mo(e), { applyXAxis: h } = po(e), { applyYAxis: x } = fo(e), { applyLegend: g } = uo(e), { applySeries: w } = co(e), C = k(() => {
       const S = {}, D = s.value.type;
       return l === "page" ? D === "common" ? c(S) : console.assert(!1) : l === "comp" && D === "common" ? c(S) : console.assert(!1), S;
-    }), R = qi("chart");
+    }), M = Xi("chart");
     let W;
     const F = () => {
-      W?.dispose(), W = so.init(R.value, o.value ? "dark" : "light");
+      W?.dispose(), W = so.init(M.value, o.value ? "dark" : "light");
       const S = {};
       W.setOption(S);
-    }, M = () => {
+    }, R = () => {
       W?.resize();
     }, E = () => {
       const S = {};
       f(S), h(S), x(S), g(S), w(S), W?.setOption(S, !0);
     };
-    return Xi(async () => {
-      window.addEventListener("resize", M, !1), await Zi(() => !!R.value), F(), E();
+    return Yi(async () => {
+      window.addEventListener("resize", R, !1), await qi(() => !!M.value), F(), E();
     }), Ke(() => {
-      window.removeEventListener("resize", M, !1), W?.dispose();
-    }), Z(
+      window.removeEventListener("resize", R, !1), W?.dispose();
+    }), q(
       [
         () => i.value.width,
         () => i.value.height,
@@ -824,17 +848,17 @@ const Qr = /* @__PURE__ */ $({
         u
       ],
       async () => {
-        await Yi(), M();
+        await Ji(), R();
       }
-    ), Z([o], () => {
+    ), q([o], () => {
       F(), E();
-    }), Z(
+    }), q(
       [e],
       () => {
         E();
       },
       { deep: !0 }
-    ), (S, D) => (v(), X("div", {
+    ), (S, D) => (v(), Y("div", {
       ref: "chart",
       style: Q(C.value)
     }, null, 4));
@@ -946,14 +970,14 @@ const Qr = /* @__PURE__ */ $({
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "ripple"]), { prop: R } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: M } = N(), { prop: E } = r(e, ["settings", "variant"]), { prop: S } = r(e, ["size", "width"]), D = (Y) => {
-      i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", Y.clientX), o.setVariable("__pointerPosY__", Y.clientY), o.callFunction("__triggerEventV1__", [
+    ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "ripple"]), { prop: M } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: R } = N(), { prop: E } = r(e, ["settings", "variant"]), { prop: S } = r(e, ["size", "width"]), D = (J) => {
+      i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", J.clientX), o.setVariable("__pointerPosY__", J.clientY), o.callFunction("__triggerEventV1__", [
         Ce("elementEvent", "click", e.node.basic.id)
       ]));
     };
-    return (Y, te) => {
+    return (J, te) => {
       const re = z("v-btn");
-      return v(), V(n(J), null, {
+      return v(), V(n(Z), null, {
         default: I(() => [
           H(re, {
             "append-icon": n(l),
@@ -970,10 +994,10 @@ const Qr = /* @__PURE__ */ $({
             "prepend-icon": n(g),
             readonly: n(w),
             ripple: n(C),
-            size: n(R),
+            size: n(M),
             stacked: n(W),
             text: n(F),
-            theme: n(M),
+            theme: n(R),
             variant: n(E),
             width: n(S),
             onClick: D
@@ -1032,8 +1056,8 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
   setup(t) {
     const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["size", "height"]), { prop: s } = r(e, ["settings", "hover"]), { prop: a } = r(e, ["settings", "loading"]), { prop: p } = r(e, ["size", "maxHeight"]), { prop: d } = r(e, ["size", "maxWidth"]), { prop: b } = r(e, ["size", "minHeight"]), { prop: m } = r(e, ["size", "minWidth"]), { prop: u } = r(e, ["settings", "subtitle"]), { prop: c } = r(e, ["settings", "text"]), { theme: f } = N(), { prop: h } = r(e, ["settings", "title"]), { prop: x } = r(e, ["settings", "variant"]), { prop: g } = r(e, ["size", "width"]);
     return (w, C) => {
-      const R = z("v-card");
-      return v(), V(R, {
+      const M = z("v-card");
+      return v(), V(M, {
         density: n(i),
         disabled: n(o),
         height: n(l),
@@ -1112,7 +1136,7 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       const f = z("v-chip-group");
       return v(), V(f, {
         modelValue: n(m),
-        "onUpdate:modelValue": c[0] || (c[0] = (h) => U(m) ? m.value = h : null),
+        "onUpdate:modelValue": c[0] || (c[0] = (h) => O(m) ? m.value = h : null),
         column: n(i),
         direction: n(o),
         disabled: n(l),
@@ -1168,11 +1192,11 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
     const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: p } = N(), { prop: d } = r(e, ["settings", "value"]);
     return (b, m) => {
       const u = z("v-combobox");
-      return v(), V(n(J), null, {
+      return v(), V(n(Z), null, {
         default: I(() => [
           H(u, {
             modelValue: n(d),
-            "onUpdate:modelValue": m[0] || (m[0] = (c) => U(d) ? d.value = c : null),
+            "onUpdate:modelValue": m[0] || (m[0] = (c) => O(d) ? d.value = c : null),
             "hide-details": n(i),
             label: n(o),
             placeholder: n(l),
@@ -1199,7 +1223,7 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
       const u = {}, c = o.value.type;
       return i === "page" ? c === "common" ? (a(u), p(u), d(u), b(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1) : i === "comp" && c === "common" ? (a(u), p(u), d(u), b(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1), u;
     });
-    return (u, c) => (v(), X("div", {
+    return (u, c) => (v(), Y("div", {
       style: Q(m.value)
     }, [
       L(u.$slots, "default")
@@ -1233,7 +1257,7 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
         theme: n(u),
         width: n(c)
       }, Pn({ _: 2 }, [
-        Ro(f.value, (w) => ({
+        Mo(f.value, (w) => ({
           name: `item.${w.column}`,
           fn: I(({ value: C }) => [
             H(n(fe), {
@@ -1257,7 +1281,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = Ee(), l = k(() => e.node.basic?.id), { open: s } = eo(`runtimeDlg/${Ji()}`);
+    const e = t, i = G(), o = Ee(), l = k(() => e.node.basic?.id), { open: s } = eo(`runtimeDlg/${Zi()}`);
     return bo(o, e, (p) => {
       if (i !== "runtime" && i !== "preview")
         return;
@@ -1267,11 +1291,11 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       const b = z("v-dialog");
       return v(), V(b, {
         modelValue: n(s),
-        "onUpdate:modelValue": d[0] || (d[0] = (m) => U(s) ? s.value = m : null),
+        "onUpdate:modelValue": d[0] || (d[0] = (m) => O(s) ? s.value = m : null),
         attach: "#dialogContainer"
       }, {
         activator: I(() => [
-          n(i) === "editor" ? (v(), X("div", {
+          n(i) === "editor" ? (v(), Y("div", {
             key: 0,
             id: `__node__@${l.value}`
           }, null, 8, gl)) : ee("", !0)
@@ -1319,7 +1343,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       "backgroundColor"
     ]), { color: m } = j(b), u = (f) => {
       m.value && (f.backgroundColor = m.value), f.display = "flex";
-      const h = Me(i.value.width), x = Ie(h, e.node.settings?.direction);
+      const h = Re(i.value.width), x = Ie(h, e.node.settings?.direction);
       x === "row" ? f.flexDirection = "row" : x === "rowReverse" ? f.flexDirection = "row-reverse" : x === "column" ? f.flexDirection = "column" : x === "columnReverse" && (f.flexDirection = "column-reverse");
       const g = Ie(h, e.node.settings?.wrap);
       g === "no" ? f.flexWrap = "nowrap" : g === "yes" ? f.flexWrap = "wrap" : g === "reverse" && (f.flexWrap = "wrap-reverse");
@@ -1331,7 +1355,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       const f = {}, h = l.value.type;
       return o === "page" ? h === "common" ? (s(f), a(f), p(f), d(f), u(f)) : console.assert(!1) : o === "comp" && h === "common" ? (s(f), a(f), p(f), d(f), u(f)) : console.assert(!1), f;
     });
-    return (f, h) => (v(), X("div", {
+    return (f, h) => (v(), Y("div", {
       style: Q(c.value)
     }, [
       L(f.$slots, "default")
@@ -1348,7 +1372,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       const d = {}, b = o.value.type;
       return i === "page" ? b === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1) : i === "comp" && b === "common" ? (l(d), d.flexGrow = s.value ? 1 : 0, d.flexShrink = a.value ? 1 : 0) : console.assert(!1), d;
     });
-    return (d, b) => (v(), X("div", {
+    return (d, b) => (v(), Y("div", {
       style: Q(p.value)
     }, [
       L(d.$slots, "default")
@@ -1376,10 +1400,10 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       const C = z("v-form");
       return v(), V(C, {
         modelValue: n(a),
-        "onUpdate:modelValue": w[0] || (w[0] = (R) => U(a) ? a.value = R : null),
+        "onUpdate:modelValue": w[0] || (w[0] = (M) => O(a) ? a.value = M : null),
         "fast-fail": n(p),
         style: Q(h.value),
-        onSubmit: Mo(x, ["prevent"])
+        onSubmit: Ro(x, ["prevent"])
       }, {
         default: I(() => [
           L(g.$slots, "default")
@@ -1414,7 +1438,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), o = Ee(), l = ce(0), s = ce(0), a = k(() => [l.value, s.value]), p = k(() => e.node.basic?.id), { open: d } = eo(`runtimeMenu/${Ji()}`);
+    const e = t, i = G(), o = Ee(), l = ce(0), s = ce(0), a = k(() => [l.value, s.value]), p = k(() => e.node.basic?.id), { open: d } = eo(`runtimeMenu/${Zi()}`);
     return bo(o, e, (m) => {
       if (i !== "runtime" && i !== "preview")
         return;
@@ -1424,14 +1448,14 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       const c = z("v-menu");
       return v(), V(c, {
         modelValue: n(d),
-        "onUpdate:modelValue": u[0] || (u[0] = (f) => U(d) ? d.value = f : null),
+        "onUpdate:modelValue": u[0] || (u[0] = (f) => O(d) ? d.value = f : null),
         attach: "menuContainer",
         "location-strategy": "connected",
         scrim: "transparent",
         target: a.value
       }, {
         activator: I(() => [
-          n(i) === "editor" ? (v(), X("div", {
+          n(i) === "editor" ? (v(), Y("div", {
             key: 0,
             id: `__node__@${p.value}`
           }, null, 8, $l)) : ee("", !0)
@@ -1466,14 +1490,14 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       "settings",
       "addIcon",
       "prependInner"
-    ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "reverse"]), { prop: R } = r(e, ["settings", "singleLine"]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: M } = N(), { prop: E } = r(e, ["settings", "value"]), { prop: S } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["size", "width"]);
-    return (Y, te) => {
+    ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "reverse"]), { prop: M } = r(e, ["settings", "singleLine"]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: R } = N(), { prop: E } = r(e, ["settings", "value"]), { prop: S } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["size", "width"]);
+    return (J, te) => {
       const re = z("v-number-input");
-      return v(), V(n(J), null, {
+      return v(), V(n(Z), null, {
         default: I(() => [
           H(re, {
             modelValue: n(E),
-            "onUpdate:modelValue": te[0] || (te[0] = (le) => U(E) ? E.value = le : null),
+            "onUpdate:modelValue": te[0] || (te[0] = (le) => O(E) ? E.value = le : null),
             "append-icon": n(i),
             "append-inner-icon": n(o),
             clearable: n(l),
@@ -1491,10 +1515,10 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             "prepend-inner-icon": n(g),
             readonly: n(w),
             reverse: n(C),
-            "single-line": n(R),
+            "single-line": n(M),
             step: n(W),
             suffix: n(F),
-            theme: n(M),
+            theme: n(R),
             variant: n(S),
             width: n(D)
           }, null, 8, ["modelValue", "append-icon", "append-inner-icon", "clearable", "hide-details", "label", "loading", "max", "max-width", "min", "min-width", "placeholder", "precision", "prefix", "prepend-icon", "prepend-inner-icon", "readonly", "reverse", "single-line", "step", "suffix", "theme", "variant", "width"])
@@ -1519,11 +1543,11 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     });
     return (h, x) => {
       const g = z("v-pagination");
-      return v(), V(n(J), null, {
+      return v(), V(n(Z), null, {
         default: I(() => [
           H(g, {
             modelValue: n(u),
-            "onUpdate:modelValue": x[0] || (x[0] = (w) => U(u) ? u.value = w : null),
+            "onUpdate:modelValue": x[0] || (x[0] = (w) => O(u) ? u.value = w : null),
             density: n(o),
             disabled: n(l),
             length: n(s),
@@ -1571,11 +1595,11 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "inline"]), { prop: a } = r(e, ["settings", "readonly"]), { theme: p } = N(), { prop: d } = r(e, ["settings", "value"]);
     return (b, m) => {
       const u = z("v-radio-group");
-      return v(), V(n(J), null, {
+      return v(), V(n(Z), null, {
         default: I(() => [
           H(u, {
             modelValue: n(d),
-            "onUpdate:modelValue": m[0] || (m[0] = (c) => U(d) ? d.value = c : null),
+            "onUpdate:modelValue": m[0] || (m[0] = (c) => O(d) ? d.value = c : null),
             density: n(i),
             direction: n(o),
             disabled: n(l),
@@ -1621,11 +1645,11 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
         E[S] = D;
       if (!ro(E))
         return E;
-    }), { prop: R } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
+    }), { prop: M } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
       "settings",
       "value",
       "start"
-    ]), { prop: F } = r(e, ["settings", "value", "end"]), M = k({
+    ]), { prop: F } = r(e, ["settings", "value", "end"]), R = k({
       get: () => [W.value, F.value],
       set: ([E, S]) => {
         W.value = E, F.value = S;
@@ -1633,14 +1657,14 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     });
     return (E, S) => {
       const D = z("v-range-slider");
-      return v(), V(n(J), {
-        modelValue: M.value,
-        "onUpdate:modelValue": S[1] || (S[1] = (Y) => M.value = Y)
+      return v(), V(n(Z), {
+        modelValue: R.value,
+        "onUpdate:modelValue": S[1] || (S[1] = (J) => R.value = J)
       }, {
         default: I(() => [
           H(D, {
-            modelValue: M.value,
-            "onUpdate:modelValue": S[0] || (S[0] = (Y) => M.value = Y),
+            modelValue: R.value,
+            "onUpdate:modelValue": S[0] || (S[0] = (J) => R.value = J),
             density: n(i),
             direction: n(o),
             disabled: n(l),
@@ -1654,7 +1678,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             theme: n(f),
             "thumb-label": x.value,
             "thumb-size": n(g),
-            "tick-size": n(R),
+            "tick-size": n(M),
             ticks: C.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
@@ -1675,11 +1699,11 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     ]), { prop: a } = r(e, ["settings", "hover"]), { prop: p } = r(e, ["settings", "length"]), { prop: d } = r(e, ["settings", "readonly"]), { theme: b } = N(), { prop: m } = r(e, ["settings", "value"]);
     return (u, c) => {
       const f = z("v-rating");
-      return v(), V(n(J), { "fit-content": !0 }, {
+      return v(), V(n(Z), { "fit-content": !0 }, {
         default: I(() => [
           H(f, {
             modelValue: n(m),
-            "onUpdate:modelValue": c[0] || (c[0] = (h) => U(m) ? m.value = h : null),
+            "onUpdate:modelValue": c[0] || (c[0] = (h) => O(m) ? m.value = h : null),
             clearable: n(i),
             density: n(o),
             disabled: n(l),
@@ -1704,11 +1728,11 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: p } = N(), { prop: d } = r(e, ["settings", "value"]);
     return (b, m) => {
       const u = z("v-select");
-      return v(), V(n(J), null, {
+      return v(), V(n(Z), null, {
         default: I(() => [
           H(u, {
             modelValue: n(d),
-            "onUpdate:modelValue": m[0] || (m[0] = (c) => U(d) ? d.value = c : null),
+            "onUpdate:modelValue": m[0] || (m[0] = (c) => O(d) ? d.value = c : null),
             "hide-details": n(i),
             label: n(o),
             placeholder: n(l),
@@ -1739,30 +1763,30 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     ]), { color: w } = j(g), { prop: C } = r(e, [
       "settings",
       "thumbLabel"
-    ]), R = k(() => {
+    ]), M = k(() => {
       if (C.value === "always")
         return "always";
       if (C.value === "show")
         return !0;
-    }), { prop: W } = r(e, ["settings", "thumbSize"]), { prop: F } = r(e, ["settings", "ticks"]), M = k(() => {
+    }), { prop: W } = r(e, ["settings", "thumbSize"]), { prop: F } = r(e, ["settings", "ticks"]), R = k(() => {
       if (!F.value)
         return;
       const le = {};
-      for (const { value: Ne, label: Ot } of F.value)
-        le[Ne] = Ot;
+      for (const { value: Ne, label: Ut } of F.value)
+        le[Ne] = Ut;
       if (!ro(le))
         return le;
     }), { prop: E } = r(e, ["settings", "tickSize"]), { prop: S } = r(e, [
       "settings",
       "trackColor"
-    ]), { color: D } = j(S), { prop: Y } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
+    ]), { color: D } = j(S), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
     return (le, Ne) => {
-      const Ot = z("v-slider");
-      return v(), V(n(J), null, {
+      const Ut = z("v-slider");
+      return v(), V(n(Z), null, {
         default: I(() => [
-          H(Ot, {
-            modelValue: n(Y),
-            "onUpdate:modelValue": Ne[0] || (Ne[0] = (Eo) => U(Y) ? Y.value = Eo : null),
+          H(Ut, {
+            modelValue: n(J),
+            "onUpdate:modelValue": Ne[0] || (Ne[0] = (Eo) => O(J) ? J.value = Eo : null),
             color: n(o),
             direction: n(l),
             disabled: n(s),
@@ -1776,10 +1800,10 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
             step: n(h),
             theme: n(x),
             "thumb-color": n(w),
-            "thumb-label": R.value,
+            "thumb-label": M.value,
             "thumb-size": n(W),
             "tick-size": n(E),
-            ticks: M.value,
+            ticks: R.value,
             "track-color": n(D)
           }, Pn({ _: 2 }, [
             n(te) ? {
@@ -1820,7 +1844,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
       const p = z("v-stepper");
       return v(), V(p, {
         modelValue: n(l),
-        "onUpdate:modelValue": a[0] || (a[0] = (d) => U(l) ? l.value = d : null),
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => O(l) ? l.value = d : null),
         "hide-actions": n(i),
         theme: n(o)
       }, {
@@ -1841,7 +1865,7 @@ function Nl(t, e) {
     _: 3
   });
 }
-const Rl = /* @__PURE__ */ xe(El, [["render", Nl]]), Ml = /* @__PURE__ */ $({
+const Ml = /* @__PURE__ */ xe(El, [["render", Nl]]), Rl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1900,11 +1924,11 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
     ]), { prop: p } = r(e, ["settings", "inline"]), { prop: d } = r(e, ["settings", "inset"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { theme: u } = N(), { prop: c } = r(e, ["settings", "value"]);
     return (f, h) => {
       const x = z("v-switch");
-      return v(), V(n(J), { "fit-content": !0 }, {
+      return v(), V(n(Z), { "fit-content": !0 }, {
         default: I(() => [
           H(x, {
             modelValue: n(c),
-            "onUpdate:modelValue": h[0] || (h[0] = (g) => U(c) ? c.value = g : null),
+            "onUpdate:modelValue": h[0] || (h[0] = (g) => O(c) ? c.value = g : null),
             density: n(i),
             direction: n(o),
             disabled: n(l),
@@ -1934,7 +1958,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
     });
     return (p, d) => {
       const b = z("v-tab");
-      return v(), V(n(J), { "fit-content": !0 }, {
+      return v(), V(n(Z), { "fit-content": !0 }, {
         default: I(() => [
           H(b, {
             style: Q(a.value),
@@ -1947,7 +1971,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       });
     };
   }
-}), Ul = /* @__PURE__ */ $({
+}), Ol = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1969,12 +1993,12 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: C } = j(w), { prop: R } = r(e, ["settings", "stacked"]), { theme: W } = N(), { prop: F } = r(e, ["settings", "value"]);
-    return (M, E) => {
+    ]), { color: C } = j(w), { prop: M } = r(e, ["settings", "stacked"]), { theme: W } = N(), { prop: F } = r(e, ["settings", "value"]);
+    return (R, E) => {
       const S = z("v-tabs");
       return v(), V(S, {
         modelValue: n(F),
-        "onUpdate:modelValue": E[0] || (E[0] = (D) => U(F) ? F.value = D : null),
+        "onUpdate:modelValue": E[0] || (E[0] = (D) => O(F) ? F.value = D : null),
         "align-tabs": n(i),
         "bg-color": n(l),
         "center-active": n(s),
@@ -1989,17 +2013,17 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
         mandatory: n(x),
         "show-arrows": n(g),
         "slider-color": n(C),
-        stacked: n(R),
+        stacked: n(M),
         theme: n(W)
       }, {
         default: I(() => [
-          L(M.$slots, "default")
+          L(R.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "align-tabs", "bg-color", "center-active", "color", "density", "direction", "disabled", "fixed-tabs", "grow", "hide-slider", "items", "mandatory", "show-arrows", "slider-color", "stacked", "theme"]);
     };
   }
-}), Ol = /* @__PURE__ */ $({
+}), Ul = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2007,14 +2031,14 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
   },
   setup(t) {
     const e = t, i = $e(), { prop: o } = r(e, ["settings", "align"]), { prop: l } = r(e, ["settings", "decoration"]), { prop: s } = r(e, ["settings", "emphasis"]), { prop: a } = r(e, ["settings", "italic"]), { prop: p } = r(e, ["settings", "text"]), { prop: d } = r(e, ["settings", "weight"]), b = k(() => {
-      const m = [], u = Me(i.value.width), c = Ie(u, e.node.settings?.style);
+      const m = [], u = Re(i.value.width), c = Ie(u, e.node.settings?.style);
       return c && m.push(`text-${c}`), s.value === "high" ? m.push("text-high-emphasis") : s.value === "medium" ? m.push("text-medium-emphasis") : s.value === "disabled" && m.push("text-disabled"), o.value && m.push(`font-${o.value}`), l.value && m.push(`text-decoration-${l.value}`), d.value && m.push(`font-weight-${d.value}`), a.value && m.push("font-italic"), m.join(" ");
     });
-    return (m, u) => (v(), X("span", {
+    return (m, u) => (v(), Y("span", {
       class: Do(b.value)
     }, Fo(n(p)), 3));
   }
-}), ql = /* @__PURE__ */ $({
+}), Xl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2023,12 +2047,12 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
   setup(t) {
     const e = t, { prop: i } = r(e, ["settings", "autoGrow"]), { prop: o } = r(e, ["settings", "clearable"]), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "loading"]), { prop: d } = r(e, ["settings", "maxRows"]), { prop: b } = r(e, ["settings", "placeholder"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: c } = r(e, ["settings", "rows"]), { prop: f } = r(e, ["settings", "singleLine"]), { theme: h } = N(), { prop: x } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
     return (w, C) => {
-      const R = z("v-textarea");
-      return v(), V(n(J), null, {
+      const M = z("v-textarea");
+      return v(), V(n(Z), null, {
         default: I(() => [
-          H(R, {
+          H(M, {
             modelValue: n(x),
-            "onUpdate:modelValue": C[0] || (C[0] = (W) => U(x) ? x.value = W : null),
+            "onUpdate:modelValue": C[0] || (C[0] = (W) => O(x) ? x.value = W : null),
             "auto-grow": n(i),
             clearable: n(o),
             density: n(l),
@@ -2049,7 +2073,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       });
     };
   }
-}), Xl = /* @__PURE__ */ $({
+}), Yl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2062,20 +2086,20 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
     ]), { prop: l } = r(e, ["settings", "autofocus"]), { prop: s } = r(e, ["settings", "clearable"]), { prop: a } = r(e, ["settings", "density"]), { prop: p } = r(e, ["settings", "disabled"]), { prop: d } = r(e, ["settings", "hideDetails"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: u } = r(e, ["settings", "placeholder"]), { prop: c } = r(e, ["settings", "prefix"]), { prop: f } = r(e, ["settings", "prependIcon"]), { prop: h } = r(e, [
       "settings",
       "prependInnerIcon"
-    ]), { prop: x } = r(e, ["settings", "readonly"]), { prop: g } = r(e, ["settings", "reverse"]), { prop: w } = r(e, ["settings", "singleLine"]), { prop: C } = r(e, ["settings", "suffix"]), { theme: R } = N(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: M } = r(e, ["slots", "append"]), { prop: E } = r(e, [
+    ]), { prop: x } = r(e, ["settings", "readonly"]), { prop: g } = r(e, ["settings", "reverse"]), { prop: w } = r(e, ["settings", "singleLine"]), { prop: C } = r(e, ["settings", "suffix"]), { theme: M } = N(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: R } = r(e, ["slots", "append"]), { prop: E } = r(e, [
       "slots",
       "appendInner"
     ]), { prop: S } = r(e, ["slots", "prepend"]), { prop: D } = r(e, [
       "slots",
       "prependInner"
     ]);
-    return (Y, te) => {
+    return (J, te) => {
       const re = z("v-text-field");
-      return v(), V(n(J), null, {
+      return v(), V(n(Z), null, {
         default: I(() => [
           H(re, {
             modelValue: n(W),
-            "onUpdate:modelValue": te[0] || (te[0] = (le) => U(W) ? W.value = le : null),
+            "onUpdate:modelValue": te[0] || (te[0] = (le) => O(W) ? W.value = le : null),
             "append-icon": n(i),
             "append-inner-icon": n(o),
             autofocus: n(l),
@@ -2093,14 +2117,14 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
             reverse: n(g),
             "single-line": n(w),
             suffix: n(C),
-            theme: n(R),
+            theme: n(M),
             variant: n(F)
           }, Pn({ _: 2 }, [
-            n(M) ? {
+            n(R) ? {
               name: "append",
               fn: I(() => [
                 H(n(fe), {
-                  "ref-context": { refid: n(M) },
+                  "ref-context": { refid: n(R) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2142,7 +2166,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       });
     };
   }
-}), Yl = /* @__PURE__ */ $({
+}), Jl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2192,8 +2216,8 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
     };
   }
-}), Jl = {};
-function Zl(t, e) {
+}), Zl = {};
+function ql(t, e) {
   const i = z("v-timeline-item");
   return v(), V(i, null, {
     default: I(() => [
@@ -2202,7 +2226,7 @@ function Zl(t, e) {
     _: 3
   });
 }
-const Ql = /* @__PURE__ */ xe(Jl, [["render", Zl]]), ea = /* @__PURE__ */ $({
+const Ql = /* @__PURE__ */ xe(Zl, [["render", ql]]), ea = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -2214,7 +2238,7 @@ const Ql = /* @__PURE__ */ xe(Jl, [["render", Zl]]), ea = /* @__PURE__ */ $({
       const c = z("v-window");
       return v(), V(c, {
         modelValue: n(b),
-        "onUpdate:modelValue": u[0] || (u[0] = (f) => U(b) ? b.value = f : null),
+        "onUpdate:modelValue": u[0] || (u[0] = (f) => O(b) ? b.value = f : null),
         continuous: n(i),
         direction: n(l),
         disabled: n(o),
@@ -2240,7 +2264,7 @@ function na(t, e) {
     _: 3
   });
 }
-const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Oe = "ambient_light_v1", qe = "badge_v1", Nn = "breadcrumbs_v1", Xe = "bar_chart_v1", Ye = "box_geometry_v1", Je = "btn_v1", Ze = "btn_group_v1", Qe = "btn_toggle_v1", et = "card_v1", tt = "checkbox_v1", nt = "chip_v1", it = "chip_group_v1", ot = "color_picker_v1", st = "combobox_v1", rt = "container_v1", lt = "data_table_v1", at = "date_picker_v1", ut = "dialog_v1", ct = "directional_light_v1", mt = "file_input_v1", pt = "flex_layout_v1", yo = "flex_layout_entry_v1", dt = "form_v1", tn = "globality_v1", ft = "group_v1", bt = "icon_v1", yt = "keyboard_controls_v1", ht = "line_chart_v1", gt = "map_controls_v1", xt = "menu_v1", vt = "mesh_v1", oa = "mesh_basic_material_v1", Rn = "multiple_ref_v1", kt = "number_input_v1", _t = "orbit_controls_v1", wt = "orthographic_camera_v1", Vt = "pagination_v1", $t = "perspective_camera_v1", It = "point_light_v1", ho = "radio_v1", St = "radio_group_v1", Ct = "range_slider_v1", Tt = "rating_v1", Mn = "render_switch_v1", Pt = "select_v1", De = "single_ref_v1", zt = "slider_v1", At = "sphere_geometry_v1", Lt = "spot_light_v1", Bt = "stepper_v1", go = "stepper_header_v1", xo = "stepper_item_v1", vo = "stepper_window_v1", ko = "stepper_window_item_v1", Wt = "switch_v1", _o = "tab_v1", Dn = "table_v1", Et = "tabs_v1", Nt = "text_v1", Rt = "textarea_v1", Mt = "text_field_v1", Dt = "timeline_v1", wo = "timeline_item_v1", Ft = "window_v1", Vo = "window_item_v1", y = {
+const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe = "badge_v1", Nn = "breadcrumbs_v1", Ye = "bar_chart_v1", Je = "box_geometry_v1", Ze = "btn_v1", qe = "btn_group_v1", Qe = "btn_toggle_v1", et = "card_v1", tt = "checkbox_v1", nt = "chip_v1", it = "chip_group_v1", ot = "color_picker_v1", st = "combobox_v1", rt = "container_v1", lt = "data_table_v1", at = "date_picker_v1", ut = "dialog_v1", ct = "directional_light_v1", mt = "file_input_v1", pt = "flex_layout_v1", yo = "flex_layout_entry_v1", dt = "form_v1", tn = "globality_v1", ft = "group_v1", bt = "icon_v1", yt = "keyboard_controls_v1", ht = "line_chart_v1", gt = "map_controls_v1", xt = "menu_v1", vt = "mesh_v1", oa = "mesh_basic_material_v1", Mn = "multiple_ref_v1", kt = "number_input_v1", _t = "orbit_controls_v1", wt = "orthographic_camera_v1", Vt = "pagination_v1", $t = "perspective_camera_v1", It = "point_light_v1", ho = "radio_v1", St = "radio_group_v1", Ct = "range_slider_v1", Tt = "rating_v1", Rn = "render_switch_v1", Pt = "select_v1", De = "single_ref_v1", zt = "slider_v1", At = "sphere_geometry_v1", Lt = "spot_light_v1", Bt = "stepper_v1", go = "stepper_header_v1", xo = "stepper_item_v1", vo = "stepper_window_v1", ko = "stepper_window_item_v1", Wt = "switch_v1", _o = "tab_v1", Dn = "table_v1", Et = "tabs_v1", Nt = "text_v1", Mt = "textarea_v1", Rt = "text_field_v1", Dt = "timeline_v1", wo = "timeline_item_v1", Ft = "window_v1", Vo = "window_item_v1", y = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2447,7 +2471,7 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Oe = "ambient_light_v1", qe
       default: ""
     }
   ]
-}, O = {
+}, U = {
   key: "size",
   name: "x-runtime-lib.size",
   children: [
@@ -2517,7 +2541,7 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Oe = "ambient_light_v1", qe
       default: ""
     }
   ]
-}, q = {
+}, X = {
   key: "transform",
   name: "x-runtime-lib.transform",
   children: [
@@ -2669,7 +2693,7 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Oe = "ambient_light_v1", qe
       defaultArray: []
     }
   ]
-}, Jn = {
+}, Zn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -2721,15 +2745,15 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Oe = "ambient_light_v1", qe
   name: "x-runtime-lib.orthographicCamera",
   comp: $s,
   props: {
-    pageScene: [y, q, Jn],
-    compScene: [y, q, Jn]
+    pageScene: [y, X, Zn],
+    compScene: [y, X, Zn]
   },
   events: [],
   methods: [],
   slots: []
 };
 _(ra);
-const Zn = {
+const qn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -2767,8 +2791,8 @@ const Zn = {
   name: "x-runtime-lib.perspectiveCamera",
   comp: Ss,
   props: {
-    pageScene: [y, q, Zn],
-    compScene: [y, q, Zn]
+    pageScene: [y, X, qn],
+    compScene: [y, X, qn]
   },
   events: [],
   methods: [],
@@ -2956,7 +2980,7 @@ const Qn = {
     }
   ]
 }, nn = {
-  key: Ye,
+  key: Je,
   name: "x-runtime-lib.boxGeometry",
   comp: Ts,
   props: {
@@ -3132,12 +3156,12 @@ const ti = {
     }
   ]
 }, va = {
-  key: Oe,
+  key: Ue,
   name: "x-runtime-lib.ambientLight",
   comp: Ls,
   props: {
-    pageScene: [y, q, ti],
-    compScene: [y, q, ti]
+    pageScene: [y, X, ti],
+    compScene: [y, X, ti]
   },
   events: [],
   methods: [],
@@ -3166,8 +3190,8 @@ const ni = {
   name: "x-runtime-lib.directionalLight",
   comp: Ws,
   props: {
-    pageScene: [y, q, ni],
-    compScene: [y, q, ni]
+    pageScene: [y, X, ni],
+    compScene: [y, X, ni]
   },
   events: [],
   methods: [],
@@ -3210,8 +3234,8 @@ const ii = {
   name: "x-runtime-lib.pointLight",
   comp: Ns,
   props: {
-    pageScene: [y, q, ii],
-    compScene: [y, q, ii]
+    pageScene: [y, X, ii],
+    compScene: [y, X, ii]
   },
   events: [],
   methods: [],
@@ -3269,10 +3293,10 @@ const oi = {
 }, wa = {
   key: Lt,
   name: "x-runtime-lib.spotLight",
-  comp: Ms,
+  comp: Rs,
   props: {
-    pageScene: [y, q, oi],
-    compScene: [y, q, oi]
+    pageScene: [y, X, oi],
+    compScene: [y, X, oi]
   },
   events: [],
   methods: [],
@@ -3298,8 +3322,8 @@ const Va = {
   name: "x-runtime-lib.group",
   comp: js,
   props: {
-    pageScene: [y, q],
-    compScene: [y, q]
+    pageScene: [y, X],
+    compScene: [y, X]
   },
   events: [],
   methods: [],
@@ -3309,10 +3333,10 @@ _(Va);
 const ze = {
   key: vt,
   name: "x-runtime-lib.mesh",
-  comp: Us,
+  comp: Os,
   props: {
-    pageScene: [y, q],
-    compScene: [y, q]
+    pageScene: [y, X],
+    compScene: [y, X]
   },
   events: [],
   methods: [],
@@ -3360,12 +3384,12 @@ const si = {
   array: !0,
   defaultArray: []
 }, sn = {
-  key: Xe,
+  key: Ye,
   name: "x-runtime-lib.barChart",
   comp: Qr,
   props: {
-    pageCommon: [y, O, Ge, He, je, Fe, si],
-    compCommon: [y, O, Ge, He, je, Fe, si]
+    pageCommon: [y, U, Ge, He, je, Fe, si],
+    compCommon: [y, U, Ge, He, je, Fe, si]
   },
   events: [],
   methods: [],
@@ -3419,8 +3443,8 @@ const ri = {
   name: "x-runtime-lib.lineChart",
   comp: el,
   props: {
-    pageCommon: [y, O, Ge, He, je, Fe, ri],
-    compCommon: [y, O, Ge, He, je, Fe, ri]
+    pageCommon: [y, U, Ge, He, je, Fe, ri],
+    compCommon: [y, U, Ge, He, je, Fe, ri]
   },
   events: [],
   methods: [],
@@ -3429,17 +3453,17 @@ const ri = {
   spawn: Ia
 };
 _(rn);
-const Ut = B(K);
-Ut.key = "backgroundColor";
-Ut.name = "x-runtime-lib.backgroundColor";
+const Ot = B(K);
+Ot.key = "backgroundColor";
+Ot.name = "x-runtime-lib.backgroundColor";
 const li = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Ut]
+  children: [Ot]
 }, ai = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Ut]
+  children: [Ot]
 }, Sa = {
   key: tn,
   name: "x-runtime-lib.globality",
@@ -3524,8 +3548,8 @@ const ui = {
       default: !1
     }
   ]
-}, Ec = {
-  key: qe,
+}, Rc = {
+  key: Xe,
   name: "x-runtime-lib.badge",
   comp: tl,
   props: {
@@ -3638,12 +3662,12 @@ const Ta = B(K), ci = {
     }
   ]
 }, ln = {
-  key: Je,
+  key: Ze,
   name: "x-runtime-lib.button",
   comp: nl,
   props: {
-    pageCommon: [y, O, ci],
-    compCommon: [y, O, ci]
+    pageCommon: [y, U, ci],
+    compCommon: [y, U, ci]
   },
   events: [
     {
@@ -3659,7 +3683,7 @@ const Ta = B(K), ci = {
 };
 _(ln);
 const Pa = {
-  key: Ze,
+  key: qe,
   name: "x-runtime-lib.buttonGroup",
   comp: sl,
   props: {
@@ -3819,8 +3843,8 @@ const pi = {
   name: "x-runtime-lib.card",
   comp: ll,
   props: {
-    pageCommon: [y, O, pi],
-    compCommon: [y, O, pi]
+    pageCommon: [y, U, pi],
+    compCommon: [y, U, pi]
   },
   events: [],
   methods: [],
@@ -4132,8 +4156,8 @@ const hi = {
   name: "x-runtime-lib.container",
   comp: dl,
   props: {
-    pageCommon: [y, O, _e, we, Ve, hi],
-    compCommon: [y, O, _e, we, Ve, hi]
+    pageCommon: [y, U, _e, we, Ve, hi],
+    compCommon: [y, U, _e, we, Ve, hi]
   },
   events: [
     {
@@ -4298,7 +4322,7 @@ const gi = {
       defaultArray: []
     }
   ]
-}, Ra = {
+}, Ma = {
   key: lt,
   name: "x-runtime-lib.dataTable",
   comp: fl,
@@ -4311,8 +4335,8 @@ const gi = {
   slots: [],
   leaf: !0
 };
-_(Ra);
-const Ma = {
+_(Ma);
+const Ra = {
   key: at,
   name: "x-runtime-lib.datePicker",
   comp: hl,
@@ -4325,7 +4349,7 @@ const Ma = {
   slots: [],
   leaf: !0
 };
-_(Ma);
+_(Ra);
 const Da = {
   key: ut,
   name: "x-runtime-lib.dialog",
@@ -4357,7 +4381,7 @@ const ki = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, Nc = {
+}, Dc = {
   key: mt,
   name: "x-runtime-lib.fileInput",
   comp: vl,
@@ -4391,8 +4415,8 @@ const ki = {
   name: "x-runtime-lib.flexLayoutEntry",
   comp: _l,
   props: {
-    pageCommon: [y, O, _i],
-    compCommon: [y, O, _i]
+    pageCommon: [y, U, _i],
+    compCommon: [y, U, _i]
   },
   events: [],
   methods: [],
@@ -4659,8 +4683,8 @@ const wi = {
   name: "x-runtime-lib.flexLayout",
   comp: kl,
   props: {
-    pageCommon: [y, O, _e, we, Ve, wi],
-    compCommon: [y, O, _e, we, Ve, wi]
+    pageCommon: [y, U, _e, we, Ve, wi],
+    compCommon: [y, U, _e, we, Ve, wi]
   },
   events: [
     {
@@ -4825,9 +4849,9 @@ const Vi = {
     }
   ]
 }, dn = {
-  key: Mt,
+  key: Rt,
   name: "x-runtime-lib.textField",
-  comp: Xl,
+  comp: Yl,
   props: {
     pageCommon: [y, Vi, $i],
     compCommon: [y, Vi, $i]
@@ -4914,8 +4938,8 @@ const Ii = {
   name: "x-runtime-lib.form",
   comp: wl,
   props: {
-    pageCommon: [y, O, _e, we, Ve, Ii],
-    compCommon: [y, O, _e, we, Ve, Ii]
+    pageCommon: [y, U, _e, we, Ve, Ii],
+    compCommon: [y, U, _e, we, Ve, Ii]
   },
   events: [
     {
@@ -4954,7 +4978,7 @@ const Ka = B(K), Si = {
     },
     Ka
   ]
-}, Ua = {
+}, Oa = {
   key: bt,
   name: "x-runtime-lib.icon",
   comp: Vl,
@@ -4967,8 +4991,8 @@ const Ka = B(K), Si = {
   slots: [],
   leaf: !0
 };
-_(Ua);
-const Oa = {
+_(Oa);
+const Ua = {
   key: xt,
   name: "x-runtime-lib.menu",
   comp: Il,
@@ -4994,8 +5018,8 @@ const Oa = {
   slots: [],
   teleport: !0
 };
-_(Oa);
-function qa(t, e) {
+_(Ua);
+function Xa(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`numberInputV1/spawn prop tag not found, ${i}`);
@@ -5214,7 +5238,7 @@ const Ci = {
   methods: [],
   slots: [],
   leaf: !0,
-  spawn: qa
+  spawn: Xa
 };
 _(bn);
 const Pi = {
@@ -5280,7 +5304,7 @@ const Pi = {
       default: !1
     }
   ]
-}, Xa = {
+}, Ya = {
   key: Vt,
   name: "x-runtime-lib.pagination",
   comp: Cl,
@@ -5293,8 +5317,8 @@ const Pi = {
   slots: [],
   leaf: !0
 };
-_(Xa);
-const Ya = B(K), zi = {
+_(Ya);
+const Ja = B(K), zi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5329,7 +5353,7 @@ const Ya = B(K), zi = {
       items: "densityItemsV1",
       default: "default"
     },
-    Ya
+    Ja
   ]
 }, yn = {
   key: ho,
@@ -5345,7 +5369,7 @@ const Ya = B(K), zi = {
   leaf: !0
 };
 _(yn);
-function Ja(t, e) {
+function Za(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`radioGroupV1/spawn prop tag not found, ${i}`);
@@ -5358,12 +5382,12 @@ function Ja(t, e) {
   }
   const s = {};
   return P(s, l), s.basic.id = T(16), s.basic.key = hn.key, s.children = [
-    Xt(t, e, "option1", "Option 1"),
-    Xt(t, e, "option2", "Option 2"),
-    Xt(t, e, "option3", "Option 3")
+    Yt(t, e, "option1", "Option 1"),
+    Yt(t, e, "option2", "Option 2"),
+    Yt(t, e, "option3", "Option 3")
   ], s.settings.value = "option1", s;
 }
-function Xt(t, e, i, o) {
+function Yt(t, e, i, o) {
   const l = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
     console.error(`radioGroupV1/spawnEntry prop tag not found, ${l}`);
@@ -5431,7 +5455,7 @@ const Ai = {
   events: [],
   methods: [],
   slots: [],
-  spawn: Ja
+  spawn: Za
 };
 _(hn);
 const Li = {
@@ -5551,7 +5575,7 @@ const Li = {
       ]
     }
   ]
-}, Za = {
+}, qa = {
   key: Ct,
   name: "x-runtime-lib.rangeSlider",
   comp: zl,
@@ -5564,7 +5588,7 @@ const Li = {
   slots: [],
   leaf: !0
 };
-_(Za);
+_(qa);
 const Bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5841,7 +5865,7 @@ _(tu);
 const gn = {
   key: go,
   name: "x-runtime-lib.stepperHeader",
-  comp: Rl,
+  comp: Ml,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5851,7 +5875,7 @@ const gn = {
   slots: []
 };
 _(gn);
-const Ri = {
+const Mi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5865,10 +5889,10 @@ const Ri = {
 }, xn = {
   key: xo,
   name: "x-runtime-lib.stepperItem",
-  comp: Ml,
+  comp: Rl,
   props: {
-    pageCommon: [y, Ri],
-    compCommon: [y, Ri]
+    pageCommon: [y, Mi],
+    compCommon: [y, Mi]
   },
   events: [],
   methods: [],
@@ -5888,7 +5912,7 @@ const vn = {
   slots: []
 };
 _(vn);
-const Mi = {
+const Ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5904,8 +5928,8 @@ const Mi = {
   name: "x-runtime-lib.stepperWindowItem",
   comp: Hl,
   props: {
-    pageCommon: [y, Mi],
-    compCommon: [y, Mi]
+    pageCommon: [y, Ri],
+    compCommon: [y, Ri]
   },
   events: [],
   methods: [],
@@ -5939,12 +5963,12 @@ function iu(t, e) {
   }
   const s = {};
   return P(s, l), s.basic.id = T(16), s.basic.key = gn.key, s.children = [
-    Yt(t, e, "step1"),
-    Yt(t, e, "step2"),
-    Yt(t, e, "step3")
+    Jt(t, e, "step1"),
+    Jt(t, e, "step2"),
+    Jt(t, e, "step3")
   ], s;
 }
-function Yt(t, e, i) {
+function Jt(t, e, i) {
   const o = `type=${t} subtype=${e}`, l = A(t, e);
   if (!l) {
     console.error(`stepperV1/spawnItem prop tag not found, ${o}`);
@@ -5971,12 +5995,12 @@ function ou(t, e) {
   }
   const s = {};
   return P(s, l), s.basic.id = T(16), s.basic.key = vn.key, s.children = [
-    Jt(t, e, "step1", "step 1"),
-    Jt(t, e, "step2", "step 2"),
-    Jt(t, e, "step3", "step 3")
+    Zt(t, e, "step1", "step 1"),
+    Zt(t, e, "step2", "step 2"),
+    Zt(t, e, "step3", "step 3")
   ], s;
 }
-function Jt(t, e, i, o) {
+function Zt(t, e, i, o) {
   const l = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
     console.error(`stepperV1/spawnWindowItem prop tag not found, ${l}`);
@@ -6093,12 +6117,12 @@ function lu(t, e) {
   }
   const s = {};
   return P(s, l), s.basic.id = T(16), s.basic.key = Vn.key, s.children = [
-    Zt(t, e, "tab1", "tab 1"),
-    Zt(t, e, "tab2", "tab 2"),
-    Zt(t, e, "tab3", "tab 3")
+    qt(t, e, "tab1", "tab 1"),
+    qt(t, e, "tab2", "tab 2"),
+    qt(t, e, "tab3", "tab 3")
   ], s;
 }
-function Zt(t, e, i, o) {
+function qt(t, e, i, o) {
   const l = `type=${t} subtype=${e}`, s = A(t, e);
   if (!s) {
     console.error(`tabsV1/spawnTab prop tag not found, ${l}`);
@@ -6112,15 +6136,15 @@ function Zt(t, e, i, o) {
   const p = {};
   return P(p, a), p.basic.id = T(16), p.basic.key = wn.key, p.settings.value = i, p.settings.text = o, p;
 }
-const Un = B(K);
-Un.key = "backgroundColor";
-Un.name = "x-runtime-lib.backgroundColor";
 const On = B(K);
-On.key = "selectedColor";
-On.name = "x-runtime-lib.selectedColor";
-const qn = B(K);
-qn.key = "sliderColor";
-qn.name = "x-runtime-lib.sliderColor";
+On.key = "backgroundColor";
+On.name = "x-runtime-lib.backgroundColor";
+const Un = B(K);
+Un.key = "selectedColor";
+Un.name = "x-runtime-lib.selectedColor";
+const Xn = B(K);
+Xn.key = "sliderColor";
+Xn.name = "x-runtime-lib.sliderColor";
 const Gi = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -6197,13 +6221,13 @@ const Gi = {
     {
       key: "color",
       name: "x-runtime-lib.color",
-      children: [Un, On, qn]
+      children: [On, Un, Xn]
     }
   ]
 }, Vn = {
   key: Et,
   name: "x-runtime-lib.tabs",
-  comp: Ul,
+  comp: Ol,
   props: {
     pageCommon: [y, Gi],
     compCommon: [y, Gi]
@@ -6317,7 +6341,7 @@ const Hi = {
 }, ye = {
   key: Nt,
   name: "x-runtime-lib.text",
-  comp: Ol,
+  comp: Ul,
   props: {
     pageCommon: [y, Hi],
     compCommon: [y, Hi]
@@ -6415,9 +6439,9 @@ const ji = {
     }
   ]
 }, $n = {
-  key: Rt,
+  key: Mt,
   name: "x-runtime-lib.textarea",
-  comp: ql,
+  comp: Xl,
   props: {
     pageCommon: [y, ji],
     compCommon: [y, ji]
@@ -6569,7 +6593,7 @@ const pu = B(K), du = B(K), Ki = {
 }, Sn = {
   key: Dt,
   name: "x-runtime-lib.timeline",
-  comp: Yl,
+  comp: Jl,
   props: {
     pageCommon: [y, Ki],
     compCommon: [y, Ki]
@@ -6653,7 +6677,7 @@ function yu(t, e, i) {
   const a = {};
   return P(a, s), a.basic.id = T(16), a.basic.key = ye.key, a.settings.text = i, a.settings.style.xs = "h6", a;
 }
-const Ui = {
+const Oi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6706,8 +6730,8 @@ const Ui = {
   name: "x-runtime-lib.window",
   comp: ea,
   props: {
-    pageCommon: [y, Ui],
-    compCommon: [y, Ui]
+    pageCommon: [y, Oi],
+    compCommon: [y, Oi]
   },
   events: [],
   methods: [],
@@ -6849,10 +6873,10 @@ const hu = [
   { title: "x-runtime-lib.notSet", value: "" },
   { title: "x-runtime-lib.show", value: "show" },
   { title: "x-runtime-lib.always", value: "always" }
-], Ru = [
+], Mu = [
   { title: "x-runtime-lib.start", value: "start" },
   { title: "x-runtime-lib.center", value: "center" }
-], Mu = [
+], Ru = [
   { title: "x-runtime-lib.horizontal", value: "horizontal" },
   { title: "x-runtime-lib.vertical", value: "vertical" }
 ], Du = [
@@ -6887,8 +6911,8 @@ const hu = [
   textStyleItemsV1: Wu,
   themeColorItemsV1: Eu,
   thumbLabelItemsV1: Nu,
-  timelineAlignItemsV1: Ru,
-  timelineDirectionItemsV1: Mu,
+  timelineAlignItemsV1: Mu,
+  timelineDirectionItemsV1: Ru,
   timelineSideItemsV1: Du,
   timelineTruncateLineItemsV1: Fu
 }, Symbol.toStringTag, { value: "Module" })), Hu = [
@@ -6924,7 +6948,7 @@ const hu = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: Ue,
+    validator: Oe,
     default: "0px",
     precision: 0,
     min: 0,
@@ -6972,7 +6996,7 @@ const hu = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: Ue,
+    validator: Oe,
     default: "0px"
   },
   {
@@ -6983,7 +7007,7 @@ const hu = [
     precision: 6,
     default: "0%"
   }
-], Uu = [
+], Ou = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6995,7 +7019,7 @@ const hu = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: Ue,
+    validator: Oe,
     min: 0,
     default: "0px"
   },
@@ -7008,7 +7032,7 @@ const hu = [
     min: 0,
     default: "0%"
   }
-], Ou = [
+], Uu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7020,7 +7044,7 @@ const hu = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: Ue,
+    validator: Oe,
     min: 0,
     default: "0px"
   },
@@ -7033,7 +7057,7 @@ const hu = [
     min: 0,
     default: "0%"
   }
-], qu = [
+], Xu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7062,7 +7086,7 @@ const hu = [
     validator: (t) => t === "end",
     default: "end"
   }
-], Xu = [
+], Yu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7084,21 +7108,21 @@ const hu = [
     validator: (t) => t === "bottom",
     default: "bottom"
   }
-], Yu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Ju = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   borderWidthTypesV1: Hu,
   leftRightTypesV1: ju,
   marginTypesV1: Ku,
-  paddingTypesV1: Uu,
-  sizeTypesV1: Ou,
-  tableColumnAlignTypesV1: qu,
-  topBottomTypesV1: Xu
-}, Symbol.toStringTag, { value: "Module" })), Ju = [
+  paddingTypesV1: Ou,
+  sizeTypesV1: Uu,
+  tableColumnAlignTypesV1: Xu,
+  topBottomTypesV1: Yu
+}, Symbol.toStringTag, { value: "Module" })), Zu = [
   {
     key: "containment",
     name: "x-runtime-lib.containment",
     items: [
-      Je,
+      Ze,
       et,
       nt,
       rt,
@@ -7118,8 +7142,8 @@ const hu = [
     items: [
       dt,
       Nt,
-      Mt,
       Rt,
+      Mt,
       kt,
       Pt,
       st,
@@ -7134,14 +7158,14 @@ const hu = [
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [Dn, lt, Xe, ht]
+    items: [Dn, lt, Ye, ht]
   },
   {
     key: "selection",
     name: "x-runtime-lib.selection",
     items: [
       Qe,
-      Ze,
+      qe,
       it,
       Bt,
       Ft
@@ -7150,7 +7174,7 @@ const hu = [
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [qe, Tt, Dt]
+    items: [Xe, Tt, Dt]
   },
   {
     key: "imagesAndIcons",
@@ -7165,9 +7189,9 @@ const hu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [De, Rn, Mn]
+    items: [De, Mn, Rn]
   }
-], Zu = [
+], qu = [
   {
     key: "objects",
     name: "x-runtime-lib.objects",
@@ -7176,13 +7200,13 @@ const hu = [
   {
     key: "geometries",
     name: "x-runtime-lib.geometries",
-    items: [Ye, At]
+    items: [Je, At]
   },
   {
     key: "lights",
     name: "x-runtime-lib.lights",
     items: [
-      Oe,
+      Ue,
       ct,
       It,
       Lt
@@ -7203,7 +7227,7 @@ const hu = [
     key: "containment",
     name: "x-runtime-lib.containment",
     items: [
-      Je,
+      Ze,
       et,
       nt,
       rt,
@@ -7223,8 +7247,8 @@ const hu = [
     items: [
       dt,
       Nt,
-      Mt,
       Rt,
+      Mt,
       kt,
       Pt,
       st,
@@ -7239,14 +7263,14 @@ const hu = [
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [Dn, lt, Xe, ht]
+    items: [Dn, lt, Ye, ht]
   },
   {
     key: "selection",
     name: "x-runtime-lib.selection",
     items: [
       Qe,
-      Ze,
+      qe,
       it,
       Bt,
       Ft
@@ -7255,7 +7279,7 @@ const hu = [
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [qe, Tt, Dt]
+    items: [Xe, Tt, Dt]
   },
   {
     key: "imagesAndIcons",
@@ -7270,7 +7294,7 @@ const hu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [De, Rn, Mn]
+    items: [De, Mn, Rn]
   }
 ], ec = [
   {
@@ -7281,13 +7305,13 @@ const hu = [
   {
     key: "geometries",
     name: "x-runtime-lib.geometries",
-    items: [Ye, At]
+    items: [Je, At]
   },
   {
     key: "lights",
     name: "x-runtime-lib.lights",
     items: [
-      Oe,
+      Ue,
       ct,
       It,
       Lt
@@ -7308,15 +7332,15 @@ const hu = [
   globalityKey: tn,
   refKey: De,
   items: { ...Gu },
-  types: { ...Yu },
+  types: { ...Ju },
   elements: /* @__PURE__ */ new Set([
-    Oe,
-    qe,
+    Ue,
     Xe,
     Ye,
-    Nn,
     Je,
+    Nn,
     Ze,
+    qe,
     Qe,
     et,
     tt,
@@ -7341,7 +7365,7 @@ const hu = [
     gt,
     xt,
     vt,
-    Rn,
+    Mn,
     kt,
     _t,
     wt,
@@ -7352,7 +7376,7 @@ const hu = [
     St,
     Ct,
     Tt,
-    Mn,
+    Rn,
     Pt,
     De,
     zt,
@@ -7368,8 +7392,8 @@ const hu = [
     Dn,
     Et,
     Nt,
-    Rt,
     Mt,
+    Rt,
     Dt,
     wo,
     Ft,
@@ -7378,8 +7402,8 @@ const hu = [
   groups: {
     pageCommon: Qu,
     pageScene: ec,
-    compCommon: Ju,
-    compScene: Zu
+    compCommon: Zu,
+    compScene: qu
   }
 }, $o = {
   v1: tc
@@ -7396,7 +7420,7 @@ function A(t, e) {
   }
   return `${t}${as(e)}`;
 }
-function Oi(t, e) {
+function Ui(t, e) {
   if (t.array)
     return e ? B(t.default) : B(t.defaultArray);
   {
@@ -7409,15 +7433,15 @@ function P(t, e) {
     if (l.ui) {
       if (l.ui === "strInput" && l.static)
         return;
-      o[l.key] = Oi(l);
+      o[l.key] = Ui(l);
     } else
-      l.array ? o[l.key] = Oi(l) : l.children.forEach((s) => {
+      l.array ? o[l.key] = Ui(l) : l.children.forEach((s) => {
         o[l.key] || (o[l.key] = {}), i(o[l.key], s);
       });
   }
   e.forEach((o) => i(t, o));
 }
-function Rc(t, e, i, o, l) {
+function Fc(t, e, i, o, l) {
   const s = `type=${t} subtype=${e} version=${i} ref=${o} keyOrRefid=${l}`, a = A(t, e);
   if (!a) {
     console.error(`spawnNode prop tag not found, ${s}`);
@@ -7482,7 +7506,7 @@ function Rc(t, e, i, o, l) {
     }
   }
 }
-function Mc(t, e) {
+function Gc(t, e) {
   function i(o) {
     if (o.basic.id === e)
       return o;
@@ -7506,56 +7530,56 @@ function nc(t) {
   const i = B(t);
   return e(i), i;
 }
-function Dc(t) {
+function Hc(t) {
   const e = [];
   return t.forEach((i) => {
     e.push(nc(i));
   }), e;
 }
 const Io = "runtimeOrg", So = "runtimeEnv", Co = "runtimeMode", To = "runtimeDevice", Po = "runtimeDark", zo = "runtimeType", Ao = "runtimeData", Lo = "runtimeDepends", Bo = "runtimeSandbox";
-function Fc(t) {
+function jc(t) {
   se(Io, t);
 }
 function ic() {
   return oe(Io);
 }
-function Gc(t) {
+function Kc(t) {
   se(So, t);
 }
 function oc() {
   return oe(So);
 }
-function Hc(t) {
+function Oc(t) {
   se(Co, t);
 }
 function G() {
   return oe(Co);
 }
-function jc(t) {
+function Uc(t) {
   se(To, zn(t));
 }
 function $e() {
   return oe(To);
 }
-function Kc(t) {
+function Xc(t) {
   se(Po, zn(t));
 }
 function We() {
   return oe(Po);
 }
-function Uc(t) {
+function Yc(t) {
   se(zo, t);
 }
 function pe() {
   return oe(zo);
 }
-function Oc(t) {
+function Jc(t) {
   se(Ao, t);
 }
 function de() {
   return oe(Ao);
 }
-function qc(t) {
+function Zc(t) {
   se(Lo, zn(t));
 }
 function sc() {
@@ -7571,7 +7595,7 @@ function Se(t) {
   const e = [t.type];
   return t.type === "elementProp" ? e.push(t.nodeId, t.propKeys) : t.type === "customProp" || t.type === "adaptSlotProp" ? e.push(t.propId) : t.type === "customState" ? e.push(t.stateId) : console.assert(!1), e.join("@");
 }
-function Re(t, e, i, o, l) {
+function Me(t, e, i, o, l) {
   const { watchEffect: s, bind: a } = e;
   if (s[i])
     for (const p of s[i]) {
@@ -7833,7 +7857,7 @@ function cc(t, e, i) {
   }
   function m(u, c, f, h) {
     const x = e.pseudoToNative(u), g = e.pseudoToNative(c), w = e.pseudoToNative(f);
-    Uo({ title: x, label: g, value: w }).then((C) => {
+    Oo({ title: x, label: g, value: w }).then((C) => {
       h(e.nativeToPseudo(C)), e.run();
     });
   }
@@ -8115,7 +8139,7 @@ function gc(t) {
       g ?? x
     ]), t.value?.code.reactivity)) {
       let w = "";
-      h instanceof Array ? w = h.join(".") : w = h, Re(
+      h instanceof Array ? w = h.join(".") : w = h, Me(
         u,
         t.value.code.reactivity,
         Se({
@@ -8132,7 +8156,7 @@ function gc(t) {
       `customPropChange@${f}`,
       h,
       x ?? h
-    ]), t.value?.code.reactivity && Re(
+    ]), t.value?.code.reactivity && Me(
       u,
       t.value.code.reactivity,
       Se({ type: "customProp", propId: f }),
@@ -8140,7 +8164,7 @@ function gc(t) {
       x
     ));
   }, b = (f, h, x) => {
-    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Re(
+    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Me(
       u,
       t.value.code.reactivity,
       Se({ type: "customState", stateId: f }),
@@ -8152,7 +8176,7 @@ function gc(t) {
       `adaptSlotProp@${f}`,
       h,
       x ?? h
-    ]), t.value?.code.reactivity && Re(
+    ]), t.value?.code.reactivity && Me(
       u,
       t.value.code.reactivity,
       Se({ type: "adaptSlotProp", propId: f }),
@@ -8169,14 +8193,14 @@ function gc(t) {
   const c = () => {
     o !== "runtime" && o !== "preview" || (u.destroyInterpreter(), u.syncNodes(t.value), u.resetCustomProps(), u.resetCustomStates(), u.resetAdaptSlotProps(), !(!t.value || !t.value.code.script) && u.createInterpreter(t.value.code.script));
   };
-  c(), Z(t, () => {
+  c(), q(t, () => {
     c();
   }), Ke(() => {
     u.destroyInterpreter();
-  }), (o === "runtime" || o === "preview") && Z(
+  }), (o === "runtime" || o === "preview") && q(
     s,
     (f, h) => {
-      const x = Me(f.width), g = Me(h?.width ?? f.width);
+      const x = Re(f.width), g = Re(h?.width ?? f.width);
       u.callFunction("__triggerEventV1__", [
         Ce("elementEvent", "screenSizeChange", "globality"),
         x,
@@ -8184,7 +8208,7 @@ function gc(t) {
       ]);
     },
     { immediate: !0 }
-  ), (o === "runtime" || o === "preview") && Z(
+  ), (o === "runtime" || o === "preview") && q(
     a,
     (f) => {
       u.callFunction("__triggerEventV1__", [
@@ -8201,13 +8225,13 @@ const xc = (t, e, i) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + e + (e.split("/").length !== i ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function Xc(t) {
+async function qc(t) {
   return (await xc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.escg6ifs.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ht3um6fb.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
   hc as Sandbox,
   va as ambientLightV1,
-  Ec as badgeV1,
+  Rc as badgeV1,
   sn as barChartV1,
   mc as bind,
   nn as boxGeometryV1,
@@ -8215,7 +8239,7 @@ export {
   Pa as btnGroupV1,
   za as btnToggleV1,
   ln as btnV1,
-  Me as calcBreakpoint,
+  Re as calcBreakpoint,
   Ae as cardV1,
   La as checkboxV1,
   un as chipGroupV1,
@@ -8224,29 +8248,29 @@ export {
   Na as comboboxV1,
   ys as compTypes,
   cn as containerV1,
-  Ra as dataTableV1,
-  Ma as datePickerV1,
+  Ma as dataTableV1,
+  Ra as datePickerV1,
   Da as dialogV1,
   ka as directionalLightV1,
   nc as duplicateNode,
-  Dc as duplicateNodes,
+  Hc as duplicateNodes,
   Te as elements,
   Tc as ensureContext,
-  Nc as fileInputV1,
+  Dc as fileInputV1,
   mn as flexLayoutEntryV1,
   Le as flexLayoutV1,
   fn as formV1,
   T as genId,
   Ie as getBreakpointProp,
   ke as getField,
-  Yn as getIndexOfBreakpoint,
-  Mc as getNode,
-  Oi as getPropDefault,
+  Jn as getIndexOfBreakpoint,
+  Gc as getNode,
+  Ui as getPropDefault,
   A as getPropTag,
   Cc as getTypeColor,
   Sa as globalityV1,
   Va as groupV1,
-  Ua as iconV1,
+  Oa as iconV1,
   P as initProps,
   We as injectDark,
   de as injectData,
@@ -8261,47 +8285,47 @@ export {
   gs as isLocaleOfMethodKind,
   hs as isLocaleOfPropertyKind,
   An as isPercentStr,
-  Ue as isPixelStr,
+  Oe as isPixelStr,
   ma as keyboardControlsV1,
   rn as lineChartV1,
-  Xc as loadLocaleMessageRuntime,
+  qc as loadLocaleMessageRuntime,
+  Ce as makeEventId,
+  Ac as makeMethodId,
+  Pc as makePropertyId,
   Se as makeTriggerId,
-  Ce as makeUniqueEventId,
-  zc as makeUniqueMethodId,
-  Pc as makeUniquePropertyId,
   pa as mapControlsV1,
-  Oa as menuV1,
+  Ua as menuV1,
   Pe as meshBasicMaterialV1,
   ze as meshV1,
   bn as numberInputV1,
   da as orbitControlsV1,
   ra as orthographicCameraV1,
   bs as pageTypes,
-  Xa as paginationV1,
-  qt as parsePercentStr,
-  Ac as parsePixelStr,
+  Ya as paginationV1,
+  Xt as parsePercentStr,
+  Wc as parsePixelStr,
   la as perspectiveCameraV1,
   $o as pkgs,
   _a as pointLightV1,
-  Kc as provideDark,
-  Oc as provideData,
-  qc as provideDepends,
-  jc as provideDevice,
-  Gc as provideEnv,
-  Hc as provideMode,
-  Fc as provideOrg,
+  Xc as provideDark,
+  Jc as provideData,
+  Zc as provideDepends,
+  Uc as provideDevice,
+  Kc as provideEnv,
+  Oc as provideMode,
+  jc as provideOrg,
   rc as provideSandbox,
-  Uc as provideType,
+  Yc as provideType,
   hn as radioGroupV1,
   yn as radioV1,
-  Za as rangeSliderV1,
+  qa as rangeSliderV1,
   Qa as ratingV1,
   vs as reverseBreakpoints,
   yc as runtime,
   eu as selectV1,
   ao as setField,
   tu as sliderV1,
-  Rc as spawnNode,
+  Fc as spawnNode,
   on as sphereGeometryV1,
   wa as spotLightV1,
   gn as stepperHeaderV1,
@@ -8317,11 +8341,14 @@ export {
   $n as textareaV1,
   In as timelineItemV1,
   Sn as timelineV1,
-  Wc as toEventName,
-  Bc as toMethodName,
-  Lc as toPropertyName,
-  Re as triggerReactivity,
+  Mc as toEventName,
+  Nc as toMethodName,
+  Ec as toPropertyName,
+  Me as triggerReactivity,
   Sc as types,
+  Bc as unwrapEventId,
+  Lc as unwrapMethodId,
+  zc as unwrapPropertyId,
   gc as useSandbox,
   Cn as windowItemV1,
   Tn as windowV1