x-runtime-lib 0.8.13 → 0.8.15

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 Eo, 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 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 { 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 Re(t) {
+function Ee(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 R() {
+function E() {
   const t = Le();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
@@ -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"], Rs = /* @__PURE__ */ V({
+const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation", "scale"], Es = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -570,7 +570,7 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Es = ["position", "rotation", "scale"], Ds = /* @__PURE__ */ V({
+}), Rs = ["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, Es));
+    ], 8, Rs));
   }
 }), 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"] } } }, 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 = {
+}, 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 = {
   color: yr,
   backgroundColor: hr,
   textStyle: gr,
@@ -638,8 +638,8 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
   categoryAxis: Br,
   valueAxis: Wr,
   logAxis: Nr,
-  timeAxis: Rr,
-  toolbox: Er,
+  timeAxis: Er,
+  toolbox: Rr,
   legend: Dr,
   tooltip: Mr,
   timeline: Fr,
@@ -669,10 +669,10 @@ const Ur = /* @__PURE__ */ V({
     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");
+    }), R = Ui("chart");
     let W;
     const F = () => {
-      W?.dispose(), W = qi.init(E.value, o.value ? "dark" : "light");
+      W?.dispose(), W = qi.init(R.value, o.value ? "dark" : "light");
       const I = {};
       W.setOption(I);
     }, D = () => {
@@ -682,7 +682,7 @@ const Ur = /* @__PURE__ */ V({
       b(I), h(I), g(I), x(I), S(I), W?.setOption(I, !0);
     };
     return Oi(async () => {
-      window.addEventListener("resize", D, !1), await eo(() => !!E.value), F(), N();
+      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), N();
     }), He(() => {
       window.removeEventListener("resize", D, !1), W?.dispose();
     }), q(
@@ -722,10 +722,10 @@ const Ur = /* @__PURE__ */ V({
     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");
+    }), R = Ui("chart");
     let W;
     const F = () => {
-      W?.dispose(), W = qi.init(E.value, o.value ? "dark" : "light");
+      W?.dispose(), W = qi.init(R.value, o.value ? "dark" : "light");
       const I = {};
       W.setOption(I);
     }, D = () => {
@@ -735,7 +735,7 @@ const Ur = /* @__PURE__ */ V({
       b(I), h(I), g(I), x(I), S(I), W?.setOption(I, !0);
     };
     return Oi(async () => {
-      window.addEventListener("resize", D, !1), await eo(() => !!E.value), F(), N();
+      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), N();
     }), He(() => {
       window.removeEventListener("resize", D, !1), W?.dispose();
     }), q(
@@ -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 } = R(), { 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 } = E(), { 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: 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}`]));
+    ]), { 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}`]));
     };
     return (J, te) => {
       const re = P("v-btn");
@@ -894,7 +894,7 @@ const Ur = /* @__PURE__ */ V({
             "prepend-icon": n(x),
             readonly: n(S),
             ripple: n(A),
-            size: n(E),
+            size: n(R),
             stacked: n(W),
             text: n(F),
             theme: n(D),
@@ -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 } = R(), { 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 } = E(), { 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 } = R(), { 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 } = E(), { 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, {
+      const R = P("v-card");
+      return v(), w(R, {
         density: n(i),
         disabled: n(o),
         height: n(l),
@@ -1004,7 +1004,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 } = R(), { 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 } = E(), { 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, {
@@ -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 } = R(), { 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 } = E(), { 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 } = R();
+    ]), { theme: b } = E();
     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 } = R(), { 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 } = E(), { 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 } = R(), { 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 } = E(), { prop: p } = r(e, ["size", "width"]), b = k(() => {
       const h = [];
       return (e.node.slots?.items ?? []).forEach((x) => {
         x.column && x.comp && h.push(x);
@@ -1243,7 +1243,7 @@ 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 = Re(i.value.width), g = $e(h, e.node.settings?.direction);
+      const h = Ee(i.value.width), g = $e(h, 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);
       x === "no" ? b.flexWrap = "nowrap" : x === "yes" ? b.flexWrap = "wrap" : x === "reverse" && (b.flexWrap = "wrap-reverse");
@@ -1292,16 +1292,16 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
       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__", [`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");
       return v(), w(A, {
         modelValue: n(a),
-        "onUpdate:modelValue": S[0] || (S[0] = (E) => U(a) ? a.value = E : null),
+        "onUpdate:modelValue": S[0] || (S[0] = (R) => U(a) ? a.value = R : null),
         "fast-fail": n(m),
         style: Q(h.value),
-        onSubmit: Ro(g, ["prevent"])
+        onSubmit: Eo(g, ["prevent"])
       }, {
         default: $(() => [
           L(x.$slots, "default")
@@ -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 } = R();
+    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();
     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: 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"]);
+    ]), { 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"]);
     return (J, te) => {
       const re = P("v-number-input");
       return v(), w(n(Z), null, {
@@ -1413,7 +1413,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
             "prepend-inner-icon": n(x),
             readonly: n(S),
             reverse: n(A),
-            "single-line": n(E),
+            "single-line": n(R),
             step: n(W),
             suffix: n(F),
             theme: n(D),
@@ -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 } = R(), { 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 } = 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;
     });
@@ -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 } = R(), { 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 } = E(), { 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 } = R(), { 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 } = E(), { 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 } = R(), { prop: h } = r(e, [
+    }), { prop: p } = r(e, ["settings", "step"]), { theme: b } = E(), { prop: h } = r(e, [
       "settings",
       "thumbLabel"
     ]), g = k(() => {
@@ -1543,7 +1543,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
         N[I] = M;
       if (!Qi(N))
         return N;
-    }), { prop: E } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
+    }), { prop: R } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
       "settings",
       "value",
       "start"
@@ -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(E),
+            "tick-size": n(R),
             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 } = R(), { 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 } = E(), { 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 } = R(), { 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 } = E(), { prop: f } = r(e, ["settings", "value"]);
     return (d, c) => {
       const u = P("v-select");
       return v(), w(n(Z), null, {
@@ -1655,13 +1655,13 @@ 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 } = R(), { prop: x } = r(e, [
+    }), { prop: h } = r(e, ["settings", "step"]), { theme: g } = E(), { prop: x } = r(e, [
       "settings",
       "thumbColor"
     ]), { color: S } = j(x), { prop: A } = r(e, [
       "settings",
       "thumbLabel"
-    ]), E = k(() => {
+    ]), R = k(() => {
       if (A.value === "always")
         return "always";
       if (A.value === "show")
@@ -1698,7 +1698,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
             step: n(h),
             theme: n(g),
             "thumb-color": n(S),
-            "thumb-label": E.value,
+            "thumb-label": R.value,
             "thumb-size": n(W),
             "tick-size": n(N),
             ticks: D.value,
@@ -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 } = R(), { prop: l } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "hideActions"]), { theme: o } = E(), { prop: l } = r(e, ["settings", "value"]);
     return (s, a) => {
       const m = P("v-stepper");
       return v(), w(m, {
@@ -1809,7 +1809,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       }, 8, ["value"]);
     };
   }
-}), Rl = /* @__PURE__ */ V({
+}), El = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -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 } = R(), { 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 } = E(), { 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({
       });
     };
   }
-}), El = /* @__PURE__ */ V({
+}), Rl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = R(), { prop: s } = r(e, ["settings", "value"]), a = k(() => {
+    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = E(), { prop: s } = r(e, ["settings", "value"]), a = k(() => {
       const m = {};
       return i === "editor" && (m.pointerEvents = "none"), m;
     });
@@ -1891,7 +1891,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: A } = j(S), { prop: E } = r(e, ["settings", "stacked"]), { theme: W } = R(), { prop: F } = r(e, ["settings", "value"]);
+    ]), { color: A } = j(S), { prop: R } = r(e, ["settings", "stacked"]), { theme: W } = E(), { prop: F } = r(e, ["settings", "value"]);
     return (D, N) => {
       const I = P("v-tabs");
       return v(), w(I, {
@@ -1911,7 +1911,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
         mandatory: n(g),
         "show-arrows": n(x),
         "slider-color": n(A),
-        stacked: n(E),
+        stacked: n(R),
         theme: n(W)
       }, {
         default: $(() => [
@@ -1929,11 +1929,11 @@ 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 = Re(i.value.width), p = $e(u, e.node.settings?.style);
+      const c = [], u = Ee(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", {
-      class: Eo(d.value)
+      class: Ro(d.value)
     }, Do(n(m)), 3));
   }
 }), Fl = /* @__PURE__ */ V({
@@ -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 } = R(), { 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: h } = E(), { prop: g } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
     return (S, A) => {
-      const E = P("v-textarea");
+      const R = P("v-textarea");
       return v(), w(n(Z), null, {
         default: $(() => [
-          H(E, {
+          H(R, {
             modelValue: n(g),
             "onUpdate:modelValue": A[0] || (A[0] = (W) => U(g) ? g.value = W : null),
             "auto-grow": n(i),
@@ -1984,7 +1984,7 @@ 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: 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, [
+    ]), { 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, [
       "slots",
       "appendInner"
     ]), { prop: I } = r(e, ["slots", "prepend"]), { prop: M } = r(e, [
@@ -2015,7 +2015,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
             reverse: n(x),
             "single-line": n(S),
             suffix: n(A),
-            theme: n(E),
+            theme: n(R),
             variant: n(F)
           }, Tn({ _: 2 }, [
             n(D) ? {
@@ -2090,7 +2090,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       "settings",
       "line",
       "truncate"
-    ]), { theme: g } = R();
+    ]), { theme: g } = E();
     return (x, S) => {
       const A = P("v-timeline");
       return v(), w(A, {
@@ -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 } = R(), { 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 } = E(), { 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", 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 = {
+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 = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -3218,7 +3218,7 @@ _(Ce);
 const ha = {
   key: mt,
   name: "x-runtime-lib.group",
-  comp: Rs,
+  comp: Es,
   props: {
     pageScene: [y, X],
     compScene: [y, X]
@@ -4747,7 +4747,7 @@ const _i = {
     }
   ]
 }, mn = {
-  key: Rt,
+  key: Et,
   name: "x-runtime-lib.textField",
   comp: Gl,
   props: {
@@ -4797,9 +4797,9 @@ function Na(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = dn.key, s.children = [Ra(t, e)], s;
+  return T(s, l), s.basic.id = C(16), s.basic.key = dn.key, s.children = [Ea(t, e)], s;
 }
-function Ra(t, e) {
+function Ea(t, e) {
   const i = `type=${t} subtype=${e}`, o = z(t, e);
   if (!o) {
     console.error(`formV1/spawnTextField prop tag not found, ${i}`);
@@ -4851,7 +4851,7 @@ const Vi = {
   spawn: Na
 };
 _(dn);
-const Ea = B(K), $i = {
+const Ra = B(K), $i = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4874,7 +4874,7 @@ const Ea = B(K), $i = {
       items: "sizeItemsV1",
       default: "default"
     },
-    Ea
+    Ra
   ]
 }, Da = {
   key: dt,
@@ -5810,7 +5810,7 @@ const xn = {
   slots: []
 };
 _(xn);
-const Ri = {
+const Ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5826,8 +5826,8 @@ const Ri = {
   name: "x-runtime-lib.stepperWindowItem",
   comp: Nl,
   props: {
-    pageCommon: [y, Ri],
-    compCommon: [y, Ri]
+    pageCommon: [y, Ei],
+    compCommon: [y, Ei]
   },
   events: [],
   methods: [],
@@ -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 Ei = {
+const Ri = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5948,8 +5948,8 @@ const Ei = {
   name: "x-runtime-lib.stepper",
   comp: Cl,
   props: {
-    pageCommon: [y, Ei],
-    compCommon: [y, Ei]
+    pageCommon: [y, Ri],
+    compCommon: [y, Ri]
   },
   events: [],
   methods: [],
@@ -5960,7 +5960,7 @@ _(kn);
 const Qa = {
   key: Lt,
   name: "x-runtime-lib.switch",
-  comp: Rl,
+  comp: El,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -5991,7 +5991,7 @@ const Di = {
 }, _n = {
   key: vo,
   name: "x-runtime-lib.tab",
-  comp: El,
+  comp: Rl,
   props: {
     pageCommon: [y, Di],
     compCommon: [y, Di]
@@ -6489,7 +6489,7 @@ const su = B(K), ru = B(K), Hi = {
     }
   ]
 }, In = {
-  key: Et,
+  key: Rt,
   name: "x-runtime-lib.timeline",
   comp: Hl,
   props: {
@@ -6853,7 +6853,7 @@ const cu = [
     max: 1 / 0,
     step: 1
   }
-], Ru = [
+], Eu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6875,7 +6875,7 @@ const cu = [
     validator: (t) => t === "right",
     default: "right"
   }
-], Eu = [
+], Ru = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7009,8 +7009,8 @@ const cu = [
 ], Hu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   borderWidthTypesV1: Nu,
-  leftRightTypesV1: Ru,
-  marginTypesV1: Eu,
+  leftRightTypesV1: Eu,
+  marginTypesV1: Ru,
   paddingTypesV1: Du,
   sizeTypesV1: Mu,
   tableColumnAlignTypesV1: Fu,
@@ -7040,7 +7040,7 @@ const cu = [
     items: [
       pt,
       Wt,
-      Rt,
+      Et,
       Nt,
       xt,
       Ct,
@@ -7056,7 +7056,7 @@ const cu = [
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [En, st, Oe, bt]
+    items: [Rn, st, Oe, bt]
   },
   {
     key: "selection",
@@ -7072,7 +7072,7 @@ const cu = [
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [Ue, St, Et]
+    items: [Ue, St, Rt]
   },
   {
     key: "imagesAndIcons",
@@ -7087,7 +7087,7 @@ const cu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Ee, Nn, Rn]
+    items: [Re, Nn, En]
   }
 ], Ku = [
   {
@@ -7145,7 +7145,7 @@ const cu = [
     items: [
       pt,
       Wt,
-      Rt,
+      Et,
       Nt,
       xt,
       Ct,
@@ -7161,7 +7161,7 @@ const cu = [
   {
     key: "dataDisplay",
     name: "x-runtime-lib.dataDisplay",
-    items: [En, st, Oe, bt]
+    items: [Rn, st, Oe, bt]
   },
   {
     key: "selection",
@@ -7177,7 +7177,7 @@ const cu = [
   {
     key: "feedback",
     name: "x-runtime-lib.feedback",
-    items: [Ue, St, Et]
+    items: [Ue, St, Rt]
   },
   {
     key: "imagesAndIcons",
@@ -7192,7 +7192,7 @@ const cu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Ee, Nn, Rn]
+    items: [Re, Nn, En]
   }
 ], Ou = [
   {
@@ -7228,7 +7228,7 @@ const cu = [
 ], Xu = {
   version: "v1",
   globalityKey: en,
-  refKey: Ee,
+  refKey: Re,
   items: { ...Wu },
   types: { ...Hu },
   elements: /* @__PURE__ */ new Set([
@@ -7274,9 +7274,9 @@ const cu = [
     $t,
     It,
     St,
-    Rn,
+    En,
     Ct,
-    Ee,
+    Re,
     Tt,
     Pt,
     zt,
@@ -7287,12 +7287,12 @@ const cu = [
     xo,
     Lt,
     vo,
-    En,
+    Rn,
     Bt,
     Wt,
     Nt,
-    Rt,
     Et,
+    Rt,
     ko,
     Dt,
     _o
@@ -7504,13 +7504,13 @@ function Nc(t) {
 function me() {
   return oe(To);
 }
-function Rc(t) {
+function Ec(t) {
   se(Po, t);
 }
 function de() {
   return oe(Po);
 }
-function Ec(t) {
+function Rc(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]) {
@@ -8072,17 +8072,13 @@ function dc(t) {
       g
     ));
   }, d = (b, h, g) => {
-    o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
-      `customStateChange@${b}`,
-      h,
-      g
-    ]), t.value?.code.reactivity && Ne(
+    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Ne(
       u,
       t.value.code.reactivity,
       Ie({ type: "customState", stateId: b }),
       h,
       g
-    ));
+    );
   }, c = (b, h, g) => {
     o !== "runtime" && o !== "preview" || (u.callFunction("__triggerEventV1__", [
       `adaptSlotProp@${b}`,
@@ -8115,7 +8111,7 @@ function dc(t) {
   }), (o === "runtime" || o === "preview") && q(
     s,
     (b, h) => {
-      const g = Re(b.width), x = Re(h?.width ?? b.width);
+      const g = Ee(b.width), x = Ee(h?.width ?? b.width);
       u.callFunction("__triggerEventV1__", [
         "screenSizeChange@globality",
         g,
@@ -8154,7 +8150,7 @@ export {
   wa as btnGroupV1,
   Va as btnToggleV1,
   rn as btnV1,
-  Re as calcBreakpoint,
+  Ee as calcBreakpoint,
   Pe as cardV1,
   Ia as checkboxV1,
   an as chipGroupV1,
@@ -8217,8 +8213,8 @@ export {
   wo as pkgs,
   ba as pointLightV1,
   Wc as provideDark,
-  Rc as provideData,
-  Ec as provideDepends,
+  Ec as provideData,
+  Rc as provideDepends,
   Bc as provideDevice,
   Ac as provideEnv,
   Lc as provideMode,

package/package.json

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