bitboss-ui 2.0.59 → 2.0.61

package/dist/index37.js

@@ -1,4 +1,4 @@
-import { defineComponent as xe, defineAsyncComponent as Me, ref as v, computed as y, toRef as V, openBlock as b, createBlock as S, normalizeClass as W, withCtx as s, renderSlot as p, unref as i, createVNode as x, createElementVNode as $, createElementBlock as T, Fragment as R, toDisplayString as Ne, createCommentVNode as J, withDirectives as He, isRef as Pe, withModifiers as d, withKeys as g, vModelDynamic as ze, renderList as Qe, mergeProps as Y, Teleport as _e, normalizeStyle as Ke, nextTick as Ue } from "vue";
+import { defineComponent as xe, defineAsyncComponent as Me, ref as v, computed as y, toRef as V, openBlock as b, createBlock as S, normalizeClass as W, withCtx as s, renderSlot as p, unref as i, createVNode as M, createElementVNode as $, createElementBlock as T, Fragment as R, toDisplayString as Ne, createCommentVNode as J, withDirectives as He, isRef as Pe, withModifiers as d, withKeys as g, vModelDynamic as ze, renderList as Qe, mergeProps as Y, Teleport as _e, normalizeStyle as Ke, nextTick as Ue } from "vue";
 /* empty css       */
 /* empty css       */
 import { useId as We } from "./index8.js";
@@ -6,23 +6,23 @@ import { useMobile as Re } from "./index9.js";
 import Je from "./index127.js";
 /* empty css         */
 import { isNotNil as Ye } from "./index134.js";
-import { last as je } from "./index218.js";
-import { matchAnyKey as j } from "./index242.js";
+import { last as je } from "./index221.js";
+import { matchAnyKey as j } from "./index243.js";
 import { useFloating as Ge } from "./index230.js";
 import { useIntersectionObserver as Xe } from "./index132.js";
-import { useLogger as Ze } from "./index210.js";
-import { useOptions as et } from "./index238.js";
+import { useLogger as Ze } from "./index208.js";
+import { useOptions as et } from "./index205.js";
 import { wait as L } from "./index131.js";
-import { when as tt } from "./index236.js";
-import ot from "./index243.js";
+import { when as tt } from "./index228.js";
+import ot from "./index244.js";
 /* empty css         */
-import nt from "./index245.js";
+import nt from "./index246.js";
 /* empty css         */
-import lt from "./index225.js";
+import lt from "./index209.js";
 /* empty css         */
-import at from "./index227.js";
-import { waitFor as it } from "./index208.js";
-import { autoUpdate as rt, flip as st, offset as ut, shift as pt } from "./index234.js";
+import at from "./index211.js";
+import { waitFor as it } from "./index234.js";
+import { autoUpdate as rt, flip as st, offset as ut, shift as pt } from "./index236.js";
 const dt = { class: "bb-base-select__input-container" }, ct = {
   key: 1,
   class: "bb-base-select__max-reached"
@@ -71,15 +71,15 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
     const t = G, h = X;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const Z = Me(() => import("./index241.js")), A = v(null), B = v(null), a = v(null), M = v(null), N = v(null), u = y(
-      () => t.comma ? M.value : N.value
+    const Z = Me(() => import("./index242.js")), A = v(null), B = v(null), a = v(null), N = v(null), H = v(null), u = y(
+      () => t.comma ? N.value : H.value
     ), { isMobile: ee } = Re(), te = y(
       () => t.allowWriting === "not-mobile" && ee.value ? "none" : void 0
-    ), H = t.id || We().id.value;
+    ), P = t.id || We().id.value;
     Xe(
       B,
       ([{ intersectionRatio: e }]) => {
-        e !== 1 && O();
+        e !== 1 && C();
       },
       { threshold: [0, 1] }
     );
@@ -101,42 +101,42 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
     }), q = v(null), E = () => {
       q.value instanceof HTMLInputElement && q.value.focus();
     }, le = async (e) => {
-      h("focus", e), Le(), document.addEventListener("click", k), document.addEventListener("focusin", k);
+      h("focus", e), Le(), document.addEventListener("click", D), document.addEventListener("focusin", D);
     }, ae = () => {
       t.prefill === "focus" && !Oe.value && !Ce.value && Be();
     }, ie = async (e) => {
       h("blur", e);
     }, re = (e) => h("change", e), se = (e) => {
       var o;
-      h("input", e), l.value === "" && (t.multiple || ke(null)), (o = u.value) == null || o.blur(), Ve();
-    }, k = async (e) => {
+      h("input", e), l.value === "" && (t.multiple || ke(null)), (o = u.value) == null || o.blur(), F.value && O(), Ve();
+    }, D = async (e) => {
       if (e.target instanceof Node && A.value && a.value && !A.value.$el.contains(e.target) && !a.value.$el.contains(e.target)) {
-        O(), Ae(), document.removeEventListener("click", k), document.removeEventListener("focusin", k), await L(t.transitionDuration), be();
+        C(), Ae(), document.removeEventListener("click", D), document.removeEventListener("focusin", D), await L(t.transitionDuration), be();
         return;
       }
-    }, w = y(() => !(t.readonly || t.disabled || D.value || !u.value && t.multiple)), ue = async () => {
+    }, w = y(() => !(t.readonly || t.disabled || I.value || !u.value && t.multiple)), ue = async () => {
       var e, o, n;
-      w.value && ((e = u.value) == null || e.blur(), c.value ? (o = a.value) == null || o.focusPrevious() : (await I(), await L(t.transitionDuration), (n = a.value) == null || n.focusLastSelected()));
+      w.value && ((e = u.value) == null || e.blur(), c.value ? (o = a.value) == null || o.focusPrevious() : (await O(), await L(t.transitionDuration), (n = a.value) == null || n.focusLastSelected()));
     }, pe = async () => {
       var e, o, n;
-      w.value && ((e = u.value) == null || e.blur(), c.value ? (o = a.value) == null || o.focusNext() : (await I(), await L(t.transitionDuration), (n = a.value) == null || n.focusFirstSelected()));
+      w.value && ((e = u.value) == null || e.blur(), c.value ? (o = a.value) == null || o.focusNext() : (await O(), await L(t.transitionDuration), (n = a.value) == null || n.focusFirstSelected()));
     }, de = (e) => {
-      var n, r, m, C;
+      var n, r, m, k;
       if (!w.value || !t.multiple || l.value || (e.preventDefault(), (n = a.value) == null || n.blur(), !f.value.length)) return;
       (r = u.value) == null || r.focusPrevious();
       const o = (m = u.value) == null ? void 0 : m.getHighlighted();
-      o && ((C = a.value) == null || C.focusByHash(o.valueHash));
+      o && ((k = a.value) == null || k.focusByHash(o.valueHash));
     }, ce = (e) => {
-      var n, r, m, C;
+      var n, r, m, k;
       if (!w.value || !t.multiple || l.value || (e.preventDefault(), (n = a.value) == null || n.blur(), !f.value.length)) return;
       (r = u.value) == null || r.focusNext();
       const o = (m = u.value) == null ? void 0 : m.getHighlighted();
-      o && ((C = a.value) == null || C.focusByHash(o.valueHash));
+      o && ((k = a.value) == null || k.focusByHash(o.valueHash));
     }, fe = async () => {
       var e, o;
       if (w.value) {
         if (!c.value)
-          await I(), await L(t.transitionDuration), f.value.length && ((e = a.value) == null || e.focusFirstSelected());
+          await O(), await L(t.transitionDuration), f.value.length && ((e = a.value) == null || e.focusFirstSelected());
         else if ((o = a.value) != null && o.getHighlighted())
           a.value.confirmOption();
         else if (t.addOptions) {
@@ -149,11 +149,11 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
           }
           const n = l.value.trim();
           if (De(n)) return;
-          he(), Q(je(Ie.value));
+          he(), _(je(Ie.value));
         }
       }
     }, me = async () => {
-      c.value && await O();
+      c.value && await C();
     }, ve = async () => {
       var e, o;
       !w.value || l.value || !f.value.length || ((e = u.value) != null && e.getHighlighted() && u.value.confirmOption(), await Ue(), (o = u.value) == null || o.focusPrevious());
@@ -161,8 +161,8 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
       query: l,
       alignQueryToState: be,
       addCurrentQueryToManualItems: he,
-      innerLoading: P,
-      options: z,
+      innerLoading: z,
+      options: Q,
       selectedOptions: f,
       selectOption: ge,
       unselectOption: we,
@@ -190,28 +190,28 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
       depsDebounceTime: t.depsDebounceTime,
       queryDebounceTime: t.queryDebounceTime,
       disabled: V(t, "disabled")
-    }), Se = y(() => f.value.length ? "" : t.placeholder), D = y(() => !!(P.value || t.loading)), $e = y(() => {
+    }), Se = y(() => f.value.length ? "" : t.placeholder), I = y(() => !!(z.value || t.loading)), $e = y(() => {
       let e = [];
       const o = f.value.some(
         (r) => r.text === l.value
       );
-      return (t.multiple && l.value || l.value && !o && !t.multiple) && t.filterBy ? e = z.value.filter((r) => {
+      return (t.multiple && l.value || l.value && !o && !t.multiple) && t.filterBy ? e = Q.value.filter((r) => {
         let m = !1;
         return typeof t.filterBy == "function" ? m = t.filterBy(r.value, r.item) : Array.isArray(t.filterBy) && t.filterBy.length && (m = m || j(r.item, t.filterBy, l.value.trim())), m || j(r, ["text"], l.value.trim());
-      }) : e = z.value, e;
-    }), Q = (e) => {
-      ge(e), E(), t.multiple || O();
-    }, _ = (e) => {
+      }) : e = Q.value, e;
+    }), _ = (e) => {
+      ge(e), E(), t.multiple || C();
+    }, K = (e) => {
       we(e), E();
-    }, c = v(!1), K = v(!0), U = v(!1), I = async () => {
-      U.value = !0, await it(() => !!a.value), K.value = !1, c.value = !0;
-    }, O = async () => {
+    }, c = v(!1), F = v(!0), U = v(!1), O = async () => {
+      U.value = !0, await it(() => !!a.value), F.value = !1, c.value = !0;
+    }, C = async () => {
       var e;
-      c.value = !1, K.value = !0, (e = u.value) == null || e.blur();
-    }, Te = () => c.value ? O() : I(), F = v(!1), Le = () => {
-      F.value = !0;
+      c.value = !1, F.value = !0, (e = u.value) == null || e.blur();
+    }, Te = () => c.value ? C() : O(), x = v(!1), Le = () => {
+      x.value = !0;
     }, Ae = () => {
-      F.value = !1, h("inactive");
+      x.value = !1, h("inactive");
     }, qe = (e) => {
       e.preventDefault(), h("click", e), !(t.disabled || t.readonly) && (E(), Te());
     }, Ee = tt(
@@ -231,9 +231,9 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
       ref: A,
       class: W({
         "bb-base-select": !0,
-        "bb-base-select--active": F.value,
+        "bb-base-select--active": x.value,
         "bb-base-select--shown": c.value,
-        "bb-base-select--loading": D.value,
+        "bb-base-select--loading": I.value,
         "bb-base-select--disabled": e.disabled,
         "bb-base-select--errors": e.hasErrors,
         "bb-base-select--readonly": e.readonly
@@ -247,7 +247,7 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
         p(e.$slots, "append-outer", { query: i(l) })
       ]),
       default: s(() => [
-        x(lt, {
+        M(lt, {
           ref_key: "innerContainer",
           ref: B,
           "append:icon": t["append:icon"],
@@ -267,30 +267,30 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
             p(e.$slots, "suffix")
           ]),
           default: s(() => [
-            x(i(Je), { tag: "span" }, {
+            M(i(Je), { tag: "span" }, {
               default: s(() => [
                 $("span", dt, [
                   e.multiple && i(f).length <= e.maxSelectedLabels ? (b(), T(R, { key: 0 }, [
                     e.comma ? (b(), S(nt, {
                       key: 0,
                       ref_key: "commaBox",
-                      ref: M,
+                      ref: N,
                       options: i(f)
                     }, null, 8, ["options"])) : (b(), S(ot, {
                       key: 1,
                       ref_key: "chipsBox",
-                      ref: N,
+                      ref: H,
                       options: i(f),
-                      "onOption:unselected": _
+                      "onOption:unselected": K
                     }, null, 8, ["options"]))
                   ], 64)) : e.multiple ? (b(), T("span", ct, Ne(i(f).length) + " elementi selezionati ", 1)) : J("", !0),
                   He($("input", {
-                    id: i(H),
+                    id: i(P),
                     ref_key: "input",
                     ref: q,
                     "onUpdate:modelValue": o[0] || (o[0] = (n) => Pe(l) ? l.value = n : null),
                     "aria-autocomplete": "list",
-                    "aria-controls": `${i(H)}_listbox`,
+                    "aria-controls": `${i(P)}_listbox`,
                     "aria-describedby": e.ariaDescribedby,
                     "aria-expanded": c.value,
                     autocomplete: e.autocomplete,
@@ -325,7 +325,7 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
               _: 1
             }),
             p(e.$slots, "chevron", {
-              loading: !!i(P),
+              loading: !!i(z),
               shown: c.value
             }, () => [
               o[1] || (o[1] = $("svg", {
@@ -350,15 +350,15 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
           key: 0,
           to: "body"
         }, [
-          x(i(Z), {
+          M(i(Z), {
             ref_key: "optionsContainer",
             ref: a,
-            loading: D.value,
+            loading: I.value,
             open: c.value,
             options: $e.value,
             style: Ke(ne.value),
-            "onOption:selected": Q,
-            "onOption:unselected": _
+            "onOption:selected": _,
+            "onOption:unselected": K
           }, {
             "options:prepend": s(() => [
               p(e.$slots, "options:prepend")
@@ -375,7 +375,7 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
             option: s((n) => [
               p(e.$slots, "option", Y({
                 hasErrors: e.hasErrors,
-                loading: D.value
+                loading: I.value
               }, n))
             ]),
             _: 3

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 "./index224.js";
-import { head as O } from "./index247.js";
-import { isCssColor as Y } from "./index235.js";
+import { clamp as le } from "./index204.js";
+import { head as O } from "./index241.js";
+import { isCssColor as Y } from "./index227.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 "./index217.js";
+import { hash as J } from "./index220.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 "./index235.js";
-import { when as F } from "./index236.js";
+import { isCssColor as b } from "./index227.js";
+import { when as F } from "./index228.js";
 const N = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
   __name: "BaseSwitch",
   props: {

package/dist/index43.js

@@ -1,8 +1,8 @@
 import { defineComponent as $, 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 "./index238.js";
+import { useOptions as F } from "./index205.js";
 import M from "./index41.js";
 /* empty css        */
-import S from "./index239.js";
+import S from "./index206.js";
 /* empty css         */
 const I = /* @__PURE__ */ $({
   __name: "BaseSwitchGroup",

package/dist/index45.js

@@ -4,15 +4,15 @@ 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 "./index218.js";
-import { useOptions as pe } from "./index238.js";
-import ce from "./index243.js";
+import { last as de } from "./index221.js";
+import { useOptions as pe } from "./index205.js";
+import ce from "./index244.js";
 /* empty css         */
-import me from "./index245.js";
+import me from "./index246.js";
 /* empty css         */
-import fe from "./index225.js";
+import fe from "./index209.js";
 /* empty css         */
-import ve from "./index227.js";
+import ve from "./index211.js";
 const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], qe = /* @__PURE__ */ Y({
   __name: "BaseTag",
   props: {

package/dist/index47.js

@@ -1,6 +1,6 @@
 import { defineComponent as w, ref as g, computed as u, onMounted as y, watch as V, nextTick as k, openBlock as x, createBlock as B, normalizeClass as $, withCtx as r, renderSlot as t, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
-import v from "./index227.js";
-import E from "./index225.js";
+import v from "./index211.js";
+import E from "./index209.js";
 /* empty css         */
 import G from "./index127.js";
 /* empty css         */

package/dist/index49.js

@@ -1,7 +1,7 @@
 import { defineComponent as m, computed as b, openBlock as c, createElementBlock as f, Fragment as y, createVNode as p, normalizeClass as h, withCtx as n, renderSlot as r, createElementVNode as l, mergeProps as g } from "vue";
-import B from "./index225.js";
+import B from "./index209.js";
 /* empty css         */
-import k from "./index227.js";
+import k from "./index211.js";
 const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], V = /* @__PURE__ */ m({
   __name: "BaseTextInput",
   props: {

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 "./index235.js";
+import { isCssColor as _ } from "./index227.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 "./index235.js";
+import { isCssColor as r } from "./index227.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/index75.js

@@ -1,11 +1,11 @@
 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 "./index272.js";
+import { findRightIndex as H } from "./index282.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";
 /* empty css        */
-import N from "./index273.js";
+import N from "./index283.js";
 const me = /* @__PURE__ */ Q({
   __name: "BbDropdown",
   props: {
@@ -24,7 +24,7 @@ const me = /* @__PURE__ */ Q({
   },
   setup(V) {
     const j = W(
-      () => import("./index271.js")
+      () => import("./index281.js")
     ), r = V, d = r.id ?? `bb_${ne().id.value}`, m = A(() => {
       let e = r.items.findIndex((t) => !t.disabled), o = H(
         r.items,

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 "./index275.js";
+import { findInTree as ae } from "./index289.js";
 import { useId as re } from "./index8.js";
 import oe from "./index127.js";
 /* empty css         */
@@ -56,7 +56,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = {
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index274.js")).default);
+              b || (b = (await import("./index288.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 "./index206.js";
+import { throttle as c } from "./index238.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index84.js

@@ -1,8 +1,8 @@
-import { defineComponent as te, ref as s, useAttrs as oe, getCurrentInstance as se, computed as v, nextTick as le, onBeforeUnmount as x, onMounted as ae, watch as ne, openBlock as g, createBlock as ie, Teleport as re, createElementVNode as l, 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 "./index207.js";
+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 "./index233.js";
 import { useId as A } from "./index8.js";
 import { wait as E } from "./index131.js";
-import { useModalsState as p } from "./index209.js";
+import { useModalsState as b } from "./index239.js";
 const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"], ge = /* @__PURE__ */ te({
   __name: "BbOffCanvas",
   props: {
@@ -27,17 +27,18 @@ const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"],
   emits: ["shown", "hidden", "update:modelValue"],
   setup(H, { emit: I }) {
     var L, N;
-    const e = H, u = I, k = `title_${A().id.value}`, _ = `description_${A().id.value}`, b = s(null), T = s(null), W = s(null), F = s(null), R = s(null), K = s(null), P = oe(), $ = !!((N = (L = se()) == null ? void 0 : L.proxy) != null && N.$nuxt), c = s(0), U = v(() => {
-      const { openedModals: t } = p();
-      return !t.value || t.value === c.value;
+    const e = H, u = I, k = `title_${A().id.value}`, C = `description_${A().id.value}`, c = l(null), T = l(null), W = l(null), F = l(null), R = l(null), K = l(null), P = oe(), $ = !!((N = (L = le()) == null ? void 0 : L.proxy) != null && N.$nuxt), d = l(0), U = p(() => {
+      const { openedModals: t } = b();
+      return !t.value || t.value === d.value;
     }), { activate: j, deactivate: q } = ce(T, {
       initialFocus: e.focusTarget ?? void 0,
-      clickOutsideDeactivates: !0,
+      clickOutsideDeactivates: (t) => t.target === c.value,
+      allowOutsideClick: !0,
       /* On esc deactivate the trap, return focus and then close the modal */
-      escapeDeactivates: () => (le(() => {
+      escapeDeactivates: () => (se(() => {
         u("update:modelValue", !1);
       }), !0)
-    }), G = v(() => e.closeLabel), C = s(!1), d = s(!1), m = s(!0), f = s(!1), i = s(e.eager || e.modelValue), D = s(null), J = v(() => d.value || f.value), Q = () => {
+    }), G = p(() => e.closeLabel), _ = 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 = () => {
       if (!globalThis.document) return;
       const t = window.innerWidth - document.documentElement.clientWidth;
       document.body.style.overflow = "hidden", document.body.style.paddingRight = `${t}px`;
@@ -46,15 +47,15 @@ const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"],
     };
     x(() => {
       if (e.modelValue) {
-        const { openedModals: t, modalHasClosed: o } = p();
-        t.value && (o(), c.value = 0, w());
+        const { openedModals: t, modalHasClosed: o } = b();
+        t.value && (o(), d.value = 0, w());
       }
     }), ae(() => {
       !e.modelValue && !i.value || $ && !globalThis.document || M();
     }), x(() => {
       if (e.modelValue) {
-        const { openedModals: t, modalHasClosed: o } = p();
-        t.value && (o(), c.value = 0, w());
+        const { openedModals: t, modalHasClosed: o } = b();
+        t.value && (o(), d.value = 0, w());
       }
     }), ne(
       () => e.modelValue,
@@ -65,30 +66,30 @@ const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"],
     );
     const M = async () => {
       if (e.modelValue) {
-        i.value || (i.value = !0), m.value = !1, f.value = !1, d.value = !0;
-        const { modalHasOpened: t, openedModals: o } = p();
-        t(), c.value = o.value, Q(), await E(e.transitionDuration), d.value = !1, C.value = !0, u("shown"), j();
+        i.value || (i.value = !0), m.value = !1, v.value = !1, f.value = !0;
+        const { modalHasOpened: t, openedModals: o } = b();
+        t(), d.value = o.value, Q(), await E(e.transitionDuration), f.value = !1, _.value = !0, u("shown"), j();
       } else {
-        q(), d.value = !1, C.value = !1, f.value = !0;
-        const { modalHasClosed: t, openedModals: o } = p();
-        t(), c.value = 0, o.value || w(), await E(e.transitionDuration), f.value = !1, m.value = !0, u("hidden"), D.value instanceof HTMLElement && D.value.focus();
+        q(), f.value = !1, _.value = !1, v.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();
       }
     }, y = (t) => {
-      t.target === b.value && t.preventDefault();
+      t.target === c.value && t.preventDefault();
     }, X = (t) => {
-      e.disabled || J.value || b.value && t.target === b.value && (e.persistent || u("update:modelValue", !1));
+      e.disabled || J.value || c.value && t.target === c.value && (e.persistent || u("update:modelValue", !1));
     }, B = () => {
       e.disabled || u("update:modelValue", !1);
-    }, Y = v(() => {
+    }, Y = p(() => {
       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": d.value,
+          "bb-offcanvas--open": _.value,
+          "bb-offcanvas--opening": f.value,
           "bb-offcanvas--closed": m.value,
-          "bb-offcanvas--closing": f.value,
+          "bb-offcanvas--closing": v.value,
           [`bb-offcanvas--transition-${e.transition}`]: !0,
           [`bb-offcanvas--${e.direction}`]: !0
         },
@@ -108,7 +109,7 @@ const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"],
         ...o,
         ...P
       };
-    }), Z = v(() => {
+    }), Z = p(() => {
       const t = [
         {
           "bb-offcanvas__panel": !0,
@@ -119,7 +120,7 @@ const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"],
         role: "dialog",
         "aria-modal": !0
       };
-      i.value && (o["aria-labelledby"] = k, e.description && (o["aria-describedby"] = _));
+      i.value && (o["aria-labelledby"] = k, e.description && (o["aria-describedby"] = C));
       let a, r;
       const h = {
         sm: 384,
@@ -139,12 +140,12 @@ const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"],
       };
     });
     return (t, o) => (g(), ie(re, { to: "body" }, [
-      l("div", O(Y.value, {
+      s("div", O(Y.value, {
         ref_key: "overlay",
-        ref: b,
+        ref: c,
         inert: m.value
       }), [
-        l("div", O(Z.value, {
+        s("div", O(Z.value, {
           ref_key: "panel",
           ref: T
         }), [
@@ -155,7 +156,7 @@ const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"],
             class: "bb-offcanvas__content"
           }, [
             n(t.$slots, "content", { close: B }, () => [
-              l("div", {
+              s("div", {
                 ref_key: "header",
                 ref: F,
                 class: "bb-offcanvas__header"
@@ -165,7 +166,7 @@ const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"],
                   title: t.title,
                   titleId: k
                 }, () => [
-                  l("span", {
+                  s("span", {
                     id: k,
                     class: "bb-offcanvas__title"
                   }, [
@@ -173,7 +174,7 @@ const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"],
                       ue(S(t.title), 1)
                     ])
                   ]),
-                  l("span", fe, [
+                  s("span", fe, [
                     t.showClose ? (g(), V("button", {
                       key: 0,
                       "aria-label": G.value,
@@ -181,14 +182,14 @@ const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"],
                       onClick: B
                     }, [
                       n(t.$slots, "close", {}, () => [
-                        o[0] || (o[0] = l("span", { class: "bb-offcanvas-close__icon" }, [
-                          l("svg", {
+                        o[0] || (o[0] = s("span", { class: "bb-offcanvas-close__icon" }, [
+                          s("svg", {
                             "aria-hidden": "true",
                             fill: "none",
                             viewBox: "0 0 24 24",
                             xmlns: "http://www.w3.org/2000/svg"
                           }, [
-                            l("path", {
+                            s("path", {
                               d: "M23 23L1 1M23 1L1 23",
                               stroke: "currentColor",
                               "stroke-linecap": "round",
@@ -201,25 +202,25 @@ const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"],
                   ])
                 ])
               ], 512),
-              l("div", {
+              s("div", {
                 ref_key: "body",
                 ref: R,
                 class: "bb-offcanvas__body scrollbar-border"
               }, [
                 n(t.$slots, "description", {
-                  descriptionId: _,
+                  descriptionId: C,
                   text: t.description
                 }, () => [
                   t.description ? (g(), V("div", {
                     key: 0,
-                    id: _,
+                    id: C,
                     class: "bb-offcanvas__description sr-only"
                   }, S(t.description), 1)) : z("", !0)
                 ]),
                 n(t.$slots, "default")
               ], 512),
-              o[1] || (o[1] = l("div", { style: { flex: "10000 10000 0%" } }, null, -1)),
-              l("div", {
+              o[1] || (o[1] = s("div", { style: { flex: "10000 10000 0%" } }, null, -1)),
+              s("div", {
                 ref_key: "footer",
                 ref: K,
                 class: "bb-offcanvas__footer"