x-runtime-lib 0.8.12 → 0.8.14

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 Ro, normalizeClass as Do, toDisplayString as Eo, 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 No, useId as Yi, withModifiers as Ro, normalizeClass as Eo, 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";
@@ -284,7 +284,7 @@ function mo(t, e, i) {
     t.eventBus?.off(l.value, i);
   });
 }
-function D() {
+function R() {
   const t = Le();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
@@ -570,7 +570,7 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ds = ["position", "rotation", "scale"], Es = /* @__PURE__ */ V({
+}), Es = ["position", "rotation", "scale"], Ds = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -584,7 +584,7 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
       scale: n(l)
     }, [
       L(s.$slots, "default")
-    ], 8, Ds));
+    ], 8, Es));
   }
 }), Ms = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Fs = "#242424", Gs = {}, Hs = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, js = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ks = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Us = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Xs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Zs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Qs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, er = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, tr = { 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" } }, nr = { 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)" } } }, ir = { 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)" } } }, or = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, sr = { axisLine: { show: !0, lineStyle: { color: "#eeeeee" } }, axisTick: { show: !0, lineStyle: { color: "#eeeeee" } }, axisLabel: { show: !0, color: "#eeeeee" }, splitLine: { show: !0, lineStyle: { color: ["#aaaaaa"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, rr = { 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"] } } }, lr = { 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"] } } }, ar = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, ur = { textStyle: { color: "#eeeeee" } }, cr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, pr = { 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" } } }, mr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, dr = { 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" } }, fr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, br = {
   color: Ms,
@@ -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"] } } }, Rr = { 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"] } } }, Dr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Er = { 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"] } } }, 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 = { 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 = { 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,
@@ -639,8 +639,8 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
   valueAxis: Wr,
   logAxis: Nr,
   timeAxis: Rr,
-  toolbox: Dr,
-  legend: Er,
+  toolbox: Er,
+  legend: Dr,
   tooltip: Mr,
   timeline: Fr,
   visualMap: Gr,
@@ -666,25 +666,25 @@ 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: I } = ao(e), A = k(() => {
-      const S = {}, M = s.value.type;
-      return l === "page" ? M === "common" ? p(S) : console.assert(!1) : l === "comp" && M === "common" ? p(S) : console.assert(!1), S;
-    }), R = Ui("chart");
+    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 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;
+    }), E = Ui("chart");
     let W;
     const F = () => {
-      W?.dispose(), W = qi.init(R.value, o.value ? "dark" : "light");
-      const S = {};
-      W.setOption(S);
-    }, E = () => {
+      W?.dispose(), W = qi.init(E.value, o.value ? "dark" : "light");
+      const I = {};
+      W.setOption(I);
+    }, D = () => {
       W?.resize();
     }, N = () => {
-      const S = {};
-      b(S), h(S), g(S), x(S), I(S), W?.setOption(S, !0);
+      const I = {};
+      b(I), h(I), g(I), x(I), S(I), W?.setOption(I, !0);
     };
     return Oi(async () => {
-      window.addEventListener("resize", E, !1), await eo(() => !!R.value), F(), N();
+      window.addEventListener("resize", D, !1), await eo(() => !!E.value), F(), N();
     }), He(() => {
-      window.removeEventListener("resize", E, !1), W?.dispose();
+      window.removeEventListener("resize", D, !1), W?.dispose();
     }), q(
       [
         () => i.value.width,
@@ -697,7 +697,7 @@ const Ur = /* @__PURE__ */ V({
         u
       ],
       async () => {
-        await Xi(), E();
+        await Xi(), D();
       }
     ), q([o], () => {
       F(), N();
@@ -707,7 +707,7 @@ const Ur = /* @__PURE__ */ V({
         N();
       },
       { deep: !0 }
-    ), (S, M) => (v(), Y("div", {
+    ), (I, M) => (v(), Y("div", {
       ref: "chart",
       style: Q(A.value)
     }, null, 4));
@@ -719,25 +719,25 @@ 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: I } = ao(e), A = k(() => {
-      const S = {}, M = s.value.type;
-      return l === "page" ? M === "common" ? p(S) : console.assert(!1) : l === "comp" && M === "common" ? p(S) : console.assert(!1), S;
-    }), R = Ui("chart");
+    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 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;
+    }), E = Ui("chart");
     let W;
     const F = () => {
-      W?.dispose(), W = qi.init(R.value, o.value ? "dark" : "light");
-      const S = {};
-      W.setOption(S);
-    }, E = () => {
+      W?.dispose(), W = qi.init(E.value, o.value ? "dark" : "light");
+      const I = {};
+      W.setOption(I);
+    }, D = () => {
       W?.resize();
     }, N = () => {
-      const S = {};
-      b(S), h(S), g(S), x(S), I(S), W?.setOption(S, !0);
+      const I = {};
+      b(I), h(I), g(I), x(I), S(I), W?.setOption(I, !0);
     };
     return Oi(async () => {
-      window.addEventListener("resize", E, !1), await eo(() => !!R.value), F(), N();
+      window.addEventListener("resize", D, !1), await eo(() => !!E.value), F(), N();
     }), He(() => {
-      window.removeEventListener("resize", E, !1), W?.dispose();
+      window.removeEventListener("resize", D, !1), W?.dispose();
     }), q(
       [
         () => i.value.width,
@@ -750,7 +750,7 @@ const Ur = /* @__PURE__ */ V({
         u
       ],
       async () => {
-        await Xi(), E();
+        await Xi(), D();
       }
     ), q([o], () => {
       F(), N();
@@ -760,7 +760,7 @@ const Ur = /* @__PURE__ */ V({
         N();
       },
       { deep: !0 }
-    ), (S, M) => (v(), Y("div", {
+    ), (I, M) => (v(), Y("div", {
       ref: "chart",
       style: Q(A.value)
     }, null, 4));
@@ -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 } = D(), { 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 } = R(), { 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, {
@@ -872,8 +872,8 @@ const Ur = /* @__PURE__ */ V({
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: I } = 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: E } = D(), { prop: N } = r(e, ["settings", "variant"]), { prop: S } = r(e, ["size", "width"]), M = (J) => {
-      i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", J.clientX), o.setVariable("__pointerPosY__", J.clientY), o.callFunction("__triggerEventV1__", [e.node.basic.id, "click"]));
+    ]), { prop: S } = r(e, ["settings", "readonly"]), { prop: A } = r(e, ["settings", "ripple"]), { prop: E } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: D } = R(), { 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__", [`click@${e.node.basic.id}`]));
     };
     return (J, te) => {
       const re = P("v-btn");
@@ -892,14 +892,14 @@ const Ur = /* @__PURE__ */ V({
             "min-height": n(h),
             "min-width": n(g),
             "prepend-icon": n(x),
-            readonly: n(I),
+            readonly: n(S),
             ripple: n(A),
-            size: n(R),
+            size: n(E),
             stacked: n(W),
             text: n(F),
-            theme: n(E),
+            theme: n(D),
             variant: n(N),
-            width: n(S),
+            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,7 +924,7 @@ 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 } = D(), { prop: u } = r(e, ["settings", "tile"]), { prop: p } = r(e, ["settings", "variant"]);
+    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 } = R(), { prop: u } = r(e, ["settings", "tile"]), { prop: p } = r(e, ["settings", "variant"]);
     return (b, h) => {
       const g = P("v-btn-toggle");
       return v(), w(g, {
@@ -954,10 +954,10 @@ 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 } = D(), { prop: h } = r(e, ["settings", "title"]), { prop: g } = r(e, ["settings", "variant"]), { prop: x } = r(e, ["size", "width"]);
-    return (I, A) => {
-      const R = P("v-card");
-      return v(), w(R, {
+    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 } = R(), { prop: h } = r(e, ["settings", "title"]), { prop: g } = r(e, ["settings", "variant"]), { prop: x } = r(e, ["size", "width"]);
+    return (S, A) => {
+      const E = P("v-card");
+      return v(), w(E, {
         density: n(i),
         disabled: n(o),
         height: n(l),
@@ -975,7 +975,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
         width: n(x)
       }, {
         default: $(() => [
-          L(I.$slots, "default")
+          L(S.$slots, "default")
         ]),
         _: 3
       }, 8, ["density", "disabled", "height", "hover", "loading", "max-height", "max-width", "min-height", "min-width", "subtitle", "text", "theme", "title", "variant", "width"]);
@@ -1004,8 +1004,8 @@ 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 } = D(), { prop: b } = r(e, ["settings", "tile"]), { prop: h } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
-    return (x, I) => {
+    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 } = R(), { prop: b } = r(e, ["settings", "tile"]), { prop: h } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
+    return (x, S) => {
       const A = P("v-chip");
       return v(), w(A, {
         closable: n(i),
@@ -1031,7 +1031,7 @@ 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 } = D(), { 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 } = R(), { prop: c } = r(e, ["settings", "value"]);
     return (u, p) => {
       const b = P("v-chip-group");
       return v(), w(b, {
@@ -1066,7 +1066,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
     }), { 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 } = D();
+    ]), { theme: b } = R();
     return (h, g) => {
       const x = P("v-color-picker");
       return v(), w(x, {
@@ -1089,7 +1089,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 } = D(), { 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 } = R(), { prop: f } = r(e, ["settings", "value"]);
     return (d, c) => {
       const u = P("v-combobox");
       return v(), w(n(Z), null, {
@@ -1136,7 +1136,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", "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 } = D(), { prop: p } = r(e, ["size", "width"]), b = k(() => {
+    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 } = R(), { prop: p } = r(e, ["size", "width"]), b = k(() => {
       const h = [];
       return (e.node.slots?.items ?? []).forEach((x) => {
         x.column && x.comp && h.push(x);
@@ -1157,11 +1157,11 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
         theme: n(u),
         width: n(p)
       }, Tn({ _: 2 }, [
-        No(b.value, (I) => ({
-          name: `item.${I.column}`,
+        No(b.value, (S) => ({
+          name: `item.${S.column}`,
           fn: $(({ value: A }) => [
             H(n(fe), {
-              "ref-context": { refid: I.comp },
+              "ref-context": { refid: S.comp },
               state: { value: A }
             }, null, 8, ["ref-context", "state"])
           ])
@@ -1247,8 +1247,8 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
       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);
       x === "no" ? b.flexWrap = "nowrap" : x === "yes" ? b.flexWrap = "wrap" : x === "reverse" && (b.flexWrap = "wrap-reverse");
-      const I = $e(h, e.node.settings?.mainAlign);
-      I === "start" ? b.justifyContent = "flex-start" : I === "end" ? b.justifyContent = "flex-end" : I === "center" ? b.justifyContent = "center" : I === "spaceBetween" ? b.justifyContent = "space-between" : I === "spaceAround" ? b.justifyContent = "space-around" : I === "spaceEvenly" && (b.justifyContent = "space-evenly");
+      const S = $e(h, 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);
       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(() => {
@@ -1289,16 +1289,16 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
       "settings",
       "backgroundColor"
     ]), { color: d } = j(f), { applySize: c } = he(e), { applyMargin: u } = Ln(e), { applyPadding: p } = Bn(e), { applyBorder: b } = An(e), h = k(() => {
-      const x = {}, I = l.value.type;
-      return o === "page" ? I === "common" ? (c(x), u(x), p(x), b(x), d.value && (x.backgroundColor = d.value)) : console.assert(!1) : o === "comp" && I === "common" ? (c(x), u(x), p(x), b(x), d.value && (x.backgroundColor = d.value)) : console.assert(!1), x;
+      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__", [e.node.basic.id, "submit"]);
+      i !== "runtime" && i !== "preview" || s.callFunction("__triggerEventV1__", [`submit@${e.node.basic.id}`]);
     };
-    return (x, I) => {
+    return (x, S) => {
       const A = P("v-form");
       return v(), w(A, {
         modelValue: n(a),
-        "onUpdate:modelValue": I[0] || (I[0] = (R) => U(a) ? a.value = R : null),
+        "onUpdate:modelValue": S[0] || (S[0] = (E) => U(a) ? a.value = E : null),
         "fast-fail": n(m),
         style: Q(h.value),
         onSubmit: Ro(g, ["prevent"])
@@ -1317,7 +1317,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 } = D();
+    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 } = R();
     return (f, d) => {
       const c = P("v-icon");
       return v(), w(c, {
@@ -1388,7 +1388,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
       "settings",
       "addIcon",
       "prependInner"
-    ]), { prop: I } = 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: E } = D(), { prop: N } = r(e, ["settings", "value"]), { prop: S } = r(e, ["settings", "variant"]), { prop: M } = r(e, ["size", "width"]);
+    ]), { prop: S } = r(e, ["settings", "readonly"]), { prop: A } = r(e, ["settings", "reverse"]), { prop: E } = r(e, ["settings", "singleLine"]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: D } = R(), { prop: N } = 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, {
@@ -1411,13 +1411,13 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
             prefix: n(h),
             "prepend-icon": n(g),
             "prepend-inner-icon": n(x),
-            readonly: n(I),
+            readonly: n(S),
             reverse: n(A),
-            "single-line": n(R),
+            "single-line": n(E),
             step: n(W),
             suffix: n(F),
-            theme: n(E),
-            variant: n(S),
+            theme: n(D),
+            variant: n(I),
             width: n(M)
           }, 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"])
         ]),
@@ -1435,7 +1435,7 @@ 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 } = D(), { prop: c } = r(e, ["settings", "tile"]), { prop: u } = r(e, ["settings", "value"]), { prop: p } = r(e, ["settings", "variant"]), b = k(() => {
+    ]), { prop: m } = r(e, ["settings", "size"]), { prop: f } = r(e, ["settings", "start"]), { theme: d } = R(), { 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;
     });
@@ -1445,7 +1445,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
         default: $(() => [
           H(x, {
             modelValue: n(u),
-            "onUpdate:modelValue": g[0] || (g[0] = (I) => U(u) ? u.value = I : null),
+            "onUpdate:modelValue": g[0] || (g[0] = (S) => U(u) ? u.value = S : null),
             density: n(o),
             disabled: n(l),
             length: n(s),
@@ -1469,7 +1469,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 } = D(), { 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 } = R(), { prop: d } = r(e, ["settings", "value"]);
     return (c, u) => {
       const p = P("v-radio");
       return v(), w(p, {
@@ -1490,7 +1490,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 } = D(), { 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 } = R(), { prop: f } = r(e, ["settings", "value"]);
     return (d, c) => {
       const u = P("v-radio-group");
       return v(), w(n(Z), null, {
@@ -1527,7 +1527,7 @@ 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 } = D(), { prop: h } = r(e, [
+    }), { prop: p } = r(e, ["settings", "step"]), { theme: b } = R(), { prop: h } = r(e, [
       "settings",
       "thumbLabel"
     ]), g = k(() => {
@@ -1535,34 +1535,34 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
         return "always";
       if (h.value === "show")
         return !0;
-    }), { prop: x } = r(e, ["settings", "thumbSize"]), { prop: I } = r(e, ["settings", "ticks"]), A = k(() => {
-      if (!I.value)
+    }), { prop: x } = r(e, ["settings", "thumbSize"]), { prop: S } = r(e, ["settings", "ticks"]), A = k(() => {
+      if (!S.value)
         return;
       const N = {};
-      for (const { value: S, label: M } of I.value)
-        N[S] = M;
+      for (const { value: I, label: M } of S.value)
+        N[I] = M;
       if (!Qi(N))
         return N;
-    }), { prop: R } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
+    }), { prop: E } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
       "settings",
       "value",
       "start"
-    ]), { prop: F } = r(e, ["settings", "value", "end"]), E = k({
+    ]), { prop: F } = r(e, ["settings", "value", "end"]), D = k({
       get: () => [W.value, F.value],
-      set: ([N, S]) => {
-        W.value = N, F.value = S;
+      set: ([N, I]) => {
+        W.value = N, F.value = I;
       }
     });
-    return (N, S) => {
+    return (N, I) => {
       const M = P("v-range-slider");
       return v(), w(n(Z), {
-        modelValue: E.value,
-        "onUpdate:modelValue": S[1] || (S[1] = (J) => E.value = J)
+        modelValue: D.value,
+        "onUpdate:modelValue": I[1] || (I[1] = (J) => D.value = J)
       }, {
         default: $(() => [
           H(M, {
-            modelValue: E.value,
-            "onUpdate:modelValue": S[0] || (S[0] = (J) => E.value = J),
+            modelValue: D.value,
+            "onUpdate:modelValue": I[0] || (I[0] = (J) => D.value = J),
             density: n(i),
             direction: n(o),
             disabled: n(l),
@@ -1576,7 +1576,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
             theme: n(b),
             "thumb-label": g.value,
             "thumb-size": n(x),
-            "tick-size": n(R),
+            "tick-size": n(E),
             ticks: A.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
@@ -1594,7 +1594,7 @@ 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 } = D(), { 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 } = R(), { prop: c } = r(e, ["settings", "value"]);
     return (u, p) => {
       const b = P("v-rating");
       return v(), w(n(Z), { "fit-content": !0 }, {
@@ -1623,7 +1623,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 } = D(), { 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 } = R(), { prop: f } = r(e, ["settings", "value"]);
     return (d, c) => {
       const u = P("v-select");
       return v(), w(n(Z), null, {
@@ -1655,18 +1655,18 @@ 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 } = D(), { prop: x } = r(e, [
+    }), { prop: h } = r(e, ["settings", "step"]), { theme: g } = R(), { prop: x } = r(e, [
       "settings",
       "thumbColor"
-    ]), { color: I } = j(x), { prop: A } = r(e, [
+    ]), { color: S } = j(x), { prop: A } = r(e, [
       "settings",
       "thumbLabel"
-    ]), R = k(() => {
+    ]), E = k(() => {
       if (A.value === "always")
         return "always";
       if (A.value === "show")
         return !0;
-    }), { prop: W } = r(e, ["settings", "thumbSize"]), { prop: F } = r(e, ["settings", "ticks"]), E = k(() => {
+    }), { prop: W } = r(e, ["settings", "thumbSize"]), { prop: F } = r(e, ["settings", "ticks"]), D = k(() => {
       if (!F.value)
         return;
       const le = {};
@@ -1674,10 +1674,10 @@ 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: S } = r(e, [
+    }), { prop: N } = r(e, ["settings", "tickSize"]), { prop: I } = r(e, [
       "settings",
       "trackColor"
-    ]), { color: M } = j(S), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
+    ]), { color: M } = j(I), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
     return (le, We) => {
       const Kt = P("v-slider");
       return v(), w(n(Z), null, {
@@ -1697,11 +1697,11 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
             "show-ticks": b.value,
             step: n(h),
             theme: n(g),
-            "thumb-color": n(I),
-            "thumb-label": R.value,
+            "thumb-color": n(S),
+            "thumb-label": E.value,
             "thumb-size": n(W),
             "tick-size": n(N),
-            ticks: E.value,
+            ticks: D.value,
             "track-color": n(M)
           }, Tn({ _: 2 }, [
             n(te) ? {
@@ -1737,7 +1737,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 } = D(), { prop: l } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "hideActions"]), { theme: o } = R(), { prop: l } = r(e, ["settings", "value"]);
     return (s, a) => {
       const m = P("v-stepper");
       return v(), w(m, {
@@ -1819,7 +1819,7 @@ 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 } = D(), { prop: p } = r(e, ["settings", "value"]);
+    ]), { 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 } = R(), { prop: p } = r(e, ["settings", "value"]);
     return (b, h) => {
       const g = P("v-switch");
       return v(), w(n(Z), { "fit-content": !0 }, {
@@ -1843,14 +1843,14 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       });
     };
   }
-}), Dl = /* @__PURE__ */ V({
+}), El = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = D(), { prop: s } = r(e, ["settings", "value"]), a = k(() => {
+    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = R(), { prop: s } = r(e, ["settings", "value"]), a = k(() => {
       const m = {};
       return i === "editor" && (m.pointerEvents = "none"), m;
     });
@@ -1869,7 +1869,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       });
     };
   }
-}), El = /* @__PURE__ */ V({
+}), Dl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1887,14 +1887,14 @@ 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: I } = 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: h } = 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(I), { prop: R } = r(e, ["settings", "stacked"]), { theme: W } = D(), { prop: F } = r(e, ["settings", "value"]);
-    return (E, N) => {
-      const S = P("v-tabs");
-      return v(), w(S, {
+    ]), { color: A } = j(S), { prop: E } = r(e, ["settings", "stacked"]), { theme: W } = R(), { prop: F } = r(e, ["settings", "value"]);
+    return (D, N) => {
+      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),
         "align-tabs": n(i),
@@ -1911,11 +1911,11 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
         mandatory: n(g),
         "show-arrows": n(x),
         "slider-color": n(A),
-        stacked: n(R),
+        stacked: n(E),
         theme: n(W)
       }, {
         default: $(() => [
-          L(E.$slots, "default")
+          L(D.$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"]);
@@ -1933,8 +1933,8 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       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", {
-      class: Do(d.value)
-    }, Eo(n(m)), 3));
+      class: Eo(d.value)
+    }, Do(n(m)), 3));
   }
 }), Fl = /* @__PURE__ */ V({
   __name: "index",
@@ -1943,12 +1943,12 @@ 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 } = D(), { prop: g } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
-    return (I, A) => {
-      const R = P("v-textarea");
+    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 } = R(), { prop: g } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
+    return (S, A) => {
+      const E = P("v-textarea");
       return v(), w(n(Z), null, {
         default: $(() => [
-          H(R, {
+          H(E, {
             modelValue: n(g),
             "onUpdate:modelValue": A[0] || (A[0] = (W) => U(g) ? g.value = W : null),
             "auto-grow": n(i),
@@ -1984,10 +1984,10 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
     ]), { 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, [
       "settings",
       "prependInnerIcon"
-    ]), { prop: g } = r(e, ["settings", "readonly"]), { prop: x } = r(e, ["settings", "reverse"]), { prop: I } = r(e, ["settings", "singleLine"]), { prop: A } = r(e, ["settings", "suffix"]), { theme: R } = D(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: E } = 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: E } = R(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["slots", "append"]), { prop: N } = r(e, [
       "slots",
       "appendInner"
-    ]), { prop: S } = r(e, ["slots", "prepend"]), { prop: M } = r(e, [
+    ]), { prop: I } = r(e, ["slots", "prepend"]), { prop: M } = r(e, [
       "slots",
       "prependInner"
     ]);
@@ -2013,16 +2013,16 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
             "prepend-inner-icon": n(h),
             readonly: n(g),
             reverse: n(x),
-            "single-line": n(I),
+            "single-line": n(S),
             suffix: n(A),
-            theme: n(R),
+            theme: n(E),
             variant: n(F)
           }, Tn({ _: 2 }, [
-            n(E) ? {
+            n(D) ? {
               name: "append",
               fn: $(() => [
                 H(n(fe), {
-                  "ref-context": { refid: n(E) },
+                  "ref-context": { refid: n(D) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2038,11 +2038,11 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
               ]),
               key: "1"
             } : void 0,
-            n(S) ? {
+            n(I) ? {
               name: "prepend",
               fn: $(() => [
                 H(n(fe), {
-                  "ref-context": { refid: n(S) },
+                  "ref-context": { refid: n(I) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2090,8 +2090,8 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       "settings",
       "line",
       "truncate"
-    ]), { theme: g } = D();
-    return (x, I) => {
+    ]), { theme: g } = R();
+    return (x, S) => {
       const A = P("v-timeline");
       return v(), w(A, {
         align: n(i),
@@ -2131,7 +2131,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 } = D(), { 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 } = R(), { prop: d } = r(e, ["settings", "value"]);
     return (c, u) => {
       const p = P("v-window");
       return v(), w(p, {
@@ -2162,7 +2162,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", Rn = "render_switch_v1", Ct = "select_v1", De = "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", Dn = "table_v1", Bt = "tabs_v1", Wt = "text_v1", Nt = "textarea_v1", Rt = "text_field_v1", Dt = "timeline_v1", ko = "timeline_item_v1", Et = "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", 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", Rn = "render_switch_v1", Ct = "select_v1", Ee = "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", En = "table_v1", Bt = "tabs_v1", Wt = "text_v1", Nt = "textarea_v1", Rt = "text_field_v1", Et = "timeline_v1", ko = "timeline_item_v1", Dt = "window_v1", _o = "window_item_v1", y = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2278,7 +2278,7 @@ const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue
       ]
     }
   ]
-}, Ee = {
+}, De = {
   key: "legend",
   name: "x-runtime-lib.legend",
   children: [
@@ -3231,7 +3231,7 @@ _(ha);
 const Te = {
   key: gt,
   name: "x-runtime-lib.mesh",
-  comp: Es,
+  comp: Ds,
   props: {
     pageScene: [y, X],
     compScene: [y, X]
@@ -3286,8 +3286,8 @@ const ii = {
   name: "x-runtime-lib.barChart",
   comp: Ur,
   props: {
-    pageCommon: [y, O, Me, Fe, Ge, Ee, ii],
-    compCommon: [y, O, Me, Fe, Ge, Ee, ii]
+    pageCommon: [y, O, Me, Fe, Ge, De, ii],
+    compCommon: [y, O, Me, Fe, Ge, De, ii]
   },
   events: [],
   methods: [],
@@ -3341,8 +3341,8 @@ const oi = {
   name: "x-runtime-lib.lineChart",
   comp: Or,
   props: {
-    pageCommon: [y, O, Me, Fe, Ge, Ee, oi],
-    compCommon: [y, O, Me, Fe, Ge, Ee, oi]
+    pageCommon: [y, O, Me, Fe, Ge, De, oi],
+    compCommon: [y, O, Me, Fe, Ge, De, oi]
   },
   events: [],
   methods: [],
@@ -4042,13 +4042,13 @@ const fi = {
   leaf: !0
 };
 _(Pa);
-const En = B(K);
-En.key = "backgroundColor";
-En.name = "x-runtime-lib.backgroundColor";
+const Dn = B(K);
+Dn.key = "backgroundColor";
+Dn.name = "x-runtime-lib.backgroundColor";
 const bi = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [En]
+  children: [Dn]
 }, un = {
   key: ot,
   name: "x-runtime-lib.container",
@@ -4851,7 +4851,7 @@ const Vi = {
   spawn: Na
 };
 _(dn);
-const Da = B(K), $i = {
+const Ea = B(K), $i = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4874,9 +4874,9 @@ const Da = B(K), $i = {
       items: "sizeItemsV1",
       default: "default"
     },
-    Da
+    Ea
   ]
-}, Ea = {
+}, Da = {
   key: dt,
   name: "x-runtime-lib.icon",
   comp: hl,
@@ -4889,7 +4889,7 @@ const Da = B(K), $i = {
   slots: [],
   leaf: !0
 };
-_(Ea);
+_(Da);
 const Ma = {
   key: ht,
   name: "x-runtime-lib.menu",
@@ -5926,7 +5926,7 @@ function qa(t, e, i) {
   const a = {};
   return T(a, s), a.basic.id = C(16), a.basic.key = Pe.key, a.children = [], a.settings.title = i, a;
 }
-const Di = {
+const Ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5948,8 +5948,8 @@ const Di = {
   name: "x-runtime-lib.stepper",
   comp: Cl,
   props: {
-    pageCommon: [y, Di],
-    compCommon: [y, Di]
+    pageCommon: [y, Ei],
+    compCommon: [y, Ei]
   },
   events: [],
   methods: [],
@@ -5971,7 +5971,7 @@ const Qa = {
   leaf: !0
 };
 _(Qa);
-const Ei = {
+const Di = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5991,10 +5991,10 @@ const Ei = {
 }, _n = {
   key: vo,
   name: "x-runtime-lib.tab",
-  comp: Dl,
+  comp: El,
   props: {
-    pageCommon: [y, Ei],
-    compCommon: [y, Ei]
+    pageCommon: [y, Di],
+    compCommon: [y, Di]
   },
   events: [],
   methods: [],
@@ -6125,7 +6125,7 @@ const Mi = {
 }, wn = {
   key: Bt,
   name: "x-runtime-lib.tabs",
-  comp: El,
+  comp: Dl,
   props: {
     pageCommon: [y, Mi],
     compCommon: [y, Mi]
@@ -6489,7 +6489,7 @@ const su = B(K), ru = B(K), Hi = {
     }
   ]
 }, In = {
-  key: Dt,
+  key: Et,
   name: "x-runtime-lib.timeline",
   comp: Hl,
   props: {
@@ -6624,7 +6624,7 @@ const ji = {
     }
   ]
 }, Cn = {
-  key: Et,
+  key: Dt,
   name: "x-runtime-lib.window",
   comp: Ol,
   props: {
@@ -6875,7 +6875,7 @@ const cu = [
     validator: (t) => t === "right",
     default: "right"
   }
-], Du = [
+], Eu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6905,7 +6905,7 @@ const cu = [
     precision: 6,
     default: "0%"
   }
-], Eu = [
+], Du = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7010,8 +7010,8 @@ const cu = [
   __proto__: null,
   borderWidthTypesV1: Nu,
   leftRightTypesV1: Ru,
-  marginTypesV1: Du,
-  paddingTypesV1: Eu,
+  marginTypesV1: Eu,
+  paddingTypesV1: Du,
   sizeTypesV1: Mu,
   tableColumnAlignTypesV1: Fu,
   topBottomTypesV1: Gu
@@ -7056,7 +7056,7 @@ const cu = [
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [Dn, st, Oe, bt]
+    items: [En, st, Oe, bt]
   },
   {
     key: "selection",
@@ -7066,13 +7066,13 @@ const cu = [
       Je,
       tt,
       At,
-      Et
+      Dt
     ]
   },
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [Ue, St, Dt]
+    items: [Ue, St, Et]
   },
   {
     key: "imagesAndIcons",
@@ -7087,7 +7087,7 @@ const cu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [De, Nn, Rn]
+    items: [Ee, Nn, Rn]
   }
 ], Ku = [
   {
@@ -7161,7 +7161,7 @@ const cu = [
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [Dn, st, Oe, bt]
+    items: [En, st, Oe, bt]
   },
   {
     key: "selection",
@@ -7171,13 +7171,13 @@ const cu = [
       Je,
       tt,
       At,
-      Et
+      Dt
     ]
   },
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [Ue, St, Dt]
+    items: [Ue, St, Et]
   },
   {
     key: "imagesAndIcons",
@@ -7192,7 +7192,7 @@ const cu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [De, Nn, Rn]
+    items: [Ee, Nn, Rn]
   }
 ], Ou = [
   {
@@ -7228,7 +7228,7 @@ const cu = [
 ], Xu = {
   version: "v1",
   globalityKey: en,
-  refKey: De,
+  refKey: Ee,
   items: { ...Wu },
   types: { ...Hu },
   elements: /* @__PURE__ */ new Set([
@@ -7276,7 +7276,7 @@ const cu = [
     St,
     Rn,
     Ct,
-    De,
+    Ee,
     Tt,
     Pt,
     zt,
@@ -7287,14 +7287,14 @@ const cu = [
     xo,
     Lt,
     vo,
-    Dn,
+    En,
     Bt,
     Wt,
     Nt,
     Rt,
-    Dt,
-    ko,
     Et,
+    ko,
+    Dt,
     _o
   ]),
   groups: {
@@ -7510,7 +7510,7 @@ function Rc(t) {
 function de() {
   return oe(Po);
 }
-function Dc(t) {
+function Ec(t) {
   se(zo, Pn(t));
 }
 function ec() {
@@ -7531,7 +7531,7 @@ function Ne(t, e, i, o, l) {
   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]) {
@@ -7826,23 +7826,17 @@ var __pointerPosY__ = 0
 `, ac = `
 var __events__ = {}
 
-function __onEventV1__(id, event, callback) {
+function __onEventV1__(id, callback) {
   if (typeof(id) !== 'string' || !id) {
     return
   }
-  if (typeof(event) !== 'string' || !event) {
-    return
-  }
   if (typeof(callback) !== 'function') {
     return
   }
   if (!__events__[id]) {
-    __events__[id] = {}
-  }
-  if (!__events__[id][event]) {
-    __events__[id][event] = []
+    __events__[id] = []
   }
-  var callbacks = __events__[id][event]
+  var callbacks = __events__[id]
   for (var i = 0; i < callbacks.length; i++) {
     if (callbacks[i] === callback) {
       return
@@ -7851,17 +7845,14 @@ function __onEventV1__(id, event, callback) {
   callbacks.push(callback)
 }
 
-function __triggerEventV1__(id, event, p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16) {
+function __triggerEventV1__(id, p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16) {
   if (typeof(id) !== 'string' || !id) {
     return
   }
-  if (typeof(event) !== 'string' || !event) {
-    return
-  }
   if (!__events__[id]) {
     return
   }
-  var callbacks = __events__[id][event]
+  var callbacks = __events__[id]
   if (!callbacks) {
     return
   }
@@ -8017,7 +8008,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__", ["globality", "startup"]);
+    ), this.interpreter.appendCode(i), this.interpreter.run(), this.setVariable("__env__", e.env), this.setVariable("__mode__", e.mode), this.callFunction("__triggerEventV1__", ["startup@globality"]);
   }
   destroyInterpreter() {
     this.interpreter && (this.callFunction("__destroy__"), this.interpreter = void 0);
@@ -8049,45 +8040,57 @@ class mc {
   }
 }
 function dc(t) {
-  const e = qu(), i = Qu(), o = G(), l = me(), s = Ve(), a = Le(), m = (g, x, I, A) => {
-    if (!(o !== "runtime" && o !== "preview") && t.value?.code.reactivity) {
-      let R = "";
-      x instanceof Array ? R = x.join(".") : R = x, Ne(
+  const e = qu(), i = Qu(), o = G(), l = me(), s = Ve(), a = Le(), m = (b, h, g, x) => {
+    if (!(o !== "runtime" && o !== "preview") && (u.callFunction("__triggerEventV1__", [
+      `elementPropChange@${b}@${h}`,
+      g,
+      x
+    ]), t.value?.code.reactivity)) {
+      let S = "";
+      h instanceof Array ? S = h.join(".") : S = h, Ne(
         u,
         t.value.code.reactivity,
         Ie({
           type: "elementProp",
-          nodeId: g,
-          propKeys: R
+          nodeId: b,
+          propKeys: S
         }),
-        I,
-        A
+        g,
+        x
       );
     }
-  }, f = (g, x, I) => {
-    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Ne(
+  }, f = (b, h, g) => {
+    o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
+      `customPropChange@${b}`,
+      h,
+      g
+    ]), t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
-      Ie({ type: "customProp", propId: g }),
-      x,
-      I
-    );
-  }, d = (g, x, I) => {
+      Ie({ type: "customProp", propId: b }),
+      h,
+      g
+    ));
+  }, d = (b, h, g) => {
     o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
-      Ie({ type: "customState", stateId: g }),
-      x,
-      I
+      Ie({ type: "customState", stateId: b }),
+      h,
+      g
     );
-  }, c = (g, x, I) => {
-    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Ne(
+  }, c = (b, h, g) => {
+    o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
+      `adaptSlotProp@${b}`,
+      h,
+      g
+    ]), t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
-      Ie({ type: "adaptSlotProp", propId: g }),
-      x,
-      I
-    );
+      Ie({ type: "adaptSlotProp", propId: b }),
+      h,
+      g
+    ));
   }, u = new mc({
     onElementPropChange: m,
     onCustomPropChange: f,
@@ -8105,36 +8108,24 @@ function dc(t) {
     p();
   }), He(() => {
     u.destroyInterpreter();
-  });
-  const b = (g, x) => {
-    u.callFunction("__triggerEventV1__", [
-      "globality",
-      "screenSizeChange",
-      g,
-      x
-    ]);
-  };
-  (o === "runtime" || o === "preview") && q(
+  }), (o === "runtime" || o === "preview") && q(
     s,
-    (g, x) => {
-      b(
-        Re(g.width),
-        Re(x?.width ?? g.width)
-      );
+    (b, h) => {
+      const g = Re(b.width), x = Re(h?.width ?? b.width);
+      u.callFunction("__triggerEventV1__", [
+        "screenSizeChange@globality",
+        g,
+        x
+      ]);
     },
     { immediate: !0 }
-  );
-  const h = (g) => {
-    u.callFunction("__triggerEventV1__", [
-      "globality",
-      "darkModeChange",
-      g
-    ]);
-  };
-  (o === "runtime" || o === "preview") && q(
+  ), (o === "runtime" || o === "preview") && q(
     a,
-    (g) => {
-      h(g);
+    (b) => {
+      u.callFunction("__triggerEventV1__", [
+        "darkModeChange@globality",
+        b
+      ]);
     },
     { immediate: !0 }
   );
@@ -8145,7 +8136,7 @@ const fc = (t, e, i) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + e + (e.split("/").length !== i ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function Ec(t) {
+async function Dc(t) {
   return (await fc(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.oos62cyh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.f0b750e1.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
@@ -8190,7 +8181,7 @@ export {
   Ic as getTypeColor,
   va as globalityV1,
   ha as groupV1,
-  Ea as iconV1,
+  Da as iconV1,
   T as initProps,
   Le as injectDark,
   de as injectData,
@@ -8205,7 +8196,7 @@ export {
   je as isPixelStr,
   oa as keyboardControlsV1,
   sn as lineChartV1,
-  Ec as loadLocaleMessageRuntime,
+  Dc as loadLocaleMessageRuntime,
   Ie as makeTriggerId,
   sa as mapControlsV1,
   Ma as menuV1,
@@ -8223,7 +8214,7 @@ export {
   ba as pointLightV1,
   Wc as provideDark,
   Rc as provideData,
-  Dc as provideDepends,
+  Ec as provideDepends,
   Bc as provideDevice,
   Ac as provideEnv,
   Lc as provideMode,

package/dist/interpreter/runtime/event.d.ts

@@ -1,2 +1,2 @@
-declare const event = "\nvar __events__ = {}\n\nfunction __onEventV1__(id, event, callback) {\n  if (typeof(id) !== 'string' || !id) {\n    return\n  }\n  if (typeof(event) !== 'string' || !event) {\n    return\n  }\n  if (typeof(callback) !== 'function') {\n    return\n  }\n  if (!__events__[id]) {\n    __events__[id] = {}\n  }\n  if (!__events__[id][event]) {\n    __events__[id][event] = []\n  }\n  var callbacks = __events__[id][event]\n  for (var i = 0; i < callbacks.length; i++) {\n    if (callbacks[i] === callback) {\n      return\n    }\n  }\n  callbacks.push(callback)\n}\n\nfunction __triggerEventV1__(id, event, p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16) {\n  if (typeof(id) !== 'string' || !id) {\n    return\n  }\n  if (typeof(event) !== 'string' || !event) {\n    return\n  }\n  if (!__events__[id]) {\n    return\n  }\n  var callbacks = __events__[id][event]\n  if (!callbacks) {\n    return\n  }\n  for (var i = 0; i < callbacks.length; i++) {\n    callbacks[i](p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16)\n  }\n}\n";
+declare const event = "\nvar __events__ = {}\n\nfunction __onEventV1__(id, callback) {\n  if (typeof(id) !== 'string' || !id) {\n    return\n  }\n  if (typeof(callback) !== 'function') {\n    return\n  }\n  if (!__events__[id]) {\n    __events__[id] = []\n  }\n  var callbacks = __events__[id]\n  for (var i = 0; i < callbacks.length; i++) {\n    if (callbacks[i] === callback) {\n      return\n    }\n  }\n  callbacks.push(callback)\n}\n\nfunction __triggerEventV1__(id, p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16) {\n  if (typeof(id) !== 'string' || !id) {\n    return\n  }\n  if (!__events__[id]) {\n    return\n  }\n  var callbacks = __events__[id]\n  if (!callbacks) {\n    return\n  }\n  for (var i = 0; i < callbacks.length; i++) {\n    callbacks[i](p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16)\n  }\n}\n";
 export default event;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-runtime-lib",
   "private": false,
-  "version": "0.8.12",
+  "version": "0.8.14",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",