bitboss-ui 0.2.7 → 0.2.8

package/dist/index246.js.map

@@ -1 +1 @@
-{"version":3,"file":"index246.js","sources":["../src/components/BbToast/BbToastMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, withCtx as _withCtx, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-toast-message__icon-container\" }\nconst _hoisted_2 = { class: \"bb-toast-message__content\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"bb-toast-message__title\"\n}\nconst _hoisted_4 = { class: \"bb-toast-message__text\" }\nconst _hoisted_5 = { class: \"bb-toast-message__close\" }\nconst _hoisted_6 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    d: \"M23 23L1 1M23 1L1 23\",\n    stroke: \"currentColor\",\n    \"stroke-width\": \"2\",\n    \"stroke-linecap\": \"round\"\n  })\n], -1)\n\nimport type { Message } from \"../../composables/useToast\";\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport BbIcon from \"../BbIcon/BbIcon.vue\";\n\ntype BbToastMessageEvents = {\n  (e: \"click:close\", id: Message[\"id\"]): void;\n};\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbToastMessage',\n  props: {\n    title: {},\n    text: {},\n    icon: {},\n    theme: { default: 'default' },\n    id: {},\n    showClose: { type: Boolean }\n  },\n  emits: [\"click:close\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\nconst emit = __emit;\n\nconst onClickClose = () => {\n  emit(\"click:close\", props.id);\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([\"bb-toast-message\", { [`bb-toast-message--${_ctx.theme}`]: _ctx.theme }]),\n    \"aria-role\": \"alert\",\n    \"aria-live\": \"assertive\",\n    \"aria-atomic\": \"true\"\n  }, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_ctx.icon)\n        ? (_openBlock(), _createBlock(BbIcon, {\n            key: 0,\n            class: \"bb-alert__icon\",\n            type: _ctx.icon\n          }, null, 8, [\"type\"]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    _createElementVNode(\"div\", _hoisted_2, [\n      (_ctx.title)\n        ? (_openBlock(), _createElementBlock(\"p\", _hoisted_3, _toDisplayString(_ctx.title), 1))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"p\", _hoisted_4, _toDisplayString(_ctx.text), 1)\n    ]),\n    _createElementVNode(\"div\", _hoisted_5, [\n      (_ctx.showClose)\n        ? (_openBlock(), _createBlock(BaseButton, {\n            key: 0,\n            class: \"bb-toast-message__close-btn\",\n            onClick: onClickClose,\n            block: \"\",\n            \"aria-label\": 'Chiudi'\n          }, {\n            default: _withCtx(() => [\n              _hoisted_6\n            ]),\n            _: 1\n          }))\n        : _createCommentVNode(\"\", true)\n    ])\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","__emit","props","emit","onClickClose","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","BbIcon","_createCommentVNode","_toDisplayString","BaseButton","_withCtx"],"mappings":";;;;;AAGA,MAAMA,IAAa,EAAE,OAAO,sCACtBC,IAAa,EAAE,OAAO,+BACtBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,IAAa,EAAE,OAAO,4BACtBC,IAAa,EAAE,OAAO,6BACtBC,sBAA8C,OAAO;AAAA,EACzD,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT,GAAG;AAAA,oBACgC,QAAQ;AAAA,IACvC,GAAG;AAAA,IACH,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EAAA,CACnB;AACH,GAAG,EAAE,GAUuBC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,MAAM,CAAC;AAAA,IACP,MAAM,CAAC;AAAA,IACP,OAAO,EAAE,SAAS,UAAU;AAAA,IAC5B,IAAI,CAAC;AAAA,IACL,WAAW,EAAE,MAAM,QAAQ;AAAA,EAC7B;AAAA,EACA,OAAO,CAAC,aAAa;AAAA,EACrB,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GACRG,IAAOF,GAEPG,IAAe,MAAM;AACpB,MAAAD,EAAA,eAAeD,EAAM,EAAE;AAAA,IAAA;AAGvB,WAAA,CAACG,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAAC,oBAAoB,EAAE,CAAC,qBAAqBJ,EAAK,KAAK,EAAE,GAAGA,EAAK,MAAO,CAAA,CAAC;AAAA,MAChG,aAAa;AAAA,MACb,aAAa;AAAA,MACb,eAAe;AAAA,IAAA,GACd;AAAA,MACDK,EAAoB,OAAOlB,GAAY;AAAA,QACpCa,EAAK,QACDE,KAAcI,EAAaC,GAAQ;AAAA,UAClC,KAAK;AAAA,UACL,OAAO;AAAA,UACP,MAAMP,EAAK;AAAA,QAAA,GACV,MAAM,GAAG,CAAC,MAAM,CAAC,KACpBQ,EAAoB,IAAI,EAAI;AAAA,MAAA,CACjC;AAAA,MACDH,EAAoB,OAAOjB,GAAY;AAAA,QACpCY,EAAK,SACDE,EAAW,GAAGC,EAAoB,KAAKd,GAAYoB,EAAiBT,EAAK,KAAK,GAAG,CAAC,KACnFQ,EAAoB,IAAI,EAAI;AAAA,QAChCH,EAAoB,KAAKf,GAAYmB,EAAiBT,EAAK,IAAI,GAAG,CAAC;AAAA,MAAA,CACpE;AAAA,MACDK,EAAoB,OAAOd,GAAY;AAAA,QACpCS,EAAK,aACDE,KAAcI,EAAaI,GAAY;AAAA,UACtC,KAAK;AAAA,UACL,OAAO;AAAA,UACP,SAASX;AAAA,UACT,OAAO;AAAA,UACP,cAAc;AAAA,QAAA,GACb;AAAA,UACD,SAASY,EAAS,MAAM;AAAA,YACtBnB;AAAA,UAAA,CACD;AAAA,UACD,GAAG;AAAA,QAAA,CACJ,KACDgB,EAAoB,IAAI,EAAI;AAAA,MAAA,CACjC;AAAA,OACA,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"index246.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index247.js

@@ -1,5 +1,5 @@
-const o = (l, n, f = (r) => r, u) => l.map((r) => Array.isArray(r[n]) ? [f(r, u), ...o(r[n], n, f, f(r, u))] : [f(r, u)]).flat();
+var e = { exports: {} };
 export {
-  o as flattenTree
+  e as __module
 };
 //# sourceMappingURL=index247.js.map

package/dist/index247.js.map

@@ -1 +1 @@
-{"version":3,"file":"index247.js","sources":["../src/utilities/functions/flattenTree.ts"],"sourcesContent":["export const flattenTree = <T extends Record<string, any>, U>(\n  items: T[],\n  keyName: keyof T,\n  mapper: (item: T, parent?: U) => U = (x:any) => x,\n  parent?: ReturnType<typeof mapper>\n): ReturnType<typeof mapper>[] => {\n  return items\n    .map((item) => {\n      if (Array.isArray(item[keyName])) {\n        return [mapper(item, parent), ...flattenTree(item[keyName], keyName, mapper, mapper(item, parent))];\n      }\n      return [mapper(item, parent)];\n    })\n    .flat();\n};\n"],"names":["flattenTree","items","keyName","mapper","x","parent","item"],"mappings":"AAAa,MAAAA,IAAc,CACzBC,GACAC,GACAC,IAAqC,CAACC,MAAUA,GAChDC,MAEOJ,EACJ,IAAI,CAACK,MACA,MAAM,QAAQA,EAAKJ,CAAO,CAAC,IACtB,CAACC,EAAOG,GAAMD,CAAM,GAAG,GAAGL,EAAYM,EAAKJ,CAAO,GAAGA,GAASC,GAAQA,EAAOG,GAAMD,CAAM,CAAC,CAAC,IAE7F,CAACF,EAAOG,GAAMD,CAAM,CAAC,CAC7B,EACA,KAAK;"}
+{"version":3,"file":"index247.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index248.js

@@ -1,4 +1,4 @@
-import e from "./index201.js";
+import e from "./index212.js";
 export {
   e as default
 };

package/dist/index25.js

@@ -1,6 +1,6 @@
 import { defineComponent as g, computed as n, ref as _, openBlock as w, createElementBlock as B, normalizeClass as C, createElementVNode as l, normalizeProps as t, guardReactiveProps as u, renderSlot as V } from "vue";
-import { isCssColor as i } from "./index199.js";
-import { when as E } from "./index200.js";
+import { isCssColor as i } from "./index196.js";
+import { when as E } from "./index197.js";
 const N = {
   class: "bb-base-radio-container",
   "aria-hidden": "true"

package/dist/index252.js

@@ -1,4 +1,4 @@
-import f from "./index246.js";
+import f from "./index239.js";
 export {
   f as default
 };

package/dist/index253.js

@@ -1,5 +1,5 @@
-import o from "./index244.js";
-import "./index245.js";
+import o from "./index240.js";
+import "./index241.js";
 export {
   o as default
 };

package/dist/index29.js

@@ -1,7 +1,7 @@
 import { defineComponent as C, ref as b, computed as f, openBlock as l, createElementBlock as i, mergeProps as g, createElementVNode as r, Fragment as I, renderList as V, normalizeClass as B, toDisplayString as h, renderSlot as x } from "vue";
-import { booleanishToBoolean as M } from "./index218.js";
-import { identity as F } from "./index206.js";
-import { isCssColor as p } from "./index199.js";
+import { booleanishToBoolean as M } from "./index213.js";
+import { identity as F } from "./index205.js";
+import { isCssColor as p } from "./index196.js";
 import { isNotNil as T } from "./index124.js";
 const H = { class: "bb-base-rating__inner-container" }, D = { class: "bb-base-rating__label-text" }, N = ["autofocus", "checked", "disabled", "id", "name", "value"], j = ["width", "height"], A = /* @__PURE__ */ r("path", {
   "stroke-linecap": "round",

package/dist/index31.js

@@ -3,17 +3,17 @@ import Pe from "./index115.js";
 import "./index157.js";
 import He from "./index119.js";
 import "./index184.js";
-import { autoUpdate as je, computePosition as Qe } from "./index202.js";
+import { autoUpdate as je, computePosition as Qe } from "./index201.js";
 import { deepEqual as re } from "./index123.js";
-import { head as le } from "./index219.js";
+import { head as le } from "./index215.js";
 import { isNotNil as I } from "./index124.js";
-import { last as Ue } from "./index207.js";
+import { last as Ue } from "./index206.js";
 import { useItemText as We } from "./index125.js";
 import { useItemValue as Ke } from "./index126.js";
 import { wait as q } from "./index122.js";
-import { waitFor as Re } from "./index197.js";
-import { when as Ye } from "./index200.js";
-import { offset as Ze, flip as Ge, shift as Xe } from "./index210.js";
+import { waitFor as Re } from "./index200.js";
+import { when as Ye } from "./index197.js";
+import { offset as Ze, flip as Ge, shift as Xe } from "./index209.js";
 const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "disabled", "id", "placeholder", "readonly", "onBlur", "onFocus", "onChange", "onInput", "onKeydown"], tl = {
   key: 0,
   class: "bb-base-select__loading-container"

package/dist/index33.js

@@ -1,6 +1,6 @@
 import { defineComponent as R, ref as l, onMounted as S, watchEffect as z, computed as y, openBlock as D, createElementBlock as F, mergeProps as h, renderSlot as g, createElementVNode as t, normalizeProps as H, guardReactiveProps as T, normalizeStyle as E, unref as X } from "vue";
-import { clamp as K } from "./index198.js";
-import { isCssColor as w } from "./index199.js";
+import { clamp as K } from "./index195.js";
+import { isCssColor as w } from "./index196.js";
 import { isNil as O } from "./index120.js";
 import { transposeValue as L } from "./index121.js";
 const Y = { class: "bb-base-slider__slider-container" }, j = ["disabled", "id", "name", "readonly", "value"], q = ["aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], W = /* @__PURE__ */ R({

package/dist/index35.js

@@ -1,6 +1,6 @@
 import { defineComponent as I, ref as b, computed as n, watch as F, openBlock as m, createElementBlock as p, normalizeClass as N, normalizeProps as c, mergeProps as h, createCommentVNode as S, createElementVNode as l, renderSlot as x, guardReactiveProps as f } from "vue";
-import { isCssColor as V } from "./index199.js";
-import { when as A } from "./index200.js";
+import { isCssColor as V } from "./index196.js";
+import { when as A } from "./index197.js";
 const J = { class: "bb-base-switch-container" }, M = /* @__PURE__ */ l("span", { class: "bb-base-switch-container__icon-thumb" }, null, -1), O = [
   M
 ], H = /* @__PURE__ */ I({

package/dist/index47.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as u, ref as d, watch as f, openBlock as a, createElementBlock as l, normalizeProps as b, guardReactiveProps as z, createElementVNode as v, renderSlot as g, createCommentVNode as h } from "vue";
-import { isCssColor as _ } from "./index199.js";
+import { isCssColor as _ } from "./index196.js";
 const k = { class: "bb-avatar__fallback" }, C = ["alt", "src", "srcset", "sizes"], B = /* @__PURE__ */ p({
   __name: "BbAvatar",
   props: {

package/dist/index49.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 "./index199.js";
+import { isCssColor as r } from "./index196.js";
 import { isNil as B } from "./index120.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",

package/dist/index65.js

@@ -5,9 +5,9 @@ import { useId as de } from "./index7.js";
 import { wait as U } from "./index122.js";
 import ce from "./index9.js";
 import "./index10.js";
-import V from "./index209.js";
-import { autoUpdate as fe } from "./index202.js";
-import { flip as pe, offset as be, shift as me } from "./index210.js";
+import V from "./index208.js";
+import { autoUpdate as fe } from "./index201.js";
+import { flip as pe, offset as be, shift as me } from "./index209.js";
 const ve = ["aria-labelledby", "id"], we = { class: "bb-dropdown__items-container" }, Me = /* @__PURE__ */ Y({
   __name: "BbDropdown",
   props: {

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

package/dist/index75.js

@@ -1,5 +1,5 @@
-import { defineComponent as q, ref as s, useAttrs as G, computed as b, onMounted as J, watch as Q, onBeforeUnmount as X, openBlock as m, createBlock as Y, Teleport as Z, createElementVNode as o, mergeProps as N, createElementBlock as w, renderSlot as l, createTextVNode as ee, toDisplayString as z, createCommentVNode as B, nextTick as te } from "vue";
-import { useFocusTrap as oe } from "./index196.js";
+import { defineComponent as q, ref as s, useAttrs as G, computed as m, onMounted as J, watch as Q, onBeforeUnmount as X, openBlock as y, createBlock as Y, Teleport as Z, createElementVNode as o, mergeProps as N, createElementBlock as w, renderSlot as l, createTextVNode as ee, toDisplayString as z, createCommentVNode as B, nextTick as te } from "vue";
+import { useFocusTrap as oe } from "./index199.js";
 import { useId as L } from "./index7.js";
 import { wait as O } from "./index122.js";
 const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__content" }, ne = { class: "bb-offcanvas-close__label" }, le = /* @__PURE__ */ o("span", { class: "bb-offcanvas-close__icon" }, [
@@ -37,15 +37,15 @@ const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__c
   },
   emits: ["shown", "hidden", "update:modelValue"],
   setup(x, { emit: E }) {
-    const e = x, r = E, y = `title_${L().id.value}`, h = `description_${L().id.value}`, d = s(null), V = s(null), S = s(null), T = s(null), A = s(null), M = s(null), W = G(), { activate: R, deactivate: I } = oe(V, {
+    const e = x, c = E, h = `title_${L().id.value}`, _ = `description_${L().id.value}`, d = s(null), V = s(null), S = s(null), T = s(null), A = s(null), M = s(null), W = G(), { activate: R, deactivate: I } = oe(V, {
       clickOutsideDeactivates: !0,
       /* On esc deactivate the trap, return focus and then close the modal */
       escapeDeactivates: () => (te(() => {
-        r("update:modelValue", !1);
+        c("update:modelValue", !1);
       }), !0)
-    }), $ = b(() => e.closeLabel), _ = s(!1), c = s(!1), g = s(!0), u = s(!1), f = s(e.eager || e.modelValue), C = s(null), F = b(() => c.value || u.value);
+    }), $ = m(() => e.closeLabel), f = s(!1), i = s(!1), g = s(!0), u = s(!1), v = s(e.eager || e.modelValue), C = s(null), F = m(() => i.value || u.value);
     J(() => {
-      e.modelValue && D();
+      e.modelValue && !(f.value || i.value) && D();
     }), Q(
       () => e.modelValue,
       () => {
@@ -61,33 +61,33 @@ const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__c
     });
     const D = async () => {
       if (e.modelValue) {
-        f.value || (f.value = !0), document.activeElement && (C.value = document.activeElement), g.value = !1, u.value = !1, c.value = !0;
+        v.value || (v.value = !0), document.activeElement && (C.value = document.activeElement), g.value = !1, u.value = !1, i.value = !0;
         let t = Number(
           document.body.dataset.openCanvases ?? "0"
         );
         t++, document.body.dataset.openCanvases = t.toString();
         const a = window.innerWidth - document.documentElement.clientWidth;
-        document.body.style.overflow = "hidden", document.body.style.paddingRight = `${a}px`, await O(e.transitionDuration), c.value = !1, _.value = !0, r("shown"), R();
+        document.body.style.overflow = "hidden", document.body.style.paddingRight = `${a}px`, await O(e.transitionDuration), i.value = !1, f.value = !0, c("shown"), R();
       } else {
-        I(), c.value = !1, _.value = !1, u.value = !0, await O(e.transitionDuration);
+        I(), i.value = !1, f.value = !1, u.value = !0, await O(e.transitionDuration);
         let t = Number(
           document.body.dataset.openCanvases ?? "0"
         );
-        t--, document.body.dataset.openCanvases = t.toString(), t || (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px"), u.value = !1, g.value = !0, r("hidden"), C.value instanceof HTMLElement && C.value.focus();
+        t--, document.body.dataset.openCanvases = t.toString(), t || (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px"), u.value = !1, g.value = !0, c("hidden"), C.value instanceof HTMLElement && C.value.focus();
       }
-    }, v = (t) => {
+    }, p = (t) => {
       t.target === d.value && t.preventDefault();
     }, H = (t) => {
-      e.disabled || F.value || d.value && t.target === d.value && (e.persistent || r("update:modelValue", !1));
+      e.disabled || F.value || d.value && t.target === d.value && (e.persistent || c("update:modelValue", !1));
     }, k = () => {
-      e.disabled || r("update:modelValue", !1);
-    }, K = b(() => {
+      e.disabled || c("update:modelValue", !1);
+    }, K = m(() => {
       const t = [
         {
           "bb-offcanvas bb-offcanvas__overlay": !0,
           "bb-offcanvas--fullscreen": e.fullscreen,
-          "bb-offcanvas--open": _.value,
-          "bb-offcanvas--opening": c.value,
+          "bb-offcanvas--open": f.value,
+          "bb-offcanvas--opening": i.value,
           "bb-offcanvas--closed": g.value,
           "bb-offcanvas--closing": u.value,
           [`bb-offcanvas--transition-${e.transition}`]: !0,
@@ -96,10 +96,10 @@ const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__c
         e.overlayClasses
       ].flat(), a = {
         onClick: H,
-        onScroll: v,
-        onTouchmove: v,
-        onWheel: v,
-        onKeydown: v
+        onScroll: p,
+        onTouchmove: p,
+        onWheel: p,
+        onKeydown: p
       }, n = {
         transitionDuration: e.transitionDuration / 1e3 + "s"
       };
@@ -109,7 +109,7 @@ const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__c
         ...a,
         ...W
       };
-    }), P = b(() => {
+    }), P = m(() => {
       const t = [
         {
           "bb-offcanvas__panel": !0,
@@ -120,18 +120,18 @@ const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__c
         role: "dialog",
         "aria-modal": !0
       };
-      f.value && (a["aria-labelledby"] = y, e.description && (a["aria-describedby"] = h));
-      let n, U, i;
-      const p = {
+      v.value && (a["aria-labelledby"] = h, e.description && (a["aria-describedby"] = _));
+      let n, U, r;
+      const b = {
         sm: 384,
         md: 652,
         lg: 896
       };
-      e.direction === "left" || e.direction === "right" ? e.fullscreen ? n = "100%" : typeof e.size == "number" ? n = e.size + "px" : e.size in p ? n = p[e.size] + "px" : n = e.size + "px" : e.fullscreen ? i = "100%" : typeof e.size == "number" ? i = e.size + "px" : e.size in p ? i = p[e.size] + "px" : Number.isNaN(Number(e.size)) ? e.size === "auto" && (i = "auto") : i = e.size + "px";
+      e.direction === "left" || e.direction === "right" ? e.fullscreen ? n = "100%" : typeof e.size == "number" ? n = e.size + "px" : e.size in b ? n = b[e.size] + "px" : n = e.size + "px" : e.fullscreen ? r = "100%" : typeof e.size == "number" ? r = e.size + "px" : e.size in b ? r = b[e.size] + "px" : Number.isNaN(Number(e.size)) ? e.size === "auto" && (r = "auto") : r = e.size + "px";
       const j = {
         maxWidth: n,
         maxHeight: U,
-        height: i,
+        height: r,
         transitionDuration: e.transitionDuration / 1e3 + "s"
       };
       return {
@@ -140,7 +140,7 @@ const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__c
         ...a
       };
     });
-    return (t, a) => (m(), Y(Z, { to: "body" }, [
+    return (t, a) => (y(), Y(Z, { to: "body" }, [
       o("div", N(K.value, {
         ref_key: "overlay",
         ref: d
@@ -149,7 +149,7 @@ const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__c
           ref_key: "panel",
           ref: V
         }), [
-          f.value ? (m(), w("div", {
+          v.value ? (y(), w("div", {
             key: 0,
             class: "bb-offcanvas__content",
             ref_key: "content",
@@ -162,20 +162,20 @@ const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__c
                 ref: T
               }, [
                 l(t.$slots, "header", {
-                  titleId: y,
+                  titleId: h,
                   close: k,
                   title: t.title
                 }, () => [
                   o("span", {
                     class: "bb-offcanvas__title",
-                    id: y
+                    id: h
                   }, [
                     l(t.$slots, "title", { text: t.title }, () => [
                       ee(z(t.title), 1)
                     ])
                   ]),
                   o("span", se, [
-                    t.showClose ? (m(), w("button", {
+                    t.showClose ? (y(), w("button", {
                       key: 0,
                       onClick: k,
                       type: "button"
@@ -196,12 +196,12 @@ const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__c
                 ref: A
               }, [
                 l(t.$slots, "description", {
-                  descriptionId: h,
+                  descriptionId: _,
                   text: t.description
                 }, () => [
-                  t.description ? (m(), w("div", {
+                  t.description ? (y(), w("div", {
                     key: 0,
-                    id: h,
+                    id: _,
                     class: "bb-offcanvas__description"
                   }, z(t.description), 1)) : B("", !0)
                 ]),

package/dist/index75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index75.js","sources":["../src/components/BbOffCanvas/BbOffCanvas.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-offcanvas-close\" }\nconst _hoisted_2 = { class: \"bb-offcanvas-close__content\" }\nconst _hoisted_3 = { class: \"bb-offcanvas-close__label\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-offcanvas-close__icon\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", {\n      d: \"M23 23L1 1M23 1L1 23\",\n      stroke: \"currentColor\",\n      \"stroke-width\": \"2\",\n      \"stroke-linecap\": \"round\"\n    })\n  ])\n], -1)\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"div\", { style: {\"flex\":\"10000 10000 0%\"} }, null, -1)\n\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useAttrs, watch } from \"vue\";\nimport { useFocusTrap } from \"@vueuse/integrations/useFocusTrap\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport type { CommonProps, Size } from \"@/types/CommonProps\";\n\nexport type Sizes = {\n  sm: number;\n  md: number;\n  lg: number;\n};\n\nexport type BbOffCanvasProps = Pick<\n  CommonProps,\n  | \"closeLabel\"\n  | \"compact\"\n  | \"disabled\"\n  | \"eager\"\n  | \"panelClasses\"\n  | \"overlayClasses\"\n  | \"persistent\"\n  | \"showClose\"\n  | \"title\"\n  | \"transition\"\n  | \"transitionDuration\"\n> &\n  Size<Sizes> & {\n    /**\n     * Description of the content of the modal. Extremely useful for accessibility reasons.\n     */\n    description?: string;\n    /**\n     * Displays the modala as fulscreen with no margin to the page\n     */\n    fullscreen?: boolean;\n    /**\n     * Defines the state open / closed of the modal.\n     */\n    modelValue?: boolean | null;\n    /**\n     * Defines the direction the offcanvas should appear from\n     */\n    direction?: \"left\" | \"top\" | \"right\" | \"bottom\";\n  };\n\nexport type BbOffCanvasEvents = {\n  (e: \"shown\"): void;\n  (e: \"hidden\"): void;\n  (e: \"update:modelValue\", value: boolean): void;\n};\n\nexport type BbOffCanvasSlots = {\n  header?: (props: {\n    titleId: typeof titleId;\n    close: typeof onCloseClick;\n    title: BbOffCanvasProps[\"title\"];\n  }) => any;\n  title?: (props: { text: BbOffCanvasProps[\"title\"] }) => any;\n  close?: (props: { text: BbOffCanvasProps[\"closeLabel\"] }) => any;\n  description?: (props: {\n    descriptionId: typeof descriptionId;\n    text: BbOffCanvasProps[\"description\"];\n  }) => any;\n  default?: (props: {}) => any;\n  content?: (props: { close: typeof onCloseClick }) => any;\n  footer?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbOffCanvas',\n  props: {\n    closeLabel: { default: \"Chiudi\" },\n    compact: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    panelClasses: { default: () => [] },\n    overlayClasses: { default: () => [] },\n    persistent: { type: Boolean },\n    showClose: { type: Boolean, default: true },\n    title: {},\n    transition: { default: \"fade\" },\n    transitionDuration: { default: 350 },\n    size: { default: \"sm\" },\n    description: {},\n    fullscreen: { type: Boolean },\n    modelValue: { type: [Boolean, null] },\n    direction: { default: \"left\" }\n  },\n  emits: [\"shown\", \"hidden\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst titleId = `title_${useId().id.value}`;\nconst descriptionId = `description_${useId().id.value}`;\n\nconst overlay = ref<HTMLElement | null>(null);\nconst panel = ref<HTMLElement | null>(null);\nconst content = ref<HTMLElement | null>(null);\nconst header = ref<HTMLElement | null>(null);\nconst body = ref<HTMLElement | null>(null);\nconst footer = ref<HTMLElement | null>(null);\nconst attrs = useAttrs();\n\nconst { activate, deactivate } = useFocusTrap(panel, {\n  clickOutsideDeactivates: true,\n  /* On esc deactivate the trap, return focus and then close the modal */\n  escapeDeactivates: () => {\n    nextTick(() => {\n      emit(\"update:modelValue\", false);\n    });\n    return true;\n  },\n});\n\nconst closeLabel = computed(() => props.closeLabel);\n\nconst open = ref(false);\nconst opening = ref(false);\nconst closed = ref(true);\nconst closing = ref(false);\nconst hasRenderedAtLeastOnce = ref(props.eager || props.modelValue);\nconst lastFocusedElement = ref<Element | null>(null);\n\nconst busy = computed(() => opening.value || closing.value);\n\nonMounted(() => {\n  if (props.modelValue) {\n    alignToModelValue();\n  }\n});\n\n/**\n * Every time modelValue changes align the display to it\n */\nwatch(\n  () => props.modelValue,\n  () => {\n    alignToModelValue();\n  }\n);\nonBeforeUnmount(() => {\n  if (props.modelValue) {\n    let currentlyOpenCanvases = Number(\n      document.body.dataset[\"openCanvases\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenCanvases--;\n    document.body.dataset[\"openCanvases\"] = currentlyOpenCanvases.toString();\n    if (!currentlyOpenCanvases) {\n      document.body.style.overflow = \"auto\";\n      document.body.style.paddingRight = \"0px\";\n    }\n  }\n});\n\n/**\n * When modelValue becomes true if the component wasn't rendered render it\n * and wait for it to be on the page (or transitions would not work).\n * Stash the latest focused element so we can return it later when it closes.\n * Focus on the panel upon opening.\n * ---\n * Notice all interactions update modelValue and then this function aligns the display to it\n */\nconst alignToModelValue = async () => {\n  if (props.modelValue) {\n    if (!hasRenderedAtLeastOnce.value) {\n      hasRenderedAtLeastOnce.value = true;\n    }\n    if (document.activeElement) {\n      lastFocusedElement.value = document.activeElement;\n    }\n\n    closed.value = false;\n    closing.value = false;\n    opening.value = true;\n\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\n    let currentlyOpenCanvases = Number(\n      document.body.dataset[\"openCanvases\"] ?? \"0\"\n    );\n    currentlyOpenCanvases++;\n    document.body.dataset[\"openCanvases\"] = currentlyOpenCanvases.toString();\n    const scrollBarWidth =\n      window.innerWidth - document.documentElement.clientWidth;\n    document.body.style.overflow = \"hidden\";\n    document.body.style.paddingRight = `${scrollBarWidth}px`;\n\n    await wait(props.transitionDuration);\n\n    opening.value = false;\n    open.value = true;\n    emit(\"shown\");\n    activate();\n  } else {\n    deactivate();\n    opening.value = false;\n    open.value = false;\n    closing.value = true;\n\n    await wait(props.transitionDuration);\n\n    let currentlyOpenCanvases = Number(\n      document.body.dataset[\"openCanvases\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenCanvases--;\n    document.body.dataset[\"openCanvases\"] = currentlyOpenCanvases.toString();\n    if (!currentlyOpenCanvases) {\n      document.body.style.overflow = \"auto\";\n      document.body.style.paddingRight = \"0px\";\n    }\n    closing.value = false;\n    closed.value = true;\n    emit(\"hidden\");\n    if (lastFocusedElement.value instanceof HTMLElement) {\n      lastFocusedElement.value.focus();\n    }\n  }\n};\n\n/**\n * Disable scrolling\n */\nconst onOverlayScroll = (event: UIEvent) => {\n  if (event.target === overlay.value) {\n    event.preventDefault();\n  }\n};\n\n/**\n * Close the modal on overlay click if not persistent\n */\nconst onOverlayClick = (event: MouseEvent) => {\n  if (props.disabled || busy.value) return;\n  if (overlay.value) {\n    if (event.target === overlay.value) {\n      if (!props.persistent) {\n        emit(\"update:modelValue\", false);\n      }\n    }\n  }\n};\n\n/**\n * On click on the X button\n */\nconst onCloseClick = () => {\n  if (props.disabled) return;\n  emit(\"update:modelValue\", false);\n};\n\nconst overlayAttributes = computed(() => {\n  const classes = [\n    {\n      \"bb-offcanvas bb-offcanvas__overlay\": true,\n      \"bb-offcanvas--fullscreen\": props.fullscreen,\n      \"bb-offcanvas--open\": open.value,\n      \"bb-offcanvas--opening\": opening.value,\n      \"bb-offcanvas--closed\": closed.value,\n      \"bb-offcanvas--closing\": closing.value,\n      [`bb-offcanvas--transition-${props.transition}`]: true,\n      [`bb-offcanvas--${props.direction}`]: true,\n    },\n    props.overlayClasses,\n  ].flat();\n  const eventListeners = {\n    onClick: onOverlayClick,\n    onScroll: onOverlayScroll,\n    onTouchmove: onOverlayScroll,\n    onWheel: onOverlayScroll,\n    onKeydown: onOverlayScroll,\n  };\n\n  const style = {\n    transitionDuration: props.transitionDuration / 1000 + \"s\",\n  };\n  return {\n    class: classes,\n    style,\n    ...eventListeners,\n    ...attrs,\n  };\n});\n\nconst panelAttributes = computed(() => {\n  const classes = [\n    {\n      \"bb-offcanvas__panel\": true,\n      \"bb-offcanvas__panel--compact\": props.compact,\n    },\n    props.panelClasses,\n  ].flat();\n\n  const accessibilityAttrs: {\n    [key: string]: string | boolean;\n  } = {\n    role: \"dialog\",\n    \"aria-modal\": true,\n  };\n\n  if (hasRenderedAtLeastOnce.value) {\n    accessibilityAttrs[\"aria-labelledby\"] = titleId;\n\n    if (props.description)\n      accessibilityAttrs[\"aria-describedby\"] = descriptionId;\n  }\n\n  let maxWidth;\n  let maxHeight;\n  let height;\n  const sizes: Sizes = {\n    sm: 384,\n    md: 652,\n    lg: 896,\n  };\n  if (props.direction === \"left\" || props.direction === \"right\") {\n    if (props.fullscreen) maxWidth = \"100%\";\n    else if (typeof props.size === \"number\") maxWidth = props.size + \"px\";\n    else if (props.size in sizes)\n      maxWidth = sizes[props.size as keyof Sizes] + \"px\";\n    else maxWidth = props.size + \"px\";\n  } else {\n    if (props.fullscreen) height = \"100%\";\n    else if (typeof props.size === \"number\") height = props.size + \"px\";\n    else if (props.size in sizes)\n      height = sizes[props.size as keyof Sizes] + \"px\";\n    else if (!Number.isNaN(Number(props.size))) height = props.size + \"px\";\n    else if (props.size === \"auto\") height = \"auto\";\n  }\n\n  const style = {\n    maxWidth,\n    maxHeight,\n    height,\n    transitionDuration: props.transitionDuration / 1000 + \"s\",\n  };\n\n  return {\n    class: classes,\n    style,\n    ...accessibilityAttrs,\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createElementVNode(\"div\", _mergeProps(overlayAttributes.value, {\n      ref_key: \"overlay\",\n      ref: overlay\n    }), [\n      _createElementVNode(\"div\", _mergeProps(panelAttributes.value, {\n        ref_key: \"panel\",\n        ref: panel\n      }), [\n        (hasRenderedAtLeastOnce.value)\n          ? (_openBlock(), _createElementBlock(\"div\", {\n              key: 0,\n              class: \"bb-offcanvas__content\",\n              ref_key: \"content\",\n              ref: content\n            }, [\n              _renderSlot(_ctx.$slots, \"content\", { close: onCloseClick }, () => [\n                _createElementVNode(\"div\", {\n                  class: \"bb-offcanvas__header\",\n                  ref_key: \"header\",\n                  ref: header\n                }, [\n                  _renderSlot(_ctx.$slots, \"header\", {\n                    titleId: titleId,\n                    close: onCloseClick,\n                    title: _ctx.title\n                  }, () => [\n                    _createElementVNode(\"span\", {\n                      class: \"bb-offcanvas__title\",\n                      id: titleId\n                    }, [\n                      _renderSlot(_ctx.$slots, \"title\", { text: _ctx.title }, () => [\n                        _createTextVNode(_toDisplayString(_ctx.title), 1)\n                      ])\n                    ]),\n                    _createElementVNode(\"span\", _hoisted_1, [\n                      (_ctx.showClose)\n                        ? (_openBlock(), _createElementBlock(\"button\", {\n                            key: 0,\n                            onClick: onCloseClick,\n                            type: \"button\"\n                          }, [\n                            _renderSlot(_ctx.$slots, \"close\", { text: closeLabel.value }, () => [\n                              _createElementVNode(\"span\", _hoisted_2, [\n                                _createElementVNode(\"span\", _hoisted_3, _toDisplayString(closeLabel.value), 1),\n                                _hoisted_4\n                              ])\n                            ])\n                          ]))\n                        : _createCommentVNode(\"\", true)\n                    ])\n                  ])\n                ], 512),\n                _createElementVNode(\"div\", {\n                  class: \"bb-offcanvas__body\",\n                  ref_key: \"body\",\n                  ref: body\n                }, [\n                  _renderSlot(_ctx.$slots, \"description\", {\n                    descriptionId: descriptionId,\n                    text: _ctx.description\n                  }, () => [\n                    (_ctx.description)\n                      ? (_openBlock(), _createElementBlock(\"div\", {\n                          key: 0,\n                          id: descriptionId,\n                          class: \"bb-offcanvas__description\"\n                        }, _toDisplayString(_ctx.description), 1))\n                      : _createCommentVNode(\"\", true)\n                  ]),\n                  _renderSlot(_ctx.$slots, \"default\")\n                ], 512),\n                _hoisted_5,\n                _createElementVNode(\"div\", {\n                  class: \"bb-offcanvas__footer\",\n                  ref_key: \"footer\",\n                  ref: footer\n                }, [\n                  _renderSlot(_ctx.$slots, \"footer\")\n                ], 512)\n              ])\n            ], 512))\n          : _createCommentVNode(\"\", true)\n      ], 16)\n    ], 16)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createElementVNode","_hoisted_5","_sfc_main","_defineComponent","__props","__emit","props","emit","titleId","useId","descriptionId","overlay","ref","panel","content","header","body","footer","attrs","useAttrs","activate","deactivate","useFocusTrap","nextTick","closeLabel","computed","open","opening","closed","closing","hasRenderedAtLeastOnce","lastFocusedElement","busy","onMounted","alignToModelValue","watch","onBeforeUnmount","currentlyOpenCanvases","scrollBarWidth","wait","onOverlayScroll","event","onOverlayClick","onCloseClick","overlayAttributes","classes","eventListeners","style","panelAttributes","accessibilityAttrs","maxWidth","maxHeight","height","sizes","_ctx","_cache","_openBlock","_createBlock","_Teleport","_mergeProps","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;;AAGA,MAAMA,KAAa,EAAE,OAAO,wBACtBC,KAAa,EAAE,OAAO,iCACtBC,KAAa,EAAE,OAAO,+BACtBC,KAA8CC,gBAAAA,EAAA,QAAQ,EAAE,OAAO,8BAA8B;AAAA,oBAChE,OAAO;AAAA,IACtC,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GACN;AAAA,sBACgC,QAAQ;AAAA,MACvC,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,IAAA,CACnB;AAAA,EAAA,CACF;AACH,GAAG,EAAE,GACCC,KAA8CD,gBAAAA,EAAA,OAAO,EAAE,OAAO,EAAC,MAAO,mBAAqB,GAAA,MAAM,EAAE,GAuE7EE,KAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,OAAO,EAAE,MAAM,QAAQ;AAAA,IACvB,cAAc,EAAE,SAAS,MAAM,GAAG;AAAA,IAClC,gBAAgB,EAAE,SAAS,MAAM,GAAG;AAAA,IACpC,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,WAAW,EAAE,MAAM,SAAS,SAAS,GAAK;AAAA,IAC1C,OAAO,CAAC;AAAA,IACR,YAAY,EAAE,SAAS,OAAO;AAAA,IAC9B,oBAAoB,EAAE,SAAS,IAAI;AAAA,IACnC,MAAM,EAAE,SAAS,KAAK;AAAA,IACtB,aAAa,CAAC;AAAA,IACd,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,YAAY,EAAE,MAAM,CAAC,SAAS,IAAI,EAAE;AAAA,IACpC,WAAW,EAAE,SAAS,OAAO;AAAA,EAC/B;AAAA,EACA,OAAO,CAAC,SAAS,UAAU,mBAAmB;AAAA,EAC9C,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAERG,IAAOF,GAIPG,IAAU,SAASC,EAAM,EAAE,GAAG,KAAK,IACnCC,IAAgB,eAAeD,EAAM,EAAE,GAAG,KAAK,IAE/CE,IAAUC,EAAwB,IAAI,GACtCC,IAAQD,EAAwB,IAAI,GACpCE,IAAUF,EAAwB,IAAI,GACtCG,IAASH,EAAwB,IAAI,GACrCI,IAAOJ,EAAwB,IAAI,GACnCK,IAASL,EAAwB,IAAI,GACrCM,IAAQC,KAER,EAAE,UAAAC,GAAU,YAAAC,MAAeC,GAAaT,GAAO;AAAA,MACnD,yBAAyB;AAAA;AAAA,MAEzB,mBAAmB,OACjBU,GAAS,MAAM;AACb,QAAAhB,EAAK,qBAAqB,EAAK;AAAA,MAAA,CAChC,GACM;AAAA,IACT,CACD,GAEKiB,IAAaC,EAAS,MAAMnB,EAAM,UAAU,GAE5CoB,IAAOd,EAAI,EAAK,GAChBe,IAAUf,EAAI,EAAK,GACnBgB,IAAShB,EAAI,EAAI,GACjBiB,IAAUjB,EAAI,EAAK,GACnBkB,IAAyBlB,EAAIN,EAAM,SAASA,EAAM,UAAU,GAC5DyB,IAAqBnB,EAAoB,IAAI,GAE7CoB,IAAOP,EAAS,MAAME,EAAQ,SAASE,EAAQ,KAAK;AAE1D,IAAAI,EAAU,MAAM;AACd,MAAI3B,EAAM,cACU4B;IACpB,CACD,GAKDC;AAAA,MACE,MAAM7B,EAAM;AAAA,MACZ,MAAM;AACc,QAAA4B;MACpB;AAAA,IAAA,GAEFE,EAAgB,MAAM;AACpB,UAAI9B,EAAM,YAAY;AACpB,YAAI+B,IAAwB;AAAA,UAC1B,SAAS,KAAK,QAAQ,gBAAmB;AAAA,QAAA;AAG3C,QAAAA,KACA,SAAS,KAAK,QAAQ,eAAkBA,EAAsB,YACzDA,MACM,SAAA,KAAK,MAAM,WAAW,QACtB,SAAA,KAAK,MAAM,eAAe;AAAA,MAEvC;AAAA,IAAA,CACD;AAUD,UAAMH,IAAoB,YAAY;AACpC,UAAI5B,EAAM,YAAY;AAChB,QAACwB,EAAuB,UAC1BA,EAAuB,QAAQ,KAE7B,SAAS,kBACXC,EAAmB,QAAQ,SAAS,gBAGtCH,EAAO,QAAQ,IACfC,EAAQ,QAAQ,IAChBF,EAAQ,QAAQ;AAIhB,YAAIU,IAAwB;AAAA,UAC1B,SAAS,KAAK,QAAQ,gBAAmB;AAAA,QAAA;AAE3C,QAAAA,KACA,SAAS,KAAK,QAAQ,eAAkBA,EAAsB;AAC9D,cAAMC,IACJ,OAAO,aAAa,SAAS,gBAAgB;AACtC,iBAAA,KAAK,MAAM,WAAW,UAC/B,SAAS,KAAK,MAAM,eAAe,GAAGA,CAAc,MAE9C,MAAAC,EAAKjC,EAAM,kBAAkB,GAEnCqB,EAAQ,QAAQ,IAChBD,EAAK,QAAQ,IACbnB,EAAK,OAAO,GACHa;MAAA,OACJ;AACM,QAAAC,KACXM,EAAQ,QAAQ,IAChBD,EAAK,QAAQ,IACbG,EAAQ,QAAQ,IAEV,MAAAU,EAAKjC,EAAM,kBAAkB;AAEnC,YAAI+B,IAAwB;AAAA,UAC1B,SAAS,KAAK,QAAQ,gBAAmB;AAAA,QAAA;AAG3C,QAAAA,KACA,SAAS,KAAK,QAAQ,eAAkBA,EAAsB,YACzDA,MACM,SAAA,KAAK,MAAM,WAAW,QACtB,SAAA,KAAK,MAAM,eAAe,QAErCR,EAAQ,QAAQ,IAChBD,EAAO,QAAQ,IACfrB,EAAK,QAAQ,GACTwB,EAAmB,iBAAiB,eACtCA,EAAmB,MAAM;MAE7B;AAAA,IAAA,GAMIS,IAAkB,CAACC,MAAmB;AACtC,MAAAA,EAAM,WAAW9B,EAAQ,SAC3B8B,EAAM,eAAe;AAAA,IACvB,GAMIC,IAAiB,CAACD,MAAsB;AACxC,MAAAnC,EAAM,YAAY0B,EAAK,SACvBrB,EAAQ,SACN8B,EAAM,WAAW9B,EAAQ,UACtBL,EAAM,cACTC,EAAK,qBAAqB,EAAK;AAAA,IAGrC,GAMIoC,IAAe,MAAM;AACzB,MAAIrC,EAAM,YACVC,EAAK,qBAAqB,EAAK;AAAA,IAAA,GAG3BqC,IAAoBnB,EAAS,MAAM;AACvC,YAAMoB,IAAU;AAAA,QACd;AAAA,UACE,sCAAsC;AAAA,UACtC,4BAA4BvC,EAAM;AAAA,UAClC,sBAAsBoB,EAAK;AAAA,UAC3B,yBAAyBC,EAAQ;AAAA,UACjC,wBAAwBC,EAAO;AAAA,UAC/B,yBAAyBC,EAAQ;AAAA,UACjC,CAAC,4BAA4BvB,EAAM,UAAU,EAAE,GAAG;AAAA,UAClD,CAAC,iBAAiBA,EAAM,SAAS,EAAE,GAAG;AAAA,QACxC;AAAA,QACAA,EAAM;AAAA,QACN,KAAK,GACDwC,IAAiB;AAAA,QACrB,SAASJ;AAAA,QACT,UAAUF;AAAA,QACV,aAAaA;AAAA,QACb,SAASA;AAAA,QACT,WAAWA;AAAA,MAAA,GAGPO,IAAQ;AAAA,QACZ,oBAAoBzC,EAAM,qBAAqB,MAAO;AAAA,MAAA;AAEjD,aAAA;AAAA,QACL,OAAOuC;AAAA,QACP,OAAAE;AAAA,QACA,GAAGD;AAAA,QACH,GAAG5B;AAAA,MAAA;AAAA,IACL,CACD,GAEK8B,IAAkBvB,EAAS,MAAM;AACrC,YAAMoB,IAAU;AAAA,QACd;AAAA,UACE,uBAAuB;AAAA,UACvB,gCAAgCvC,EAAM;AAAA,QACxC;AAAA,QACAA,EAAM;AAAA,QACN,KAAK,GAED2C,IAEF;AAAA,QACF,MAAM;AAAA,QACN,cAAc;AAAA,MAAA;AAGhB,MAAInB,EAAuB,UACzBmB,EAAmB,iBAAiB,IAAIzC,GAEpCF,EAAM,gBACR2C,EAAmB,kBAAkB,IAAIvC;AAGzC,UAAAwC,GACAC,GACAC;AACJ,YAAMC,IAAe;AAAA,QACnB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAEN,MAAI/C,EAAM,cAAc,UAAUA,EAAM,cAAc,UAChDA,EAAM,aAAuB4C,IAAA,SACxB,OAAO5C,EAAM,QAAS,WAAU4C,IAAW5C,EAAM,OAAO,OACxDA,EAAM,QAAQ+C,IACVH,IAAAG,EAAM/C,EAAM,IAAmB,IAAI,OAC3C4C,IAAW5C,EAAM,OAAO,OAEzBA,EAAM,aAAqB8C,IAAA,SACtB,OAAO9C,EAAM,QAAS,WAAU8C,IAAS9C,EAAM,OAAO,OACtDA,EAAM,QAAQ+C,IACZD,IAAAC,EAAM/C,EAAM,IAAmB,IAAI,OACpC,OAAO,MAAM,OAAOA,EAAM,IAAI,CAAC,IAChCA,EAAM,SAAS,WAAiB8C,IAAA,UADGA,IAAS9C,EAAM,OAAO;AAIpE,YAAMyC,IAAQ;AAAA,QACZ,UAAAG;AAAA,QACA,WAAAC;AAAA,QACA,QAAAC;AAAA,QACA,oBAAoB9C,EAAM,qBAAqB,MAAO;AAAA,MAAA;AAGjD,aAAA;AAAA,QACL,OAAOuC;AAAA,QACP,OAAAE;AAAA,QACA,GAAGE;AAAA,MAAA;AAAA,IACL,CACD;AAEM,WAAA,CAACK,GAAUC,OACRC,EAAc,GAAAC,EAAaC,GAAW,EAAE,IAAI,UAAU;AAAA,MAC5D1D,EAAoB,OAAO2D,EAAYf,EAAkB,OAAO;AAAA,QAC9D,SAAS;AAAA,QACT,KAAKjC;AAAA,MAAA,CACN,GAAG;AAAA,QACFX,EAAoB,OAAO2D,EAAYX,EAAgB,OAAO;AAAA,UAC5D,SAAS;AAAA,UACT,KAAKnC;AAAA,QAAA,CACN,GAAG;AAAA,UACDiB,EAAuB,SACnB0B,KAAcI,EAAoB,OAAO;AAAA,YACxC,KAAK;AAAA,YACL,OAAO;AAAA,YACP,SAAS;AAAA,YACT,KAAK9C;AAAA,UAAA,GACJ;AAAA,YACD+C,EAAYP,EAAK,QAAQ,WAAW,EAAE,OAAOX,EAAA,GAAgB,MAAM;AAAA,cACjE3C,EAAoB,OAAO;AAAA,gBACzB,OAAO;AAAA,gBACP,SAAS;AAAA,gBACT,KAAKe;AAAA,cAAA,GACJ;AAAA,gBACD8C,EAAYP,EAAK,QAAQ,UAAU;AAAA,kBACjC,SAAA9C;AAAA,kBACA,OAAOmC;AAAA,kBACP,OAAOW,EAAK;AAAA,gBAAA,GACX,MAAM;AAAA,kBACPtD,EAAoB,QAAQ;AAAA,oBAC1B,OAAO;AAAA,oBACP,IAAIQ;AAAA,kBAAA,GACH;AAAA,oBACDqD,EAAYP,EAAK,QAAQ,SAAS,EAAE,MAAMA,EAAK,MAAM,GAAG,MAAM;AAAA,sBAC5DQ,GAAiBC,EAAiBT,EAAK,KAAK,GAAG,CAAC;AAAA,oBAAA,CACjD;AAAA,kBAAA,CACF;AAAA,kBACDtD,EAAoB,QAAQJ,IAAY;AAAA,oBACrC0D,EAAK,aACDE,KAAcI,EAAoB,UAAU;AAAA,sBAC3C,KAAK;AAAA,sBACL,SAASjB;AAAA,sBACT,MAAM;AAAA,oBAAA,GACL;AAAA,sBACDkB,EAAYP,EAAK,QAAQ,SAAS,EAAE,MAAM9B,EAAW,MAAM,GAAG,MAAM;AAAA,wBAClExB,EAAoB,QAAQH,IAAY;AAAA,0BACtCG,EAAoB,QAAQF,IAAYiE,EAAiBvC,EAAW,KAAK,GAAG,CAAC;AAAA,0BAC7EzB;AAAA,wBAAA,CACD;AAAA,sBAAA,CACF;AAAA,oBAAA,CACF,KACDiE,EAAoB,IAAI,EAAI;AAAA,kBAAA,CACjC;AAAA,gBAAA,CACF;AAAA,iBACA,GAAG;AAAA,cACNhE,EAAoB,OAAO;AAAA,gBACzB,OAAO;AAAA,gBACP,SAAS;AAAA,gBACT,KAAKgB;AAAA,cAAA,GACJ;AAAA,gBACD6C,EAAYP,EAAK,QAAQ,eAAe;AAAA,kBACtC,eAAA5C;AAAA,kBACA,MAAM4C,EAAK;AAAA,gBAAA,GACV,MAAM;AAAA,kBACNA,EAAK,eACDE,KAAcI,EAAoB,OAAO;AAAA,oBACxC,KAAK;AAAA,oBACL,IAAIlD;AAAA,oBACJ,OAAO;AAAA,kBAAA,GACNqD,EAAiBT,EAAK,WAAW,GAAG,CAAC,KACxCU,EAAoB,IAAI,EAAI;AAAA,gBAAA,CACjC;AAAA,gBACDH,EAAYP,EAAK,QAAQ,SAAS;AAAA,iBACjC,GAAG;AAAA,cACNrD;AAAA,cACAD,EAAoB,OAAO;AAAA,gBACzB,OAAO;AAAA,gBACP,SAAS;AAAA,gBACT,KAAKiB;AAAA,cAAA,GACJ;AAAA,gBACD4C,EAAYP,EAAK,QAAQ,QAAQ;AAAA,iBAChC,GAAG;AAAA,YAAA,CACP;AAAA,UACA,GAAA,GAAG,KACNU,EAAoB,IAAI,EAAI;AAAA,WAC/B,EAAE;AAAA,SACJ,EAAE;AAAA,IAAA,CACN;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"index75.js","sources":["../src/components/BbOffCanvas/BbOffCanvas.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-offcanvas-close\" }\nconst _hoisted_2 = { class: \"bb-offcanvas-close__content\" }\nconst _hoisted_3 = { class: \"bb-offcanvas-close__label\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-offcanvas-close__icon\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", {\n      d: \"M23 23L1 1M23 1L1 23\",\n      stroke: \"currentColor\",\n      \"stroke-width\": \"2\",\n      \"stroke-linecap\": \"round\"\n    })\n  ])\n], -1)\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"div\", { style: {\"flex\":\"10000 10000 0%\"} }, null, -1)\n\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useAttrs, watch } from \"vue\";\nimport { useFocusTrap } from \"@vueuse/integrations/useFocusTrap\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport type { CommonProps, Size } from \"@/types/CommonProps\";\n\nexport type Sizes = {\n  sm: number;\n  md: number;\n  lg: number;\n};\n\nexport type BbOffCanvasProps = Pick<\n  CommonProps,\n  | \"closeLabel\"\n  | \"compact\"\n  | \"disabled\"\n  | \"eager\"\n  | \"panelClasses\"\n  | \"overlayClasses\"\n  | \"persistent\"\n  | \"showClose\"\n  | \"title\"\n  | \"transition\"\n  | \"transitionDuration\"\n> &\n  Size<Sizes> & {\n    /**\n     * Description of the content of the modal. Extremely useful for accessibility reasons.\n     */\n    description?: string;\n    /**\n     * Displays the modala as fulscreen with no margin to the page\n     */\n    fullscreen?: boolean;\n    /**\n     * Defines the state open / closed of the modal.\n     */\n    modelValue?: boolean | null;\n    /**\n     * Defines the direction the offcanvas should appear from\n     */\n    direction?: \"left\" | \"top\" | \"right\" | \"bottom\";\n  };\n\nexport type BbOffCanvasEvents = {\n  (e: \"shown\"): void;\n  (e: \"hidden\"): void;\n  (e: \"update:modelValue\", value: boolean): void;\n};\n\nexport type BbOffCanvasSlots = {\n  header?: (props: {\n    titleId: typeof titleId;\n    close: typeof onCloseClick;\n    title: BbOffCanvasProps[\"title\"];\n  }) => any;\n  title?: (props: { text: BbOffCanvasProps[\"title\"] }) => any;\n  close?: (props: { text: BbOffCanvasProps[\"closeLabel\"] }) => any;\n  description?: (props: {\n    descriptionId: typeof descriptionId;\n    text: BbOffCanvasProps[\"description\"];\n  }) => any;\n  default?: (props: {}) => any;\n  content?: (props: { close: typeof onCloseClick }) => any;\n  footer?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbOffCanvas',\n  props: {\n    closeLabel: { default: \"Chiudi\" },\n    compact: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    panelClasses: { default: () => [] },\n    overlayClasses: { default: () => [] },\n    persistent: { type: Boolean },\n    showClose: { type: Boolean, default: true },\n    title: {},\n    transition: { default: \"fade\" },\n    transitionDuration: { default: 350 },\n    size: { default: \"sm\" },\n    description: {},\n    fullscreen: { type: Boolean },\n    modelValue: { type: [Boolean, null] },\n    direction: { default: \"left\" }\n  },\n  emits: [\"shown\", \"hidden\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst titleId = `title_${useId().id.value}`;\nconst descriptionId = `description_${useId().id.value}`;\n\nconst overlay = ref<HTMLElement | null>(null);\nconst panel = ref<HTMLElement | null>(null);\nconst content = ref<HTMLElement | null>(null);\nconst header = ref<HTMLElement | null>(null);\nconst body = ref<HTMLElement | null>(null);\nconst footer = ref<HTMLElement | null>(null);\nconst attrs = useAttrs();\n\nconst { activate, deactivate } = useFocusTrap(panel, {\n  clickOutsideDeactivates: true,\n  /* On esc deactivate the trap, return focus and then close the modal */\n  escapeDeactivates: () => {\n    nextTick(() => {\n      emit(\"update:modelValue\", false);\n    });\n    return true;\n  },\n});\n\nconst closeLabel = computed(() => props.closeLabel);\n\nconst open = ref(false);\nconst opening = ref(false);\nconst closed = ref(true);\nconst closing = ref(false);\nconst hasRenderedAtLeastOnce = ref(props.eager || props.modelValue);\nconst lastFocusedElement = ref<Element | null>(null);\n\nconst busy = computed(() => opening.value || closing.value);\n\nonMounted(() => {\n  /**\n   * Do not realign if open or opening\n   */\n  if (props.modelValue && !(open.value || opening.value)) {\n    alignToModelValue();\n  }\n});\n\n/**\n * Every time modelValue changes align the display to it\n */\nwatch(\n  () => props.modelValue,\n  () => {\n    alignToModelValue();\n  }\n);\nonBeforeUnmount(() => {\n  if (props.modelValue) {\n    let currentlyOpenCanvases = Number(\n      document.body.dataset[\"openCanvases\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenCanvases--;\n    document.body.dataset[\"openCanvases\"] = currentlyOpenCanvases.toString();\n    if (!currentlyOpenCanvases) {\n      document.body.style.overflow = \"auto\";\n      document.body.style.paddingRight = \"0px\";\n    }\n  }\n});\n\n/**\n * When modelValue becomes true if the component wasn't rendered render it\n * and wait for it to be on the page (or transitions would not work).\n * Stash the latest focused element so we can return it later when it closes.\n * Focus on the panel upon opening.\n * ---\n * Notice all interactions update modelValue and then this function aligns the display to it\n */\nconst alignToModelValue = async () => {\n  if (props.modelValue) {\n    if (!hasRenderedAtLeastOnce.value) {\n      hasRenderedAtLeastOnce.value = true;\n    }\n    if (document.activeElement) {\n      lastFocusedElement.value = document.activeElement;\n    }\n\n    closed.value = false;\n    closing.value = false;\n    opening.value = true;\n\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\n    let currentlyOpenCanvases = Number(\n      document.body.dataset[\"openCanvases\"] ?? \"0\"\n    );\n    currentlyOpenCanvases++;\n    document.body.dataset[\"openCanvases\"] = currentlyOpenCanvases.toString();\n    const scrollBarWidth =\n      window.innerWidth - document.documentElement.clientWidth;\n    document.body.style.overflow = \"hidden\";\n    document.body.style.paddingRight = `${scrollBarWidth}px`;\n\n    await wait(props.transitionDuration);\n\n    opening.value = false;\n    open.value = true;\n    emit(\"shown\");\n    activate();\n  } else {\n    deactivate();\n    opening.value = false;\n    open.value = false;\n    closing.value = true;\n\n    await wait(props.transitionDuration);\n\n    let currentlyOpenCanvases = Number(\n      document.body.dataset[\"openCanvases\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenCanvases--;\n    document.body.dataset[\"openCanvases\"] = currentlyOpenCanvases.toString();\n    if (!currentlyOpenCanvases) {\n      document.body.style.overflow = \"auto\";\n      document.body.style.paddingRight = \"0px\";\n    }\n    closing.value = false;\n    closed.value = true;\n    emit(\"hidden\");\n    if (lastFocusedElement.value instanceof HTMLElement) {\n      lastFocusedElement.value.focus();\n    }\n  }\n};\n\n/**\n * Disable scrolling\n */\nconst onOverlayScroll = (event: UIEvent) => {\n  if (event.target === overlay.value) {\n    event.preventDefault();\n  }\n};\n\n/**\n * Close the modal on overlay click if not persistent\n */\nconst onOverlayClick = (event: MouseEvent) => {\n  if (props.disabled || busy.value) return;\n  if (overlay.value) {\n    if (event.target === overlay.value) {\n      if (!props.persistent) {\n        emit(\"update:modelValue\", false);\n      }\n    }\n  }\n};\n\n/**\n * On click on the X button\n */\nconst onCloseClick = () => {\n  if (props.disabled) return;\n  emit(\"update:modelValue\", false);\n};\n\nconst overlayAttributes = computed(() => {\n  const classes = [\n    {\n      \"bb-offcanvas bb-offcanvas__overlay\": true,\n      \"bb-offcanvas--fullscreen\": props.fullscreen,\n      \"bb-offcanvas--open\": open.value,\n      \"bb-offcanvas--opening\": opening.value,\n      \"bb-offcanvas--closed\": closed.value,\n      \"bb-offcanvas--closing\": closing.value,\n      [`bb-offcanvas--transition-${props.transition}`]: true,\n      [`bb-offcanvas--${props.direction}`]: true,\n    },\n    props.overlayClasses,\n  ].flat();\n  const eventListeners = {\n    onClick: onOverlayClick,\n    onScroll: onOverlayScroll,\n    onTouchmove: onOverlayScroll,\n    onWheel: onOverlayScroll,\n    onKeydown: onOverlayScroll,\n  };\n\n  const style = {\n    transitionDuration: props.transitionDuration / 1000 + \"s\",\n  };\n  return {\n    class: classes,\n    style,\n    ...eventListeners,\n    ...attrs,\n  };\n});\n\nconst panelAttributes = computed(() => {\n  const classes = [\n    {\n      \"bb-offcanvas__panel\": true,\n      \"bb-offcanvas__panel--compact\": props.compact,\n    },\n    props.panelClasses,\n  ].flat();\n\n  const accessibilityAttrs: {\n    [key: string]: string | boolean;\n  } = {\n    role: \"dialog\",\n    \"aria-modal\": true,\n  };\n\n  if (hasRenderedAtLeastOnce.value) {\n    accessibilityAttrs[\"aria-labelledby\"] = titleId;\n\n    if (props.description)\n      accessibilityAttrs[\"aria-describedby\"] = descriptionId;\n  }\n\n  let maxWidth;\n  let maxHeight;\n  let height;\n  const sizes: Sizes = {\n    sm: 384,\n    md: 652,\n    lg: 896,\n  };\n  if (props.direction === \"left\" || props.direction === \"right\") {\n    if (props.fullscreen) maxWidth = \"100%\";\n    else if (typeof props.size === \"number\") maxWidth = props.size + \"px\";\n    else if (props.size in sizes)\n      maxWidth = sizes[props.size as keyof Sizes] + \"px\";\n    else maxWidth = props.size + \"px\";\n  } else {\n    if (props.fullscreen) height = \"100%\";\n    else if (typeof props.size === \"number\") height = props.size + \"px\";\n    else if (props.size in sizes)\n      height = sizes[props.size as keyof Sizes] + \"px\";\n    else if (!Number.isNaN(Number(props.size))) height = props.size + \"px\";\n    else if (props.size === \"auto\") height = \"auto\";\n  }\n\n  const style = {\n    maxWidth,\n    maxHeight,\n    height,\n    transitionDuration: props.transitionDuration / 1000 + \"s\",\n  };\n\n  return {\n    class: classes,\n    style,\n    ...accessibilityAttrs,\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createElementVNode(\"div\", _mergeProps(overlayAttributes.value, {\n      ref_key: \"overlay\",\n      ref: overlay\n    }), [\n      _createElementVNode(\"div\", _mergeProps(panelAttributes.value, {\n        ref_key: \"panel\",\n        ref: panel\n      }), [\n        (hasRenderedAtLeastOnce.value)\n          ? (_openBlock(), _createElementBlock(\"div\", {\n              key: 0,\n              class: \"bb-offcanvas__content\",\n              ref_key: \"content\",\n              ref: content\n            }, [\n              _renderSlot(_ctx.$slots, \"content\", { close: onCloseClick }, () => [\n                _createElementVNode(\"div\", {\n                  class: \"bb-offcanvas__header\",\n                  ref_key: \"header\",\n                  ref: header\n                }, [\n                  _renderSlot(_ctx.$slots, \"header\", {\n                    titleId: titleId,\n                    close: onCloseClick,\n                    title: _ctx.title\n                  }, () => [\n                    _createElementVNode(\"span\", {\n                      class: \"bb-offcanvas__title\",\n                      id: titleId\n                    }, [\n                      _renderSlot(_ctx.$slots, \"title\", { text: _ctx.title }, () => [\n                        _createTextVNode(_toDisplayString(_ctx.title), 1)\n                      ])\n                    ]),\n                    _createElementVNode(\"span\", _hoisted_1, [\n                      (_ctx.showClose)\n                        ? (_openBlock(), _createElementBlock(\"button\", {\n                            key: 0,\n                            onClick: onCloseClick,\n                            type: \"button\"\n                          }, [\n                            _renderSlot(_ctx.$slots, \"close\", { text: closeLabel.value }, () => [\n                              _createElementVNode(\"span\", _hoisted_2, [\n                                _createElementVNode(\"span\", _hoisted_3, _toDisplayString(closeLabel.value), 1),\n                                _hoisted_4\n                              ])\n                            ])\n                          ]))\n                        : _createCommentVNode(\"\", true)\n                    ])\n                  ])\n                ], 512),\n                _createElementVNode(\"div\", {\n                  class: \"bb-offcanvas__body\",\n                  ref_key: \"body\",\n                  ref: body\n                }, [\n                  _renderSlot(_ctx.$slots, \"description\", {\n                    descriptionId: descriptionId,\n                    text: _ctx.description\n                  }, () => [\n                    (_ctx.description)\n                      ? (_openBlock(), _createElementBlock(\"div\", {\n                          key: 0,\n                          id: descriptionId,\n                          class: \"bb-offcanvas__description\"\n                        }, _toDisplayString(_ctx.description), 1))\n                      : _createCommentVNode(\"\", true)\n                  ]),\n                  _renderSlot(_ctx.$slots, \"default\")\n                ], 512),\n                _hoisted_5,\n                _createElementVNode(\"div\", {\n                  class: \"bb-offcanvas__footer\",\n                  ref_key: \"footer\",\n                  ref: footer\n                }, [\n                  _renderSlot(_ctx.$slots, \"footer\")\n                ], 512)\n              ])\n            ], 512))\n          : _createCommentVNode(\"\", true)\n      ], 16)\n    ], 16)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createElementVNode","_hoisted_5","_sfc_main","_defineComponent","__props","__emit","props","emit","titleId","useId","descriptionId","overlay","ref","panel","content","header","body","footer","attrs","useAttrs","activate","deactivate","useFocusTrap","nextTick","closeLabel","computed","open","opening","closed","closing","hasRenderedAtLeastOnce","lastFocusedElement","busy","onMounted","alignToModelValue","watch","onBeforeUnmount","currentlyOpenCanvases","scrollBarWidth","wait","onOverlayScroll","event","onOverlayClick","onCloseClick","overlayAttributes","classes","eventListeners","style","panelAttributes","accessibilityAttrs","maxWidth","maxHeight","height","sizes","_ctx","_cache","_openBlock","_createBlock","_Teleport","_mergeProps","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}

package/dist/index79.js

@@ -1,12 +1,12 @@
 import { defineComponent as N, ref as a, computed as C, openBlock as f, createElementBlock as $, mergeProps as T, createElementVNode as s, renderSlot as B, normalizeProps as V, guardReactiveProps as I, unref as m, createBlock as P, Teleport as R, normalizeClass as U, normalizeStyle as j, withCtx as G, createCommentVNode as D, nextTick as J } from "vue";
 import { useFloating as K, arrow as Q } from "./index222.js";
-import { useFocusTrap as W } from "./index196.js";
+import { useFocusTrap as W } from "./index199.js";
 import { useId as X } from "./index7.js";
 import { wait as E } from "./index122.js";
 import Y from "./index9.js";
 import "./index10.js";
-import { autoUpdate as Z } from "./index202.js";
-import { flip as ee, offset as oe, shift as te } from "./index210.js";
+import { autoUpdate as Z } from "./index201.js";
+import { flip as ee, offset as oe, shift as te } from "./index209.js";
 const ae = ["id"], re = { class: "bb-popover__bubble" }, ne = /* @__PURE__ */ s("span", { class: "bb-popover__close-label" }, "Chiudi", -1), se = /* @__PURE__ */ s("svg", {
   viewBox: "0 0 24 24",
   fill: "none",

package/dist/index81.js

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