x-runtime-lib 0.8.116 → 0.8.118

package/dist/index.js

@@ -29,13 +29,13 @@ var Ce = (t, n, e) => {
   };
   return r();
 };
-import { defineComponent as C, createElementBlock as ie, renderSlot as R, unref as i, openBlock as _, createElementVNode as te, computed as k, normalizeStyle as le, createCommentVNode as re, toRef as Jo, onBeforeMount as qo, onUnmounted as Ge, ref as se, watchEffect as fe, watch as ce, createBlock as S, withCtx as I, useTemplateRef as uo, onMounted as mo, nextTick as po, useAttrs as Xo, h as xe, resolveComponent as M, createVNode as O, isRef as Z, createSlots as Ft, renderList as Yo, useId as fo, withModifiers as Zo, normalizeClass as Qo, toDisplayString as ei, inject as ue, provide as me, readonly as Nt } from "vue";
-import { globalObjects as we, waitUtil as yo, useViewStack as bo, eventBus as go, messageInfo as ti, messageSuccess as ni, messageWarning as ho, messageError as _o, createAxios as oi, openConfirmDlg as ii, openPromptDlg as ri } from "x-essential-lib";
-import { CameraHelper as vo, DirectionalLightHelper as si, PointLightHelper as li, SpotLightHelper as ai } from "three";
-import { i as pe, c as He, K as ci, M as ui, O as mi, u as pi, r as xo, e as ko, a as di, b as fi, d as yi, f as bi, g as gi, h as hi, j as _i, k as vi, l as wo, m as D, n as xi, o as ki, p as wi, q as Ii } from "./vendor.muyuiulw.js";
+import { defineComponent as C, createElementBlock as ie, renderSlot as R, unref as i, openBlock as _, createElementVNode as te, computed as k, normalizeStyle as le, createCommentVNode as re, toRef as qo, onBeforeMount as Xo, onUnmounted as Ge, ref as se, watchEffect as fe, watch as ce, createBlock as S, withCtx as I, useTemplateRef as uo, onMounted as mo, nextTick as po, useAttrs as fo, h as ye, resolveComponent as M, createVNode as O, isRef as Z, createSlots as Ft, renderList as Yo, useId as yo, withModifiers as Zo, normalizeClass as Qo, toDisplayString as ei, inject as ue, provide as me, readonly as Nt } from "vue";
+import { globalObjects as we, waitUtil as bo, useViewStack as go, eventBus as ho, messageInfo as ti, messageSuccess as ni, messageWarning as _o, messageError as vo, createAxios as oi, openConfirmDlg as ii, openPromptDlg as ri } from "x-essential-lib";
+import { CameraHelper as xo, DirectionalLightHelper as si, PointLightHelper as li, SpotLightHelper as ai } from "three";
+import { i as pe, c as He, K as ci, M as ui, O as mi, u as pi, r as ko, e as wo, a as di, b as fi, d as yi, f as bi, g as gi, h as hi, j as _i, k as vi, l as Io, m as D, n as xi, o as ki, p as wi, q as Ii } from "./vendor.emk171rx.js";
 import { useTheme as Si } from "vuetify";
 import { getErrorMessage as $i } from "x-error-lib";
-import { useI18n as Io } from "vue-i18n";
+import { useI18n as So } from "vue-i18n";
 const cn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function z(t) {
   let n = "";
@@ -71,12 +71,12 @@ function at(t) {
   if (!isNaN(e))
     return e;
 }
-const So = ["xs", "sm", "md", "lg", "xl"], Ci = [...So].reverse();
+const $o = ["xs", "sm", "md", "lg", "xl"], Ci = [...$o].reverse();
 function Xe(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function un(t) {
-  return So.findIndex((n) => n === t);
+  return $o.findIndex((n) => n === t);
 }
 function We(t, n) {
   let e;
@@ -121,7 +121,7 @@ function eu(t, n = 2) {
 `).map((r) => r.trim() === "" ? r : e + r).join(`
 `);
 }
-function $o(t) {
+function Co(t) {
   return t.startsWith("reference_v") || t.startsWith("multiple_ref_v") || t.startsWith("slot_v");
 }
 function ne(t) {
@@ -303,7 +303,7 @@ function lu(t) {
 function au(t) {
   return JSON.parse(t);
 }
-function Co(t) {
+function Vo(t) {
   let n = t;
   for (; n; ) {
     if (n.parent && n.compId === n.parent.compId)
@@ -391,16 +391,16 @@ const Ke = {}, w = (t) => {
   }
 });
 function P(t) {
-  const n = _e(), e = Jo(n.value.view.nodes, t.nodeId);
-  console.assert(e.value, `invalid node id=${t.nodeId}`);
+  const n = ve(), e = qo(n.value.view.nodes, t.nodeId);
+  console.assert(!!e.value, `invalid node id=${t.nodeId}`);
   const o = e.value.basic.id, s = e.value.basic.key;
   return console.log(`[element/create] id=${o} key=${s}`), { node: e };
 }
 function Ye(t, n, e) {
-  const o = ve();
+  const o = xe();
   if (o) {
     const s = k(() => Ec("elementMethod", t.nodeId, n));
-    qo(() => {
+    Xo(() => {
       o.eventBus?.on(s.value, e);
     }), Ge(() => {
       o.eventBus?.off(s.value, e);
@@ -421,7 +421,7 @@ const Ai = (t, n, e, o) => {
   s ? typeof o == "object" ? r = JSON.stringify(o, null, 2) : (console.assert(!1), r = "{}") : r = o, t ? t.setElementProperty(n.basic.id, e, r) : Gt(n, e, r);
 };
 function l(t, n, e) {
-  const o = ve(), s = se();
+  const o = xe(), s = se();
   return fe(() => {
     s.value = Ai(o, t.value, n, e);
   }), ce(s, (r, a) => {
@@ -432,7 +432,7 @@ function G() {
   const t = Ue();
   return { theme: k(() => t.value ? "dark" : "light") };
 }
-function be(t) {
+function ge(t) {
   const { property: n } = l(t, [
     "transform",
     "position",
@@ -472,7 +472,7 @@ function be(t) {
     c.value = f.value[0], u.value = f.value[1], p.value = f.value[2];
   }), { position: d, rotation: m, scale: f };
 }
-function Vo(t) {
+function Po(t) {
   const n = k(() => t.value.legend?.show), e = k(() => t.value.legend?.data);
   function o(s) {
     s.legend = {
@@ -482,14 +482,14 @@ function Vo(t) {
   }
   return { show: n, data: e, applyLegend: o };
 }
-function Po(t) {
+function Lo(t) {
   const n = k(() => t.value.series);
   function e(o) {
     o.series = n.value;
   }
   return { series: n, applySeries: e };
 }
-function Lo(t) {
+function zo(t) {
   const n = k(() => t.value.title?.show), e = k(() => t.value.title?.text), o = k(() => t.value.title?.subtext);
   function s(r) {
     r.title = {
@@ -500,7 +500,7 @@ function Lo(t) {
   }
   return { show: n, text: e, subtext: o, applyTitle: s };
 }
-function zo(t) {
+function To(t) {
   const n = k(() => t.value.xAxis?.show), e = k(() => t.value.xAxis?.position), o = k(() => t.value.xAxis?.type), s = k(() => t.value.xAxis?.data);
   function r(a) {
     a.xAxis = {
@@ -512,7 +512,7 @@ function zo(t) {
   }
   return { show: n, position: e, type: o, data: s, applyXAxis: r };
 }
-function To(t) {
+function Eo(t) {
   const n = k(() => t.value.yAxis?.show), e = k(() => t.value.yAxis?.position), o = k(() => t.value.yAxis?.type), s = k(() => t.value.yAxis?.data);
   function r(a) {
     a.yAxis = {
@@ -558,7 +558,7 @@ function qt(t) {
   }
   return { paddingTop: n, paddingLeft: e, paddingBottom: o, paddingRight: s, applyPadding: r };
 }
-function ge(t, n) {
+function he(t, n) {
   const e = J(), o = Be(), s = k(() => n.value.size?.width), r = k(() => n.value.size?.minWidth), a = k(() => n.value.size?.maxWidth), c = k(() => {
     if (t.outer && e === "editor") {
       const m = at(n.value.size?.height);
@@ -594,7 +594,7 @@ const Bi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "bottom"]), { property: u } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "left"]), { property: d } = l(e, ["settings", "near"]), { property: m } = l(e, ["settings", "right"]), { property: f } = l(e, ["settings", "top"]);
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ge(e), { property: c } = l(e, ["settings", "bottom"]), { property: u } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "left"]), { property: d } = l(e, ["settings", "near"]), { property: m } = l(e, ["settings", "right"]), { property: f } = l(e, ["settings", "top"]);
     return (g, b) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
@@ -614,7 +614,7 @@ const Bi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
-            type: i(vo)
+            type: i(xo)
           }, null, 8, ["type"])) : re("", !0),
           R(g.$slots, "default")
         ], 8, Bi)
@@ -630,7 +630,7 @@ const Bi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "aspect"]), { property: u } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "fov"]), { property: d } = l(e, ["settings", "near"]);
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ge(e), { property: c } = l(e, ["settings", "aspect"]), { property: u } = l(e, ["settings", "far"]), { property: p } = l(e, ["settings", "fov"]), { property: d } = l(e, ["settings", "near"]);
     return (m, f) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
@@ -648,7 +648,7 @@ const Bi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
         }, [
           i(o) === "editor" ? (_(), S(i(He), {
             key: 0,
-            type: i(vo)
+            type: i(xo)
           }, null, 8, ["type"])) : re("", !0),
           R(m.$slots, "default")
         ], 8, Ri)
@@ -755,7 +755,7 @@ const Bi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, [
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ge(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, [
       "settings",
       "intensity"
     ]);
@@ -786,7 +786,7 @@ const Bi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, [
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ge(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, [
       "settings",
       "intensity"
     ]);
@@ -821,7 +821,7 @@ const Bi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, ["settings", "decay"]), { property: d } = l(e, [
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ge(e), { property: c } = l(e, ["settings", "color"]), { color: u } = q(c), { property: p } = l(e, ["settings", "decay"]), { property: d } = l(e, [
       "settings",
       "distance"
     ]), { property: m } = l(e, [
@@ -861,7 +861,7 @@ const Bi = ["bottom", "far", "left", "near", "position", "right", "rotation", "s
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e), { property: c } = l(e, ["settings", "angle"]), { property: u } = l(e, ["settings", "color"]), { color: p } = q(u), { property: d } = l(e, ["settings", "decay"]), { property: m } = l(e, [
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ge(e), { property: c } = l(e, ["settings", "angle"]), { property: u } = l(e, ["settings", "color"]), { color: p } = q(u), { property: d } = l(e, ["settings", "decay"]), { property: m } = l(e, [
       "settings",
       "distance"
     ]), { property: f } = l(e, [
@@ -910,7 +910,7 @@ const or = /* @__PURE__ */ Ae(tr, [["render", nr]]), ir = ["position", "rotation
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = be(e);
+    const n = t, { node: e } = P(n), o = J(), { position: s, rotation: r, scale: a } = ge(e);
     return (c, u) => (_(), S(i(Se), {
       position: i(s),
       rotation: i(r),
@@ -936,7 +936,7 @@ const or = /* @__PURE__ */ Ae(tr, [["render", nr]]), ir = ["position", "rotation
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: r } = be(e);
+    const n = t, { node: e } = P(n), { position: o, rotation: s, scale: r } = ge(e);
     return (a, c) => (_(), ie("TresMesh", {
       position: i(o),
       rotation: i(s),
@@ -1016,8 +1016,8 @@ pi([
   _i,
   vi
 ]);
-xo("dark", Wr);
-xo("light", ds);
+ko("dark", Wr);
+ko("light", ds);
 const fs = /* @__PURE__ */ C({
   __name: "index",
   props: {
@@ -1026,13 +1026,13 @@ const fs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = he(), a = _e(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: b } = Lo(e), { applyXAxis: v } = zo(e), { applyYAxis: h } = To(e), { applyLegend: x } = Vo(e), { applySeries: $ } = Po(e), V = k(() => {
+    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = _e(), a = ve(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = he(n, e), { applyTitle: b } = zo(e), { applyXAxis: v } = To(e), { applyYAxis: h } = Eo(e), { applyLegend: x } = Po(e), { applySeries: $ } = Lo(e), V = k(() => {
       const L = {}, H = a.value?.type;
       return r === "page" ? H === "common" ? g(L) : console.assert(!1) : r === "comp" && H === "common" ? g(L) : console.assert(!1), L;
     }), F = uo("chart");
     let W;
     const U = () => {
-      W?.dispose(), W = ko.init(F.value, s.value ? "dark" : "light");
+      W?.dispose(), W = wo.init(F.value, s.value ? "dark" : "light");
       const L = {};
       W.setOption(L);
     }, j = () => {
@@ -1042,7 +1042,7 @@ const fs = /* @__PURE__ */ C({
       b(L), v(L), h(L), x(L), $(L), W?.setOption(L, !0);
     };
     return mo(async () => {
-      window.addEventListener("resize", j, !1), await yo(() => !!F.value), U(), K();
+      window.addEventListener("resize", j, !1), await bo(() => !!F.value), U(), K();
     }), Ge(() => {
       window.removeEventListener("resize", j, !1), W?.dispose();
     }), ce(
@@ -1088,13 +1088,13 @@ const fs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = he(), a = _e(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = ge(n, e), { applyTitle: b } = Lo(e), { applyXAxis: v } = zo(e), { applyYAxis: h } = To(e), { applyLegend: x } = Vo(e), { applySeries: $ } = Po(e), V = k(() => {
+    const n = t, { node: e } = P(n), o = Be(), s = Ue(), r = _e(), a = ve(), { width: c, minWidth: u, maxWidth: p, height: d, minHeight: m, maxHeight: f, applySize: g } = he(n, e), { applyTitle: b } = zo(e), { applyXAxis: v } = To(e), { applyYAxis: h } = Eo(e), { applyLegend: x } = Po(e), { applySeries: $ } = Lo(e), V = k(() => {
       const L = {}, H = a.value?.type;
       return r === "page" ? H === "common" ? g(L) : console.assert(!1) : r === "comp" && H === "common" ? g(L) : console.assert(!1), L;
     }), F = uo("chart");
     let W;
     const U = () => {
-      W?.dispose(), W = ko.init(F.value, s.value ? "dark" : "light");
+      W?.dispose(), W = wo.init(F.value, s.value ? "dark" : "light");
       const L = {};
       W.setOption(L);
     }, j = () => {
@@ -1104,7 +1104,7 @@ const fs = /* @__PURE__ */ C({
       b(L), v(L), h(L), x(L), $(L), W?.setOption(L, !0);
     };
     return mo(async () => {
-      window.addEventListener("resize", j, !1), await yo(() => !!F.value), U(), K();
+      window.addEventListener("resize", j, !1), await bo(() => !!F.value), U(), K();
     }), Ge(() => {
       window.removeEventListener("resize", j, !1), W?.dispose();
     }), ce(
@@ -1151,7 +1151,7 @@ const fs = /* @__PURE__ */ C({
   },
   setup(t) {
     const n = t, e = se(), o = J();
-    return rn(n, e), ne(o) && sn(e, "multipleRef", n.nodeId, "", ve()), (s, r) => (_(), ie("div"));
+    return rn(n, e), ne(o) && sn(e, "multipleRef", n.nodeId, "", xe()), (s, r) => (_(), ie("div"));
   }
 }), gs = /* @__PURE__ */ C({
   __name: "index",
@@ -1161,25 +1161,25 @@ const fs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const { t: n } = Io(), e = t, { node: o } = P(e), s = se();
-    jo(s);
-    const r = J();
-    rn(e, s), ne(r) && sn(s, "reference", e.nodeId, "", ve());
-    const a = Xo(), { applySize: c } = ge(e, o), u = k(() => {
+    const { t: n } = So(), e = fo(), o = t, { node: s } = P(o), r = se();
+    Go(r);
+    const a = J();
+    rn(o, r), ne(a) && sn(r, "reference", o.nodeId, "", xe());
+    const { applySize: c } = he(o, s), u = k(() => {
       const m = {};
-      return s.value?.type === "common" && c(m), m;
+      return r.value?.type === "common" && c(m), m;
     });
     function p(m) {
       const f = Ke[m.key];
       if (!f)
-        return console.assert(!1, `element not found key=${m.key}`), xe("div", `element not found key=${m.key}`);
+        return console.assert(!1, `element not found key=${m.key}`), ye("div", `element not found key=${m.key}`);
       const g = {
         nodeId: m.id
       };
-      return $o(m.key) && (g.refContext = {
-        parent: e.refContext,
+      return Co(m.key) && (g.refContext = {
+        parent: o.refContext,
         compId: m.refId
-      }), xe(
+      }), ye(
         f.comp,
         {
           key: m.id,
@@ -1194,17 +1194,17 @@ const fs = /* @__PURE__ */ C({
       );
     }
     const d = () => {
-      if (Co(e.refContext))
-        return xe("div", n("x-runtime-lib.circularRef"));
-      if (s.value?.type === "common")
-        return xe(
+      if (Vo(o.refContext))
+        return ye("div", { id: e.id }, n("x-runtime-lib.circularRef"));
+      if (r.value?.type === "common")
+        return ye(
           "div",
           {
-            id: a.id,
+            id: e.id,
             style: u.value
           },
           {
-            default: () => s.value?.view.nodeLites.map((f) => p(f))
+            default: () => r.value?.view.nodeLites.map((f) => p(f))
           }
         );
     };
@@ -1226,44 +1226,56 @@ const fs = /* @__PURE__ */ C({
       _: 3
     }));
   }
-}), ye = /* @__PURE__ */ C({
+}), be = /* @__PURE__ */ C({
   __name: "index",
   props: {
     nodeId: {},
     outer: { type: Boolean },
-    refContext: {}
+    refContext: {},
+    nowrap: { type: Boolean }
   },
   setup(t) {
-    const { t: n } = Io(), e = t, o = se();
-    jo(o);
-    const s = J();
-    rn(e, o), ne(s) && sn(o, "slot", e.nodeId, "", ve());
-    function r(c) {
-      const u = Ke[c.key];
-      if (!u)
-        return console.assert(!1, `element not found key=${c.key}`), xe("div", `element not found key=${c.key}`);
-      const p = {
-        nodeId: c.id
+    const { t: n } = So(), e = fo(), o = t, s = se();
+    Go(s);
+    const r = J();
+    rn(o, s), ne(r) && sn(s, "slot", o.nodeId, "", xe());
+    function a(u) {
+      const p = Ke[u.key];
+      if (!p)
+        return console.assert(!1, `element not found key=${u.key}`), ye("div", `element not found key=${u.key}`);
+      const d = {
+        nodeId: u.id
       };
-      return $o(c.key) && (p.refContext = {
-        parent: e.refContext,
-        compId: c.refId
-      }), xe(
-        u.comp,
+      return Co(u.key) && (d.refContext = {
+        parent: o.refContext,
+        compId: u.refId
+      }), ye(
+        p.comp,
         {
-          key: c.id,
-          ...p
+          key: u.id,
+          ...d
         },
         {
           default: () => {
-            if (!u.leaf)
-              return c.children?.map((d) => r(d));
+            if (!p.leaf)
+              return u.children?.map((m) => a(m));
           }
         }
       );
     }
-    const a = () => Co(e.refContext) ? xe("div", n("x-runtime-lib.circularRef")) : o.value?.view.nodeLites.map((c) => r(c));
-    return (c, u) => (_(), S(a));
+    const c = () => Vo(o.refContext) ? ye("div", { id: e.id }, n("x-runtime-lib.circularRef")) : o.nowrap ? s.value?.view.nodeLites.map((u) => a(u)) : ye(
+      "div",
+      {
+        id: e.id,
+        style: {
+          display: "contents"
+        }
+      },
+      {
+        default: () => s.value?.view.nodeLites.map((u) => a(u))
+      }
+    );
+    return (u, p) => (_(), S(c));
   }
 }), _s = /* @__PURE__ */ C({
   __name: "index",
@@ -1311,7 +1323,7 @@ const fs = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = ve(), { property: s } = l(e, [
+    const n = t, { node: e } = P(n), o = xe(), { property: s } = l(e, [
       "settings",
       "addIcon",
       "append"
@@ -1591,7 +1603,7 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = he(), s = _e(), { applySize: r } = ge(n, e), a = k(() => {
+    const n = t, { node: e } = P(n), o = _e(), s = ve(), { applySize: r } = he(n, e), a = k(() => {
       const v = {}, h = s.value?.type;
       return o === "page" ? h === "common" ? r(v) : console.assert(!1) : o === "comp" && h === "common" ? r(v) : console.assert(!1), v;
     }), { property: c } = l(e, [
@@ -1684,10 +1696,10 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = he(), s = _e(), { property: r } = l(e, [
+    const n = t, { node: e } = P(n), o = _e(), s = ve(), { property: r } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: a } = q(r), { applySize: c } = ge(n, e), { applyMargin: u } = Jt(e), { applyPadding: p } = qt(e), { applyBorder: d } = Ut(e), m = k(() => {
+    ]), { color: a } = q(r), { applySize: c } = he(n, e), { applyMargin: u } = Jt(e), { applyPadding: p } = qt(e), { applyBorder: d } = Ut(e), m = k(() => {
       const f = {}, g = s.value?.type;
       return o === "page" ? g === "common" ? (c(f), u(f), p(f), d(f), a.value && (f.backgroundColor = a.value)) : console.assert(!1) : o === "comp" && g === "common" ? (c(f), u(f), p(f), d(f), a.value && (f.backgroundColor = a.value)) : console.assert(!1), f;
     });
@@ -1748,7 +1760,7 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
             Yo(b.value, ($) => ({
               name: `item.${$.column}`,
               fn: I(({ value: V }) => [
-                O(i(ye), {
+                O(i(be), {
                   "node-id": $.column,
                   "ref-context": { compId: $.comp },
                   state: { value: V }
@@ -1782,7 +1794,7 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = J(), { open: o } = bo(`runtimeDlg/${fo()}`);
+    const n = t, e = J(), { open: o } = go(`runtimeDlg/${yo()}`);
     return Ye(n, "open", () => {
       o.value = !0;
     }), Ye(n, "close", () => {
@@ -1863,7 +1875,7 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = Be(), s = he(), r = _e(), { applySize: a } = ge(n, e), { applyMargin: c } = Jt(e), { applyPadding: u } = qt(e), { applyBorder: p } = Ut(e), { property: d } = l(e, [
+    const n = t, { node: e } = P(n), o = Be(), s = _e(), r = ve(), { applySize: a } = he(n, e), { applyMargin: c } = Jt(e), { applyPadding: u } = qt(e), { applyBorder: p } = Ut(e), { property: d } = l(e, [
       "settings",
       "backgroundColor"
     ]), { color: m } = q(d), f = (b) => {
@@ -1894,7 +1906,7 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = he(), s = _e(), { applySize: r } = ge(n, e), { property: a } = l(e, ["settings", "grow"]), { property: c } = l(e, ["settings", "shrink"]), u = k(() => {
+    const n = t, { node: e } = P(n), o = _e(), s = ve(), { applySize: r } = he(n, e), { property: a } = l(e, ["settings", "grow"]), { property: c } = l(e, ["settings", "shrink"]), u = k(() => {
       const p = {}, d = s.value?.type;
       return o === "page" ? d === "common" ? (r(p), p.flexGrow = a.value ? 1 : 0, p.flexShrink = c.value ? 1 : 0) : console.assert(!1) : o === "comp" && d === "common" ? (r(p), p.flexGrow = a.value ? 1 : 0, p.flexShrink = c.value ? 1 : 0) : console.assert(!1), p;
     });
@@ -1912,13 +1924,13 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, { node: e } = P(n), o = he(), s = _e(), r = ve(), { property: a } = l(e, ["settings", "valid"]), { property: c } = l(e, [
+    const n = t, { node: e } = P(n), o = _e(), s = ve(), r = xe(), { property: a } = l(e, ["settings", "valid"]), { property: c } = l(e, [
       "settings",
       "fastFail"
     ]), { property: u } = l(e, [
       "settings",
       "backgroundColor"
-    ]), { color: p } = q(u), { applySize: d } = ge(n, e), { applyMargin: m } = Jt(e), { applyPadding: f } = qt(e), { applyBorder: g } = Ut(e), b = k(() => {
+    ]), { color: p } = q(u), { applySize: d } = he(n, e), { applyMargin: m } = Jt(e), { applyPadding: f } = qt(e), { applyBorder: g } = Ut(e), b = k(() => {
       const h = {}, x = s.value?.type;
       return o === "page" ? x === "common" ? (d(h), m(h), f(h), g(h), p.value && (h.backgroundColor = p.value)) : console.assert(!1) : o === "comp" && x === "common" ? (d(h), m(h), f(h), g(h), p.value && (h.backgroundColor = p.value)) : console.assert(!1), h;
     }), v = () => {
@@ -1974,7 +1986,7 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
     refContext: {}
   },
   setup(t) {
-    const n = t, e = J(), o = ve(), s = se(0), r = se(0), a = k(() => [s.value, r.value]), { open: c } = bo(`runtimeMenu/${fo()}`);
+    const n = t, e = J(), o = xe(), s = se(0), r = se(0), a = k(() => [s.value, r.value]), { open: c } = go(`runtimeMenu/${yo()}`);
     return Ye(n, "open", () => {
       if (!o || !o.vm)
         return;
@@ -2246,7 +2258,7 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
       const K = {};
       for (const { value: L, label: H } of $.value)
         K[L] = H;
-      if (!wo(K))
+      if (!Io(K))
         return K;
     }), { property: F } = l(e, [
       "settings",
@@ -2429,7 +2441,7 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
       const de = {};
       for (const { value: Je, label: lt } of U.value)
         de[Je] = lt;
-      if (!wo(de))
+      if (!Io(de))
         return de;
     }), { property: K } = l(e, [
       "settings",
@@ -2447,7 +2459,7 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
         default: I(() => [
           O(lt, {
             modelValue: i(ee),
-            "onUpdate:modelValue": Je[0] || (Je[0] = (Uo) => Z(ee) ? ee.value = Uo : null),
+            "onUpdate:modelValue": Je[0] || (Je[0] = (Jo) => Z(ee) ? ee.value = Jo : null),
             color: i(s),
             direction: i(r),
             disabled: i(a),
@@ -2470,7 +2482,7 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
             i(ae) ? {
               name: "append",
               fn: I(() => [
-                O(i(ye), {
+                O(i(be), {
                   "node-id": "append",
                   "ref-context": { compId: i(ae) },
                   state: {}
@@ -2481,7 +2493,7 @@ const ws = /* @__PURE__ */ Ae(xs, [["render", ks]]), Is = /* @__PURE__ */ C({
             i($e) ? {
               name: "prepend",
               fn: I(() => [
-                O(i(ye), {
+                O(i(be), {
                   "node-id": "prepend",
                   "ref-context": { compId: i($e) },
                   state: {}
@@ -2898,7 +2910,7 @@ const il = /* @__PURE__ */ Ae(nl, [["render", ol]]), rl = /* @__PURE__ */ C({
             i(j) ? {
               name: "append",
               fn: I(() => [
-                O(i(ye), {
+                O(i(be), {
                   "node-id": "append",
                   "ref-context": { compId: i(j) },
                   state: {}
@@ -2909,7 +2921,7 @@ const il = /* @__PURE__ */ Ae(nl, [["render", ol]]), rl = /* @__PURE__ */ C({
             i(K) ? {
               name: "append-inner",
               fn: I(() => [
-                O(i(ye), {
+                O(i(be), {
                   "node-id": "append-inner",
                   "ref-context": { compId: i(K) },
                   state: {}
@@ -2920,7 +2932,7 @@ const il = /* @__PURE__ */ Ae(nl, [["render", ol]]), rl = /* @__PURE__ */ C({
             i(L) ? {
               name: "prepend",
               fn: I(() => [
-                O(i(ye), {
+                O(i(be), {
                   "node-id": "prepend",
                   "ref-context": { compId: i(L) },
                   state: {}
@@ -2931,7 +2943,7 @@ const il = /* @__PURE__ */ Ae(nl, [["render", ol]]), rl = /* @__PURE__ */ C({
             i(H) ? {
               name: "prepend-inner",
               fn: I(() => [
-                O(i(ye), {
+                O(i(be), {
                   "node-id": "prepend-inner",
                   "ref-context": { compId: i(H) },
                   state: {}
@@ -4293,7 +4305,7 @@ const xn = {
     {
       key: "comp",
       name: "x-runtime-lib.comp",
-      ui: "compSelect",
+      ui: "selectComp",
       default: void 0
     }
   ]
@@ -4336,20 +4348,20 @@ const wn = {
     {
       key: "slot",
       name: "x-runtime-lib.slot",
-      ui: "slotSelect",
+      ui: "selectSlot",
       default: void 0
     },
     {
       key: "comp",
       name: "x-runtime-lib.comp",
-      ui: "compSelect",
+      ui: "selectComp",
       default: void 0
     }
   ]
 }, Fl = {
   key: "slot_v1",
   name: "x-runtime-lib.slot",
-  comp: ye,
+  comp: be,
   properties: {
     pageCommon: [y, wn],
     compCommon: [y, wn]
@@ -4360,10 +4372,10 @@ w(Fl);
 const Me = D(X);
 Me.key = "backgroundColor";
 Me.name = "x-runtime-lib.backgroundColor";
-const Eo = {
+const Ao = {
   key: "adaptSlot",
   name: "x-runtime-lib.adaptSlot",
-  ui: "slotSelect",
+  ui: "selectAdaptSlot",
   default: void 0
 }, Nl = {
   key: "settings",
@@ -4372,7 +4384,7 @@ const Eo = {
 }, jl = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Me, Eo]
+  children: [Me, Ao]
 }, Gl = {
   key: "settings",
   name: "x-runtime-lib.settings",
@@ -4380,7 +4392,7 @@ const Eo = {
 }, Hl = {
   key: "settings",
   name: "x-runtime-lib.settings",
-  children: [Me, Eo]
+  children: [Me, Ao]
 }, Ul = {
   key: "startup",
   name: "x-runtime-lib.startup"
@@ -5220,7 +5232,7 @@ const En = {
         {
           key: "comp",
           name: "x-runtime-lib.comp",
-          ui: "compSelect",
+          ui: "selectComp",
           default: void 0
         }
       ],
@@ -5727,25 +5739,25 @@ const Kn = {
     {
       key: "append",
       name: "x-runtime-lib.append",
-      ui: "compSelect",
+      ui: "selectComp",
       default: void 0
     },
     {
       key: "appendInner",
       name: "x-runtime-lib.appendInner",
-      ui: "compSelect",
+      ui: "selectComp",
       default: void 0
     },
     {
       key: "prepend",
       name: "x-runtime-lib.prepend",
-      ui: "compSelect",
+      ui: "selectComp",
       default: void 0
     },
     {
       key: "prependInner",
       name: "x-runtime-lib.prependInner",
-      ui: "compSelect",
+      ui: "selectComp",
       default: void 0
     }
   ]
@@ -6729,13 +6741,13 @@ const Yn = {
     {
       key: "append",
       name: "x-runtime-lib.append",
-      ui: "compSelect",
+      ui: "selectComp",
       default: void 0
     },
     {
       key: "prepend",
       name: "x-runtime-lib.prepend",
-      ui: "compSelect",
+      ui: "selectComp",
       default: void 0
     }
   ]
@@ -8405,7 +8417,7 @@ function ao(t, n) {
     return n ? D(t.default) : D(t.defaultArray);
   {
     const e = D(t.default);
-    return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect") && !e ? void 0 : e;
+    return (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "selectComp" || t.ui === "selectSlot" || t.ui === "selectAdaptSlot") && !e ? void 0 : e;
   }
 }
 function A(t, n) {
@@ -8518,66 +8530,66 @@ function Cc(t) {
 function yu(t) {
   return t.map((n) => Cc(n));
 }
-const Ao = "runtimeOrg", Mo = "runtimeEnv", Bo = "runtimeMode", Wo = "runtimeDevice", Ro = "runtimeDark", Ko = "runtimeType", Do = "runtimeData", Oo = "runtimeDepends", Fo = "runtimeRuntime", No = "runtimeSandbox";
+const Mo = "runtimeOrg", Bo = "runtimeEnv", Wo = "runtimeMode", Ro = "runtimeDevice", Ko = "runtimeDark", Do = "runtimeType", Oo = "runtimeData", Fo = "runtimeDepends", No = "runtimeRuntime", jo = "runtimeSandbox";
 function bu(t) {
-  me(Ao, t);
+  me(Mo, t);
 }
 function Vc() {
-  return ue(Ao);
+  return ue(Mo);
 }
 function gu(t) {
-  me(Mo, t);
+  me(Bo, t);
 }
 function Pc() {
-  return ue(Mo);
+  return ue(Bo);
 }
 function hu(t) {
-  me(Bo, t);
+  me(Wo, t);
 }
 function J() {
-  return ue(Bo);
+  return ue(Wo);
 }
 function _u(t) {
-  me(Wo, Nt(t));
+  me(Ro, Nt(t));
 }
 function Be() {
-  return ue(Wo);
+  return ue(Ro);
 }
 function vu(t) {
-  me(Ro, Nt(t));
+  me(Ko, Nt(t));
 }
 function Ue() {
-  return ue(Ro);
-}
-function xu(t) {
-  me(Ko, t);
-}
-function he() {
   return ue(Ko);
 }
-function jo(t) {
+function xu(t) {
   me(Do, t);
 }
 function _e() {
   return ue(Do);
 }
+function Go(t) {
+  me(Oo, t);
+}
+function ve() {
+  return ue(Oo);
+}
 function ku(t) {
-  me(Oo, Nt(t));
+  me(Fo, Nt(t));
 }
 function Lc() {
-  return ue(Oo);
+  return ue(Fo);
 }
 function wu(t) {
-  me(Fo, t);
+  me(No, t);
 }
 function zc() {
-  return ue(Fo);
+  return ue(No);
 }
 function Tc(t) {
-  me(No, t);
+  me(jo, t);
 }
-function ve() {
-  return ue(No, void 0);
+function xe() {
+  return ue(jo, void 0);
 }
 function Re(t) {
   const n = [t.type];
@@ -8718,7 +8730,7 @@ function Vu(t) {
 function Ec(t, n, e) {
   return `${t}/${n}/${e}`;
 }
-function Go(t) {
+function Ho(t) {
   const n = t.split("/");
   let e = "elementMethod";
   n.length > 0 ? e = n[0] : console.error(`unwrapMethodId invalid kind id=${t}`);
@@ -8808,7 +8820,7 @@ function rn(t, n) {
     }
     const s = e.value[t.refContext.compId];
     if (!s) {
-      o.value = -1, n.value = void 0, go.emit("compNotAvail", t.refContext.compId);
+      o.value = -1, n.value = void 0, ho.emit("compNotAvail", t.refContext.compId);
       return;
     }
     o.value !== s.dataSeq && (o.value = s.dataSeq, n.value = D(s.data));
@@ -8890,11 +8902,11 @@ function Mc(t) {
     console.log(s, ...r);
   }).consume((e) => n.setProp(n.global, "__consoleLogV1__", e)), n.newFunction("__debugTraceV1__", (e) => {
     const o = n.dump(e);
-    go.emit("consoleAppend", o);
+    ho.emit("consoleAppend", o);
   }).consume((e) => n.setProp(n.global, "__debugTraceV1__", e)), n.newFunction("__messageV1__", (e, o) => {
     const s = n.getString(e), r = n.dump(o);
     let a = "";
-    typeof r == "object" ? a = JSON.stringify(r) : a = String(r), s === "info" ? ti(a) : s === "success" ? ni(a) : s === "warning" ? ho(a) : s === "error" && _o(a);
+    typeof r == "object" ? a = JSON.stringify(r) : a = String(r), s === "info" ? ti(a) : s === "success" ? ni(a) : s === "warning" ? _o(a) : s === "error" && vo(a);
   }).consume((e) => n.setProp(n.global, "__messageV1__", e)), n.newFunction("__timeoutV1__", (e, o) => {
     const s = n.getNumber(e), r = n.getNumber(o);
     window.setTimeout(() => {
@@ -8917,16 +8929,16 @@ function Mc(t) {
     }, o), r.settled.then(n.runtime.executePendingJobs), r.handle;
   }).consume((e) => n.setProp(n.global, "__delayV1__", e));
 }
-const Ho = oi({
+const Uo = oi({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
     const { i18n: n } = we;
-    _o($i(n, t));
+    vo($i(n, t));
   }
 });
-window.API_URL && (Ho.defaults.baseURL = window.API_URL + "/computebase/");
+window.API_URL && (Uo.defaults.baseURL = window.API_URL + "/computebase/");
 function Bc(t) {
-  return Ho.post("callFunc", t);
+  return Uo.post("callFunc", t);
 }
 function Wc(t) {
   if (!t.vm) {
@@ -9039,7 +9051,7 @@ function Kc(t) {
       m && m.setCustomProperty(d, c);
     } else u === "customProperty" ? t.setCustomProperty(d, c) : u === "customSlotProperty" || (u === "adaptSlotElementProperty" || u === "adaptSlotCustomProperty" ? t.setAdaptSlotProperty(d, c) : console.assert(!1));
   }).consume((e) => n.setProp(n.global, "__setPropertyV1__", e)), n.newFunction("__callMethodV1__", (e, o, s) => {
-    const r = n.getString(e), a = n.getString(o), c = n.dump(s), { kind: u, nodeId: p, methodKey: d } = Go(r);
+    const r = n.getString(e), a = n.getString(o), c = n.dump(s), { kind: u, nodeId: p, methodKey: d } = Ho(r);
     let m;
     if (u === "elementMethod")
       m = t.callElementMethod(r, c);
@@ -9066,7 +9078,7 @@ function Kc(t) {
         pageId: r
       };
       we.router.replace({ path: a, query: c });
-    } else t.mode === "preview" && ho(
+    } else t.mode === "preview" && _o(
       we.i18n.global.t(
         "x-runtime-lib.msg.takeEffectOnlyAfterReleased"
       )
@@ -9307,7 +9319,7 @@ class Nc {
   callElementMethod(n, e) {
     if (!ne(this.mode))
       return;
-    const { methodKey: o } = Go(n), s = {};
+    const { methodKey: o } = Ho(n), s = {};
     return this.eventBus.emit(n, { key: o, inputs: e, outputs: s }), s;
   }
   callCustomMethod(n, e) {
@@ -9330,7 +9342,7 @@ class Nc {
   }
 }
 function sn(t, n, e, o, s) {
-  const r = Vc(), a = Pc(), c = J(), u = he(), p = Be(), d = Ue(), m = zc(), f = (x, $, V, F) => {
+  const r = Vc(), a = Pc(), c = J(), u = _e(), p = Be(), d = Ue(), m = zc(), f = (x, $, V, F) => {
     if (ne(c) && (h.callFunction(
       "__triggerEventV1__",
       oe("elementPropertyChangeEvent", x, $.join(".")),
@@ -9449,7 +9461,7 @@ export {
   Yl as badgeV1,
   gt as barChartV1,
   yt as boxGeometryV1,
-  So as breakpoints,
+  $o as breakpoints,
   ea as btnGroupV1,
   ta as btnToggleV1,
   _t as btnV1,
@@ -9489,16 +9501,16 @@ export {
   T as initNode,
   A as initProperties,
   Ue as injectDark,
-  _e as injectData,
+  ve as injectData,
   Lc as injectDepends,
   Be as injectDevice,
   Pc as injectEnv,
   J as injectMode,
   Vc as injectOrg,
   zc as injectRuntime,
-  ve as injectSandbox,
-  he as injectType,
-  Co as isCircularRef,
+  xe as injectSandbox,
+  _e as injectType,
+  Vo as isCircularRef,
   ne as isExecutableMode,
   Ti as isLocaleOfEventKind,
   zi as isLocaleOfMethodKind,
@@ -9506,7 +9518,7 @@ export {
   iu as isLocaleOfSlotKind,
   jt as isPercentStr,
   nt as isPixelStr,
-  $o as isRefKey,
+  Co as isRefKey,
   wl as keyboardControlsV1,
   ht as lineChartV1,
   Du as loadLocaleMessageRuntime,
@@ -9541,7 +9553,7 @@ export {
   $c as pkgs,
   Al as pointLightV1,
   vu as provideDark,
-  jo as provideData,
+  Go as provideData,
   ku as provideDepends,
   _u as provideDevice,
   gu as provideEnv,
@@ -9585,7 +9597,7 @@ export {
   Ac as unwrapEventId,
   Bu as unwrapEventKeyOfCustomSlot,
   Au as unwrapEventKeyOfElementSlot,
-  Go as unwrapMethodId,
+  Ho as unwrapMethodId,
   Tu as unwrapMethodKeyOfCustomSlot,
   Lu as unwrapMethodKeyOfElementSlot,
   co as unwrapPropertyId,