bitboss-ui 2.0.37 → 2.0.38

package/dist/index276.js

@@ -1,4 +1,213 @@
-import f from "./index227.js";
+import { defineComponent as K, ref as b, computed as m, watch as N, openBlock as r, createElementBlock as c, normalizeClass as $, normalizeStyle as h, withModifiers as Q, createElementVNode as x, renderSlot as v, createTextVNode as D, toDisplayString as g, Fragment as U, renderList as X } from "vue";
+import { isNil as f } from "./index125.js";
+import { useVirtualizer as Z } from "./index297.js";
+import { isNotNil as ee } from "./index130.js";
+import { hash as H } from "./index233.js";
+const te = { class: "bb-listbox__outer-container scrollbar-border" }, oe = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, ne = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, le = ["aria-selected", "data-index"], ie = { class: "autocomplete-option__content" }, se = { class: "autocomplete-option__label" }, pe = /* @__PURE__ */ K({
+  __name: "ListBox",
+  props: {
+    options: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    transitionDuration: { default: 250 },
+    loadingText: { default: "Caricamento..." },
+    noDataText: { default: "Nessun elemento da visualizzare" }
+  },
+  emits: ["option:selected", "option:unselected"],
+  setup(T, { expose: V, emit: B }) {
+    const o = T, _ = B, s = b(null), C = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = m(
+      () => o.options.map((e) => ({ ...e, id: C(e.value) }))
+    ), p = Z({
+      get count() {
+        return o.options.length;
+      },
+      getScrollElement: () => s.value,
+      estimateSize: () => 42,
+      overscan: 5
+    }), L = (e) => {
+      e && p.value.measureElement(e);
+    }, O = m(() => p.value.getVirtualItems()), F = m(() => p.value.getTotalSize()), n = b(null), a = m(
+      () => o.open && o.options.some((e) => !e.disabled)
+    ), y = (e = 1) => {
+      const l = f(n.value) ? -1 : n.value;
+      let t = (l + e) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = y(e + 1);
+      return t;
+    }, M = () => {
+      if (!a.value) return;
+      const e = y();
+      n.value = e, u();
+    }, I = (e = 1) => {
+      const l = f(n.value) ? 0 : n.value;
+      let t = (l - e + o.options.length) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = I(e + 1);
+      return t;
+    }, A = async () => {
+      if (!a.value) return;
+      const e = I();
+      n.value = e, u();
+    }, P = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e].disabled; )
+        e++;
+      n.value = e, u();
+    }, R = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e, u();
+    }, q = () => {
+      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();
+    }, J = () => {
+      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();
+    }, W = (e) => {
+      if (!a.value) return;
+      const l = o.options.findIndex(
+        (t) => t.valueHash === e
+      );
+      l >= 0 && (n.value = l), u();
+    }, S = () => {
+      n.value = null;
+    }, u = () => {
+      s.value && ee(n.value) && p.value.scrollToIndex(n.value, {
+        align: "center",
+        behavior: "smooth"
+      });
+    }, k = () => {
+      if (f(n.value) || !o.open) return;
+      const e = o.options[n.value];
+      e.selected ? _("option:unselected", e) : _("option:selected", e);
+    }, w = b(0), z = () => {
+      s.value && (w.value = s.value.scrollHeight);
+    }, Y = (e) => !e.disabled, j = (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, d = t.dataset.index;
+        for (; f(d) && t.parentElement; )
+          t = t.parentElement, d = t.dataset.index;
+        if (d) {
+          const E = o.options[+d];
+          E && Y(E) && (n.value = +d, k());
+        }
+      }
+    }, G = () => f(n.value) ? void 0 : o.options[n.value];
+    return N(
+      () => o.open,
+      () => {
+        z();
+      },
+      { flush: "post" }
+    ), N(
+      () => o.options,
+      (e, l) => {
+        H(e.map((t) => t.valueHash)) !== H(l.map((t) => t.valueHash)) && (p.value.calculateRange(), z(), S());
+      },
+      {
+        flush: "post"
+      }
+    ), V({
+      focusNext: M,
+      focusPrevious: A,
+      focusFirst: P,
+      focusFirstSelected: q,
+      focusLast: R,
+      focusLastSelected: J,
+      blur: S,
+      confirmOption: k,
+      focusByHash: W,
+      getHighlighted: G
+    }), (e, l) => (r(), c("div", {
+      class: $(["bb-listbox", {
+        "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: Q(j, ["stop"])
+    }, [
+      x("div", te, [
+        x("div", {
+          ref_key: "inner",
+          ref: s,
+          class: "bb-listbox__inner-container"
+        }, [
+          v(e.$slots, "options:prepend"),
+          e.loading && !e.options.length ? (r(), c("div", oe, [
+            v(e.$slots, "loading", {}, () => [
+              D(g(e.loadingText), 1)
+            ])
+          ])) : e.options.length ? (r(), c("div", {
+            key: 2,
+            role: "listbox",
+            style: h({
+              height: `${F.value}px`
+            }),
+            tabindex: "-1"
+          }, [
+            (r(!0), c(U, null, X(O.value, (t, d) => (r(), c("div", {
+              key: i.value[t.index].value,
+              ref_for: !0,
+              ref: L,
+              "aria-selected": n.value === d ? !0 : void 0,
+              class: $({
+                "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", ie, [
+                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", se, g(i.value[t.index].text), 1)
+                ])
+              ])
+            ], 14, le))), 128))
+          ], 4)) : (r(), c("div", ne, [
+            v(e.$slots, "no-data", {}, () => [
+              D(g(e.noDataText), 1)
+            ])
+          ])),
+          v(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
+  }
+});
 export {
-  f as default
+  pe as default
 };

package/dist/index277.js

@@ -1,4 +1,30 @@
-import f from "./index229.js";
+function y(t, r) {
+  return t > r ? 1 : -1;
+}
+function c(t, r) {
+  var n = 5381;
+  if (typeof t == "object" && t !== null && (t.toString === Object.prototype.toString || t.toString === Array.prototype.toString)) {
+    r || (r = /* @__PURE__ */ new WeakSet());
+    for (var p = Object.keys(t).sort(y), i = 0; i < p.length; i++) {
+      var s = p[i], e = t[s];
+      if (n = 33 * n ^ c(s, r), typeof e == "object" && e !== null && (t.toString === Object.prototype.toString || t.toString === Array.prototype.toString)) {
+        if (r.has(e)) continue;
+        r.add(e);
+      }
+      n = 33 * n ^ c(e, r);
+    }
+    return 33 * n ^ c(t.constructor, r);
+  }
+  var o = typeof t;
+  try {
+    t instanceof Date ? o += t.getTime() : o += String(t);
+  } catch {
+    o += String(Object.assign({}, t));
+  }
+  for (var a = 0; a < o.length; a++) n = 33 * n ^ o.charCodeAt(a);
+  return n;
+}
 export {
-  f as default
+  c as hash,
+  y as sortNumbers
 };

package/dist/index278.js

@@ -1,30 +1,4 @@
-function y(t, r) {
-  return t > r ? 1 : -1;
-}
-function c(t, r) {
-  var n = 5381;
-  if (typeof t == "object" && t !== null && (t.toString === Object.prototype.toString || t.toString === Array.prototype.toString)) {
-    r || (r = /* @__PURE__ */ new WeakSet());
-    for (var p = Object.keys(t).sort(y), i = 0; i < p.length; i++) {
-      var s = p[i], e = t[s];
-      if (n = 33 * n ^ c(s, r), typeof e == "object" && e !== null && (t.toString === Object.prototype.toString || t.toString === Array.prototype.toString)) {
-        if (r.has(e)) continue;
-        r.add(e);
-      }
-      n = 33 * n ^ c(e, r);
-    }
-    return 33 * n ^ c(t.constructor, r);
-  }
-  var o = typeof t;
-  try {
-    t instanceof Date ? o += t.getTime() : o += String(t);
-  } catch {
-    o += String(Object.assign({}, t));
-  }
-  for (var a = 0; a < o.length; a++) n = 33 * n ^ o.charCodeAt(a);
-  return n;
-}
+var e = { exports: {} };
 export {
-  c as hash,
-  y as sortNumbers
+  e as __module
 };

package/dist/index279.js

@@ -1,24 +1,4 @@
-import { defineComponent as a, computed as i, openBlock as r, createBlock as d, Transition as l, normalizeStyle as s, withCtx as u, renderSlot as p } from "vue";
-const f = /* @__PURE__ */ a({
-  __name: "Slide",
-  props: {
-    direction: { default: "right" },
-    duration: { default: 500 },
-    gap: { default: 0 }
-  },
-  setup(t) {
-    const n = t, o = i(() => `bb-slide-in-${n.direction}`);
-    return (e, m) => (r(), d(l, {
-      name: o.value,
-      style: s({ "--transition-duration": `${e.duration}ms`, "--gap": `${e.gap}px` })
-    }, {
-      default: u(() => [
-        p(e.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["name", "style"]));
-  }
-});
+var e = { exports: {} };
 export {
-  f as default
+  e as __module
 };

package/dist/index280.js

@@ -0,0 +1,4 @@
+import f from "./index236.js";
+export {
+  f as default
+};

package/dist/index281.js

@@ -1,91 +1,4 @@
-import { getDefaultExportFromCjs as M, commonjsGlobal as b } from "./index251.js";
-var k = "Expected a function", E = NaN, N = "[object Symbol]", $ = /^\s+|\s+$/g, A = /^[-+]0x[0-9a-f]+$/i, B = /^0b[01]+$/i, R = /^0o[0-7]+$/i, _ = parseInt, D = typeof b == "object" && b && b.Object === Object && b, G = typeof self == "object" && self && self.Object === Object && self, P = D || G || Function("return this")(), H = Object.prototype, U = H.toString, X = Math.max, q = Math.min, v = function() {
-  return P.Date.now();
-};
-function z(e, n, r) {
-  var f, a, m, u, i, c, s = 0, x = !1, l = !1, j = !0;
-  if (typeof e != "function")
-    throw new TypeError(k);
-  n = S(n) || 0, y(r) && (x = !!r.leading, l = "maxWait" in r, m = l ? X(S(r.maxWait) || 0, n) : m, j = "trailing" in r ? !!r.trailing : j);
-  function p(t) {
-    var o = f, d = a;
-    return f = a = void 0, s = t, u = e.apply(d, o), u;
-  }
-  function C(t) {
-    return s = t, i = setTimeout(g, n), x ? p(t) : u;
-  }
-  function L(t) {
-    var o = t - c, d = t - s, O = n - o;
-    return l ? q(O, m - d) : O;
-  }
-  function h(t) {
-    var o = t - c, d = t - s;
-    return c === void 0 || o >= n || o < 0 || l && d >= m;
-  }
-  function g() {
-    var t = v();
-    if (h(t))
-      return I(t);
-    i = setTimeout(g, L(t));
-  }
-  function I(t) {
-    return i = void 0, j && f ? p(t) : (f = a = void 0, u);
-  }
-  function W() {
-    i !== void 0 && clearTimeout(i), s = 0, f = c = a = i = void 0;
-  }
-  function F() {
-    return i === void 0 ? u : I(v());
-  }
-  function T() {
-    var t = v(), o = h(t);
-    if (f = arguments, a = this, c = t, o) {
-      if (i === void 0)
-        return C(c);
-      if (l)
-        return i = setTimeout(g, n), p(c);
-    }
-    return i === void 0 && (i = setTimeout(g, n)), u;
-  }
-  return T.cancel = W, T.flush = F, T;
-}
-function J(e, n, r) {
-  var f = !0, a = !0;
-  if (typeof e != "function")
-    throw new TypeError(k);
-  return y(r) && (f = "leading" in r ? !!r.leading : f, a = "trailing" in r ? !!r.trailing : a), z(e, n, {
-    leading: f,
-    maxWait: n,
-    trailing: a
-  });
-}
-function y(e) {
-  var n = typeof e;
-  return !!e && (n == "object" || n == "function");
-}
-function K(e) {
-  return !!e && typeof e == "object";
-}
-function Q(e) {
-  return typeof e == "symbol" || K(e) && U.call(e) == N;
-}
-function S(e) {
-  if (typeof e == "number")
-    return e;
-  if (Q(e))
-    return E;
-  if (y(e)) {
-    var n = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = y(n) ? n + "" : n;
-  }
-  if (typeof e != "string")
-    return e === 0 ? e : +e;
-  e = e.replace($, "");
-  var r = B.test(e);
-  return r || R.test(e) ? _(e.slice(2), r ? 2 : 8) : A.test(e) ? E : +e;
-}
-var V = J;
-const Z = /* @__PURE__ */ M(V);
+import f from "./index237.js";
 export {
-  Z as default
+  f as default
 };

package/dist/index282.js

@@ -1,226 +1,4 @@
-import { getDefaultExportFromCjs as f, commonjsGlobal as r } from "./index251.js";
-var c = 1 / 0, n = "[object Symbol]", a = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, d = "\\u0300-\\u036f\\ufe20-\\ufe23", b = "\\u20d0-\\u20f0", i = "[" + d + 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 p(u) {
-  return function(e) {
-    return u == null ? void 0 : u[e];
-  };
-}
-var S = p(l), g = Object.prototype, j = g.toString, o = O.Symbol, x = o ? o.prototype : void 0, t = x ? x.toString : void 0;
-function I(u) {
-  if (typeof u == "string")
-    return u;
-  if (A(u))
-    return t ? t.call(u) : "";
-  var e = u + "";
-  return e == "0" && 1 / u == -c ? "-0" : e;
-}
-function E(u) {
-  return !!u && typeof u == "object";
-}
-function A(u) {
-  return typeof u == "symbol" || E(u) && j.call(u) == n;
-}
-function C(u) {
-  return u == null ? "" : I(u);
-}
-function U(u) {
-  return u = C(u), u && u.replace(a, S).replace(s, "");
-}
-var L = U;
-const v = /* @__PURE__ */ f(L);
+import f from "./index238.js";
 export {
-  v as default
+  f as default
 };

package/dist/index283.js

@@ -1,5 +1,4 @@
-import o from "./index236.js";
-/* empty css         */
+import f from "./index240.js";
 export {
-  o as default
+  f as default
 };

package/dist/index284.js

@@ -1,5 +1,24 @@
-import o from "./index238.js";
-/* empty css         */
+import { defineComponent as a, computed as i, openBlock as r, createBlock as d, Transition as l, normalizeStyle as s, withCtx as u, renderSlot as p } from "vue";
+const f = /* @__PURE__ */ a({
+  __name: "Slide",
+  props: {
+    direction: { default: "right" },
+    duration: { default: 500 },
+    gap: { default: 0 }
+  },
+  setup(t) {
+    const n = t, o = i(() => `bb-slide-in-${n.direction}`);
+    return (e, m) => (r(), d(l, {
+      name: o.value,
+      style: s({ "--transition-duration": `${e.duration}ms`, "--gap": `${e.gap}px` })
+    }, {
+      default: u(() => [
+        p(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["name", "style"]));
+  }
+});
 export {
-  o as default
+  f as default
 };