bitboss-ui 2.0.34 → 2.0.36

package/dist/index283.js

@@ -1,37 +1,5 @@
-import { openBlock as t, createElementBlock as e, createElementVNode as o } from "vue";
+import o from "./index234.js";
 /* empty css         */
-import r from "./index259.js";
-const n = {}, s = {
-  class: "bb-error-icon",
-  fill: "none",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
-  xmlns: "http://www.w3.org/2000/svg"
-}, i = /* @__PURE__ */ o("path", {
-  d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
-  fill: "currentColor"
-}, null, -1), c = /* @__PURE__ */ o("path", {
-  d: "M9.99414 6.66666V9.99999",
-  stroke: "white",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  "stroke-width": "2"
-}, null, -1), l = /* @__PURE__ */ o("path", {
-  d: "M9.99414 13.3333H10.0025",
-  stroke: "white",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  "stroke-width": "2"
-}, null, -1), d = [
-  i,
-  c,
-  l
-];
-function _(h, a) {
-  return t(), e("svg", s, d);
-}
-const w = /* @__PURE__ */ r(n, [["render", _]]);
 export {
-  w as default
+  o as default
 };

package/dist/index284.js

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

package/dist/index285.js

@@ -1,5 +1,213 @@
-import o from "./index239.js";
-/* empty css         */
+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 "./index300.js";
+import { isNotNil as ee } from "./index130.js";
+import { hash as H } from "./index227.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 {
-  o as default
+  pe as default
 };

package/dist/index286.js

@@ -1,213 +1,68 @@
-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 "./index301.js";
-import { isNotNil as ee } from "./index130.js";
-import { hash as H } from "./index207.js";
-const te = { class: "bb-listbox__outer-container scrollbar-border" }, oe = {
+import { defineComponent as p, openBlock as s, createElementBlock as a, normalizeClass as d, createElementVNode as t, createBlock as i, createCommentVNode as o, toDisplayString as l, withCtx as b } from "vue";
+import h from "./index13.js";
+/* empty css        */
+import u from "./index122.js";
+/* empty css         */
+const g = { class: "bb-toast-message__icon-container" }, k = { class: "bb-toast-message__content" }, f = {
   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",
+  class: "bb-toast-message__title"
+}, C = { class: "bb-toast-message__text" }, w = /* @__PURE__ */ t("svg", {
+  fill: "none",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ t("path", {
+    d: "M23 23L1 1M23 1L1 23",
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-width": "2"
+  })
+], -1), L = /* @__PURE__ */ p({
+  __name: "BbToastMessage",
   props: {
-    options: {},
-    open: { type: Boolean },
-    loading: { type: Boolean },
-    transitionDuration: { default: 250 },
-    loadingText: { default: "Caricamento..." },
-    noDataText: { default: "Nessun elemento da visualizzare" }
+    title: {},
+    text: {},
+    icon: {},
+    theme: { default: "default" },
+    id: {},
+    showClose: { type: Boolean }
   },
-  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"])
+  emits: ["click:close"],
+  setup(n, { emit: c }) {
+    const r = n, m = c, _ = () => {
+      m("click:close", r.id);
+    };
+    return (e, v) => (s(), a("div", {
+      "aria-atomic": "true",
+      "aria-live": "polite",
+      "aria-role": "alert",
+      class: d(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
     }, [
-      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));
+      t("div", g, [
+        e.icon ? (s(), i(u, {
+          key: 0,
+          class: "bb-toast-message__icon",
+          type: e.icon
+        }, null, 8, ["type"])) : o("", !0)
+      ]),
+      t("div", k, [
+        e.title ? (s(), a("p", f, l(e.title), 1)) : o("", !0),
+        t("p", C, l(e.text), 1)
+      ]),
+      e.showClose ? (s(), i(h, {
+        key: 0,
+        "aria-label": "Chiudi",
+        class: "bb-toast-message__close",
+        onClick: _
+      }, {
+        default: b(() => [
+          w
+        ]),
+        _: 1
+      })) : o("", !0)
+    ], 2));
   }
 });
 export {
-  pe as default
+  L as default
 };

package/dist/index287.js

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

package/dist/index288.js

@@ -1,9 +1,4 @@
-function c(n, e) {
-  const u = [];
-  for (let t = 0; t < n.length; t += e)
-    u.push(n.slice(t, t + e));
-  return u;
-}
+const t = (d, o) => +d + +o;
 export {
-  c as chunk
+  t as add
 };

package/dist/index289.js

@@ -1,21 +1,81 @@
-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");
+import { defineComponent as _, toRef as y, ref as p, computed as o, openBlock as v, createBlock as h, Teleport as A, createElementVNode as r, mergeProps as n, renderSlot as $ } from "vue";
+import b from "./index302.js";
+import { useFloating as k, arrow as x } from "./index214.js";
+import { autoUpdate as B, flip as C, offset as D, shift as P } from "./index224.js";
+const N = /* @__PURE__ */ _({
+  __name: "CommonFloating",
+  props: {
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: {},
+    padding: {},
+    placement: {},
+    theme: {},
+    transitionDuration: {},
+    containerAttributes: { default: () => ({}) },
+    bubbleAttributes: {},
+    wrapper: {},
+    baseClass: {},
+    open: { type: Boolean }
+  },
+  setup(u) {
+    const e = u, f = y(e, "wrapper"), a = p(), l = p(), { floatingStyles: c, placement: d, middlewareData: s } = k(
+      f,
+      a,
+      {
+        placement: e.placement,
+        whileElementsMounted: B,
+        middleware: [
+          C(),
+          D(e.offset),
+          P({ padding: e.padding }),
+          x({
+            element: l,
+            padding: e.arrowPadding
+          })
+        ]
+      }
+    ), m = o(() => {
+      if (s.value.arrow) {
+        const { x: t, y: i } = s.value.arrow;
+        return {
+          style: {
+            left: `${t}px`,
+            top: `${i}px`
+          }
+        };
+      }
+    }), g = o(() => b({}, e.containerAttributes, {
+      class: {
+        "bb-floating": !0,
+        [`bb-floating--${d.value}`]: !0,
+        [`${e.baseClass}__bubble-container--${e.theme}`]: e.theme,
+        "bb-floating--hidden": !e.open,
+        "bb-floating--open": e.open
+      },
+      style: {
+        ...c.value,
+        "--transition-duration": `${e.transitionDuration}ms`
+      },
+      inert: !e.open
+    })), w = o(() => b({}, e.bubbleAttributes, {}));
+    return (t, i) => (v(), h(A, { to: "body" }, [
+      r("span", n({
+        ref_key: "content",
+        ref: a
+      }, g.value), [
+        r("span", n({
+          ref_key: "bubblearrow",
+          ref: l,
+          class: "bb-floating__arrow"
+        }, m.value), null, 16),
+        r("span", n({ class: "bb-floating__bubble" }, w.value), [
+          $(t.$slots, "default")
+        ], 16)
+      ], 16)
+    ]));
   }
-  return t;
-}
-const r = (t, e) => t < e ? -1 : t > e ? 1 : 0;
+});
 export {
-  l as sort
+  N as default
 };

package/dist/index29.js

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