bitboss-ui 2.0.105 → 2.0.106

package/dist/index308.js

@@ -1,60 +1,216 @@
-var o = function(a, e, s, t) {
-  if (s === "a" && !t) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof e == "function" ? a !== e || !t : !e.has(a)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return s === "m" ? t : s === "a" ? t.call(a) : t ? t.value : e.get(a);
-}, i, l, r;
-class d {
-  constructor(...e) {
-    i.set(this, /* @__PURE__ */ new Map()), l.set(this, /* @__PURE__ */ new Map()), r.set(this, /* @__PURE__ */ new Map());
-    for (const s of e)
-      this.define(s);
-  }
-  define(e, s = !1) {
-    for (let [t, f] of Object.entries(e)) {
-      t = t.toLowerCase(), f = f.map((n) => n.toLowerCase()), o(this, r, "f").has(t) || o(this, r, "f").set(t, /* @__PURE__ */ new Set());
-      const h = o(this, r, "f").get(t);
-      let u = !0;
-      for (let n of f) {
-        const w = n.startsWith("*");
-        if (n = w ? n.slice(1) : n, h == null || h.add(n), u && o(this, l, "f").set(t, n), u = !1, w)
-          continue;
-        const c = o(this, i, "f").get(n);
-        if (c && c != t && !s)
-          throw new Error(`"${t} -> ${n}" conflicts with "${c} -> ${n}". Pass \`force=true\` to override this definition.`);
-        o(this, i, "f").set(n, t);
+import { defineComponent as U, ref as b, computed as f, watch as $, openBlock as d, createElementBlock as c, normalizeClass as B, normalizeStyle as h, withModifiers as X, createElementVNode as x, renderSlot as v, createTextVNode as H, toDisplayString as g, unref as N, Fragment as Z, renderList as ee } from "vue";
+import { isNil as m } from "./index258.js";
+import { useVirtualizer as te } from "./index325.js";
+import { isNotNil as oe } from "./index134.js";
+import { hash as V } from "./index212.js";
+import { useLocale as ne } from "./index224.js";
+const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, se = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__content" }, re = { class: "autocomplete-option__label" }, xe = /* @__PURE__ */ U({
+  __name: "ListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    transitionDuration: { default: 250 },
+    loadingText: {},
+    noDataText: {}
+  },
+  emits: ["option:selected", "option:unselected"],
+  setup(z, { expose: L, emit: C }) {
+    const o = z, _ = C, { t: y } = ne(), s = b(null), O = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = f(
+      () => o.options.map((e) => ({ ...e, id: O(e.value) }))
+    ), p = te({
+      get count() {
+        return o.options.length;
+      },
+      getScrollElement: () => s.value,
+      estimateSize: () => 42,
+      overscan: 5
+    }), F = (e) => {
+      e && p.value.measureElement(e);
+    }, M = f(() => p.value.getVirtualItems()), A = f(() => p.value.getTotalSize()), n = b(null), a = f(
+      () => o.open && o.options.some((e) => !e.disabled)
+    ), I = (e = 1) => {
+      const l = m(n.value) ? -1 : n.value;
+      let t = (l + e) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = I(e + 1);
+      return t;
+    }, P = () => {
+      if (!a.value) return;
+      const e = I();
+      n.value = e, u();
+    }, S = (e = 1) => {
+      const l = m(n.value) ? 0 : n.value;
+      let t = (l - e + o.options.length) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = S(e + 1);
+      return t;
+    }, R = async () => {
+      if (!a.value) return;
+      const e = S();
+      n.value = e, u();
+    }, q = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e].disabled; )
+        e++;
+      n.value = e, u();
+    }, J = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e, u();
+    }, W = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
+        e++;
+      n.value = e % o.options.length, u();
+    }, Y = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].selected && e > 0; )
+        e--;
+      n.value = e === -1 ? o.options.length - 1 : e, u();
+    }, j = (e) => {
+      if (!a.value) return;
+      const l = o.options.findIndex(
+        (t) => t.valueHash === e
+      );
+      l >= 0 && (n.value = l), u();
+    }, k = () => {
+      n.value = null;
+    }, u = () => {
+      s.value && oe(n.value) && p.value.scrollToIndex(n.value, {
+        align: "center",
+        behavior: "smooth"
+      });
+    }, T = () => {
+      if (m(n.value) || !o.open) return;
+      const e = o.options[n.value];
+      e.selected ? _("option:unselected", e) : _("option:selected", e);
+    }, w = b(0), D = () => {
+      s.value && (w.value = s.value.scrollHeight);
+    }, G = (e) => !e.disabled, K = (e) => {
+      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
+        if (!s.value.querySelector('[role="listbox"]'))
+          throw new Error("Could not find listbox in DOM tree.");
+        let t = e.target, r = t.dataset.index;
+        for (; m(r) && t.parentElement; )
+          t = t.parentElement, r = t.dataset.index;
+        if (r) {
+          const E = o.options[+r];
+          E && G(E) && (n.value = +r, T());
+        }
       }
-    }
-    return this;
-  }
-  getType(e) {
-    if (typeof e != "string")
-      return null;
-    const s = e.replace(/^.*[/\\]/, "").toLowerCase(), t = s.replace(/^.*\./, "").toLowerCase(), f = s.length < e.length;
-    return !(t.length < s.length - 1) && f ? null : o(this, i, "f").get(t) ?? null;
-  }
-  getExtension(e) {
-    var s;
-    return typeof e != "string" ? null : (e = (s = e == null ? void 0 : e.split) == null ? void 0 : s.call(e, ";")[0], (e && o(this, l, "f").get(e.trim().toLowerCase())) ?? null);
-  }
-  getAllExtensions(e) {
-    return typeof e != "string" ? null : o(this, r, "f").get(e.toLowerCase()) ?? null;
-  }
-  _freeze() {
-    this.define = () => {
-      throw new Error("define() not allowed for built-in Mime objects. See https://github.com/broofa/mime/blob/main/README.md#custom-mime-instances");
-    }, Object.freeze(this);
-    for (const e of o(this, r, "f").values())
-      Object.freeze(e);
-    return this;
-  }
-  _getTestState() {
-    return {
-      types: o(this, i, "f"),
-      extensions: o(this, l, "f")
-    };
+    }, Q = () => m(n.value) ? void 0 : o.options[n.value];
+    return $(
+      () => o.open,
+      () => {
+        D();
+      },
+      { flush: "post" }
+    ), $(
+      () => o.options,
+      (e, l) => {
+        V(e.map((t) => t.valueHash)) !== V(l.map((t) => t.valueHash)) && (p.value.calculateRange(), D(), k());
+      },
+      {
+        flush: "post"
+      }
+    ), L({
+      focusNext: P,
+      focusPrevious: R,
+      focusFirst: q,
+      focusFirstSelected: W,
+      focusLast: J,
+      focusLastSelected: Y,
+      blur: k,
+      confirmOption: T,
+      focusByHash: j,
+      getHighlighted: Q
+    }), (e, l) => (d(), c("div", {
+      class: B(["bb-listbox", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--open": e.open,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--no-data": !i.value.length
+      }]),
+      style: h({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${w.value}px`
+      }),
+      onClick: X(K, ["stop"])
+    }, [
+      x("div", le, [
+        x("div", {
+          ref_key: "inner",
+          ref: s,
+          class: "bb-listbox__inner-container"
+        }, [
+          v(e.$slots, "options:prepend"),
+          e.loading && !e.options.length ? (d(), c("div", ie, [
+            v(e.$slots, "loading", {}, () => [
+              H(g(e.loadingText || N(y)("common.loadingText").value), 1)
+            ])
+          ])) : e.options.length ? (d(), c("div", {
+            key: 2,
+            role: "listbox",
+            style: h({
+              height: `${A.value}px`
+            }),
+            tabindex: "-1"
+          }, [
+            (d(!0), c(Z, null, ee(M.value, (t, r) => (d(), c("div", {
+              key: i.value[t.index].value,
+              ref_for: !0,
+              ref: F,
+              "aria-selected": n.value === r ? !0 : void 0,
+              class: B({
+                "bb-listbox__option autocomplete-option": !0,
+                "autocomplete-option--focused": n.value === t.index,
+                "autocomplete-option--selected": i.value[t.index].selected,
+                "autocomplete-option--disabled": i.value[t.index].disabled
+              }),
+              "data-index": t.index,
+              role: "option",
+              style: h({
+                transform: `translateY(${t.start}px)`
+              })
+            }, [
+              x("span", ue, [
+                v(e.$slots, "option", {
+                  disabled: !!i.value[t.index].disabled,
+                  focused: n.value === t.index,
+                  index: t.index,
+                  item: i.value[t.index].item,
+                  selected: !!i.value[t.index].selected,
+                  text: i.value[t.index].text,
+                  value: i.value[t.index].value
+                }, () => [
+                  x("span", re, g(i.value[t.index].text), 1)
+                ])
+              ])
+            ], 14, ae))), 128))
+          ], 4)) : (d(), c("div", se, [
+            v(e.$slots, "no-data", {}, () => [
+              H(g(e.noDataText || N(y)("common.noDataText").value), 1)
+            ])
+          ])),
+          v(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
   }
-}
-i = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
+});
 export {
-  d as default
+  xe as default
 };

package/dist/index309.js

@@ -1,9 +1,69 @@
-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 d, openBlock as o, createElementBlock as l, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, toDisplayString as n, unref as f, withCtx as g } from "vue";
+import { useLocale as k } from "./index224.js";
+import h from "./index13.js";
+/* empty css        */
+import C from "./index127.js";
+/* empty css         */
+const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
+  key: 0,
+  class: "bb-toast-message__title"
+}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
+  __name: "BbToastMessage",
+  props: {
+    title: {},
+    text: {},
+    icon: {},
+    theme: { default: "default" },
+    id: {},
+    showClose: { type: Boolean }
+  },
+  emits: ["click:close"],
+  setup(r, { emit: c }) {
+    const m = r, p = c, { t: _ } = k(), b = () => {
+      p("click:close", m.id);
+    };
+    return (e, a) => (o(), l("div", {
+      "aria-atomic": "true",
+      "aria-live": "polite",
+      "aria-role": "alert",
+      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
+    }, [
+      t("div", w, [
+        e.icon ? (o(), i(C, {
+          key: 0,
+          class: "bb-toast-message__icon",
+          type: e.icon
+        }, null, 8, ["type"])) : s("", !0)
+      ]),
+      t("div", v, [
+        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
+        t("p", B, n(e.text), 1)
+      ]),
+      e.showClose ? (o(), i(h, {
+        key: 0,
+        "aria-label": f(_)("common.closeLabel").value,
+        class: "bb-toast-message__close",
+        onClick: b
+      }, {
+        default: g(() => a[0] || (a[0] = [
+          t("svg", {
+            fill: "none",
+            viewBox: "0 0 24 24",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [
+            t("path", {
+              d: "M23 23L1 1M23 1L1 23",
+              stroke: "currentColor",
+              "stroke-linecap": "round",
+              "stroke-width": "2"
+            })
+          ], -1)
+        ])),
+        _: 1
+      }, 8, ["aria-label"])) : s("", !0)
+    ], 2));
+  }
+});
 export {
-  c as chunk
+  z as default
 };

package/dist/index31.js

@@ -1,6 +1,6 @@
 import { defineComponent as g, computed as s, ref as B, openBlock as _, createElementBlock as w, normalizeProps as t, guardReactiveProps as l, createElementVNode as u, mergeProps as V, renderSlot as C } from "vue";
-import { isCssColor as c } from "./index207.js";
-import { when as E } from "./index208.js";
+import { isCssColor as c } from "./index215.js";
+import { when as E } from "./index216.js";
 const A = {
   "aria-hidden": "true",
   class: "bb-base-radio-container"

package/dist/index310.js

@@ -1,21 +1,4 @@
-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;
+const t = (d, o) => +d + +o;
 export {
-  l as sort
+  t as add
 };

package/dist/index311.js

@@ -1,68 +1,7 @@
-import { defineComponent as d, openBlock as s, createElementBlock as i, normalizeClass as b, createElementVNode as t, createBlock as l, createCommentVNode as o, toDisplayString as n, withCtx as u } from "vue";
-import g from "./index13.js";
-/* empty css        */
-import h from "./index127.js";
-/* empty css         */
-const k = { class: "bb-toast-message__icon-container" }, f = { class: "bb-toast-message__content" }, C = {
-  key: 0,
-  class: "bb-toast-message__title"
-}, w = { class: "bb-toast-message__text" }, E = /* @__PURE__ */ d({
-  __name: "BbToastMessage",
-  props: {
-    title: {},
-    text: {},
-    icon: {},
-    theme: { default: "default" },
-    id: {},
-    showClose: { type: Boolean }
-  },
-  emits: ["click:close"],
-  setup(r, { emit: c }) {
-    const m = r, p = c, _ = () => {
-      p("click:close", m.id);
-    };
-    return (e, a) => (s(), i("div", {
-      "aria-atomic": "true",
-      "aria-live": "polite",
-      "aria-role": "alert",
-      class: b(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
-    }, [
-      t("div", k, [
-        e.icon ? (s(), l(h, {
-          key: 0,
-          class: "bb-toast-message__icon",
-          type: e.icon
-        }, null, 8, ["type"])) : o("", !0)
-      ]),
-      t("div", f, [
-        e.title ? (s(), i("p", C, n(e.title), 1)) : o("", !0),
-        t("p", w, n(e.text), 1)
-      ]),
-      e.showClose ? (s(), l(g, {
-        key: 0,
-        "aria-label": "Chiudi",
-        class: "bb-toast-message__close",
-        onClick: _
-      }, {
-        default: u(() => a[0] || (a[0] = [
-          t("svg", {
-            fill: "none",
-            viewBox: "0 0 24 24",
-            xmlns: "http://www.w3.org/2000/svg"
-          }, [
-            t("path", {
-              d: "M23 23L1 1M23 1L1 23",
-              stroke: "currentColor",
-              "stroke-linecap": "round",
-              "stroke-width": "2"
-            })
-          ], -1)
-        ])),
-        _: 1
-      })) : o("", !0)
-    ], 2));
-  }
-});
+const o = (l, n, f = (r) => r, u) => l.map((r) => Array.isArray(r[n]) ? [
+  f(r, u),
+  ...o(r[n], n, f, f(r, u))
+] : [f(r, u)]).flat();
 export {
-  E as default
+  o as flattenTree
 };

package/dist/index312.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 { getType as t } from "./index320.js";
+function o(r) {
+  return t(r) === "Array";
 }
 export {
-  l as range
+  o as isArray
 };

package/dist/index313.js

@@ -1,4 +1,10 @@
-const t = (d, o) => +d + +o;
+import { getType as o } from "./index320.js";
+function c(e) {
+  if (o(e) !== "Object")
+    return !1;
+  const t = Object.getPrototypeOf(e);
+  return !!t && t.constructor === Object && t === Object.prototype;
+}
 export {
-  t as add
+  c as isPlainObject
 };

package/dist/index314.js

@@ -1,7 +1,9 @@
-import { getType as t } from "./index320.js";
-function o(r) {
-  return t(r) === "Array";
+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 isArray
+  c as chunk
 };

package/dist/index315.js

@@ -1,10 +1,21 @@
-import { getType as o } from "./index320.js";
-function c(e) {
-  if (o(e) !== "Object")
-    return !1;
-  const t = Object.getPrototypeOf(e);
-  return !!t && t.constructor === Object && t === Object.prototype;
+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 {
-  c as isPlainObject
+  l as sort
 };

package/dist/index316.js

@@ -3,6 +3,51 @@ const e = {
     closeLabel: "Chiudi",
     loadingText: "Caricamento...",
     noDataText: "Nessun elemento da visualizzare"
+  },
+  colorInput: {
+    paletteLabel: "Seleziona un colore dalla tavolozza"
+  },
+  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 {

package/dist/index317.js

@@ -1,10 +1,55 @@
-const o = {
+const e = {
   common: {
     closeLabel: "Close",
     loadingText: "Loading...",
     noDataText: "No data to display"
+  },
+  colorInput: {
+    paletteLabel: "Select a color from the palette"
+  },
+  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 {
-  o as default
+  e as default
 };

package/dist/index318.js

@@ -1,7 +1,9 @@
-const o = (l, n, f = (r) => r, u) => l.map((r) => Array.isArray(r[n]) ? [
-  f(r, u),
-  ...o(r[n], n, f, f(r, u))
-] : [f(r, u)]).flat();
+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 {
-  o as flattenTree
+  l as range
 };