bitboss-ui 2.1.34 → 2.1.36

package/dist/index246.js

@@ -1,231 +1,123 @@
-import { defineComponent as U, ref as f, computed as x, watch as D, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as v, renderSlot as m, createTextVNode as z, toDisplayString as g, unref as H, Fragment as Z, renderList as ee } from "vue";
-import { isNil as b } from "./index225.js";
-import { useVirtualizer as te } from "./index336.js";
-import { isNotNil as oe } from "./index143.js";
-import { hash as L } from "./index221.js";
-import { useLocale as ne } from "./index240.js";
-const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
+import { defineComponent as $, mergeModels as D, useModel as E, ref as p, computed as i, watch as V, onMounted as L, createBlock as T, openBlock as w, resolveDynamicComponent as F, mergeProps as g, unref as h, withModifiers as A, withCtx as N, createElementVNode as S, createElementBlock as U, createCommentVNode as I, renderSlot as X, nextTick as j } from "vue";
+import { useCancelableFunction as q } from "./index338.js";
+import { useUntil as z } from "./index260.js";
+import { extractDomContainer as G } from "./index272.js";
+import { waitFor as H } from "./index339.js";
+import { useFloating as J, arrow as K } from "./index340.js";
+import { flip as O, offset as Q, shift as R, hide as W, autoUpdate as Y } from "./index341.js";
+const Z = {
   key: 0,
-  class: "bb-listbox__loading"
-}, se = {
-  key: 1,
-  class: "bb-listbox__no-data"
-}, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__label" }, be = /* @__PURE__ */ U({
-  __name: "ListBox",
-  props: {
-    compact: { type: Boolean },
-    options: {},
-    open: { type: Boolean },
-    loading: { type: Boolean },
-    multiple: { type: Boolean },
+  class: "bb-common-popover__bubble"
+}, se = /* @__PURE__ */ $({
+  __name: "CommonPopover2",
+  props: /* @__PURE__ */ D({
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: {},
+    padding: { default: 0 },
+    placement: {},
     transitionDuration: { default: 250 },
-    loadingText: {},
-    noDataText: {}
-  },
-  emits: ["option:selected", "option:unselected"],
-  setup(N, { expose: V, emit: O }) {
-    const o = N, y = O, { t: I } = ne(), s = f(null), C = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
-      () => o.options.map((e) => ({ ...e, id: C(e.value) }))
-    ), c = te({
-      get count() {
-        return o.options.length;
-      },
-      getScrollElement: () => s.value ? s.value : null,
-      estimateSize: () => o.compact ? 32 : 40,
-      overscan: 5,
-      measureElement: () => o.compact ? 32 : 40,
-      useAnimationFrameWithResizeObserver: !0
-    }), F = (e) => {
-      e && c.value.measureElement(e);
-    }, M = x(() => c.value.getVirtualItems()), A = x(() => c.value.getTotalSize()), n = f(null), a = x(
-      () => o.open && o.options.some((e) => !e.disabled)
-    ), _ = (e = 1) => {
-      const l = b(n.value) ? -1 : n.value;
-      let t = (l + e) % o.options.length;
-      for (; o.options[t].disabled && t !== l; )
-        t = _(e + 1);
-      return t;
-    }, R = () => {
-      if (!a.value) return;
-      const e = _();
-      n.value = e, u();
-    }, S = (e = 1) => {
-      const l = b(n.value) ? 0 : n.value;
-      let t = (l - e + o.options.length) % o.options.length;
-      for (; o.options[t].disabled && t !== l; )
-        t = S(e + 1);
-      return t;
-    }, P = async () => {
-      if (!a.value) return;
-      const e = S();
-      n.value = e, u();
-    }, W = () => {
-      if (!a.value) return;
-      let e = 0;
-      for (; o.options[e].disabled; )
-        e++;
-      n.value = e, u();
-    }, q = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e, u();
-    }, J = () => {
-      if (!a.value) return;
-      let e = 0;
-      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
-        e++;
-      n.value = e % o.options.length, u();
-    }, Y = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].selected && e > 0; )
-        e--;
-      n.value = e === -1 ? o.options.length - 1 : e, u();
-    }, j = (e) => {
-      if (!a.value) return;
-      const l = o.options.findIndex(
-        (t) => t.valueHash === e
-      );
-      l >= 0 && (n.value = l), u();
-    }, k = () => {
-      n.value = null;
-    }, u = () => {
-      s.value && oe(n.value) && c.value.scrollToIndex(n.value, {
-        align: "center",
-        behavior: "smooth"
-      });
-    }, w = () => {
-      if (b(n.value) || !o.open) return;
-      const e = o.options[n.value];
-      e.selected ? y("option:unselected", e) : y("option:selected", e);
-    }, B = f(0), E = () => {
-      s.value && (B.value = s.value.scrollHeight);
-    }, G = (e) => !e.disabled, K = (e) => {
-      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
-        if (!s.value.querySelector('[role="listbox"]'))
-          throw new Error("Could not find listbox in DOM tree.");
-        let t = e.target, r = t.dataset.index;
-        for (; b(r) && t.parentElement; )
-          t = t.parentElement, r = t.dataset.index;
-        if (r) {
-          const T = o.options[+r];
-          T && G(T) && (n.value = +r, w());
-        }
-      }
-    }, Q = () => b(n.value) ? void 0 : o.options[n.value];
-    return D(
-      () => o.open,
-      () => {
-        E();
-      },
-      { flush: "post" }
-    ), D(
-      () => o.options,
-      (e, l) => {
-        L(e.map((t) => t.valueHash)) !== L(l.map((t) => t.valueHash)) && (c.value.calculateRange(), E(), k());
-      },
+    anchor: {},
+    dialog: { type: Boolean },
+    tag: { default: "span" },
+    flip: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(c) {
+    const e = c, a = E(c, "modelValue"), u = p(a.value), x = i(() => e.dialog ? "dialog" : "span"), t = p(), m = p(), y = i(() => G(e.anchor)), _ = z(a, { initialValue: e.eager }), { floatingStyles: C, placement: P, middlewareData: d, update: f } = J(
+      y,
+      t,
       {
-        flush: "post"
+        placement: e.placement,
+        whileElementsMounted: Y,
+        middleware: [
+          ...e.flip ? [O()] : [],
+          Q(e.offset),
+          R({ padding: e.padding }),
+          W(),
+          K({
+            element: m,
+            padding: e.arrowPadding
+          })
+        ],
+        strategy: "fixed"
+      }
+    ), { execute: v } = q(
+      ({ signal: o }, r) => new Promise((l) => {
+        let s;
+        const n = () => {
+          s && clearTimeout(s);
+        };
+        o.addEventListener("abort", n), r ? (k(), f(), H(() => !!t.value).then(() => {
+          u.value = !0, o.removeEventListener("abort", n), l(void 0);
+        })) : (u.value = !1, s = setTimeout(() => {
+          j(() => {
+            t.value && (e.dialog ? t.value.close() : t.value.hidePopover()), o.removeEventListener("abort", n), f(), l(void 0);
+          });
+        }, e.transitionDuration));
+      })
+    ), k = () => {
+      if (!t.value) return;
+      if (!e.dialog) return t.value.showPopover();
+      t.value.showModal();
+    };
+    V(a, v), L(() => {
+      a.value && v(a.value);
+    });
+    const M = i(() => {
+      var n;
+      const o = a.value ? void 0 : -1, r = Math.round(((n = d.value.arrow) == null ? void 0 : n.x) ?? 0), l = e.dialog ? void 0 : "manual";
+      return {
+        style: {
+          ...C.value,
+          "--transition-duration": `${e.transitionDuration}ms`,
+          "--page-padding": `${e.padding}px`,
+          "--arrow-offset-x": `${r}px`
+        },
+        popover: l,
+        tabindex: o
+      };
+    }), B = i(() => {
+      if (d.value.arrow) {
+        const { x: o, y: r } = d.value.arrow;
+        return {
+          style: {
+            left: `${o}px`,
+            top: `${r}px`
+          }
+        };
       }
-    ), V({
-      focusNext: R,
-      focusPrevious: P,
-      focusFirst: W,
-      focusFirstSelected: J,
-      focusLast: q,
-      focusLastSelected: Y,
-      blur: k,
-      confirmOption: w,
-      focusByHash: j,
-      getHighlighted: Q
-    }), (e, l) => (p(), d("span", {
-      class: $(["bb-listbox", {
-        "bb-listbox--compact": e.compact,
-        "bb-listbox--loading": e.loading,
-        "bb-listbox--multiple": e.multiple,
-        "bb-listbox--no-data": !i.value.length,
-        "bb-listbox--open": e.open
-      }]),
-      style: h({
-        "--transition-duration": `${e.transitionDuration}ms`,
-        "--overlay-min-height": `${B.value}px`
-      }),
-      onClick: X(K, ["stop"])
-    }, [
-      v("span", le, [
-        v("span", {
-          ref_key: "inner",
-          ref: s,
-          class: "bb-listbox__inner-container",
-          tabindex: "-1"
-        }, [
-          m(e.$slots, "options:prepend"),
-          e.loading && !e.options.length ? (p(), d("span", ie, [
-            m(e.$slots, "loading", {}, () => [
-              z(g(e.loadingText || H(I)("common.loadingText").value), 1)
-            ])
-          ])) : e.options.length ? (p(), d("span", {
-            key: 2,
-            role: "listbox",
-            style: h({
-              height: `${A.value}px`
-            }),
-            tabindex: "-1"
-          }, [
-            (p(!0), d(Z, null, ee(M.value, (t, r) => (p(), d("span", {
-              key: i.value[t.index].value,
-              ref_for: !0,
-              ref: F,
-              "aria-selected": n.value === r ? !0 : void 0,
-              class: $({
-                "bb-listbox__option autocomplete-option": !0,
-                "autocomplete-option--focused": n.value === t.index,
-                "autocomplete-option--selected": i.value[t.index].selected,
-                "autocomplete-option--disabled": i.value[t.index].disabled
-              }),
-              "data-index": t.index,
-              role: "option",
-              style: h({
-                transform: `translateY(${t.start}px)`
-              })
-            }, [
-              m(e.$slots, "option", {
-                disabled: !!i.value[t.index].disabled,
-                focused: n.value === t.index,
-                index: t.index,
-                item: i.value[t.index].item,
-                selected: !!i.value[t.index].selected,
-                text: i.value[t.index].text,
-                value: i.value[t.index].value
-              }, () => [
-                l[0] || (l[0] = v("svg", {
-                  class: "autocomplete-option__checkbox",
-                  role: "presentation",
-                  viewBox: "276.411 158.834 114.971 114.97"
-                }, [
-                  v("path", {
-                    d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
-                    fill: "none",
-                    "stroke-linecap": "round",
-                    "stroke-width": "14px"
-                  })
-                ], -1)),
-                v("span", ue, g(i.value[t.index].text), 1)
-              ])
-            ], 14, ae))), 128))
-          ], 4)) : (p(), d("span", se, [
-            m(e.$slots, "no-data", {}, () => [
-              z(g(e.noDataText || H(I)("common.noDataText").value), 1)
-            ])
-          ])),
-          m(e.$slots, "options:append")
-        ], 512)
-      ])
-    ], 6));
+    }), b = () => {
+      a.value = !1;
+    };
+    return (o, r) => (w(), T(F(x.value), g({
+      ref_key: "wrapper",
+      ref: t,
+      class: ["bb-common-popover", {
+        "bb-common-popover--open": u.value,
+        [`bb-common-popover--${h(P)}`]: !0
+      }]
+    }, M.value, {
+      onClick: A(b, ["self"]),
+      onClose: b
+    }), {
+      default: N(() => [
+        S("span", g({
+          ref_key: "bubblearrow",
+          ref: m,
+          class: "bb-common-popover__arrow"
+        }, B.value), null, 16),
+        h(_) ? (w(), U("span", Z, [
+          X(o.$slots, "default")
+        ])) : I("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
   }
 });
 export {
-  be as default
+  se as default
 };

package/dist/index249.js

@@ -1,8 +1,8 @@
 import { defineComponent as j, ref as c, onMounted as J, watch as Q, createElementBlock as S, openBlock as _, createElementVNode as w, createTextVNode as A, createCommentVNode as E, toDisplayString as C, unref as x } from "vue";
-import { hexToRgb as B } from "./index339.js";
-import { getHueFromRGB as K } from "./index340.js";
-import { hslToHex as y } from "./index341.js";
-import { useLocale as Z } from "./index240.js";
+import { hexToRgb as B } from "./index342.js";
+import { getHueFromRGB as K } from "./index343.js";
+import { hslToHex as y } from "./index344.js";
+import { useLocale as Z } from "./index231.js";
 const ee = {
   id: "mainCanvasDesc",
   "aria-live": "polite",

package/dist/index25.js

@@ -1,9 +1,9 @@
 import { defineComponent as q, mergeModels as E, useModel as A, computed as p, ref as T, watch as H, onMounted as K, createElementBlock as r, openBlock as d, withModifiers as O, normalizeStyle as R, normalizeClass as U, unref as v, createCommentVNode as g, Fragment as j, createElementVNode as t, renderSlot as s, createTextVNode as G, toDisplayString as V, nextTick as J } from "vue";
 import { parseSize as Q } from "./index259.js";
 import { useId as S } from "./index8.js";
-import { useLocale as X } from "./index240.js";
+import { useLocale as X } from "./index231.js";
 import { useMobile as Y } from "./index9.js";
-import { useUntil as Z } from "./index247.js";
+import { useUntil as Z } from "./index260.js";
 import { wait as y } from "./index138.js";
 const x = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], ee = {
   ref: "header",

package/dist/index251.js

@@ -1,9 +1,88 @@
-const s = (r, t) => {
-  if (r.endsWith("."))
-    return t === 0 ? r.slice(0, -1) : r;
-  const [n, i] = r.split(".");
-  return i ? `${n}.${i.slice(0, t)}` : r;
-};
+import { defineComponent as h, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createCommentVNode as p, createTextVNode as o, toDisplayString as d, unref as b, Fragment as m, renderList as u } from "vue";
+import { useLocale as g } from "./index231.js";
+const k = { class: "bb-cr-container__container" }, y = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, $ = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, C = /* @__PURE__ */ h({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(f) {
+    const { t: i } = g();
+    return (a, T) => (s(), n("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": a.hasErrors,
+        "bb-cr-container--horizontal": a.direction === "horizontal",
+        "bb-cr-container--vertical": a.direction === "vertical"
+      }])
+    }, [
+      l("span", k, [
+        t(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (s(), n("span", y, [
+          t(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText || b(i)("common.loadingText")), 1)
+          ])
+        ])) : a.options.length ? p("", !0) : (s(), n("span", $, [
+          t(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText || b(i)("common.noDataText")), 1)
+          ])
+        ])),
+        (s(!0), n(m, null, u(a.options, (e, c) => (s(), n(m, {
+          key: (e == null ? void 0 : e.valueHash) || c
+        }, [
+          t(a.$slots, "option:prepend", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          }),
+          l("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
+          }, [
+            t(a.$slots, "input", {
+              index: c,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": a.hideLabel
+              })
+            }, [
+              t(a.$slots, "label", {
+                checked: !!e.selected,
+                item: e.item,
+                text: e.text
+              }, () => [
+                o(d(e.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          t(a.$slots, "option:append", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          })
+        ], 64))), 128)),
+        t(a.$slots, "append")
+      ])
+    ], 2));
+  }
+});
 export {
-  s as clampPrecision
+  C as default
 };

package/dist/index253.js

@@ -1,4 +1,31 @@
-const o = (e) => typeof e == "boolean" ? e : e === "true";
+import { ref as a, computed as s, unref as v } from "vue";
+import { useDebounceFn as f } from "./index213.js";
+const p = (u) => {
+  const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
+    if (Array.isArray(r.value))
+      t.value = r.value;
+    else if (typeof r.value == "function") {
+      const i = ++e.value;
+      try {
+        const o = await r.value(...l);
+        if (i < e.value) {
+          e.value--;
+          return;
+        } else
+          t.value = o;
+      } catch (o) {
+        console.error(o);
+      }
+      e.value--;
+    }
+  }, c = f(n, u.debounce || 0);
+  return {
+    getter: n,
+    debouncedGetter: c,
+    items: t,
+    loading: s(() => !!e.value)
+  };
+};
 export {
-  o as booleanishToBoolean
+  p as useItemsGetter
 };