bitboss-ui 2.1.111 → 2.1.113

package/dist/index348.js

@@ -1,9 +1,261 @@
-function c(n, e) {
-  const u = [];
-  for (let t = 0; t < n.length; t += e)
-    u.push(n.slice(t, t + e));
-  return u;
-}
+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 "./index231.js";
+import { useVirtualizer as be } from "./index366.js";
+import { useLocale as me } from "./index233.js";
+import { useListboxFocus as xe } from "./index367.js";
+import { indexBy as A } from "./index295.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));
+  }
+});
 export {
-  c as chunk
+  Ee as default
 };

package/dist/index349.js

@@ -1,21 +1,230 @@
-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");
+import { commonjsGlobal as r } from "./index342.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];
+    };
   }
-  return t;
+  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;
+  }
+  function L(u) {
+    return !!u && typeof u == "object";
+  }
+  function A(u) {
+    return typeof u == "symbol" || L(u) && j.call(u) == n;
+  }
+  function E(u) {
+    return u == null ? "" : I(u);
+  }
+  function U(u) {
+    return u = E(u), u && u.replace(d, p).replace(s, "");
+  }
+  return o = U, o;
 }
-const r = (t, e) => t < e ? -1 : t > e ? 1 : 0;
 export {
-  l as sort
+  C as __require
 };

package/dist/index350.js

@@ -1,11 +1,69 @@
-import n from "./index247.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);
-}
+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"
+  }
+};
 export {
-  e as toInnerValue,
-  Y as toOuterValue
+  e as default
 };

package/dist/index351.js

@@ -1,17 +1,69 @@
-import f from "./index247.js";
-import { toOuterValue as i } from "./index350.js";
-function Y(m, e) {
-  let r = !0;
-  if (e.min) {
-    const a = f(e.min, "YYYY-MM-DD");
-    r &&= m.isSameOrAfter(a);
+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"
   }
-  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
+  e as default
 };