x-runtime-lib 0.8.27 → 0.8.29

package/dist/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as $, 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 No, onUnmounted as Ke, createBlock as V, withCtx as I, createCommentVNode as ee, useTemplateRef as Xi, onMounted as Yi, nextTick as Ji, h as ae, resolveComponent as z, createVNode as H, isRef as O, createSlots as Pn, renderList as Mo, useId as Zi, withModifiers as Ro, normalizeClass as Do, toDisplayString as Fo, inject as oe, provide as se, readonly as zn } from "vue";
-import { globalObjects as be, waitUtil as qi, eventBus as Qi, useViewStack as eo, messageInfo as Go, messageSuccess as Ho, messageWarning as to, messageError as no, createAxios as jo, openConfirmDlg as Ko, openPromptDlg as Oo } from "x-essential-lib";
+import { defineComponent as $, 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 No, onUnmounted as je, createBlock as V, withCtx as I, createCommentVNode as ee, useTemplateRef as Xi, onMounted as Yi, nextTick as Ji, h as ae, resolveComponent as z, createVNode as H, isRef as O, createSlots as Pn, renderList as Mo, useId as Zi, withModifiers as Ro, normalizeClass as Do, toDisplayString as Fo, inject as oe, provide as se, readonly as zn } from "vue";
+import { globalObjects as be, waitUtil as qi, eventBus as Qi, useViewStack as eo, messageInfo as Go, messageSuccess as Ho, messageWarning as to, messageError as no, createAxios as Ko, openConfirmDlg as jo, openPromptDlg as Oo } from "x-essential-lib";
 import { CameraHelper as io, DirectionalLightHelper as Uo, PointLightHelper as Xo, SpotLightHelper as Yo } from "three";
 import { c as B, i as ne, q as Be, u as Jo, r as oo, e as so, a as Zo, b as qo, d as Qo, f as es, g as ts, h as ns, j as is, k as os, l as ro, X as ss, Y as rs, K as ls, m as as, n as us, o as cs, I as ms } from "./vendor.dd29fg1n.js";
 import { getErrorMessage as ps } from "x-error-lib";
@@ -46,12 +46,16 @@ function Pc(t, e, i) {
   return `${t}/${e}/${i}`;
 }
 function zc(t) {
-  const e = t.indexOf("/"), i = t.lastIndexOf("/");
-  return e < 0 || i < 0 ? (console.assert(!1, "invalid property id"), ["elementProperty", "", ""]) : [
-    t.substring(0, e),
-    t.substring(e + 1, i),
-    t.substring(i + 1)
-  ];
+  const e = t.split("/");
+  return e.length < 3 ? (console.assert(!1, "invalid property id"), {
+    kind: "elementProperty",
+    nodeId: "",
+    propertyKey: ""
+  }) : {
+    kind: e[0],
+    nodeId: e[1],
+    propertyKey: e[2]
+  };
 }
 function gs(t) {
   return t === "elementMethod" || t === "elementSlotMethod";
@@ -60,12 +64,16 @@ function Ac(t, e, i) {
   return `${t}/${e}/${i}`;
 }
 function Lc(t) {
-  const e = t.indexOf("/"), i = t.lastIndexOf("/");
-  return e < 0 || i < 0 ? (console.assert(!1, "invalid method id"), ["elementMethod", "", ""]) : [
-    t.substring(0, e),
-    t.substring(e + 1, i),
-    t.substring(i + 1)
-  ];
+  const e = t.split("/");
+  return e.length < 3 ? (console.assert(!1, "invalid method id"), {
+    kind: "elementMethod",
+    nodeId: "",
+    methodKey: ""
+  }) : {
+    kind: e[0],
+    nodeId: e[1],
+    methodKey: e[2]
+  };
 }
 function xs(t) {
   return t === "elementEvent" || t === "elementPropertyChangeEvent";
@@ -74,12 +82,16 @@ function Ce(t, e, i) {
   return `${t}/${e}/${i}`;
 }
 function Bc(t) {
-  const e = t.indexOf("/"), i = t.lastIndexOf("/");
-  return e < 0 || i < 0 ? (console.assert(!1, "invalid event id"), ["elementEvent", "", ""]) : [
-    t.substring(0, e),
-    t.substring(e + 1, i),
-    t.substring(i + 1)
-  ];
+  const e = t.split("/");
+  return e.length < 3 ? (console.assert(!1, "invalid event id"), {
+    kind: "elementEvent",
+    nodeId: "",
+    eventKey: ""
+  }) : {
+    kind: e[0],
+    nodeId: e[1],
+    eventKey: e[2]
+  };
 }
 const Yn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function T(t) {
@@ -162,25 +174,25 @@ function ao(t, e, i) {
 }
 function Ln(t, e, i) {
   const { i18n: o } = be;
-  let l = t;
-  return e.forEach((s, a) => {
+  let l = "";
+  return t && (l += t + " / "), e.forEach((s, a) => {
     a > 0 && (l += " - "), i ? l += o.global.t(s) : l += s;
   }), l;
 }
 function Ec(t, e) {
   const { i18n: i } = be;
   let o = "";
-  return e === "elementProperty" || (e === "refProperty" ? o = `${i.global.t("x-runtime-lib.ref")} / ` : e === "customProperty" ? o = `${i.global.t("x-runtime-lib.custom")} / ` : e === "elementSlotProperty" ? o = `${i.global.t("x-runtime-lib.slot")} / ` : e === "customSlotProperty" ? o = `${i.global.t("x-runtime-lib.slot")} / ` : console.assert(!1)), Ln(o, t, hs(e));
+  return t === "elementProperty" || (t === "refProperty" ? o = i.global.t("x-runtime-lib.ref") : t === "customProperty" ? o = i.global.t("x-runtime-lib.custom") : t === "elementSlotProperty" || t === "customSlotProperty" ? o = i.global.t("x-runtime-lib.slot") : console.assert(!1)), Ln(o, e, hs(t));
 }
 function Nc(t, e) {
   const { i18n: i } = be;
   let o = "";
-  return e === "elementMethod" || (e === "refMethod" ? o = `${i.global.t("x-runtime-lib.ref")} / ` : e === "customMethod" ? o = `${i.global.t("x-runtime-lib.custom")} / ` : e === "elementSlotMethod" ? o = `${i.global.t("x-runtime-lib.slot")} / ` : e === "customSlotMethod" ? o = `${i.global.t("x-runtime-lib.slot")} / ` : console.assert(!1)), Ln(o, t, gs(e));
+  return t === "elementMethod" || (t === "refMethod" ? o = i.global.t("x-runtime-lib.ref") : 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)), Ln(o, e, gs(t));
 }
 function Mc(t, e) {
   const { i18n: i } = be;
   let o = "";
-  return e === "elementEvent" || (e === "refEvent" ? o = `${i.global.t("x-runtime-lib.ref")} / ` : e === "customEvent" ? o = `${i.global.t("x-runtime-lib.custom")} / ` : e === "elementPropertyChangeEvent" || e === "customPropertyChangeEvent" ? o = `${i.global.t("x-runtime-lib.propertyChange")} / ` : e === "stateChangeEvent" ? o = `${i.global.t("x-runtime-lib.stateChange")} / ` : console.assert(!1)), Ln(o, t, xs(e));
+  return t === "elementEvent" || (t === "refEvent" ? o = i.global.t("x-runtime-lib.ref") : t === "customEvent" ? o = i.global.t("x-runtime-lib.custom") : t === "elementPropertyChangeEvent" || t === "customPropertyChangeEvent" ? o = i.global.t("x-runtime-lib.propertyChange") : t === "stateChangeEvent" ? o = i.global.t("x-runtime-lib.stateChange") : console.assert(!1)), Ln(o, e, xs(t));
 }
 const Te = {}, _ = (t) => {
   Te[t.key] = t;
@@ -312,7 +324,7 @@ function fo(t) {
   }
   return { show: e, position: i, type: o, data: l, applyYAxis: s };
 }
-function j(t) {
+function K(t) {
   const { computedThemes: e } = ds(), i = We(), o = k(() => t.value?.mode), l = k(() => {
     const b = t.value?.theme;
     return b ? b === "background0" ? i.value ? "#2e2e2e" : "#bdbdbd" : b === "background1" ? i.value ? "#272727" : "#eeeeee" : b === "background2" ? i.value ? "#1e1e1e" : "#ffffff" : (i.value ? e.value.dark : e.value.light).colors[b] : void 0;
@@ -326,7 +338,7 @@ function j(t) {
   return { color: a, rgb: p, alpha: d };
 }
 function Bn(t) {
-  const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), o = k(() => t.node.border?.color), { color: l } = j(o), s = k(() => t.node.border?.roundRadius?.tl), a = k(() => t.node.border?.roundRadius?.tr), p = k(() => t.node.border?.roundRadius?.bl), d = k(() => t.node.border?.roundRadius?.br);
+  const e = k(() => t.node.border?.style), i = k(() => t.node.border?.width), o = k(() => t.node.border?.color), { color: l } = K(o), s = k(() => t.node.border?.roundRadius?.tl), a = k(() => t.node.border?.roundRadius?.tr), p = k(() => t.node.border?.roundRadius?.bl), d = k(() => t.node.border?.roundRadius?.br);
   function b(m) {
     e.value && (m.borderStyle = e.value), i.value && (m.borderWidth = i.value), l.value && (m.borderColor = l.value), s.value && (m.borderTopLeftRadius = s.value), a.value && (m.borderTopRightRadius = a.value), p.value && (m.borderBottomLeftRadius = p.value), d.value && (m.borderBottomRightRadius = d.value);
   }
@@ -378,7 +390,7 @@ function bo(t, e, i) {
   const o = k(() => e.node.basic.id), l = k(() => `callMethod@${o.value}`);
   No(() => {
     t.eventBus?.on(l.value, i);
-  }), Ke(() => {
+  }), je(() => {
     t.eventBus?.off(l.value, i);
   });
 }
@@ -520,7 +532,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "intensity"]);
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = K(a), { prop: d } = r(e, ["settings", "intensity"]);
     return (b, m) => (v(), V(n(he), {
       position: n(o),
       rotation: n(l),
@@ -547,7 +559,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "intensity"]);
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = K(a), { prop: d } = r(e, ["settings", "intensity"]);
     return (b, m) => (v(), V(n(he), {
       position: n(o),
       rotation: n(l),
@@ -578,7 +590,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "decay"]), { prop: b } = r(e, ["settings", "distance"]), { prop: m } = r(e, ["settings", "intensity"]);
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "color"]), { color: p } = K(a), { prop: d } = r(e, ["settings", "decay"]), { prop: b } = r(e, ["settings", "distance"]), { prop: m } = r(e, ["settings", "intensity"]);
     return (u, c) => (v(), V(n(he), {
       position: n(o),
       rotation: n(l),
@@ -611,7 +623,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "angle"]), { prop: p } = r(e, ["settings", "color"]), { color: d } = j(p), { prop: b } = r(e, ["settings", "decay"]), { prop: m } = r(e, ["settings", "distance"]), { prop: u } = r(e, ["settings", "intensity"]), { prop: c } = r(e, ["settings", "penumbra"]);
+    const e = t, i = G(), { position: o, rotation: l, scale: s } = me(e), { prop: a } = r(e, ["settings", "angle"]), { prop: p } = r(e, ["settings", "color"]), { color: d } = K(p), { prop: b } = r(e, ["settings", "decay"]), { prop: m } = r(e, ["settings", "distance"]), { prop: u } = r(e, ["settings", "intensity"]), { prop: c } = r(e, ["settings", "penumbra"]);
     return (f, h) => (v(), V(n(he), {
       position: n(o),
       rotation: n(l),
@@ -643,7 +655,7 @@ const Vs = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
 function Fs(t, e) {
   return v(), Y("TresMeshBasicMaterial");
 }
-const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation", "scale"], js = /* @__PURE__ */ $({
+const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation", "scale"], Ks = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -668,7 +680,7 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
       _: 3
     }, 8, ["position", "rotation", "scale"]));
   }
-}), Ks = ["position", "rotation", "scale"], Os = /* @__PURE__ */ $({
+}), js = ["position", "rotation", "scale"], Os = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -682,7 +694,7 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
       scale: n(l)
     }, [
       L(s.$slots, "default")
-    ], 8, Ks));
+    ], 8, js));
   }
 }), Us = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Xs = "#242424", Ys = {}, Js = { textStyle: { color: "#eeeeee" }, subtextStyle: { color: "#aaaaaa" } }, Zs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, qs = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Qs = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, tr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, nr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, ir = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, or = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, sr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, rr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, lr = { itemStyle: { color: "#fd1050", color0: "#0cf49b", borderColor: "#fd1050", borderColor0: "#0cf49b", borderWidth: 1 } }, ar = { 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" } }, ur = { 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)" } } }, cr = { 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)" } } }, mr = { 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"] } } }, pr = { 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"] } } }, dr = { 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"] } } }, fr = { 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"] } } }, br = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, yr = { textStyle: { color: "#eeeeee" } }, hr = { axisPointer: { lineStyle: { color: "#eeeeee", width: "1" }, crossStyle: { color: "#eeeeee", width: "1" } } }, gr = { 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" } } }, xr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, vr = { 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" } }, kr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, _r = {
   color: Us,
@@ -714,7 +726,7 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
   visualMap: xr,
   dataZoom: vr,
   markPoint: kr
-}, wr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Vr = "#f5f5f5", $r = {}, Ir = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Sr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Cr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Tr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ar = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Mr = { 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" } }, Rr = { 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)" } } }, Dr = { 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)" } } }, Fr = { 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"] } } }, Gr = { 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"] } } }, Hr = { 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"] } } }, jr = { 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"] } } }, Kr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Or = { textStyle: { color: "#333333" } }, Ur = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Xr = { 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" } } }, Yr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Jr = { 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" } }, Zr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, qr = {
+}, wr = ["#dd6b66", "#759aa0", "#e69d87", "#8dc1a9", "#ea7e53", "#eedd78", "#73a373", "#73b9bc", "#7289ab", "#91ca8c", "#f49f42"], Vr = "#f5f5f5", $r = {}, Ir = { textStyle: { color: "#464646" }, subtextStyle: { color: "#6e7079" } }, Sr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Cr = { itemStyle: { borderWidth: 1 }, lineStyle: { width: 2 }, symbolSize: 4, symbol: "circle", smooth: !1 }, Tr = { itemStyle: { barBorderWidth: 0, barBorderColor: "#ccc" } }, Pr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, zr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Ar = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Lr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Br = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Wr = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Er = { itemStyle: { borderWidth: 0, borderColor: "#ccc" } }, Nr = { itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 } }, Mr = { 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" } }, Rr = { 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)" } } }, Dr = { 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)" } } }, Fr = { 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"] } } }, Gr = { 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"] } } }, Hr = { 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"] } } }, Kr = { 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"] } } }, jr = { iconStyle: { borderColor: "#999" }, emphasis: { iconStyle: { borderColor: "#666" } } }, Or = { textStyle: { color: "#333333" } }, Ur = { axisPointer: { lineStyle: { color: "#cccccc", width: "1" }, crossStyle: { color: "#cccccc", width: "1" } } }, Xr = { 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" } } }, Yr = { color: ["#bf444c", "#d88273", "#f6efa6"] }, Jr = { 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" } }, Zr = { label: { color: "#eee" }, emphasis: { label: { color: "#eee" } } }, qr = {
   color: wr,
   backgroundColor: Vr,
   textStyle: $r,
@@ -736,8 +748,8 @@ const Gs = /* @__PURE__ */ xe(Ds, [["render", Fs]]), Hs = ["position", "rotation
   categoryAxis: Fr,
   valueAxis: Gr,
   logAxis: Hr,
-  timeAxis: jr,
-  toolbox: Kr,
+  timeAxis: Kr,
+  toolbox: jr,
   legend: Or,
   tooltip: Ur,
   timeline: Xr,
@@ -781,7 +793,7 @@ const Qr = /* @__PURE__ */ $({
     };
     return Yi(async () => {
       window.addEventListener("resize", R, !1), await qi(() => !!M.value), F(), E();
-    }), Ke(() => {
+    }), je(() => {
       window.removeEventListener("resize", R, !1), W?.dispose();
     }), q(
       [
@@ -834,7 +846,7 @@ const Qr = /* @__PURE__ */ $({
     };
     return Yi(async () => {
       window.addEventListener("resize", R, !1), await qi(() => !!M.value), F(), E();
-    }), Ke(() => {
+    }), je(() => {
       window.removeEventListener("resize", R, !1), W?.dispose();
     }), q(
       [
@@ -966,13 +978,13 @@ const Qr = /* @__PURE__ */ $({
       "settings",
       "addIcon",
       "append"
-    ]), { prop: s } = r(e, ["settings", "block"]), { prop: a } = r(e, ["settings", "color"]), { color: p } = j(a), { prop: d } = r(e, ["settings", "density"]), { prop: b } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["size", "height"]), { prop: u } = r(e, ["settings", "loading"]), { prop: c } = r(e, ["size", "maxHeight"]), { prop: f } = r(e, ["size", "maxWidth"]), { prop: h } = r(e, ["size", "minHeight"]), { prop: x } = r(e, ["size", "minWidth"]), { prop: g } = r(e, [
+    ]), { prop: s } = r(e, ["settings", "block"]), { prop: a } = r(e, ["settings", "color"]), { color: p } = K(a), { prop: d } = r(e, ["settings", "density"]), { prop: b } = r(e, ["settings", "disabled"]), { prop: m } = r(e, ["size", "height"]), { prop: u } = r(e, ["settings", "loading"]), { prop: c } = r(e, ["size", "maxHeight"]), { prop: f } = r(e, ["size", "maxWidth"]), { prop: h } = r(e, ["size", "minHeight"]), { prop: x } = r(e, ["size", "minWidth"]), { prop: g } = r(e, [
       "settings",
       "addIcon",
       "prepend"
     ]), { prop: w } = r(e, ["settings", "readonly"]), { prop: C } = r(e, ["settings", "ripple"]), { prop: M } = r(e, ["settings", "size"]), { prop: W } = r(e, ["settings", "stacked"]), { prop: F } = r(e, ["settings", "text"]), { theme: R } = N(), { prop: E } = r(e, ["settings", "variant"]), { prop: S } = r(e, ["size", "width"]), D = (J) => {
       i !== "runtime" && i !== "preview" || (o.setVariable("__pointerPosX__", J.clientX), o.setVariable("__pointerPosY__", J.clientY), o.callFunction("__triggerEventV1__", [
-        Ce("elementEvent", "click", e.node.basic.id)
+        Ce("elementEvent", e.node.basic.id, "click")
       ]));
     };
     return (J, te) => {
@@ -1104,7 +1116,7 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
     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: p } = r(e, ["settings", "draggable"]), { prop: d } = r(e, ["settings", "filter"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "size"]), { prop: u } = r(e, ["settings", "text"]), { theme: c } = N(), { prop: f } = r(e, ["settings", "tile"]), { prop: h } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
+    const e = t, { prop: i } = r(e, ["settings", "closable"]), { prop: o } = r(e, ["settings", "color"]), { color: l } = K(o), { prop: s } = r(e, ["settings", "density"]), { prop: a } = r(e, ["settings", "disabled"]), { prop: p } = r(e, ["settings", "draggable"]), { prop: d } = r(e, ["settings", "filter"]), { prop: b } = r(e, ["settings", "label"]), { prop: m } = r(e, ["settings", "size"]), { prop: u } = r(e, ["settings", "text"]), { theme: c } = N(), { prop: f } = r(e, ["settings", "tile"]), { prop: h } = r(e, ["settings", "value"]), { prop: x } = r(e, ["settings", "variant"]);
     return (g, w) => {
       const C = z("v-chip");
       return v(), V(C, {
@@ -1219,7 +1231,7 @@ const sl = /* @__PURE__ */ xe(il, [["render", ol]]), rl = /* @__PURE__ */ $({
     const e = t, i = pe(), o = de(), { prop: l } = r(e, [
       "settings",
       "backgroundColor"
-    ]), { color: s } = j(l), { applySize: a } = ge(e), { applyMargin: p } = Wn(e), { applyPadding: d } = En(e), { applyBorder: b } = Bn(e), m = k(() => {
+    ]), { color: s } = K(l), { applySize: a } = ge(e), { applyMargin: p } = Wn(e), { applyPadding: d } = En(e), { applyBorder: b } = Bn(e), m = k(() => {
       const u = {}, c = o.value.type;
       return i === "page" ? c === "common" ? (a(u), p(u), d(u), b(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1) : i === "comp" && c === "common" ? (a(u), p(u), d(u), b(u), s.value && (u.backgroundColor = s.value)) : console.assert(!1), u;
     });
@@ -1341,7 +1353,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     const e = t, i = $e(), o = pe(), l = de(), { applySize: s } = ge(e), { applyMargin: a } = Wn(e), { applyPadding: p } = En(e), { applyBorder: d } = Bn(e), { prop: b } = r(e, [
       "settings",
       "backgroundColor"
-    ]), { color: m } = j(b), u = (f) => {
+    ]), { color: m } = K(b), u = (f) => {
       m.value && (f.backgroundColor = m.value), f.display = "flex";
       const h = Re(i.value.width), x = Ie(h, e.node.settings?.direction);
       x === "row" ? f.flexDirection = "row" : x === "rowReverse" ? f.flexDirection = "row-reverse" : x === "column" ? f.flexDirection = "column" : x === "columnReverse" && (f.flexDirection = "column-reverse");
@@ -1388,12 +1400,12 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     const e = t, i = G(), o = pe(), l = de(), s = Ee(), { prop: a } = r(e, ["settings", "valid"]), { prop: p } = r(e, ["settings", "fastFail"]), { prop: d } = r(e, [
       "settings",
       "backgroundColor"
-    ]), { color: b } = j(d), { applySize: m } = ge(e), { applyMargin: u } = Wn(e), { applyPadding: c } = En(e), { applyBorder: f } = Bn(e), h = k(() => {
+    ]), { color: b } = K(d), { applySize: m } = ge(e), { applyMargin: u } = Wn(e), { applyPadding: c } = En(e), { applyBorder: f } = Bn(e), h = k(() => {
       const g = {}, w = l.value.type;
       return o === "page" ? w === "common" ? (m(g), u(g), c(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1) : o === "comp" && w === "common" ? (m(g), u(g), c(g), f(g), b.value && (g.backgroundColor = b.value)) : console.assert(!1), g;
     }), x = () => {
       i !== "runtime" && i !== "preview" || s.callFunction("__triggerEventV1__", [
-        Ce("elementEvent", "submit", e.node.basic.id)
+        Ce("elementEvent", e.node.basic.id, "submit")
       ]);
     };
     return (g, w) => {
@@ -1419,7 +1431,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__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: p } = N();
+    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = K(i), { prop: l } = r(e, ["settings", "disabled"]), { prop: s } = r(e, ["settings", "icon"]), { prop: a } = r(e, ["settings", "size"]), { theme: p } = N();
     return (d, b) => {
       const m = z("v-icon");
       return v(), V(m, {
@@ -1571,7 +1583,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__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: p } = r(e, ["settings", "readonly"]), { theme: d } = N(), { prop: b } = r(e, ["settings", "value"]);
+    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = K(i), { prop: l } = r(e, ["settings", "density"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "label"]), { prop: p } = r(e, ["settings", "readonly"]), { theme: d } = N(), { prop: b } = r(e, ["settings", "value"]);
     return (m, u) => {
       const c = z("v-radio");
       return v(), V(c, {
@@ -1752,7 +1764,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = j(i), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "hideDetails"]), { prop: p } = r(e, ["settings", "label"]), { prop: d } = r(e, ["settings", "max"]), { prop: b } = r(e, ["settings", "min"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: c } = r(e, ["settings", "showTicks"]), f = k(() => {
+    const e = t, { prop: i } = r(e, ["settings", "color"]), { color: o } = K(i), { prop: l } = r(e, ["settings", "direction"]), { prop: s } = r(e, ["settings", "disabled"]), { prop: a } = r(e, ["settings", "hideDetails"]), { prop: p } = r(e, ["settings", "label"]), { prop: d } = r(e, ["settings", "max"]), { prop: b } = r(e, ["settings", "min"]), { prop: m } = r(e, ["settings", "readonly"]), { prop: u } = r(e, ["settings", "reverse"]), { prop: c } = r(e, ["settings", "showTicks"]), f = k(() => {
       if (c.value === "always")
         return "always";
       if (c.value === "show")
@@ -1760,7 +1772,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     }), { prop: h } = r(e, ["settings", "step"]), { theme: x } = N(), { prop: g } = r(e, [
       "settings",
       "thumbColor"
-    ]), { color: w } = j(g), { prop: C } = r(e, [
+    ]), { color: w } = K(g), { prop: C } = r(e, [
       "settings",
       "thumbLabel"
     ]), M = k(() => {
@@ -1779,7 +1791,7 @@ const hl = /* @__PURE__ */ xe(bl, [["render", yl]]), gl = ["id"], xl = /* @__PUR
     }), { prop: E } = r(e, ["settings", "tickSize"]), { prop: S } = r(e, [
       "settings",
       "trackColor"
-    ]), { color: D } = j(S), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
+    ]), { color: D } = K(S), { prop: J } = r(e, ["settings", "value"]), { prop: te } = r(e, ["slots", "append"]), { prop: re } = r(e, ["slots", "prepend"]);
     return (le, Ne) => {
       const Ut = z("v-slider");
       return v(), V(n(Z), null, {
@@ -1911,7 +1923,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       }, 8, ["value"]);
     };
   }
-}), jl = /* @__PURE__ */ $({
+}), Kl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1945,7 +1957,7 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       });
     };
   }
-}), Kl = /* @__PURE__ */ $({
+}), jl = /* @__PURE__ */ $({
   __name: "index",
   props: {
     node: {},
@@ -1982,18 +1994,18 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       "settings",
       "color",
       "backgroundColor"
-    ]), { color: l } = j(o), { prop: s } = r(e, [
+    ]), { color: l } = K(o), { prop: s } = r(e, [
       "settings",
       "centerActive"
     ]), { prop: a } = r(e, [
       "settings",
       "color",
       "selectedColor"
-    ]), { color: p } = j(a), { prop: d } = r(e, ["settings", "density"]), { prop: b } = r(e, ["settings", "direction"]), { prop: m } = r(e, ["settings", "disabled"]), { prop: u } = r(e, ["settings", "fixedTabs"]), { prop: c } = r(e, ["settings", "grow"]), { prop: f } = r(e, ["settings", "hideSlider"]), { prop: h } = r(e, ["settings", "items"]), { prop: x } = r(e, ["settings", "mandatory"]), { prop: g } = r(e, ["settings", "showArrows"]), { prop: w } = r(e, [
+    ]), { color: p } = K(a), { prop: d } = r(e, ["settings", "density"]), { prop: b } = r(e, ["settings", "direction"]), { prop: m } = r(e, ["settings", "disabled"]), { prop: u } = r(e, ["settings", "fixedTabs"]), { prop: c } = r(e, ["settings", "grow"]), { prop: f } = r(e, ["settings", "hideSlider"]), { prop: h } = r(e, ["settings", "items"]), { prop: x } = r(e, ["settings", "mandatory"]), { prop: g } = r(e, ["settings", "showArrows"]), { prop: w } = r(e, [
       "settings",
       "color",
       "sliderColor"
-    ]), { color: C } = j(w), { prop: M } = r(e, ["settings", "stacked"]), { theme: W } = N(), { prop: F } = r(e, ["settings", "value"]);
+    ]), { color: C } = K(w), { prop: M } = r(e, ["settings", "stacked"]), { theme: W } = N(), { prop: F } = r(e, ["settings", "value"]);
     return (R, E) => {
       const S = z("v-tabs");
       return v(), V(S, {
@@ -2177,14 +2189,14 @@ const Gl = /* @__PURE__ */ xe(Dl, [["render", Fl]]), Hl = /* @__PURE__ */ $({
       "settings",
       "dot",
       "color"
-    ]), { color: a } = j(s), { prop: p } = r(e, ["settings", "dot", "fill"]), { prop: d } = r(e, [
+    ]), { color: a } = K(s), { prop: p } = r(e, ["settings", "dot", "fill"]), { prop: d } = r(e, [
       "settings",
       "hideOpposite"
     ]), { prop: b } = r(e, [
       "settings",
       "line",
       "color"
-    ]), { color: m } = j(b), { prop: u } = r(e, ["settings", "line", "inset"]), { prop: c } = r(e, [
+    ]), { color: m } = K(b), { prop: u } = r(e, ["settings", "line", "inset"]), { prop: c } = r(e, [
       "settings",
       "line",
       "thickness"
@@ -2289,7 +2301,7 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe
       default: ""
     }
   ]
-}, K = {
+}, j = {
   key: "color",
   name: "x-runtime-lib.color",
   children: [
@@ -2326,7 +2338,7 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe
       ]
     }
   ]
-}, sa = B(K), _e = {
+}, sa = B(j), _e = {
   key: "border",
   name: "x-runtime-lib.border",
   children: [
@@ -2660,7 +2672,7 @@ const ia = /* @__PURE__ */ xe(ta, [["render", na]]), Ue = "ambient_light_v1", Xe
       defaultArray: []
     }
   ]
-}, je = {
+}, Ke = {
   key: "yAxis",
   name: "x-runtime-lib.yAxis",
   children: [
@@ -3138,7 +3150,7 @@ const ei = {
   spawn: ha
 };
 _(on);
-const Gt = B(K);
+const Gt = B(j);
 Gt.children[0].default = "custom";
 Gt.children[2].children[0].default = "0xffffff";
 Gt.children[2].children[1].default = "0xffffff";
@@ -3168,7 +3180,7 @@ const ti = {
   slots: []
 };
 _(va);
-const Ht = B(K);
+const Ht = B(j);
 Ht.children[0].default = "custom";
 Ht.children[2].children[0].default = "0xffffff";
 Ht.children[2].children[1].default = "0xffffff";
@@ -3198,15 +3210,15 @@ const ni = {
   slots: []
 };
 _(ka);
-const jt = B(K);
-jt.children[0].default = "custom";
-jt.children[2].children[0].default = "0xffffff";
-jt.children[2].children[1].default = "0xffffff";
+const Kt = B(j);
+Kt.children[0].default = "custom";
+Kt.children[2].children[0].default = "0xffffff";
+Kt.children[2].children[1].default = "0xffffff";
 const ii = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    jt,
+    Kt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3242,15 +3254,15 @@ const ii = {
   slots: []
 };
 _(_a);
-const Kt = B(K);
-Kt.children[0].default = "custom";
-Kt.children[2].children[0].default = "0xffffff";
-Kt.children[2].children[1].default = "0xffffff";
+const jt = B(j);
+jt.children[0].default = "custom";
+jt.children[2].children[0].default = "0xffffff";
+jt.children[2].children[1].default = "0xffffff";
 const oi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
-    Kt,
+    jt,
     {
       key: "intensity",
       name: "x-runtime-lib.intensity",
@@ -3320,7 +3332,7 @@ _(Pe);
 const Va = {
   key: ft,
   name: "x-runtime-lib.group",
-  comp: js,
+  comp: Ks,
   props: {
     pageScene: [y, X],
     compScene: [y, X]
@@ -3388,8 +3400,8 @@ const si = {
   name: "x-runtime-lib.barChart",
   comp: Qr,
   props: {
-    pageCommon: [y, U, Ge, He, je, Fe, si],
-    compCommon: [y, U, Ge, He, je, Fe, si]
+    pageCommon: [y, U, Ge, He, Ke, Fe, si],
+    compCommon: [y, U, Ge, He, Ke, Fe, si]
   },
   events: [],
   methods: [],
@@ -3443,8 +3455,8 @@ const ri = {
   name: "x-runtime-lib.lineChart",
   comp: el,
   props: {
-    pageCommon: [y, U, Ge, He, je, Fe, ri],
-    compCommon: [y, U, Ge, He, je, Fe, ri]
+    pageCommon: [y, U, Ge, He, Ke, Fe, ri],
+    compCommon: [y, U, Ge, He, Ke, Fe, ri]
   },
   events: [],
   methods: [],
@@ -3453,7 +3465,7 @@ const ri = {
   spawn: Ia
 };
 _(rn);
-const Ot = B(K);
+const Ot = B(j);
 Ot.key = "backgroundColor";
 Ot.name = "x-runtime-lib.backgroundColor";
 const li = {
@@ -3574,7 +3586,7 @@ function Ca(t, e) {
   const s = {};
   return P(s, l), s.basic.id = T(16), s.basic.key = ln.key, s.settings.text = "button", s;
 }
-const Ta = B(K), ci = {
+const Ta = B(j), ci = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -3883,7 +3895,7 @@ const di = {
   leaf: !0
 };
 _(La);
-const Ba = B(K), fi = {
+const Ba = B(j), fi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4144,7 +4156,7 @@ const yi = {
   leaf: !0
 };
 _(Na);
-const Fn = B(K);
+const Fn = B(j);
 Fn.key = "backgroundColor";
 Fn.name = "x-runtime-lib.backgroundColor";
 const hi = {
@@ -4505,7 +4517,7 @@ function Ga(t, e) {
     )
   ], s;
 }
-const Gn = B(K);
+const Gn = B(j);
 Gn.key = "backgroundColor";
 Gn.name = "x-runtime-lib.backgroundColor";
 const wi = {
@@ -4899,9 +4911,9 @@ function Ha(t, e) {
     return;
   }
   const s = {};
-  return P(s, l), s.basic.id = T(16), s.basic.key = fn.key, s.children = [ja(t, e)], s;
+  return P(s, l), s.basic.id = T(16), s.basic.key = fn.key, s.children = [Ka(t, e)], s;
 }
-function ja(t, e) {
+function Ka(t, e) {
   const i = `type=${t} subtype=${e}`, o = A(t, e);
   if (!o) {
     console.error(`formV1/spawnTextField prop tag not found, ${i}`);
@@ -4953,7 +4965,7 @@ const Ii = {
   spawn: Ha
 };
 _(fn);
-const Ka = B(K), Si = {
+const ja = B(j), Si = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -4976,7 +4988,7 @@ const Ka = B(K), Si = {
       items: "sizeItemsV1",
       default: "default"
     },
-    Ka
+    ja
   ]
 }, Oa = {
   key: bt,
@@ -5318,7 +5330,7 @@ const Pi = {
   leaf: !0
 };
 _(Ya);
-const Ja = B(K), zi = {
+const Ja = B(j), zi = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -5713,15 +5725,15 @@ const Wi = {
   leaf: !0
 };
 _(eu);
-const Hn = B(K);
+const Hn = B(j);
 Hn.key = "color";
 Hn.name = "x-runtime-lib.color";
-const jn = B(K);
-jn.key = "trackColor";
-jn.name = "x-runtime-lib.trackColor";
-const Kn = B(K);
-Kn.key = "thumbColor";
-Kn.name = "x-runtime-lib.thumbColor";
+const Kn = B(j);
+Kn.key = "trackColor";
+Kn.name = "x-runtime-lib.trackColor";
+const jn = B(j);
+jn.key = "thumbColor";
+jn.name = "x-runtime-lib.thumbColor";
 const Ei = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -5828,8 +5840,8 @@ const Ei = {
       default: !1
     },
     Hn,
-    jn,
-    Kn
+    Kn,
+    jn
   ]
 }, Ni = {
   key: "slots",
@@ -6062,7 +6074,7 @@ _(_n);
 const ru = {
   key: Wt,
   name: "x-runtime-lib.switch",
-  comp: jl,
+  comp: Kl,
   props: {
     pageCommon: [y],
     compCommon: [y]
@@ -6093,7 +6105,7 @@ const Fi = {
 }, wn = {
   key: _o,
   name: "x-runtime-lib.tab",
-  comp: Kl,
+  comp: jl,
   props: {
     pageCommon: [y, Fi],
     compCommon: [y, Fi]
@@ -6136,13 +6148,13 @@ function qt(t, e, i, o) {
   const p = {};
   return P(p, a), p.basic.id = T(16), p.basic.key = wn.key, p.settings.value = i, p.settings.text = o, p;
 }
-const On = B(K);
+const On = B(j);
 On.key = "backgroundColor";
 On.name = "x-runtime-lib.backgroundColor";
-const Un = B(K);
+const Un = B(j);
 Un.key = "selectedColor";
 Un.name = "x-runtime-lib.selectedColor";
-const Xn = B(K);
+const Xn = B(j);
 Xn.key = "sliderColor";
 Xn.name = "x-runtime-lib.sliderColor";
 const Gi = {
@@ -6367,7 +6379,7 @@ function uu(t, e) {
   const s = {};
   return P(s, l), s.basic.id = T(16), s.basic.key = $n.key, s.settings.label = "label", s;
 }
-const ji = {
+const Ki = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6443,8 +6455,8 @@ const ji = {
   name: "x-runtime-lib.textarea",
   comp: Xl,
   props: {
-    pageCommon: [y, ji],
-    compCommon: [y, ji]
+    pageCommon: [y, Ki],
+    compCommon: [y, Ki]
   },
   events: [],
   methods: [],
@@ -6512,7 +6524,7 @@ function mu(t, e, i) {
   const a = {};
   return P(a, s), a.basic.id = T(16), a.basic.key = ye.key, a.settings.text = i, a;
 }
-const pu = B(K), du = B(K), Ki = {
+const pu = B(j), du = B(j), ji = {
   key: "settings",
   name: "x-runtime-lib.settings",
   children: [
@@ -6595,8 +6607,8 @@ const pu = B(K), du = B(K), Ki = {
   name: "x-runtime-lib.timeline",
   comp: Jl,
   props: {
-    pageCommon: [y, Ki],
-    compCommon: [y, Ki]
+    pageCommon: [y, ji],
+    compCommon: [y, ji]
   },
   events: [],
   methods: [],
@@ -6955,7 +6967,7 @@ const hu = [
     max: 1 / 0,
     step: 1
   }
-], ju = [
+], Ku = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -6977,7 +6989,7 @@ const hu = [
     validator: (t) => t === "right",
     default: "right"
   }
-], Ku = [
+], ju = [
   {
     title: "x-runtime-lib.notSet",
     value: "",
@@ -7111,8 +7123,8 @@ const hu = [
 ], Ju = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   borderWidthTypesV1: Hu,
-  leftRightTypesV1: ju,
-  marginTypesV1: Ku,
+  leftRightTypesV1: Ku,
+  marginTypesV1: ju,
   paddingTypesV1: Ou,
   sizeTypesV1: Uu,
   tableColumnAlignTypesV1: Xu,
@@ -7537,13 +7549,13 @@ function Hc(t) {
   }), e;
 }
 const Io = "runtimeOrg", So = "runtimeEnv", Co = "runtimeMode", To = "runtimeDevice", Po = "runtimeDark", zo = "runtimeType", Ao = "runtimeData", Lo = "runtimeDepends", Bo = "runtimeSandbox";
-function jc(t) {
+function Kc(t) {
   se(Io, t);
 }
 function ic() {
   return oe(Io);
 }
-function Kc(t) {
+function jc(t) {
   se(So, t);
 }
 function oc() {
@@ -7759,7 +7771,7 @@ function lc(t, e) {
     t.createAsyncFunction(b)
   );
 }
-const Wo = jo({
+const Wo = Ko({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: e } = be;
@@ -7851,7 +7863,7 @@ function cc(t, e, i) {
   }
   function b(u, c, f) {
     const h = e.pseudoToNative(u), x = e.pseudoToNative(c);
-    Ko({ title: h, text: x }).then((g) => {
+    jo({ title: h, text: x }).then((g) => {
       f(e.nativeToPseudo(g)), e.run();
     });
   }
@@ -8098,7 +8110,7 @@ class hc {
         mc(this, i, o);
       }
     ), this.interpreter.appendCode(e), this.interpreter.run(), this.setVariable("__env__", this.env), this.setVariable("__mode__", this.mode), this.callFunction("__triggerEventV1__", [
-      Ce("elementEvent", "startup", "globality")
+      Ce("elementEvent", "globality", "startup")
     ]);
   }
   destroyInterpreter() {
@@ -8195,14 +8207,14 @@ function gc(t) {
   };
   c(), q(t, () => {
     c();
-  }), Ke(() => {
+  }), je(() => {
     u.destroyInterpreter();
   }), (o === "runtime" || o === "preview") && q(
     s,
     (f, h) => {
       const x = Re(f.width), g = Re(h?.width ?? f.width);
       u.callFunction("__triggerEventV1__", [
-        Ce("elementEvent", "screenSizeChange", "globality"),
+        Ce("elementEvent", "globality", "screenSizeChange"),
         x,
         g
       ]);
@@ -8212,7 +8224,7 @@ function gc(t) {
     a,
     (f) => {
       u.callFunction("__triggerEventV1__", [
-        Ce("elementEvent", "darkModeChange", "globality"),
+        Ce("elementEvent", "globality", "darkModeChange"),
         f
       ]);
     },
@@ -8311,9 +8323,9 @@ export {
   Jc as provideData,
   Zc as provideDepends,
   Uc as provideDevice,
-  Kc as provideEnv,
+  jc as provideEnv,
   Oc as provideMode,
-  jc as provideOrg,
+  Kc as provideOrg,
   rc as provideSandbox,
   Yc as provideType,
   hn as radioGroupV1,

package/dist/types/kind.d.ts

@@ -1,12 +1,24 @@
 export type PropertyKind = 'elementProperty' | 'refProperty' | 'customProperty' | 'elementSlotProperty' | 'customSlotProperty';
 export declare function isLocaleOfPropertyKind(kind: PropertyKind): kind is "elementProperty" | "elementSlotProperty";
 export declare function makePropertyId(kind: PropertyKind, nodeId: string, propertyKey: string): string;
-export declare function unwrapPropertyId(id: string): [PropertyKind, string, string];
+export declare function unwrapPropertyId(id: string): {
+    kind: PropertyKind;
+    nodeId: string;
+    propertyKey: string;
+};
 export type MethodKind = 'elementMethod' | 'refMethod' | 'customMethod' | 'elementSlotMethod' | 'customSlotMethod';
 export declare function isLocaleOfMethodKind(kind: MethodKind): kind is "elementMethod" | "elementSlotMethod";
 export declare function makeMethodId(kind: MethodKind, nodeId: string, methodKey: string): string;
-export declare function unwrapMethodId(id: string): [MethodKind, string, string];
+export declare function unwrapMethodId(id: string): {
+    kind: MethodKind;
+    nodeId: string;
+    methodKey: string;
+};
 export type EventKind = 'elementEvent' | 'refEvent' | 'customEvent' | 'elementPropertyChangeEvent' | 'customPropertyChangeEvent' | 'stateChangeEvent';
 export declare function isLocaleOfEventKind(kind: EventKind): kind is "elementEvent" | "elementPropertyChangeEvent";
 export declare function makeEventId(kind: EventKind, nodeId: string, eventKey: string): string;
-export declare function unwrapEventId(id: string): string[];
+export declare function unwrapEventId(id: string): {
+    kind: EventKind;
+    nodeId: string;
+    eventKey: string;
+};

package/dist/utils/name.d.ts

@@ -1,4 +1,4 @@
 import { EventKind, MethodKind, PropertyKind } from '@/types';
-export declare function toPropertyName(names: string[], kind: PropertyKind): string;
-export declare function toMethodName(names: string[], kind: MethodKind): string;
-export declare function toEventName(names: string[], kind: EventKind): string;
+export declare function toPropertyName(kind: PropertyKind, names: string[]): string;
+export declare function toMethodName(kind: MethodKind, names: string[]): string;
+export declare function toEventName(kind: EventKind, names: string[]): string;

package/package.json

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