bitboss-ui 2.0.92 → 2.0.93

package/dist/index84.js

@@ -1,10 +1,11 @@
-import { defineComponent as te, ref as l, useAttrs as oe, getCurrentInstance as le, computed as p, nextTick as se, onBeforeUnmount as N, onMounted as ae, watch as ne, openBlock as g, createBlock as ie, withCtx 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 { useId as A } from "./index8.js";
-import { wait as E } from "./index131.js";
-import { useModalsState as b } from "./index237.js";
-import de from "./index222.js";
-const fe = ["inert"], ve = { class: "bb-offcanvas-close" }, pe = ["aria-label"], ke = /* @__PURE__ */ te({
+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 "./index224.js";
+import { useId as E } from "./index8.js";
+import { wait as H } from "./index131.js";
+import { useModalsState as b } from "./index240.js";
+import ve from "./index231.js";
+import { useMobile as pe } from "./index9.js";
+const be = ["inert"], me = { class: "bb-offcanvas-close" }, ye = ["aria-label"], Ve = /* @__PURE__ */ le({
   __name: "BbOffCanvas",
   props: {
     closeLabel: { default: "Chiudi" },
@@ -21,82 +22,84 @@ const fe = ["inert"], ve = { class: "bb-offcanvas-close" }, pe = ["aria-label"],
     size: { default: "sm" },
     description: {},
     focusTarget: {},
-    fullscreen: { type: Boolean },
+    fullscreen: { type: [Boolean, String] },
     modelValue: { type: [Boolean, null] },
     direction: { default: "left" }
   },
   emits: ["shown", "hidden", "update:modelValue"],
-  setup(H, { emit: I }) {
-    var x, L;
-    const e = H, u = I, _ = `title_${A().id.value}`, k = `description_${A().id.value}`, c = l(null), $ = l(null), W = l(null), F = l(null), R = l(null), K = l(null), P = oe(), T = !!((L = (x = le()) == null ? void 0 : x.proxy) != null && L.$nuxt), d = l(0), U = p(() => {
+  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(() => {
       const { openedModals: t } = b();
-      return !t.value || t.value === d.value;
-    }), { activate: j, deactivate: q } = ce($, {
+      return !t.value || t.value === f.value;
+    }), { activate: G, deactivate: J } = fe(M, {
       initialFocus: e.focusTarget ?? void 0,
-      clickOutsideDeactivates: (t) => t.target === c.value,
+      clickOutsideDeactivates: (t) => t.target === d.value,
       allowOutsideClick: !0,
       /* On esc deactivate the trap, return focus and then close the modal */
-      escapeDeactivates: () => (se(() => {
-        u("update:modelValue", !1);
+      escapeDeactivates: () => (ne(() => {
+        c("update:modelValue", !1);
       }), !0)
-    }), G = p(() => e.closeLabel), C = l(!1), f = l(!1), m = l(!0), v = l(!1), i = l(e.eager || e.modelValue), D = l(null), J = p(() => f.value || v.value), Q = () => {
+    }), 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 = () => {
       if (!globalThis.document) return;
       const t = window.innerWidth - document.documentElement.clientWidth;
       document.body.style.overflow = "hidden", document.body.style.paddingRight = `${t}px`;
-    }, w = () => {
+    }, B = () => {
       globalThis.document && (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px");
     };
-    N(() => {
+    O(() => {
       if (e.modelValue) {
         const { openedModals: t, modalHasClosed: o } = b();
-        t.value && (o(), d.value = 0, w());
+        t.value && (o(), f.value = 0, B());
       }
-    }), ae(() => {
-      !e.modelValue && !i.value || T && !globalThis.document || M();
-    }), N(() => {
+    }), ie(() => {
+      !e.modelValue && !i.value || T && !globalThis.document || x();
+    }), O(() => {
       if (e.modelValue) {
         const { openedModals: t, modalHasClosed: o } = b();
-        t.value && (o(), d.value = 0, w());
+        t.value && (o(), f.value = 0, B());
       }
-    }), ne(
+    }), re(
       () => e.modelValue,
       () => {
-        !e.modelValue && !i.value || T && !globalThis.document || M();
+        !e.modelValue && !i.value || T && !globalThis.document || x();
       },
       { flush: "post" }
     );
-    const M = async () => {
+    const x = async () => {
       if (e.modelValue) {
-        i.value || (i.value = !0), m.value = !1, v.value = !1, f.value = !0;
+        i.value || (i.value = !0), m.value = !1, p.value = !1, v.value = !0;
         const { modalHasOpened: t, openedModals: o } = b();
-        t(), d.value = o.value, Q(), await E(e.transitionDuration), f.value = !1, C.value = !0, u("shown"), j();
+        t(), f.value = o.value, Y(), await H(e.transitionDuration), v.value = !1, w.value = !0, c("shown"), G();
       } else {
-        q(), f.value = !1, C.value = !1, v.value = !0;
+        J(), v.value = !1, w.value = !1, p.value = !0;
         const { modalHasClosed: t, openedModals: o } = b();
-        t(), d.value = 0, o.value || w(), await E(e.transitionDuration), v.value = !1, m.value = !0, u("hidden"), D.value instanceof HTMLElement && D.value.focus();
+        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 === c.value && t.preventDefault();
-    }, X = (t) => {
-      e.disabled || J.value || c.value && t.target === c.value && (e.persistent || u("update:modelValue", !1));
-    }, B = () => {
-      e.disabled || u("update:modelValue", !1);
-    }, Y = p(() => {
+      t.target === d.value && t.preventDefault();
+    }, Z = (t) => {
+      e.disabled || X.value || d.value && t.target === d.value && (e.persistent || c("update:modelValue", !1));
+    }, V = () => {
+      e.disabled || c("update:modelValue", !1);
+    }, ee = u(() => {
       const t = [
         {
           "bb-offcanvas bb-offcanvas__overlay": !0,
-          "bb-offcanvas--fullscreen": e.fullscreen,
-          "bb-offcanvas--faded": !U.value,
-          "bb-offcanvas--open": C.value,
-          "bb-offcanvas--opening": f.value,
+          "bb-offcanvas--fullscreen": C.value,
+          "bb-offcanvas--faded": !q.value,
+          "bb-offcanvas--open": w.value,
+          "bb-offcanvas--opening": v.value,
           "bb-offcanvas--closed": m.value,
-          "bb-offcanvas--closing": v.value,
+          "bb-offcanvas--closing": p.value,
           [`bb-offcanvas--transition-${e.transition}`]: !0,
           [`bb-offcanvas--${e.direction}`]: !0
         },
         e.overlayClasses
       ].flat(), o = {
-        onClick: X,
+        onClick: Z,
         onScroll: y,
         onTouchmove: y,
         onWheel: y,
@@ -108,9 +111,9 @@ const fe = ["inert"], ve = { class: "bb-offcanvas-close" }, pe = ["aria-label"],
         class: t,
         style: a,
         ...o,
-        ...P
+        ...j
       };
-    }), Z = p(() => {
+    }), te = u(() => {
       const t = [
         {
           "bb-offcanvas__panel": !0,
@@ -128,43 +131,43 @@ const fe = ["inert"], ve = { class: "bb-offcanvas-close" }, pe = ["aria-label"],
         md: 652,
         lg: 896
       };
-      e.direction === "left" || e.direction === "right" ? e.fullscreen ? a = "100%" : typeof e.size == "number" ? a = e.size + "px" : e.size in h ? a = h[e.size] + "px" : a = e.size + "px" : e.fullscreen ? 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 ee = {
+      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 = {
         maxWidth: a,
         height: r,
         transitionDuration: e.transitionDuration / 1e3 + "s"
       };
       return {
         class: t,
-        style: ee,
+        style: oe,
         ...o
       };
     });
-    return (t, o) => (g(), ie(de, null, {
-      default: re(() => [
-        s("div", O(Y.value, {
+    return (t, o) => (g(), ue(ve, null, {
+      default: ce(() => [
+        s("div", S(ee.value, {
           ref_key: "overlay",
-          ref: c,
+          ref: d,
           inert: m.value
         }), [
-          s("div", O(Z.value, {
+          s("div", S(te.value, {
             ref_key: "panel",
-            ref: $
+            ref: M
           }), [
-            i.value ? (g(), V("div", {
+            i.value ? (g(), z("div", {
               key: 0,
               ref_key: "content",
-              ref: W,
+              ref: R,
               class: "bb-offcanvas__content"
             }, [
-              n(t.$slots, "content", { close: B }, () => [
+              n(t.$slots, "content", { close: V }, () => [
                 s("div", {
                   ref_key: "header",
-                  ref: F,
+                  ref: K,
                   class: "bb-offcanvas__header"
                 }, [
                   n(t.$slots, "header", {
-                    close: B,
+                    close: V,
                     title: t.title,
                     titleId: _
                   }, () => [
@@ -173,15 +176,15 @@ const fe = ["inert"], ve = { class: "bb-offcanvas-close" }, pe = ["aria-label"],
                       class: "bb-offcanvas__title"
                     }, [
                       n(t.$slots, "title", { text: t.title }, () => [
-                        ue(S(t.title), 1)
+                        de(A(t.title), 1)
                       ])
                     ]),
-                    s("span", ve, [
-                      t.showClose ? (g(), V("button", {
+                    s("span", me, [
+                      t.showClose ? (g(), z("button", {
                         key: 0,
-                        "aria-label": G.value,
+                        "aria-label": Q.value,
                         type: "button",
-                        onClick: B
+                        onClick: V
                       }, [
                         n(t.$slots, "close", {}, () => [
                           o[0] || (o[0] = s("span", { class: "bb-offcanvas-close__icon" }, [
@@ -200,44 +203,44 @@ const fe = ["inert"], ve = { class: "bb-offcanvas-close" }, pe = ["aria-label"],
                             ])
                           ], -1))
                         ])
-                      ], 8, pe)) : z("", !0)
+                      ], 8, ye)) : $("", !0)
                     ])
                   ])
                 ], 512),
                 s("div", {
                   ref_key: "body",
-                  ref: R,
+                  ref: P,
                   class: "bb-offcanvas__body scrollbar-border"
                 }, [
                   n(t.$slots, "description", {
                     descriptionId: k,
                     text: t.description
                   }, () => [
-                    t.description ? (g(), V("div", {
+                    t.description ? (g(), z("div", {
                       key: 0,
                       id: k,
                       class: "bb-offcanvas__description sr-only"
-                    }, S(t.description), 1)) : z("", !0)
+                    }, A(t.description), 1)) : $("", !0)
                   ]),
                   n(t.$slots, "default")
                 ], 512),
                 o[1] || (o[1] = s("div", { style: { flex: "10000 10000 0%" } }, null, -1)),
                 s("div", {
                   ref_key: "footer",
-                  ref: K,
+                  ref: U,
                   class: "bb-offcanvas__footer"
                 }, [
                   n(t.$slots, "footer")
                 ], 512)
               ])
-            ], 512)) : z("", !0)
+            ], 512)) : $("", !0)
           ], 16)
-        ], 16, fe)
+        ], 16, be)
       ]),
       _: 3
     }));
   }
 });
 export {
-  ke as default
+  Ve as default
 };

package/dist/index86.js

@@ -1,5 +1,5 @@
 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 "./index282.js";
+import { debounce as F } from "./index289.js";
 /* empty css       */
 /* empty css       */
 import w from "./index13.js";

package/dist/index88.js

@@ -1,13 +1,13 @@
 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 "./index219.js";
+import { useFocusTrap as z } from "./index224.js";
 import { useId as A } from "./index8.js";
 import { useIntersectionObserver as R } from "./index132.js";
-import { waitFor as j } from "./index220.js";
+import { waitFor as j } from "./index226.js";
 import G from "./index13.js";
 /* empty css        */
-import J from "./index255.js";
+import J from "./index279.js";
 /* empty css         */
-import { useDebounceFn as K } from "./index204.js";
+import { useDebounceFn as K } from "./index234.js";
 const re = /* @__PURE__ */ M({
   __name: "BbPopover",
   props: {

package/dist/index90.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, openBlock as l, createElementBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
-import { clamp as p } from "./index205.js";
+import { clamp as p } from "./index233.js";
 import { getAsPercentageBetween as i } from "./index130.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",