bitboss-ui 2.0.72 → 2.0.73

package/dist/index39.js

@@ -1,11 +1,11 @@
 import { defineComponent as U, ref as d, computed as h, onMounted as W, watch as Z, openBlock as g, createElementBlock as w, mergeProps as T, renderSlot as f, createElementVNode as c, Fragment as ee, renderList as ae, createCommentVNode as H, normalizeProps as re, guardReactiveProps as te, unref as b, normalizeClass as F, normalizeStyle as I } from "vue";
-import { clamp as le } from "./index205.js";
+import { clamp as le } from "./index204.js";
 import { head as O } from "./index247.js";
-import { isCssColor as Y } from "./index207.js";
+import { isCssColor as Y } from "./index205.js";
 import { isNil as P } from "./index129.js";
 import { isNotNil as ne } from "./index134.js";
 import { transposeValue as y } from "./index130.js";
-import { hash as J } from "./index235.js";
+import { hash as J } from "./index219.js";
 const oe = { class: "bb-base-slider__slider-container" }, ie = {
   key: 0,
   class: "bb-base-slider__ticks-container"

package/dist/index41.js

@@ -1,6 +1,6 @@
 import { defineComponent as I, ref as f, computed as n, watch as S, openBlock as h, createElementBlock as y, normalizeProps as r, guardReactiveProps as d, mergeProps as V, createCommentVNode as q, createElementVNode as l, renderSlot as A } from "vue";
-import { isCssColor as b } from "./index207.js";
-import { when as F } from "./index208.js";
+import { isCssColor as b } from "./index205.js";
+import { when as F } from "./index206.js";
 const N = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
   __name: "BaseSwitch",
   props: {

package/dist/index43.js

@@ -1,8 +1,8 @@
 import { defineComponent as V, ref as p, toRef as l, openBlock as w, createBlock as B, unref as f, withCtx as i, renderSlot as s, normalizeProps as b, guardReactiveProps as h, createVNode as O, mergeProps as v, createSlots as z } from "vue";
-import { useOptions as F } from "./index215.js";
+import { useOptions as F } from "./index236.js";
 import M from "./index41.js";
 /* empty css        */
-import S from "./index216.js";
+import S from "./index237.js";
 /* empty css         */
 const I = /* @__PURE__ */ V({
   __name: "BaseSwitchGroup",

package/dist/index45.js

@@ -4,8 +4,8 @@ import { defineComponent as Y, ref as i, computed as k, toRef as B, openBlock as
 import ue from "./index127.js";
 /* empty css         */
 import { isNotNil as se } from "./index134.js";
-import { last as de } from "./index229.js";
-import { useOptions as pe } from "./index215.js";
+import { last as de } from "./index220.js";
+import { useOptions as pe } from "./index236.js";
 import ce from "./index243.js";
 /* empty css         */
 import me from "./index245.js";

package/dist/index55.js

@@ -1,5 +1,5 @@
 import { defineComponent as z, computed as b, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as h, guardReactiveProps as k, renderSlot as y } from "vue";
-import { isCssColor as _ } from "./index207.js";
+import { isCssColor as _ } from "./index205.js";
 import { wait as C } from "./index131.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,

package/dist/index57.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, useSlots as d, computed as n, openBlock as m, createElementBlock as u, normalizeClass as g, createElementVNode as s, renderSlot as l, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as r } from "./index207.js";
+import { isCssColor as r } from "./index205.js";
 import { isNil as B } from "./index129.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",

package/dist/index61.js

@@ -1,19 +1,18 @@
-import { defineComponent as f, ref as g, computed as c, useAttrs as v, toRef as B, openBlock as t, createBlock as a, unref as p, mergeProps as k, withCtx as C, createVNode as h, createCommentVNode as l, createElementVNode as L, normalizeClass as S, renderSlot as A, createTextVNode as V, toDisplayString as x, createElementBlock as F } from "vue";
+import { defineComponent as _, ref as f, computed as c, useAttrs as g, toRef as v, openBlock as t, createBlock as a, unref as p, mergeProps as B, withCtx as k, createVNode as C, createCommentVNode as l, createElementVNode as h, normalizeClass as L, renderSlot as S, createTextVNode as V, toDisplayString as x, createElementBlock as F } from "vue";
 /* empty css       */
 /* empty css       */
 import N from "./index13.js";
 /* empty css        */
 import r from "./index126.js";
 /* empty css         */
-import $ from "./index128.js";
+import P from "./index128.js";
 /* empty css         */
-import { pickBy as P } from "./index248.js";
-import { noop as T } from "./index249.js";
-const W = {
+import { pickBy as $ } from "./index248.js";
+import { noop as A } from "./index249.js";
+const T = {
   key: 2,
   class: "bb-button__loading-label sr-only"
-}, J = /* @__PURE__ */ f({
-  inheritAttrs: !1,
+}, H = /* @__PURE__ */ _({
   __name: "BbButton",
   props: {
     autoLoading: { type: Boolean },
@@ -51,12 +50,12 @@ const W = {
     type: {}
   },
   setup(d) {
-    const e = d, i = g(0), n = c(
+    const e = d, i = f(0), n = c(
       () => e.loading || !!i.value && e.autoLoading
-    ), u = c(() => e.disabled), { onClick: b = T, ...m } = v(), y = async (...o) => {
-      n.value && e.disabledWhileLoading || (i.value++, await b(...o), i.value--);
-    }, _ = B(() => ({
-      ...P(
+    ), u = c(() => e.disabled), { onClick: b = A } = g(), m = async (o) => {
+      o.stopImmediatePropagation(), !(n.value && e.disabledWhileLoading) && (i.value++, await b(o), i.value--);
+    }, y = v(() => ({
+      ...$(
         e,
         (o, s) => ![
           "append:icon",
@@ -67,10 +66,9 @@ const W = {
           "loading",
           "prepend:icon"
         ].includes(s)
-      ),
-      ...m
+      )
     }));
-    return (o, s) => (t(), a(p(N), k(_.value, {
+    return (o, s) => (t(), a(p(N), B(y.value, {
       "aria-disabled": n.value ? !0 : void 0,
       class: {
         "bb-button": !0,
@@ -79,10 +77,10 @@ const W = {
       },
       disabled: u.value,
       tabindex: n.value ? -1 : void 0,
-      onClick: y
+      onClick: m
     }), {
-      default: C(() => [
-        h(p($), { class: "bb-button__spinner" }),
+      default: k(() => [
+        C(p(P), { class: "bb-button__spinner" }),
         e.icon ? (t(), a(r, {
           key: 0,
           class: "bb-button__icon",
@@ -92,14 +90,14 @@ const W = {
           class: "bb-button__prepend-icon",
           type: e["prepend:icon"]
         }, null, 8, ["type"])) : l("", !0),
-        L("span", {
-          class: S(["bb-button__content", { "sr-only": !!o.icon }])
+        h("span", {
+          class: L(["bb-button__content", { "sr-only": !!o.icon }])
         }, [
-          A(o.$slots, "default", {}, () => [
+          S(o.$slots, "default", {}, () => [
             V(x(o.text), 1)
           ])
         ], 2),
-        n.value ? (t(), F("span", W, "caricamento")) : l("", !0),
+        n.value ? (t(), F("span", T, "caricamento")) : l("", !0),
         !o.icon && e["append:icon"] ? (t(), a(r, {
           key: 3,
           class: "bb-button__append-icon",
@@ -111,5 +109,5 @@ const W = {
   }
 });
 export {
-  J as default
+  H as default
 };

package/dist/index75.js

@@ -1,12 +1,12 @@
-import { defineComponent as Q, defineAsyncComponent as W, computed as A, ref as g, openBlock as $, createElementBlock as D, mergeProps as B, createElementVNode as O, renderSlot as w, normalizeProps as X, guardReactiveProps as Y, unref as h, createBlock as Z, withCtx as K, normalizeStyle as _, Fragment as P, renderList as x, createVNode as ee, createCommentVNode as te } from "vue";
-import { findRightIndex as H } from "./index253.js";
-import { useId as ne } from "./index8.js";
-import { wait as oe } from "./index131.js";
-import { useIntersectionObserver as ae } from "./index132.js";
-import le from "./index13.js";
+import { defineComponent as W, defineAsyncComponent as X, computed as A, ref as w, openBlock as T, createElementBlock as D, mergeProps as C, createElementVNode as B, renderSlot as g, normalizeProps as Y, guardReactiveProps as Z, unref as h, createVNode as O, withCtx as K, normalizeStyle as _, Fragment as P, renderList as x } from "vue";
+import { findRightIndex as H } from "./index286.js";
+import { useId as ee } from "./index8.js";
+import { wait as te } from "./index131.js";
+import { useIntersectionObserver as ne } from "./index132.js";
+import oe from "./index13.js";
 /* empty css        */
-import N from "./index254.js";
-const me = /* @__PURE__ */ Q({
+import j from "./index287.js";
+const fe = /* @__PURE__ */ W({
   __name: "BbDropdown",
   props: {
     arrowPadding: { default: 10 },
@@ -22,44 +22,44 @@ const me = /* @__PURE__ */ Q({
     items: {},
     width: { default: 200 }
   },
-  setup(V) {
-    const j = W(
-      () => import("./index252.js")
-    ), r = V, d = r.id ?? `bb_${ne().id.value}`, m = A(() => {
+  setup(z) {
+    const N = X(
+      () => import("./index285.js")
+    ), r = z, d = r.id ?? `bb_${ee().id.value}`, m = A(() => {
       let e = r.items.findIndex((t) => !t.disabled), o = H(
         r.items,
         (t) => !t.disabled
       );
       return r.items.map((t, n) => {
-        const i = `${d}-item-${t.key}`, { onClick: F, ...q } = t, G = async () => {
+        const i = `${d}-item-${t.key}`, { onClick: F, ...q } = t, J = async () => {
           await b();
           const s = document.querySelector(`#${d}`);
           if (s) s instanceof HTMLElement && s.focus();
           else return;
           F && F();
-        }, J = (s) => {
+        }, Q = (s) => {
           if (s.target instanceof HTMLElement && s.target.dataset.dropdownItem) {
             if (!a.value) return;
             if (s.key === "ArrowDown") {
               if (s.preventDefault(), a.value && n !== o) {
                 const u = a.value.querySelector(
-                  N.map((y) => `#${i} ~ ${y}`).join(",")
+                  j.map((y) => `#${i} ~ ${y}`).join(",")
                 );
                 u && u instanceof HTMLElement && u.focus();
               }
             } else if (s.key === "ArrowUp") {
               if (s.preventDefault(), a.value && n !== e) {
-                const u = H(r.items, (E, T) => T < n && !E.disabled), k = Array.from(
+                const u = H(r.items, (E, L) => L < n && !E.disabled), k = Array.from(
                   a.value.querySelectorAll(".bb-dropdown__item")
                 )[u];
                 k && k instanceof HTMLElement && k.focus();
               }
             } else if (s.key === "Tab") {
               if (n === o && !s.shiftKey) {
-                const u = N.join(","), y = Array.from(
+                const u = j.join(","), y = Array.from(
                   document.querySelectorAll(u)
                 ), k = y.findIndex(
-                  (T) => T.id === d
+                  (L) => L.id === d
                 ), E = y[k + 1];
                 if (E) E instanceof HTMLElement && (s.preventDefault(), b(), E.focus());
                 else return;
@@ -75,34 +75,34 @@ const me = /* @__PURE__ */ Q({
           ...q,
           disabled: q.disabled || r.disabled,
           id: i,
-          onClick: G,
-          onKeydown: J
+          onClick: J,
+          onKeydown: Q
         };
       });
-    }), v = g(), a = g();
-    ae(
+    }), v = w(), a = w();
+    ne(
       v,
       ([{ intersectionRatio: e }]) => {
         e !== 1 && l.value && b();
       },
       { threshold: [0, 1] }
     );
-    const c = g(!1), l = g(!1), f = g(!1), p = g(!0), z = () => {
-      c.value || f.value || (l.value ? b() : L());
-    }, R = async (e) => {
+    const c = w(!1), l = w(!1), f = w(!1), p = w(!0), R = () => {
+      c.value || f.value || (l.value ? b() : $());
+    }, U = async (e) => {
       let o = r.items.findIndex((n) => !n.disabled), t = H(
         r.items,
         (n) => !n.disabled
       );
       if (e.key === "ArrowDown") {
         if (e.preventDefault(), f.value || c.value) return;
-        if (p.value && await L(), a.value && m.value.length && o !== -1) {
+        if (p.value && await $(), a.value && m.value.length && o !== -1) {
           const n = m.value[o].id, i = a.value.querySelector(`#${n}`);
           i && i instanceof HTMLElement && i.focus();
         }
       } else if (e.key === "ArrowUp") {
         if (e.preventDefault(), f.value || c.value) return;
-        if (p.value && await L(), a.value && m.value.length && t !== -1) {
+        if (p.value && await $(), a.value && m.value.length && t !== -1) {
           const n = m.value[t].id, i = a.value.querySelector(`#${n}`);
           i && i instanceof HTMLElement && i.focus();
         }
@@ -131,29 +131,29 @@ const me = /* @__PURE__ */ Q({
         }
         b();
       }
-    }, C = g(!1), L = async () => {
-      C.value = !0, await oe(50), l.value = !0, document.addEventListener("click", I, { passive: !0 }), document.addEventListener("focusin", M, { passive: !0 }), document.addEventListener("keydown", S, { passive: !0 });
+    }, V = w(!1), $ = async () => {
+      V.value = !0, await te(50), l.value = !0, document.addEventListener("click", I, { passive: !0 }), document.addEventListener("focusin", M, { passive: !0 }), document.addEventListener("keydown", S, { passive: !0 });
     }, b = async () => {
       l.value = !1, document.removeEventListener("click", I), document.removeEventListener("focusin", M), document.removeEventListener("keydown", S);
-    }, U = A(() => ({
+    }, G = A(() => ({
       class: {
         "bb-dropdown--block": r.block,
         [`bb-dropdown--theme-${r.theme}`]: r.theme
       }
     }));
-    return (e, o) => ($(), D("span", B({ class: "bb-dropdown" }, U.value), [
-      O("span", {
+    return (e, o) => (T(), D("span", C({ class: "bb-dropdown" }, G.value), [
+      B("span", {
         ref_key: "wrapper",
         ref: v,
         class: "bb-dropdown__wrapper"
       }, [
-        w(e.$slots, "activator", X(Y({
+        g(e.$slots, "activator", Y(Z({
           props: {
             "aria-expanded": l.value,
             "aria-controls": `menu_${h(d)}`,
             id: h(d),
-            onClick: z,
-            onKeydown: R,
+            onClick: R,
+            onKeydown: U,
             disabled: e.disabled
           },
           closed: p.value,
@@ -164,8 +164,7 @@ const me = /* @__PURE__ */ Q({
           placement: e.placement
         })))
       ], 512),
-      C.value || e.eager ? ($(), Z(h(j), {
-        key: 0,
+      O(h(N), {
         "arrow-padding": e.arrowPadding,
         "base-class": "bb-dropdown",
         "container-attributes": {
@@ -183,13 +182,13 @@ const me = /* @__PURE__ */ Q({
         wrapper: v.value
       }, {
         default: K(() => [
-          O("span", {
+          B("span", {
             ref_key: "content",
             ref: a,
             class: "bb-dropdown__items-container",
             style: _({ width: `${e.width}px` })
           }, [
-            w(e.$slots, "prepend", {
+            g(e.$slots, "prepend", {
               closed: p.value,
               closing: f.value,
               disabled: e.disabled,
@@ -197,10 +196,10 @@ const me = /* @__PURE__ */ Q({
               opening: c.value,
               placement: e.placement
             }),
-            ($(!0), D(P, null, x(m.value, (t, n) => ($(), D(P, {
+            (T(!0), D(P, null, x(m.value, (t, n) => (T(), D(P, {
               key: t.key
             }, [
-              w(e.$slots, "item:prepend", {
+              g(e.$slots, "item:prepend", {
                 closed: p.value,
                 closing: f.value,
                 disabled: t.disabled,
@@ -211,7 +210,7 @@ const me = /* @__PURE__ */ Q({
                 placement: e.placement,
                 text: t.text
               }),
-              ee(le, B({
+              O(oe, C({
                 "aria-role": "menuitem",
                 class: ["bb-dropdown__item", {
                   "bb-dropdown__item--first": n === 0,
@@ -221,7 +220,7 @@ const me = /* @__PURE__ */ Q({
                 ref_for: !0
               }, t), {
                 default: K(() => [
-                  w(e.$slots, t.key, {
+                  g(e.$slots, t.key, {
                     closed: p.value,
                     closing: f.value,
                     disabled: t.disabled,
@@ -232,7 +231,7 @@ const me = /* @__PURE__ */ Q({
                     placement: e.placement,
                     text: t.text
                   }, () => [
-                    w(e.$slots, "item", {
+                    g(e.$slots, "item", {
                       closed: p.value,
                       closing: f.value,
                       disabled: t.disabled,
@@ -247,7 +246,7 @@ const me = /* @__PURE__ */ Q({
                 ]),
                 _: 2
               }, 1040, ["class"]),
-              w(e.$slots, "item:append", {
+              g(e.$slots, "item:append", {
                 closed: p.value,
                 closing: f.value,
                 disabled: t.disabled,
@@ -259,7 +258,7 @@ const me = /* @__PURE__ */ Q({
                 text: t.text
               })
             ], 64))), 128)),
-            w(e.$slots, "append", {
+            g(e.$slots, "append", {
               closed: p.value,
               closing: f.value,
               disabled: e.disabled,
@@ -270,10 +269,10 @@ const me = /* @__PURE__ */ Q({
           ], 4)
         ]),
         _: 3
-      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "theme", "transition-duration", "wrapper"])) : te("", !0)
+      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "theme", "transition-duration", "wrapper"])
     ], 16));
   }
 });
 export {
-  me as default
+  fe as default
 };

package/dist/index79.js

@@ -1,12 +1,9 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, openBlock as V, createBlock as G, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index251.js";
+import { findInTree as ae } from "./index290.js";
 import { useId as re } from "./index8.js";
 import oe from "./index127.js";
 /* empty css         */
-const le = ["accept", "autofocus", "disabled", "multiple"], se = {
-  "aria-hidden": "true",
-  class: "bb-dropzone__submittable-label"
-}, ne = ["id", "disabled", "multiple", "name"], ie = { class: "bb-dropzone__errors" }, fe = /* @__PURE__ */ j({
+const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dropzone__submittable-label" }, ne = ["id", "disabled", "multiple", "name"], ie = { class: "bb-dropzone__errors" }, fe = /* @__PURE__ */ j({
   __name: "BbDropzone",
   props: {
     autofocus: {},
@@ -56,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = {
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index250.js")).default);
+              b || (b = (await import("./index289.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(
@@ -196,7 +193,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = {
             id: Q(z),
             ref_key: "submittable",
             ref: d,
-            class: "bb-dropzone__submittable-input sr-only",
+            class: "bb-dropzone__submittable-input",
             disabled: e.disabled,
             multiple: e.multiple,
             name: e.name,

package/dist/index81.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, openBlock as g, createBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index218.js";
+import { throttle as c } from "./index234.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index84.js

@@ -1,8 +1,8 @@
 import { defineComponent as te, ref as l, useAttrs as oe, getCurrentInstance as le, computed as p, nextTick as se, onBeforeUnmount as x, onMounted as ae, watch as ne, openBlock as g, createBlock as ie, Teleport as re, createElementVNode as s, mergeProps as O, createElementBlock as V, renderSlot as n, createTextVNode as ue, toDisplayString as S, createCommentVNode as z } from "vue";
-import { useFocusTrap as ce } from "./index219.js";
+import { useFocusTrap as ce } from "./index229.js";
 import { useId as A } from "./index8.js";
 import { wait as E } from "./index131.js";
-import { useModalsState as b } from "./index221.js";
+import { useModalsState as b } from "./index235.js";
 const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"], ge = /* @__PURE__ */ te({
   __name: "BbOffCanvas",
   props: {

package/dist/index86.js

@@ -1,29 +1,30 @@
-import { defineComponent as A, computed as _, ref as g, onMounted as E, onBeforeUnmount as P, openBlock as y, createElementBlock as k, normalizeClass as C, createElementVNode as i, createVNode as V, unref as S, withCtx as h, renderSlot as b, Fragment as W, renderList as R, toDisplayString as M, nextTick as $ } from "vue";
-import { debounce as F } from "./index255.js";
+import { defineComponent as P, computed as _, ref as g, onMounted as A, onBeforeUnmount as E, openBlock as y, createElementBlock as k, normalizeClass as C, createElementVNode as i, createVNode as V, unref as S, withCtx as h, renderSlot as v, Fragment as W, renderList as R, toDisplayString as M, nextTick as $ } from "vue";
+import { debounce as F } from "./index291.js";
 /* empty css       */
 /* empty css       */
 import w from "./index13.js";
 /* empty css        */
-const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-label" }, G = { class: "bb-pagination__page-label" }, H = /* @__PURE__ */ A({
+const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { class: "bb-pagination__page-label" }, H = /* @__PURE__ */ P({
   __name: "BbPagination",
   props: {
     disabled: { type: Boolean },
     loading: { type: Boolean },
     align: { default: "right" },
     ellipsis: { default: "..." },
+    label: { default: "Paginazione" },
     maxSize: { default: 6 },
     modelValue: { default: 1 },
     totalPages: { default: 1 }
   },
   emits: ["update:modelValue"],
-  setup(x, { emit: B }) {
-    const l = x, c = B, s = _(() => +l.totalPages), u = g(1), t = g(+l.maxSize), r = g(), d = g(), z = g(1 / 0), m = () => {
-      r.value && d.value && (r.value.clientWidth < d.value.clientWidth ? t.value - 1 > 3 ? (t.value--, $(m)) : t.value = 3 : t.value < +l.maxSize && /* If there is enough space to fit one */
-      r.value.clientWidth - d.value.clientWidth > z.value && (t.value = Math.min(t.value + 1, +l.maxSize), $(m)));
+  setup(B, { emit: x }) {
+    const l = B, c = x, s = _(() => +l.totalPages), u = g(1), t = g(+l.maxSize), r = g(), d = g(), z = g(1 / 0), f = () => {
+      r.value && d.value && (r.value.clientWidth < d.value.clientWidth ? t.value - 1 > 3 ? (t.value--, $(f)) : t.value = 3 : t.value < +l.maxSize && /* If there is enough space to fit one */
+      r.value.clientWidth - d.value.clientWidth > z.value && (t.value = Math.min(t.value + 1, +l.maxSize), $(f)));
     };
     if (globalThis.ResizeObserver) {
-      const e = new ResizeObserver(F(m, 200));
-      E(() => {
+      const e = new ResizeObserver(F(f, 200));
+      A(() => {
         if (r.value && d.value) {
           const a = r.value.querySelectorAll(
             ".bb-pagination__page"
@@ -34,41 +35,41 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
           }
           e.observe(r.value);
         }
-      }), P(() => {
+      }), E(() => {
         e.disconnect();
       });
     }
-    const N = _(() => {
+    const L = _(() => {
       if (s.value <= 0 || isNaN(s.value) || s.value > Number.MAX_SAFE_INTEGER)
         return [];
       if (t.value <= 1) return [l.modelValue];
       if (s.value <= t.value)
-        return v(s.value, u.value);
+        return b(s.value, u.value);
       const e = t.value % 2 === 0, a = e ? t.value / 2 : Math.floor(t.value / 2), n = e ? a : a + 1, p = s.value - a;
       if (n - l.modelValue >= 0)
         return [
-          ...v(Math.max(1, t.value - 1), u.value),
+          ...b(Math.max(1, t.value - 1), u.value),
           l.ellipsis,
           s.value
         ];
       if (l.modelValue - p >= (e ? 1 : 0)) {
-        const o = t.value - 1, f = s.value - o + u.value;
+        const o = t.value - 1, m = s.value - o + u.value;
         return [
           u.value,
           l.ellipsis,
-          ...v(o, f)
+          ...b(o, m)
         ];
       } else {
-        const o = Math.max(1, t.value - 3), f = o === 1 ? l.modelValue : l.modelValue - Math.ceil(o / 2) + u.value;
+        const o = Math.max(1, t.value - 3), m = o === 1 ? l.modelValue : l.modelValue - Math.ceil(o / 2) + u.value;
         return [
           u.value,
           l.ellipsis,
-          ...v(o, f),
+          ...b(o, m),
           l.ellipsis,
           s.value
         ];
       }
-    }), L = _(() => N.value.map((e, a) => typeof e == "string" ? {
+    }), N = _(() => L.value.map((e, a) => typeof e == "string" ? {
       active: !1,
       key: `ellipsis-${a}`,
       page: e,
@@ -80,7 +81,7 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
       page: e,
       ellipsis: !1,
       disabled: !!l.disabled || +l.totalPages < 2 || l.loading
-    })), v = (e, a = 0) => Array.from({ length: e }, (n, p) => a + p);
+    })), b = (e, a = 0) => Array.from({ length: e }, (n, p) => a + p);
     return (e, a) => (y(), k("div", {
       ref_key: "outercontainer",
       ref: r,
@@ -89,7 +90,7 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
         "bb-pagination--disabled": e.disabled
       }])
     }, [
-      i("nav", T, [
+      i("nav", { "aria-label": e.label }, [
         i("ul", {
           ref_key: "innercontainer",
           ref: d,
@@ -102,7 +103,7 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
               onClick: a[0] || (a[0] = (n) => c("update:modelValue", l.modelValue - 1))
             }, {
               default: h(() => [
-                b(e.$slots, "previous", {}, () => [
+                v(e.$slots, "previous", {}, () => [
                   a[2] || (a[2] = i("span", { class: "bb-pagination__page-label sr-only" }, "Precedente", -1)),
                   a[3] || (a[3] = i("svg", {
                     class: "bb-pagination__page-chevron",
@@ -119,7 +120,7 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
               _: 3
             }, 8, ["disabled"])
           ]),
-          (y(!0), k(W, null, R(L.value, (n) => (y(), k("li", {
+          (y(!0), k(W, null, R(N.value, (n) => (y(), k("li", {
             key: n.key
           }, [
             V(S(w), {
@@ -131,9 +132,9 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
               onClick: (p) => c("update:modelValue", n.key)
             }, {
               default: h(() => [
-                n.ellipsis === !0 ? b(e.$slots, "ellipsis", { key: 0 }, () => [
+                n.ellipsis === !0 ? v(e.$slots, "ellipsis", { key: 0 }, () => [
                   i("span", D, M(l.ellipsis), 1)
-                ]) : b(e.$slots, "item", {
+                ]) : v(e.$slots, "item", {
                   key: 1,
                   active: n.active,
                   disabled: n.disabled,
@@ -152,7 +153,7 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
               onClick: a[1] || (a[1] = (n) => c("update:modelValue", l.modelValue + 1))
             }, {
               default: h(() => [
-                b(e.$slots, "next", {}, () => [
+                v(e.$slots, "next", {}, () => [
                   a[4] || (a[4] = i("span", { class: "bb-pagination__page-label sr-only" }, "Successivo", -1)),
                   a[5] || (a[5] = i("svg", {
                     class: "bb-pagination__page-chevron",
@@ -170,7 +171,7 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
             }, 8, ["disabled"])
           ])
         ], 512)
-      ])
+      ], 8, T)
     ], 2));
   }
 });