bitboss-ui 2.1.115 → 2.1.117

package/dist/index347.js

@@ -1,17 +1,261 @@
-import f from "./index227.js";
-import { toOuterValue as i } from "./index346.js";
-function Y(m, e) {
-  let r = !0;
-  if (e.min) {
-    const a = f(e.min, "YYYY-MM-DD");
-    r &&= m.isSameOrAfter(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 "./index228.js";
+import { useVirtualizer as be } from "./index366.js";
+import { useLocale as me } from "./index242.js";
+import { useListboxFocus as xe } from "./index367.js";
+import { indexBy as A } from "./index280.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));
   }
-  if (e.max) {
-    const a = f(e.max, "YYYY-MM-DD");
-    r &&= m.isSameOrBefore(a);
-  }
-  return typeof e.selectable == "function" && (r &&= e.selectable(i(m, e.floating))), !r;
-}
+});
 export {
-  Y as isDateDisabled
+  Ee as default
 };

package/dist/index348.js

@@ -1,7 +1,9 @@
-import o from "./index357.js";
-/* empty css         */
-import t from "./index359.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0df1a438"]]);
+function l(n, c, r = 1) {
+  const o = Math.max(Math.ceil((c - n) / r), 0), t = new Array(o);
+  for (let e = 0; e < o; e++, n += r)
+    t[e] = n;
+  return t;
+}
 export {
-  f as default
+  l as range
 };

package/dist/index349.js

@@ -1,9 +1,7 @@
-function l(n, c, r = 1) {
-  const o = Math.max(Math.ceil((c - n) / r), 0), t = new Array(o);
-  for (let e = 0; e < o; e++, n += r)
-    t[e] = n;
-  return t;
-}
+import o from "./index356.js";
+/* empty css         */
+import t from "./index358.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0df1a438"]]);
 export {
-  l as range
+  f as default
 };

package/dist/index350.js

@@ -1,69 +1,9 @@
-const e = {
-  common: {
-    closeLabel: "Chiudi",
-    loadingText: "Caricamento...",
-    noDataText: "Nessun elemento da visualizzare",
-    clearLabel: "Reset valore selezionato"
-  },
-  colorInput: {
-    dialogLabel: "Selettore colore",
-    openPicker: "Apri il selettore colore",
-    openPickerSelected: "Apri il selettore colore, colore corrente: {0}",
-    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}",
-    alphaSliderDesc: "Usa le frecce per regolare l'opacità",
-    eyeDropper: "Seleziona colore dallo schermo"
-  },
-  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"
-  },
-  breadcrumbs: {
-    label: "Breadcrumb",
-    openHiddenLabelCount: "Mostra {0} breadcrumb nascoste"
-  },
-  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"
-  }
-};
+function c(n, e) {
+  const u = [];
+  for (let t = 0; t < n.length; t += e)
+    u.push(n.slice(t, t + e));
+  return u;
+}
 export {
-  e as default
+  c as chunk
 };

package/dist/index351.js

@@ -1,69 +1,21 @@
-const e = {
-  common: {
-    closeLabel: "Close",
-    loadingText: "Loading...",
-    noDataText: "No data to display",
-    clearLabel: "Reset selected value"
-  },
-  colorInput: {
-    dialogLabel: "Color picker",
-    openPicker: "Open color picker",
-    openPickerSelected: "Open color picker, current color: {0}",
-    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}",
-    alphaSliderDesc: "Use the arrows to adjust opacity",
-    eyeDropper: "Pick color from screen"
-  },
-  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"
-  },
-  breadcrumbs: {
-    label: "Breadcrumbs",
-    openHiddenLabelCount: "Show {0} hidden breadcrumbs"
-  },
-  pagination: {
-    previous: "Previous",
-    next: "Next"
-  },
-  table: {
-    noDataText: "No data to display",
-    selectAllLabel: "Select all items on this page",
-    selectText: "Select an item",
-    select: "Select"
+function l(t, ...e) {
+  if (t.length) {
+    const o = t[0];
+    if (typeof o == "string") return [...t].sort(r);
+    if (typeof o == "number") return [...t].sort(r);
+    if (e && e.length)
+      return [...t].sort((f, u) => {
+        for (let n = 0; n < e.length; n++) {
+          const i = e[n], s = r(f[i], u[i]);
+          if (s) return s;
+        }
+        return 0;
+      });
+    throw new Error("Invalid comparison");
   }
-};
+  return t;
+}
+const r = (t, e) => t < e ? -1 : t > e ? 1 : 0;
 export {
-  e as default
+  l as sort
 };

package/dist/index352.js

@@ -1,37 +1,11 @@
-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
-    };
-    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)
-  };
+import n from "./index229.js";
+function Y(r, t) {
+  return t ? r.format("YYYY-MM-DD") : r.toISOString();
+}
+function e(r, t) {
+  return t ? n(r, "YYYY-MM-DD") : n(r);
 }
 export {
-  w as useCancelableFunction
+  e as toInnerValue,
+  Y as toOuterValue
 };

package/dist/index353.js

@@ -1,131 +1,17 @@
-import { arrow as j, computePosition as A } from "./index354.js";
-import { autoUpdate as W, flip as X, hide as Y, offset as Z, platform as ee, shift as ne } from "./index354.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;
-  }
-  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;
-    }
+import f from "./index229.js";
+import { toOuterValue as i } from "./index352.js";
+function Y(m, e) {
+  let r = !0;
+  if (e.min) {
+    const a = f(e.min, "YYYY-MM-DD");
+    r &&= m.isSameOrAfter(a);
   }
-  function $() {
-    s.value || (g.value = !1);
+  if (e.max) {
+    const a = f(e.max, "YYYY-MM-DD");
+    r &&= m.isSameOrBefore(a);
   }
-  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
-  };
+  return typeof e.selectable == "function" && (r &&= e.selectable(i(m, e.floating))), !r;
 }
 export {
-  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
+  Y as isDateDisabled
 };