bitboss-ui 2.1.106 → 2.1.108

package/dist/index353.js

@@ -1,261 +1,37 @@
-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 "./index270.js";
-import { useVirtualizer as be } from "./index362.js";
-import { useLocale as me } from "./index239.js";
-import { useListboxFocus as xe } from "./index363.js";
-import { indexBy as A } from "./index296.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" });
+import { ref as c, computed as a } from "vue";
+function w(o) {
+  const e = c(!1), r = c(!1);
+  let n = null;
+  const s = () => {
+    if (e.value)
+      throw new Error("Operation was cancelled");
+  }, u = async (...i) => {
+    r.value && t(), e.value = !1, r.value = !0, n = new AbortController();
+    const f = {
+      signal: n.signal,
+      isCancelled: a(() => e.value),
+      checkCancelled: s
     };
-    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));
-  }
-});
+    try {
+      const l = await o(f, ...i);
+      if (!e.value)
+        return l;
+      throw new Error("Operation was cancelled");
+    } catch (l) {
+      throw l instanceof Error && (l.message === "Operation was cancelled" || l.name === "AbortError"), l;
+    } finally {
+      r.value = !1, n = null;
+    }
+  }, t = () => {
+    n && !e.value && (e.value = !0, n.abort());
+  };
+  return {
+    execute: u,
+    cancel: t,
+    isCancelled: a(() => e.value),
+    isExecuting: a(() => r.value)
+  };
+}
 export {
-  Ee as default
+  w as useCancelableFunction
 };

package/dist/index354.js

@@ -1,230 +1,131 @@
-import { commonjsGlobal as r } from "./index336.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];
-    };
-  }
-  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;
+import { arrow as j, computePosition as A } from "./index355.js";
+import { autoUpdate as W, flip as X, hide as Y, offset as Z, platform as ee, shift as ne } from "./index355.js";
+import { isNode as B, getNodeName as F } from "./index362.js";
+import { getOverflowAncestors as le } from "./index362.js";
+import { computed as r, ref as c, shallowRef as I, watch as x, getCurrentScope as U, onScopeDispose as k, shallowReadonly as o, unref as q } from "vue";
+function z(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function V(e) {
+  if (z(e)) {
+    const l = e.$el;
+    return B(l) && F(l) === "#comment" ? null : l;
   }
-  function L(u) {
-    return !!u && typeof u == "object";
+  return e;
+}
+function i(e) {
+  return typeof e == "function" ? e() : q(e);
+}
+function K(e) {
+  return {
+    name: "arrow",
+    options: e,
+    fn(l) {
+      const t = V(i(e.element));
+      return t == null ? {} : j({
+        element: t,
+        padding: e.padding
+      }).fn(l);
+    }
+  };
+}
+function M(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function C(e, l) {
+  const t = M(e);
+  return Math.round(l * t) / t;
+}
+function L(e, l, t) {
+  t === void 0 && (t = {});
+  const D = t.whileElementsMounted, s = r(() => {
+    var n;
+    return (n = i(t.open)) != null ? n : !0;
+  }), O = r(() => i(t.middleware)), p = r(() => {
+    var n;
+    return (n = i(t.placement)) != null ? n : "bottom";
+  }), w = r(() => {
+    var n;
+    return (n = i(t.strategy)) != null ? n : "absolute";
+  }), S = r(() => {
+    var n;
+    return (n = i(t.transform)) != null ? n : !0;
+  }), f = r(() => V(e.value)), u = r(() => V(l.value)), y = c(0), h = c(0), m = c(w.value), P = c(p.value), E = I({}), g = c(!1), _ = r(() => {
+    const n = {
+      position: m.value,
+      left: "0",
+      top: "0"
+    };
+    if (!u.value)
+      return n;
+    const a = C(u.value, y.value), b = C(u.value, h.value);
+    return S.value ? {
+      ...n,
+      transform: "translate(" + a + "px, " + b + "px)",
+      ...M(u.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: m.value,
+      left: a + "px",
+      top: b + "px"
+    };
+  });
+  let d;
+  function v() {
+    if (f.value == null || u.value == null)
+      return;
+    const n = s.value;
+    A(f.value, u.value, {
+      middleware: O.value,
+      placement: p.value,
+      strategy: w.value
+    }).then((a) => {
+      y.value = a.x, h.value = a.y, m.value = a.strategy, P.value = a.placement, E.value = a.middlewareData, g.value = n !== !1;
+    });
   }
-  function A(u) {
-    return typeof u == "symbol" || L(u) && j.call(u) == n;
+  function R() {
+    typeof d == "function" && (d(), d = void 0);
   }
-  function E(u) {
-    return u == null ? "" : I(u);
+  function N() {
+    if (R(), D === void 0) {
+      v();
+      return;
+    }
+    if (f.value != null && u.value != null) {
+      d = D(f.value, u.value, v);
+      return;
+    }
   }
-  function U(u) {
-    return u = E(u), u && u.replace(d, p).replace(s, "");
+  function $() {
+    s.value || (g.value = !1);
   }
-  return o = U, o;
+  return x([O, p, w, s], v, {
+    flush: "sync"
+  }), x([f, u], N, {
+    flush: "sync"
+  }), x(s, $, {
+    flush: "sync"
+  }), U() && k(R), {
+    x: o(y),
+    y: o(h),
+    strategy: o(m),
+    placement: o(P),
+    middlewareData: o(E),
+    isPositioned: o(g),
+    floatingStyles: _,
+    update: v
+  };
 }
 export {
-  C as __require
+  K as arrow,
+  W as autoUpdate,
+  A as computePosition,
+  X as flip,
+  le as getOverflowAncestors,
+  Y as hide,
+  Z as offset,
+  ee as platform,
+  ne as shift,
+  L as useFloating
 };