bitboss-ui 2.1.96 → 2.1.98

package/dist/index357.js

@@ -1,230 +1,260 @@
-import { commonjsGlobal as r } from "./index343.js";
-var o, c;
-function C() {
-  if (c) return o;
-  c = 1;
-  var n = "[object Symbol]", d = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, a = "\\u0300-\\u036f\\ufe20-\\ufe23", b = "\\u20d0-\\u20f0", i = "[" + a + b + "]", s = RegExp(i, "g"), l = {
-    // Latin-1 Supplement block.
-    À: "A",
-    Á: "A",
-    Â: "A",
-    Ã: "A",
-    Ä: "A",
-    Å: "A",
-    à: "a",
-    á: "a",
-    â: "a",
-    ã: "a",
-    ä: "a",
-    å: "a",
-    Ç: "C",
-    ç: "c",
-    Ð: "D",
-    ð: "d",
-    È: "E",
-    É: "E",
-    Ê: "E",
-    Ë: "E",
-    è: "e",
-    é: "e",
-    ê: "e",
-    ë: "e",
-    Ì: "I",
-    Í: "I",
-    Î: "I",
-    Ï: "I",
-    ì: "i",
-    í: "i",
-    î: "i",
-    ï: "i",
-    Ñ: "N",
-    ñ: "n",
-    Ò: "O",
-    Ó: "O",
-    Ô: "O",
-    Õ: "O",
-    Ö: "O",
-    Ø: "O",
-    ò: "o",
-    ó: "o",
-    ô: "o",
-    õ: "o",
-    ö: "o",
-    ø: "o",
-    Ù: "U",
-    Ú: "U",
-    Û: "U",
-    Ü: "U",
-    ù: "u",
-    ú: "u",
-    û: "u",
-    ü: "u",
-    Ý: "Y",
-    ý: "y",
-    ÿ: "y",
-    Æ: "Ae",
-    æ: "ae",
-    Þ: "Th",
-    þ: "th",
-    ß: "ss",
-    // Latin Extended-A block.
-    Ā: "A",
-    Ă: "A",
-    Ą: "A",
-    ā: "a",
-    ă: "a",
-    ą: "a",
-    Ć: "C",
-    Ĉ: "C",
-    Ċ: "C",
-    Č: "C",
-    ć: "c",
-    ĉ: "c",
-    ċ: "c",
-    č: "c",
-    Ď: "D",
-    Đ: "D",
-    ď: "d",
-    đ: "d",
-    Ē: "E",
-    Ĕ: "E",
-    Ė: "E",
-    Ę: "E",
-    Ě: "E",
-    ē: "e",
-    ĕ: "e",
-    ė: "e",
-    ę: "e",
-    ě: "e",
-    Ĝ: "G",
-    Ğ: "G",
-    Ġ: "G",
-    Ģ: "G",
-    ĝ: "g",
-    ğ: "g",
-    ġ: "g",
-    ģ: "g",
-    Ĥ: "H",
-    Ħ: "H",
-    ĥ: "h",
-    ħ: "h",
-    Ĩ: "I",
-    Ī: "I",
-    Ĭ: "I",
-    Į: "I",
-    İ: "I",
-    ĩ: "i",
-    ī: "i",
-    ĭ: "i",
-    į: "i",
-    ı: "i",
-    Ĵ: "J",
-    ĵ: "j",
-    Ķ: "K",
-    ķ: "k",
-    ĸ: "k",
-    Ĺ: "L",
-    Ļ: "L",
-    Ľ: "L",
-    Ŀ: "L",
-    Ł: "L",
-    ĺ: "l",
-    ļ: "l",
-    ľ: "l",
-    ŀ: "l",
-    ł: "l",
-    Ń: "N",
-    Ņ: "N",
-    Ň: "N",
-    Ŋ: "N",
-    ń: "n",
-    ņ: "n",
-    ň: "n",
-    ŋ: "n",
-    Ō: "O",
-    Ŏ: "O",
-    Ő: "O",
-    ō: "o",
-    ŏ: "o",
-    ő: "o",
-    Ŕ: "R",
-    Ŗ: "R",
-    Ř: "R",
-    ŕ: "r",
-    ŗ: "r",
-    ř: "r",
-    Ś: "S",
-    Ŝ: "S",
-    Ş: "S",
-    Š: "S",
-    ś: "s",
-    ŝ: "s",
-    ş: "s",
-    š: "s",
-    Ţ: "T",
-    Ť: "T",
-    Ŧ: "T",
-    ţ: "t",
-    ť: "t",
-    ŧ: "t",
-    Ũ: "U",
-    Ū: "U",
-    Ŭ: "U",
-    Ů: "U",
-    Ű: "U",
-    Ų: "U",
-    ũ: "u",
-    ū: "u",
-    ŭ: "u",
-    ů: "u",
-    ű: "u",
-    ų: "u",
-    Ŵ: "W",
-    ŵ: "w",
-    Ŷ: "Y",
-    ŷ: "y",
-    Ÿ: "Y",
-    Ź: "Z",
-    Ż: "Z",
-    Ž: "Z",
-    ź: "z",
-    ż: "z",
-    ž: "z",
-    IJ: "IJ",
-    ij: "ij",
-    Œ: "Oe",
-    œ: "oe",
-    ʼn: "'n",
-    ſ: "ss"
-  }, y = typeof r == "object" && r && r.Object === Object && r, m = typeof self == "object" && self && self.Object === Object && self, O = y || m || Function("return this")();
-  function S(u) {
-    return function(e) {
-      return u?.[e];
+import { defineComponent as pe, useTemplateRef as q, computed as i, watch as L, ref as ve, createElementBlock as r, openBlock as c, withModifiers as be, normalizeStyle as O, normalizeClass as G, createElementVNode as v, renderSlot as h, createTextVNode as J, toDisplayString as x, unref as g, Fragment as P, renderList as Y } from "vue";
+import { isNil as f } from "./index257.js";
+import { useVirtualizer as he } from "./index362.js";
+import { useLocale as me } from "./index232.js";
+import { useListboxFocus as xe } from "./index363.js";
+import { indexBy as E } from "./index294.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"], Me = { 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"],
+  setup(K, { expose: Q, emit: U }) {
+    const s = K, V = U, { t: F } = me(), b = q("inner"), W = q("listbox"), H = i(() => s.optionHeight ? s.optionHeight : s.compact ? 32 : 40), _ = i(() => s.headerHeight ? s.headerHeight : s.compact ? 24 : 32), X = i(() => {
+      let e = 0;
+      return s.groups.map((a, t) => {
+        const l = a.id, p = e, d = a.options.length, k = _.value + d * H.value, B = `group-header-${a.id}`, M = typeof a.data == "string" ? a.data : JSON.stringify(a.data), S = a.options.every((z) => z.disabled), D = a.data, T = a.options;
+        return e += d, {
+          offset: p,
+          length: d,
+          height: k,
+          id: l,
+          headerId: B,
+          label: M,
+          index: t,
+          allOptionsAreDisabled: S,
+          data: D,
+          options: T
+        };
+      });
+    }), n = i(
+      () => E(X.value, "index")
+    ), m = i(() => s.groups.flatMap(
+      (e, a) => e.options.map((t, l) => {
+        const p = t.valueHash, d = n.value[a].offset + l, k = e.id, B = !!t.selected, M = !!t.disabled, S = t.item, D = t.text, T = t.value, z = d === u.value;
+        return {
+          id: p,
+          globalIndex: d,
+          groupIndex: a,
+          groupId: k,
+          indexInGroup: l,
+          selected: B,
+          disabled: M,
+          item: S,
+          text: D,
+          value: T,
+          valueHash: t.valueHash,
+          focused: z
+        };
+      })
+    )), o = i(() => E(m.value, "id")), y = i(
+      () => E(m.value, "globalIndex")
+    ), N = (e) => `listbox-option-${e}`, Z = i(() => {
+      if (f(u.value)) return;
+      const e = y.value[u.value];
+      if (e)
+        return N(e.valueHash);
+    }), I = i(() => m.value.length > 0), w = (e) => _.value + s.groups[e].options.length * H.value, $ = he({
+      get count() {
+        return s.groups.length;
+      },
+      getScrollElement: () => b.value ?? null,
+      estimateSize: (e) => w(e),
+      overscan: 2
+    }), ee = i(() => $.value.getVirtualItems()), te = i(() => $.value.getTotalSize()), {
+      focusedIndex: u,
+      focusNext: ae,
+      focusPrevious: le,
+      focusFirst: se,
+      focusLast: oe,
+      focusFirstSelected: ne,
+      focusLastSelected: ie,
+      focusByHash: ue,
+      blur: A,
+      getHighlighted: de
+    } = xe(
+      i(() => m.value),
+      { disabled: () => !s.open }
+    ), re = () => {
+      if (!b.value || f(u.value)) return;
+      const e = b.value.querySelector(
+        `[data-index="${u.value}"]`
+      );
+      e && e.scrollIntoView({ block: "nearest", behavior: "smooth" });
     };
+    L(u, () => {
+      re();
+    });
+    const C = () => {
+      if (f(u.value) || !s.open) return;
+      const e = y.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 ? V("option:unselected", a) : V("option:selected", a);
+    }, R = ve(0), j = () => {
+      b.value && (R.value = b.value.scrollHeight);
+    }, ce = (e) => {
+      if (e.preventDefault(), b.value && e.target instanceof HTMLElement && W.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 = y.value[+t];
+          l && !l.disabled && (u.value = +t, C());
+        }
+      }
+    };
+    return L(() => s.open, j, { flush: "post" }), L(
+      () => 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 && ($.value.measure(), j(), A());
+      },
+      { flush: "post" }
+    ), Q({
+      focusNext: ae,
+      focusPrevious: le,
+      focusFirst: se,
+      focusFirstSelected: ne,
+      focusLast: oe,
+      focusLastSelected: ie,
+      blur: A,
+      confirmOption: C,
+      focusByHash: ue,
+      getHighlighted: de
+    }), (e, a) => (c(), r("span", {
+      class: G(["bb-listbox bb-listbox--grouped", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--multiple": e.multiple,
+        "bb-listbox--no-data": !I.value,
+        "bb-listbox--open": e.open
+      }]),
+      style: O({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${R.value}px`,
+        "--option-height": `${H.value}px`,
+        "--group-header-height": `${_.value}px`
+      }),
+      onClick: be(ce, ["stop"])
+    }, [
+      v("span", ge, [
+        v("span", fe, [
+          h(e.$slots, "options:prepend"),
+          e.loading && !I.value ? (c(), r("span", He, [
+            h(e.$slots, "loading", {}, () => [
+              J(x(e.loadingText || g(F)("common.loadingText").value), 1)
+            ])
+          ])) : I.value ? (c(), r("span", {
+            key: 2,
+            role: "listbox",
+            ref: "listbox",
+            style: O({ height: `${te.value}px` }),
+            "aria-activedescendant": Z.value,
+            "aria-multiselectable": e.multiple ? !0 : void 0,
+            tabindex: "-1"
+          }, [
+            (c(!0), r(P, null, Y(ee.value, (t) => (c(), r("span", {
+              key: n.value[t.index].id,
+              style: O({ 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
+              }, [
+                h(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(P, null, Y(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: G({
+                  "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"
+              }, [
+                h(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", Me, x(o.value[l.valueHash].text), 1)
+                ])
+              ], 10, Be))), 128))
+            ], 12, Ie))), 128))
+          ], 12, ye)) : (c(), r("span", _e, [
+            h(e.$slots, "no-data", {}, () => [
+              J(x(e.noDataText || g(F)("common.noDataText").value), 1)
+            ])
+          ])),
+          h(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
   }
-  var p = S(l), g = Object.prototype, j = g.toString, x = O.Symbol, t = x ? x.prototype : void 0, f = t ? t.toString : void 0;
-  function I(u) {
-    if (typeof u == "string")
-      return u;
-    if (A(u))
-      return f ? f.call(u) : "";
-    var e = u + "";
-    return e == "0" && 1 / u == -1 / 0 ? "-0" : e;
-  }
-  function L(u) {
-    return !!u && typeof u == "object";
-  }
-  function A(u) {
-    return typeof u == "symbol" || L(u) && j.call(u) == n;
-  }
-  function E(u) {
-    return u == null ? "" : I(u);
-  }
-  function U(u) {
-    return u = E(u), u && u.replace(d, p).replace(s, "");
-  }
-  return o = U, o;
-}
+});
 export {
-  C as __require
+  Ee as default
 };

package/dist/index358.js

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

package/dist/index359.js

@@ -1,4 +1,4 @@
-import f from "./index355.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 "./index274.js";
-import { identity as $ } from "./index256.js";
-import { isCssColor as k } from "./index244.js";
+import { booleanishToBoolean as T } from "./index250.js";
+import { identity as $ } from "./index236.js";
+import { isCssColor as k } from "./index249.js";
 import { isNotNil as q } from "./index146.js";
-import { useLocale as x } from "./index234.js";
+import { useLocale as x } from "./index232.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 "./index245.js";
+import { isNil as a } from "./index257.js";
 function p(n, { disabled: r = !1 } = {}) {
   const l = d(null), c = v(
     () => !u(r) && u(n).some((t) => !t.disabled)

package/dist/index38.js

@@ -1,37 +1,37 @@
 import { defineComponent as tt, ref as h, computed as c, toRef as W, createBlock as K, openBlock as g, normalizeClass as te, withCtx as n, createElementVNode as L, createVNode as T, createElementBlock as C, unref as B, renderSlot as d, createCommentVNode as oe, withDirectives as ot, Fragment as ae, toDisplayString as at, withKeys as w, withModifiers as m, normalizeStyle as le, vModelDynamic as lt, normalizeProps as nt, guardReactiveProps as ut, mergeProps as ne, renderList as rt, nextTick as U } from "vue";
 import st from "./index113.js";
 /* empty css         */
-import { hash as ue } from "./index225.js";
-import { isEmpty as it } from "./index252.js";
-import { last as pt } from "./index226.js";
-import { matchAnyKey as re } from "./index267.js";
-import { useArray as dt } from "./index268.js";
-import { useBaseOptions as ct } from "./index246.js";
-import { useCoherence as mt } from "./index261.js";
-import { useHashedWatcher as se } from "./index262.js";
+import { hash as ue } from "./index223.js";
+import { isEmpty as it } from "./index237.js";
+import { last as pt } from "./index224.js";
+import { matchAnyKey as re } from "./index281.js";
+import { useArray as dt } from "./index282.js";
+import { useBaseOptions as ct } from "./index245.js";
+import { useCoherence as mt } from "./index246.js";
+import { useHashedWatcher as se } from "./index247.js";
 import { useId as ft } from "./index8.js";
-import { useIndexById as ie } from "./index247.js";
+import { useIndexById as ie } from "./index244.js";
 import { useMounted as vt, useElementSize as ht, useIntersectionObserver as yt } from "./index142.js";
-import { useItemsGetter as gt } from "./index260.js";
-import { useLocale as bt } from "./index234.js";
+import { useItemsGetter as gt } from "./index243.js";
+import { useLocale as bt } from "./index232.js";
 import { useMobile as Bt } from "./index9.js";
-import { usePrefill as wt } from "./index263.js";
+import { usePrefill as wt } from "./index248.js";
 import { wait as E } from "./index141.js";
-import { when as Vt } from "./index269.js";
-import St from "./index248.js";
+import { when as Vt } from "./index283.js";
+import St from "./index277.js";
 /* empty css         */
-import It from "./index250.js";
+import It from "./index279.js";
 /* empty css         */
 import kt from "./index137.js";
 /* empty css         */
 import Ct from "./index139.js";
 import Dt from "./index239.js";
 /* empty css         */
-import Ot from "./index270.js";
-import { useUntil as $t } from "./index271.js";
+import Ot from "./index284.js";
+import { useUntil as $t } from "./index260.js";
 import { mapValues as Ht } from "./index147.js";
-import { isNil as Lt } from "./index245.js";
-import { get as Tt } from "./index272.js";
+import { isNil as Lt } from "./index257.js";
+import { get as Tt } from "./index274.js";
 const Et = { class: "bb-base-select__input-container" }, Ft = {
   key: 1,
   class: "bb-base-select__max-reached"

package/dist/index40.js

@@ -1,12 +1,12 @@
 import { defineComponent as ie, ref as d, computed as f, onMounted as se, watch as ue, createElementBlock as y, openBlock as g, normalizeProps as G, guardReactiveProps as O, renderSlot as p, createElementVNode as c, mergeProps as N, createCommentVNode as Y, Fragment as de, renderList as me, unref as b, normalizeStyle as j, normalizeClass as J } from "vue";
-import { head as ce } from "./index280.js";
-import { isCssColor as K } from "./index244.js";
-import { isNil as x } from "./index245.js";
+import { head as ce } from "./index289.js";
+import { isCssColor as K } from "./index249.js";
+import { isNil as x } from "./index257.js";
 import { getAsPercentageBetween as S, getAsPercentage as be, getValueFromPercentageInInterval as T } from "./index140.js";
-import { snapToStep as ve } from "./index281.js";
-import { last as fe } from "./index226.js";
-import { transpose as Q } from "./index282.js";
-import { clamp as m } from "./index218.js";
+import { snapToStep as ve } from "./index290.js";
+import { last as fe } from "./index224.js";
+import { transpose as Q } from "./index291.js";
+import { clamp as m } from "./index217.js";
 const pe = {
   key: 0,
   class: "bb-base-slider__ticks-container"

package/dist/index42.js

@@ -1,6 +1,6 @@
 import { defineComponent as F, ref as b, computed as s, watch as S, createElementBlock as y, openBlock as V, normalizeProps as l, guardReactiveProps as m, createCommentVNode as A, createElementVNode as r, mergeProps as v, renderSlot as N } from "vue";
-import { isCssColor as p } from "./index244.js";
-import { when as x } from "./index269.js";
+import { isCssColor as p } from "./index249.js";
+import { when as x } from "./index283.js";
 const M = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ F({
   __name: "BaseSwitch",
   props: {

package/dist/index44.js

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as n, renderSlot as s, normalizeProps as v, guardReactiveProps as b, createVNode as R, mergeProps as w, createSlots as W } from "vue";
 import K from "./index42.js";
 /* empty css        */
-import N from "./index258.js";
+import N from "./index241.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index260.js";
-import { useIndexById as T } from "./index247.js";
-import { useBaseOptions as q } from "./index246.js";
-import { useCoherence as J } from "./index261.js";
-import { hash as Q } from "./index225.js";
-import { useHashedWatcher as $ } from "./index262.js";
-import { usePrefill as X } from "./index263.js";
+import { useItemsGetter as U } from "./index243.js";
+import { useIndexById as T } from "./index244.js";
+import { useBaseOptions as q } from "./index245.js";
+import { useCoherence as J } from "./index246.js";
+import { hash as Q } from "./index223.js";
+import { useHashedWatcher as $ } from "./index247.js";
+import { usePrefill as X } from "./index248.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {