bitboss-ui 2.0.105 → 2.0.107

package/dist/index77.js

@@ -1,18 +1,19 @@
-import { defineComponent as z, ref as E, computed as w, openBlock as s, createElementBlock as $, normalizeClass as W, createVNode as l, mergeProps as C, withCtx as t, unref as f, createBlock as L, createCommentVNode as g, createElementVNode as u, toDisplayString as P, createSlots as A, renderSlot as a, normalizeProps as d, guardReactiveProps as r, renderList as I } from "vue";
-import D from "./index13.js";
+import { defineComponent as E, ref as W, computed as g, openBlock as l, createElementBlock as L, normalizeClass as I, createVNode as u, mergeProps as P, withCtx as t, unref as d, createBlock as D, createCommentVNode as v, createElementVNode as m, toDisplayString as y, createSlots as M, renderSlot as a, normalizeProps as r, guardReactiveProps as i, renderList as R } from "vue";
+import N from "./index13.js";
 /* empty css        */
-import M from "./index75.js";
+import T from "./index75.js";
 /* empty css        */
 /* empty css       */
 /* empty css       */
-import N from "./index127.js";
+import S from "./index127.js";
 /* empty css         */
-import R from "./index129.js";
+import Z from "./index129.js";
 /* empty css         */
-const Z = { class: "bb-dropdown-button__content" }, j = {
+import { useLocale as j } from "./index217.js";
+const q = { class: "bb-dropdown-button__content" }, A = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"
-}, q = { class: "bb-dropdown-button__dropdown-label sr-only" }, x = /* @__PURE__ */ z({
+}, F = { class: "bb-dropdown-button__dropdown-label sr-only" }, no = /* @__PURE__ */ E({
   __name: "BbDropdownButton",
   props: {
     arrowPadding: {},
@@ -33,93 +34,93 @@ const Z = { class: "bb-dropdown-button__content" }, j = {
     loading: { type: Boolean },
     "prepend:icon": {}
   },
-  setup(S) {
-    const n = S, m = E(0), b = w(
-      () => n.loading || !!m.value && n.autoLoading
-    ), V = (e) => async (...p) => {
-      b.value && n.disabledWhileLoading || (m.value++, await e(...p), m.value--);
-    }, h = w(
-      () => n.items.map((e) => e.onClick ? {
-        ...e,
-        onClick: V(e.onClick)
-      } : e)
-    ), y = w(() => {
-      const e = { ...h.value[0] };
-      return e.disabled = e.disabled || n.disabled, e;
+  setup(V) {
+    const n = V, { t: b } = j(), c = W(0), w = g(
+      () => n.loading || !!c.value && n.autoLoading
+    ), z = (o) => async (...s) => {
+      w.value && n.disabledWhileLoading || (c.value++, await o(...s), c.value--);
+    }, h = g(
+      () => n.items.map((o) => o.onClick ? {
+        ...o,
+        onClick: z(o.onClick)
+      } : o)
+    ), _ = g(() => {
+      const o = { ...h.value[0] };
+      return o.disabled = o.disabled || n.disabled, o;
     });
-    return (e, p) => (s(), $("span", {
-      class: W(["bb-dropdown-button", {
-        "bb-dropdown-button--block": e.block,
-        "bb-dropdown-button--loading": b.value,
-        [`bb-dropdown-button--${e.theme}`]: !0
+    return (o, s) => (l(), L("span", {
+      class: I(["bb-dropdown-button", {
+        "bb-dropdown-button--block": o.block,
+        "bb-dropdown-button--loading": w.value,
+        [`bb-dropdown-button--${o.theme}`]: !0
       }])
     }, [
-      l(D, C(y.value, { class: "bb-dropdown-button__main-btn" }), {
+      u(N, P(_.value, { class: "bb-dropdown-button__main-btn" }), {
         default: t(() => [
-          l(f(R), { class: "bb-dropdown-button__spinner" }),
-          n["prepend:icon"] ? (s(), L(f(N), {
+          u(d(Z), { class: "bb-dropdown-button__spinner" }),
+          n["prepend:icon"] ? (l(), D(d(S), {
             key: 0,
             class: "bb-dropdown-button__prepend-icon",
             type: n["prepend:icon"]
-          }, null, 8, ["type"])) : g("", !0),
-          u("span", Z, P(y.value.text), 1),
-          b.value ? (s(), $("span", j, "caricamento")) : g("", !0),
-          n["append:icon"] ? (s(), L(f(N), {
+          }, null, 8, ["type"])) : v("", !0),
+          m("span", q, y(_.value.text), 1),
+          w.value ? (l(), L("span", A, y(d(b)("common.loadingText").value), 1)) : v("", !0),
+          n["append:icon"] ? (l(), D(d(S), {
             key: 2,
             class: "bb-dropdown-button__append-icon",
             type: n["append:icon"]
-          }, null, 8, ["type"])) : g("", !0)
+          }, null, 8, ["type"])) : v("", !0)
         ]),
         _: 1
       }, 16),
-      l(M, {
-        id: e.id,
-        "arrow-padding": e.arrowPadding,
-        disabled: e.disabled,
-        eager: e.eager,
+      u(T, {
+        id: o.id,
+        "arrow-padding": o.arrowPadding,
+        disabled: o.disabled,
+        eager: o.eager,
         items: h.value,
-        offset: e.offset,
-        padding: e.padding,
-        placement: e.placement,
-        theme: e.theme,
-        "transition-duration": e.transitionDuration,
-        width: e.width
-      }, A({
+        offset: o.offset,
+        padding: o.padding,
+        placement: o.placement,
+        theme: o.theme,
+        "transition-duration": o.transitionDuration,
+        width: o.width
+      }, M({
         activator: t(({
-          props: o,
-          opening: i,
-          open: c,
-          closed: _,
-          closing: v,
-          disabled: k,
-          placement: B
+          props: e,
+          opening: p,
+          open: f,
+          closed: k,
+          closing: B,
+          disabled: $,
+          placement: C
         }) => [
-          a(e.$slots, "activator", {
-            closed: _,
-            closing: v,
-            disabled: k,
-            open: c,
-            opening: i,
-            placement: B,
-            props: o
+          a(o.$slots, "activator", {
+            closed: k,
+            closing: B,
+            disabled: $,
+            open: f,
+            opening: p,
+            placement: C,
+            props: e
           }, () => [
-            l(D, C(o, { class: "bb-dropdown-button__dropdown-btn" }), {
+            u(N, P(e, { class: "bb-dropdown-button__dropdown-btn" }), {
               default: t(() => [
-                u("span", q, P(c || i ? "Chiudi" : "Apri") + " il menu", 1),
-                a(e.$slots, "right-btn", {
-                  closed: _,
-                  closing: v,
-                  disabled: k,
-                  open: c,
-                  opening: i,
-                  placement: B
+                m("span", F, y(f || p ? d(b)("dropdownButton.close").value : d(b)("dropdownButton.open").value), 1),
+                a(o.$slots, "right-btn", {
+                  closed: k,
+                  closing: B,
+                  disabled: $,
+                  open: f,
+                  opening: p,
+                  placement: C
                 }, () => [
-                  p[0] || (p[0] = u("svg", {
+                  s[0] || (s[0] = m("svg", {
                     class: "bb-dropdown-button__dropdown-chevron",
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg"
                   }, [
-                    u("path", {
+                    m("path", {
                       d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z",
                       fill: "currentColor"
                     })
@@ -130,27 +131,27 @@ const Z = { class: "bb-dropdown-button__content" }, j = {
             }, 1040)
           ])
         ]),
-        prepend: t((o) => [
-          a(e.$slots, "prepend", d(r(o)))
+        prepend: t((e) => [
+          a(o.$slots, "prepend", r(i(e)))
         ]),
-        "item:prepend": t((o) => [
-          a(e.$slots, "item:prepend", d(r(o)))
+        "item:prepend": t((e) => [
+          a(o.$slots, "item:prepend", r(i(e)))
         ]),
-        item: t((o) => [
-          a(e.$slots, "item", d(r(o)))
+        item: t((e) => [
+          a(o.$slots, "item", r(i(e)))
         ]),
-        "item:append": t((o) => [
-          a(e.$slots, "item:append", d(r(o)))
+        "item:append": t((e) => [
+          a(o.$slots, "item:append", r(i(e)))
         ]),
-        append: t((o) => [
-          a(e.$slots, "append", d(r(o)))
+        append: t((e) => [
+          a(o.$slots, "append", r(i(e)))
         ]),
         _: 2
       }, [
-        I(e.items, (o) => ({
-          name: o.key,
-          fn: t((i) => [
-            a(e.$slots, o.key, d(r(i)))
+        R(o.items, (e) => ({
+          name: e.key,
+          fn: t((p) => [
+            a(o.$slots, e.key, r(i(p)))
           ])
         }))
       ]), 1032, ["id", "arrow-padding", "disabled", "eager", "items", "offset", "padding", "placement", "theme", "transition-duration", "width"])
@@ -158,5 +159,5 @@ const Z = { class: "bb-dropdown-button__content" }, j = {
   }
 });
 export {
-  x as default
+  no as default
 };

package/dist/index79.js

@@ -1,5 +1,5 @@
 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 "./index261.js";
+import { findInTree as ae } from "./index266.js";
 import { useId as re } from "./index8.js";
 import oe from "./index128.js";
 /* empty css         */
@@ -53,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dr
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index260.js")).default);
+              b || (b = (await import("./index265.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

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 "./index233.js";
+import { throttle as c } from "./index212.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index84.js

@@ -1,14 +1,15 @@
-import { defineComponent as le, ref as l, useAttrs as se, computed as u, getCurrentInstance as ae, nextTick as ne, onBeforeUnmount as O, onMounted as ie, watch as re, openBlock as g, createBlock as ue, withCtx as ce, createElementVNode as s, mergeProps as S, createElementBlock as z, renderSlot as n, createTextVNode as de, toDisplayString as A, createCommentVNode as $ } from "vue";
-import { useFocusTrap as fe } from "./index234.js";
+import { defineComponent as se, ref as l, useAttrs as ae, computed as u, getCurrentInstance as ne, nextTick as ie, onBeforeUnmount as O, onMounted as re, watch as ue, openBlock as g, createBlock as ce, withCtx as de, createElementVNode as s, mergeProps as S, createElementBlock as z, renderSlot as n, createTextVNode as fe, toDisplayString as A, unref as ve, createCommentVNode as $ } from "vue";
+import { useFocusTrap as pe } from "./index213.js";
 import { useId as E } from "./index8.js";
 import { wait as H } from "./index130.js";
-import { useModalsState as b } from "./index236.js";
-import ve from "./index237.js";
-import { useMobile as pe } from "./index9.js";
-const be = ["inert"], me = { class: "bb-offcanvas-close" }, ye = ["aria-label"], Ve = /* @__PURE__ */ le({
+import { useModalsState as b } from "./index215.js";
+import be from "./index216.js";
+import { useMobile as me } from "./index9.js";
+import { useLocale as ye } from "./index217.js";
+const he = ["inert"], ge = { class: "bb-offcanvas-close" }, _e = ["aria-label"], Te = /* @__PURE__ */ se({
   __name: "BbOffCanvas",
   props: {
-    closeLabel: { default: "Chiudi" },
+    closeLabel: {},
     compact: { type: Boolean },
     disabled: { type: Boolean },
     eager: { type: Boolean },
@@ -28,21 +29,21 @@ const be = ["inert"], me = { class: "bb-offcanvas-close" }, ye = ["aria-label"],
   },
   emits: ["shown", "hidden", "update:modelValue"],
   setup(I, { emit: W }) {
-    var L, N;
-    const e = I, c = W, _ = `title_${E().id.value}`, k = `description_${E().id.value}`, { isMobile: F } = pe(), d = l(null), M = l(null), R = l(null), K = l(null), P = l(null), U = l(null), j = se(), C = u(
-      () => e.fullscreen === !0 || e.fullscreen === "mobile" && F.value
-    ), T = !!((N = (L = ae()) == null ? void 0 : L.proxy) != null && N.$nuxt), f = l(0), q = u(() => {
+    var x, N;
+    const e = I, c = W, { t: F } = ye(), _ = `title_${E().id.value}`, k = `description_${E().id.value}`, { isMobile: R } = me(), d = l(null), M = l(null), K = l(null), P = l(null), U = l(null), j = l(null), q = ae(), C = u(
+      () => e.fullscreen === !0 || e.fullscreen === "mobile" && R.value
+    ), T = !!((N = (x = ne()) == null ? void 0 : x.proxy) != null && N.$nuxt), f = l(0), G = u(() => {
       const { openedModals: t } = b();
       return !t.value || t.value === f.value;
-    }), { activate: G, deactivate: J } = fe(M, {
+    }), { activate: J, deactivate: Q } = pe(M, {
       initialFocus: e.focusTarget ?? void 0,
       clickOutsideDeactivates: (t) => t.target === d.value,
       allowOutsideClick: !0,
       /* On esc deactivate the trap, return focus and then close the modal */
-      escapeDeactivates: () => (ne(() => {
+      escapeDeactivates: () => (ie(() => {
         c("update:modelValue", !1);
       }), !0)
-    }), Q = u(() => e.closeLabel), w = l(!1), v = l(!1), m = l(!0), p = l(!1), i = l(e.eager || e.modelValue), D = l(null), X = u(() => v.value || p.value), Y = () => {
+    }), X = u(() => e.closeLabel), w = l(!1), v = l(!1), m = l(!0), p = l(!1), i = l(e.eager || e.modelValue), D = l(null), Y = u(() => v.value || p.value), Z = () => {
       if (!globalThis.document) return;
       const t = window.innerWidth - document.documentElement.clientWidth;
       document.body.style.overflow = "hidden", document.body.style.paddingRight = `${t}px`;
@@ -54,42 +55,42 @@ const be = ["inert"], me = { class: "bb-offcanvas-close" }, ye = ["aria-label"],
         const { openedModals: t, modalHasClosed: o } = b();
         t.value && (o(), f.value = 0, B());
       }
-    }), ie(() => {
-      !e.modelValue && !i.value || T && !globalThis.document || x();
+    }), re(() => {
+      !e.modelValue && !i.value || T && !globalThis.document || L();
     }), O(() => {
       if (e.modelValue) {
         const { openedModals: t, modalHasClosed: o } = b();
         t.value && (o(), f.value = 0, B());
       }
-    }), re(
+    }), ue(
       () => e.modelValue,
       () => {
-        !e.modelValue && !i.value || T && !globalThis.document || x();
+        !e.modelValue && !i.value || T && !globalThis.document || L();
       },
       { flush: "post" }
     );
-    const x = async () => {
+    const L = async () => {
       if (e.modelValue) {
         i.value || (i.value = !0), m.value = !1, p.value = !1, v.value = !0;
         const { modalHasOpened: t, openedModals: o } = b();
-        t(), f.value = o.value, Y(), await H(e.transitionDuration), v.value = !1, w.value = !0, c("shown"), G();
+        t(), f.value = o.value, Z(), await H(e.transitionDuration), v.value = !1, w.value = !0, c("shown"), J();
       } else {
-        J(), v.value = !1, w.value = !1, p.value = !0;
+        Q(), v.value = !1, w.value = !1, p.value = !0;
         const { modalHasClosed: t, openedModals: o } = b();
         t(), f.value = 0, o.value || B(), await H(e.transitionDuration), p.value = !1, m.value = !0, c("hidden"), D.value instanceof HTMLElement && D.value.focus();
       }
     }, y = (t) => {
       t.target === d.value && t.preventDefault();
-    }, Z = (t) => {
-      e.disabled || X.value || d.value && t.target === d.value && (e.persistent || c("update:modelValue", !1));
+    }, ee = (t) => {
+      e.disabled || Y.value || d.value && t.target === d.value && (e.persistent || c("update:modelValue", !1));
     }, V = () => {
       e.disabled || c("update:modelValue", !1);
-    }, ee = u(() => {
+    }, te = u(() => {
       const t = [
         {
           "bb-offcanvas bb-offcanvas__overlay": !0,
           "bb-offcanvas--fullscreen": C.value,
-          "bb-offcanvas--faded": !q.value,
+          "bb-offcanvas--faded": !G.value,
           "bb-offcanvas--open": w.value,
           "bb-offcanvas--opening": v.value,
           "bb-offcanvas--closed": m.value,
@@ -99,7 +100,7 @@ const be = ["inert"], me = { class: "bb-offcanvas-close" }, ye = ["aria-label"],
         },
         e.overlayClasses
       ].flat(), o = {
-        onClick: Z,
+        onClick: ee,
         onScroll: y,
         onTouchmove: y,
         onWheel: y,
@@ -111,9 +112,9 @@ const be = ["inert"], me = { class: "bb-offcanvas-close" }, ye = ["aria-label"],
         class: t,
         style: a,
         ...o,
-        ...j
+        ...q
       };
-    }), te = u(() => {
+    }), oe = u(() => {
       const t = [
         {
           "bb-offcanvas__panel": !0,
@@ -132,38 +133,38 @@ const be = ["inert"], me = { class: "bb-offcanvas-close" }, ye = ["aria-label"],
         lg: 896
       };
       e.direction === "left" || e.direction === "right" ? C.value ? a = "100%" : typeof e.size == "number" ? a = e.size + "px" : e.size in h ? a = h[e.size] + "px" : a = e.size + "px" : C.value ? r = "100%" : typeof e.size == "number" ? r = e.size + "px" : e.size in h ? r = h[e.size] + "px" : Number.isNaN(Number(e.size)) ? e.size === "auto" && (r = "auto") : r = e.size + "px";
-      const oe = {
+      const le = {
         maxWidth: a,
         height: r,
         transitionDuration: e.transitionDuration / 1e3 + "s"
       };
       return {
         class: t,
-        style: oe,
+        style: le,
         ...o
       };
     });
-    return (t, o) => (g(), ue(ve, null, {
-      default: ce(() => [
-        s("div", S(ee.value, {
+    return (t, o) => (g(), ce(be, null, {
+      default: de(() => [
+        s("div", S(te.value, {
           ref_key: "overlay",
           ref: d,
           inert: m.value
         }), [
-          s("div", S(te.value, {
+          s("div", S(oe.value, {
             ref_key: "panel",
             ref: M
           }), [
             i.value ? (g(), z("div", {
               key: 0,
               ref_key: "content",
-              ref: R,
+              ref: K,
               class: "bb-offcanvas__content"
             }, [
               n(t.$slots, "content", { close: V }, () => [
                 s("div", {
                   ref_key: "header",
-                  ref: K,
+                  ref: P,
                   class: "bb-offcanvas__header"
                 }, [
                   n(t.$slots, "header", {
@@ -176,13 +177,13 @@ const be = ["inert"], me = { class: "bb-offcanvas-close" }, ye = ["aria-label"],
                       class: "bb-offcanvas__title"
                     }, [
                       n(t.$slots, "title", { text: t.title }, () => [
-                        de(A(t.title), 1)
+                        fe(A(t.title), 1)
                       ])
                     ]),
-                    s("span", me, [
+                    s("span", ge, [
                       t.showClose ? (g(), z("button", {
                         key: 0,
-                        "aria-label": Q.value,
+                        "aria-label": X.value || ve(F)("common.closeLabel").value,
                         type: "button",
                         onClick: V
                       }, [
@@ -203,13 +204,13 @@ const be = ["inert"], me = { class: "bb-offcanvas-close" }, ye = ["aria-label"],
                             ])
                           ], -1))
                         ])
-                      ], 8, ye)) : $("", !0)
+                      ], 8, _e)) : $("", !0)
                     ])
                   ])
                 ], 512),
                 s("div", {
                   ref_key: "body",
-                  ref: P,
+                  ref: U,
                   class: "bb-offcanvas__body scrollbar-border"
                 }, [
                   n(t.$slots, "description", {
@@ -227,7 +228,7 @@ const be = ["inert"], me = { class: "bb-offcanvas-close" }, ye = ["aria-label"],
                 o[1] || (o[1] = s("div", { style: { flex: "10000 10000 0%" } }, null, -1)),
                 s("div", {
                   ref_key: "footer",
-                  ref: U,
+                  ref: j,
                   class: "bb-offcanvas__footer"
                 }, [
                   n(t.$slots, "footer")
@@ -235,12 +236,12 @@ const be = ["inert"], me = { class: "bb-offcanvas-close" }, ye = ["aria-label"],
               ])
             ], 512)) : $("", !0)
           ], 16)
-        ], 16, be)
+        ], 16, he)
       ]),
       _: 3
     }));
   }
 });
 export {
-  Ve as default
+  Te as default
 };