bitboss-ui 2.1.113 → 2.1.114

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,4 +1,11 @@
-import f from "./index347.js";
+import n from "./index246.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 {
-  f as default
+  e as toInnerValue,
+  Y as toOuterValue
 };

package/dist/index353.js

@@ -1,4 +1,17 @@
-import f from "./index348.js";
+import f from "./index246.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);
+  }
+  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 {
-  f as default
+  Y as isDateDisabled
 };

package/dist/index354.js

@@ -1,136 +1,7 @@
-function c() {
-  return typeof window < "u";
-}
-function u(t) {
-  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function i(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function N(t) {
-  var e;
-  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function p(t) {
-  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
-}
-function m(t) {
-  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
-}
-function w(t) {
-  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
-}
-function f(t) {
-  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
-}
-const E = /* @__PURE__ */ new Set(["inline", "contents"]);
-function y(t) {
-  const {
-    overflow: e,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = S(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
-}
-const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function A(t) {
-  return T.has(u(t));
-}
-const v = [":popover-open", ":modal"];
-function L(t) {
-  return v.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
-  });
-}
-const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
-function V(t) {
-  const e = O(), n = m(t) ? S(t) : t;
-  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
-}
-function B(t) {
-  let e = s(t);
-  for (; w(e) && !h(e); ) {
-    if (V(e))
-      return e;
-    if (L(e))
-      return null;
-    e = s(e);
-  }
-  return null;
-}
-function O() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function h(t) {
-  return R.has(u(t));
-}
-function S(t) {
-  return i(t).getComputedStyle(t);
-}
-function F(t) {
-  return m(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function s(t) {
-  if (u(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    f(t) && t.host || // Fallback.
-    N(t)
-  );
-  return f(e) ? e.host : e;
-}
-function b(t) {
-  const e = s(t);
-  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
-}
-function d(t, e, n) {
-  var o;
-  e === void 0 && (e = []), n === void 0 && (n = !0);
-  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
-  if (g) {
-    const a = _(l);
-    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
-  }
-  return e.concat(r, d(r, [], n));
-}
-function _(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
-}
+import o from "./index360.js";
+/* empty css         */
+import t from "./index304.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0df1a438"]]);
 export {
-  S as getComputedStyle,
-  B as getContainingBlock,
-  N as getDocumentElement,
-  _ as getFrameElement,
-  b as getNearestOverflowAncestor,
-  u as getNodeName,
-  F as getNodeScroll,
-  d as getOverflowAncestors,
-  s as getParentNode,
-  i as getWindow,
-  V as isContainingBlock,
-  m as isElement,
-  w as isHTMLElement,
-  h as isLastTraversableNode,
-  p as isNode,
-  y as isOverflowElement,
-  f as isShadowRoot,
-  A as isTableElement,
-  L as isTopLayer,
-  O as isWebKit
+  f as default
 };

package/dist/index355.js

@@ -1,9 +1,202 @@
-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 U, useTemplateRef as L, computed as n, watch as f, ref as W, createElementBlock as s, openBlock as u, withModifiers as X, normalizeStyle as x, normalizeClass as z, createElementVNode as c, renderSlot as r, createTextVNode as I, toDisplayString as h, unref as E, Fragment as Z, renderList as w } from "vue";
+import { isNil as g } from "./index274.js";
+import { isNotNil as ee } from "./index150.js";
+import { useVirtualizer as te } from "./index366.js";
+import { hash as N } from "./index240.js";
+import { useLocale as oe } from "./index230.js";
+import { useListboxFocus as ae } from "./index367.js";
+import { indexBy as ie } from "./index291.js";
+const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
+  ref: "inner",
+  class: "bb-listbox__inner-container",
+  tabindex: "-1"
+}, se = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, ue = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, de = ["aria-activedescendant", "aria-multiselectable"], ce = ["aria-selected", "data-index", "id"], re = { class: "autocomplete-option__label" }, _e = /* @__PURE__ */ U({
+  __name: "FlatListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean },
+    transitionDuration: { default: 250 },
+    loadingText: {},
+    noDataText: {},
+    optionHeight: {}
+  },
+  emits: ["option:selected", "option:unselected", "focused:change"],
+  setup(F, { expose: M, emit: R }) {
+    const i = F, v = R, { t: _ } = oe(), d = L("inner"), V = L("listbox"), y = n(() => i.optionHeight ? i.optionHeight : i.compact ? 32 : 40), p = te({
+      get count() {
+        return i.options.length;
+      },
+      getScrollElement: () => d.value ?? null,
+      estimateSize: () => y.value,
+      overscan: 5
+    }), C = n(() => p.value.getVirtualItems()), O = n(() => p.value.getTotalSize()), H = n(
+      () => i.options.map((e, a) => ({
+        index: a,
+        text: e.text,
+        value: e.value,
+        valueHash: e.valueHash,
+        item: e.item,
+        selected: !!e.selected,
+        disabled: !!e.disabled,
+        focused: a === l.value
+      }))
+    ), o = n(() => ie(H.value, "index")), k = (e) => `listbox-option-${e}`, m = n(() => {
+      if (g(l.value)) return;
+      const e = o.value[l.value];
+      if (e)
+        return k(e.valueHash);
+    }), b = n(() => H.value.length > 0), {
+      focusedIndex: l,
+      focusNext: A,
+      focusPrevious: P,
+      focusFirst: Y,
+      focusLast: j,
+      focusFirstSelected: q,
+      focusLastSelected: G,
+      focusByHash: J,
+      blur: B,
+      getHighlighted: K
+    } = ae(() => i.options, { disabled: () => !i.open });
+    f(l, (e) => {
+      d.value && ee(e) && p.value.scrollToIndex(e, {
+        align: "center",
+        behavior: "smooth"
+      }), v("focused:change", m.value);
+    });
+    const T = () => {
+      if (g(l.value) || !i.open) return;
+      const e = o.value[l.value];
+      e.disabled || (e.selected ? v("option:unselected", e) : v("option:selected", e));
+    }, $ = W(0), S = () => {
+      d.value && ($.value = d.value.scrollHeight);
+    }, Q = (e) => {
+      if (e.preventDefault(), d.value && e.target instanceof HTMLElement && V.value) {
+        let a = e.target, t = a.dataset.index;
+        for (; g(t) && a.parentElement; )
+          a = a.parentElement, t = a.dataset.index;
+        if (t) {
+          const D = o.value[+t];
+          D && !D.disabled && (l.value = +t, T());
+        }
+      }
+    };
+    return f(
+      () => i.open,
+      () => {
+        S();
+      },
+      { flush: "post" }
+    ), f(
+      () => i.options,
+      (e, a) => {
+        N(e.map((t) => t.valueHash)) !== N(a.map((t) => t.valueHash)) && (p.value.calculateRange(), S(), B());
+      },
+      { flush: "post" }
+    ), M({
+      focusNext: A,
+      focusPrevious: P,
+      focusFirst: Y,
+      focusFirstSelected: q,
+      focusLast: j,
+      focusLastSelected: G,
+      blur: B,
+      confirmOption: T,
+      focusByHash: J,
+      getHighlighted: K,
+      getActiveDescendantId: () => m.value
+    }), (e, a) => (u(), s("span", {
+      class: z(["bb-listbox", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--multiple": e.multiple,
+        "bb-listbox--no-data": !b.value,
+        "bb-listbox--open": e.open
+      }]),
+      style: x({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${$.value}px`,
+        "--option-height": `${y.value}px`
+      }),
+      onClick: X(Q, ["stop"])
+    }, [
+      c("span", le, [
+        c("span", ne, [
+          r(e.$slots, "options:prepend"),
+          e.loading && !b.value ? (u(), s("span", se, [
+            r(e.$slots, "loading", {}, () => [
+              I(h(e.loadingText || E(_)("common.loadingText").value), 1)
+            ])
+          ])) : b.value ? (u(), s("span", {
+            key: 2,
+            role: "listbox",
+            ref: "listbox",
+            style: x({
+              height: `${O.value}px`
+            }),
+            "aria-activedescendant": m.value,
+            "aria-multiselectable": e.multiple ? !0 : void 0,
+            tabindex: "-1"
+          }, [
+            (u(!0), s(Z, null, w(C.value, (t) => (u(), s("span", {
+              key: o.value[t.index].valueHash,
+              "aria-selected": o.value[t.index].focused ? !0 : void 0,
+              class: z({
+                "bb-listbox__option autocomplete-option": !0,
+                "autocomplete-option--focused": o.value[t.index].focused,
+                "autocomplete-option--selected": o.value[t.index].selected,
+                "autocomplete-option--disabled": o.value[t.index].disabled
+              }),
+              "data-index": t.index,
+              id: k(o.value[t.index].valueHash),
+              role: "option",
+              style: x({
+                transform: `translateY(${t.start}px)`
+              })
+            }, [
+              r(e.$slots, "option", {
+                disabled: o.value[t.index].disabled,
+                focused: o.value[t.index].focused,
+                index: t.index,
+                item: o.value[t.index].item,
+                selected: o.value[t.index].selected,
+                text: o.value[t.index].text,
+                value: o.value[t.index].value
+              }, () => [
+                a[0] || (a[0] = c("svg", {
+                  class: "autocomplete-option__checkbox",
+                  role: "presentation",
+                  viewBox: "276.411 158.834 114.971 114.97"
+                }, [
+                  c("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)),
+                c("span", re, h(o.value[t.index].text), 1)
+              ])
+            ], 14, ce))), 128))
+          ], 12, de)) : (u(), s("span", ue, [
+            r(e.$slots, "no-data", {}, () => [
+              I(h(e.noDataText || E(_)("common.noDataText").value), 1)
+            ])
+          ])),
+          r(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
+  }
+});
 export {
-  c as chunk
+  _e as default
 };