bitboss-ui 2.1.97 → 2.1.99

package/dist/index34.js

@@ -1,15 +1,15 @@
 import { defineComponent as F, ref as y, toRef as p, computed as M, createBlock as S, openBlock as R, unref as g, withCtx as t, renderSlot as i, normalizeProps as f, guardReactiveProps as h, createVNode as z, mergeProps as V, createSlots as G } from "vue";
 import W from "./index32.js";
 /* empty css        */
-import j from "./index249.js";
+import j from "./index244.js";
 /* empty css         */
-import { useItemsGetter as A } from "./index251.js";
-import { usePrefill as K } from "./index252.js";
-import { useIndexById as k } from "./index243.js";
-import { useBaseOptions as N } from "./index242.js";
-import { useCoherence as O } from "./index253.js";
-import { hash as U } from "./index254.js";
-import { useHashedWatcher as B } from "./index255.js";
+import { useItemsGetter as A } from "./index230.js";
+import { usePrefill as K } from "./index232.js";
+import { useIndexById as k } from "./index229.js";
+import { useBaseOptions as N } from "./index226.js";
+import { useCoherence as O } from "./index227.js";
+import { hash as U } from "./index221.js";
+import { useHashedWatcher as B } from "./index228.js";
 const se = /* @__PURE__ */ F({
   __name: "BaseRadioGroup",
   props: {

package/dist/index340.js

@@ -1,10 +1,260 @@
-function i(t) {
-  if (t = t.replace(/^#/, ""), !/^([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(t))
-    throw new Error("Invalid hex code");
-  t.length === 3 && (t = t.split("").map((n) => n + n).join(""));
-  const r = parseInt(t.slice(0, 2), 16), s = parseInt(t.slice(2, 4), 16), o = parseInt(t.slice(4, 6), 16);
-  return [r, s, o];
-}
+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" });
+    };
+    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));
+  }
+});
 export {
-  i as hexToRgb
+  Ee as default
 };

package/dist/index341.js

@@ -1,8 +1,60 @@
-function l(c, f, r) {
-  const t = c / 255, n = f / 255, o = r / 255, i = Math.max(t, n, o), a = Math.min(t, n, o), s = i - a;
-  let e = 0;
-  return s !== 0 && (i === t ? e = (n - o) / s % 6 : i === n ? e = (o - t) / s + 2 : i === o && (e = (t - n) / s + 4), e *= 60, e < 0 && (e += 360)), e;
-}
+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"
+  }
+};
 export {
-  l as getHueFromRGB
+  e as default
 };

package/dist/index342.js

@@ -1,10 +1,60 @@
-const i = (r, s, a) => {
-  const t = a / 100, c = s * Math.min(t, 1 - t) / 100, n = (h) => {
-    const o = (h + r / 30) % 12, e = t - c * Math.max(Math.min(o - 3, 9 - o, 1), -1);
-    return Math.round(255 * e).toString(16).padStart(2, "0");
-  };
-  return `#${n(0)}${n(8)}${n(4)}`;
+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"
+  }
 };
 export {
-  i as hslToHex
+  e as default
 };

package/dist/index343.js

@@ -1,37 +1,8 @@
-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)
-  };
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 export {
-  w as useCancelableFunction
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
 };

package/dist/index344.js

@@ -1,8 +1,9 @@
-const o = (e, t = 50) => new Promise((r) => {
-  const n = setInterval(() => {
-    e() && (clearInterval(n), r());
-  }, t);
-});
+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 {
-  o as waitFor
+  c as chunk
 };

package/dist/index345.js

@@ -1,131 +1,21 @@
-import { arrow as j, computePosition as A } from "./index346.js";
-import { autoUpdate as W, flip as X, hide as Y, offset as Z, platform as ee, shift as ne } from "./index346.js";
-import { isNode as B, getNodeName as F } from "./index347.js";
-import { getOverflowAncestors as le } from "./index347.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);
+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 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 t;
 }
+const r = (t, e) => t < e ? -1 : t > e ? 1 : 0;
 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
+  l as sort
 };