bitboss-ui 2.0.97 → 2.0.98

package/dist/index300.js

@@ -1,129 +1,6 @@
-const P = ["top", "right", "bottom", "left"], l = Math.min, m = Math.max, M = Math.round, O = Math.floor, S = (t) => ({
-  x: t,
-  y: t
-}), p = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, a = {
-  start: "end",
-  end: "start"
+const e = function(t) {
+  return (...n) => n.length >= t.length ? t(...n) : e(t.bind(void 0, ...n));
 };
-function w(t, n, e) {
-  return m(t, l(n, e));
-}
-function j(t, n) {
-  return typeof t == "function" ? t(n) : t;
-}
-function u(t) {
-  return t.split("-")[0];
-}
-function g(t) {
-  return t.split("-")[1];
-}
-function h(t) {
-  return t === "x" ? "y" : "x";
-}
-function b(t) {
-  return t === "y" ? "height" : "width";
-}
-function x(t) {
-  return ["top", "bottom"].includes(u(t)) ? "y" : "x";
-}
-function d(t) {
-  return h(x(t));
-}
-function C(t, n, e) {
-  e === void 0 && (e = !1);
-  const r = g(t), o = d(t), i = b(o);
-  let c = o === "x" ? r === (e ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-  return n.reference[i] > n.floating[i] && (c = f(c)), [c, f(c)];
-}
-function L(t) {
-  const n = f(t);
-  return [s(t), n, s(n)];
-}
-function s(t) {
-  return t.replace(/start|end/g, (n) => a[n]);
-}
-function A(t, n, e) {
-  const r = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], c = ["bottom", "top"];
-  switch (t) {
-    case "top":
-    case "bottom":
-      return e ? n ? o : r : n ? r : o;
-    case "left":
-    case "right":
-      return n ? i : c;
-    default:
-      return [];
-  }
-}
-function E(t, n, e, r) {
-  const o = g(t);
-  let i = A(u(t), e === "start", r);
-  return o && (i = i.map((c) => c + "-" + o), n && (i = i.concat(i.map(s)))), i;
-}
-function f(t) {
-  return t.replace(/left|right|bottom|top/g, (n) => p[n]);
-}
-function y(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function R(t) {
-  return typeof t != "number" ? y(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function T(t) {
-  const {
-    x: n,
-    y: e,
-    width: r,
-    height: o
-  } = t;
-  return {
-    width: r,
-    height: o,
-    top: e,
-    left: n,
-    right: n + r,
-    bottom: e + o,
-    x: n,
-    y: e
-  };
-}
 export {
-  w as clamp,
-  S as createCoords,
-  j as evaluate,
-  y as expandPaddingObject,
-  O as floor,
-  g as getAlignment,
-  d as getAlignmentAxis,
-  C as getAlignmentSides,
-  b as getAxisLength,
-  L as getExpandedPlacements,
-  s as getOppositeAlignmentPlacement,
-  h as getOppositeAxis,
-  E as getOppositeAxisPlacements,
-  f as getOppositePlacement,
-  R as getPaddingObject,
-  u as getSide,
-  x as getSideAxis,
-  m as max,
-  l as min,
-  T as rectToClientRect,
-  M as round,
-  P as sides
+  e as curry
 };

package/dist/index301.js

@@ -1,5 +1,4 @@
-import o from "./index245.js";
-/* empty css         */
+const t = (d, o) => +d + +o;
 export {
-  o as default
+  t as add
 };

package/dist/index302.js

@@ -1,4 +1,4 @@
-import o from "./index247.js";
+import o from "./index246.js";
 /* empty css         */
 export {
   o as default

package/dist/index303.js

@@ -1,4 +1,5 @@
-const t = (d, o) => +d + +o;
+import o from "./index248.js";
+/* empty css         */
 export {
-  t as add
+  o as default
 };

package/dist/index304.js

@@ -1,7 +1,215 @@
-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();
+import { defineComponent as K, ref as x, computed as f, watch as N, openBlock as r, createElementBlock as c, normalizeClass as $, normalizeStyle as h, withModifiers as Q, createElementVNode as b, renderSlot as v, createTextVNode as B, toDisplayString as g, Fragment as U, renderList as X } from "vue";
+import { isNil as m } from "./index251.js";
+import { useVirtualizer as Z } from "./index320.js";
+import { isNotNil as ee } from "./index134.js";
+import { hash as D } from "./index218.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: {
+    compact: { type: Boolean },
+    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(H, { expose: T, emit: V }) {
+    const o = H, _ = V, s = x(null), C = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = f(
+      () => 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 = f(() => p.value.getVirtualItems()), F = f(() => p.value.getTotalSize()), n = x(null), a = f(
+      () => o.open && o.options.some((e) => !e.disabled)
+    ), y = (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 = y(e + 1);
+      return t;
+    }, M = () => {
+      if (!a.value) return;
+      const e = y();
+      n.value = e, u();
+    }, I = (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 = 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 (m(n.value) || !o.open) return;
+      const e = o.options[n.value];
+      e.selected ? _("option:unselected", e) : _("option:selected", e);
+    }, w = x(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 (; m(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 = () => m(n.value) ? void 0 : o.options[n.value];
+    return N(
+      () => o.open,
+      () => {
+        z();
+      },
+      { flush: "post" }
+    ), N(
+      () => o.options,
+      (e, l) => {
+        D(e.map((t) => t.valueHash)) !== D(l.map((t) => t.valueHash)) && (p.value.calculateRange(), z(), S());
+      },
+      {
+        flush: "post"
+      }
+    ), T({
+      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--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: Q(j, ["stop"])
+    }, [
+      b("div", te, [
+        b("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", {}, () => [
+              B(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)`
+              })
+            }, [
+              b("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
+                }, () => [
+                  b("span", se, g(i.value[t.index].text), 1)
+                ])
+              ])
+            ], 14, le))), 128))
+          ], 4)) : (r(), c("div", ne, [
+            v(e.$slots, "no-data", {}, () => [
+              B(g(e.noDataText), 1)
+            ])
+          ])),
+          v(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
+  }
+});
 export {
-  o as flattenTree
+  pe as default
 };

package/dist/index305.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
 };