bitboss-ui 2.1.103 → 2.1.105

package/dist/index357.js

@@ -1,95 +1,261 @@
-import { commonjsGlobal as y } from "./index331.js";
-var p, _;
-function Z() {
-  if (_) return p;
-  _ = 1;
-  var x = "Expected a function", I = NaN, W = "[object Symbol]", C = /^\s+|\s+$/g, M = /^[-+]0x[0-9a-f]+$/i, N = /^0b[01]+$/i, R = /^0o[0-7]+$/i, $ = parseInt, q = typeof y == "object" && y && y.Object === Object && y, A = typeof self == "object" && self && self.Object === Object && self, B = q || A || Function("return this")(), F = Object.prototype, G = F.toString, P = Math.max, D = Math.min, h = function() {
-    return B.Date.now();
-  };
-  function H(e, r, n) {
-    var f, a, g, c, i, u, s = 0, S = !1, d = !1, j = !0;
-    if (typeof e != "function")
-      throw new TypeError(x);
-    r = O(r) || 0, m(n) && (S = !!n.leading, d = "maxWait" in n, g = d ? P(O(n.maxWait) || 0, r) : g, j = "trailing" in n ? !!n.trailing : j);
-    function v(t) {
-      var o = f, l = a;
-      return f = a = void 0, s = t, c = e.apply(l, o), c;
-    }
-    function J(t) {
-      return s = t, i = setTimeout(b, r), S ? v(t) : c;
-    }
-    function K(t) {
-      var o = t - u, l = t - s, L = r - o;
-      return d ? D(L, g - l) : L;
-    }
-    function E(t) {
-      var o = t - u, l = t - s;
-      return u === void 0 || o >= r || o < 0 || d && l >= g;
-    }
-    function b() {
-      var t = h();
-      if (E(t))
-        return k(t);
-      i = setTimeout(b, K(t));
-    }
-    function k(t) {
-      return i = void 0, j && f ? v(t) : (f = a = void 0, c);
-    }
-    function Q() {
-      i !== void 0 && clearTimeout(i), s = 0, f = u = a = i = void 0;
-    }
-    function V() {
-      return i === void 0 ? c : k(h());
-    }
-    function T() {
-      var t = h(), o = E(t);
-      if (f = arguments, a = this, u = t, o) {
-        if (i === void 0)
-          return J(u);
-        if (d)
-          return i = setTimeout(b, r), v(u);
-      }
-      return i === void 0 && (i = setTimeout(b, r)), c;
-    }
-    return T.cancel = Q, T.flush = V, T;
-  }
-  function U(e, r, n) {
-    var f = !0, a = !0;
-    if (typeof e != "function")
-      throw new TypeError(x);
-    return m(n) && (f = "leading" in n ? !!n.leading : f, a = "trailing" in n ? !!n.trailing : a), H(e, r, {
-      leading: f,
-      maxWait: r,
-      trailing: a
+import { defineComponent as pe, useTemplateRef as G, computed as i, watch as E, ref as ve, createElementBlock as r, openBlock as c, withModifiers as he, normalizeStyle as V, normalizeClass as J, createElementVNode as v, renderSlot as b, createTextVNode as P, toDisplayString as x, unref as g, Fragment as Y, renderList as K } from "vue";
+import { isNil as f } from "./index254.js";
+import { useVirtualizer as be } from "./index362.js";
+import { useLocale as me } from "./index238.js";
+import { useListboxFocus as xe } from "./index363.js";
+import { indexBy as A } from "./index295.js";
+const ge = { class: "bb-listbox__outer-container scrollbar-border" }, fe = {
+  ref: "inner",
+  class: "bb-listbox__inner-container",
+  tabindex: "-1"
+}, He = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, _e = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, ye = ["aria-activedescendant", "aria-multiselectable"], Ie = ["aria-labelledby", "aria-disabled"], $e = ["id"], ke = { class: "bb-listbox__group-header-label" }, Be = ["aria-selected", "aria-setsize", "aria-posinset", "id", "data-index"], De = { class: "autocomplete-option__label" }, Ee = /* @__PURE__ */ pe({
+  __name: "GroupedListBox",
+  props: {
+    compact: { type: Boolean },
+    groups: {},
+    headerHeight: {},
+    loading: { type: Boolean },
+    loadingText: {},
+    multiple: { type: Boolean },
+    noDataText: {},
+    open: { type: Boolean },
+    optionHeight: {},
+    transitionDuration: { default: 250 }
+  },
+  emits: ["option:selected", "option:unselected", "focused:change"],
+  setup(Q, { expose: U, emit: W }) {
+    const s = Q, H = W, { t: F } = me(), h = G("inner"), X = G("listbox"), _ = i(() => s.optionHeight ? s.optionHeight : s.compact ? 32 : 40), y = i(() => s.headerHeight ? s.headerHeight : s.compact ? 24 : 32), Z = i(() => {
+      let e = 0;
+      return s.groups.map((a, t) => {
+        const l = a.id, p = e, d = a.options.length, D = y.value + d * _.value, M = `group-header-${a.id}`, S = typeof a.data == "string" ? a.data : JSON.stringify(a.data), T = a.options.every((O) => O.disabled), z = a.data, L = a.options;
+        return e += d, {
+          offset: p,
+          length: d,
+          height: D,
+          id: l,
+          headerId: M,
+          label: S,
+          index: t,
+          allOptionsAreDisabled: T,
+          data: z,
+          options: L
+        };
+      });
+    }), n = i(
+      () => A(Z.value, "index")
+    ), m = i(() => s.groups.flatMap(
+      (e, a) => e.options.map((t, l) => {
+        const p = t.valueHash, d = n.value[a].offset + l, D = e.id, M = !!t.selected, S = !!t.disabled, T = t.item, z = t.text, L = t.value, O = d === u.value;
+        return {
+          id: p,
+          globalIndex: d,
+          groupIndex: a,
+          groupId: D,
+          indexInGroup: l,
+          selected: M,
+          disabled: S,
+          item: T,
+          text: z,
+          value: L,
+          valueHash: t.valueHash,
+          focused: O
+        };
+      })
+    )), o = i(() => A(m.value, "id")), I = i(
+      () => A(m.value, "globalIndex")
+    ), N = (e) => `listbox-option-${e}`, $ = i(() => {
+      if (f(u.value)) return;
+      const e = I.value[u.value];
+      if (e)
+        return N(e.valueHash);
+    }), k = i(() => m.value.length > 0), w = (e) => y.value + s.groups[e].options.length * _.value, B = be({
+      get count() {
+        return s.groups.length;
+      },
+      getScrollElement: () => h.value ?? null,
+      estimateSize: (e) => w(e),
+      overscan: 2
+    }), ee = i(() => B.value.getVirtualItems()), te = i(() => B.value.getTotalSize()), {
+      focusedIndex: u,
+      focusNext: ae,
+      focusPrevious: le,
+      focusFirst: se,
+      focusLast: oe,
+      focusFirstSelected: ne,
+      focusLastSelected: ie,
+      focusByHash: ue,
+      blur: C,
+      getHighlighted: de
+    } = xe(
+      i(() => m.value),
+      { disabled: () => !s.open }
+    ), re = () => {
+      if (!h.value || f(u.value)) return;
+      const e = h.value.querySelector(
+        `[data-index="${u.value}"]`
+      );
+      e && e.scrollIntoView({ block: "nearest", behavior: "smooth" });
+    };
+    E(u, () => {
+      re(), H("focused:change", $.value);
     });
+    const R = () => {
+      if (f(u.value) || !s.open) return;
+      const e = I.value[u.value];
+      if (!e || e.disabled) return;
+      const a = {
+        text: e.text,
+        value: e.value,
+        item: e.item,
+        valueHash: e.valueHash,
+        selected: e.selected,
+        disabled: e.disabled
+      };
+      e.selected ? H("option:unselected", a) : H("option:selected", a);
+    }, j = ve(0), q = () => {
+      h.value && (j.value = h.value.scrollHeight);
+    }, ce = (e) => {
+      if (e.preventDefault(), h.value && e.target instanceof HTMLElement && X.value) {
+        let a = e.target, t = a.dataset.index;
+        for (; f(t) && a.parentElement; )
+          a = a.parentElement, t = a.dataset.index;
+        if (t) {
+          const l = I.value[+t];
+          l && !l.disabled && (u.value = +t, R());
+        }
+      }
+    };
+    return E(() => s.open, q, { flush: "post" }), E(
+      () => s.groups,
+      (e, a) => {
+        const t = e.flatMap((p) => p.options.map((d) => d.valueHash)).join(","), l = a.flatMap((p) => p.options.map((d) => d.valueHash)).join(",");
+        t !== l && (B.value.measure(), q(), C());
+      },
+      { flush: "post" }
+    ), U({
+      focusNext: ae,
+      focusPrevious: le,
+      focusFirst: se,
+      focusFirstSelected: ne,
+      focusLast: oe,
+      focusLastSelected: ie,
+      blur: C,
+      confirmOption: R,
+      focusByHash: ue,
+      getHighlighted: de,
+      getActiveDescendantId: () => $.value
+    }), (e, a) => (c(), r("span", {
+      class: J(["bb-listbox bb-listbox--grouped", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--multiple": e.multiple,
+        "bb-listbox--no-data": !k.value,
+        "bb-listbox--open": e.open
+      }]),
+      style: V({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${j.value}px`,
+        "--option-height": `${_.value}px`,
+        "--group-header-height": `${y.value}px`
+      }),
+      onClick: he(ce, ["stop"])
+    }, [
+      v("span", ge, [
+        v("span", fe, [
+          b(e.$slots, "options:prepend"),
+          e.loading && !k.value ? (c(), r("span", He, [
+            b(e.$slots, "loading", {}, () => [
+              P(x(e.loadingText || g(F)("common.loadingText").value), 1)
+            ])
+          ])) : k.value ? (c(), r("span", {
+            key: 2,
+            role: "listbox",
+            ref: "listbox",
+            style: V({ height: `${te.value}px` }),
+            "aria-activedescendant": $.value,
+            "aria-multiselectable": e.multiple ? !0 : void 0,
+            tabindex: "-1"
+          }, [
+            (c(!0), r(Y, null, K(ee.value, (t) => (c(), r("span", {
+              key: n.value[t.index].id,
+              style: V({ transform: `translateY(${t.start}px)` }),
+              role: "group",
+              "aria-labelledby": n.value[t.index].headerId,
+              "aria-disabled": n.value[t.index].allOptionsAreDisabled,
+              class: "bb-listbox__group"
+            }, [
+              v("span", {
+                class: "bb-listbox__group-header",
+                role: "presentation",
+                id: n.value[t.index].headerId
+              }, [
+                b(e.$slots, "group", {
+                  text: n.value[t.index].label,
+                  item: n.value[t.index].data,
+                  index: t.index,
+                  length: n.value[t.index].length,
+                  disabled: n.value[t.index].allOptionsAreDisabled
+                }, () => [
+                  v("span", ke, x(n.value[t.index].label), 1)
+                ])
+              ], 8, $e),
+              (c(!0), r(Y, null, K(n.value[t.index].options, (l) => (c(), r("span", {
+                key: l.valueHash,
+                "aria-selected": o.value[l.valueHash].selected ? !0 : void 0,
+                "aria-setsize": n.value[t.index].length,
+                "aria-posinset": o.value[l.valueHash].indexInGroup + 1,
+                id: N(l.valueHash),
+                class: J({
+                  "bb-listbox__option autocomplete-option": !0,
+                  "autocomplete-option--focused": g(u) === o.value[l.valueHash].globalIndex,
+                  "autocomplete-option--selected": o.value[l.valueHash].selected,
+                  "autocomplete-option--disabled": o.value[l.valueHash].disabled
+                }),
+                "data-index": o.value[l.valueHash].globalIndex,
+                role: "option"
+              }, [
+                b(e.$slots, "option", {
+                  disabled: !!o.value[l.valueHash].disabled,
+                  focused: g(u) === o.value[l.valueHash].globalIndex,
+                  index: o.value[l.valueHash].globalIndex,
+                  item: o.value[l.valueHash].item,
+                  selected: !!o.value[l.valueHash].selected,
+                  text: o.value[l.valueHash].text,
+                  value: o.value[l.valueHash].value
+                }, () => [
+                  a[0] || (a[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", De, x(o.value[l.valueHash].text), 1)
+                ])
+              ], 10, Be))), 128))
+            ], 12, Ie))), 128))
+          ], 12, ye)) : (c(), r("span", _e, [
+            b(e.$slots, "no-data", {}, () => [
+              P(x(e.noDataText || g(F)("common.noDataText").value), 1)
+            ])
+          ])),
+          b(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
   }
-  function m(e) {
-    var r = typeof e;
-    return !!e && (r == "object" || r == "function");
-  }
-  function X(e) {
-    return !!e && typeof e == "object";
-  }
-  function z(e) {
-    return typeof e == "symbol" || X(e) && G.call(e) == W;
-  }
-  function O(e) {
-    if (typeof e == "number")
-      return e;
-    if (z(e))
-      return I;
-    if (m(e)) {
-      var r = typeof e.valueOf == "function" ? e.valueOf() : e;
-      e = m(r) ? r + "" : r;
-    }
-    if (typeof e != "string")
-      return e === 0 ? e : +e;
-    e = e.replace(C, "");
-    var n = N.test(e);
-    return n || R.test(e) ? $(e.slice(2), n ? 2 : 8) : M.test(e) ? I : +e;
-  }
-  return p = U, p;
-}
+});
 export {
-  Z as __require
+  Ee as default
 };

package/dist/index358.js

@@ -1,4 +1,4 @@
-import f from "./index352.js";
+import f from "./index356.js";
 export {
   f as default
 };

package/dist/index359.js

@@ -1,4 +1,4 @@
-import f from "./index353.js";
+import f from "./index357.js";
 export {
   f as default
 };

package/dist/index36.js

@@ -1,9 +1,9 @@
 import { defineComponent as I, ref as v, computed as f, createElementBlock as l, openBlock as r, mergeProps as h, createElementVNode as i, renderSlot as g, Fragment as V, renderList as M, normalizeClass as D, toDisplayString as F, unref as y } from "vue";
-import { booleanishToBoolean as T } from "./index224.js";
-import { identity as $ } from "./index265.js";
-import { isCssColor as k } from "./index223.js";
+import { booleanishToBoolean as T } from "./index244.js";
+import { identity as $ } from "./index256.js";
+import { isCssColor as k } from "./index243.js";
 import { isNotNil as q } from "./index147.js";
-import { useLocale as x } from "./index242.js";
+import { useLocale as x } from "./index238.js";
 const H = { class: "bb-base-rating__inner-container" }, S = { class: "bb-base-rating__label-text sr-only" }, N = ["id", "aria-describedby", "autofocus", "checked", "disabled", "name", "required", "value"], j = ["height", "width"], W = /* @__PURE__ */ I({
   __name: "BaseRating",
   props: {

package/dist/index363.js

@@ -1,5 +1,5 @@
 import { ref as d, computed as v, toValue as u } from "vue";
-import { isNil as a } from "./index252.js";
+import { isNil as a } from "./index254.js";
 function p(n, { disabled: r = !1 } = {}) {
   const l = d(null), c = v(
     () => !u(r) && u(n).some((t) => !t.disabled)