x-runtime-lib 0.8.16 → 0.8.18

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, createElementBlock as Y, renderSlot as L, unref as n, openBlock as v, createElementVNode as ie, computed as k, normalizeStyle as Q, ref as ce, watchEffect as ue, watch as q, onBeforeMount as Wo, onUnmounted as He, createBlock as w, withCtx as $, createCommentVNode as ee, useTemplateRef as Ui, onMounted as Oi, nextTick as Xi, h as ae, resolveComponent as P, createVNode as H, isRef as U, createSlots as Tn, renderList as No, useId as Yi, withModifiers as Eo, normalizeClass as Ro, toDisplayString as Do, inject as oe, provide as se, readonly as Pn } from "vue";
+import { defineComponent as V, createElementBlock as Y, renderSlot as L, unref as n, openBlock as v, createElementVNode as ie, computed as k, normalizeStyle as Q, ref as ce, watchEffect as ue, watch as q, onBeforeMount as Wo, onUnmounted as He, createBlock as w, withCtx as $, createCommentVNode as ee, useTemplateRef as Ui, onMounted as Oi, nextTick as Xi, h as ae, resolveComponent as P, createVNode as H, isRef as U, createSlots as Tn, renderList as Eo, useId as Yi, withModifiers as No, normalizeClass as Ro, toDisplayString as Do, inject as oe, provide as se, readonly as Pn } from "vue";
 import { CameraHelper as Ji, DirectionalLightHelper as Mo, PointLightHelper as Fo, SpotLightHelper as Go } from "three";
 import { i as ne, q as Ae, u as Ho, r as Zi, e as qi, a as jo, b as Ko, c as Uo, d as Oo, f as Xo, g as Yo, h as Jo, j as Zo, k as B, l as Qi, X as qo, Y as Qo, K as es, m as ts, n as ns, o as is, I as os } from "./vendor.ghqz34q2.js";
 import { waitUtil as eo, eventBus as to, useViewStack as no, messageInfo as ss, messageSuccess as rs, messageWarning as io, messageError as oo, createAxios as ls, globalObjects as Qt, openConfirmDlg as as, openPromptDlg as us } from "x-essential-lib";
@@ -41,7 +41,7 @@ function Ut(t) {
     return i;
 }
 const so = ["xs", "sm", "md", "lg", "xl"], ds = [...so].reverse();
-function Ee(t) {
+function Ne(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function Xn(t) {
@@ -284,7 +284,7 @@ function mo(t, e, i) {
     t.eventBus?.off(l.value, i);
   });
 }
-function E() {
+function N() {
   const t = Le();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
@@ -545,7 +545,7 @@ const hs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
 function Bs(t, e) {
   return v(), Y("TresMeshBasicMaterial");
 }
-const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation", "scale"], Es = /* @__PURE__ */ V({
+const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Es = ["position", "rotation", "scale"], Ns = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -565,7 +565,7 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
           scale: n(i) !== "editor" ? n(s) : [1, 1, 1]
         }, [
           L(a.$slots, "default")
-        ], 8, Ns)
+        ], 8, Es)
       ]),
       _: 3
     }, 8, ["position", "rotation", "scale"]));
@@ -616,7 +616,7 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
   visualMap: mr,
   dataZoom: dr,
   markPoint: fr
-}, yr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], hr = "#f5f5f5", gr = {}, xr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, vr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Pr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Ar = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Lr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Br = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Wr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Nr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Er = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Rr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Dr = { textStyle: { color: "#333333" } }, Mr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Fr = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, Gr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Hr = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, jr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Kr = {
+}, yr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], hr = "#f5f5f5", gr = {}, xr = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, vr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, kr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, _r = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Vr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, $r = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Cr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Pr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" }, lineStyle: { width: 1, color: "#aaa" }, symbolSize: 4, symbol: "circle", smooth: !1, color: ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], label: { color: "#eee" } }, Ar = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Lr = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Br = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Wr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Er = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Nr = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Rr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Dr = { textStyle: { color: "#333333" } }, Mr = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Fr = { lineStyle: { color: "#eeeeee", width: "2" }, itemStyle: { color: "#dd6b66", borderWidth: 1 }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, checkpointStyle: { color: "#e43c59", borderColor: "#c23531" }, label: { color: "#eeeeee" }, emphasis: { itemStyle: { color: "#a9334c" }, controlStyle: { color: "#eeeeee", borderColor: "#eeeeee", borderWidth: "1" }, label: { color: "#eeeeee" } } }, Gr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Hr = { backgroundColor: "rgba(47,69,84,0)", dataBackgroundColor: "rgba(255,255,255,0.3)", fillerColor: "rgba(167,183,204,0.4)", handleColor: "#a7b7cc", handleSize: "100%", textStyle: { color: "#eeeeee" } }, jr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, Kr = {
   color: yr,
   backgroundColor: hr,
   textStyle: gr,
@@ -637,8 +637,8 @@ const Ws = /* @__PURE__ */ ge(Ls, [["render", Bs]]), Ns = ["position", "rotation
   geo: Lr,
   categoryAxis: Br,
   valueAxis: Wr,
-  logAxis: Nr,
-  timeAxis: Er,
+  logAxis: Er,
+  timeAxis: Nr,
   toolbox: Rr,
   legend: Dr,
   tooltip: Mr,
@@ -677,12 +677,12 @@ const Ur = /* @__PURE__ */ V({
       W.setOption(I);
     }, D = () => {
       W?.resize();
-    }, N = () => {
+    }, E = () => {
       const I = {};
       b(I), y(I), g(I), x(I), S(I), W?.setOption(I, !0);
     };
     return Oi(async () => {
-      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), N();
+      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), E();
     }), He(() => {
       window.removeEventListener("resize", D, !1), W?.dispose();
     }), q(
@@ -700,11 +700,11 @@ const Ur = /* @__PURE__ */ V({
         await Xi(), D();
       }
     ), q([o], () => {
-      F(), N();
+      F(), E();
     }), q(
       [e],
       () => {
-        N();
+        E();
       },
       { deep: !0 }
     ), (I, M) => (v(), Y("div", {
@@ -730,12 +730,12 @@ const Ur = /* @__PURE__ */ V({
       W.setOption(I);
     }, D = () => {
       W?.resize();
-    }, N = () => {
+    }, E = () => {
       const I = {};
       b(I), y(I), g(I), x(I), S(I), W?.setOption(I, !0);
     };
     return Oi(async () => {
-      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), N();
+      window.addEventListener("resize", D, !1), await eo(() => !!R.value), F(), E();
     }), He(() => {
       window.removeEventListener("resize", D, !1), W?.dispose();
     }), q(
@@ -753,11 +753,11 @@ const Ur = /* @__PURE__ */ V({
         await Xi(), D();
       }
     ), q([o], () => {
-      F(), N();
+      F(), E();
     }), q(
       [e],
       () => {
-        N();
+        E();
       },
       { deep: !0 }
     ), (I, M) => (v(), Y("div", {
@@ -840,7 +840,7 @@ const Ur = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "content"]), { prop: o } = r(e, ["settings", "dot"]), { theme: l } = E(), { prop: s } = r(e, ["settings", "offset", "x"]), { prop: a } = r(e, ["settings", "offset", "y"]);
+    const e = t, { prop: i } = r(e, ["settings", "content"]), { prop: o } = r(e, ["settings", "dot"]), { theme: l } = N(), { prop: s } = r(e, ["settings", "offset", "x"]), { prop: a } = r(e, ["settings", "offset", "y"]);
     return (m, f) => {
       const d = P("v-badge");
       return v(), w(d, {
@@ -872,7 +872,7 @@ const Ur = /* @__PURE__ */ V({
       "settings",
       "addIcon",
       "prepend"
-    ]), { prop: S } = r(e, ["settings", "readonly"]), { prop: A } = r(e, ["settings", "ripple"]), { prop: R } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: D } = E(), { prop: N } = r(e, ["settings", "variant"]), { prop: I } = r(e, ["size", "width"]), M = (J) => {
+    ]), { prop: S } = r(e, ["settings", "readonly"]), { prop: A } = r(e, ["settings", "ripple"]), { prop: R } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: D } = N(), { prop: E } = r(e, ["settings", "variant"]), { prop: I } = r(e, ["size", "width"]), M = (J) => {
       i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", J.clientX), o.setVariable("__pointerPosY__", J.clientY), o.callFunction("__triggerEventV1__", [
         `elementEvent@click@${e.node.basic.id}`
       ]));
@@ -900,7 +900,7 @@ const Ur = /* @__PURE__ */ V({
             stacked: n(W),
             text: n(F),
             theme: n(D),
-            variant: n(N),
+            variant: n(E),
             width: n(I),
             onClick: M
           }, null, 8, ["append-icon", "block", "color", "density", "disabled", "height", "loading", "max-height", "max-width", "min-height", "min-width", "prepend-icon", "readonly", "ripple", "size", "stacked", "text", "theme", "variant", "width"])
@@ -926,7 +926,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 } = E(), { 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 } = N(), { prop: u } = r(e, ["settings", "tile"]), { prop: p } = r(e, ["settings", "variant"]);
     return (b, y) => {
       const g = P("v-btn-toggle");
       return v(), w(g, {
@@ -956,7 +956,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["size", "height"]), { prop: s } = r(e, ["settings", "hover"]), { prop: a } = r(e, ["settings", "loading"]), { prop: m } = r(e, ["size", "maxHeight"]), { prop: f } = r(e, ["size", "maxWidth"]), { prop: d } = r(e, ["size", "minHeight"]), { prop: c } = r(e, ["size", "minWidth"]), { prop: u } = r(e, ["settings", "subtitle"]), { prop: p } = r(e, ["settings", "text"]), { theme: b } = E(), { prop: y } = r(e, ["settings", "title"]), { prop: g } = r(e, ["settings", "variant"]), { prop: x } = r(e, ["size", "width"]);
+    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["size", "height"]), { prop: s } = r(e, ["settings", "hover"]), { prop: a } = r(e, ["settings", "loading"]), { prop: m } = r(e, ["size", "maxHeight"]), { prop: f } = r(e, ["size", "maxWidth"]), { prop: d } = r(e, ["size", "minHeight"]), { prop: c } = r(e, ["size", "minWidth"]), { prop: u } = r(e, ["settings", "subtitle"]), { prop: p } = r(e, ["settings", "text"]), { theme: b } = N(), { prop: y } = r(e, ["settings", "title"]), { prop: g } = r(e, ["settings", "variant"]), { prop: x } = r(e, ["size", "width"]);
     return (S, A) => {
       const R = P("v-card");
       return v(), w(R, {
@@ -1006,7 +1006,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "closable"]), { prop: o } = r(e, ["settings", "color"]), { color: l } = j(o), { prop: s } = r(e, ["settings", "density"]), { prop: a } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["settings", "draggable"]), { prop: f } = r(e, ["settings", "filter"]), { prop: d } = r(e, ["settings", "label"]), { prop: c } = r(e, ["settings", "size"]), { prop: u } = r(e, ["settings", "text"]), { theme: p } = E(), { prop: b } = r(e, ["settings", "tile"]), { prop: y } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
+    const e = t, { prop: i } = r(e, ["settings", "closable"]), { prop: o } = r(e, ["settings", "color"]), { color: l } = j(o), { prop: s } = r(e, ["settings", "density"]), { prop: a } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["settings", "draggable"]), { prop: f } = r(e, ["settings", "filter"]), { prop: d } = r(e, ["settings", "label"]), { prop: c } = r(e, ["settings", "size"]), { prop: u } = r(e, ["settings", "text"]), { theme: p } = N(), { prop: b } = r(e, ["settings", "tile"]), { prop: y } = r(e, ["settings", "value"]), { prop: g } = r(e, ["settings", "variant"]);
     return (x, S) => {
       const A = P("v-chip");
       return v(), w(A, {
@@ -1033,7 +1033,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 } = E(), { prop: c } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "column"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "filter"]), { prop: a } = r(e, ["settings", "mandatory"]), { prop: m } = r(e, ["settings", "multiple"]), { prop: f } = r(e, ["settings", "showArrows"]), { theme: d } = N(), { prop: c } = r(e, ["settings", "value"]);
     return (u, p) => {
       const b = P("v-chip-group");
       return v(), w(b, {
@@ -1068,7 +1068,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 } = E();
+    ]), { theme: b } = N();
     return (y, g) => {
       const x = P("v-color-picker");
       return v(), w(x, {
@@ -1091,7 +1091,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: m } = E(), { prop: f } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: m } = N(), { prop: f } = r(e, ["settings", "value"]);
     return (d, c) => {
       const u = P("v-combobox");
       return v(), w(n(Z), null, {
@@ -1138,7 +1138,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 } = E(), { 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 } = N(), { prop: p } = r(e, ["size", "width"]), b = k(() => {
       const y = [];
       return (e.node.slots?.items ?? []).forEach((x) => {
         x.column && x.comp && y.push(x);
@@ -1159,7 +1159,7 @@ const qr = /* @__PURE__ */ ge(Jr, [["render", Zr]]), Qr = /* @__PURE__ */ V({
         theme: n(u),
         width: n(p)
       }, Tn({ _: 2 }, [
-        No(b.value, (S) => ({
+        Eo(b.value, (S) => ({
           name: `item.${S.column}`,
           fn: $(({ value: A }) => [
             H(n(fe), {
@@ -1245,7 +1245,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 y = Ee(i.value.width), g = $e(y, e.node.settings?.direction);
+      const y = Ne(i.value.width), g = $e(y, e.node.settings?.direction);
       g === "row" ? b.flexDirection = "row" : g === "rowReverse" ? b.flexDirection = "row-reverse" : g === "column" ? b.flexDirection = "column" : g === "columnReverse" && (b.flexDirection = "column-reverse");
       const x = $e(y, e.node.settings?.wrap);
       x === "no" ? b.flexWrap = "nowrap" : x === "yes" ? b.flexWrap = "wrap" : x === "reverse" && (b.flexWrap = "wrap-reverse");
@@ -1305,7 +1305,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
         "onUpdate:modelValue": S[0] || (S[0] = (R) => U(a) ? a.value = R : null),
         "fast-fail": n(m),
         style: Q(y.value),
-        onSubmit: Eo(g, ["prevent"])
+        onSubmit: No(g, ["prevent"])
       }, {
         default: $(() => [
           L(x.$slots, "default")
@@ -1321,7 +1321,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "icon"]), { prop: a } = r(e, ["settings", "size"]), { theme: m } = E();
+    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "icon"]), { prop: a } = r(e, ["settings", "size"]), { theme: m } = N();
     return (f, d) => {
       const c = P("v-icon");
       return v(), w(c, {
@@ -1392,14 +1392,14 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
       "settings",
       "addIcon",
       "prependInner"
-    ]), { prop: S } = r(e, ["settings", "readonly"]), { prop: A } = r(e, ["settings", "reverse"]), { prop: R } = r(e, ["settings", "singleLine"]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: D } = E(), { prop: N } = r(e, ["settings", "value"]), { prop: I } = r(e, ["settings", "variant"]), { prop: M } = r(e, ["size", "width"]);
+    ]), { prop: S } = r(e, ["settings", "readonly"]), { prop: A } = r(e, ["settings", "reverse"]), { prop: R } = r(e, ["settings", "singleLine"]), { prop: W } = r(e, ["settings", "step"]), { prop: F } = r(e, ["settings", "suffix"]), { theme: D } = N(), { prop: E } = r(e, ["settings", "value"]), { prop: I } = r(e, ["settings", "variant"]), { prop: M } = r(e, ["size", "width"]);
     return (J, te) => {
       const re = P("v-number-input");
       return v(), w(n(Z), null, {
         default: $(() => [
           H(re, {
-            modelValue: n(N),
-            "onUpdate:modelValue": te[0] || (te[0] = (le) => U(N) ? N.value = le : null),
+            modelValue: n(E),
+            "onUpdate:modelValue": te[0] || (te[0] = (le) => U(E) ? E.value = le : null),
             "append-icon": n(i),
             "append-inner-icon": n(o),
             clearable: n(l),
@@ -1439,7 +1439,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 } = E(), { 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 } = N(), { prop: c } = r(e, ["settings", "tile"]), { prop: u } = r(e, ["settings", "value"]), { prop: p } = r(e, ["settings", "variant"]), b = k(() => {
       const y = {};
       return i === "editor" && (y.pointerEvents = "none"), y;
     });
@@ -1473,7 +1473,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "readonly"]), { theme: f } = E(), { prop: d } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "readonly"]), { theme: f } = N(), { prop: d } = r(e, ["settings", "value"]);
     return (c, u) => {
       const p = P("v-radio");
       return v(), w(p, {
@@ -1494,7 +1494,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "inline"]), { prop: a } = r(e, ["settings", "readonly"]), { theme: m } = E(), { prop: f } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "density"]), { prop: o } = r(e, ["settings", "direction"]), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "inline"]), { prop: a } = r(e, ["settings", "readonly"]), { theme: m } = N(), { prop: f } = r(e, ["settings", "value"]);
     return (d, c) => {
       const u = P("v-radio-group");
       return v(), w(n(Z), null, {
@@ -1531,7 +1531,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 } = E(), { prop: y } = r(e, [
+    }), { prop: p } = r(e, ["settings", "step"]), { theme: b } = N(), { prop: y } = r(e, [
       "settings",
       "thumbLabel"
     ]), g = k(() => {
@@ -1542,22 +1542,22 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     }), { prop: x } = r(e, ["settings", "thumbSize"]), { prop: S } = r(e, ["settings", "ticks"]), A = k(() => {
       if (!S.value)
         return;
-      const N = {};
+      const E = {};
       for (const { value: I, label: M } of S.value)
-        N[I] = M;
-      if (!Qi(N))
-        return N;
+        E[I] = M;
+      if (!Qi(E))
+        return E;
     }), { prop: R } = r(e, ["settings", "tickSize"]), { prop: W } = r(e, [
       "settings",
       "value",
       "start"
     ]), { prop: F } = r(e, ["settings", "value", "end"]), D = k({
       get: () => [W.value, F.value],
-      set: ([N, I]) => {
-        W.value = N, F.value = I;
+      set: ([E, I]) => {
+        W.value = E, F.value = I;
       }
     });
-    return (N, I) => {
+    return (E, I) => {
       const M = P("v-range-slider");
       return v(), w(n(Z), {
         modelValue: D.value,
@@ -1598,7 +1598,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 } = E(), { prop: c } = r(e, ["settings", "value"]);
+    ]), { prop: a } = r(e, ["settings", "hover"]), { prop: m } = r(e, ["settings", "length"]), { prop: f } = r(e, ["settings", "readonly"]), { theme: d } = N(), { prop: c } = r(e, ["settings", "value"]);
     return (u, p) => {
       const b = P("v-rating");
       return v(), w(n(Z), { "fit-content": !0 }, {
@@ -1627,7 +1627,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: m } = E(), { prop: f } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "hideDetails"]), { prop: o } = r(e, ["settings", "label"]), { prop: l } = r(e, ["settings", "placeholder"]), { prop: s } = r(e, ["settings", "readonly"]), { prop: a } = r(e, ["settings", "singleLine"]), { theme: m } = N(), { prop: f } = r(e, ["settings", "value"]);
     return (d, c) => {
       const u = P("v-select");
       return v(), w(n(Z), null, {
@@ -1659,7 +1659,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
         return "always";
       if (p.value === "show")
         return !0;
-    }), { prop: y } = r(e, ["settings", "step"]), { theme: g } = E(), { prop: x } = r(e, [
+    }), { prop: y } = r(e, ["settings", "step"]), { theme: g } = N(), { prop: x } = r(e, [
       "settings",
       "thumbColor"
     ]), { color: S } = j(x), { prop: A } = r(e, [
@@ -1678,7 +1678,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
         le[We] = Kt;
       if (!Qi(le))
         return le;
-    }), { prop: N } = r(e, ["settings", "tickSize"]), { prop: I } = r(e, [
+    }), { prop: E } = r(e, ["settings", "tickSize"]), { prop: I } = r(e, [
       "settings",
       "trackColor"
     ]), { color: M } = j(I), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
@@ -1704,7 +1704,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
             "thumb-color": n(S),
             "thumb-label": R.value,
             "thumb-size": n(W),
-            "tick-size": n(N),
+            "tick-size": n(E),
             ticks: D.value,
             "track-color": n(M)
           }, Tn({ _: 2 }, [
@@ -1741,7 +1741,7 @@ const cl = /* @__PURE__ */ ge(al, [["render", ul]]), pl = ["id"], ml = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "hideActions"]), { theme: o } = E(), { prop: l } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "hideActions"]), { theme: o } = N(), { prop: l } = r(e, ["settings", "value"]);
     return (s, a) => {
       const m = P("v-stepper");
       return v(), w(m, {
@@ -1795,7 +1795,7 @@ function Bl(t, e) {
     _: 3
   });
 }
-const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
+const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), El = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1813,7 +1813,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       }, 8, ["value"]);
     };
   }
-}), El = /* @__PURE__ */ V({
+}), Nl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1823,7 +1823,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 } = E(), { 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 } = N(), { prop: p } = r(e, ["settings", "value"]);
     return (b, y) => {
       const g = P("v-switch");
       return v(), w(n(Z), { "fit-content": !0 }, {
@@ -1854,7 +1854,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = E(), { prop: s } = r(e, ["settings", "value"]), a = k(() => {
+    const e = t, i = G(), { prop: o } = r(e, ["settings", "text"]), { theme: l } = N(), { prop: s } = r(e, ["settings", "value"]), a = k(() => {
       const m = {};
       return i === "editor" && (m.pointerEvents = "none"), m;
     });
@@ -1895,12 +1895,12 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: A } = j(S), { prop: R } = r(e, ["settings", "stacked"]), { theme: W } = E(), { prop: F } = r(e, ["settings", "value"]);
-    return (D, N) => {
+    ]), { color: A } = j(S), { prop: R } = r(e, ["settings", "stacked"]), { theme: W } = N(), { prop: F } = r(e, ["settings", "value"]);
+    return (D, E) => {
       const I = P("v-tabs");
       return v(), w(I, {
         modelValue: n(F),
-        "onUpdate:modelValue": N[0] || (N[0] = (M) => U(F) ? F.value = M : null),
+        "onUpdate:modelValue": E[0] || (E[0] = (M) => U(F) ? F.value = M : null),
         "align-tabs": n(i),
         "bg-color": n(l),
         "center-active": n(s),
@@ -1933,7 +1933,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
   },
   setup(t) {
     const e = t, i = Ve(), { prop: o } = r(e, ["settings", "align"]), { prop: l } = r(e, ["settings", "decoration"]), { prop: s } = r(e, ["settings", "emphasis"]), { prop: a } = r(e, ["settings", "italic"]), { prop: m } = r(e, ["settings", "text"]), { prop: f } = r(e, ["settings", "weight"]), d = k(() => {
-      const c = [], u = Ee(i.value.width), p = $e(u, e.node.settings?.style);
+      const c = [], u = Ne(i.value.width), p = $e(u, e.node.settings?.style);
       return p && c.push(`text-${p}`), s.value === "high" ? c.push("text-high-emphasis") : s.value === "medium" ? c.push("text-medium-emphasis") : s.value === "disabled" && c.push("text-disabled"), o.value && c.push(`font-${o.value}`), l.value && c.push(`text-decoration-${l.value}`), f.value && c.push(`font-weight-${f.value}`), a.value && c.push("font-italic"), c.join(" ");
     });
     return (c, u) => (v(), Y("span", {
@@ -1947,7 +1947,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "autoGrow"]), { prop: o } = r(e, ["settings", "clearable"]), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: f } = r(e, ["settings", "maxRows"]), { prop: d } = r(e, ["settings", "placeholder"]), { prop: c } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: p } = r(e, ["settings", "rows"]), { prop: b } = r(e, ["settings", "singleLine"]), { theme: y } = E(), { prop: g } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
+    const e = t, { prop: i } = r(e, ["settings", "autoGrow"]), { prop: o } = r(e, ["settings", "clearable"]), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "loading"]), { prop: f } = r(e, ["settings", "maxRows"]), { prop: d } = r(e, ["settings", "placeholder"]), { prop: c } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: p } = r(e, ["settings", "rows"]), { prop: b } = r(e, ["settings", "singleLine"]), { theme: y } = N(), { prop: g } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
     return (S, A) => {
       const R = P("v-textarea");
       return v(), w(n(Z), null, {
@@ -1988,7 +1988,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: y } = r(e, [
       "settings",
       "prependInnerIcon"
-    ]), { prop: g } = r(e, ["settings", "readonly"]), { prop: x } = r(e, ["settings", "reverse"]), { prop: S } = r(e, ["settings", "singleLine"]), { prop: A } = r(e, ["settings", "suffix"]), { theme: R } = E(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["slots", "append"]), { prop: N } = r(e, [
+    ]), { prop: g } = r(e, ["settings", "readonly"]), { prop: x } = r(e, ["settings", "reverse"]), { prop: S } = r(e, ["settings", "singleLine"]), { prop: A } = r(e, ["settings", "suffix"]), { theme: R } = N(), { prop: W } = r(e, ["settings", "value"]), { prop: F } = r(e, ["settings", "variant"]), { prop: D } = r(e, ["slots", "append"]), { prop: E } = r(e, [
       "slots",
       "appendInner"
     ]), { prop: I } = r(e, ["slots", "prepend"]), { prop: M } = r(e, [
@@ -2032,11 +2032,11 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
               ]),
               key: "0"
             } : void 0,
-            n(N) ? {
+            n(E) ? {
               name: "append-inner",
               fn: $(() => [
                 H(n(fe), {
-                  "ref-context": { refid: n(N) },
+                  "ref-context": { refid: n(E) },
                   state: {}
                 }, null, 8, ["ref-context"])
               ]),
@@ -2094,7 +2094,7 @@ const Wl = /* @__PURE__ */ ge(Ll, [["render", Bl]]), Nl = /* @__PURE__ */ V({
       "settings",
       "line",
       "truncate"
-    ]), { theme: g } = E();
+    ]), { theme: g } = N();
     return (x, S) => {
       const A = P("v-timeline");
       return v(), w(A, {
@@ -2135,7 +2135,7 @@ const Ul = /* @__PURE__ */ ge(jl, [["render", Kl]]), Ol = /* @__PURE__ */ V({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "continuous"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "reverse"]), { prop: a } = r(e, ["settings", "showArrows"]), { prop: m } = r(e, ["settings", "touch"]), { theme: f } = E(), { prop: d } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "continuous"]), { prop: o } = r(e, ["settings", "disabled"]), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "reverse"]), { prop: a } = r(e, ["settings", "showArrows"]), { prop: m } = r(e, ["settings", "touch"]), { theme: f } = N(), { prop: d } = r(e, ["settings", "value"]);
     return (c, u) => {
       const p = P("v-window");
       return v(), w(p, {
@@ -2166,7 +2166,7 @@ function Yl(t, e) {
     _: 3
   });
 }
-const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue = "badge_v1", Wn = "breadcrumbs_v1", Oe = "bar_chart_v1", Xe = "box_geometry_v1", Ye = "btn_v1", Je = "btn_group_v1", Ze = "btn_toggle_v1", qe = "card_v1", Qe = "checkbox_v1", et = "chip_v1", tt = "chip_group_v1", nt = "color_picker_v1", it = "combobox_v1", ot = "container_v1", st = "data_table_v1", rt = "date_picker_v1", lt = "dialog_v1", at = "directional_light_v1", ut = "file_input_v1", ct = "flex_layout_v1", fo = "flex_layout_entry_v1", pt = "form_v1", en = "globality_v1", mt = "group_v1", dt = "icon_v1", ft = "keyboard_controls_v1", bt = "line_chart_v1", yt = "map_controls_v1", ht = "menu_v1", gt = "mesh_v1", Zl = "mesh_basic_material_v1", Nn = "multiple_ref_v1", xt = "number_input_v1", vt = "orbit_controls_v1", kt = "orthographic_camera_v1", _t = "pagination_v1", wt = "perspective_camera_v1", Vt = "point_light_v1", bo = "radio_v1", $t = "radio_group_v1", It = "range_slider_v1", St = "rating_v1", En = "render_switch_v1", Ct = "select_v1", Re = "single_ref_v1", Tt = "slider_v1", Pt = "sphere_geometry_v1", zt = "spot_light_v1", At = "stepper_v1", yo = "stepper_header_v1", ho = "stepper_item_v1", go = "stepper_window_v1", xo = "stepper_window_item_v1", Lt = "switch_v1", vo = "tab_v1", Rn = "table_v1", Bt = "tabs_v1", Wt = "text_v1", Nt = "textarea_v1", Et = "text_field_v1", Rt = "timeline_v1", ko = "timeline_item_v1", Dt = "window_v1", _o = "window_item_v1", h = {
+const Jl = /* @__PURE__ */ ge(Xl, [["render", Yl]]), Ke = "ambient_light_v1", Ue = "badge_v1", Wn = "breadcrumbs_v1", Oe = "bar_chart_v1", Xe = "box_geometry_v1", Ye = "btn_v1", Je = "btn_group_v1", Ze = "btn_toggle_v1", qe = "card_v1", Qe = "checkbox_v1", et = "chip_v1", tt = "chip_group_v1", nt = "color_picker_v1", it = "combobox_v1", ot = "container_v1", st = "data_table_v1", rt = "date_picker_v1", lt = "dialog_v1", at = "directional_light_v1", ut = "file_input_v1", ct = "flex_layout_v1", fo = "flex_layout_entry_v1", pt = "form_v1", en = "globality_v1", mt = "group_v1", dt = "icon_v1", ft = "keyboard_controls_v1", bt = "line_chart_v1", yt = "map_controls_v1", ht = "menu_v1", gt = "mesh_v1", Zl = "mesh_basic_material_v1", En = "multiple_ref_v1", xt = "number_input_v1", vt = "orbit_controls_v1", kt = "orthographic_camera_v1", _t = "pagination_v1", wt = "perspective_camera_v1", Vt = "point_light_v1", bo = "radio_v1", $t = "radio_group_v1", It = "range_slider_v1", St = "rating_v1", Nn = "render_switch_v1", Ct = "select_v1", Re = "single_ref_v1", Tt = "slider_v1", Pt = "sphere_geometry_v1", zt = "spot_light_v1", At = "stepper_v1", yo = "stepper_header_v1", ho = "stepper_item_v1", go = "stepper_window_v1", xo = "stepper_window_item_v1", Lt = "switch_v1", vo = "tab_v1", Rn = "table_v1", Bt = "tabs_v1", Wt = "text_v1", Et = "textarea_v1", Nt = "text_field_v1", Rt = "timeline_v1", ko = "timeline_item_v1", Dt = "window_v1", _o = "window_item_v1", h = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -3222,7 +3222,7 @@ _(Ce);
 const ha = {
   key: mt,
   name: "x-runtime-lib.group",
-  comp: Es,
+  comp: Ns,
   props: {
     pageScene: [h, X],
     compScene: [h, X]
@@ -4751,7 +4751,7 @@ const _i = {
     }
   ]
 }, mn = {
-  key: Et,
+  key: Nt,
   name: "x-runtime-lib.textField",
   comp: Gl,
   props: {
@@ -4789,7 +4789,7 @@ const _i = {
   leaf: !0
 };
 _(mn);
-function Na(t, e) {
+function Ea(t, e) {
   const i = `type=${t} subtype=${e}`, o = z(t, e);
   if (!o) {
     console.error(`formV1/spawn prop tag not found, ${i}`);
@@ -4801,9 +4801,9 @@ function Na(t, e) {
     return;
   }
   const s = {};
-  return T(s, l), s.basic.id = C(16), s.basic.key = dn.key, s.children = [Ea(t, e)], s;
+  return T(s, l), s.basic.id = C(16), s.basic.key = dn.key, s.children = [Na(t, e)], s;
 }
-function Ea(t, e) {
+function Na(t, e) {
   const i = `type=${t} subtype=${e}`, o = z(t, e);
   if (!o) {
     console.error(`formV1/spawnTextField prop tag not found, ${i}`);
@@ -4852,7 +4852,7 @@ const Vi = {
   ],
   methods: [],
   slots: [],
-  spawn: Na
+  spawn: Ea
 };
 _(dn);
 const Ra = B(K), $i = {
@@ -5777,7 +5777,7 @@ const hn = {
   slots: []
 };
 _(hn);
-const Ni = {
+const Ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5793,8 +5793,8 @@ const Ni = {
   name: "x-runtime-lib.stepperItem",
   comp: Al,
   props: {
-    pageCommon: [h, Ni],
-    compCommon: [h, Ni]
+    pageCommon: [h, Ei],
+    compCommon: [h, Ei]
   },
   events: [],
   methods: [],
@@ -5814,7 +5814,7 @@ const xn = {
   slots: []
 };
 _(xn);
-const Ei = {
+const Ni = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5828,10 +5828,10 @@ const Ei = {
 }, vn = {
   key: xo,
   name: "x-runtime-lib.stepperWindowItem",
-  comp: Nl,
+  comp: El,
   props: {
-    pageCommon: [h, Ei],
-    compCommon: [h, Ei]
+    pageCommon: [h, Ni],
+    compCommon: [h, Ni]
   },
   events: [],
   methods: [],
@@ -5964,7 +5964,7 @@ _(kn);
 const Qa = {
   key: Lt,
   name: "x-runtime-lib.switch",
-  comp: El,
+  comp: Nl,
   props: {
     pageCommon: [h],
     compCommon: [h]
@@ -6341,7 +6341,7 @@ const Gi = {
     }
   ]
 }, Vn = {
-  key: Nt,
+  key: Et,
   name: "x-runtime-lib.textarea",
   comp: Fl,
   props: {
@@ -6817,7 +6817,7 @@ const cu = [
   timelineDirectionItemsV1: Au,
   timelineSideItemsV1: Lu,
   timelineTruncateLineItemsV1: Bu
-}, Symbol.toStringTag, { value: "Module" })), Nu = [
+}, Symbol.toStringTag, { value: "Module" })), Eu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6857,7 +6857,7 @@ const cu = [
     max: 1 / 0,
     step: 1
   }
-], Eu = [
+], Nu = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7012,8 +7012,8 @@ const cu = [
   }
 ], Hu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  borderWidthTypesV1: Nu,
-  leftRightTypesV1: Eu,
+  borderWidthTypesV1: Eu,
+  leftRightTypesV1: Nu,
   marginTypesV1: Ru,
   paddingTypesV1: Du,
   sizeTypesV1: Mu,
@@ -7044,8 +7044,8 @@ const cu = [
     items: [
       pt,
       Wt,
-      Et,
       Nt,
+      Et,
       xt,
       Ct,
       it,
@@ -7091,7 +7091,7 @@ const cu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Re, Nn, En]
+    items: [Re, En, Nn]
   }
 ], Ku = [
   {
@@ -7149,8 +7149,8 @@ const cu = [
     items: [
       pt,
       Wt,
-      Et,
       Nt,
+      Et,
       xt,
       Ct,
       it,
@@ -7196,7 +7196,7 @@ const cu = [
   {
     key: "dynamic",
     name: "x-runtime-lib.dynamic",
-    items: [Re, Nn, En]
+    items: [Re, En, Nn]
   }
 ], Ou = [
   {
@@ -7267,7 +7267,7 @@ const cu = [
     yt,
     ht,
     gt,
-    Nn,
+    En,
     xt,
     vt,
     kt,
@@ -7278,7 +7278,7 @@ const cu = [
     $t,
     It,
     St,
-    En,
+    Nn,
     Ct,
     Re,
     Tt,
@@ -7294,8 +7294,8 @@ const cu = [
     Rn,
     Bt,
     Wt,
-    Nt,
     Et,
+    Nt,
     Rt,
     ko,
     Dt,
@@ -7502,13 +7502,13 @@ function Wc(t) {
 function Le() {
   return oe(Co);
 }
-function Nc(t) {
+function Ec(t) {
   se(To, t);
 }
 function me() {
   return oe(To);
 }
-function Ec(t) {
+function Nc(t) {
   se(Po, t);
 }
 function de() {
@@ -7530,12 +7530,12 @@ function Ie(t) {
   const e = [t.type];
   return t.type === "elementProp" ? e.push(t.nodeId, t.propKeys) : t.type === "customProp" || t.type === "adaptSlotProp" ? e.push(t.propId) : t.type === "customState" ? e.push(t.stateId) : console.assert(!1), e.join("@");
 }
-function Ne(t, e, i, o, l) {
+function Ee(t, e, i, o, l) {
   const { watchEffect: s, bind: a } = e;
   if (s[i])
     for (const m of s[i]) {
       const f = ns(m);
-      t.callFunction(`__watchEffect$${f}__();`);
+      t.callFunction(`__watchEffect$${f}__`);
     }
   if (a.triggers[i])
     for (const m of a.triggers[i]) {
@@ -8012,7 +8012,7 @@ class mc {
       (o, l) => {
         rc(e, o, l);
       }
-    ), this.interpreter.appendCode(i), this.interpreter.run(), this.setVariable("__env__", e.env), this.setVariable("__mode__", e.mode), this.callFunction("__triggerEventV1__", ["startup@globality"]);
+    ), this.interpreter.appendCode(i), this.interpreter.run(), this.setVariable("__env__", e.env), this.setVariable("__mode__", e.mode), this.callFunction("__triggerEventV1__", ["elementEvent@startup@globality"]);
   }
   destroyInterpreter() {
     this.interpreter && (this.callFunction("__destroy__"), this.interpreter = void 0);
@@ -8052,7 +8052,7 @@ function dc(t) {
       x ?? g
     ]), t.value?.code.reactivity)) {
       let S = "";
-      y instanceof Array ? S = y.join(".") : S = y, Ne(
+      y instanceof Array ? S = y.join(".") : S = y, Ee(
         u,
         t.value.code.reactivity,
         Ie({
@@ -8069,7 +8069,7 @@ function dc(t) {
       `customPropChange@${b}`,
       y,
       g ?? y
-    ]), t.value?.code.reactivity && Ne(
+    ]), t.value?.code.reactivity && Ee(
       u,
       t.value.code.reactivity,
       Ie({ type: "customProp", propId: b }),
@@ -8077,7 +8077,7 @@ function dc(t) {
       g
     ));
   }, d = (b, y, g) => {
-    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Ne(
+    o !== "runtime" && o !== "preview" || t.value?.code.reactivity && Ee(
       u,
       t.value.code.reactivity,
       Ie({ type: "customState", stateId: b }),
@@ -8089,7 +8089,7 @@ function dc(t) {
       `adaptSlotProp@${b}`,
       y,
       g ?? y
-    ]), t.value?.code.reactivity && Ne(
+    ]), t.value?.code.reactivity && Ee(
       u,
       t.value.code.reactivity,
       Ie({ type: "adaptSlotProp", propId: b }),
@@ -8116,9 +8116,9 @@ function dc(t) {
   }), (o === "runtime" || o === "preview") && q(
     s,
     (b, y) => {
-      const g = Ee(b.width), x = Ee(y?.width ?? b.width);
+      const g = Ne(b.width), x = Ne(y?.width ?? b.width);
       u.callFunction("__triggerEventV1__", [
-        "screenSizeChange@globality",
+        "elementEvent@screenSizeChange@globality",
         g,
         x
       ]);
@@ -8128,7 +8128,7 @@ function dc(t) {
     a,
     (b) => {
       u.callFunction("__triggerEventV1__", [
-        "darkModeChange@globality",
+        "elementEvent@darkModeChange@globality",
         b
       ]);
     },
@@ -8155,7 +8155,7 @@ export {
   wa as btnGroupV1,
   Va as btnToggleV1,
   rn as btnV1,
-  Ee as calcBreakpoint,
+  Ne as calcBreakpoint,
   Pe as cardV1,
   Ia as checkboxV1,
   an as chipGroupV1,
@@ -8218,14 +8218,14 @@ export {
   wo as pkgs,
   ba as pointLightV1,
   Wc as provideDark,
-  Ec as provideData,
+  Nc as provideData,
   Rc as provideDepends,
   Bc as provideDevice,
   Ac as provideEnv,
   Lc as provideMode,
   zc as provideOrg,
   tc as provideSandbox,
-  Nc as provideType,
+  Ec as provideType,
   yn as radioGroupV1,
   bn as radioV1,
   Ka as rangeSliderV1,
@@ -8251,7 +8251,7 @@ export {
   Vn as textareaV1,
   $n as timelineItemV1,
   In as timelineV1,
-  Ne as triggerReactivity,
+  Ee as triggerReactivity,
   $c as types,
   dc as useSandbox,
   Sn as windowItemV1,

package/package.json

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