bitboss-ui 2.0.68 → 2.0.69

package/dist/index282.js

@@ -1,4 +1,226 @@
-var o = { exports: {} };
+import { getDefaultExportFromCjs as f, commonjsGlobal as r } from "./index272.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);
 export {
-  o as __module
+  v as default
 };

package/dist/index283.js

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