x-runtime-lib 0.8.66 → 0.8.67

package/dist/index.js

@@ -6,7 +6,7 @@ import { useTheme as _r } from "vuetify";
 import { getErrorMessage as wr } from "x-error-lib";
 import { useI18n as bo } from "vue-i18n";
 const Qn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-function P(t) {
+function T(t) {
   let e = "";
   for (let i = 0; i < t; i++) {
     const o = Math.floor(Math.random() * Qn.length);
@@ -47,7 +47,7 @@ function Fe(t) {
 function ei(t) {
   return ho.findIndex((e) => e === t);
 }
-function Pe(t, e) {
+function Te(t, e) {
   let i;
   for (const o of Vr) {
     if (ei(o) < ei(t))
@@ -146,7 +146,7 @@ function Cr(t) {
   }
   return !0;
 }
-function Pr(t) {
+function Tr(t) {
   switch (t) {
     case "referenceMethod":
     case "multipleRefMethod":
@@ -156,7 +156,7 @@ function Pr(t) {
   }
   return !0;
 }
-function Tr(t) {
+function Pr(t) {
   switch (t) {
     case "referenceEvent":
     case "multipleRefEvent":
@@ -186,12 +186,12 @@ function Xu(t, e) {
 function Yu(t, e) {
   const { i18n: i } = ge;
   let o = "";
-  return t === "elementMethod" || (t === "referenceMethod" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customMethod" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Rn(o, e, Pr(t));
+  return t === "elementMethod" || (t === "referenceMethod" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefMethod" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customMethod" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotMethod" || t === "customSlotMethod" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Rn(o, e, Tr(t));
 }
 function qu(t, e) {
   const { i18n: i } = ge;
   let o = "";
-  return t === "elementEvent" || (t === "referenceEvent" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customEvent" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotEvent" || t === "customSlotEvent" ? o = i.global.t("x-runtime-lib.slot") : t === "elementPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = i.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.customPropertyChange") : t === "elementSlotPropertyChangeEvent" || t === "customSlotPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.slotPropertyChange") : t === "stateChangeEvent" ? o = i.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Rn(o, e, Tr(t));
+  return t === "elementEvent" || (t === "referenceEvent" ? o = i.global.t("x-runtime-lib.reference") : t === "multipleRefEvent" ? o = i.global.t("x-runtime-lib.multipleRef") : t === "customEvent" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotEvent" || t === "customSlotEvent" ? o = i.global.t("x-runtime-lib.slot") : t === "elementPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.propertyChange") : t === "referencePropertyChangeEvent" ? o = i.global.t("x-runtime-lib.referencePropertyChange") : t === "multipleRefPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.multipleRefPropertyChange") : t === "customPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.customPropertyChange") : t === "elementSlotPropertyChangeEvent" || t === "customSlotPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.slotPropertyChange") : t === "stateChangeEvent" ? o = i.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Rn(o, e, Pr(t));
 }
 const ze = {}, w = (t) => {
   ze[t.key] = t;
@@ -777,7 +777,7 @@ const Zr = /* @__PURE__ */ Se(qr, [["render", Jr]]), Qr = ["position", "rotation
       B(r.$slots, "default")
     ], 8, ts));
   }
-}), is = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], os = "#242424", rs = {}, ss = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, ls = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, as = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, cs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ms = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, bs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hs = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, gs = { 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" } }, xs = { 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)" } } }, vs = { 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)" } } }, ks = { 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"] } } }, _s = { 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"] } } }, ws = { 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"] } } }, Vs = { 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"] } } }, Is = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, $s = { textStyle: { color: "#eeeeee" } }, Ss = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Cs = { 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" } } }, Ps = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ts = { 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" } }, zs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, As = {
+}), is = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], os = "#242424", rs = {}, ss = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, ls = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, as = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, cs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, us = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ps = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ms = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ys = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, bs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, hs = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, gs = { 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" } }, xs = { 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)" } } }, vs = { 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)" } } }, ks = { 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"] } } }, _s = { 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"] } } }, ws = { 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"] } } }, Vs = { 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"] } } }, Is = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, $s = { textStyle: { color: "#eeeeee" } }, Ss = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, Cs = { 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" } } }, Ts = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Ps = { 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" } }, zs = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, As = {
   color: is,
   backgroundColor: os,
   textStyle: rs,
@@ -804,8 +804,8 @@ const Zr = /* @__PURE__ */ Se(qr, [["render", Jr]]), Qr = ["position", "rotation
   legend: $s,
   tooltip: Ss,
   timeline: Cs,
-  visualMap: Ps,
-  dataZoom: Ts,
+  visualMap: Ts,
+  dataZoom: Ps,
   markPoint: zs
 }, Ls = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Es = "#f5f5f5", Bs = {}, Ws = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Rs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ns = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Ms = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Ds = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Fs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Gs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, js = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Hs = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Os = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ks = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Us = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Xs = { 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" } }, Ys = { 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)" } } }, qs = { itemStyle: { areaColor: "#eee", borderColor: "#444", borderWidth: 0.5 }, label: { color: "#000" }, emphasis: { itemStyle: { areaColor: "rgba(255,215,0,0.8)", borderColor: "#444", borderWidth: 1 }, label: { color: "rgb(100,0,0)" } } }, Js = { axisLine: { show: !0, lineStyle: { color: "#6e7079" } }, axisTick: { show: !0, lineStyle: { color: "#6e7079" } }, axisLabel: { show: !0, color: "#6e7079" }, splitLine: { show: !0, lineStyle: { color: ["#e0e6f1"] } }, splitArea: { show: !1, areaStyle: { color: ["#eeeeee"] } } }, Zs = { 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"] } } }, Qs = { 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"] } } }, el = { 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"] } } }, tl = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, nl = { textStyle: { color: "#333333" } }, il = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, ol = { 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" } } }, rl = { color: ["#bf444c", "#d88273", "#f6efa6"] }, sl = { 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" } }, ll = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, al = {
   color: Ls,
@@ -860,10 +860,10 @@ const cl = /* @__PURE__ */ V({
     const e = t, i = Ce(), o = Ne(), s = fe(), r = ke(), { width: a, minWidth: c, maxWidth: p, height: d, minHeight: u, maxHeight: m, applySize: y } = ye(e), { applyTitle: b } = _o(e), { applyXAxis: g } = wo(e), { applyYAxis: x } = Vo(e), { applyLegend: $ } = vo(e), { applySeries: I } = ko(e), S = v(() => {
       const C = {}, G = r.value.type;
       return s === "page" ? G === "common" ? y(C) : console.assert(!1) : s === "comp" && G === "common" ? y(C) : console.assert(!1), C;
-    }), T = no("chart");
+    }), P = no("chart");
     let E;
     const F = () => {
-      E?.dispose(), E = yo.init(T.value, o.value ? "dark" : "light");
+      E?.dispose(), E = yo.init(P.value, o.value ? "dark" : "light");
       const C = {};
       E.setOption(C);
     }, j = () => {
@@ -873,7 +873,7 @@ const cl = /* @__PURE__ */ V({
       b(C), g(C), x(C), $(C), I(C), E?.setOption(C, !0);
     };
     return io(async () => {
-      window.addEventListener("resize", j, !1), await so(() => !!T.value), F(), N();
+      window.addEventListener("resize", j, !1), await so(() => !!P.value), F(), N();
     }), Ue(() => {
       window.removeEventListener("resize", j, !1), E?.dispose();
     }), oe(
@@ -918,10 +918,10 @@ const cl = /* @__PURE__ */ V({
     const e = t, i = Ce(), o = Ne(), s = fe(), r = ke(), { width: a, minWidth: c, maxWidth: p, height: d, minHeight: u, maxHeight: m, applySize: y } = ye(e), { applyTitle: b } = _o(e), { applyXAxis: g } = wo(e), { applyYAxis: x } = Vo(e), { applyLegend: $ } = vo(e), { applySeries: I } = ko(e), S = v(() => {
       const C = {}, G = r.value.type;
       return s === "page" ? G === "common" ? y(C) : console.assert(!1) : s === "comp" && G === "common" ? y(C) : console.assert(!1), C;
-    }), T = no("chart");
+    }), P = no("chart");
     let E;
     const F = () => {
-      E?.dispose(), E = yo.init(T.value, o.value ? "dark" : "light");
+      E?.dispose(), E = yo.init(P.value, o.value ? "dark" : "light");
       const C = {};
       E.setOption(C);
     }, j = () => {
@@ -931,7 +931,7 @@ const cl = /* @__PURE__ */ V({
       b(C), g(C), x(C), $(C), I(C), E?.setOption(C, !0);
     };
     return io(async () => {
-      window.addEventListener("resize", j, !1), await so(() => !!T.value), F(), N();
+      window.addEventListener("resize", j, !1), await so(() => !!P.value), F(), N();
     }), Ue(() => {
       window.removeEventListener("resize", j, !1), E?.dispose();
     }), oe(
@@ -1131,7 +1131,7 @@ const cl = /* @__PURE__ */ V({
     ]), { property: I } = l(e, [
       "settings",
       "readonly"
-    ]), { property: S } = l(e, ["settings", "ripple"]), { property: T } = l(e, ["settings", "size"]), { property: E } = l(e, ["settings", "stacked"]), { property: F } = l(e, ["settings", "text"]), { theme: j } = D(), { property: N } = l(e, ["settings", "variant"]), { property: C } = l(e, ["size", "width"]), G = (Z) => {
+    ]), { property: S } = l(e, ["settings", "ripple"]), { property: P } = l(e, ["settings", "size"]), { property: E } = l(e, ["settings", "stacked"]), { property: F } = l(e, ["settings", "text"]), { theme: j } = D(), { property: N } = l(e, ["settings", "variant"]), { property: C } = l(e, ["size", "width"]), G = (Z) => {
       Q(i) && (o.setVariable("__pointerPosX__", Z.clientX), o.setVariable("__pointerPosY__", Z.clientY), o.callFunction(
         "__triggerEventV1__",
         J("elementEvent", e.node.basic.id, "click")
@@ -1156,7 +1156,7 @@ const cl = /* @__PURE__ */ V({
             "prepend-icon": n($),
             readonly: n(I),
             ripple: n(S),
-            size: n(T),
+            size: n(P),
             stacked: n(E),
             text: n(F),
             theme: n(j),
@@ -1236,10 +1236,10 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       "subtitle"
     ]), { property: y } = l(e, ["settings", "text"]), { theme: b } = D(), { property: g } = l(e, ["settings", "title"]), { property: x } = l(e, ["settings", "variant"]), { property: $ } = l(e, ["size", "width"]);
     return (I, S) => {
-      const T = A("v-card");
+      const P = A("v-card");
       return h(), _(n(M), { block: "" }, {
         default: k(() => [
-          R(T, {
+          R(P, {
             density: n(i),
             disabled: n(o),
             height: n(s),
@@ -1566,7 +1566,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       });
     };
   }
-}), Pl = ["id"], Tl = /* @__PURE__ */ V({
+}), Tl = ["id"], Pl = /* @__PURE__ */ V({
   __name: "index",
   props: {
     node: {},
@@ -1589,7 +1589,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
           n(i) === "editor" ? (h(), te("div", {
             key: 0,
             id: `__node__@${o.value}`
-          }, null, 8, Pl)) : ne("", !0)
+          }, null, 8, Tl)) : ne("", !0)
         ]),
         default: k(() => [
           B(r.$slots, "default")
@@ -1654,13 +1654,13 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       "backgroundColor"
     ]), { color: u } = O(d), m = (b) => {
       u.value && (b.backgroundColor = u.value), b.display = "flex";
-      const g = Fe(i.value.width), x = Pe(g, e.node.settings?.direction);
+      const g = Fe(i.value.width), x = Te(g, e.node.settings?.direction);
       x === "row" ? b.flexDirection = "row" : x === "rowReverse" ? b.flexDirection = "row-reverse" : x === "column" ? b.flexDirection = "column" : x === "columnReverse" && (b.flexDirection = "column-reverse");
-      const $ = Pe(g, e.node.settings?.wrap);
+      const $ = Te(g, e.node.settings?.wrap);
       $ === "no" ? b.flexWrap = "nowrap" : $ === "yes" ? b.flexWrap = "wrap" : $ === "reverse" && (b.flexWrap = "wrap-reverse");
-      const I = Pe(g, e.node.settings?.mainAlign);
+      const I = Te(g, e.node.settings?.mainAlign);
       I === "start" ? b.justifyContent = "flex-start" : I === "end" ? b.justifyContent = "flex-end" : I === "center" ? b.justifyContent = "center" : I === "spaceBetween" ? b.justifyContent = "space-between" : I === "spaceAround" ? b.justifyContent = "space-around" : I === "spaceEvenly" && (b.justifyContent = "space-evenly");
-      const S = Pe(g, e.node.settings?.crossAlign);
+      const S = Te(g, e.node.settings?.crossAlign);
       S === "start" ? b.alignItems = "flex-start" : S === "end" ? b.alignItems = "flex-end" : S === "center" ? b.alignItems = "center" : S === "baseline" ? b.alignItems = "baseline" : S === "stretch" && (b.alignItems = "stretch");
     }, y = v(() => {
       const b = {}, g = s.value.type;
@@ -1715,7 +1715,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
       const S = A("v-form");
       return h(), _(S, {
         modelValue: n(a),
-        "onUpdate:modelValue": I[0] || (I[0] = (T) => X(a) ? a.value = T : null),
+        "onUpdate:modelValue": I[0] || (I[0] = (P) => X(a) ? a.value = P : null),
         "fast-fail": n(c),
         style: ee(g.value),
         onSubmit: Yo(x, ["prevent"])
@@ -1822,7 +1822,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { property: I } = l(e, [
       "settings",
       "readonly"
-    ]), { property: S } = l(e, ["settings", "reverse"]), { property: T } = l(e, [
+    ]), { property: S } = l(e, ["settings", "reverse"]), { property: P } = l(e, [
       "settings",
       "singleLine"
     ]), { property: E } = l(e, ["settings", "step"]), { property: F } = l(e, ["settings", "suffix"]), { theme: j } = D(), { property: N } = l(e, ["settings", "value"]), { property: C } = l(e, ["settings", "variant"]), { property: G } = l(e, ["size", "width"]);
@@ -1850,7 +1850,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
             "prepend-inner-icon": n($),
             readonly: n(I),
             reverse: n(S),
-            "single-line": n(T),
+            "single-line": n(P),
             step: n(E),
             suffix: n(F),
             theme: n(j),
@@ -2016,7 +2016,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
         N[C] = G;
       if (!fo(N))
         return N;
-    }), { property: T } = l(e, [
+    }), { property: P } = l(e, [
       "settings",
       "tickSize"
     ]), { property: E } = l(e, [
@@ -2053,7 +2053,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
             theme: n(b),
             "thumb-label": x.value,
             "thumb-size": n($),
-            "tick-size": n(T),
+            "tick-size": n(P),
             ticks: S.value
           }, null, 8, ["modelValue", "density", "direction", "disabled", "hide-details", "label", "max", "min", "readonly", "show-ticks", "step", "theme", "thumb-label", "thumb-size", "tick-size", "ticks"])
         ]),
@@ -2174,7 +2174,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
     ]), { color: I } = O($), { property: S } = l(e, [
       "settings",
       "thumbLabel"
-    ]), T = v(() => {
+    ]), P = v(() => {
       if (S.value === "always")
         return "always";
       if (S.value === "show")
@@ -2220,7 +2220,7 @@ const gl = /* @__PURE__ */ Se(bl, [["render", hl]]), xl = /* @__PURE__ */ V({
             step: n(g),
             theme: n(x),
             "thumb-color": n(I),
-            "thumb-label": T.value,
+            "thumb-label": P.value,
             "thumb-size": n(E),
             "tick-size": n(N),
             ticks: j.value,
@@ -2448,7 +2448,7 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
       "settings",
       "color",
       "sliderColor"
-    ]), { color: S } = O(I), { property: T } = l(e, ["settings", "stacked"]), { theme: E } = D(), { property: F } = l(e, ["settings", "value"]);
+    ]), { color: S } = O(I), { property: P } = l(e, ["settings", "stacked"]), { theme: E } = D(), { property: F } = l(e, ["settings", "value"]);
     return (j, N) => {
       const C = A("v-tabs");
       return h(), _(n(M), { block: "" }, {
@@ -2470,7 +2470,7 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
             mandatory: n(x),
             "show-arrows": n($),
             "slider-color": n(S),
-            stacked: n(T),
+            stacked: n(P),
             theme: n(E)
           }, {
             default: k(() => [
@@ -2497,7 +2497,7 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
       "settings",
       "emphasis"
     ]), { property: a } = l(e, ["settings", "italic"]), { property: c } = l(e, ["settings", "text"]), { property: p } = l(e, ["settings", "weight"]), d = v(() => {
-      const u = [], m = Fe(i.value.width), y = Pe(m, e.node.settings?.style);
+      const u = [], m = Fe(i.value.width), y = Te(m, e.node.settings?.style);
       return y && u.push(`text-${y}`), r.value === "high" ? u.push("text-high-emphasis") : r.value === "medium" ? u.push("text-medium-emphasis") : r.value === "disabled" && u.push("text-disabled"), o.value && u.push(`font-${o.value}`), s.value && u.push(`text-decoration-${s.value}`), p.value && u.push(`font-weight-${p.value}`), a.value && u.push("font-italic"), u.join(" ");
     });
     return (u, m) => (h(), _(n(M), null, {
@@ -2536,10 +2536,10 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
       "singleLine"
     ]), { theme: g } = D(), { property: x } = l(e, ["settings", "value"]), { property: $ } = l(e, ["settings", "variant"]);
     return (I, S) => {
-      const T = A("v-textarea");
+      const P = A("v-textarea");
       return h(), _(n(M), { block: "" }, {
         default: k(() => [
-          R(T, {
+          R(P, {
             modelValue: n(x),
             "onUpdate:modelValue": S[0] || (S[0] = (E) => X(x) ? x.value = E : null),
             "auto-grow": n(i),
@@ -2602,7 +2602,7 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
     ]), { property: $ } = l(e, ["settings", "reverse"]), { property: I } = l(e, [
       "settings",
       "singleLine"
-    ]), { property: S } = l(e, ["settings", "suffix"]), { theme: T } = D(), { property: E } = l(e, ["settings", "value"]), { property: F } = l(e, ["settings", "variant"]), { property: j } = l(e, ["slots", "append"]), { property: N } = l(e, [
+    ]), { property: S } = l(e, ["settings", "suffix"]), { theme: P } = D(), { property: E } = l(e, ["settings", "value"]), { property: F } = l(e, ["settings", "variant"]), { property: j } = l(e, ["slots", "append"]), { property: N } = l(e, [
       "slots",
       "appendInner"
     ]), { property: C } = l(e, [
@@ -2636,7 +2636,7 @@ const Ql = /* @__PURE__ */ Se(Jl, [["render", Zl]]), ea = /* @__PURE__ */ V({
             reverse: n($),
             "single-line": n(I),
             suffix: n(S),
-            theme: n(T),
+            theme: n(P),
             variant: n(F)
           }, En({ _: 2 }, [
             n(j) ? {
@@ -2810,7 +2810,7 @@ function da(t, e) {
     _: 3
   });
 }
-const ya = /* @__PURE__ */ Se(ma, [["render", da]]), Ye = "ambient_light_v1", qe = "badge_v1", Fn = "breadcrumbs_v1", Je = "bar_chart_v1", Ze = "box_geometry_v1", Qe = "btn_v1", et = "btn_group_v1", tt = "btn_toggle_v1", nt = "card_v1", it = "checkbox_v1", ot = "chip_v1", rt = "chip_group_v1", st = "color_picker_v1", lt = "combobox_v1", at = "container_v1", ct = "data_table_v1", ut = "date_picker_v1", pt = "dialog_v1", mt = "directional_light_v1", dt = "file_input_v1", yt = "flex_layout_v1", Io = "flex_layout_entry_v1", ft = "form_v1", sn = "globality_v1", bt = "group_v1", ht = "icon_v1", gt = "keyboard_controls_v1", xt = "line_chart_v1", vt = "map_controls_v1", kt = "menu_v1", _t = "mesh_v1", fa = "mesh_basic_material_v1", wt = "multiple_ref_v1", Vt = "number_input_v1", It = "orbit_controls_v1", $t = "orthographic_camera_v1", St = "pagination_v1", Ct = "perspective_camera_v1", Pt = "point_light_v1", $o = "radio_v1", Tt = "radio_group_v1", zt = "range_slider_v1", Ae = "reference_v1", At = "rating_v1", Lt = "render_switch_v1", Et = "select_v1", Bt = "slider_v1", Wt = "sphere_geometry_v1", Rt = "spot_light_v1", Nt = "stepper_v1", So = "stepper_header_v1", Co = "stepper_item_v1", Po = "stepper_window_v1", To = "stepper_window_item_v1", Mt = "switch_v1", zo = "tab_v1", Gn = "table_v1", Dt = "tabs_v1", Ft = "text_v1", Gt = "textarea_v1", jt = "text_field_v1", Ht = "timeline_v1", Ao = "timeline_item_v1", Ot = "window_v1", Lo = "window_item_v1", f = {
+const ya = /* @__PURE__ */ Se(ma, [["render", da]]), Ye = "ambient_light_v1", qe = "badge_v1", Fn = "breadcrumbs_v1", Je = "bar_chart_v1", Ze = "box_geometry_v1", Qe = "btn_v1", et = "btn_group_v1", tt = "btn_toggle_v1", nt = "card_v1", it = "checkbox_v1", ot = "chip_v1", rt = "chip_group_v1", st = "color_picker_v1", lt = "combobox_v1", at = "container_v1", ct = "data_table_v1", ut = "date_picker_v1", pt = "dialog_v1", mt = "directional_light_v1", dt = "file_input_v1", yt = "flex_layout_v1", Io = "flex_layout_entry_v1", ft = "form_v1", sn = "globality_v1", bt = "group_v1", ht = "icon_v1", gt = "keyboard_controls_v1", xt = "line_chart_v1", vt = "map_controls_v1", kt = "menu_v1", _t = "mesh_v1", fa = "mesh_basic_material_v1", wt = "multiple_ref_v1", Vt = "number_input_v1", It = "orbit_controls_v1", $t = "orthographic_camera_v1", St = "pagination_v1", Ct = "perspective_camera_v1", Tt = "point_light_v1", $o = "radio_v1", Pt = "radio_group_v1", zt = "range_slider_v1", Ae = "reference_v1", At = "rating_v1", Lt = "render_switch_v1", Et = "select_v1", Bt = "slider_v1", Wt = "sphere_geometry_v1", Rt = "spot_light_v1", Nt = "stepper_v1", So = "stepper_header_v1", Co = "stepper_item_v1", To = "stepper_window_v1", Po = "stepper_window_item_v1", Mt = "switch_v1", zo = "tab_v1", Gn = "table_v1", Dt = "tabs_v1", Ft = "text_v1", Gt = "textarea_v1", jt = "text_field_v1", Ht = "timeline_v1", Ao = "timeline_item_v1", Ot = "window_v1", Lo = "window_item_v1", f = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -3417,7 +3417,7 @@ function Ia(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Ee.key, r.transform = {
+  return z(r, s), r.basic.id = T(16), r.basic.key = Ee.key, r.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3454,7 +3454,7 @@ function $a(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = ln.key, r.settings = {
+  return z(r, s), r.basic.id = T(16), r.basic.key = ln.key, r.settings = {
     width: 1,
     height: 1,
     depth: 1,
@@ -3479,7 +3479,7 @@ function Sa(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Le.key, r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = Le.key, r;
 }
 const ii = {
   key: "settings",
@@ -3552,7 +3552,7 @@ function Ca(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Ee.key, r.transform = {
+  return z(r, s), r.basic.id = T(16), r.basic.key = Ee.key, r.transform = {
     position: {
       x: 0,
       y: 0,
@@ -3569,11 +3569,11 @@ function Ca(t, e) {
       z: 1
     }
   }, r.children = [
-    Pa(t, e),
-    Ta(t, e)
+    Ta(t, e),
+    Pa(t, e)
   ], r;
 }
-function Pa(t, e) {
+function Ta(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -3589,7 +3589,7 @@ function Pa(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = an.key, r.settings = {
+  return z(r, s), r.basic.id = T(16), r.basic.key = an.key, r.settings = {
     radius: 1,
     widthSegements: 32,
     heightSegements: 16,
@@ -3599,7 +3599,7 @@ function Pa(t, e) {
     thetaLength: 3.141592653589793
   }, r;
 }
-function Ta(t, e) {
+function Pa(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
     console.error(
@@ -3615,7 +3615,7 @@ function Ta(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Le.key, r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = Le.key, r;
 }
 const oi = {
   key: "settings",
@@ -3776,7 +3776,7 @@ const li = {
     }
   ]
 }, La = {
-  key: Pt,
+  key: Tt,
   name: "x-runtime-lib.pointLight",
   comp: Ur,
   properties: {
@@ -3901,7 +3901,7 @@ function Wa(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = cn.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = cn.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
     {
       type: "bar",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -3956,7 +3956,7 @@ function Ra(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = un.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = un.key, r.size.height = "300px", r.xAxis.data = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], r.series = [
     {
       type: "line",
       data: [120, 200, 150, 80, 70, 110, 130]
@@ -4181,7 +4181,7 @@ function Ga(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = pn.key, r.settings.text = "button", r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = pn.key, r.settings.text = "button", r;
 }
 const ja = W(K), bi = {
   key: "settings",
@@ -4390,7 +4390,7 @@ function Ka(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Be.key, r.children = [], r.settings.title = "title", r.settings.subtitle = "subtitle", r.settings.text = "text", r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = Be.key, r.children = [], r.settings.title = "title", r.settings.subtitle = "subtitle", r.settings.text = "text", r;
 }
 const gi = {
   key: "settings",
@@ -4593,7 +4593,7 @@ function Ya(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = dn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = dn.key, r.children = [
     _e(t, e, "chip1", "chip 1"),
     _e(t, e, "chip2", "chip 2"),
     _e(t, e, "chip3", "chip 3"),
@@ -4614,7 +4614,7 @@ function _e(t, e, i, o) {
     return;
   }
   const c = {};
-  return z(c, a), c.basic.id = P(16), c.basic.key = mn.key, c.settings.value = i, c.settings.text = o, c;
+  return z(c, a), c.basic.id = T(16), c.basic.key = mn.key, c.settings.value = i, c.settings.text = o, c;
 }
 const ki = {
   key: "settings",
@@ -4962,7 +4962,7 @@ w(Qa);
 const ec = {
   key: pt,
   name: "x-runtime-lib.dialog",
-  comp: Tl,
+  comp: Pl,
   properties: {
     pageCommon: [f],
     compCommon: [f]
@@ -5044,7 +5044,7 @@ function tc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = We.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = We.key, r.children = [
     bn(
       t,
       e,
@@ -5084,7 +5084,7 @@ function bn(t, e, i, o, s, r, a, c, p) {
     return;
   }
   const y = {};
-  return z(y, m), y.basic.id = P(16), y.basic.key = yn.key, o && (y.size.width = o), s && (y.size.minWidth = s), a && (y.size.height = a), c && (y.size.minHeight = c), i && (y.settings.backgroundColor.mode = "custom", y.settings.backgroundColor.custom.light = i, y.settings.backgroundColor.custom.dark = i), y.children = [], y;
+  return z(y, m), y.basic.id = T(16), y.basic.key = yn.key, o && (y.size.width = o), s && (y.size.minWidth = s), a && (y.size.height = a), c && (y.size.minHeight = c), i && (y.settings.backgroundColor.mode = "custom", y.settings.backgroundColor.custom.light = i, y.settings.backgroundColor.custom.dark = i), y.children = [], y;
 }
 function nc(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
@@ -5105,7 +5105,7 @@ function nc(t, e) {
       key: ""
     }
   };
-  return z(r, s), r.basic.id = P(16), r.basic.key = fn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = fn.key, r.children = [
     bn(
       t,
       e,
@@ -5121,7 +5121,7 @@ function nc(t, e) {
 const Hn = W(K);
 Hn.key = "backgroundColor";
 Hn.name = "x-runtime-lib.backgroundColor";
-const Pi = {
+const Ti = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5296,8 +5296,8 @@ const Pi = {
   name: "x-runtime-lib.flexLayout",
   comp: Al,
   properties: {
-    pageCommon: [f, U, Ve, Ie, $e, Pi],
-    compCommon: [f, U, Ve, Ie, $e, Pi]
+    pageCommon: [f, U, Ve, Ie, $e, Ti],
+    compCommon: [f, U, Ve, Ie, $e, Ti]
   },
   events: [
     {
@@ -5311,7 +5311,7 @@ const Pi = {
   spawn: tc
 };
 w(We);
-const Ti = {
+const Pi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5466,8 +5466,8 @@ const Ti = {
   name: "x-runtime-lib.textField",
   comp: sa,
   properties: {
-    pageCommon: [f, Ti, zi],
-    compCommon: [f, Ti, zi]
+    pageCommon: [f, Pi, zi],
+    compCommon: [f, Pi, zi]
   },
   events: [],
   methods: [],
@@ -5512,7 +5512,7 @@ function ic(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = gn.key, r.children = [oc(t, e)], r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = gn.key, r.children = [oc(t, e)], r;
 }
 function oc(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
@@ -5526,7 +5526,7 @@ function oc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = hn.key, r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = hn.key, r;
 }
 const Ai = {
   key: "settings",
@@ -5644,7 +5644,7 @@ function ac(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = xn.key, r.settings.label = "label", r.settings.placeholder = "placeholder", r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = xn.key, r.settings.label = "label", r.settings.placeholder = "placeholder", r;
 }
 const Ei = {
   key: "size",
@@ -5994,7 +5994,7 @@ function pc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = kn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = kn.key, r.children = [
     Qt(t, e, "option1", "Option 1"),
     Qt(t, e, "option2", "Option 2"),
     Qt(t, e, "option3", "Option 3")
@@ -6014,7 +6014,7 @@ function Qt(t, e, i, o) {
     return;
   }
   const c = {};
-  return z(c, a), c.basic.id = P(16), c.basic.key = vn.key, c.settings.value = i, c.settings.label = o, c;
+  return z(c, a), c.basic.id = T(16), c.basic.key = vn.key, c.settings.value = i, c.settings.label = o, c;
 }
 const Ni = {
   key: "settings",
@@ -6060,7 +6060,7 @@ const Ni = {
     }
   ]
 }, kn = {
-  key: Tt,
+  key: Pt,
   name: "x-runtime-lib.radioGroup",
   comp: Fl,
   properties: {
@@ -6515,7 +6515,7 @@ const Hi = {
 };
 w(wn);
 const Vn = {
-  key: Po,
+  key: To,
   name: "x-runtime-lib.stepperWindow",
   comp: Ql,
   properties: {
@@ -6539,7 +6539,7 @@ const Oi = {
     }
   ]
 }, In = {
-  key: To,
+  key: Po,
   name: "x-runtime-lib.stepperWindowItem",
   comp: ea,
   properties: {
@@ -6563,7 +6563,7 @@ function bc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = $n.key, r.children = [hc(t, e), gc(t, e)], r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = $n.key, r.children = [hc(t, e), gc(t, e)], r;
 }
 function hc(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
@@ -6577,7 +6577,7 @@ function hc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = _n.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = _n.key, r.children = [
     en(t, e, "step1"),
     en(t, e, "step2"),
     en(t, e, "step3")
@@ -6595,7 +6595,7 @@ function en(t, e, i) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = wn.key, a.children = [], a.settings.value = i, a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = wn.key, a.children = [], a.settings.value = i, a;
 }
 function gc(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
@@ -6609,7 +6609,7 @@ function gc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Vn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = Vn.key, r.children = [
     tn(t, e, "step1", "step 1"),
     tn(t, e, "step2", "step 2"),
     tn(t, e, "step3", "step 3")
@@ -6631,7 +6631,7 @@ function tn(t, e, i, o) {
     return;
   }
   const c = {};
-  return z(c, a), c.basic.id = P(16), c.basic.key = In.key, c.children = [xc(t, e, o)], c.settings.value = i, c;
+  return z(c, a), c.basic.id = T(16), c.basic.key = In.key, c.children = [xc(t, e, o)], c.settings.value = i, c;
 }
 function xc(t, e, i) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
@@ -6645,7 +6645,7 @@ function xc(t, e, i) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = Be.key, a.children = [], a.settings.title = i, a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = Be.key, a.children = [], a.settings.title = i, a;
 }
 const Ki = {
   key: "settings",
@@ -6735,7 +6735,7 @@ function kc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Cn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = Cn.key, r.children = [
     nn(t, e, "tab1", "tab 1"),
     nn(t, e, "tab2", "tab 2"),
     nn(t, e, "tab3", "tab 3")
@@ -6753,7 +6753,7 @@ function nn(t, e, i, o) {
     return;
   }
   const c = {};
-  return z(c, a), c.basic.id = P(16), c.basic.key = Sn.key, c.settings.value = i, c.settings.text = o, c;
+  return z(c, a), c.basic.id = T(16), c.basic.key = Sn.key, c.settings.value = i, c.settings.text = o, c;
 }
 const Xn = W(K);
 Xn.key = "backgroundColor";
@@ -6869,7 +6869,7 @@ function _c(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = xe.key, r.settings.text = "text", r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = xe.key, r.settings.text = "text", r;
 }
 const Yi = {
   key: "settings",
@@ -6978,13 +6978,13 @@ function wc(t, e) {
     console.error(`textareaV1/spawn property tag not found, ${i}`);
     return;
   }
-  const s = Pn.properties[o];
+  const s = Tn.properties[o];
   if (!s) {
     console.error(`textareaV1/spawn properties not found, ${i}`);
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Pn.key, r.settings.label = "label", r;
+  return z(r, s), r.basic.id = T(16), r.basic.key = Tn.key, r.settings.label = "label", r;
 }
 const qi = {
   key: "settings",
@@ -7057,7 +7057,7 @@ const qi = {
       default: 0
     }
   ]
-}, Pn = {
+}, Tn = {
   key: Gt,
   name: "x-runtime-lib.textarea",
   comp: ra,
@@ -7071,8 +7071,8 @@ const qi = {
   leaf: !0,
   spawn: wc
 };
-w(Pn);
-const Tn = {
+w(Tn);
+const Pn = {
   key: Ao,
   name: "x-runtime-lib.timelineItem",
   comp: ua,
@@ -7084,7 +7084,7 @@ const Tn = {
   methods: [],
   slots: []
 };
-w(Tn);
+w(Pn);
 function Vc(t, e) {
   const i = `type=${t} subtype=${e}`, o = L(t, e);
   if (!o) {
@@ -7097,7 +7097,7 @@ function Vc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = zn.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = zn.key, r.children = [
     on(t, e, "timeline 1"),
     on(t, e, "timeline 2"),
     on(t, e, "timeline 3")
@@ -7109,13 +7109,13 @@ function on(t, e, i) {
     console.error(`timelineV1/spawnEntry property tag not found, ${o}`);
     return;
   }
-  const r = Tn.properties[s];
+  const r = Pn.properties[s];
   if (!r) {
     console.error(`timelineV1/spawnEntry properties not found, ${o}`);
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = Tn.key, a.children = [Ic(t, e, i)], a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = Pn.key, a.children = [Ic(t, e, i)], a;
 }
 function Ic(t, e, i) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
@@ -7129,7 +7129,7 @@ function Ic(t, e, i) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = xe.key, a.settings.text = i, a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = xe.key, a.settings.text = i, a;
 }
 const $c = W(K), Sc = W(K), Ji = {
   key: "settings",
@@ -7248,7 +7248,7 @@ function Cc(t, e) {
     return;
   }
   const r = {};
-  return z(r, s), r.basic.id = P(16), r.basic.key = Ln.key, r.children = [
+  return z(r, s), r.basic.id = T(16), r.basic.key = Ln.key, r.children = [
     rn(t, e, "window 1"),
     rn(t, e, "window 2"),
     rn(t, e, "window 3")
@@ -7266,9 +7266,9 @@ function rn(t, e, i) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = An.key, a.children = [Pc(t, e, i)], a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = An.key, a.children = [Tc(t, e, i)], a;
 }
-function Pc(t, e, i) {
+function Tc(t, e, i) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(
@@ -7282,9 +7282,9 @@ function Pc(t, e, i) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = We.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Tc(t, e, i)], a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = We.key, a.size.height = "200px", a.settings.mainAlign.xs = "center", a.settings.crossAlign.xs = "center", a.settings.backgroundColor.mode = "theme", a.settings.backgroundColor.theme = "background2", a.children = [Pc(t, e, i)], a;
 }
-function Tc(t, e, i) {
+function Pc(t, e, i) {
   const o = `type=${t} subtype=${e}`, s = L(t, e);
   if (!s) {
     console.error(`windowV1/spawnText property tag not found, ${o}`);
@@ -7296,7 +7296,7 @@ function Tc(t, e, i) {
     return;
   }
   const a = {};
-  return z(a, r), a.basic.id = P(16), a.basic.key = xe.key, a.settings.text = i, a.settings.style.xs = "h6", a;
+  return z(a, r), a.basic.id = T(16), a.basic.key = xe.key, a.settings.text = i, a.settings.style.xs = "h6", a;
 }
 const Zi = {
   key: "settings",
@@ -7769,7 +7769,7 @@ const zc = [
       Et,
       lt,
       Mt,
-      Tt,
+      Pt,
       it,
       Bt,
       zt,
@@ -7829,7 +7829,7 @@ const zc = [
     items: [
       Ye,
       mt,
-      Pt,
+      Tt,
       Rt
     ]
   },
@@ -7874,7 +7874,7 @@ const zc = [
       Et,
       lt,
       Mt,
-      Tt,
+      Pt,
       it,
       Bt,
       zt,
@@ -7934,7 +7934,7 @@ const zc = [
     items: [
       Ye,
       mt,
-      Pt,
+      Tt,
       Rt
     ]
   },
@@ -7992,9 +7992,9 @@ const zc = [
     $t,
     St,
     Ct,
-    Pt,
-    $o,
     Tt,
+    $o,
+    Pt,
     zt,
     At,
     Ae,
@@ -8006,8 +8006,8 @@ const zc = [
     Nt,
     So,
     Co,
-    Po,
     To,
+    Po,
     Mt,
     zo,
     Gn,
@@ -8095,7 +8095,7 @@ function Qu(t, e, i, o, s) {
         key: ""
       }
     };
-    return z(y, m), y.basic.id = P(16), y.basic.key = p, y.reference = {
+    return z(y, m), y.basic.id = T(16), y.basic.key = p, y.reference = {
       comp: d
     }, y;
   } else {
@@ -8123,7 +8123,7 @@ function Qu(t, e, i, o, s) {
           key: ""
         }
       };
-      return z(m, u), m.basic.id = P(16), m.basic.key = p, d.leaf || (m.children = []), m;
+      return z(m, u), m.basic.id = T(16), m.basic.key = p, d.leaf || (m.children = []), m;
     }
   }
 }
@@ -8146,7 +8146,7 @@ function ep(t, e) {
 }
 function hu(t) {
   function e(o) {
-    o.basic.id = P(16), o.children?.forEach((s) => e(s));
+    o.basic.id = T(16), o.children?.forEach((s) => e(s));
   }
   const i = W(t);
   return e(i), i;
@@ -8212,7 +8212,7 @@ function ku(t) {
 function be() {
   return ae(Go);
 }
-function Te(t) {
+function Pe(t) {
   const e = [t.type];
   return t.type === "elementProperty" ? e.push(t.nodeId, t.propertyKeys) : t.type === "customProperty" || t.type === "adaptSlotProperty" ? e.push(t.propertyId) : t.type === "state" ? e.push(t.stateId) : console.assert(!1), e.join("/");
 }
@@ -8232,7 +8232,7 @@ function De(t, e, i, o, s) {
       }
       let d = null;
       for (const m of p)
-        if (i === Te(m)) {
+        if (i === Pe(m)) {
           if (m.subKeys) {
             if (!le(
               we(o, m.subKeys),
@@ -8536,17 +8536,14 @@ function Su(t) {
 function Cu(t) {
   Vu(t), $u(t), Su(t);
 }
-const Pu = `
+const Tu = `
 var __env__ = 'dev'
 var __mode__ = 'editor'
 
 function __getEnvV1__() {
   return __env__
 }
-
-var __pointerPosX__ = 0
-var __pointerPosY__ = 0
-`, Tu = `
+`, Pu = `
 var __events__ = {}
 
 function __onEventV1__(id, callback) {
@@ -8630,7 +8627,7 @@ function __destroy__() {
   __events__ = {}
   __timers__ = {}
 }
-`, Lu = Pu + Tu + zu + Au;
+`, Lu = Tu + Pu + zu + Au;
 function Eu(t) {
   return t instanceof Array ? t.join(".") : t;
 }
@@ -8717,14 +8714,20 @@ class Bu {
       console.error("Sandbox/getVariable invalid interpreter");
       return;
     }
-    return this.interpreter.getProperty(this.interpreter.globalObject, e);
+    return this.interpreter.pseudoToNative(
+      this.interpreter.getProperty(this.interpreter.globalObject, e)
+    );
   }
   setVariable(e, i) {
     if (!this.interpreter) {
       console.error("Sandbox/setVariable invalid interpreter");
       return;
     }
-    this.interpreter.setProperty(this.interpreter.globalObject, e, i);
+    this.interpreter.setProperty(
+      this.interpreter.globalObject,
+      e,
+      this.interpreter.nativeToPseudo(i)
+    );
   }
   run() {
     if (!this.interpreter) {
@@ -8754,7 +8757,7 @@ ${Ir(e)}} catch (e) {
     for (const r of i)
       o.push(JSON.stringify(r));
     const s = `try {
-  var __callFunctionResult__ = ${e}(${o.join(", ")});
+  ${e}(${o.join(", ")});
 } catch (e) {
   __messageV1__('error', 'run exception: ' + e.message);
 }
@@ -8868,7 +8871,7 @@ ${Ir(e)}} catch (e) {
   }
 }
 function Zn(t, e, i, o, s) {
-  const r = gu(), a = xu(), c = H(), p = fe(), d = Ce(), u = Ne(), m = (I, S, T, E) => {
+  const r = gu(), a = xu(), c = H(), p = fe(), d = Ce(), u = Ne(), m = (I, S, P, E) => {
     if (Q(c) && (x.callFunction(
       "__triggerEventV1__",
       J(
@@ -8876,65 +8879,65 @@ function Zn(t, e, i, o, s) {
         I,
         Eu(S)
       ),
-      T,
-      E ?? T
+      P,
+      E ?? P
     ), t.value?.code.reactivity)) {
       let F = "";
       S instanceof Array ? F = S.join(".") : F = S, De(
         x,
         t.value.code.reactivity,
-        Te({
+        Pe({
           type: "elementProperty",
           nodeId: I,
           propertyKeys: F
         }),
-        T,
+        P,
         E
       );
     }
-  }, y = (I, S, T) => {
+  }, y = (I, S, P) => {
     Q(c) && (x.callFunction(
       "__triggerEventV1__",
       J("customPropertyChangeEvent", "globality", I),
       S,
-      T ?? S
+      P ?? S
     ), x.parent?.callFunction(
       "__triggerEventV1__",
       J("referencePropertyChangeEvent", x.id, I),
       S,
-      T ?? S
+      P ?? S
     ), x.parent?.callFunction(
       "__triggerEventV1__",
       J("multipleRefPropertyChangeEvent", x.id, I),
       S,
-      T ?? S
+      P ?? S
     ), t.value?.code.reactivity && De(
       x,
       t.value.code.reactivity,
-      Te({ type: "customProperty", propertyId: I }),
+      Pe({ type: "customProperty", propertyId: I }),
       S,
-      T
+      P
     ));
-  }, b = (I, S, T) => {
+  }, b = (I, S, P) => {
     Q(c) && t.value?.code.reactivity && De(
       x,
       t.value.code.reactivity,
-      Te({ type: "adaptSlotProperty", propertyId: I }),
+      Pe({ type: "adaptSlotProperty", propertyId: I }),
       S,
-      T
+      P
     );
-  }, g = (I, S, T) => {
+  }, g = (I, S, P) => {
     Q(c) && (x.callFunction(
       "__triggerEventV1__",
       J("stateChangeEvent", "globality", I),
       S,
-      T ?? S
+      P ?? S
     ), t.value?.code.reactivity && De(
       x,
       t.value.code.reactivity,
-      Te({ type: "state", stateId: I }),
+      Pe({ type: "state", stateId: I }),
       S,
-      T
+      P
     ));
   }, x = new Bu(e, i, o, s, r, a, c, p, {
     onElementPropertyChange: m,
@@ -8953,11 +8956,11 @@ function Zn(t, e, i, o, s) {
   }), Q(c) && oe(
     d,
     (I, S) => {
-      const T = Fe(I.width), E = Fe(S?.width ?? I.width);
+      const P = Fe(I.width), E = Fe(S?.width ?? I.width);
       x.callFunction(
         "__triggerEventV1__",
         J("elementEvent", "globality", "screenSizeChange"),
-        T,
+        P,
         E
       );
     },
@@ -9014,8 +9017,8 @@ export {
   fn as flexLayoutEntryV1,
   We as flexLayoutV1,
   gn as formV1,
-  P as genId,
-  Pe as getBreakpointProp,
+  T as genId,
+  Te as getBreakpointProp,
   we as getField,
   ei as getIndexOfBreakpoint,
   ep as getNode,
@@ -9037,8 +9040,8 @@ export {
   fe as injectType,
   xo as isCircularRef,
   Q as isExecutableMode,
-  Tr as isLocaleOfEventKind,
-  Pr as isLocaleOfMethodKind,
+  Pr as isLocaleOfEventKind,
+  Tr as isLocaleOfMethodKind,
   Cr as isLocaleOfPropertyKind,
   Wn as isPercentStr,
   Xe as isPixelStr,
@@ -9048,7 +9051,7 @@ export {
   J as makeEventId,
   _u as makeMethodId,
   up as makePropertyId,
-  Te as makeTriggerId,
+  Pe as makeTriggerId,
   wa as mapControlsV1,
   lc as menuV1,
   Le as meshBasicMaterialV1,
@@ -9096,8 +9099,8 @@ export {
   Cn as tabsV1,
   hn as textFieldV1,
   xe as textV1,
-  Pn as textareaV1,
-  Tn as timelineItemV1,
+  Tn as textareaV1,
+  Pn as timelineItemV1,
   zn as timelineV1,
   qu as toEventName,
   Yu as toMethodName,

package/dist/sandbox/runtime/base.d.ts

@@ -1 +1 @@
-export declare const base = "\nvar __env__ = 'dev'\nvar __mode__ = 'editor'\n\nfunction __getEnvV1__() {\n  return __env__\n}\n\nvar __pointerPosX__ = 0\nvar __pointerPosY__ = 0\n";
+export declare const base = "\nvar __env__ = 'dev'\nvar __mode__ = 'editor'\n\nfunction __getEnvV1__() {\n  return __env__\n}\n";

package/package.json

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