x-runtime-lib 0.8.168 → 0.8.169

package/dist/index.js

@@ -29,10 +29,10 @@ var Ge = (t, n, e) => {
   };
   return r();
 };
-import { defineComponent as I, createElementBlock as ee, createCommentVNode as ae, unref as s, openBlock as x, createElementVNode as Ke, computed as k, renderSlot as D, normalizeStyle as ge, ref as ne, watch as ce, onUnmounted as we, onBeforeMount as mn, watchEffect as Ve, h as W, createVNode as F, createBlock as S, useTemplateRef as Ti, onMounted as Ui, nextTick as Be, withCtx as P, toDisplayString as Mi, useAttrs as wt, resolveComponent as B, isRef as ie, createSlots as fn, renderList as ho, useId as Bi, withModifiers as go, normalizeClass as vo, mergeModels as Ri, useModel as yt, inject as pe, provide as me, readonly as yn } from "vue";
+import { defineComponent as I, createElementBlock as ee, createCommentVNode as ae, unref as s, openBlock as x, createElementVNode as Ke, computed as k, renderSlot as j, normalizeStyle as ge, ref as ne, watch as ce, onUnmounted as we, onBeforeMount as mn, watchEffect as Ve, h as W, createVNode as F, createBlock as S, useTemplateRef as Ti, onMounted as Ui, nextTick as Be, withCtx as P, toDisplayString as Mi, useAttrs as wt, resolveComponent as B, isRef as ie, createSlots as fn, renderList as ho, useId as Bi, withModifiers as go, normalizeClass as vo, mergeModels as Ri, useModel as yt, inject as pe, provide as me, readonly as yn } from "vue";
 import { globalObjects as ke, waitUtil as Wi, useViewStack as Fi, eventBus as Ki, messageInfo as _o, messageSuccess as xo, messageWarning as Di, messageError as Oi, createAxios as ko, openConfirmDlg as wo, openPromptDlg as Io } from "x-essential-lib";
 import { CameraHelper as ji, DirectionalLightHelper as So, PointLightHelper as Co, SpotLightHelper as $o } from "three";
-import { c as Vo, i as be, a as tt, K as Po, M as Eo, O as zo, u as Lo, r as Ni, e as Hi, b as Ao, d as To, f as Uo, g as Mo, h as Bo, j as Ro, k as Wo, l as Fo, m as K, H as Ko, n as Gi, o as Do, p as Oo, q as jo } from "./vendor.ei4hhazo.js";
+import { c as Vo, i as be, a as tt, K as Po, M as Eo, O as zo, u as Lo, r as Ni, e as Hi, b as Ao, d as To, f as Uo, g as Mo, h as Bo, j as Ro, k as Wo, l as Fo, m as O, H as Ko, n as Gi, o as Do, p as Oo, q as jo } from "./vendor.ei4hhazo.js";
 import { useTheme as No } from "vuetify";
 import { getErrorMessage as Ho } from "x-error-lib";
 const An = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
@@ -56,7 +56,7 @@ function bn(t) {
   const n = t.substring(0, t.length - 1), e = parseFloat(n);
   return !isNaN(e);
 }
-function Lc(t) {
+function Ac(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return;
   const n = t.substring(0, t.length - 2), e = parseFloat(n);
@@ -114,13 +114,13 @@ function hn(t, n, e) {
   const r = i[i.length - 1];
   o[r] = e;
 }
-function Ac(t, n = 2) {
+function Tc(t, n = 2) {
   const e = " ".repeat(n);
   return t.split(`
 `).map((r) => r.trim() === "" ? r : e + r).join(`
 `);
 }
-function Tc(t) {
+function Uc(t) {
   return t.startsWith("slot_v") || t.startsWith("multiple_slot_v");
 }
 function nt(t) {
@@ -157,7 +157,7 @@ function U(t, n) {
     children: n
   };
 }
-function Uc({ type: t, version: n, view: e, code: o }) {
+function Mc({ type: t, version: n, view: e, code: o }) {
   const i = (u, p) => {
     const d = { id: p.id };
     p.children && (d.children = [], p.children.forEach((f) => {
@@ -178,7 +178,7 @@ function Uc({ type: t, version: n, view: e, code: o }) {
   };
   return JSON.stringify(l);
 }
-function Mc(t) {
+function Bc(t) {
   const n = JSON.parse(t), e = (o, i) => {
     o.key = i.basic.key, o.alias = i.basic.alias, o.slotId = i.settings?.slot, o.compId = i.settings?.comp, o.children?.forEach((r) => {
       e(r, n.view.nodes[r.id]);
@@ -225,19 +225,19 @@ function Yo(t) {
   }
   return !0;
 }
-function Bc(t) {
+function Rc(t) {
   return t !== "customSlot";
 }
-function Rc(t) {
+function Wc(t) {
   return JSON.stringify(t);
 }
-function Wc(t) {
+function Fc(t) {
   return JSON.parse(t);
 }
-function Fc(t) {
+function Kc(t) {
   return JSON.stringify(t);
 }
-function Kc(t) {
+function Dc(t) {
   return JSON.parse(t);
 }
 const Zo = ["ui", "2d", "3d"], Qo = ["ui", "2d", "3d"];
@@ -252,7 +252,7 @@ function R(t, n) {
     throw new Error("");
   return `${t}${Vo(n)}`;
 }
-const Dc = [
+const Oc = [
   "globality_v1",
   "multiple_ref_v1",
   "multiple_slot_v1",
@@ -333,15 +333,15 @@ function gn(t, n, e) {
     l > 0 && (i += " - "), e ? i += o.global.t(r) : i += r;
   }), i;
 }
-function Oc(t, n) {
+function jc(t, n) {
   let e = "";
   return t === "elementProperty" || (t === "refProperty" || t === "multipleRefProperty" ? e = N("reference") : t === "customSlotProperty" || t === "multipleCustomSlotProperty" ? e = N("slot") : t === "customProperty" ? e = N("custom") : t === "adaptSlotElementProperty" || t === "adaptSlotCustomProperty" ? e = N("adaptSlot") : console.assert(!1)), gn(e, n, qo(t));
 }
-function jc(t, n) {
+function Nc(t, n) {
   let e = "";
   return t === "elementMethod" || (t === "refMethod" || t === "multipleRefMethod" ? e = N("reference") : t === "customSlotMethod" || t === "multipleCustomSlotMethod" ? e = N("slot") : t === "customMethod" ? e = N("custom") : t === "adaptSlotElementMethod" || t === "adaptSlotCustomMethod" ? e = N("adaptSlot") : console.assert(!1)), gn(e, n, Xo(t));
 }
-function Nc(t, n) {
+function Hc(t, n) {
   let e = "";
   return t === "elementEvent" || (t === "elementPropertyChangeEvent" ? e = N("propertyChange") : t === "refEvent" ? e = N("reference") : t === "refPropertyChangeEvent" ? e = N("reference", "propertyChange") : t === "multipleRefEvent" ? e = N("reference") : t === "multipleRefPropertyChangeEvent" ? e = N("reference", "propertyChange") : t === "customSlotEvent" ? e = N("slot") : t === "customSlotPropertyChangeEvent" ? e = N("slot", "propertyChange") : t === "multipleCustomSlotEvent" ? e = N("slot") : t === "multipleCustomSlotPropertyChangeEvent" ? e = N("slot", "propertyChange") : t === "customEvent" ? e = N("custom") : t === "customPropertyChangeEvent" ? e = N("custom", "propertyChange") : t === "adaptSlotElementEvent" ? e = N("adaptSlot") : t === "adaptSlotElementPropertyChangeEvent" ? e = N("adaptSlot", "propertyChange") : t === "adaptSlotCustomEvent" ? e = N("adaptSlot") : t === "adaptSlotCustomPropertyChangeEvent" ? e = N("adaptSlot", "propertyChange") : t === "stateChangeEvent" ? e = N("state") : console.assert(!1)), gn(e, n, Yo(t));
 }
@@ -392,12 +392,12 @@ const es = ["position", "ratation", "scale"], De = /* @__PURE__ */ I({
       key: 0,
       style: ge(e.value)
     }, [
-      D(i.$slots, "default"),
+      j(i.$slots, "default"),
       t.mask ? (x(), ee("div", {
         key: 0,
         style: ge(o.value)
       }, null, 4)) : ae("", !0)
-    ], 4)) : D(i.$slots, "default", { key: 1 });
+    ], 4)) : j(i.$slots, "default", { key: 1 });
   }
 });
 function ts(t) {
@@ -498,6 +498,7 @@ function gt(t, n, e, o) {
   }), ce(o, (p, d) => {
     i.hooks.onElementSlotPropertyChange(
       t.value.basic.id,
+      t.value.basic.key,
       n,
       e,
       p,
@@ -725,7 +726,7 @@ const os = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         key: 0,
         type: s(ji)
       }, null, 8, ["type"])) : ae("", !0),
-      D(h.$slots, "default")
+      j(h.$slots, "default")
     ], 8, os));
   }
 }), rs = ["aspect", "far", "fov", "near", "position", "rotation", "scale"], ls = /* @__PURE__ */ I({
@@ -751,7 +752,7 @@ const os = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         key: 0,
         type: s(ji)
       }, null, 8, ["type"])) : ae("", !0),
-      D(c.$slots, "default")
+      j(c.$slots, "default")
     ], 8, rs));
   }
 }), as = /* @__PURE__ */ I({
@@ -865,7 +866,7 @@ const os = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
       scale: s(r)
     }, [
       F(s(De)),
-      D(d.$slots, "default")
+      j(d.$slots, "default")
     ], 8, ys));
   }
 }), hs = ["color", "intensity", "position", "rotation", "scale"], gs = /* @__PURE__ */ I({
@@ -892,7 +893,7 @@ const os = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         key: 0,
         type: s(So)
       }, null, 8, ["type"])) : ae("", !0),
-      D(f.$slots, "default")
+      j(f.$slots, "default")
     ], 8, hs));
   }
 }), vs = ["color", "decay", "distance", "intensity", "position", "rotation", "scale"], _s = /* @__PURE__ */ I({
@@ -924,7 +925,7 @@ const os = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         key: 0,
         type: s(Co)
       }, null, 8, ["type"])) : ae("", !0),
-      D(m.$slots, "default")
+      j(m.$slots, "default")
     ], 8, vs));
   }
 }), xs = ["angle", "color", "decay", "distance", "intensity", "penumbra", "position", "rotation", "scale"], ks = /* @__PURE__ */ I({
@@ -961,7 +962,7 @@ const os = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         key: 0,
         type: s($o)
       }, null, 8, ["type"])) : ae("", !0),
-      D(y.$slots, "default")
+      j(y.$slots, "default")
     ], 8, xs));
   }
 }), ws = {};
@@ -982,7 +983,7 @@ const Ss = /* @__PURE__ */ Oe(ws, [["render", Is]]), Cs = ["position", "rotation
       rotation: s(i),
       scale: s(r)
     }, [
-      D(l.$slots, "default")
+      j(l.$slots, "default")
     ], 8, Cs));
   }
 }), Vs = ["position", "rotation", "scale"], Ps = /* @__PURE__ */ I({
@@ -999,7 +1000,7 @@ const Ss = /* @__PURE__ */ Oe(ws, [["render", Is]]), Cs = ["position", "rotation
       rotation: s(i),
       scale: s(r)
     }, [
-      D(l.$slots, "default")
+      j(l.$slots, "default")
     ], 8, Vs));
   }
 }), Es = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], zs = "#242424", Ls = {}, As = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Ts = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Us = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ms = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Bs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Rs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ws = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, js = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, Ns = { 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" } }, Hs = { 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)" } } }, Gs = { 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)" } } }, Js = { 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"] } } }, qs = { 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"] } } }, Xs = { 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"] } } }, Ys = { 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"] } } }, Zs = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Qs = { textStyle: { color: "#eeeeee" } }, er = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, tr = { 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" } } }, nr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, ir = { 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" } }, or = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, sr = {
@@ -1092,16 +1093,16 @@ const Mr = /* @__PURE__ */ I({
       z?.dispose(), z = Hi.init(V.value, i.value ? "dark" : "light");
       const L = {};
       z.setOption(L);
-    }, O = () => {
+    }, K = () => {
       z?.resize();
-    }, j = () => {
+    }, D = () => {
       const L = {};
       y(L), g(L), _(L), $(L), w(L), z?.setOption(L, !0);
     };
     return Ui(async () => {
-      window.addEventListener("resize", O, !1), await Wi(() => !!V.value), H(), j();
+      window.addEventListener("resize", K, !1), await Wi(() => !!V.value), H(), D();
     }), we(() => {
-      window.removeEventListener("resize", O, !1), z?.dispose();
+      window.removeEventListener("resize", K, !1), z?.dispose();
     }), ce(
       [
         () => o.value.width,
@@ -1114,14 +1115,14 @@ const Mr = /* @__PURE__ */ I({
         m
       ],
       async () => {
-        await Be(), O();
+        await Be(), K();
       }
     ), ce([i], () => {
-      H(), j();
+      H(), D();
     }), ce(
       [n],
       () => {
-        j();
+        D();
       },
       { deep: !0 }
     ), (L, q) => (x(), S(s(G), {
@@ -1154,16 +1155,16 @@ const Mr = /* @__PURE__ */ I({
       z?.dispose(), z = Hi.init(V.value, i.value ? "dark" : "light");
       const L = {};
       z.setOption(L);
-    }, O = () => {
+    }, K = () => {
       z?.resize();
-    }, j = () => {
+    }, D = () => {
       const L = {};
       y(L), g(L), _(L), $(L), w(L), z?.setOption(L, !0);
     };
     return Ui(async () => {
-      window.addEventListener("resize", O, !1), await Wi(() => !!V.value), H(), j();
+      window.addEventListener("resize", K, !1), await Wi(() => !!V.value), H(), D();
     }), we(() => {
-      window.removeEventListener("resize", O, !1), z?.dispose();
+      window.removeEventListener("resize", K, !1), z?.dispose();
     }), ce(
       [
         () => o.value.width,
@@ -1176,14 +1177,14 @@ const Mr = /* @__PURE__ */ I({
         m
       ],
       async () => {
-        await Be(), O();
+        await Be(), K();
       }
     ), ce([i], () => {
-      H(), j();
+      H(), D();
     }), ce(
       [n],
       () => {
-        j();
+        D();
       },
       { deep: !0 }
     ), (L, q) => (x(), S(s(G), {
@@ -1211,7 +1212,7 @@ const Mr = /* @__PURE__ */ I({
     console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> created`), we(() => {
       console.log(`<element/${t.nodeId}/multiple_ref_v1/${t.instance}> destroyed`);
     });
-    const n = ue(), e = k(() => K(n.value));
+    const n = ue(), e = k(() => O(n.value));
     _e(e), Ce(e, "multipleRef", t.nodeId, t.instance, se());
     const o = (r) => {
       const l = Pe[r.key];
@@ -1275,7 +1276,7 @@ const Mr = /* @__PURE__ */ I({
         ]),
         _: 1
       })) : ae("", !0),
-      D(n.$slots, "default")
+      j(n.$slots, "default")
     ], 8, Wr));
   }
 }), Kr = /* @__PURE__ */ I({
@@ -1381,7 +1382,7 @@ const Mr = /* @__PURE__ */ I({
     console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> created`), we(() => {
       console.log(`<element/${t.nodeId}/multiple_slot_v1/${t.instance}> destroyed`);
     });
-    const n = ue(), e = k(() => K(n.value));
+    const n = ue(), e = k(() => O(n.value));
     _e(e), Ce(e, "multipleCustomSlot", t.nodeId, t.instance, se());
     const o = (r) => {
       const l = Pe[r.key];
@@ -1623,7 +1624,7 @@ const Mr = /* @__PURE__ */ I({
     const n = t, { node: e } = E(n), { property: o } = a(e, ["settings", "open"]);
     return (i, r) => (x(), S(s(G), null, {
       default: P(() => [
-        s(o) ? D(i.$slots, "default", { key: 0 }) : ae("", !0)
+        s(o) ? j(i.$slots, "default", { key: 0 }) : ae("", !0)
       ]),
       _: 3
     }));
@@ -1760,7 +1761,7 @@ const Mr = /* @__PURE__ */ I({
             theme: s(r)
           }, {
             default: P(() => [
-              D(p.$slots, "default")
+              j(p.$slots, "default")
             ]),
             _: 3
           }, 8, ["content", "dot", "offset-x", "offset-y", "theme"])
@@ -1791,10 +1792,10 @@ const Mr = /* @__PURE__ */ I({
     ]), { property: $ } = a(e, [
       "settings",
       "readonly"
-    ]), { property: w } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: V } = a(e, ["settings", "stacked"]), { property: z } = a(e, ["settings", "text"]), { theme: H } = J(), { property: O } = a(e, ["settings", "variant"]), { property: j } = a(e, ["size", "width"]), L = async (q) => {
+    ]), { property: w } = a(e, ["settings", "ripple"]), { property: v } = a(e, ["settings", "size"]), { property: V } = a(e, ["settings", "stacked"]), { property: z } = a(e, ["settings", "text"]), { theme: H } = J(), { property: K } = a(e, ["settings", "variant"]), { property: D } = a(e, ["size", "width"]), L = async (q) => {
       !o || !o.vm || (o.setGlobalVariable("__pointerPosX__", q.clientX), o.setGlobalVariable("__pointerPosY__", q.clientY), await o.callFunctionAsync(
         "__triggerEventV1__",
-        le("elementEvent", n.nodeId, "click"),
+        re("elementEvent", n.nodeId, "click"),
         ""
       ));
     };
@@ -1824,8 +1825,8 @@ const Mr = /* @__PURE__ */ I({
             stacked: s(V),
             text: s(z),
             theme: s(H),
-            variant: s(O),
-            width: s(j),
+            variant: s(K),
+            width: s(D),
             onClick: L
           }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"])
         ]),
@@ -1838,7 +1839,7 @@ function qr(t, n) {
   const e = B("v-btn-group");
   return x(), S(e, null, {
     default: P(() => [
-      D(t.$slots, "default")
+      j(t.$slots, "default")
     ]),
     _: 3
   });
@@ -1880,7 +1881,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
         variant: s(h)
       }, {
         default: P(() => [
-          D(y.$slots, "default")
+          j(y.$slots, "default")
         ]),
         _: 3
       }, 8, ["block", "disabled", "divided", "mandatory", "multiple", "readonly", "size", "stacked", "theme", "tile", "variant"]);
@@ -1923,7 +1924,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
             width: s($)
           }, {
             default: P(() => [
-              D(w.$slots, "default")
+              j(w.$slots, "default")
             ]),
             _: 3
           }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"])
@@ -2041,7 +2042,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
         theme: s(f)
       }, {
         default: P(() => [
-          D(m.$slots, "default")
+          j(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "column", "direction", "disabled", "filter", "mandatory", "multiple", "show-arrows", "theme"]);
@@ -2160,7 +2161,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
         Ke("div", {
           style: ge(c.value)
         }, [
-          D(m.$slots, "default")
+          j(m.$slots, "default")
         ], 4)
       ]),
       _: 3
@@ -2279,7 +2280,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
           }, null, 8, al)) : ae("", !0)
         ]),
         default: P(() => [
-          D(i.$slots, "default")
+          j(i.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue"]);
@@ -2361,7 +2362,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
     return (y, g) => (x(), ee("div", {
       style: ge(h.value)
     }, [
-      D(y.$slots, "default")
+      j(y.$slots, "default")
     ], 4));
   }
 }), pl = /* @__PURE__ */ I({
@@ -2379,7 +2380,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
     return (d, f) => (x(), ee("div", {
       style: ge(p.value)
     }, [
-      D(d.$slots, "default")
+      j(d.$slots, "default")
     ], 4));
   }
 }), ml = /* @__PURE__ */ I({
@@ -2402,7 +2403,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
     }), g = async () => {
       await r?.callFunctionAsync(
         "__triggerEventV1__",
-        le("elementEvent", n.nodeId, "submit"),
+        re("elementEvent", n.nodeId, "submit"),
         ""
       );
     };
@@ -2416,7 +2417,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
         onSubmit: go(g, ["prevent"])
       }, {
         default: P(() => [
-          D(_.$slots, "default")
+          j(_.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "fast-fail", "style"]);
@@ -2478,7 +2479,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
           }, null, 8, yl)) : ae("", !0)
         ]),
         default: P(() => [
-          D(p.$slots, "default")
+          j(p.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "target"]);
@@ -2526,7 +2527,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
     ]), { property: v } = a(e, ["settings", "reverse"]), { property: V } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: z } = a(e, ["settings", "step"]), { property: H } = a(e, ["settings", "suffix"]), { theme: O } = J(), { property: j } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: q } = a(e, ["size", "width"]);
+    ]), { property: z } = a(e, ["settings", "step"]), { property: H } = a(e, ["settings", "suffix"]), { theme: K } = J(), { property: D } = a(e, ["settings", "value"]), { property: L } = a(e, ["settings", "variant"]), { property: q } = a(e, ["size", "width"]);
     return ($e, xe) => {
       const Ue = B("v-number-input");
       return x(), S(s(G), {
@@ -2535,8 +2536,8 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
       }, {
         default: P(() => [
           F(Ue, {
-            modelValue: s(j),
-            "onUpdate:modelValue": xe[0] || (xe[0] = (te) => ie(j) ? j.value = te : null),
+            modelValue: s(D),
+            "onUpdate:modelValue": xe[0] || (xe[0] = (te) => ie(D) ? D.value = te : null),
             "append-icon": s(o),
             "append-inner-icon": s(i),
             clearable: s(r),
@@ -2557,7 +2558,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
             "single-line": s(V),
             step: s(z),
             suffix: s(H),
-            theme: s(O),
+            theme: s(K),
             variant: s(L),
             width: s(q)
           }, 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"])
@@ -2671,7 +2672,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
             theme: s(p)
           }, {
             default: P(() => [
-              D(f.$slots, "default")
+              j(f.$slots, "default")
             ]),
             _: 3
           }, 8, ["modelValue", "density", "direction", "disabled", "inline", "readonly", "theme"])
@@ -2722,11 +2723,11 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
     ]), { property: w } = a(e, ["settings", "ticks"]), v = k(() => {
       if (!w.value)
         return;
-      const j = {};
+      const D = {};
       for (const { value: L, label: q } of w.value)
-        j[L] = q;
-      if (!Gi(j))
-        return j;
+        D[L] = q;
+      if (!Gi(D))
+        return D;
     }), { property: V } = a(e, [
       "settings",
       "tickSize"
@@ -2738,13 +2739,13 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
       "settings",
       "value",
       "end"
-    ]), O = k({
+    ]), K = k({
       get: () => [z.value, H.value],
-      set: ([j, L]) => {
-        z.value = j, H.value = L;
+      set: ([D, L]) => {
+        z.value = D, H.value = L;
       }
     });
-    return (j, L) => {
+    return (D, L) => {
       const q = B("v-range-slider");
       return x(), S(s(G), {
         block: "",
@@ -2752,8 +2753,8 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
       }, {
         default: P(() => [
           F(q, {
-            modelValue: O.value,
-            "onUpdate:modelValue": L[0] || (L[0] = ($e) => O.value = $e),
+            modelValue: K.value,
+            "onUpdate:modelValue": L[0] || (L[0] = ($e) => K.value = $e),
             density: s(o),
             direction: s(i),
             disabled: s(r),
@@ -2902,22 +2903,22 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
     }), { property: z } = a(e, [
       "settings",
       "thumbSize"
-    ]), { property: H } = a(e, ["settings", "ticks"]), O = k(() => {
+    ]), { property: H } = a(e, ["settings", "ticks"]), K = k(() => {
       if (!H.value)
         return;
       const te = {};
-      for (const { value: re, label: ye } of H.value)
-        te[re] = ye;
+      for (const { value: le, label: ye } of H.value)
+        te[le] = ye;
       if (!Gi(te))
         return te;
-    }), { property: j } = a(e, [
+    }), { property: D } = a(e, [
       "settings",
       "tickSize"
     ]), { property: L } = a(e, [
       "settings",
       "trackColor"
     ]), { color: q } = Z(L), { property: $e } = a(e, ["settings", "value"]), { property: xe } = a(e, ["slots", "append"]), { property: Ue } = a(e, ["slots", "prepend"]);
-    return (te, re) => {
+    return (te, le) => {
       const ye = B("v-slider");
       return x(), S(s(G), {
         block: "",
@@ -2926,7 +2927,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
         default: P(() => [
           F(ye, {
             modelValue: s($e),
-            "onUpdate:modelValue": re[0] || (re[0] = (He) => ie($e) ? $e.value = He : null),
+            "onUpdate:modelValue": le[0] || (le[0] = (He) => ie($e) ? $e.value = He : null),
             color: s(i),
             direction: s(r),
             disabled: s(l),
@@ -2942,8 +2943,8 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
             "thumb-color": s(w),
             "thumb-label": V.value,
             "thumb-size": s(z),
-            "tick-size": s(j),
-            ticks: O.value,
+            "tick-size": s(D),
+            ticks: K.value,
             "track-color": s(q)
           }, fn({ _: 2 }, [
             s(xe) ? {
@@ -2995,7 +2996,7 @@ const Xr = /* @__PURE__ */ Oe(Jr, [["render", qr]]), Yr = /* @__PURE__ */ I({
         theme: s(i)
       }, {
         default: P(() => [
-          D(l.$slots, "default")
+          j(l.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "hide-actions", "theme"]);
@@ -3006,7 +3007,7 @@ function $l(t, n) {
   const e = B("v-stepper-header");
   return x(), S(e, null, {
     default: P(() => [
-      D(t.$slots, "default")
+      j(t.$slots, "default")
     ]),
     _: 3
   });
@@ -3024,7 +3025,7 @@ const Vl = /* @__PURE__ */ Oe(Cl, [["render", $l]]), Pl = /* @__PURE__ */ I({
       const l = B("v-stepper-item");
       return x(), S(l, { value: s(o) }, {
         default: P(() => [
-          D(i.$slots, "default")
+          j(i.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
@@ -3035,7 +3036,7 @@ function zl(t, n) {
   const e = B("v-stepper-window");
   return x(), S(e, null, {
     default: P(() => [
-      D(t.$slots, "default")
+      j(t.$slots, "default")
     ]),
     _: 3
   });
@@ -3053,7 +3054,7 @@ const Ll = /* @__PURE__ */ Oe(El, [["render", zl]]), Al = /* @__PURE__ */ I({
       const l = B("v-stepper-window-item");
       return x(), S(l, { value: s(o) }, {
         default: P(() => [
-          D(i.$slots, "default")
+          j(i.$slots, "default")
         ]),
         _: 3
       }, 8, ["value"]);
@@ -3175,7 +3176,7 @@ const Ll = /* @__PURE__ */ Oe(El, [["render", zl]]), Al = /* @__PURE__ */ I({
       "color",
       "sliderColor"
     ]), { color: v } = Z(w), { property: V } = a(e, ["settings", "stacked"]), { theme: z } = J(), { property: H } = a(e, ["settings", "value"]);
-    return (O, j) => {
+    return (K, D) => {
       const L = B("v-tabs");
       return x(), S(s(G), {
         block: "",
@@ -3184,7 +3185,7 @@ const Ll = /* @__PURE__ */ Oe(El, [["render", zl]]), Al = /* @__PURE__ */ I({
         default: P(() => [
           F(L, {
             modelValue: s(H),
-            "onUpdate:modelValue": j[0] || (j[0] = (q) => ie(H) ? H.value = q : null),
+            "onUpdate:modelValue": D[0] || (D[0] = (q) => ie(H) ? H.value = q : null),
             "align-tabs": s(o),
             "bg-color": s(r),
             "center-active": s(l),
@@ -3203,7 +3204,7 @@ const Ll = /* @__PURE__ */ Oe(El, [["render", zl]]), Al = /* @__PURE__ */ I({
             theme: s(z)
           }, {
             default: P(() => [
-              D(O.$slots, "default")
+              j(K.$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"])
@@ -3445,7 +3446,7 @@ const Ll = /* @__PURE__ */ Oe(El, [["render", zl]]), Al = /* @__PURE__ */ I({
     ]), { property: $ } = a(e, ["settings", "reverse"]), { property: w } = a(e, [
       "settings",
       "singleLine"
-    ]), { property: v } = a(e, ["settings", "suffix"]), { theme: V } = J(), { property: z } = a(e, ["settings", "value"]), { property: H } = a(e, ["settings", "variant"]), { property: O } = a(e, ["slots", "append"]), { property: j } = a(e, [
+    ]), { property: v } = a(e, ["settings", "suffix"]), { theme: V } = J(), { property: z } = a(e, ["settings", "value"]), { property: H } = a(e, ["settings", "variant"]), { property: K } = a(e, ["slots", "append"]), { property: D } = a(e, [
       "slots",
       "appendInner"
     ]), { property: L } = a(e, ["slots", "prepend"]), { property: q } = a(e, [
@@ -3482,34 +3483,34 @@ const Ll = /* @__PURE__ */ Oe(El, [["render", zl]]), Al = /* @__PURE__ */ I({
             theme: s(V),
             variant: s(H)
           }, fn({ _: 2 }, [
-            s(O) ? {
+            s(K) ? {
               name: "append",
-              fn: P(({ reset: te, resetValidation: re, validate: ye }) => [
+              fn: P(({ reset: te, resetValidation: le, validate: ye }) => [
                 F(Fl, {
                   "ref-context": {
                     parent: n.refContext,
-                    compId: s(O)
+                    compId: s(K)
                   },
                   reset: te,
-                  "reset-validation": re,
+                  "reset-validation": le,
                   validate: ye
                 }, null, 8, ["ref-context", "reset", "reset-validation", "validate"])
               ]),
               key: "0"
             } : void 0,
-            s(j) ? {
+            s(D) ? {
               name: "append-inner",
-              fn: P(({ isActive: te, isFocused: re, focus: ye, blur: He }) => [
+              fn: P(({ isActive: te, isFocused: le, focus: ye, blur: He }) => [
                 F(Wl, {
                   "is-active": te.value,
                   "onUpdate:isActive": (ze) => te.value = ze,
-                  "is-focused": re.value,
-                  "onUpdate:isFocused": (ze) => re.value = ze,
+                  "is-focused": le.value,
+                  "onUpdate:isFocused": (ze) => le.value = ze,
                   blur: He,
                   focus: ye,
                   "ref-context": {
                     parent: n.refContext,
-                    compId: s(j)
+                    compId: s(D)
                   }
                 }, null, 8, ["is-active", "onUpdate:isActive", "is-focused", "onUpdate:isFocused", "blur", "focus", "ref-context"])
               ]),
@@ -3517,14 +3518,14 @@ const Ll = /* @__PURE__ */ Oe(El, [["render", zl]]), Al = /* @__PURE__ */ I({
             } : void 0,
             s(L) ? {
               name: "prepend",
-              fn: P(({ reset: te, resetValidation: re, validate: ye }) => [
+              fn: P(({ reset: te, resetValidation: le, validate: ye }) => [
                 F(Dl, {
                   "ref-context": {
                     parent: n.refContext,
                     compId: s(L)
                   },
                   reset: te,
-                  "reset-validation": re,
+                  "reset-validation": le,
                   validate: ye
                 }, null, 8, ["ref-context", "reset", "reset-validation", "validate"])
               ]),
@@ -3532,12 +3533,12 @@ const Ll = /* @__PURE__ */ Oe(El, [["render", zl]]), Al = /* @__PURE__ */ I({
             } : void 0,
             s(q) ? {
               name: "prepend-inner",
-              fn: P(({ isActive: te, isFocused: re, focus: ye, blur: He }) => [
+              fn: P(({ isActive: te, isFocused: le, focus: ye, blur: He }) => [
                 F(Kl, {
                   "is-active": te.value,
                   "onUpdate:isActive": (ze) => te.value = ze,
-                  "is-focused": re.value,
-                  "onUpdate:isFocused": (ze) => re.value = ze,
+                  "is-focused": le.value,
+                  "onUpdate:isFocused": (ze) => le.value = ze,
                   blur: He,
                   focus: ye,
                   "ref-context": {
@@ -3610,7 +3611,7 @@ const Ll = /* @__PURE__ */ Oe(El, [["render", zl]]), Al = /* @__PURE__ */ I({
         "truncate-line": s(g)
       }, {
         default: P(() => [
-          D($.$slots, "default")
+          j($.$slots, "default")
         ]),
         _: 3
       }, 8, ["align", "density", "direction", "dot-color", "fill-dot", "hide-opposite", "line-color", "line-inset", "line-thickness", "side", "theme", "truncate-line"]);
@@ -3621,7 +3622,7 @@ function Hl(t, n) {
   const e = B("v-timeline-item");
   return x(), S(e, null, {
     default: P(() => [
-      D(t.$slots, "default")
+      j(t.$slots, "default")
     ]),
     _: 3
   });
@@ -3661,7 +3662,7 @@ const Gl = /* @__PURE__ */ Oe(Nl, [["render", Hl]]), Jl = /* @__PURE__ */ I({
         touch: s(p)
       }, {
         default: P(() => [
-          D(c.$slots, "default")
+          j(c.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "continuous", "direction", "disabled", "reverse", "show-arrows", "theme", "touch"]);
@@ -3672,7 +3673,7 @@ function Xl(t, n) {
   const e = B("v-window-item");
   return x(), S(e, null, {
     default: P(() => [
-      D(t.$slots, "default")
+      j(t.$slots, "default")
     ]),
     _: 3
   });
@@ -3739,7 +3740,7 @@ const Yl = /* @__PURE__ */ Oe(ql, [["render", Xl]]), b = {
       ]
     }
   ]
-}, Zl = K(Q), Re = {
+}, Zl = O(Q), Re = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -4491,7 +4492,7 @@ const Rn = {
   spawn: la
 };
 C(Rt);
-const St = K(Q);
+const St = O(Q);
 St.children[0].default = "custom";
 St.children[2].children[0].default = "0xffffff";
 St.children[2].children[1].default = "0xffffff";
@@ -4521,7 +4522,7 @@ const Wn = {
   slots: []
 };
 C(ca);
-const Ct = K(Q);
+const Ct = O(Q);
 Ct.children[0].default = "custom";
 Ct.children[2].children[0].default = "0xffffff";
 Ct.children[2].children[1].default = "0xffffff";
@@ -4551,7 +4552,7 @@ const Fn = {
   slots: []
 };
 C(da);
-const $t = K(Q);
+const $t = O(Q);
 $t.children[0].default = "custom";
 $t.children[2].children[0].default = "0xffffff";
 $t.children[2].children[1].default = "0xffffff";
@@ -4595,7 +4596,7 @@ const Kn = {
   slots: []
 };
 C(pa);
-const Vt = K(Q);
+const Vt = O(Q);
 Vt.children[0].default = "custom";
 Vt.children[2].children[0].default = "0xffffff";
 Vt.children[2].children[1].default = "0xffffff";
@@ -4933,7 +4934,7 @@ const pt = {
   leaf: !0
 };
 C(xa);
-const je = K(Q);
+const je = O(Q);
 je.key = "backgroundColor";
 je.name = "x-runtime-lib.backgroundColor";
 const eo = {
@@ -5053,7 +5054,7 @@ function za(t, n) {
     }
   };
 }
-const La = K(Q), Gn = {
+const La = O(Q), Gn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5342,7 +5343,7 @@ const Xn = {
   leaf: !0
 };
 C(Ma);
-const Ba = K(Q), Yn = {
+const Ba = O(Q), Yn = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5589,7 +5590,7 @@ const Qn = {
   leaf: !0
 };
 C(Fa);
-const kn = K(Q);
+const kn = O(Q);
 kn.key = "backgroundColor";
 kn.name = "x-runtime-lib.backgroundColor";
 const ei = {
@@ -5772,7 +5773,21 @@ const ti = {
     pageUi: [b, ti, ni, ii],
     compUi: [b, ti, ni, ii]
   },
-  slots: [],
+  slots: [
+    {
+      key: "column",
+      name: "x-runtime-lib.column",
+      multiple: !0,
+      properties: [
+        {
+          key: "value",
+          name: "x-runtime-lib.value",
+          type: "any",
+          readonly: !0
+        }
+      ]
+    }
+  ],
   leaf: !0
 };
 C(Ka);
@@ -5812,7 +5827,7 @@ const oi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: []
-}, Hc = {
+}, Gc = {
   key: "ui_file_input_v1",
   name: "x-runtime-lib.fileInput",
   comp: cl,
@@ -5910,7 +5925,7 @@ function Ht(t, n, e, o, i, r, l, u, p) {
     }
   };
 }
-const wn = K(Q);
+const wn = O(Q);
 wn.key = "backgroundColor";
 wn.name = "x-runtime-lib.backgroundColor";
 const ri = {
@@ -6409,7 +6424,7 @@ const ui = {
   spawn: Ha
 };
 C(Jt);
-const Ja = K(Q), ci = {
+const Ja = O(Q), ci = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6750,7 +6765,7 @@ const mi = {
   leaf: !0
 };
 C(Za);
-const Qa = K(Q), fi = {
+const Qa = O(Q), fi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -7125,13 +7140,13 @@ const gi = {
   leaf: !0
 };
 C(iu);
-const In = K(Q);
+const In = O(Q);
 In.key = "color";
 In.name = "x-runtime-lib.color";
-const Sn = K(Q);
+const Sn = O(Q);
 Sn.key = "trackColor";
 Sn.name = "x-runtime-lib.trackColor";
-const Cn = K(Q);
+const Cn = O(Q);
 Cn.key = "thumbColor";
 Cn.name = "x-runtime-lib.thumbColor";
 const vi = {
@@ -7494,13 +7509,13 @@ function At(t, n, e, o) {
     }
   };
 }
-const $n = K(Q);
+const $n = O(Q);
 $n.key = "backgroundColor";
 $n.name = "x-runtime-lib.backgroundColor";
-const Vn = K(Q);
+const Vn = O(Q);
 Vn.key = "selectedColor";
 Vn.name = "x-runtime-lib.selectedColor";
-const Pn = K(Q);
+const Pn = O(Q);
 Pn.key = "sliderColor";
 Pn.name = "x-runtime-lib.sliderColor";
 const Si = {
@@ -7837,7 +7852,7 @@ function fu(t, n, e) {
     }
   };
 }
-const yu = K(Q), bu = K(Q), Vi = {
+const yu = O(Q), bu = O(Q), Vi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -8770,9 +8785,9 @@ const _u = [
 };
 function Ei(t, n) {
   if (t.array)
-    return n ? K(t.default) : K(t.defaultArray);
+    return n ? O(t.default) : O(t.defaultArray);
   {
-    const e = K(t.default);
+    const e = O(t.default);
     return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "selectComp" || t.ui === "selectSlot" || t.ui === "selectAdaptSlot") && !e ? void 0 : e;
   }
 }
@@ -8789,7 +8804,7 @@ function M(t, n) {
   }
   n.forEach((o) => e(t, o));
 }
-function Gc(t, n, e, o, i) {
+function Jc(t, n, e, o, i) {
   const r = `type=${t} subtype=${n} version=${e} ref=${o} keyOrRefId=${i}`, l = R(t, n), u = sc[e];
   if (!u) {
     console.error(`spawnNode pkg not found version, ${r}`);
@@ -8849,7 +8864,7 @@ function Gc(t, n, e, o, i) {
     }
   }
 }
-function Jc(t, n) {
+function qc(t, n) {
   function e(o) {
     if (o.id === n)
       return o;
@@ -8870,55 +8885,55 @@ function rc(t) {
   const n = {}, e = (r) => {
     const l = A(16);
     n[r.id] = l, r.id = l, r.children?.map((u) => e(u));
-  }, o = K(t.nodeLite);
+  }, o = O(t.nodeLite);
   e(o);
   const i = {};
   return Object.values(t.nodes).forEach((r) => {
-    const l = K(r);
+    const l = O(r);
     l.basic.id = n[l.basic.id], i[l.basic.id] = l;
   }), { nodeLite: o, nodes: i };
 }
-function qc(t) {
+function Xc(t) {
   return t.map((n) => rc(n));
 }
 const to = "runtimeOrg", no = "runtimeEnv", io = "runtimeMode", oo = "runtimeDevice", so = "runtimeDark", ro = "runtimeId", lo = "runtimeType", ao = "runtimeData", uo = "runtimeDepends", co = "runtimeRuntime", po = "runtimeSandbox", mo = "runtimeNode";
-function Xc(t) {
+function Yc(t) {
   me(to, t);
 }
 function lc() {
   return pe(to);
 }
-function Yc(t) {
+function Zc(t) {
   me(no, t);
 }
 function ac() {
   return pe(no);
 }
-function Zc(t) {
+function Qc(t) {
   me(io, t);
 }
 function oe() {
   return pe(io);
 }
-function Qc(t) {
+function ed(t) {
   me(oo, yn(t));
 }
 function Ne() {
   return pe(oo);
 }
-function ed(t) {
+function td(t) {
   me(so, yn(t));
 }
 function st() {
   return pe(so);
 }
-function td(t) {
+function nd(t) {
   me(ro, t);
 }
 function Ie() {
   return pe(ro);
 }
-function nd(t) {
+function id(t) {
   me(lo, t);
 }
 function Ee() {
@@ -8930,13 +8945,13 @@ function _e(t) {
 function ue() {
   return pe(ao);
 }
-function id(t) {
+function od(t) {
   me(uo, yn(t));
 }
 function uc() {
   return pe(uo);
 }
-function od(t) {
+function sd(t) {
   me(co, t);
 }
 function cc() {
@@ -9013,8 +9028,8 @@ async function mt(t, n, e, o, i) {
           const h = Le(m, c.subKeys);
           if (be(f, h))
             continue;
-          const y = K(m);
-          hn(y, c.subKeys, K(f)), c.type === "elementProperty" ? t.setElementProperty(
+          const y = O(m);
+          hn(y, c.subKeys, O(f)), c.type === "elementProperty" ? t.setElementProperty(
             c.nodeId,
             c.propertyKeys.split("."),
             y
@@ -9041,8 +9056,8 @@ async function mt(t, n, e, o, i) {
           c.type === "elementProperty" ? t.setElementProperty(
             c.nodeId,
             c.propertyKeys.split("."),
-            K(f)
-          ) : c.type === "customProperty" ? t.setCustomProperty(c.propertyId, K(f)) : c.type === "customSlotProperty" ? t.setCustomSlotProperty(c.propertyId, K(f)) : c.type === "state" ? t.setState(c.stateId, K(f)) : console.assert(!1);
+            O(f)
+          ) : c.type === "customProperty" ? t.setCustomProperty(c.propertyId, O(f)) : c.type === "customSlotProperty" ? t.setCustomSlotProperty(c.propertyId, O(f)) : c.type === "state" ? t.setState(c.stateId, O(f)) : console.assert(!1);
         }
     }
 }
@@ -9082,10 +9097,10 @@ function Li(t) {
     propertyKey: i
   };
 }
-function sd(t, n, e) {
+function rd(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function rd(t) {
+function ld(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapPropertyKeyOfCustomSlot invalid compId  key=${t}`);
@@ -9118,10 +9133,10 @@ function mc(t) {
   let i = "";
   return n.length > 2 ? i = n[2] : console.error(`unwrapMethodKeyOfElementSlot invalid methodKey key=${t}`), { elementKey: e, slotKey: o, methodKey: i };
 }
-function ld(t, n, e) {
+function ad(t, n, e) {
   return `${t}.${n}.${e}`;
 }
-function ad(t) {
+function ud(t) {
   const n = t.split(".");
   let e = "";
   n.length > 0 ? e = n[0] : console.error(`unwrapMethodKeyOfCustomSlot invalid compId key=${t}`);
@@ -9130,7 +9145,7 @@ function ad(t) {
   let i = "";
   return n.length > 2 ? i = n[2] : console.error(`unwrapMethodKeyOfCustomSlot invalid methodId key=${t}`), { compId: e, slotId: o, methodId: i };
 }
-function le(t, n, e) {
+function re(t, n, e) {
   return `${t}/${n}/${e}`;
 }
 function fc(t) {
@@ -9142,7 +9157,7 @@ function fc(t) {
   let i = "";
   return n.length > 2 ? i = n[2] : console.error(`unwrapEventId invalid eventKey id=${t}`), { kind: e, nodeId: o, eventKey: i };
 }
-function ud(t, n, e) {
+function yc(t, n, e) {
   return `${t}.${n}.${e}`;
 }
 function cd(t) {
@@ -9190,7 +9205,7 @@ function Se(t, n) {
       o.value = -1, n.value = void 0, Ki.emit("compNotAvail", t.value);
       return;
     }
-    o.value !== i.dataSeq && (o.value = i.dataSeq, n.value = K(i.data));
+    o.value !== i.dataSeq && (o.value = i.dataSeq, n.value = O(i.data));
   });
 }
 function yd() {
@@ -9200,7 +9215,7 @@ function yd() {
     t && (t.dispose(), console.log("runtime dispose"));
   }), { createRuntime: n };
 }
-function yc(t) {
+function bc(t) {
   if (!t.vm) {
     console.error("bindBase invalid sandbox vm");
     return;
@@ -9270,10 +9285,10 @@ const bo = ko({
   }
 });
 window.API_URL && (bo.defaults.baseURL = window.API_URL + "/computebase/");
-function bc(t) {
+function hc(t) {
   return bo.post("callFunc", t);
 }
-function hc(t) {
+function gc(t) {
   if (!t.vm) {
     console.error("bindCompute invalid sandbox vm");
     return;
@@ -9281,7 +9296,7 @@ function hc(t) {
   const { vm: n } = t;
   n.newFunction("__callFuncV1__", (e, o, i, r, l) => {
     const u = n.getString(e), p = n.getString(o), d = n.dump(i), f = n.getString(r), c = n.getString(l), { promise: m, resolve: h, reject: y } = t.promiseManager.create(), g = JSON.stringify(d);
-    return bc({
+    return hc({
       spaceId: u,
       id: p,
       strInputs: g,
@@ -9299,7 +9314,7 @@ function hc(t) {
     ), m.settled.then(n.runtime.executePendingJobs), m.handle;
   }).consume((e) => n.setProp(n.global, "__callFuncV1__", e));
 }
-function gc(t) {
+function vc(t) {
   if (!t.vm) {
     console.error("bindSystem invalid sandbox vm");
     return;
@@ -9340,7 +9355,7 @@ function Ae(t, n) {
       return t.undefined;
   }
 }
-function vc(t) {
+function _c(t) {
   if (!t.vm) {
     console.error("bindView invalid sandbox vm");
     return;
@@ -9353,12 +9368,12 @@ function vc(t) {
     if (p === "customEvent")
       t.parent && (t.parent.callFunctionAsync(
         "__triggerEventV1__",
-        le("refEvent", t.nodeId, f),
+        re("refEvent", t.nodeId, f),
         "",
         ...u
       ), t.parent.callFunctionAsync(
         "__triggerEventV1__",
-        le("multipleRefEvent", t.nodeId, f),
+        re("multipleRefEvent", t.nodeId, f),
         t.instance,
         ...u
       ));
@@ -9366,7 +9381,7 @@ function vc(t) {
       const c = t.children[d];
       c && c.callFunctionAsync(
         "__triggerEventV1__",
-        le("adaptSlotCustomEvent", "globality", f),
+        re("adaptSlotCustomEvent", "globality", f),
         "",
         ...u
       );
@@ -9374,7 +9389,7 @@ function vc(t) {
       const c = t.children[d];
       c && c.callFunctionAsync(
         "__triggerEventV1__",
-        le("adaptSlotCustomEvent", "globality", f),
+        re("adaptSlotCustomEvent", "globality", f),
         "",
         ...u
       );
@@ -9549,10 +9564,10 @@ function vc(t) {
     }), p.settled.then(n.runtime.executePendingJobs), p.handle;
   }).consume((e) => n.setProp(n.global, "__openPromptDlgV1__", e));
 }
-function _c(t) {
-  yc(t), hc(t), gc(t), vc(t);
+function xc(t) {
+  bc(t), gc(t), vc(t), _c(t);
 }
-const xc = `
+const kc = `
 let __events__ = {}
 
 function __onEventV1__(id, callback) {
@@ -9636,7 +9651,7 @@ function __destroy__() {
   __timers__ = {}
 }
 `;
-class kc {
+class wc {
   vm;
   promises = {};
   currPromiseId = 0;
@@ -9657,7 +9672,7 @@ class kc {
   }
 }
 const Ai = ["__triggerEventInner__"];
-class wc {
+class Ic {
   kind;
   nodeId;
   instance;
@@ -9697,9 +9712,9 @@ class wc {
   vm;
   promiseManager;
   async createVm(n, e) {
-    this.vm = n.newContext(), this.promiseManager = new kc(this.vm), _c(this), this.vm.evalCode(xc), this.setGlobalVariable("__env__", this.env), this.vm.evalCode(e), await this.callFunctionAsync(
+    this.vm = n.newContext(), this.promiseManager = new wc(this.vm), xc(this), this.vm.evalCode(kc), this.setGlobalVariable("__env__", this.env), this.vm.evalCode(e), await this.callFunctionAsync(
       "__triggerEventV1__",
-      le("elementEvent", "globality", "startup"),
+      re("elementEvent", "globality", "startup"),
       ""
     );
   }
@@ -9889,7 +9904,7 @@ function Ce(t, n, e, o, i) {
   const r = lc(), l = ac(), u = oe(), p = Ee(), d = Ne(), f = st();
   if (!Jo(u))
     return;
-  const c = cc(), m = new wc(
+  const c = cc(), m = new Ic(
     n,
     e,
     o,
@@ -9922,7 +9937,7 @@ function Ce(t, n, e, o, i) {
       const z = bt(v.width), H = bt(V?.width ?? v.width);
       await m.callFunctionAsync(
         "__triggerEventV1__",
-        le("elementEvent", "globality", "screenSizeChange"),
+        re("elementEvent", "globality", "screenSizeChange"),
         "",
         z,
         H
@@ -9934,7 +9949,7 @@ function Ce(t, n, e, o, i) {
     async (v) => {
       m.vm && await m.callFunctionAsync(
         "__triggerEventV1__",
-        le("elementEvent", "globality", "darkModeChange"),
+        re("elementEvent", "globality", "darkModeChange"),
         "",
         v
       );
@@ -9944,32 +9959,32 @@ function Ce(t, n, e, o, i) {
   async function y(v, V, z, H) {
     if (m.vm) {
       if (be(V, ["settings", "slot"])) {
-        const O = t.value?.view.nodeLites.find(
-          (j) => j.id === v
+        const K = t.value?.view.nodeLites.find(
+          (D) => D.id === v
         );
-        O ? O.slotId = z : console.assert(!1);
+        K ? K.slotId = z : console.assert(!1);
       }
       if (be(V, ["settings", "comp"])) {
-        const O = t.value?.view.nodeLites.find(
-          (j) => j.id === v
+        const K = t.value?.view.nodeLites.find(
+          (D) => D.id === v
         );
-        O ? O.compId = z : console.assert(!1);
+        K ? K.compId = z : console.assert(!1);
       }
       if (await m.callFunctionAsync(
         "__triggerEventV1__",
-        le("elementPropertyChangeEvent", v, V.join(".")),
+        re("elementPropertyChangeEvent", v, V.join(".")),
         "",
         z,
         H ?? z
       ), t.value?.code.reactivity) {
-        let O = "";
-        V instanceof Array ? O = V.join(".") : O = V, mt(
+        let K = "";
+        V instanceof Array ? K = V.join(".") : K = V, mt(
           m,
           t.value.code.reactivity,
           Xe({
             type: "elementProperty",
             nodeId: v,
-            propertyKeys: O
+            propertyKeys: K
           }),
           z,
           H
@@ -9977,32 +9992,42 @@ function Ce(t, n, e, o, i) {
       }
     }
   }
-  async function g(v, V, z, H, O) {
-    m.vm && console.log(
-      "onElementSlotPropertyChange",
-      v,
-      V,
-      z,
-      H,
-      O
+  async function g(v, V, z, H, K, D) {
+    const L = m.children[`${v}/${z}`];
+    L && L.vm && await L.callFunctionAsync(
+      "__triggerEventV1__",
+      re(
+        "adaptSlotElementPropertyChangeEvent",
+        "globality",
+        yc(V, z, H)
+      ),
+      "",
+      K,
+      D ?? K
     );
   }
   async function _(v, V, z) {
     m.vm && (await m.callFunctionAsync(
       "__triggerEventV1__",
-      le("customPropertyChangeEvent", "globality", v),
+      re("customPropertyChangeEvent", "globality", v),
       "",
       V,
       z ?? V
+    ), t.value?.code.reactivity && mt(
+      m,
+      t.value.code.reactivity,
+      Xe({ type: "customProperty", propertyId: v }),
+      V,
+      z
     ), await m.parent.callFunctionAsync(
       "__triggerEventV1__",
-      le("refPropertyChangeEvent", m.nodeId, v),
+      re("refPropertyChangeEvent", m.nodeId, v),
       "",
       V,
       z ?? V
     ), await m.parent.callFunctionAsync(
       "__triggerEventV1__",
-      le(
+      re(
         "multipleRefPropertyChangeEvent",
         m.nodeId,
         v
@@ -10010,12 +10035,6 @@ function Ce(t, n, e, o, i) {
       "",
       V,
       z ?? V
-    ), t.value?.code.reactivity && mt(
-      m,
-      t.value.code.reactivity,
-      Xe({ type: "customProperty", propertyId: v }),
-      V,
-      z
     ));
   }
   async function $(v, V, z) {
@@ -10030,7 +10049,7 @@ function Ce(t, n, e, o, i) {
   async function w(v, V, z) {
     m.vm && (await m.callFunctionAsync(
       "__triggerEventV1__",
-      le("stateChangeEvent", "globality", v),
+      re("stateChangeEvent", "globality", v),
       "",
       V,
       z ?? V
@@ -10047,17 +10066,17 @@ function J() {
   const t = st();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
-const Ic = (t, n, e) => {
+const Sc = (t, n, e) => {
   const o = t[n];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((i, r) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + n + (n.split("/").length !== e ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
 async function bd(t) {
-  return (await Ic(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.lnh9uz5k.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.dh8fod7n.js") }), `./locales/${t}/index.ts`, 4)).default;
+  return (await Sc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.lnh9uz5k.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.dh8fod7n.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
-  Ac as addIndent,
+  Tc as addIndent,
   ca as ambientLightV1,
   Ea as badgeV1,
   Wt as barChartV1,
@@ -10073,19 +10092,19 @@ export {
   Dt as chipV1,
   Wa as colorPickerV1,
   Fa as comboboxV1,
-  Fc as compMetaStringify,
+  Kc as compMetaStringify,
   Qo as compTypes,
   jt as containerV1,
-  Uc as dataStringify,
+  Mc as dataStringify,
   Ka as dataTableV1,
   Da as datePickerV1,
   Oa as dialogV1,
   da as directionalLightV1,
   rc as duplicateNodePair,
-  qc as duplicateNodePairs,
-  Dc as elementKeys,
+  Xc as duplicateNodePairs,
+  Oc as elementKeys,
   Pe as elements,
-  Hc as fileInputV1,
+  Gc as fileInputV1,
   Nt as flexLayoutEntryV1,
   et as flexLayoutV1,
   Jt as formV1,
@@ -10094,13 +10113,13 @@ export {
   Le as getField,
   ft as getImplementMethodName,
   Tn as getIndexOfBreakpoint,
-  Jc as getNodeLite,
+  qc as getNodeLite,
   Ei as getPropertyDefault,
   R as getTag,
   Pa as globalityV1,
   fa as groupV1,
   nt as hasComp,
-  Tc as hasSlot,
+  Uc as hasSlot,
   qa as iconV1,
   T as initNode,
   M as initProperties,
@@ -10121,20 +10140,20 @@ export {
   Yo as isLocaleOfEventKind,
   Xo as isLocaleOfMethodKind,
   qo as isLocaleOfPropertyKind,
-  Bc as isLocaleOfSlotKind,
+  Rc as isLocaleOfSlotKind,
   bn as isPercentStr,
   It as isPixelStr,
   ta as keyboardControlsV1,
   Ft as lineChartV1,
   bd as loadLocaleMessageRuntime,
-  le as makeEventId,
+  re as makeEventId,
   dd as makeEventKeyOfCustomSlot,
-  ud as makeEventKeyOfElementSlot,
+  yc as makeEventKeyOfElementSlot,
   En as makeMethodId,
-  ld as makeMethodKeyOfCustomSlot,
+  ad as makeMethodKeyOfCustomSlot,
   yo as makeMethodKeyOfElementSlot,
   dn as makePropertyId,
-  sd as makePropertyKeyOfCustomSlot,
+  rd as makePropertyKeyOfCustomSlot,
   pn as makePropertyKeyOfElementSlot,
   md as makeSlotId,
   Xe as makeTriggerId,
@@ -10147,29 +10166,29 @@ export {
   qt as numberInputV1,
   ia as orbitControlsV1,
   Ql as orthographicCameraV1,
-  Rc as pageMetaStringify,
+  Wc as pageMetaStringify,
   Zo as pageTypes,
   Za as paginationV1,
-  Kc as parseCompMeta,
-  Mc as parseData,
-  Wc as parsePageMeta,
+  Dc as parseCompMeta,
+  Bc as parseData,
+  Fc as parsePageMeta,
   Pt as parsePercentStr,
-  Lc as parsePixelStr,
+  Ac as parsePixelStr,
   ea as perspectiveCameraV1,
   sc as pkgs,
   pa as pointLightV1,
-  ed as provideDark,
+  td as provideDark,
   _e as provideData,
-  id as provideDepends,
-  Qc as provideDevice,
-  Yc as provideEnv,
-  td as provideId,
-  Zc as provideMode,
+  od as provideDepends,
+  ed as provideDevice,
+  Zc as provideEnv,
+  nd as provideId,
+  Qc as provideMode,
   fo as provideNode,
-  Xc as provideOrg,
-  od as provideRuntime,
+  Yc as provideOrg,
+  sd as provideRuntime,
   dc as provideSandbox,
-  nd as provideType,
+  id as provideType,
   Yt as radioGroupV1,
   Xt as radioV1,
   tu as rangeSliderV1,
@@ -10182,7 +10201,7 @@ export {
   hn as setField,
   ou as sliderV1,
   xa as slotV1,
-  Gc as spawnNode,
+  Jc as spawnNode,
   Rt as sphereGeometryV1,
   ma as spotLightV1,
   Zt as stepperHeaderV1,
@@ -10198,19 +10217,19 @@ export {
   rn as textareaV1,
   ln as timelineItemV1,
   an as timelineV1,
-  Nc as toEventName,
-  jc as toMethodName,
+  Hc as toEventName,
+  Nc as toMethodName,
   U as toNodeLite,
-  Oc as toPropertyName,
+  jc as toPropertyName,
   mt as triggerReactivity,
   fc as unwrapEventId,
   pd as unwrapEventKeyOfCustomSlot,
   cd as unwrapEventKeyOfElementSlot,
   pc as unwrapMethodId,
-  ad as unwrapMethodKeyOfCustomSlot,
+  ud as unwrapMethodKeyOfCustomSlot,
   mc as unwrapMethodKeyOfElementSlot,
   zi as unwrapPropertyId,
-  rd as unwrapPropertyKeyOfCustomSlot,
+  ld as unwrapPropertyKeyOfCustomSlot,
   Li as unwrapPropertyKeyOfElementSlot,
   fd as unwrapSlotId,
   Se as useDepend,