bitboss-ui 2.1.99 → 2.1.101

package/dist/index340.js

@@ -1,260 +1,37 @@
-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 "./index242.js";
-import { useVirtualizer as he } from "./index362.js";
-import { useLocale as me } from "./index231.js";
-import { useListboxFocus as xe } from "./index363.js";
-import { indexBy as E } from "./index260.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" });
+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
     };
-    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));
-  }
-});
+    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/index341.js

@@ -1,60 +1,8 @@
-const e = {
-  common: {
-    closeLabel: "Chiudi",
-    loadingText: "Caricamento...",
-    noDataText: "Nessun elemento da visualizzare",
-    clearLabel: "Reset valore selezionato"
-  },
-  colorInput: {
-    paletteLabel: "Seleziona un colore dalla tavolozza",
-    mainCanvasDesc: "Usa le frecce per selezionare un colore",
-    mainCanvasSelectedColor: "Colore selezionato: {0}",
-    hueCanvasDesc: "Usa le frecce per selezionare una tonalità",
-    hueCanvasSelectedHue: "Tonalità selezionata: {0}"
-  },
-  datePicker: {
-    monthLabel: "Seleziona un mese",
-    yearLabel: "Seleziona un anno",
-    previousMonthLabel: "Vai indietro di un mese",
-    nextMonthLabel: "Vai avanti di un mese"
-  },
-  baseDatePickerInput: {
-    dateFormat: "Formato della data",
-    dateFormatSingle: "GG/MM/AAAA",
-    dateFormatRange: "GG/MM/AAAA - GG/MM/AAAA",
-    emptyRange: "Seleziona un range",
-    changeSelectionRange: "Cambia selezione, da {0} a {1}",
-    changeSelection: "Cambia selezione, {0}",
-    emptySelection: "Seleziona una data"
-  },
-  dialog: {
-    closeLabel: "Chiudi modale"
-  },
-  dropdownButton: {
-    open: "Apri menu",
-    close: "Chiudi menu"
-  },
-  rating: {
-    singleStar: "{0} su {1}",
-    multipleStars: "{0} su {1}"
-  },
-  select: {
-    multipleMaxReached: "{0} elementi selezionati"
-  },
-  chip: {
-    clearLabel: "Elimina"
-  },
-  pagination: {
-    previous: "Precedente",
-    next: "Successivo"
-  },
-  table: {
-    noDataText: "Non ci sono elementi da visualizzare",
-    selectAllLabel: "Seleziona tutti gli elementi di questa pagina",
-    selectText: "Seleziona un elemento",
-    select: "Seleziona"
-  }
-};
+const o = (e, t = 50) => new Promise((r) => {
+  const n = setInterval(() => {
+    e() && (clearInterval(n), r());
+  }, t);
+});
 export {
-  e as default
+  o as waitFor
 };

package/dist/index342.js

@@ -1,60 +1,131 @@
-const e = {
-  common: {
-    closeLabel: "Close",
-    loadingText: "Loading...",
-    noDataText: "No data to display",
-    clearLabel: "Reset selected value"
-  },
-  colorInput: {
-    paletteLabel: "Select a color from the palette",
-    mainCanvasDesc: "Use the arrows to select a color",
-    mainCanvasSelectedColor: "Selected color: {0}",
-    hueCanvasDesc: "Use the arrows to select a hue",
-    hueCanvasSelectedHue: "Selected hue: {0}"
-  },
-  datePicker: {
-    monthLabel: "Select a month",
-    yearLabel: "Select a year",
-    previousMonthLabel: "Go to previous month",
-    nextMonthLabel: "Go to next month"
-  },
-  baseDatePickerInput: {
-    dateFormat: "Date format",
-    dateFormatSingle: "DD/MM/YYYY",
-    dateFormatRange: "DD/MM/YYYY - DD/MM/YYYY",
-    emptyRange: "Select a range",
-    changeSelectionRange: "Change selection, from {0} to {1}",
-    changeSelection: "Change selection, {0}",
-    emptySelection: "Select a date"
-  },
-  dialog: {
-    closeLabel: "Close dialog"
-  },
-  dropdownButton: {
-    open: "Open menu",
-    close: "Close menu"
-  },
-  rating: {
-    singleStar: "{0} out of {1}",
-    multipleStars: "{0} out of {1}"
-  },
-  select: {
-    multipleMaxReached: "{0} items selected"
-  },
-  chip: {
-    clearLabel: "Remove"
-  },
-  pagination: {
-    previous: "Previous",
-    next: "Next"
-  },
-  table: {
-    noDataText: "No data to display",
-    selectAllLabel: "Select all items on this page",
-    selectText: "Select an item",
-    select: "Select"
+import { arrow as j, computePosition as A } from "./index343.js";
+import { autoUpdate as W, flip as X, hide as Y, offset as Z, platform as ee, shift as ne } from "./index343.js";
+import { isNode as B, getNodeName as F } from "./index354.js";
+import { getOverflowAncestors as le } from "./index354.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;
   }
-};
+  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 R() {
+    typeof d == "function" && (d(), d = void 0);
+  }
+  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 $() {
+    s.value || (g.value = !1);
+  }
+  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 {
-  e as default
+  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
 };