x-runtime-lib 0.8.115 → 0.8.117

package/dist/components/element/dynamic/slot/v1/index.vue.d.ts

@@ -1,4 +1,7 @@
 import { ElementProps } from '@/types';
-declare const __VLS_export: import("vue").DefineComponent<ElementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ElementProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+type __VLS_Props = ElementProps & {
+    nowrap?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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.muyuiulw.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) {
@@ -139,7 +139,7 @@ function E(t, n) {
   return {
     id: t.basic.id,
     key: t.basic.key,
-    refId: t.reference?.comp,
+    refId: t.settings?.comp,
     children: n
   };
 }
@@ -167,7 +167,7 @@ function tu({ type: t, version: n, view: e, code: o }) {
 }
 function nu(t) {
   const n = JSON.parse(t), e = (o, s) => {
-    o.key = s.basic.key, o.alias = s.basic.alias, o.refId = s.reference?.comp, o.children?.forEach((r) => {
+    o.key = s.basic.key, o.alias = s.basic.alias, o.refId = s.settings?.comp, o.children?.forEach((r) => {
       e(r, n.view.nodes[r.id]);
     });
   };
@@ -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);
+  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: {}
@@ -4287,8 +4299,8 @@ const Kl = {
 };
 w(Kl);
 const xn = {
-  key: "reference",
-  name: "x-runtime-lib.reference",
+  key: "settings",
+  name: "x-runtime-lib.settings",
   children: [
     {
       key: "comp",
@@ -4330,9 +4342,15 @@ const kn = {
 };
 w(Ol);
 const wn = {
-  key: "reference",
-  name: "x-runtime-lib.reference",
+  key: "settings",
+  name: "x-runtime-lib.settings",
   children: [
+    {
+      key: "slot",
+      name: "x-runtime-lib.slot",
+      ui: "slotSelect",
+      default: void 0
+    },
     {
       key: "comp",
       name: "x-runtime-lib.comp",
@@ -4343,7 +4361,7 @@ const wn = {
 }, Fl = {
   key: "slot_v1",
   name: "x-runtime-lib.slot",
-  comp: ye,
+  comp: be,
   properties: {
     pageCommon: [y, wn],
     compCommon: [y, wn]
@@ -4354,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: "adaptSlotSelect",
   default: void 0
 }, Nl = {
   key: "settings",
@@ -4366,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",
@@ -4374,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"
@@ -8443,9 +8461,7 @@ function du(t, n, e, o, s) {
       return;
     }
     const f = T();
-    return A(f, m), f.basic.id = z(16), f.basic.key = u, f.reference = {
-      comp: p
-    }, {
+    return A(f, m), f.basic.id = z(16), f.basic.key = u, f.settings || (f.settings = {}), f.settings.comp = p, {
       nodeLite: E(f),
       nodes: {
         [f.basic.id]: f
@@ -8514,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];
@@ -8714,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}`);
@@ -8804,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));
@@ -8886,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(() => {
@@ -8913,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) {
@@ -9035,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);
@@ -9062,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"
       )
@@ -9303,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) {
@@ -9326,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(".")),
@@ -9445,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,
@@ -9485,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,
@@ -9502,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,
@@ -9537,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,
@@ -9581,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,

package/dist/types/data.d.ts

@@ -11,9 +11,6 @@ export type Node = {
         key: string;
         alias?: string;
     };
-    reference?: {
-        comp: string | undefined;
-    };
     [key: string]: any;
 };
 export type NodePair = {

package/dist/types/element.d.ts

@@ -94,6 +94,11 @@ type ZPropertySlotSelect = {
     readonly?: boolean;
     default: string | undefined;
 } & ZPropertyBase;
+type ZPropertyAdaptSlotSelect = {
+    ui: 'adaptSlotSelect';
+    readonly?: boolean;
+    default: string | undefined;
+} & ZPropertyBase;
 export type ZProperty = ({
     array?: false;
 } & ZPropertyBranch) | ({
@@ -149,7 +154,12 @@ export type ZProperty = ({
 } & ZPropertySlotSelect) | ({
     array: true;
     defaultArray: string[];
-} & ZPropertySlotSelect);
+} & ZPropertySlotSelect) | ({
+    array?: false;
+} & ZPropertyAdaptSlotSelect) | ({
+    array: true;
+    defaultArray: string[];
+} & ZPropertyAdaptSlotSelect);
 export type ZMethod = {
     key: string;
     name: string;

package/package.json

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