x-runtime-lib 0.8.15 → 0.8.17

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, 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 Wo, onUnmounted as He, createBlock as w, withCtx as $, createCommentVNode as ee, useTemplateRef as Ui, onMounted as Oi, nextTick as Xi, h as ae, resolveComponent as P, createVNode as H, isRef as U, createSlots as Tn, renderList as No, useId as Yi, withModifiers as Eo, normalizeClass as Ro, toDisplayString as Do, inject as oe, provide as se, readonly as Pn } from "vue";
+import { defineComponent as V, 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 Wo, onUnmounted as He, createBlock as w, withCtx as $, createCommentVNode as ee, useTemplateRef as Ui, onMounted as Oi, nextTick as Xi, h as ae, resolveComponent as P, createVNode as H, isRef as U, createSlots as Tn, renderList as Eo, useId as Yi, withModifiers as No, normalizeClass as Ro, toDisplayString as Do, inject as oe, provide as se, readonly as Pn } from "vue";
 import { CameraHelper as Ji, DirectionalLightHelper as Mo, PointLightHelper as Fo, SpotLightHelper as Go } from "three";
 import { i as ne, q as Ae, u as Ho, r as Zi, e as qi, a as jo, b as Ko, c as Uo, d as Oo, f as Xo, g as Yo, h as Jo, j as Zo, k as B, l as Qi, X as qo, Y as Qo, K as es, m as ts, n as ns, o as is, I as os } from "./vendor.ghqz34q2.js";
 import { waitUtil as eo, eventBus as to, useViewStack as no, messageInfo as ss, messageSuccess as rs, messageWarning as io, messageError as oo, createAxios as ls, globalObjects as Qt, openConfirmDlg as as, openPromptDlg as us } from "x-essential-lib";
@@ -41,7 +41,7 @@ function Ut(t) {
     return i;
 }
 const so = ["xs", "sm", "md", "lg", "xl"], ds = [...so].reverse();
-function Ee(t) {
+function Ne(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function Xn(t) {
@@ -284,7 +284,7 @@ function mo(t, e, i) {
     t.eventBus?.off(l.value, i);
   });
 }
-function E() {
+function N() {
   const t = Le();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
@@ -514,7 +514,7 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
   },
   setup(t) {
     const e = t, i = G(), { position: o, rotation: l, scale: s } = pe(e), { prop: a } = r(e, ["settings", "angle"]), { prop: m } = r(e, ["settings", "color"]), { color: f } = j(m), { prop: d } = r(e, ["settings", "decay"]), { prop: c } = r(e, ["settings", "distance"]), { prop: u } = r(e, ["settings", "intensity"]), { prop: p } = r(e, ["settings", "penumbra"]);
-    return (b, h) => (v(), w(n(ye), {
+    return (b, y) => (v(), w(n(ye), {
       position: n(o),
       rotation: n(l),
       scale: n(s)
@@ -545,7 +545,7 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
 function Bs(t, e) {
   return v(), Y("TresMeshBasicMaterial");
 }
-const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation", "scale"], Es = /* @__PURE__ */ V({
+const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Es = ["position", "rotation", "scale"], Ns = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -565,7 +565,7 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
           L(a.$slots, "default")
-        ], 8, Ns)
+        ], 8, Es)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
@@ -616,7 +616,7 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
   visualMap: mr,
   dataZoom: dr,
   markPoint: fr
-}, yr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], hr = "#f5f5f5", gr = {}, xr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, vr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Pr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, zr = { 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" } }, Ar = { 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)" } } }, Lr = { 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)" } } }, Br = { 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"] } } }, Wr = { 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"] } } }, Nr = { 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"] } } }, Er = { 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"] } } }, Rr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Dr = { textStyle: { color: "#333333" } }, Mr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Fr = { 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" } } }, Gr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Hr = { 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" } } }, Kr = {
+}, yr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], hr = "#f5f5f5", gr = {}, xr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, vr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Pr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, zr = { 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" } }, Ar = { 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)" } } }, Lr = { 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)" } } }, Br = { 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"] } } }, Wr = { 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"] } } }, Er = { 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"] } } }, Nr = { 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"] } } }, Rr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Dr = { textStyle: { color: "#333333" } }, Mr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Fr = { 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" } } }, Gr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Hr = { 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" } } }, Kr = {
   color: yr,
   backgroundColor: hr,
   textStyle: gr,
@@ -637,8 +637,8 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
   geo: Lr,
   categoryAxis: Br,
   valueAxis: Wr,
-  logAxis: Nr,
-  timeAxis: Er,
+  logAxis: Er,
+  timeAxis: Nr,
   toolbox: Rr,
   legend: Dr,
   tooltip: Mr,
@@ -666,7 +666,7 @@ const Ur = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), o = Le(), l = me(), s = de(), { width: a, minWidth: m, maxWidth: f, height: d, minHeight: c, maxHeight: u, applySize: p } = he(e), { applyTitle: b } = uo(e), { applyXAxis: h } = co(e), { applyYAxis: g } = po(e), { applyLegend: x } = lo(e), { applySeries: S } = ao(e), A = k(() => {
+    const e = t, i = Ve(), o = Le(), l = me(), s = de(), { width: a, minWidth: m, maxWidth: f, height: d, minHeight: c, maxHeight: u, applySize: p } = he(e), { applyTitle: b } = uo(e), { applyXAxis: y } = co(e), { applyYAxis: g } = po(e), { applyLegend: x } = lo(e), { applySeries: S } = ao(e), A = k(() => {
       const I = {}, M = s.value.type;
       return l === "page" ? M === "common" ? p(I) : console.assert(!1) : l === "comp" && M === "common" ? p(I) : console.assert(!1), I;
     }), R = Ui("chart");
@@ -677,12 +677,12 @@ const Ur = /* @__PURE__ */ V({
       W.setOption(I);
     }, D = () => {
       W?.resize();
-    }, N = () => {
+    }, E = () => {
       const I = {};
-      b(I), h(I), g(I), x(I), S(I), W?.setOption(I, !0);
+      b(I), y(I), g(I), x(I), S(I), W?.setOption(I, !0);
     };
     return Oi(async () => {
-      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), N();
+      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), E();
     }), He(() => {
       window.removeEventListener("resize", D, !1), W?.dispose();
     }), q(
@@ -700,11 +700,11 @@ const Ur = /* @__PURE__ */ V({
         await Xi(), D();
       }
     ), q([o], () => {
-      F(), N();
+      F(), E();
     }), q(
       [e],
       () => {
-        N();
+        E();
       },
       { deep: !0 }
     ), (I, M) => (v(), Y("div", {
@@ -719,7 +719,7 @@ const Ur = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = Ve(), o = Le(), l = me(), s = de(), { width: a, minWidth: m, maxWidth: f, height: d, minHeight: c, maxHeight: u, applySize: p } = he(e), { applyTitle: b } = uo(e), { applyXAxis: h } = co(e), { applyYAxis: g } = po(e), { applyLegend: x } = lo(e), { applySeries: S } = ao(e), A = k(() => {
+    const e = t, i = Ve(), o = Le(), l = me(), s = de(), { width: a, minWidth: m, maxWidth: f, height: d, minHeight: c, maxHeight: u, applySize: p } = he(e), { applyTitle: b } = uo(e), { applyXAxis: y } = co(e), { applyYAxis: g } = po(e), { applyLegend: x } = lo(e), { applySeries: S } = ao(e), A = k(() => {
       const I = {}, M = s.value.type;
       return l === "page" ? M === "common" ? p(I) : console.assert(!1) : l === "comp" && M === "common" ? p(I) : console.assert(!1), I;
     }), R = Ui("chart");
@@ -730,12 +730,12 @@ const Ur = /* @__PURE__ */ V({
       W.setOption(I);
     }, D = () => {
       W?.resize();
-    }, N = () => {
+    }, E = () => {
       const I = {};
-      b(I), h(I), g(I), x(I), S(I), W?.setOption(I, !0);
+      b(I), y(I), g(I), x(I), S(I), W?.setOption(I, !0);
     };
     return Oi(async () => {
-      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), N();
+      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), E();
     }), He(() => {
       window.removeEventListener("resize", D, !1), W?.dispose();
     }), q(
@@ -753,11 +753,11 @@ const Ur = /* @__PURE__ */ V({
         await Xi(), D();
       }
     ), q([o], () => {
-      F(), N();
+      F(), E();
     }), q(
       [e],
       () => {
-        N();
+        E();
       },
       { deep: !0 }
     ), (I, M) => (v(), Y("div", {
@@ -786,8 +786,8 @@ const Ur = /* @__PURE__ */ V({
       s.value !== p.dataSeq && (s.value = p.dataSeq, a.value = B(p.data));
     });
     function m(p) {
-      const b = wo[o.value.version].refKey, h = Se[b];
-      return h ? ae(h.comp, {
+      const b = wo[o.value.version].refKey, y = Se[b];
+      return y ? ae(y.comp, {
         refContext: {
           parent: i.refContext,
           refid: p.ref.comp
@@ -799,11 +799,11 @@ const Ur = /* @__PURE__ */ V({
       const b = Se[p.basic.key];
       if (!b)
         return console.assert(!1, `element not found key=${p.basic.key}`), ae("div", `element not found key=${p.basic.key}`);
-      const h = [];
+      const y = [];
       return b.leaf || p.children?.forEach((g) => {
         const x = d(g);
-        h.push(x);
-      }), ae(b.comp, { node: p }, { default: () => h });
+        y.push(x);
+      }), ae(b.comp, { node: p }, { default: () => y });
     }
     function d(p) {
       return p.ref ? m(p) : f(p);
@@ -825,8 +825,8 @@ const Ur = /* @__PURE__ */ V({
       const p = a.value.type;
       if (p === "common") {
         const b = [];
-        return a.value.view.nodes.forEach((h) => {
-          b.push(d(h));
+        return a.value.view.nodes.forEach((y) => {
+          b.push(d(y));
         }), b;
       } else
         return console.assert(!1, `invalid subtype=${p}`), ae("div", `invalid subtype=${p}`);
@@ -840,7 +840,7 @@ const Ur = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "content"]), { prop: o } = r(e, ["settings", "dot"]), { theme: l } = E(), { prop: s } = r(e, ["settings", "offset", "x"]), { prop: a } = r(e, ["settings", "offset", "y"]);
+    const e = t, { prop: i } = r(e, ["settings", "content"]), { prop: o } = r(e, ["settings", "dot"]), { theme: l } = N(), { prop: s } = r(e, ["settings", "offset", "x"]), { prop: a } = r(e, ["settings", "offset", "y"]);
     return (m, f) => {
       const d = P("v-badge");
       return v(), w(d, {
@@ -868,12 +868,14 @@ const Ur = /* @__PURE__ */ V({
       "settings",
       "addIcon",
       "append"
-    ]), { prop: s } = r(e, ["settings", "block"]), { prop: a } = r(e, ["settings", "color"]), { color: m } = j(a), { prop: f } = r(e, ["settings", "density"]), { prop: d } = r(e, ["settings", "disabled"]), { prop: c } = r(e, ["size", "height"]), { prop: u } = r(e, ["settings", "loading"]), { prop: p } = r(e, ["size", "maxHeight"]), { prop: b } = r(e, ["size", "maxWidth"]), { prop: h } = r(e, ["size", "minHeight"]), { prop: g } = r(e, ["size", "minWidth"]), { prop: x } = r(e, [
+    ]), { prop: s } = r(e, ["settings", "block"]), { prop: a } = r(e, ["settings", "color"]), { color: m } = j(a), { prop: f } = r(e, ["settings", "density"]), { prop: d } = r(e, ["settings", "disabled"]), { prop: c } = r(e, ["size", "height"]), { prop: u } = r(e, ["settings", "loading"]), { prop: p } = r(e, ["size", "maxHeight"]), { prop: b } = r(e, ["size", "maxWidth"]), { prop: y } = r(e, ["size", "minHeight"]), { prop: g } = r(e, ["size", "minWidth"]), { prop: x } = r(e, [
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: S } = r(e, ["settings", "readonly"]), { prop: A } = r(e, ["settings", "ripple"]), { prop: R } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: D } = E(), { prop: N } = r(e, ["settings", "variant"]), { prop: I } = r(e, ["size", "width"]), M = (J) => {
-      i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", J.clientX), o.setVariable("__pointerPosY__", J.clientY), o.callFunction("__triggerEventV1__", [`elementEvent@click@${e.node.basic.id}`]));
+    ]), { prop: S } = r(e, ["settings", "readonly"]), { prop: A } = r(e, ["settings", "ripple"]), { prop: R } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: D } = N(), { prop: E } = r(e, ["settings", "variant"]), { prop: I } = r(e, ["size", "width"]), M = (J) => {
+      i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", J.clientX), o.setVariable("__pointerPosY__", J.clientY), o.callFunction("__triggerEventV1__", [
+        `elementEvent@click@${e.node.basic.id}`
+      ]));
     };
     return (J, te) => {
       const re = P("v-btn");
@@ -889,7 +891,7 @@ const Ur = /* @__PURE__ */ V({
             loading: n(u),
             "max-height": n(p),
             "max-width": n(b),
-            "min-height": n(h),
+            "min-height": n(y),
             "min-width": n(g),
             "prepend-icon": n(x),
             readonly: n(S),
@@ -898,7 +900,7 @@ const Ur = /* @__PURE__ */ V({
             stacked: n(W),
             text: n(F),
             theme: n(D),
-            variant: n(N),
+            variant: n(E),
             width: n(I),
             onClick: M
           }, 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"])
@@ -924,8 +926,8 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "block"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "divided"]), { prop: s } = r(e, ["settings", "mandatory"]), { prop: a } = r(e, ["settings", "multiple"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: f } = r(e, ["settings", "size"]), { prop: d } = r(e, ["settings", "stacked"]), { theme: c } = E(), { prop: u } = r(e, ["settings", "tile"]), { prop: p } = r(e, ["settings", "variant"]);
-    return (b, h) => {
+    const e = t, { prop: i } = r(e, ["settings", "block"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "divided"]), { prop: s } = r(e, ["settings", "mandatory"]), { prop: a } = r(e, ["settings", "multiple"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: f } = r(e, ["settings", "size"]), { prop: d } = r(e, ["settings", "stacked"]), { theme: c } = N(), { prop: u } = r(e, ["settings", "tile"]), { prop: p } = r(e, ["settings", "variant"]);
+    return (b, y) => {
       const g = P("v-btn-toggle");
       return v(), w(g, {
         block: n(i),
@@ -954,7 +956,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   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: m } = r(e, ["size", "maxHeight"]), { prop: f } = r(e, ["size", "maxWidth"]), { prop: d } = r(e, ["size", "minHeight"]), { prop: c } = r(e, ["size", "minWidth"]), { prop: u } = r(e, ["settings", "subtitle"]), { prop: p } = r(e, ["settings", "text"]), { theme: b } = E(), { prop: h } = r(e, ["settings", "title"]), { prop: g } = r(e, ["settings", "variant"]), { prop: x } = r(e, ["size", "width"]);
+    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: m } = r(e, ["size", "maxHeight"]), { prop: f } = r(e, ["size", "maxWidth"]), { prop: d } = r(e, ["size", "minHeight"]), { prop: c } = r(e, ["size", "minWidth"]), { prop: u } = r(e, ["settings", "subtitle"]), { prop: p } = r(e, ["settings", "text"]), { theme: b } = N(), { prop: y } = r(e, ["settings", "title"]), { prop: g } = r(e, ["settings", "variant"]), { prop: x } = r(e, ["size", "width"]);
     return (S, A) => {
       const R = P("v-card");
       return v(), w(R, {
@@ -970,7 +972,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
         subtitle: n(u),
         text: n(p),
         theme: n(b),
-        title: n(h),
+        title: n(y),
         variant: n(g),
         width: n(x)
       }, {
@@ -1004,7 +1006,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "closable"]), { prop: o } = r(e, ["settings", "color"]), { color: l } = j(o), { prop: s } = r(e, ["settings", "density"]), { prop: a } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["settings", "draggable"]), { prop: f } = r(e, ["settings", "filter"]), { prop: d } = r(e, ["settings", "label"]), { prop: c } = r(e, ["settings", "size"]), { prop: u } = r(e, ["settings", "text"]), { theme: p } = E(), { prop: b } = r(e, ["settings", "tile"]), { prop: h } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
+    const e = t, { prop: i } = r(e, ["settings", "closable"]), { prop: o } = r(e, ["settings", "color"]), { color: l } = j(o), { prop: s } = r(e, ["settings", "density"]), { prop: a } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["settings", "draggable"]), { prop: f } = r(e, ["settings", "filter"]), { prop: d } = r(e, ["settings", "label"]), { prop: c } = r(e, ["settings", "size"]), { prop: u } = r(e, ["settings", "text"]), { theme: p } = N(), { prop: b } = r(e, ["settings", "tile"]), { prop: y } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
     return (x, S) => {
       const A = P("v-chip");
       return v(), w(A, {
@@ -1019,7 +1021,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
         text: n(u),
         theme: n(p),
         tile: n(b),
-        value: n(h),
+        value: n(y),
         variant: n(g)
       }, null, 8, ["closable", "color", "density", "disabled", "draggable", "filter", "label", "size", "text", "theme", "tile", "value", "variant"]);
     };
@@ -1031,12 +1033,12 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "column"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "filter"]), { prop: a } = r(e, ["settings", "mandatory"]), { prop: m } = r(e, ["settings", "multiple"]), { prop: f } = r(e, ["settings", "showArrows"]), { theme: d } = E(), { prop: c } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "column"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "filter"]), { prop: a } = r(e, ["settings", "mandatory"]), { prop: m } = r(e, ["settings", "multiple"]), { prop: f } = r(e, ["settings", "showArrows"]), { theme: d } = N(), { prop: c } = r(e, ["settings", "value"]);
     return (u, p) => {
       const b = P("v-chip-group");
       return v(), w(b, {
         modelValue: n(c),
-        "onUpdate:modelValue": p[0] || (p[0] = (h) => U(c) ? c.value = h : null),
+        "onUpdate:modelValue": p[0] || (p[0] = (y) => U(c) ? c.value = y : null),
         column: n(i),
         direction: n(o),
         disabled: n(l),
@@ -1061,13 +1063,13 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
   },
   setup(t) {
     const e = t, i = me(), o = de(), { applySize: l } = he(e), s = k(() => {
-      const h = {}, g = o.value.type;
-      return i === "page" ? g === "common" ? l(h) : console.assert(!1) : i === "comp" && g === "common" ? l(h) : console.assert(!1), h;
+      const y = {}, g = o.value.type;
+      return i === "page" ? g === "common" ? l(y) : console.assert(!1) : i === "comp" && g === "common" ? l(y) : console.assert(!1), y;
     }), { prop: a } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["settings", "hideCanvas"]), { prop: f } = r(e, ["settings", "hideHeader"]), { prop: d } = r(e, ["settings", "hideInputs"]), { prop: c } = r(e, ["settings", "hideSliders"]), { prop: u } = r(e, ["settings", "landscape"]), { prop: p } = r(e, [
       "settings",
       "showSwatches"
-    ]), { theme: b } = E();
-    return (h, g) => {
+    ]), { theme: b } = N();
+    return (y, g) => {
       const x = P("v-color-picker");
       return v(), w(x, {
         disabled: n(a),
@@ -1089,7 +1091,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    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: m } = E(), { prop: f } = r(e, ["settings", "value"]);
+    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: m } = N(), { prop: f } = r(e, ["settings", "value"]);
     return (d, c) => {
       const u = P("v-combobox");
       return v(), w(n(Z), null, {
@@ -1136,13 +1138,13 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "fixedFooter"]), { prop: l } = r(e, ["settings", "fixedHeader"]), { prop: s } = r(e, ["settings", "headers"]), { prop: a } = r(e, ["size", "height"]), { prop: m } = r(e, ["settings", "hover"]), { prop: f } = r(e, ["settings", "data"], !0), { prop: d } = r(e, ["settings", "loading"]), { prop: c } = r(e, ["settings", "multiSort"]), { theme: u } = E(), { prop: p } = r(e, ["size", "width"]), b = k(() => {
-      const h = [];
+    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "fixedFooter"]), { prop: l } = r(e, ["settings", "fixedHeader"]), { prop: s } = r(e, ["settings", "headers"]), { prop: a } = r(e, ["size", "height"]), { prop: m } = r(e, ["settings", "hover"]), { prop: f } = r(e, ["settings", "data"], !0), { prop: d } = r(e, ["settings", "loading"]), { prop: c } = r(e, ["settings", "multiSort"]), { theme: u } = N(), { prop: p } = r(e, ["size", "width"]), b = k(() => {
+      const y = [];
       return (e.node.slots?.items ?? []).forEach((x) => {
-        x.column && x.comp && h.push(x);
-      }), h;
+        x.column && x.comp && y.push(x);
+      }), y;
     });
-    return (h, g) => {
+    return (y, g) => {
       const x = P("v-data-table");
       return v(), w(x, {
         density: n(i),
@@ -1157,7 +1159,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
         theme: n(u),
         width: n(p)
       }, Tn({ _: 2 }, [
-        No(b.value, (S) => ({
+        Eo(b.value, (S) => ({
           name: `item.${S.column}`,
           fn: $(({ value: A }) => [
             H(n(fe), {
@@ -1216,8 +1218,8 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
   setup(t) {
     const e = t, { prop: i } = r(e, ["settings", "chips"]), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: f } = r(e, ["settings", "multiple"]), { prop: d } = r(e, ["settings", "readonly"]), { prop: c } = r(e, ["settings", "reverse"]), { prop: u } = r(e, ["settings", "singleLine"]);
     return (p, b) => {
-      const h = P("v-file-input");
-      return v(), w(h, {
+      const y = P("v-file-input");
+      return v(), w(y, {
         chips: n(i),
         density: n(o),
         direction: n(l),
@@ -1243,19 +1245,19 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
       "backgroundColor"
     ]), { color: c } = j(d), u = (b) => {
       c.value && (b.backgroundColor = c.value), b.display = "flex";
-      const h = Ee(i.value.width), g = $e(h, e.node.settings?.direction);
+      const y = Ne(i.value.width), g = $e(y, e.node.settings?.direction);
       g === "row" ? b.flexDirection = "row" : g === "rowReverse" ? b.flexDirection = "row-reverse" : g === "column" ? b.flexDirection = "column" : g === "columnReverse" && (b.flexDirection = "column-reverse");
-      const x = $e(h, e.node.settings?.wrap);
+      const x = $e(y, e.node.settings?.wrap);
       x === "no" ? b.flexWrap = "nowrap" : x === "yes" ? b.flexWrap = "wrap" : x === "reverse" && (b.flexWrap = "wrap-reverse");
-      const S = $e(h, e.node.settings?.mainAlign);
+      const S = $e(y, e.node.settings?.mainAlign);
       S === "start" ? b.justifyContent = "flex-start" : S === "end" ? b.justifyContent = "flex-end" : S === "center" ? b.justifyContent = "center" : S === "spaceBetween" ? b.justifyContent = "space-between" : S === "spaceAround" ? b.justifyContent = "space-around" : S === "spaceEvenly" && (b.justifyContent = "space-evenly");
-      const A = $e(h, e.node.settings?.crossAlign);
+      const A = $e(y, e.node.settings?.crossAlign);
       A === "start" ? b.alignItems = "flex-start" : A === "end" ? b.alignItems = "flex-end" : A === "center" ? b.alignItems = "center" : A === "baseline" ? b.alignItems = "baseline" : A === "stretch" && (b.alignItems = "stretch");
     }, p = k(() => {
-      const b = {}, h = l.value.type;
-      return o === "page" ? h === "common" ? (s(b), a(b), m(b), f(b), u(b)) : console.assert(!1) : o === "comp" && h === "common" ? (s(b), a(b), m(b), f(b), u(b)) : console.assert(!1), b;
+      const b = {}, y = l.value.type;
+      return o === "page" ? y === "common" ? (s(b), a(b), m(b), f(b), u(b)) : console.assert(!1) : o === "comp" && y === "common" ? (s(b), a(b), m(b), f(b), u(b)) : console.assert(!1), b;
     });
-    return (b, h) => (v(), Y("div", {
+    return (b, y) => (v(), Y("div", {
       style: Q(p.value)
     }, [
       L(b.$slots, "default")
@@ -1288,11 +1290,13 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     const e = t, i = G(), o = me(), l = de(), s = Be(), { prop: a } = r(e, ["settings", "valid"]), { prop: m } = r(e, ["settings", "fastFail"]), { prop: f } = r(e, [
       "settings",
       "backgroundColor"
-    ]), { color: d } = j(f), { applySize: c } = he(e), { applyMargin: u } = Ln(e), { applyPadding: p } = Bn(e), { applyBorder: b } = An(e), h = k(() => {
+    ]), { color: d } = j(f), { applySize: c } = he(e), { applyMargin: u } = Ln(e), { applyPadding: p } = Bn(e), { applyBorder: b } = An(e), y = k(() => {
       const x = {}, S = l.value.type;
       return o === "page" ? S === "common" ? (c(x), u(x), p(x), b(x), d.value && (x.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && S === "common" ? (c(x), u(x), p(x), b(x), d.value && (x.backgroundColor = d.value)) : console.assert(!1), x;
     }), g = () => {
-      i !== "runtime" && i !== "preview" || s.callFunction("__triggerEventV1__", [`elementEvent@submit@${e.node.basic.id}`]);
+      i !== "runtime" && i !== "preview" || s.callFunction("__triggerEventV1__", [
+        `elementEvent@submit@${e.node.basic.id}`
+      ]);
     };
     return (x, S) => {
       const A = P("v-form");
@@ -1300,8 +1304,8 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
         modelValue: n(a),
         "onUpdate:modelValue": S[0] || (S[0] = (R) => U(a) ? a.value = R : null),
         "fast-fail": n(m),
-        style: Q(h.value),
-        onSubmit: Eo(g, ["prevent"])
+        style: Q(y.value),
+        onSubmit: No(g, ["prevent"])
       }, {
         default: $(() => [
           L(x.$slots, "default")
@@ -1317,7 +1321,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "icon"]), { prop: a } = r(e, ["settings", "size"]), { theme: m } = E();
+    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "icon"]), { prop: a } = r(e, ["settings", "size"]), { theme: m } = N();
     return (f, d) => {
       const c = P("v-icon");
       return v(), w(c, {
@@ -1380,7 +1384,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
       "settings",
       "addIcon",
       "appendInner"
-    ]), { prop: l } = r(e, ["settings", "clearable"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: f } = r(e, ["settings", "max"]), { prop: d } = r(e, ["size", "maxWidth"]), { prop: c } = r(e, ["settings", "min"]), { prop: u } = r(e, ["size", "minWidth"]), { prop: p } = r(e, ["settings", "placeholder"]), { prop: b } = r(e, ["settings", "precision"]), { prop: h } = r(e, ["settings", "prefix"]), { prop: g } = r(e, [
+    ]), { prop: l } = r(e, ["settings", "clearable"]), { prop: s } = r(e, ["settings", "hideDetails"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: f } = r(e, ["settings", "max"]), { prop: d } = r(e, ["size", "maxWidth"]), { prop: c } = r(e, ["settings", "min"]), { prop: u } = r(e, ["size", "minWidth"]), { prop: p } = r(e, ["settings", "placeholder"]), { prop: b } = r(e, ["settings", "precision"]), { prop: y } = r(e, ["settings", "prefix"]), { prop: g } = r(e, [
       "settings",
       "addIcon",
       "prepend"
@@ -1388,14 +1392,14 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
       "settings",
       "addIcon",
       "prependInner"
-    ]), { prop: S } = r(e, ["settings", "readonly"]), { prop: A } = r(e, ["settings", "reverse"]), { prop: R } = r(e, ["settings", "singleLine"]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: D } = E(), { prop: N } = r(e, ["settings", "value"]), { prop: I } = r(e, ["settings", "variant"]), { prop: M } = r(e, ["size", "width"]);
+    ]), { prop: S } = r(e, ["settings", "readonly"]), { prop: A } = r(e, ["settings", "reverse"]), { prop: R } = r(e, ["settings", "singleLine"]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: D } = N(), { prop: E } = r(e, ["settings", "value"]), { prop: I } = r(e, ["settings", "variant"]), { prop: M } = r(e, ["size", "width"]);
     return (J, te) => {
       const re = P("v-number-input");
       return v(), w(n(Z), null, {
         default: $(() => [
           H(re, {
-            modelValue: n(N),
-            "onUpdate:modelValue": te[0] || (te[0] = (le) => U(N) ? N.value = le : null),
+            modelValue: n(E),
+            "onUpdate:modelValue": te[0] || (te[0] = (le) => U(E) ? E.value = le : null),
             "append-icon": n(i),
             "append-inner-icon": n(o),
             clearable: n(l),
@@ -1408,7 +1412,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
             "min-width": n(u),
             placeholder: n(p),
             precision: n(b),
-            prefix: n(h),
+            prefix: n(y),
             "prepend-icon": n(g),
             "prepend-inner-icon": n(x),
             readonly: n(S),
@@ -1435,11 +1439,11 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     const e = t, i = G(), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "length"]), { prop: a } = r(e, [
       "settings",
       "showFirstLastPage"
-    ]), { prop: m } = r(e, ["settings", "size"]), { prop: f } = r(e, ["settings", "start"]), { theme: d } = E(), { prop: c } = r(e, ["settings", "tile"]), { prop: u } = r(e, ["settings", "value"]), { prop: p } = r(e, ["settings", "variant"]), b = k(() => {
-      const h = {};
-      return i === "editor" && (h.pointerEvents = "none"), h;
+    ]), { prop: m } = r(e, ["settings", "size"]), { prop: f } = r(e, ["settings", "start"]), { theme: d } = N(), { prop: c } = r(e, ["settings", "tile"]), { prop: u } = r(e, ["settings", "value"]), { prop: p } = r(e, ["settings", "variant"]), b = k(() => {
+      const y = {};
+      return i === "editor" && (y.pointerEvents = "none"), y;
     });
-    return (h, g) => {
+    return (y, g) => {
       const x = P("v-pagination");
       return v(), w(n(Z), null, {
         default: $(() => [
@@ -1469,7 +1473,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "readonly"]), { theme: f } = E(), { prop: d } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "readonly"]), { theme: f } = N(), { prop: d } = r(e, ["settings", "value"]);
     return (c, u) => {
       const p = P("v-radio");
       return v(), w(p, {
@@ -1490,7 +1494,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    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: m } = E(), { prop: f } = r(e, ["settings", "value"]);
+    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: m } = N(), { prop: f } = r(e, ["settings", "value"]);
     return (d, c) => {
       const u = P("v-radio-group");
       return v(), w(n(Z), null, {
@@ -1527,33 +1531,33 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
         return "always";
       if (c.value === "show")
         return !0;
-    }), { prop: p } = r(e, ["settings", "step"]), { theme: b } = E(), { prop: h } = r(e, [
+    }), { prop: p } = r(e, ["settings", "step"]), { theme: b } = N(), { prop: y } = r(e, [
       "settings",
       "thumbLabel"
     ]), g = k(() => {
-      if (h.value === "always")
+      if (y.value === "always")
         return "always";
-      if (h.value === "show")
+      if (y.value === "show")
         return !0;
     }), { prop: x } = r(e, ["settings", "thumbSize"]), { prop: S } = r(e, ["settings", "ticks"]), A = k(() => {
       if (!S.value)
         return;
-      const N = {};
+      const E = {};
       for (const { value: I, label: M } of S.value)
-        N[I] = M;
-      if (!Qi(N))
-        return N;
+        E[I] = M;
+      if (!Qi(E))
+        return E;
     }), { prop: R } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
       "settings",
       "value",
       "start"
     ]), { prop: F } = r(e, ["settings", "value", "end"]), D = k({
       get: () => [W.value, F.value],
-      set: ([N, I]) => {
-        W.value = N, F.value = I;
+      set: ([E, I]) => {
+        W.value = E, F.value = I;
       }
     });
-    return (N, I) => {
+    return (E, I) => {
       const M = P("v-range-slider");
       return v(), w(n(Z), {
         modelValue: D.value,
@@ -1594,14 +1598,14 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     const e = t, { prop: i } = r(e, ["settings", "clearable"]), { prop: o } = r(e, ["settings", "density"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, [
       "settings",
       "halfIncrements"
-    ]), { prop: a } = r(e, ["settings", "hover"]), { prop: m } = r(e, ["settings", "length"]), { prop: f } = r(e, ["settings", "readonly"]), { theme: d } = E(), { prop: c } = r(e, ["settings", "value"]);
+    ]), { prop: a } = r(e, ["settings", "hover"]), { prop: m } = r(e, ["settings", "length"]), { prop: f } = r(e, ["settings", "readonly"]), { theme: d } = N(), { prop: c } = r(e, ["settings", "value"]);
     return (u, p) => {
       const b = P("v-rating");
       return v(), w(n(Z), { "fit-content": !0 }, {
         default: $(() => [
           H(b, {
             modelValue: n(c),
-            "onUpdate:modelValue": p[0] || (p[0] = (h) => U(c) ? c.value = h : null),
+            "onUpdate:modelValue": p[0] || (p[0] = (y) => U(c) ? c.value = y : null),
             clearable: n(i),
             density: n(o),
             disabled: n(l),
@@ -1623,7 +1627,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    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: m } = E(), { prop: f } = r(e, ["settings", "value"]);
+    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: m } = N(), { prop: f } = r(e, ["settings", "value"]);
     return (d, c) => {
       const u = P("v-select");
       return v(), w(n(Z), null, {
@@ -1655,7 +1659,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
         return "always";
       if (p.value === "show")
         return !0;
-    }), { prop: h } = r(e, ["settings", "step"]), { theme: g } = E(), { prop: x } = r(e, [
+    }), { prop: y } = r(e, ["settings", "step"]), { theme: g } = N(), { prop: x } = r(e, [
       "settings",
       "thumbColor"
     ]), { color: S } = j(x), { prop: A } = r(e, [
@@ -1674,7 +1678,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
         le[We] = Kt;
       if (!Qi(le))
         return le;
-    }), { prop: N } = r(e, ["settings", "tickSize"]), { prop: I } = r(e, [
+    }), { prop: E } = r(e, ["settings", "tickSize"]), { prop: I } = r(e, [
       "settings",
       "trackColor"
     ]), { color: M } = j(I), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
@@ -1695,12 +1699,12 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
             readonly: n(c),
             reverse: n(u),
             "show-ticks": b.value,
-            step: n(h),
+            step: n(y),
             theme: n(g),
             "thumb-color": n(S),
             "thumb-label": R.value,
             "thumb-size": n(W),
-            "tick-size": n(N),
+            "tick-size": n(E),
             ticks: D.value,
             "track-color": n(M)
           }, Tn({ _: 2 }, [
@@ -1737,7 +1741,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideActions"]), { theme: o } = E(), { prop: l } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "hideActions"]), { theme: o } = N(), { prop: l } = r(e, ["settings", "value"]);
     return (s, a) => {
       const m = P("v-stepper");
       return v(), w(m, {
@@ -1791,7 +1795,7 @@ function Bl(t, e) {
     _: 3
   });
 }
-const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
+const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1809,7 +1813,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       }, 8, ["value"]);
     };
   }
-}), El = /* @__PURE__ */ V({
+}), Nl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1819,14 +1823,14 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
     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", "hideDetails"]), { prop: a } = r(e, [
       "settings",
       "indeterminate"
-    ]), { prop: m } = r(e, ["settings", "inline"]), { prop: f } = r(e, ["settings", "inset"]), { prop: d } = r(e, ["settings", "label"]), { prop: c } = r(e, ["settings", "loading"]), { theme: u } = E(), { prop: p } = r(e, ["settings", "value"]);
-    return (b, h) => {
+    ]), { prop: m } = r(e, ["settings", "inline"]), { prop: f } = r(e, ["settings", "inset"]), { prop: d } = r(e, ["settings", "label"]), { prop: c } = r(e, ["settings", "loading"]), { theme: u } = N(), { prop: p } = r(e, ["settings", "value"]);
+    return (b, y) => {
       const g = P("v-switch");
       return v(), w(n(Z), { "fit-content": !0 }, {
         default: $(() => [
           H(g, {
             modelValue: n(p),
-            "onUpdate:modelValue": h[0] || (h[0] = (x) => U(p) ? p.value = x : null),
+            "onUpdate:modelValue": y[0] || (y[0] = (x) => U(p) ? p.value = x : null),
             density: n(i),
             direction: n(o),
             disabled: n(l),
@@ -1850,7 +1854,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = E(), { prop: s } = r(e, ["settings", "value"]), a = k(() => {
+    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = N(), { prop: s } = r(e, ["settings", "value"]), a = k(() => {
       const m = {};
       return i === "editor" && (m.pointerEvents = "none"), m;
     });
@@ -1887,16 +1891,16 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       "settings",
       "color",
       "selectedColor"
-    ]), { color: m } = j(a), { prop: f } = r(e, ["settings", "density"]), { prop: d } = r(e, ["settings", "direction"]), { prop: c } = r(e, ["settings", "disabled"]), { prop: u } = r(e, ["settings", "fixedTabs"]), { prop: p } = r(e, ["settings", "grow"]), { prop: b } = r(e, ["settings", "hideSlider"]), { prop: h } = r(e, ["settings", "items"]), { prop: g } = r(e, ["settings", "mandatory"]), { prop: x } = r(e, ["settings", "showArrows"]), { prop: S } = r(e, [
+    ]), { color: m } = j(a), { prop: f } = r(e, ["settings", "density"]), { prop: d } = r(e, ["settings", "direction"]), { prop: c } = r(e, ["settings", "disabled"]), { prop: u } = r(e, ["settings", "fixedTabs"]), { prop: p } = r(e, ["settings", "grow"]), { prop: b } = r(e, ["settings", "hideSlider"]), { prop: y } = r(e, ["settings", "items"]), { prop: g } = r(e, ["settings", "mandatory"]), { prop: x } = r(e, ["settings", "showArrows"]), { prop: S } = r(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: A } = j(S), { prop: R } = r(e, ["settings", "stacked"]), { theme: W } = E(), { prop: F } = r(e, ["settings", "value"]);
-    return (D, N) => {
+    ]), { color: A } = j(S), { prop: R } = r(e, ["settings", "stacked"]), { theme: W } = N(), { prop: F } = r(e, ["settings", "value"]);
+    return (D, E) => {
       const I = P("v-tabs");
       return v(), w(I, {
         modelValue: n(F),
-        "onUpdate:modelValue": N[0] || (N[0] = (M) => U(F) ? F.value = M : null),
+        "onUpdate:modelValue": E[0] || (E[0] = (M) => U(F) ? F.value = M : null),
         "align-tabs": n(i),
         "bg-color": n(l),
         "center-active": n(s),
@@ -1907,7 +1911,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
         "fixed-tabs": n(u),
         grow: n(p),
         "hide-slider": n(b),
-        items: n(h),
+        items: n(y),
         mandatory: n(g),
         "show-arrows": n(x),
         "slider-color": n(A),
@@ -1929,7 +1933,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
   },
   setup(t) {
     const e = t, i = Ve(), { 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: m } = r(e, ["settings", "text"]), { prop: f } = r(e, ["settings", "weight"]), d = k(() => {
-      const c = [], u = Ee(i.value.width), p = $e(u, e.node.settings?.style);
+      const c = [], u = Ne(i.value.width), p = $e(u, e.node.settings?.style);
       return p && c.push(`text-${p}`), s.value === "high" ? c.push("text-high-emphasis") : s.value === "medium" ? c.push("text-medium-emphasis") : s.value === "disabled" && c.push("text-disabled"), o.value && c.push(`font-${o.value}`), l.value && c.push(`text-decoration-${l.value}`), f.value && c.push(`font-weight-${f.value}`), a.value && c.push("font-italic"), c.join(" ");
     });
     return (c, u) => (v(), Y("span", {
@@ -1943,7 +1947,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   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: m } = r(e, ["settings", "loading"]), { prop: f } = r(e, ["settings", "maxRows"]), { prop: d } = r(e, ["settings", "placeholder"]), { prop: c } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: p } = r(e, ["settings", "rows"]), { prop: b } = r(e, ["settings", "singleLine"]), { theme: h } = E(), { prop: g } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
+    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: m } = r(e, ["settings", "loading"]), { prop: f } = r(e, ["settings", "maxRows"]), { prop: d } = r(e, ["settings", "placeholder"]), { prop: c } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: p } = r(e, ["settings", "rows"]), { prop: b } = r(e, ["settings", "singleLine"]), { theme: y } = N(), { prop: g } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
     return (S, A) => {
       const R = P("v-textarea");
       return v(), w(n(Z), null, {
@@ -1963,7 +1967,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
             reverse: n(u),
             rows: n(p),
             "single-line": n(b),
-            theme: n(h),
+            theme: n(y),
             variant: n(x)
           }, null, 8, ["modelValue", "auto-grow", "clearable", "density", "disabled", "label", "loading", "max-rows", "placeholder", "readonly", "reverse", "rows", "single-line", "theme", "variant"])
         ]),
@@ -1981,10 +1985,10 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
     const e = t, { prop: i } = r(e, ["settings", "appendIcon"]), { prop: o } = r(e, [
       "settings",
       "appendInnerIcon"
-    ]), { prop: l } = r(e, ["settings", "autofocus"]), { prop: s } = r(e, ["settings", "clearable"]), { prop: a } = r(e, ["settings", "density"]), { prop: m } = r(e, ["settings", "disabled"]), { prop: f } = r(e, ["settings", "hideDetails"]), { prop: d } = r(e, ["settings", "label"]), { prop: c } = r(e, ["settings", "loading"]), { prop: u } = r(e, ["settings", "placeholder"]), { prop: p } = r(e, ["settings", "prefix"]), { prop: b } = r(e, ["settings", "prependIcon"]), { prop: h } = r(e, [
+    ]), { prop: l } = r(e, ["settings", "autofocus"]), { prop: s } = r(e, ["settings", "clearable"]), { prop: a } = r(e, ["settings", "density"]), { prop: m } = r(e, ["settings", "disabled"]), { prop: f } = r(e, ["settings", "hideDetails"]), { prop: d } = r(e, ["settings", "label"]), { prop: c } = r(e, ["settings", "loading"]), { prop: u } = r(e, ["settings", "placeholder"]), { prop: p } = r(e, ["settings", "prefix"]), { prop: b } = r(e, ["settings", "prependIcon"]), { prop: y } = r(e, [
       "settings",
       "prependInnerIcon"
-    ]), { prop: g } = r(e, ["settings", "readonly"]), { prop: x } = r(e, ["settings", "reverse"]), { prop: S } = r(e, ["settings", "singleLine"]), { prop: A } = r(e, ["settings", "suffix"]), { theme: R } = E(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["slots", "append"]), { prop: N } = r(e, [
+    ]), { prop: g } = r(e, ["settings", "readonly"]), { prop: x } = r(e, ["settings", "reverse"]), { prop: S } = r(e, ["settings", "singleLine"]), { prop: A } = r(e, ["settings", "suffix"]), { theme: R } = N(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["slots", "append"]), { prop: E } = r(e, [
       "slots",
       "appendInner"
     ]), { prop: I } = r(e, ["slots", "prepend"]), { prop: M } = r(e, [
@@ -2010,7 +2014,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
             placeholder: n(u),
             prefix: n(p),
             "prepend-icon": n(b),
-            "prepend-inner-icon": n(h),
+            "prepend-inner-icon": n(y),
             readonly: n(g),
             reverse: n(x),
             "single-line": n(S),
@@ -2028,11 +2032,11 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
               ]),
               key: "0"
             } : void 0,
-            n(N) ? {
+            n(E) ? {
               name: "append-inner",
               fn: $(() => [
                 H(n(fe), {
-                  "ref-context": { refid: n(N) },
+                  "ref-context": { refid: n(E) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2086,11 +2090,11 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       "settings",
       "line",
       "thickness"
-    ]), { prop: b } = r(e, ["settings", "side"]), { prop: h } = r(e, [
+    ]), { prop: b } = r(e, ["settings", "side"]), { prop: y } = r(e, [
       "settings",
       "line",
       "truncate"
-    ]), { theme: g } = E();
+    ]), { theme: g } = N();
     return (x, S) => {
       const A = P("v-timeline");
       return v(), w(A, {
@@ -2105,7 +2109,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
         "line-thickness": n(p),
         side: n(b),
         theme: n(g),
-        "truncate-line": n(h)
+        "truncate-line": n(y)
       }, {
         default: $(() => [
           L(x.$slots, "default")
@@ -2131,7 +2135,7 @@ const Ul = /* @__PURE__ */ ge(jl, [["render", Kl]]), Ol = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "continuous"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "reverse"]), { prop: a } = r(e, ["settings", "showArrows"]), { prop: m } = r(e, ["settings", "touch"]), { theme: f } = E(), { prop: d } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "continuous"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "reverse"]), { prop: a } = r(e, ["settings", "showArrows"]), { prop: m } = r(e, ["settings", "touch"]), { theme: f } = N(), { prop: d } = r(e, ["settings", "value"]);
     return (c, u) => {
       const p = P("v-window");
       return v(), w(p, {
@@ -2162,7 +2166,7 @@ function Yl(t, e) {
     _: 3
   });
 }
-const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue = "badge_v1", Wn = "breadcrumbs_v1", Oe = "bar_chart_v1", Xe = "box_geometry_v1", Ye = "btn_v1", Je = "btn_group_v1", Ze = "btn_toggle_v1", qe = "card_v1", Qe = "checkbox_v1", et = "chip_v1", tt = "chip_group_v1", nt = "color_picker_v1", it = "combobox_v1", ot = "container_v1", st = "data_table_v1", rt = "date_picker_v1", lt = "dialog_v1", at = "directional_light_v1", ut = "file_input_v1", ct = "flex_layout_v1", fo = "flex_layout_entry_v1", pt = "form_v1", en = "globality_v1", mt = "group_v1", dt = "icon_v1", ft = "keyboard_controls_v1", bt = "line_chart_v1", yt = "map_controls_v1", ht = "menu_v1", gt = "mesh_v1", Zl = "mesh_basic_material_v1", Nn = "multiple_ref_v1", xt = "number_input_v1", vt = "orbit_controls_v1", kt = "orthographic_camera_v1", _t = "pagination_v1", wt = "perspective_camera_v1", Vt = "point_light_v1", bo = "radio_v1", $t = "radio_group_v1", It = "range_slider_v1", St = "rating_v1", En = "render_switch_v1", Ct = "select_v1", Re = "single_ref_v1", Tt = "slider_v1", Pt = "sphere_geometry_v1", zt = "spot_light_v1", At = "stepper_v1", yo = "stepper_header_v1", ho = "stepper_item_v1", go = "stepper_window_v1", xo = "stepper_window_item_v1", Lt = "switch_v1", vo = "tab_v1", Rn = "table_v1", Bt = "tabs_v1", Wt = "text_v1", Nt = "textarea_v1", Et = "text_field_v1", Rt = "timeline_v1", ko = "timeline_item_v1", Dt = "window_v1", _o = "window_item_v1", y = {
+const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue = "badge_v1", Wn = "breadcrumbs_v1", Oe = "bar_chart_v1", Xe = "box_geometry_v1", Ye = "btn_v1", Je = "btn_group_v1", Ze = "btn_toggle_v1", qe = "card_v1", Qe = "checkbox_v1", et = "chip_v1", tt = "chip_group_v1", nt = "color_picker_v1", it = "combobox_v1", ot = "container_v1", st = "data_table_v1", rt = "date_picker_v1", lt = "dialog_v1", at = "directional_light_v1", ut = "file_input_v1", ct = "flex_layout_v1", fo = "flex_layout_entry_v1", pt = "form_v1", en = "globality_v1", mt = "group_v1", dt = "icon_v1", ft = "keyboard_controls_v1", bt = "line_chart_v1", yt = "map_controls_v1", ht = "menu_v1", gt = "mesh_v1", Zl = "mesh_basic_material_v1", En = "multiple_ref_v1", xt = "number_input_v1", vt = "orbit_controls_v1", kt = "orthographic_camera_v1", _t = "pagination_v1", wt = "perspective_camera_v1", Vt = "point_light_v1", bo = "radio_v1", $t = "radio_group_v1", It = "range_slider_v1", St = "rating_v1", Nn = "render_switch_v1", Ct = "select_v1", Re = "single_ref_v1", Tt = "slider_v1", Pt = "sphere_geometry_v1", zt = "spot_light_v1", At = "stepper_v1", yo = "stepper_header_v1", ho = "stepper_item_v1", go = "stepper_window_v1", xo = "stepper_window_item_v1", Lt = "switch_v1", vo = "tab_v1", Rn = "table_v1", Bt = "tabs_v1", Wt = "text_v1", Et = "textarea_v1", Nt = "text_field_v1", Rt = "timeline_v1", ko = "timeline_item_v1", Dt = "window_v1", _o = "window_item_v1", h = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2643,8 +2647,8 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
   name: "x-runtime-lib.orthographicCamera",
   comp: gs,
   props: {
-    pageScene: [y, X, Yn],
-    compScene: [y, X, Yn]
+    pageScene: [h, X, Yn],
+    compScene: [h, X, Yn]
   },
   events: [],
   methods: [],
@@ -2689,8 +2693,8 @@ const Jn = {
   name: "x-runtime-lib.perspectiveCamera",
   comp: vs,
   props: {
-    pageScene: [y, X, Jn],
-    compScene: [y, X, Jn]
+    pageScene: [h, X, Jn],
+    compScene: [h, X, Jn]
   },
   events: [],
   methods: [],
@@ -2720,8 +2724,8 @@ const ta = /* @__PURE__ */ V({
   name: "x-runtime-lib.keyboardControls",
   comp: ta,
   props: {
-    pageScene: [y],
-    compScene: [y]
+    pageScene: [h],
+    compScene: [h]
   },
   events: [],
   methods: [],
@@ -2734,8 +2738,8 @@ const sa = {
   name: "x-runtime-lib.mapControls",
   comp: na,
   props: {
-    pageScene: [y],
-    compScene: [y]
+    pageScene: [h],
+    compScene: [h]
   },
   events: [],
   methods: [],
@@ -2748,8 +2752,8 @@ const ra = {
   name: "x-runtime-lib.orbitControls",
   comp: ia,
   props: {
-    pageScene: [y],
-    compScene: [y]
+    pageScene: [h],
+    compScene: [h]
   },
   events: [],
   methods: [],
@@ -2882,8 +2886,8 @@ const Zn = {
   name: "x-runtime-lib.boxGeometry",
   comp: _s,
   props: {
-    pageScene: [y, Zn],
-    compScene: [y, Zn]
+    pageScene: [h, Zn],
+    compScene: [h, Zn]
   },
   events: [],
   methods: [],
@@ -3026,8 +3030,8 @@ const qn = {
   name: "x-runtime-lib.sphereGeometry",
   comp: Vs,
   props: {
-    pageScene: [y, qn],
-    compScene: [y, qn]
+    pageScene: [h, qn],
+    compScene: [h, qn]
   },
   events: [],
   methods: [],
@@ -3058,8 +3062,8 @@ const Qn = {
   name: "x-runtime-lib.ambientLight",
   comp: Is,
   props: {
-    pageScene: [y, X, Qn],
-    compScene: [y, X, Qn]
+    pageScene: [h, X, Qn],
+    compScene: [h, X, Qn]
   },
   events: [],
   methods: [],
@@ -3088,8 +3092,8 @@ const ei = {
   name: "x-runtime-lib.directionalLight",
   comp: Cs,
   props: {
-    pageScene: [y, X, ei],
-    compScene: [y, X, ei]
+    pageScene: [h, X, ei],
+    compScene: [h, X, ei]
   },
   events: [],
   methods: [],
@@ -3132,8 +3136,8 @@ const ti = {
   name: "x-runtime-lib.pointLight",
   comp: Ps,
   props: {
-    pageScene: [y, X, ti],
-    compScene: [y, X, ti]
+    pageScene: [h, X, ti],
+    compScene: [h, X, ti]
   },
   events: [],
   methods: [],
@@ -3193,8 +3197,8 @@ const ni = {
   name: "x-runtime-lib.spotLight",
   comp: As,
   props: {
-    pageScene: [y, X, ni],
-    compScene: [y, X, ni]
+    pageScene: [h, X, ni],
+    compScene: [h, X, ni]
   },
   events: [],
   methods: [],
@@ -3206,8 +3210,8 @@ const Ce = {
   name: "x-runtime-lib.meshBasicMaterial",
   comp: Ws,
   props: {
-    pageScene: [y],
-    compScene: [y]
+    pageScene: [h],
+    compScene: [h]
   },
   events: [],
   methods: [],
@@ -3218,10 +3222,10 @@ _(Ce);
 const ha = {
   key: mt,
   name: "x-runtime-lib.group",
-  comp: Es,
+  comp: Ns,
   props: {
-    pageScene: [y, X],
-    compScene: [y, X]
+    pageScene: [h, X],
+    compScene: [h, X]
   },
   events: [],
   methods: [],
@@ -3233,8 +3237,8 @@ const Te = {
   name: "x-runtime-lib.mesh",
   comp: Ds,
   props: {
-    pageScene: [y, X],
-    compScene: [y, X]
+    pageScene: [h, X],
+    compScene: [h, X]
   },
   events: [],
   methods: [],
@@ -3286,8 +3290,8 @@ const ii = {
   name: "x-runtime-lib.barChart",
   comp: Ur,
   props: {
-    pageCommon: [y, O, Me, Fe, Ge, De, ii],
-    compCommon: [y, O, Me, Fe, Ge, De, ii]
+    pageCommon: [h, O, Me, Fe, Ge, De, ii],
+    compCommon: [h, O, Me, Fe, Ge, De, ii]
   },
   events: [],
   methods: [],
@@ -3341,8 +3345,8 @@ const oi = {
   name: "x-runtime-lib.lineChart",
   comp: Or,
   props: {
-    pageCommon: [y, O, Me, Fe, Ge, De, oi],
-    compCommon: [y, O, Me, Fe, Ge, De, oi]
+    pageCommon: [h, O, Me, Fe, Ge, De, oi],
+    compCommon: [h, O, Me, Fe, Ge, De, oi]
   },
   events: [],
   methods: [],
@@ -3451,8 +3455,8 @@ const li = {
   name: "x-runtime-lib.badge",
   comp: Xr,
   props: {
-    pageCommon: [y, li],
-    compCommon: [y, li]
+    pageCommon: [h, li],
+    compCommon: [h, li]
   },
   events: [],
   methods: [],
@@ -3564,8 +3568,8 @@ const _a = B(K), ai = {
   name: "x-runtime-lib.button",
   comp: Yr,
   props: {
-    pageCommon: [y, O, ai],
-    compCommon: [y, O, ai]
+    pageCommon: [h, O, ai],
+    compCommon: [h, O, ai]
   },
   events: [
     {
@@ -3585,8 +3589,8 @@ const wa = {
   name: "x-runtime-lib.buttonGroup",
   comp: qr,
   props: {
-    pageCommon: [y],
-    compCommon: [y]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
@@ -3659,8 +3663,8 @@ const ui = {
   name: "x-runtime-lib.buttonToggle",
   comp: Qr,
   props: {
-    pageCommon: [y, ui],
-    compCommon: [y, ui]
+    pageCommon: [h, ui],
+    compCommon: [h, ui]
   },
   events: [],
   methods: [],
@@ -3741,8 +3745,8 @@ const ci = {
   name: "x-runtime-lib.card",
   comp: el,
   props: {
-    pageCommon: [y, O, ci],
-    compCommon: [y, O, ci]
+    pageCommon: [h, O, ci],
+    compCommon: [h, O, ci]
   },
   events: [],
   methods: [],
@@ -3772,8 +3776,8 @@ const pi = {
   name: "x-runtime-lib.checkbox",
   comp: tl,
   props: {
-    pageCommon: [y, pi],
-    compCommon: [y, pi]
+    pageCommon: [h, pi],
+    compCommon: [h, pi]
   },
   events: [],
   methods: [],
@@ -3861,8 +3865,8 @@ const Sa = B(K), mi = {
   name: "x-runtime-lib.chip",
   comp: nl,
   props: {
-    pageCommon: [y, mi],
-    compCommon: [y, mi]
+    pageCommon: [h, mi],
+    compCommon: [h, mi]
   },
   events: [],
   methods: [],
@@ -3964,8 +3968,8 @@ const di = {
   name: "x-runtime-lib.chipGroup",
   comp: il,
   props: {
-    pageCommon: [y, di],
-    compCommon: [y, di]
+    pageCommon: [h, di],
+    compCommon: [h, di]
   },
   events: [],
   methods: [],
@@ -3978,8 +3982,8 @@ const Ta = {
   name: "x-runtime-lib.colorPicker",
   comp: ol,
   props: {
-    pageCommon: [y],
-    compCommon: [y]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
@@ -4033,8 +4037,8 @@ const fi = {
   name: "x-runtime-lib.combobox",
   comp: sl,
   props: {
-    pageCommon: [y, fi],
-    compCommon: [y, fi]
+    pageCommon: [h, fi],
+    compCommon: [h, fi]
   },
   events: [],
   methods: [],
@@ -4054,8 +4058,8 @@ const bi = {
   name: "x-runtime-lib.container",
   comp: rl,
   props: {
-    pageCommon: [y, O, ke, _e, we, bi],
-    compCommon: [y, O, ke, _e, we, bi]
+    pageCommon: [h, O, ke, _e, we, bi],
+    compCommon: [h, O, ke, _e, we, bi]
   },
   events: [
     {
@@ -4225,8 +4229,8 @@ const yi = {
   name: "x-runtime-lib.dataTable",
   comp: ll,
   props: {
-    pageCommon: [y, yi, hi, gi],
-    compCommon: [y, yi, hi, gi]
+    pageCommon: [h, yi, hi, gi],
+    compCommon: [h, yi, hi, gi]
   },
   events: [],
   methods: [],
@@ -4239,8 +4243,8 @@ const Aa = {
   name: "x-runtime-lib.datePicker",
   comp: cl,
   props: {
-    pageCommon: [y],
-    compCommon: [y]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
@@ -4253,8 +4257,8 @@ const La = {
   name: "x-runtime-lib.dialog",
   comp: ml,
   props: {
-    pageCommon: [y],
-    compCommon: [y]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [
@@ -4284,8 +4288,8 @@ const xi = {
   name: "x-runtime-lib.fileInput",
   comp: dl,
   props: {
-    pageCommon: [y, xi],
-    compCommon: [y, xi]
+    pageCommon: [h, xi],
+    compCommon: [h, xi]
   },
   events: [],
   methods: [],
@@ -4313,8 +4317,8 @@ const xi = {
   name: "x-runtime-lib.flexLayoutEntry",
   comp: bl,
   props: {
-    pageCommon: [y, O, vi],
-    compCommon: [y, O, vi]
+    pageCommon: [h, O, vi],
+    compCommon: [h, O, vi]
   },
   events: [],
   methods: [],
@@ -4581,8 +4585,8 @@ const ki = {
   name: "x-runtime-lib.flexLayout",
   comp: fl,
   props: {
-    pageCommon: [y, O, ke, _e, we, ki],
-    compCommon: [y, O, ke, _e, we, ki]
+    pageCommon: [h, O, ke, _e, we, ki],
+    compCommon: [h, O, ke, _e, we, ki]
   },
   events: [
     {
@@ -4747,12 +4751,12 @@ const _i = {
     }
   ]
 }, mn = {
-  key: Et,
+  key: Nt,
   name: "x-runtime-lib.textField",
   comp: Gl,
   props: {
-    pageCommon: [y, _i, wi],
-    compCommon: [y, _i, wi]
+    pageCommon: [h, _i, wi],
+    compCommon: [h, _i, wi]
   },
   events: [],
   methods: [],
@@ -4785,7 +4789,7 @@ const _i = {
   leaf: !0
 };
 _(mn);
-function Na(t, e) {
+function Ea(t, e) {
   const i = `type=${t} subtype=${e}`, o = z(t, e);
   if (!o) {
     console.error(`formV1/spawn prop tag not found, ${i}`);
@@ -4797,9 +4801,9 @@ function Na(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = dn.key, s.children = [Ea(t, e)], s;
+  return T(s, l), s.basic.id = C(16), s.basic.key = dn.key, s.children = [Na(t, e)], s;
 }
-function Ea(t, e) {
+function Na(t, e) {
   const i = `type=${t} subtype=${e}`, o = z(t, e);
   if (!o) {
     console.error(`formV1/spawnTextField prop tag not found, ${i}`);
@@ -4836,8 +4840,8 @@ const Vi = {
   name: "x-runtime-lib.form",
   comp: yl,
   props: {
-    pageCommon: [y, O, ke, _e, we, Vi],
-    compCommon: [y, O, ke, _e, we, Vi]
+    pageCommon: [h, O, ke, _e, we, Vi],
+    compCommon: [h, O, ke, _e, we, Vi]
   },
   events: [
     {
@@ -4848,7 +4852,7 @@ const Vi = {
   ],
   methods: [],
   slots: [],
-  spawn: Na
+  spawn: Ea
 };
 _(dn);
 const Ra = B(K), $i = {
@@ -4881,8 +4885,8 @@ const Ra = B(K), $i = {
   name: "x-runtime-lib.icon",
   comp: hl,
   props: {
-    pageCommon: [y, $i],
-    compCommon: [y, $i]
+    pageCommon: [h, $i],
+    compCommon: [h, $i]
   },
   events: [],
   methods: [],
@@ -4895,8 +4899,8 @@ const Ma = {
   name: "x-runtime-lib.menu",
   comp: xl,
   props: {
-    pageCommon: [y],
-    compCommon: [y]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [
@@ -5103,8 +5107,8 @@ const Ii = {
   name: "x-runtime-lib.numberInput",
   comp: vl,
   props: {
-    pageCommon: [y, Ii, Si],
-    compCommon: [y, Ii, Si]
+    pageCommon: [h, Ii, Si],
+    compCommon: [h, Ii, Si]
   },
   events: [
     {
@@ -5207,8 +5211,8 @@ const Ci = {
   name: "x-runtime-lib.pagination",
   comp: kl,
   props: {
-    pageCommon: [y, Ci],
-    compCommon: [y, Ci]
+    pageCommon: [h, Ci],
+    compCommon: [h, Ci]
   },
   events: [],
   methods: [],
@@ -5258,8 +5262,8 @@ const Ha = B(K), Ti = {
   name: "x-runtime-lib.radio",
   comp: _l,
   props: {
-    pageCommon: [y, Ti],
-    compCommon: [y, Ti]
+    pageCommon: [h, Ti],
+    compCommon: [h, Ti]
   },
   events: [],
   methods: [],
@@ -5347,8 +5351,8 @@ const Pi = {
   name: "x-runtime-lib.radioGroup",
   comp: wl,
   props: {
-    pageCommon: [y, Pi],
-    compCommon: [y, Pi]
+    pageCommon: [h, Pi],
+    compCommon: [h, Pi]
   },
   events: [],
   methods: [],
@@ -5478,8 +5482,8 @@ const zi = {
   name: "x-runtime-lib.rangeSlider",
   comp: Vl,
   props: {
-    pageCommon: [y, zi],
-    compCommon: [y, zi]
+    pageCommon: [h, zi],
+    compCommon: [h, zi]
   },
   events: [],
   methods: [],
@@ -5547,8 +5551,8 @@ const Ai = {
   name: "x-runtime-lib.rating",
   comp: $l,
   props: {
-    pageCommon: [y, Ai],
-    compCommon: [y, Ai]
+    pageCommon: [h, Ai],
+    compCommon: [h, Ai]
   },
   events: [],
   methods: [],
@@ -5602,8 +5606,8 @@ const Li = {
   name: "x-runtime-lib.select",
   comp: Il,
   props: {
-    pageCommon: [y, Li],
-    compCommon: [y, Li]
+    pageCommon: [h, Li],
+    compCommon: [h, Li]
   },
   events: [],
   methods: [],
@@ -5751,8 +5755,8 @@ const Bi = {
   name: "x-runtime-lib.slider",
   comp: Sl,
   props: {
-    pageCommon: [y, Bi, Wi],
-    compCommon: [y, Bi, Wi]
+    pageCommon: [h, Bi, Wi],
+    compCommon: [h, Bi, Wi]
   },
   events: [],
   methods: [],
@@ -5765,15 +5769,15 @@ const hn = {
   name: "x-runtime-lib.stepperHeader",
   comp: zl,
   props: {
-    pageCommon: [y],
-    compCommon: [y]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
   slots: []
 };
 _(hn);
-const Ni = {
+const Ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5789,8 +5793,8 @@ const Ni = {
   name: "x-runtime-lib.stepperItem",
   comp: Al,
   props: {
-    pageCommon: [y, Ni],
-    compCommon: [y, Ni]
+    pageCommon: [h, Ei],
+    compCommon: [h, Ei]
   },
   events: [],
   methods: [],
@@ -5802,15 +5806,15 @@ const xn = {
   name: "x-runtime-lib.stepperWindow",
   comp: Wl,
   props: {
-    pageCommon: [y],
-    compCommon: [y]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
   slots: []
 };
 _(xn);
-const Ei = {
+const Ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5824,10 +5828,10 @@ const Ei = {
 }, vn = {
   key: xo,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: Nl,
+  comp: El,
   props: {
-    pageCommon: [y, Ei],
-    compCommon: [y, Ei]
+    pageCommon: [h, Ni],
+    compCommon: [h, Ni]
   },
   events: [],
   methods: [],
@@ -5948,8 +5952,8 @@ const Ri = {
   name: "x-runtime-lib.stepper",
   comp: Cl,
   props: {
-    pageCommon: [y, Ri],
-    compCommon: [y, Ri]
+    pageCommon: [h, Ri],
+    compCommon: [h, Ri]
   },
   events: [],
   methods: [],
@@ -5960,10 +5964,10 @@ _(kn);
 const Qa = {
   key: Lt,
   name: "x-runtime-lib.switch",
-  comp: El,
+  comp: Nl,
   props: {
-    pageCommon: [y],
-    compCommon: [y]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
@@ -5993,8 +5997,8 @@ const Di = {
   name: "x-runtime-lib.tab",
   comp: Rl,
   props: {
-    pageCommon: [y, Di],
-    compCommon: [y, Di]
+    pageCommon: [h, Di],
+    compCommon: [h, Di]
   },
   events: [],
   methods: [],
@@ -6127,8 +6131,8 @@ const Mi = {
   name: "x-runtime-lib.tabs",
   comp: Dl,
   props: {
-    pageCommon: [y, Mi],
-    compCommon: [y, Mi]
+    pageCommon: [h, Mi],
+    compCommon: [h, Mi]
   },
   events: [],
   methods: [],
@@ -6241,8 +6245,8 @@ const Fi = {
   name: "x-runtime-lib.text",
   comp: Ml,
   props: {
-    pageCommon: [y, Fi],
-    compCommon: [y, Fi]
+    pageCommon: [h, Fi],
+    compCommon: [h, Fi]
   },
   events: [],
   methods: [],
@@ -6337,12 +6341,12 @@ const Gi = {
     }
   ]
 }, Vn = {
-  key: Nt,
+  key: Et,
   name: "x-runtime-lib.textarea",
   comp: Fl,
   props: {
-    pageCommon: [y, Gi],
-    compCommon: [y, Gi]
+    pageCommon: [h, Gi],
+    compCommon: [h, Gi]
   },
   events: [],
   methods: [],
@@ -6356,8 +6360,8 @@ const $n = {
   name: "x-runtime-lib.timelineItem",
   comp: Ul,
   props: {
-    pageCommon: [y],
-    compCommon: [y]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
@@ -6493,8 +6497,8 @@ const su = B(K), ru = B(K), Hi = {
   name: "x-runtime-lib.timeline",
   comp: Hl,
   props: {
-    pageCommon: [y, Hi],
-    compCommon: [y, Hi]
+    pageCommon: [h, Hi],
+    compCommon: [h, Hi]
   },
   events: [],
   methods: [],
@@ -6507,8 +6511,8 @@ const Sn = {
   name: "x-runtime-lib.windowItem",
   comp: Jl,
   props: {
-    pageCommon: [y],
-    compCommon: [y]
+    pageCommon: [h],
+    compCommon: [h]
   },
   events: [],
   methods: [],
@@ -6628,8 +6632,8 @@ const ji = {
   name: "x-runtime-lib.window",
   comp: Ol,
   props: {
-    pageCommon: [y, ji],
-    compCommon: [y, ji]
+    pageCommon: [h, ji],
+    compCommon: [h, ji]
   },
   events: [],
   methods: [],
@@ -6813,7 +6817,7 @@ const cu = [
   timelineDirectionItemsV1: Au,
   timelineSideItemsV1: Lu,
   timelineTruncateLineItemsV1: Bu
-}, Symbol.toStringTag, { value: "Module" })), Nu = [
+}, Symbol.toStringTag, { value: "Module" })), Eu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6853,7 +6857,7 @@ const cu = [
     max: 1 / 0,
     step: 1
   }
-], Eu = [
+], Nu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7008,8 +7012,8 @@ const cu = [
   }
 ], Hu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: Nu,
-  leftRightTypesV1: Eu,
+  borderWidthTypesV1: Eu,
+  leftRightTypesV1: Nu,
   marginTypesV1: Ru,
   paddingTypesV1: Du,
   sizeTypesV1: Mu,
@@ -7040,8 +7044,8 @@ const cu = [
     items: [
       pt,
       Wt,
-      Et,
       Nt,
+      Et,
       xt,
       Ct,
       it,
@@ -7087,7 +7091,7 @@ const cu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Re, Nn, En]
+    items: [Re, En, Nn]
   }
 ], Ku = [
   {
@@ -7145,8 +7149,8 @@ const cu = [
     items: [
       pt,
       Wt,
-      Et,
       Nt,
+      Et,
       xt,
       Ct,
       it,
@@ -7192,7 +7196,7 @@ const cu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Re, Nn, En]
+    items: [Re, En, Nn]
   }
 ], Ou = [
   {
@@ -7263,7 +7267,7 @@ const cu = [
     yt,
     ht,
     gt,
-    Nn,
+    En,
     xt,
     vt,
     kt,
@@ -7274,7 +7278,7 @@ const cu = [
     $t,
     It,
     St,
-    En,
+    Nn,
     Ct,
     Re,
     Tt,
@@ -7290,8 +7294,8 @@ const cu = [
     Rn,
     Bt,
     Wt,
-    Nt,
     Et,
+    Nt,
     Rt,
     ko,
     Dt,
@@ -7498,13 +7502,13 @@ function Wc(t) {
 function Le() {
   return oe(Co);
 }
-function Nc(t) {
+function Ec(t) {
   se(To, t);
 }
 function me() {
   return oe(To);
 }
-function Ec(t) {
+function Nc(t) {
   se(Po, t);
 }
 function de() {
@@ -7526,12 +7530,12 @@ function Ie(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 Ne(t, e, i, o, l) {
+function Ee(t, e, i, o, l) {
   const { watchEffect: s, bind: a } = e;
   if (s[i])
     for (const m of s[i]) {
       const f = ns(m);
-      t.callFunction(`__watchEffect$${f}__();`);
+      t.callFunction(`__watchEffect$${f}__`);
     }
   if (a.triggers[i])
     for (const m of a.triggers[i]) {
@@ -7578,8 +7582,8 @@ function Ne(t, e, i, o, l) {
           const b = ve(p, u.subKeys);
           if (ne(c, b))
             continue;
-          const h = B(p);
-          ro(h, u.subKeys, B(c)), u.type === "elementProp" ? t.setElementProp(u.nodeId, u.propKeys, h) : u.type === "customProp" ? t.setCustomProp(u.propId, h) : u.type === "customState" ? t.setCustomState(u.stateId, h) : u.type === "adaptSlotProp" ? t.setAdaptSlotProp(u.propId, h) : console.assert(!1);
+          const y = B(p);
+          ro(y, u.subKeys, B(c)), u.type === "elementProp" ? t.setElementProp(u.nodeId, u.propKeys, y) : u.type === "customProp" ? t.setCustomProp(u.propId, y) : u.type === "customState" ? t.setCustomState(u.stateId, y) : u.type === "adaptSlotProp" ? t.setAdaptSlotProp(u.propId, y) : console.assert(!1);
         } else {
           let p;
           if (u.type === "elementProp")
@@ -7607,8 +7611,8 @@ function Ne(t, e, i, o, l) {
 function nc(t, e) {
   function i(c) {
     const u = t.pseudoToNative(c), p = [], b = u.split(".");
-    for (let h = 0; h < b.length; h++) {
-      const g = b[h].trim();
+    for (let y = 0; y < b.length; y++) {
+      const g = b[y].trim();
       if (g !== "")
         if (/^\[\d+\]$/.test(g)) {
           let x = parseInt(g.slice(1, -1), 10);
@@ -7705,15 +7709,15 @@ function oc(t, e) {
   async function i(o, l, s, a, m, f) {
     const d = t.pseudoToNative(o), c = t.pseudoToNative(l), u = t.pseudoToNative(s), p = t.pseudoToNative(a), b = t.pseudoToNative(m);
     try {
-      const h = JSON.stringify(u), { strOutputs: g } = await ic({
+      const y = JSON.stringify(u), { strOutputs: g } = await ic({
         spaceid: d,
         id: c,
-        strInputs: h,
+        strInputs: y,
         env: p
       }), x = JSON.parse(g);
       f(t.nativeToPseudo(x)), t.run();
-    } catch (h) {
-      console.error("callFuncV1 failed", b, h);
+    } catch (y) {
+      console.error("callFuncV1 failed", b, y);
     }
   }
   t.setProperty(
@@ -7727,14 +7731,14 @@ function sc(t, e, i) {
     let p;
     const b = e.pseudoToNative(d);
     if (b === "elementProp") {
-      const h = e.pseudoToNative(c), g = e.pseudoToNative(u);
-      p = t.sandbox.getElementProp(h, g);
+      const y = e.pseudoToNative(c), g = e.pseudoToNative(u);
+      p = t.sandbox.getElementProp(y, g);
     } else if (b === "customProp") {
-      const h = e.pseudoToNative(c);
-      p = t.sandbox.getCustomProp(h);
+      const y = e.pseudoToNative(c);
+      p = t.sandbox.getCustomProp(y);
     } else if (b === "adaptSlotProp") {
-      const h = e.pseudoToNative(c);
-      p = t.sandbox.getAdaptSlotProp(h);
+      const y = e.pseudoToNative(c);
+      p = t.sandbox.getAdaptSlotProp(y);
     } else
       console.assert(!1);
     return e.nativeToPseudo(p);
@@ -7742,30 +7746,30 @@ function sc(t, e, i) {
   function l(d, c, u, p) {
     const b = e.pseudoToNative(d);
     if (b === "elementProp") {
-      const h = e.pseudoToNative(c), g = e.pseudoToNative(u), x = e.pseudoToNative(p);
-      t.sandbox.setElementProp(h, g, x);
+      const y = e.pseudoToNative(c), g = e.pseudoToNative(u), x = e.pseudoToNative(p);
+      t.sandbox.setElementProp(y, g, x);
     } else if (b === "customProp") {
-      const h = e.pseudoToNative(c), g = e.pseudoToNative(u);
-      t.sandbox.setCustomProp(h, g);
+      const y = e.pseudoToNative(c), g = e.pseudoToNative(u);
+      t.sandbox.setCustomProp(y, g);
     } else if (b === "adaptSlotProp") {
-      const h = e.pseudoToNative(c), g = e.pseudoToNative(u);
-      t.sandbox.setAdaptSlotProp(h, g);
+      const y = e.pseudoToNative(c), g = e.pseudoToNative(u);
+      t.sandbox.setAdaptSlotProp(y, g);
     } else
       console.assert(!1);
   }
   function s(d, c, u, p) {
-    const b = e.pseudoToNative(d), h = e.pseudoToNative(c), g = e.pseudoToNative(u), x = { outputs: [] };
-    t.sandbox.eventBus?.emit(`callMethod@${b}`, { name: h, inputs: g, result: x }), p(e.nativeToPseudo(x.outputs)), e.run();
+    const b = e.pseudoToNative(d), y = e.pseudoToNative(c), g = e.pseudoToNative(u), x = { outputs: [] };
+    t.sandbox.eventBus?.emit(`callMethod@${b}`, { name: y, inputs: g, result: x }), p(e.nativeToPseudo(x.outputs)), e.run();
   }
   function a(d, c) {
     const u = e.pseudoToNative(d), p = e.pseudoToNative(c);
     if (t.mode === "runtime") {
-      const b = "/main/" + Date.now(), h = {
+      const b = "/main/" + Date.now(), y = {
         orgid: t.org,
         appid: `${u}${t.env}`,
         pageid: p
       };
-      Qt.router.replace({ path: b, query: h });
+      Qt.router.replace({ path: b, query: y });
     } else t.mode === "preview" && io(
       Qt.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
@@ -7774,13 +7778,13 @@ function sc(t, e, i) {
   }
   function m(d, c, u) {
     const p = e.pseudoToNative(d), b = e.pseudoToNative(c);
-    as({ title: p, text: b }).then((h) => {
-      u(e.nativeToPseudo(h)), e.run();
+    as({ title: p, text: b }).then((y) => {
+      u(e.nativeToPseudo(y)), e.run();
     });
   }
   function f(d, c, u, p) {
-    const b = e.pseudoToNative(d), h = e.pseudoToNative(c), g = e.pseudoToNative(u);
-    us({ title: b, label: h, value: g }).then((x) => {
+    const b = e.pseudoToNative(d), y = e.pseudoToNative(c), g = e.pseudoToNative(u);
+    us({ title: b, label: y, value: g }).then((x) => {
       p(e.nativeToPseudo(x)), e.run();
     });
   }
@@ -8008,7 +8012,7 @@ class mc {
       (o, l) => {
         rc(e, o, l);
       }
-    ), this.interpreter.appendCode(i), this.interpreter.run(), this.setVariable("__env__", e.env), this.setVariable("__mode__", e.mode), this.callFunction("__triggerEventV1__", ["startup@globality"]);
+    ), this.interpreter.appendCode(i), this.interpreter.run(), this.setVariable("__env__", e.env), this.setVariable("__mode__", e.mode), this.callFunction("__triggerEventV1__", ["elementEvent@startup@globality"]);
   }
   destroyInterpreter() {
     this.interpreter && (this.callFunction("__destroy__"), this.interpreter = void 0);
@@ -8034,20 +8038,21 @@ class mc {
     }
     const o = [];
     if (i)
-      for (const l of i)
-        o.push(JSON.stringify(l));
-    this.interpreter.appendCode(`${e}(${o.join(", ")});`), this.interpreter.run();
+      for (const s of i)
+        o.push(JSON.stringify(s));
+    const l = `${e}(${o.join(", ")});`;
+    console.log(l), this.interpreter.appendCode(l), this.interpreter.run();
   }
 }
 function dc(t) {
-  const e = qu(), i = Qu(), o = G(), l = me(), s = Ve(), a = Le(), m = (b, h, g, x) => {
+  const e = qu(), i = Qu(), o = G(), l = me(), s = Ve(), a = Le(), m = (b, y, g, x) => {
     if (!(o !== "runtime" && o !== "preview") && (u.callFunction("__triggerEventV1__", [
-      `elementPropChange@${b}@${h}`,
+      `elementPropChange@${b}@${y}`,
       g,
-      x
+      x ?? g
     ]), t.value?.code.reactivity)) {
       let S = "";
-      h instanceof Array ? S = h.join(".") : S = h, Ne(
+      y instanceof Array ? S = y.join(".") : S = y, Ee(
         u,
         t.value.code.reactivity,
         Ie({
@@ -8059,36 +8064,36 @@ function dc(t) {
         x
       );
     }
-  }, f = (b, h, g) => {
+  }, f = (b, y, g) => {
     o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
       `customPropChange@${b}`,
-      h,
-      g
-    ]), t.value?.code.reactivity && Ne(
+      y,
+      g ?? y
+    ]), t.value?.code.reactivity && Ee(
       u,
       t.value.code.reactivity,
       Ie({ type: "customProp", propId: b }),
-      h,
+      y,
       g
     ));
-  }, d = (b, h, g) => {
-    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Ne(
+  }, d = (b, y, g) => {
+    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Ee(
       u,
       t.value.code.reactivity,
       Ie({ type: "customState", stateId: b }),
-      h,
+      y,
       g
     );
-  }, c = (b, h, g) => {
+  }, c = (b, y, g) => {
     o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
       `adaptSlotProp@${b}`,
-      h,
-      g
-    ]), t.value?.code.reactivity && Ne(
+      y,
+      g ?? y
+    ]), t.value?.code.reactivity && Ee(
       u,
       t.value.code.reactivity,
       Ie({ type: "adaptSlotProp", propId: b }),
-      h,
+      y,
       g
     ));
   }, u = new mc({
@@ -8110,10 +8115,10 @@ function dc(t) {
     u.destroyInterpreter();
   }), (o === "runtime" || o === "preview") && q(
     s,
-    (b, h) => {
-      const g = Ee(b.width), x = Ee(h?.width ?? b.width);
+    (b, y) => {
+      const g = Ne(b.width), x = Ne(y?.width ?? b.width);
       u.callFunction("__triggerEventV1__", [
-        "screenSizeChange@globality",
+        "elementEvent@screenSizeChange@globality",
         g,
         x
       ]);
@@ -8123,7 +8128,7 @@ function dc(t) {
     a,
     (b) => {
       u.callFunction("__triggerEventV1__", [
-        "darkModeChange@globality",
+        "elementEvent@darkModeChange@globality",
         b
       ]);
     },
@@ -8150,7 +8155,7 @@ export {
   wa as btnGroupV1,
   Va as btnToggleV1,
   rn as btnV1,
-  Ee as calcBreakpoint,
+  Ne as calcBreakpoint,
   Pe as cardV1,
   Ia as checkboxV1,
   an as chipGroupV1,
@@ -8213,14 +8218,14 @@ export {
   wo as pkgs,
   ba as pointLightV1,
   Wc as provideDark,
-  Ec as provideData,
+  Nc as provideData,
   Rc as provideDepends,
   Bc as provideDevice,
   Ac as provideEnv,
   Lc as provideMode,
   zc as provideOrg,
   tc as provideSandbox,
-  Nc as provideType,
+  Ec as provideType,
   yn as radioGroupV1,
   bn as radioV1,
   Ka as rangeSliderV1,
@@ -8246,7 +8251,7 @@ export {
   Vn as textareaV1,
   $n as timelineItemV1,
   In as timelineV1,
-  Ne as triggerReactivity,
+  Ee as triggerReactivity,
   $c as types,
   dc as useSandbox,
   Sn as windowItemV1,