bitboss-ui 2.0.105 → 2.0.107

package/dist/index86.js

@@ -1,10 +1,11 @@
-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 "./index262.js";
+import { defineComponent as E, computed as h, ref as g, onMounted as P, onBeforeUnmount as W, openBlock as k, createElementBlock as V, normalizeClass as $, createElementVNode as i, createVNode as S, unref as v, withCtx as w, renderSlot as c, toDisplayString as m, Fragment as R, renderList as F, nextTick as x } from "vue";
+import { debounce as T } from "./index267.js";
 /* empty css       */
 /* empty css       */
-import w from "./index13.js";
+import z from "./index13.js";
 /* empty css        */
-const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { class: "bb-pagination__page-label" }, H = /* @__PURE__ */ P({
+import { useLocale as D } from "./index217.js";
+const G = ["aria-label"], I = { class: "bb-pagination__page-label sr-only" }, O = { class: "bb-pagination__page-label" }, j = { class: "bb-pagination__page-label" }, q = { class: "bb-pagination__page-label sr-only" }, Z = /* @__PURE__ */ E({
   __name: "BbPagination",
   props: {
     disabled: { type: Boolean },
@@ -17,75 +18,75 @@ const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { clas
     totalPages: { default: 1 }
   },
   emits: ["update:modelValue"],
-  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)));
+  setup(B, { emit: L }) {
+    const a = B, f = L, { t: C } = D(), s = h(() => +a.totalPages), r = g(1), t = g(+a.maxSize), u = g(), d = g(), M = g(1 / 0), _ = () => {
+      u.value && d.value && (u.value.clientWidth < d.value.clientWidth ? t.value - 1 > 3 ? (t.value--, x(_)) : t.value = 3 : t.value < +a.maxSize && /* If there is enough space to fit one */
+      u.value.clientWidth - d.value.clientWidth > M.value && (t.value = Math.min(t.value + 1, +a.maxSize), x(_)));
     };
     if (globalThis.ResizeObserver) {
-      const e = new ResizeObserver(F(f, 200));
-      A(() => {
-        if (r.value && d.value) {
-          const a = r.value.querySelectorAll(
+      const e = new ResizeObserver(T(_, 200));
+      P(() => {
+        if (u.value && d.value) {
+          const l = u.value.querySelectorAll(
             ".bb-pagination__page"
           )[1];
-          if (a) {
+          if (l) {
             const p = getComputedStyle(d.value).columnGap.replaceAll(/\D/g, ""), o = Number(p);
-            z.value = a.clientWidth + o;
+            M.value = l.clientWidth + o;
           }
-          e.observe(r.value);
+          e.observe(u.value);
         }
-      }), E(() => {
+      }), W(() => {
         e.disconnect();
       });
     }
-    const L = _(() => {
+    const N = h(() => {
       if (s.value <= 0 || isNaN(s.value) || s.value > Number.MAX_SAFE_INTEGER)
         return [];
-      if (t.value <= 1) return [l.modelValue];
+      if (t.value <= 1) return [a.modelValue];
       if (s.value <= t.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 b(s.value, r.value);
+      const e = t.value % 2 === 0, l = e ? t.value / 2 : Math.floor(t.value / 2), n = e ? l : l + 1, p = s.value - l;
+      if (n - a.modelValue >= 0)
         return [
-          ...b(Math.max(1, t.value - 1), u.value),
-          l.ellipsis,
+          ...b(Math.max(1, t.value - 1), r.value),
+          a.ellipsis,
           s.value
         ];
-      if (l.modelValue - p >= (e ? 1 : 0)) {
-        const o = t.value - 1, m = s.value - o + u.value;
+      if (a.modelValue - p >= (e ? 1 : 0)) {
+        const o = t.value - 1, y = s.value - o + r.value;
         return [
-          u.value,
-          l.ellipsis,
-          ...b(o, m)
+          r.value,
+          a.ellipsis,
+          ...b(o, y)
         ];
       } else {
-        const o = Math.max(1, t.value - 3), m = o === 1 ? l.modelValue : l.modelValue - Math.ceil(o / 2) + u.value;
+        const o = Math.max(1, t.value - 3), y = o === 1 ? a.modelValue : a.modelValue - Math.ceil(o / 2) + r.value;
         return [
-          u.value,
-          l.ellipsis,
-          ...b(o, m),
-          l.ellipsis,
+          r.value,
+          a.ellipsis,
+          ...b(o, y),
+          a.ellipsis,
           s.value
         ];
       }
-    }), N = _(() => L.value.map((e, a) => typeof e == "string" ? {
+    }), A = h(() => N.value.map((e, l) => typeof e == "string" ? {
       active: !1,
-      key: `ellipsis-${a}`,
+      key: `ellipsis-${l}`,
       page: e,
       ellipsis: !0,
       disabled: !0
     } : {
-      active: e === l.modelValue,
+      active: e === a.modelValue,
       key: e,
       page: e,
       ellipsis: !1,
-      disabled: !!l.disabled || +l.totalPages < 2 || l.loading
-    })), b = (e, a = 0) => Array.from({ length: e }, (n, p) => a + p);
-    return (e, a) => (y(), k("div", {
+      disabled: !!a.disabled || +a.totalPages < 2 || a.loading
+    })), b = (e, l = 0) => Array.from({ length: e }, (n, p) => l + p);
+    return (e, l) => (k(), V("div", {
       ref_key: "outercontainer",
-      ref: r,
-      class: C(["bb-pagination", {
+      ref: u,
+      class: $(["bb-pagination", {
         [`bb-pagination--${e.align}`]: !0,
         "bb-pagination--disabled": e.disabled
       }])
@@ -97,15 +98,15 @@ const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { clas
           class: "bb-pagination__pages"
         }, [
           i("li", null, [
-            V(S(w), {
+            S(v(z), {
               class: "bb-pagination__page bb-pagination__page--previous",
-              disabled: l.modelValue <= 1 || e.loading || e.disabled,
-              onClick: a[0] || (a[0] = (n) => c("update:modelValue", l.modelValue - 1))
+              disabled: a.modelValue <= 1 || e.loading || e.disabled,
+              onClick: l[0] || (l[0] = (n) => f("update:modelValue", a.modelValue - 1))
             }, {
-              default: h(() => [
-                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", {
+              default: w(() => [
+                c(e.$slots, "previous", {}, () => [
+                  i("span", I, m(v(C)("pagination.previous").value), 1),
+                  l[2] || (l[2] = i("svg", {
                     class: "bb-pagination__page-chevron",
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg"
@@ -120,42 +121,42 @@ const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { clas
               _: 3
             }, 8, ["disabled"])
           ]),
-          (y(!0), k(W, null, R(N.value, (n) => (y(), k("li", {
+          (k(!0), V(R, null, F(A.value, (n) => (k(), V("li", {
             key: n.key
           }, [
-            V(S(w), {
-              class: C(["bb-pagination__page", {
+            S(v(z), {
+              class: $(["bb-pagination__page", {
                 "bb-pagination__page--active": n.active,
                 "bb-pagination__page--ellipsis": n.ellipsis
               }]),
               disabled: n.disabled,
-              onClick: (p) => c("update:modelValue", n.key)
+              onClick: (p) => f("update:modelValue", n.key)
             }, {
-              default: h(() => [
-                n.ellipsis === !0 ? v(e.$slots, "ellipsis", { key: 0 }, () => [
-                  i("span", D, M(l.ellipsis), 1)
-                ]) : v(e.$slots, "item", {
+              default: w(() => [
+                n.ellipsis === !0 ? c(e.$slots, "ellipsis", { key: 0 }, () => [
+                  i("span", O, m(a.ellipsis), 1)
+                ]) : c(e.$slots, "item", {
                   key: 1,
                   active: n.active,
                   disabled: n.disabled,
                   item: n.key
                 }, () => [
-                  i("span", G, M(n.key), 1)
+                  i("span", j, m(n.key), 1)
                 ])
               ]),
               _: 2
             }, 1032, ["class", "disabled", "onClick"])
           ]))), 128)),
           i("li", null, [
-            V(S(w), {
+            S(v(z), {
               class: "bb-pagination__page bb-pagination__page--next",
-              disabled: l.modelValue >= +s.value || e.loading || e.disabled,
-              onClick: a[1] || (a[1] = (n) => c("update:modelValue", l.modelValue + 1))
+              disabled: a.modelValue >= +s.value || e.loading || e.disabled,
+              onClick: l[1] || (l[1] = (n) => f("update:modelValue", a.modelValue + 1))
             }, {
-              default: h(() => [
-                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", {
+              default: w(() => [
+                c(e.$slots, "next", {}, () => [
+                  i("span", q, m(v(C)("pagination.next").value), 1),
+                  l[3] || (l[3] = i("svg", {
                     class: "bb-pagination__page-chevron",
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg"
@@ -171,10 +172,10 @@ const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { clas
             }, 8, ["disabled"])
           ])
         ], 512)
-      ], 8, T)
+      ], 8, G)
     ], 2));
   }
 });
 export {
-  H as default
+  Z as default
 };

package/dist/index88.js

@@ -1,17 +1,19 @@
-import { defineComponent as M, ref as n, computed as v, openBlock as k, createElementBlock as O, mergeProps as F, createElementVNode as p, renderSlot as y, normalizeProps as S, guardReactiveProps as H, createVNode as V, withCtx as C, createBlock as q, createCommentVNode as I, nextTick as W } from "vue";
-import { useFocusTrap as z } from "./index234.js";
-import { useId as A } from "./index8.js";
-import { useIntersectionObserver as R } from "./index132.js";
-import { waitFor as j } from "./index235.js";
-import G from "./index13.js";
+import { defineComponent as O, ref as n, computed as v, openBlock as y, createElementBlock as S, mergeProps as F, createElementVNode as c, renderSlot as k, normalizeProps as H, guardReactiveProps as V, createVNode as q, withCtx as _, createBlock as I, toDisplayString as W, unref as z, createCommentVNode as A, nextTick as R } from "vue";
+import { useFocusTrap as j } from "./index213.js";
+import { useId as G } from "./index8.js";
+import { useIntersectionObserver as J } from "./index132.js";
+import { waitFor as K } from "./index214.js";
+import Q from "./index13.js";
 /* empty css        */
-import J from "./index265.js";
+import U from "./index263.js";
 /* empty css         */
-import { useDebounceFn as K } from "./index205.js";
-const re = /* @__PURE__ */ M({
+import { useLocale as X } from "./index217.js";
+import { useDebounceFn as Y } from "./index205.js";
+const Z = { class: "bb-popover__close-label sr-only" }, pe = /* @__PURE__ */ O({
   __name: "BbPopover",
   props: {
     arrowPadding: { default: 10 },
+    closeLabel: {},
     block: { type: Boolean },
     disabled: { type: Boolean },
     eager: { type: Boolean },
@@ -25,8 +27,8 @@ const re = /* @__PURE__ */ M({
     width: {}
   },
   emits: ["shown", "hidden"],
-  setup(_, { expose: $, emit: T }) {
-    const t = _, s = T, { id: B } = A(), c = `bbp_${B.value}`, r = n(), i = n(), { activate: P, deactivate: m } = z(i, {
+  setup($, { expose: C, emit: T }) {
+    const o = $, s = T, { t: B } = X(), { id: L } = G(), p = `bbp_${L.value}`, r = n(), l = n(), { activate: P, deactivate: m } = j(l, {
       /**
        * This traps all clicks outside so we are pressing
        * the trigger we just allow and process that in its
@@ -36,11 +38,11 @@ const re = /* @__PURE__ */ M({
        */
       clickOutsideDeactivates: (e) => {
         var h;
-        const o = e.target;
-        return o instanceof HTMLElement && (h = r.value) != null && h.contains(o) || (l(), s("hidden")), !0;
+        const t = e.target;
+        return t instanceof HTMLElement && (h = r.value) != null && h.contains(t) || (i(), s("hidden")), !0;
       },
-      escapeDeactivates: () => (W(async () => {
-        await l(), u(), s("hidden");
+      escapeDeactivates: () => (R(async () => {
+        await i(), u(), s("hidden");
       }), !0),
       /* We don't return focus so that when
        * we press a button on tyhe page we can focus
@@ -48,77 +50,77 @@ const re = /* @__PURE__ */ M({
        */
       returnFocusOnDeactivate: !1
     });
-    R(
+    J(
       r,
       async ([{ intersectionRatio: e }]) => {
-        e !== 1 && a.value && (m(), await l(), s("hidden"));
+        e !== 1 && a.value && (m(), await i(), s("hidden"));
       },
       { threshold: [0, 1] }
     );
-    const N = v(() => ({
+    const D = v(() => ({
       class: {
-        "bb-popover--block": t.block,
-        [`bb-popover--${t.theme}`]: !0
+        "bb-popover--block": o.block,
+        [`bb-popover--${o.theme}`]: !0
       }
-    })), D = n(!1), d = n(!1), a = n(!1), b = n(!1), w = n(!0), E = async () => {
-      D.value = !0, await j(() => !!i.value), a.value = !0;
-    }, l = async () => {
+    })), N = n(!1), d = n(!1), a = n(!1), b = n(!1), g = n(!0), E = async () => {
+      N.value = !0, await K(() => !!l.value), a.value = !0;
+    }, i = async () => {
       a.value = !1;
-    }, g = async () => {
+    }, w = async () => {
       if (a.value) {
-        await l(), u(), s("hidden");
+        await i(), u(), s("hidden");
         return;
       }
-      if (d.value || t.disabled) return;
+      if (d.value || o.disabled) return;
       await E();
-      let e = t.focusTarget ?? ".bb-popover__close";
+      let e = o.focusTarget ?? ".bb-popover__close";
       P({
-        onPostActivate: K(() => {
-          if (i.value) {
-            const o = i.value.querySelector(e);
-            o instanceof HTMLElement && (o.focus(), s("shown"));
+        onPostActivate: Y(() => {
+          if (l.value) {
+            const t = l.value.querySelector(e);
+            t instanceof HTMLElement && (t.focus(), s("shown"));
           }
         }, 150)
       });
     }, u = () => {
-      var o;
-      const e = (o = r.value) == null ? void 0 : o.querySelector(`[aria-controls=popover_${c}]`);
+      var t;
+      const e = (t = r.value) == null ? void 0 : t.querySelector(`[aria-controls=popover_${p}]`);
       e instanceof HTMLElement && e.focus({ preventScroll: !0 });
     }, f = async () => {
-      m(), await l(), u(), s("hidden");
-    }, L = v(() => {
-      if (t.width) {
+      m(), await i(), u(), s("hidden");
+    }, M = v(() => {
+      if (o.width) {
         let e;
-        if (typeof t.width == "string" && Number.isNaN(Number(t.width)))
-          if (t.width.includes("%")) {
+        if (typeof o.width == "string" && Number.isNaN(Number(o.width)))
+          if (o.width.includes("%")) {
             if (!r.value) return;
-            e = `${r.value.clientWidth * (+t.width.replace("%", "") / 100)}`;
+            e = `${r.value.clientWidth * (+o.width.replace("%", "") / 100)}`;
           } else
-            e = t.width;
+            e = o.width;
         else
-          e = `${t.width}`;
+          e = `${o.width}`;
         return `${e}px`;
       }
     });
-    return $({
-      open: g,
+    return C({
+      open: w,
       close: f,
       closed: v(() => !a.value)
-    }), (e, o) => (k(), O("span", F({ class: "bb-popover" }, N.value), [
-      p("span", {
+    }), (e, t) => (y(), S("span", F({ class: "bb-popover" }, D.value), [
+      c("span", {
         ref_key: "wrapper",
         ref: r,
         class: "bb-popover__wrapper"
       }, [
-        y(e.$slots, "activator", S(H({
+        k(e.$slots, "activator", H(V({
           props: {
-            "aria-controls": `popover_${c}`,
+            "aria-controls": `popover_${p}`,
             "aria-expanded": a.value,
-            onClick: g,
-            id: c,
+            onClick: w,
+            id: p,
             disabled: !!e.disabled
           },
-          closed: w.value,
+          closed: g.value,
           closing: b.value,
           disabled: !!e.disabled,
           open: a.value,
@@ -126,12 +128,12 @@ const re = /* @__PURE__ */ M({
           placement: e.placement
         })))
       ], 512),
-      V(J, {
+      q(U, {
         "arrow-padding": e.arrowPadding,
         "base-class": "bb-popover",
         "container-attributes": {
-          id: `popover_${c}`,
-          style: { width: L.value }
+          id: `popover_${p}`,
+          style: { width: M.value }
         },
         eager: e.eager,
         offset: e.offset,
@@ -142,37 +144,37 @@ const re = /* @__PURE__ */ M({
         "transition-duration": e.transitionDuration,
         wrapper: r.value
       }, {
-        default: C(() => [
-          p("div", {
+        default: _(() => [
+          c("div", {
             ref_key: "content",
-            ref: i,
+            ref: l,
             class: "bb-popover__content"
           }, [
-            e.showClose ? (k(), q(G, {
+            e.showClose ? (y(), I(Q, {
               key: 0,
               class: "bb-popover__close",
               onClick: f
             }, {
-              default: C(() => o[0] || (o[0] = [
-                p("span", { class: "bb-popover__close-label sr-only" }, "Chiudi", -1),
-                p("svg", {
+              default: _(() => [
+                c("span", Z, W(e.closeLabel || z(B)("common.closeLabel").value), 1),
+                t[0] || (t[0] = c("svg", {
                   fill: "none",
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  p("path", {
+                  c("path", {
                     d: "M23 23L1 1M23 1L1 23",
                     stroke: "currentColor",
                     "stroke-linecap": "round",
                     "stroke-width": "2"
                   })
-                ], -1)
-              ])),
+                ], -1))
+              ]),
               _: 1
-            })) : I("", !0),
-            y(e.$slots, "default", {
+            })) : A("", !0),
+            k(e.$slots, "default", {
               close: f,
-              closed: w.value,
+              closed: g.value,
               closing: b.value,
               disabled: !!e.disabled,
               open: a.value,
@@ -187,5 +189,5 @@ const re = /* @__PURE__ */ M({
   }
 });
 export {
-  re as default
+  pe as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.0.105",
+	"version": "2.0.107",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {