bitboss-ui 2.1.74 → 2.1.75

package/dist/index278.js

@@ -1,25 +1,7 @@
-const e = {
-  inert: ":not([inert]):not([inert] *)",
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ":not(:disabled)"
-}, n = [
-  `a[href]${e.inert}${e.negTabIndex}`,
-  `area[href]${e.inert}${e.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${e.inert}${e.negTabIndex}${e.disabled}`,
-  `input[type="radio"]${e.inert}${e.negTabIndex}${e.disabled}`,
-  `select${e.inert}${e.negTabIndex}${e.disabled}`,
-  `textarea${e.inert}${e.negTabIndex}${e.disabled}`,
-  `button${e.inert}${e.negTabIndex}${e.disabled}`,
-  `details${e.inert} > summary:first-of-type${e.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${e.inert}${e.negTabIndex}`,
-  `audio[controls]${e.inert}${e.negTabIndex}`,
-  `video[controls]${e.inert}${e.negTabIndex}`,
-  `[contenteditable]${e.inert}${e.negTabIndex}`,
-  `[tabindex]${e.inert}${e.negTabIndex}`
-];
+import { getDefaultExportFromCjs as r } from "./index329.js";
+import { __require as e } from "./index322.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
 export {
-  n as default
+  m as default
 };

package/dist/index279.js

@@ -1,7 +1,7 @@
-const o = (l, n, f = (r) => r, u) => l.map((r) => Array.isArray(r[n]) ? [
-  f(r, u),
-  ...o(r[n], n, f, f(r, u))
-] : [f(r, u)]).flat();
+import { getDefaultExportFromCjs as r } from "./index329.js";
+import { __require as t } from "./index324.js";
+var o = t();
+const a = /* @__PURE__ */ r(o);
 export {
-  o as flattenTree
+  a as default
 };

package/dist/index280.js

@@ -1,7 +1,20 @@
-import { getDefaultExportFromCjs as r } from "./index328.js";
-import { __require as o } from "./index322.js";
-var t = o();
-const m = /* @__PURE__ */ r(t);
+import { isNil as c } from "./index249.js";
+const a = (t, r) => {
+  if (!Object.prototype.hasOwnProperty.call(t, r))
+    throw new Error(
+      `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
+    );
+}, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
+  const i = s.toLocaleLowerCase();
+  for (let e = 0; e < r.length; e++) {
+    const n = r[e];
+    a(t, n);
+    const o = t[n];
+    if (c(o)) continue;
+    if (l(o).includes(i)) return !0;
+  }
+  return !1;
+};
 export {
-  m as default
+  y as matchAnyKey
 };

package/dist/index281.js

@@ -1,7 +1,14 @@
-import { getDefaultExportFromCjs as r } from "./index328.js";
-import { __require as e } from "./index324.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+import { ref as t } from "vue";
+const n = () => {
+  const e = t([]);
+  return { array: e, set: (...r) => {
+    e.value = r;
+  }, add: (...r) => {
+    e.value.push(...r);
+  }, remove: (r) => {
+    e.value = e.value.filter(r);
+  } };
+};
 export {
-  m as default
+  n as useArray
 };

package/dist/index282.js

@@ -1,7 +1,231 @@
-import { getDefaultExportFromCjs as r } from "./index328.js";
-import { __require as t } from "./index326.js";
-var o = t();
-const a = /* @__PURE__ */ r(o);
+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 "./index249.js";
+import { useVirtualizer as te } from "./index353.js";
+import { isNotNil as oe } from "./index144.js";
+import { hash as L } from "./index232.js";
+import { useLocale as ne } from "./index220.js";
+const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
+  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 },
+    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());
+      },
+      {
+        flush: "post"
+      }
+    ), 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));
+  }
+});
 export {
-  a as default
+  be as default
 };

package/dist/index283.js

@@ -1,5 +1,10 @@
-import { hash as r } from "./index237.js";
-const a = (o, t) => r(o) === r(t);
+const u = (t, r) => t.reduce(
+  (e, n, o, d) => {
+    const s = r(n, o, d);
+    return e[s] = n, e;
+  },
+  {}
+);
 export {
-  a as isEqual
+  u as indexBy
 };

package/dist/index284.js

@@ -1,15 +1,4 @@
-const c = (t, r) => {
-  if (typeof t == "string") {
-    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
-    if (n) {
-      const [, o, a] = n;
-      return a ? t : o + "px";
-    } else if (t in r)
-      return r[t] + "px";
-    throw new Error(`Invalid size: ${t}`);
-  }
-  return t + "px";
-};
+const o = (e) => e[0];
 export {
-  c as parseSize
+  o as head
 };

package/dist/index285.js

@@ -1,9 +1,9 @@
-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;
+const s = (e, t, o, r) => {
+  if (r <= 0) throw new Error("Step must be a positive number");
+  if (t > o) throw new Error("Min must be less than or equal to Max");
+  const n = Math.max(t, Math.min(o, e)), a = Math.round((n - t) / r);
+  return t + a * r;
 };
 export {
-  s as clampPrecision
+  s as snapToStep
 };

package/dist/index286.js

@@ -1,43 +1,9 @@
-import { useLogger as g } from "./index245.js";
-const A = (t, s) => {
-  if (!s.length) return;
-  const o = Array.from(
-    t.querySelectorAll("thead th")
-  );
-  if (!o.length) return;
-  const { error: n } = g(), u = o.length, a = s.reduce((e, r) => {
-    const i = typeof r == "number" ? r : r.index, d = typeof r == "number" ? "left" : r.position, l = o[i];
-    if (!l)
-      return n(
-        `BbTable fixedColumns: Cannot affix column at index ${i}. Table has ${u} columns (valid indices: 0–${u - 1}).`
-      ), e;
-    const { width: m } = l.getBoundingClientRect(), y = e.filter((h) => h.position === d).reduce((h, C) => h + C.width, 0);
-    return e.push({ index: i, position: d, width: Math.floor(m), offset: y }), e;
-  }, []), c = Array.from(t.querySelectorAll("tr")), p = a.map((e) => `:scope > :nth-child(${e.index + 1})`).join(", ");
-  c.forEach((e) => {
-    Array.from(e.querySelectorAll(p)).forEach((i, d) => {
-      const l = a[d];
-      l && (i.style.position = "sticky", i.style[l.position] = `${l.offset}px`);
-    });
-  });
-}, f = (t) => Array.isArray(t) ? t : [t], w = (t) => t.split(/\W+/g).join("_").toLowerCase(), $ = (t, s, o) => {
-  const n = [...f(t)];
-  return s && n.push(...f(s)), o && n.push(...f(o)), n;
-}, b = (t, s, o, n, u, a) => {
-  const c = [...f(t)], p = (e) => typeof e == "function" ? e(n, u, a) : e;
-  if (s) {
-    const e = p(s);
-    e && c.push(...f(e));
-  }
-  if (o) {
-    const e = p(o);
-    e && c.push(...f(e));
-  }
-  return c;
-};
+function o(t, e, n, r, a) {
+  if (n === e)
+    throw new Error("Original boundaries cannot be equal.");
+  const c = (t - e) / (n - e);
+  return r + c * (a - r);
+}
 export {
-  A as applyFixedTableColumns,
-  w as columnKeyToSlotName,
-  b as mergeCellClasses,
-  $ as mergeHeaderClasses
+  o as transpose
 };

package/dist/index287.js

@@ -1,8 +1,12 @@
-import e from "./index329.js";
-import o from "./index330.js";
-import r from "./index331.js";
-const f = new r(o, e)._freeze();
+const o = (t, r) => {
+  const e = {};
+  for (const c in t)
+    if (Object.prototype.hasOwnProperty.call(t, c)) {
+      const n = t[c];
+      r(n, c, t) && (e[c] = n);
+    }
+  return e;
+};
 export {
-  r as Mime,
-  f as default
+  o as pickBy
 };

package/dist/index288.js

@@ -1,18 +1,5 @@
-const e = (o, r, f) => o.reduce((t, n) => {
-  if (t) return t;
-  if (f(n))
-    return n;
-  if (r in n) {
-    const i = e(
-      [].concat(n[r]),
-      r,
-      f
-    );
-    if (i)
-      return i;
-  }
-  return t;
-}, null);
+const o = () => {
+};
 export {
-  e as findInTree
+  o as noop
 };

package/dist/index289.js

@@ -1,35 +1,69 @@
-import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-/* empty css         */
-import n from "./index213.js";
-const l = {}, s = {
-  class: "bb-error-icon",
-  fill: "none",
-  viewBox: "0 0 20 20",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function i(c, r) {
-  return t(), e("svg", s, r[0] || (r[0] = [
-    o("path", {
-      d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
-      fill: "currentColor"
-    }, null, -1),
-    o("path", {
-      d: "M9.99414 6.66666V9.99999",
-      stroke: "white",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, null, -1),
-    o("path", {
-      d: "M9.99414 13.3333H10.0025",
-      stroke: "white",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, null, -1)
-  ]));
-}
-const a = /* @__PURE__ */ n(l, [["render", i]]);
+import { defineComponent as d, createElementBlock as l, openBlock as o, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, unref as f, withCtx as g, toDisplayString as n } from "vue";
+import { useLocale as k } from "./index220.js";
+import h from "./index13.js";
+/* empty css        */
+import C from "./index86.js";
+/* empty css        */
+const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
+  key: 1,
+  class: "bb-toast-message__title"
+}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
+  __name: "BbToastMessage",
+  props: {
+    title: {},
+    text: {},
+    icon: {},
+    theme: { default: "default" },
+    id: {},
+    showClose: { type: Boolean }
+  },
+  emits: ["click:close"],
+  setup(r, { emit: c }) {
+    const m = r, p = c, { t: _ } = k(), b = () => {
+      p("click:close", m.id);
+    };
+    return (e, a) => (o(), l("div", {
+      "aria-atomic": "true",
+      "aria-live": "polite",
+      "aria-role": "alert",
+      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
+    }, [
+      t("div", w, [
+        e.icon ? (o(), i(C, {
+          key: 0,
+          class: "bb-toast-message__icon",
+          type: e.icon
+        }, null, 8, ["type"])) : s("", !0)
+      ]),
+      t("div", v, [
+        e.showClose ? (o(), i(h, {
+          key: 0,
+          "aria-label": f(_)("common.closeLabel").value,
+          class: "bb-toast-message__close",
+          onClick: b
+        }, {
+          default: g(() => a[0] || (a[0] = [
+            t("svg", {
+              fill: "none",
+              viewBox: "0 0 24 24",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              t("path", {
+                d: "M23 23L1 1M23 1L1 23",
+                stroke: "currentColor",
+                "stroke-linecap": "round",
+                "stroke-width": "2"
+              })
+            ], -1)
+          ])),
+          _: 1
+        }, 8, ["aria-label"])) : s("", !0),
+        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
+        t("p", B, n(e.text), 1)
+      ])
+    ], 2));
+  }
+});
 export {
-  a as default
+  z as default
 };

package/dist/index29.js

@@ -1,7 +1,7 @@
 import { defineComponent as M, computed as T, ref as W, watchPostEffect as q, createBlock as F, openBlock as K, normalizeClass as L, withCtx as i, createVNode as O, unref as h, createElementVNode as z, mergeProps as G, withModifiers as R, renderSlot as d } from "vue";
-import { clamp as c } from "./index215.js";
-import { clampPrecision as U } from "./index285.js";
-import { isNil as f } from "./index235.js";
+import { clamp as c } from "./index216.js";
+import { clampPrecision as U } from "./index290.js";
+import { isNil as f } from "./index249.js";
 import { isNotNil as g } from "./index144.js";
 import j from "./index136.js";
 /* empty css         */

package/dist/index290.js

@@ -1,30 +1,9 @@
-import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
-import { useLocale as s } from "./index220.js";
-const c = ["aria-label"], b = /* @__PURE__ */ l({
-  __name: "ClearableButton",
-  setup(u) {
-    const { t: o } = s();
-    return (i, e) => (r(), n("button", {
-      "aria-label": a(o)("common.clearLabel").value,
-      class: "bb-clearable-button",
-      type: "button"
-    }, e[0] || (e[0] = [
-      t("svg", {
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, [
-        t("path", {
-          d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
-          fill: "none",
-          stroke: "currentColor",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round",
-          "stroke-width": "2"
-        })
-      ], -1)
-    ]), 8, c));
-  }
-});
+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;
+};
 export {
-  b as default
+  s as clampPrecision
 };

package/dist/index291.js

@@ -0,0 +1,8 @@
+import e from "./index347.js";
+import o from "./index348.js";
+import r from "./index349.js";
+const f = new r(o, e)._freeze();
+export {
+  r as Mime,
+  f as default
+};

package/dist/index292.js

@@ -1,5 +1,18 @@
-import r from "./index347.js";
-const t = r;
+const e = (o, r, f) => o.reduce((t, n) => {
+  if (t) return t;
+  if (f(n))
+    return n;
+  if (r in n) {
+    const i = e(
+      [].concat(n[r]),
+      r,
+      f
+    );
+    if (i)
+      return i;
+  }
+  return t;
+}, null);
 export {
-  t as deburr
+  e as findInTree
 };