bitboss-ui 0.2.25 → 0.2.27

package/dist/composables/useConfirm.d.ts

@@ -1,6 +1,7 @@
 import type { Sizes } from '../components/BaseDialog/BaseDialog.vue';
 type State = {
     description: string;
+    theme: string;
     loading: boolean;
     noText: string;
     open: boolean;
@@ -34,6 +35,10 @@ type UserOptions = {
      * Text content of the modal.
      */
     text: State["text"];
+    /**
+     * The name of the theme it applies a css class to BbConfirm for styling.
+     */
+    theme?: State["theme"];
     /**
      * Tittle of the modal
      */
@@ -53,6 +58,7 @@ type UserOptions = {
 };
 export declare const state: {
     description: string;
+    theme: string;
     loading: boolean;
     noText: string;
     open: boolean;

package/dist/index101.js

@@ -1,5 +1,5 @@
 import { defineComponent as ie, ref as O, computed as p, onMounted as de, watch as q, openBlock as c, createBlock as be, resolveDynamicComponent as re, normalizeClass as f, withCtx as ue, createElementBlock as d, toDisplayString as m, createCommentVNode as v, createElementVNode as o, renderSlot as y, createVNode as J, unref as C, Fragment as N, renderList as T, createTextVNode as pe, mergeProps as fe } from "vue";
-import { add as me } from "./index228.js";
+import { add as me } from "./index244.js";
 import { clamp as ye } from "./index196.js";
 import { deepEqual as he } from "./index123.js";
 import { isNil as j } from "./index120.js";

package/dist/index103.js

@@ -1,8 +1,8 @@
 import { defineComponent as m, openBlock as c, createBlock as b, withCtx as a, renderSlot as r, normalizeProps as i, guardReactiveProps as n, createVNode as h, mergeProps as y } from "vue";
 import f from "./index21.js";
 import "./index22.js";
-import v from "./index245.js";
-import "./index246.js";
+import v from "./index246.js";
+import "./index247.js";
 const w = /* @__PURE__ */ m({
   __name: "BbTag",
   props: {

package/dist/index109.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, openBlock as e, createBlock as o, Teleport as l, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as p, withCtx as u, createElementBlock as d, Fragment as f, renderList as _, unref as r, mergeProps as b } from "vue";
 import { state as k, useToast as C } from "./index5.js";
-import B from "./index249.js";
+import B from "./index248.js";
 const N = /* @__PURE__ */ s({
   __name: "BbToast",
   props: {

package/dist/index111.js

@@ -4,9 +4,9 @@ import { useId as K } from "./index7.js";
 import { wait as P } from "./index122.js";
 import Q from "./index9.js";
 import "./index10.js";
-import { throttle as v } from "./index211.js";
-import { waitFor as W } from "./index213.js";
-import { autoUpdate as X, flip as Y, shift as Z } from "./index214.js";
+import { throttle as v } from "./index203.js";
+import { waitFor as W } from "./index205.js";
+import { autoUpdate as X, flip as Y, shift as Z } from "./index215.js";
 const ee = { class: "bb-tooltip__bubble" }, te = /* @__PURE__ */ i("svg", {
   viewBox: "0 0 24 24",
   fill: "none",

package/dist/index113.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as v, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as p, createVNode as k, createSlots as B, withCtx as C, normalizeProps as T, guardReactiveProps as _ } from "vue";
-import { flattenTree as P } from "./index247.js";
+import { flattenTree as P } from "./index245.js";
 const w = { class: "bb-tree-row" }, z = { class: "bb-tree-main-content" }, I = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index116.js

@@ -1,6 +1,6 @@
 import { defineComponent as i, ref as a, watch as s, computed as u, openBlock as c, createElementBlock as p, normalizeProps as d, guardReactiveProps as m, createElementVNode as b, renderSlot as v, createCommentVNode as f } from "vue";
 import { wait as V } from "./index122.js";
-import { throttle as _ } from "./index211.js";
+import { throttle as _ } from "./index203.js";
 const h = { class: "bb-collapsible__content" }, k = /* @__PURE__ */ i({
   __name: "BbCollapsible",
   props: {

package/dist/index118.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
-import { throttle as g } from "./index211.js";
+import { throttle as g } from "./index203.js";
 const O = /* @__PURE__ */ v({
   __name: "BbSmoothHeight",
   props: {

package/dist/index125.js

@@ -1,4 +1,4 @@
-import t from "./index207.js";
+import t from "./index221.js";
 const e = () => ({
   getItemText(r, n) {
     if (typeof r == "string" && !n)

package/dist/index126.js

@@ -1,4 +1,4 @@
-import o from "./index207.js";
+import o from "./index221.js";
 const e = () => ({
   getItemValue(n, f) {
     if (typeof f > "u")

package/dist/index127.js

@@ -1,4 +1,4 @@
-import { isArray as b, isPlainObject as m } from "./index250.js";
+import { isArray as b, isPlainObject as m } from "./index249.js";
 function i(e, n, l, o, r) {
   const u = {}.propertyIsEnumerable.call(o, n) ? "enumerable" : "nonenumerable";
   u === "enumerable" && (e[n] = l), r && u === "nonenumerable" && Object.defineProperty(e, n, {

package/dist/index131.js

@@ -1,5 +1,5 @@
-import { toValue as B } from "./index208.js";
-import { tryOnScopeDispose as E } from "./index208.js";
+import { toValue as B } from "./index214.js";
+import { tryOnScopeDispose as E } from "./index214.js";
 import { ref as c, computed as t } from "vue";
 function h(a) {
   var l;

package/dist/index15.js

@@ -1,13 +1,13 @@
 import { defineComponent as de, ref as k, computed as h, watch as ue, openBlock as d, createElementBlock as u, mergeProps as ce, createElementVNode as i, createTextVNode as be, toDisplayString as f, unref as p, withDirectives as L, createVNode as g, Transition as V, withCtx as w, vShow as z, createCommentVNode as A, normalizeClass as x, Fragment as O, renderList as S, renderSlot as R, nextTick as me } from "vue";
-import c from "./index199.js";
-import fe from "./index200.js";
-import pe from "./index201.js";
-import he from "./index202.js";
-import ye from "./index203.js";
-import _e from "./index204.js";
-import { groupBy as W } from "./index205.js";
+import c from "./index206.js";
+import fe from "./index207.js";
+import pe from "./index208.js";
+import he from "./index209.js";
+import ye from "./index210.js";
+import _e from "./index211.js";
+import { groupBy as W } from "./index212.js";
 import { isNil as ve } from "./index120.js";
-import { last as $ } from "./index206.js";
+import { last as $ } from "./index213.js";
 const ke = { class: "bb-base-date-picker__header" }, ge = ["disabled"], Ve = /* @__PURE__ */ i("span", null, null, -1), we = {
   class: "bb-base-date-picker__selected-day-label",
   "aria-live": "polite"

package/dist/index17.js

@@ -1,17 +1,17 @@
 import { defineComponent as R, ref as l, computed as Y, watch as J, onMounted as Q, onBeforeUnmount as X, openBlock as B, createElementBlock as Z, normalizeClass as C, renderSlot as u, createElementVNode as g, withDirectives as x, mergeProps as T, unref as d, toDisplayString as ee, createBlock as ae, Teleport as te, createVNode as ne, createSlots as oe, renderList as le, withCtx as ie, normalizeProps as re, guardReactiveProps as se } from "vue";
-import { autoUpdate as ue, computePosition as de, flip as ce, shift as fe } from "./index214.js";
-import pe from "./index215.js";
-import c from "./index199.js";
-import me from "./index202.js";
-import { identity as be } from "./index216.js";
-import { last as ve } from "./index206.js";
+import { autoUpdate as ue, computePosition as de, flip as ce, shift as fe } from "./index215.js";
+import pe from "./index218.js";
+import c from "./index206.js";
+import me from "./index209.js";
+import { identity as be } from "./index202.js";
+import { last as ve } from "./index213.js";
 import { useId as ye } from "./index7.js";
-import { vMaska as ge } from "./index217.js";
+import { vMaska as ge } from "./index219.js";
 import { wait as I } from "./index122.js";
 import he from "./index15.js";
 import "./index16.js";
-import O from "./index218.js";
-import { offset as ke } from "./index219.js";
+import O from "./index220.js";
+import { offset as ke } from "./index217.js";
 const we = ["autocomplete", "autofocus", "data-maska", "disabled", "id", "name", "placeholder", "readonly", "value", "aria-describedby"], Ee = ["id"], Pe = /* @__PURE__ */ R({
   __name: "BaseDatePickerInput",
   props: {

package/dist/index19.js

@@ -1,24 +1,24 @@
-import { defineComponent as Q, ref as l, useAttrs as X, computed as _, onMounted as T, onBeforeUnmount as A, watch as Y, nextTick as E, openBlock as w, createBlock as Z, Teleport as ee, createElementVNode as o, mergeProps as W, createElementBlock as B, renderSlot as r, createTextVNode as te, toDisplayString as V, createCommentVNode as D } from "vue";
-import { throttle as le } from "./index211.js";
-import { useFocusTrap as oe } from "./index212.js";
-import { useId as R } from "./index7.js";
+import { defineComponent as J, ref as o, useAttrs as Q, computed as h, onMounted as X, onBeforeUnmount as E, watchPostEffect as Y, openBlock as _, createBlock as Z, Teleport as ee, createElementVNode as l, mergeProps as N, createElementBlock as B, renderSlot as i, createTextVNode as te, toDisplayString as V, createCommentVNode as D, nextTick as T } from "vue";
+import { throttle as oe } from "./index203.js";
+import { useFocusTrap as le } from "./index204.js";
+import { useId as A } from "./index7.js";
 import { wait as L } from "./index122.js";
-import { waitFor as ae } from "./index213.js";
-const se = { class: "bb-base-dialog-close" }, ne = { class: "bb-base-dialog-close__content" }, ie = { class: "bb-base-dialog-close__label" }, re = /* @__PURE__ */ o("span", { class: "bb-base-dialog-close__icon" }, [
-  /* @__PURE__ */ o("svg", {
+import { waitFor as ae } from "./index205.js";
+const se = { class: "bb-base-dialog-close" }, ne = { class: "bb-base-dialog-close__content" }, ie = { class: "bb-base-dialog-close__label" }, re = /* @__PURE__ */ l("span", { class: "bb-base-dialog-close__icon" }, [
+  /* @__PURE__ */ l("svg", {
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true"
   }, [
-    /* @__PURE__ */ o("path", {
+    /* @__PURE__ */ l("path", {
       d: "M23 23L1 1M23 1L1 23",
       stroke: "currentColor",
       "stroke-width": "2",
       "stroke-linecap": "round"
     })
   ])
-], -1), de = /* @__PURE__ */ o("div", { style: { flex: "10000 10000 0%" } }, null, -1), me = /* @__PURE__ */ Q({
+], -1), de = /* @__PURE__ */ l("div", { style: { flex: "10000 10000 0%" } }, null, -1), me = /* @__PURE__ */ J({
   __name: "BaseDialog",
   props: {
     closeLabel: { default: "Chiudi modale" },
@@ -38,75 +38,72 @@ const se = { class: "bb-base-dialog-close" }, ne = { class: "bb-base-dialog-clos
     modelValue: { type: [Boolean, null] }
   },
   emits: ["shown", "hidden", "update:modelValue"],
-  setup(I, { emit: F }) {
-    const t = I, d = F, k = `title_${R().id.value}`, C = `description_${R().id.value}`, p = l(null), f = l(null), $ = l(null), m = l(null), u = l(null), a = l(null), c = l(null), G = l(null), { activate: K, deactivate: z } = oe($, {
+  setup(W, { emit: R }) {
+    const t = W, r = R, w = `title_${A().id.value}`, k = `description_${A().id.value}`, p = o(null), m = o(null), $ = o(null), y = o(null), d = o(null), a = o(null), u = o(null), I = o(null), { activate: F, deactivate: z } = le($, {
       clickOutsideDeactivates: !0,
       /* On esc deactivate the trap, return focus and then close the modal */
-      escapeDeactivates: () => (E(() => {
-        d("update:modelValue", !1);
+      escapeDeactivates: () => (T(() => {
+        r("update:modelValue", !1);
       }), !0)
-    }), P = X(), H = _(() => t.closeLabel);
-    T(async () => {
-      a.value && (p.value = new MutationObserver(v), p.value.observe(a.value, { childList: !0, subtree: !0 })), window.addEventListener("resize", v);
-    }), A(() => {
-      window.removeEventListener("resize", v);
+    }), P = Q(), H = h(() => t.closeLabel);
+    X(async () => {
+      a.value && (p.value = new MutationObserver(f), p.value.observe(a.value, { childList: !0, subtree: !0 })), window.addEventListener("resize", f);
+    }), E(() => {
+      window.removeEventListener("resize", f);
     });
-    const y = l(!1), i = l(!1), M = l(!0), b = l(!1), g = l(t.eager || t.modelValue), O = _(() => i.value || b.value);
-    T(() => {
-      t.modelValue && !(y.value || i.value) && S();
-    }), A(() => {
+    const C = o(!1), c = o(!1), M = o(!0), b = o(!1), v = o(t.eager || t.modelValue), O = h(() => c.value || b.value);
+    E(() => {
       if (t.modelValue) {
         let e = Number(
           document.body.dataset.openModals ?? "0"
         );
         e--, document.body.dataset.openModals = e.toString(), e || (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px");
       }
-    }), Y(
-      () => t.modelValue,
-      () => {
-        S();
-      }
-    );
-    const S = async () => {
+    });
+    const G = async () => {
       if (t.modelValue) {
-        g.value || (g.value = !0, await ae(() => !!a.value), await E(), a.value && (p.value = new MutationObserver(v), p.value.observe(a.value, { childList: !0, subtree: !0 }))), M.value = !1, b.value = !1, i.value = !0;
+        v.value || (v.value = !0, await ae(() => !!a.value), await T(), a.value && (p.value = new MutationObserver(f), p.value.observe(a.value, { childList: !0, subtree: !0 }))), M.value = !1, b.value = !1, c.value = !0;
         let e = Number(
           document.body.dataset.openModals ?? "0"
         );
         e++, document.body.dataset.openModals = e.toString();
         const s = window.innerWidth - document.documentElement.clientWidth;
-        document.body.style.overflow = "hidden", document.body.style.paddingRight = `${s}px`, await L(t.transitionDuration), i.value = !1, y.value = !0, d("shown"), K();
+        document.body.style.overflow = "hidden", document.body.style.paddingRight = `${s}px`, await L(t.transitionDuration), c.value = !1, C.value = !0, r("shown"), F();
       } else {
-        z(), i.value = !1, y.value = !1, b.value = !0, await L(t.transitionDuration);
+        z(), c.value = !1, C.value = !1, b.value = !0, await L(t.transitionDuration);
         let e = Number(
           document.body.dataset.openModals ?? "0"
         );
-        e--, document.body.dataset.openModals = e.toString(), e || (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px"), b.value = !1, M.value = !0, d("hidden");
+        e--, document.body.dataset.openModals = e.toString(), e || (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px"), b.value = !1, M.value = !0, r("hidden");
       }
-    }, h = (e) => {
-      e.target === f.value && e.preventDefault();
-    }, U = (e) => {
-      t.disabled || O.value || f.value && e.target === f.value && (t.persistent || d("update:modelValue", !1));
-    }, x = () => {
-      t.disabled || O.value || (z(), d("update:modelValue", !1));
-    }, j = _(() => {
+    };
+    Y(() => {
+      !t.modelValue && !v.value || G();
+    });
+    const g = (e) => {
+      e.target === m.value && e.preventDefault();
+    }, K = (e) => {
+      t.disabled || O.value || m.value && e.target === m.value && (t.persistent || r("update:modelValue", !1));
+    }, S = () => {
+      t.disabled || O.value || (z(), r("update:modelValue", !1));
+    }, U = h(() => {
       const e = [
         {
           "bb-base-dialog bb-base-dialog__overlay": !0,
           "bb-base-dialog--fullscreen": t.fullscreen,
-          "bb-base-dialog--open": y.value,
-          "bb-base-dialog--opening": i.value,
+          "bb-base-dialog--open": C.value,
+          "bb-base-dialog--opening": c.value,
           "bb-base-dialog--closed": M.value,
           "bb-base-dialog--closing": b.value,
           [`bb-base-dialog--transition-${t.transition}`]: !0
         },
         t.overlayClasses
       ].flat(), s = {
-        onClick: U,
-        onScroll: h,
-        onTouchmove: h,
-        onWheel: h,
-        onKeydown: h
+        onClick: K,
+        onScroll: g,
+        onTouchmove: g,
+        onWheel: g,
+        onKeydown: g
       }, n = {
         transitionDuration: t.transitionDuration / 1e3 + "s"
       };
@@ -116,7 +113,7 @@ const se = { class: "bb-base-dialog-close" }, ne = { class: "bb-base-dialog-clos
         ...s,
         ...P
       };
-    }), q = _(() => {
+    }), j = h(() => {
       const e = [
         {
           "bb-base-dialog__panel": !0,
@@ -127,80 +124,78 @@ const se = { class: "bb-base-dialog-close" }, ne = { class: "bb-base-dialog-clos
         role: "dialog",
         "aria-modal": !0
       };
-      g.value && (s["aria-labelledby"] = k, t.description && (s["aria-describedby"] = C));
+      v.value && (s["aria-labelledby"] = w, t.description && (s["aria-describedby"] = k));
       let n;
-      const N = {
+      const x = {
         sm: 384,
         md: 652,
         lg: 896
       };
-      t.fullscreen ? n = "100%" : typeof t.size == "number" ? n = t.size + "px" : t.size in N ? n = N[t.size] + "px" : n = t.size + "px";
-      const J = {
+      t.fullscreen ? n = "100%" : typeof t.size == "number" ? n = t.size + "px" : t.size in x ? n = x[t.size] + "px" : n = t.size + "px";
+      const q = {
         maxWidth: n,
         transitionDuration: t.transitionDuration / 1e3 + "s"
       };
       return {
         class: e,
-        style: J,
+        style: q,
         ...s
       };
-    }), v = le(() => {
+    }), f = oe(async () => {
       if (t.fullscreen) {
-        G.value = window.innerHeight;
+        I.value = window.innerHeight;
         return;
       }
-      if (u.value && a.value && c.value) {
-        const e = u.value.scrollHeight + a.value.scrollHeight + c.value.scrollHeight + 2;
-        m.value && (m.value.style.height = "0px", m.value.style.height = `${e}px`, L(30).then(() => {
-          if (u.value && a.value && c.value) {
-            const s = u.value.scrollHeight + a.value.scrollHeight + c.value.scrollHeight + 2;
-            e !== s && v();
-          }
-        }));
+      if (d.value && a.value && u.value) {
+        const e = d.value.scrollHeight + a.value.scrollHeight + u.value.scrollHeight + 2;
+        if (y.value && (y.value.style.height = "0px", y.value.style.height = `${e + 10}px`, await L(30), d.value && a.value && u.value)) {
+          const s = d.value.scrollHeight + a.value.scrollHeight + u.value.scrollHeight + 20;
+          e !== s && f();
+        }
       }
     }, 200);
-    return (e, s) => (w(), Z(ee, { to: "body" }, [
-      o("div", W(j.value, {
+    return (e, s) => (_(), Z(ee, { to: "body" }, [
+      l("div", N(U.value, {
         ref_key: "overlay",
-        ref: f
+        ref: m
       }), [
-        o("div", W(q.value, {
+        l("div", N(j.value, {
           ref_key: "panel",
           ref: $
         }), [
-          g.value ? (w(), B("div", {
+          v.value ? (_(), B("div", {
             key: 0,
             class: "bb-base-dialog__content",
             ref_key: "content",
-            ref: m
+            ref: y
           }, [
-            o("div", {
+            l("div", {
               class: "bb-base-dialog__header",
               ref_key: "header",
-              ref: u
+              ref: d
             }, [
-              r(e.$slots, "header", {
-                titleId: k,
-                close: x,
+              i(e.$slots, "header", {
+                titleId: w,
+                close: S,
                 title: e.title
               }, () => [
-                o("span", {
+                l("span", {
                   class: "bb-base-dialog__title",
-                  id: k
+                  id: w
                 }, [
-                  r(e.$slots, "title", { text: e.title }, () => [
+                  i(e.$slots, "title", { text: e.title }, () => [
                     te(V(e.title), 1)
                   ])
                 ]),
-                o("span", se, [
-                  e.showClose ? (w(), B("button", {
+                l("span", se, [
+                  e.showClose ? (_(), B("button", {
                     key: 0,
-                    onClick: x,
+                    onClick: S,
                     type: "button"
                   }, [
-                    r(e.$slots, "close", { text: H.value }, () => [
-                      o("span", ne, [
-                        o("span", ie, V(H.value), 1),
+                    i(e.$slots, "close", { text: H.value }, () => [
+                      l("span", ne, [
+                        l("span", ie, V(H.value), 1),
                         re
                       ])
                     ])
@@ -208,30 +203,30 @@ const se = { class: "bb-base-dialog-close" }, ne = { class: "bb-base-dialog-clos
                 ])
               ])
             ], 512),
-            o("div", {
+            l("div", {
               class: "bb-base-dialog__body",
               ref_key: "body",
               ref: a
             }, [
-              r(e.$slots, "description", {
-                descriptionId: C,
+              i(e.$slots, "description", {
+                descriptionId: k,
                 text: e.description
               }, () => [
-                e.description ? (w(), B("div", {
+                e.description ? (_(), B("div", {
                   key: 0,
-                  id: C,
+                  id: k,
                   class: "bb-base-dialog__description"
                 }, V(e.description), 1)) : D("", !0)
               ]),
-              r(e.$slots, "default")
+              i(e.$slots, "default")
             ], 512),
             de,
-            o("div", {
+            l("div", {
               class: "bb-base-dialog__footer",
               ref_key: "footer",
-              ref: c
+              ref: u
             }, [
-              r(e.$slots, "footer")
+              i(e.$slots, "footer")
             ], 512)
           ], 512)) : D("", !0)
         ], 16)

package/dist/index19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index19.js","sources":["../src/components/BaseDialog/BaseDialog.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-base-dialog-close\" }\nconst _hoisted_2 = { class: \"bb-base-dialog-close__content\" }\nconst _hoisted_3 = { class: \"bb-base-dialog-close__label\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-base-dialog-close__icon\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    \"aria-hidden\": \"true\"\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 {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useAttrs,\n  watch,\n  nextTick,\n} from \"vue\";\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { useFocusTrap } from \"@vueuse/integrations/useFocusTrap\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport { waitFor } from \"@/utilities/functions/waitFor\";\nimport type { CommonProps, Size } from \"@/types/CommonProps\";\n\nexport type Sizes = {\n  sm: number;\n  md: number;\n  lg: number;\n};\n\nexport type BaseDialogProps = 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\nexport type BaseDialogSlots = {\n  header?: (props: {\n    titleId: typeof titleId;\n    close: typeof onCloseClick;\n    title: BaseDialogProps[\"title\"];\n  }) => any;\n  title?: (props: { text: BaseDialogProps[\"title\"] }) => any;\n  close?: (props: { text: BaseDialogProps[\"closeLabel\"] }) => any;\n  description?: (props: {\n    descriptionId: typeof descriptionId;\n    text: BaseDialogProps[\"description\"];\n  }) => any;\n  default?: (props: {}) => any;\n  footer?: (props: {}) => any;\n};\n\nexport type BaseDialogEvents = {\n  (e: \"shown\"): void;\n  (e: \"hidden\"): void;\n  (e: \"update:modelValue\", value: boolean): void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseDialog',\n  props: {\n    closeLabel: { default: \"Chiudi modale\" },\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  },\n  emits: [\"shown\", \"hidden\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\n\n\nconst emit = __emit;\n\nconst titleId = `title_${useId().id.value}`;\nconst descriptionId = `description_${useId().id.value}`;\n\nconst observer = ref<MutationObserver | null>(null);\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 height = ref<number | null>(null);\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 attrs = useAttrs();\n\nconst closeLabel = computed(() => props.closeLabel);\n\nonMounted(async () => {\n  if (body.value) {\n    observer.value = new MutationObserver(onContentGrow);\n    observer.value.observe(body.value, { childList: true, subtree: true });\n  }\n  window.addEventListener(\"resize\", onContentGrow);\n});\nonBeforeUnmount(() => {\n  window.removeEventListener(\"resize\", onContentGrow);\n});\n\nconst open = ref(false);\nconst opening = ref(false);\nconst closed = ref(true);\nconst closing = ref(false);\nconst hasRenderedAtLeastOnce = ref(props.eager || props.modelValue);\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});\nonBeforeUnmount(() => {\n  if (props.modelValue) {\n    let currentlyOpenModals = Number(\n      document.body.dataset[\"openModals\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenModals--;\n    document.body.dataset[\"openModals\"] = currentlyOpenModals.toString();\n    if (!currentlyOpenModals) {\n      document.body.style.overflow = \"auto\";\n      document.body.style.paddingRight = \"0px\";\n    }\n  }\n});\n\n/**\n * Every time modelValue changes align the display to it\n */\nwatch(\n  () => props.modelValue,\n  () => {\n    alignToModelValue();\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      await waitFor(() => !!body.value);\n      await nextTick();\n      if (body.value) {\n        observer.value = new MutationObserver(onContentGrow);\n        observer.value.observe(body.value, { childList: true, subtree: true });\n      }\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 currentlyOpenModals = Number(\n      document.body.dataset[\"openModals\"] ?? \"0\"\n    );\n    currentlyOpenModals++;\n    document.body.dataset[\"openModals\"] = currentlyOpenModals.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    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 currentlyOpenModals = Number(\n      document.body.dataset[\"openModals\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenModals--;\n    document.body.dataset[\"openModals\"] = currentlyOpenModals.toString();\n    if (!currentlyOpenModals) {\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  }\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 || busy.value) return;\n  deactivate();\n  emit(\"update:modelValue\", false);\n};\n\nconst overlayAttributes = computed(() => {\n  const classes = [\n    {\n      \"bb-base-dialog bb-base-dialog__overlay\": true,\n      \"bb-base-dialog--fullscreen\": props.fullscreen,\n      \"bb-base-dialog--open\": open.value,\n      \"bb-base-dialog--opening\": opening.value,\n      \"bb-base-dialog--closed\": closed.value,\n      \"bb-base-dialog--closing\": closing.value,\n      [`bb-base-dialog--transition-${props.transition}`]: 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-base-dialog__panel\": true,\n      \"bb-base-dialog__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  const sizes: Sizes = {\n    sm: 384,\n    md: 652,\n    lg: 896,\n  };\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\n  const style = {\n    maxWidth,\n    transitionDuration: props.transitionDuration / 1000 + \"s\",\n  };\n\n  return {\n    class: classes,\n    style,\n    ...accessibilityAttrs,\n  };\n});\n\n/**\n * This is called when content inside body changes.\n * Gets the total height the panel needs to be\n * It could be called numerous times so throttle every 300ms\n */\nconst onContentGrow = throttle(() => {\n  if (props.fullscreen) {\n    height.value = window.innerHeight;\n    return;\n  }\n  if (header.value && body.value && footer.value) {\n    const contentHeight =\n      header.value.scrollHeight +\n      body.value.scrollHeight +\n      footer.value.scrollHeight +\n      2;\n    /* Add two so renderless elements at the bottom are not cut off */\n    if (content.value) {\n      content.value.style.height = \"0px\";\n      content.value.style.height = `${contentHeight}px`;\n      /**\n       * Run until all transitions inside have completed\n       */\n      wait(30).then(() => {\n        if (header.value && body.value && footer.value) {\n          const contentHeight2 =\n            header.value.scrollHeight +\n            body.value.scrollHeight +\n            footer.value.scrollHeight +\n            2;\n          if (contentHeight !== contentHeight2) onContentGrow();\n        }\n      });\n    }\n  }\n}, 200);\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-base-dialog__content\",\n              ref_key: \"content\",\n              ref: content\n            }, [\n              _createElementVNode(\"div\", {\n                class: \"bb-base-dialog__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-base-dialog__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-base-dialog__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-base-dialog__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-base-dialog__footer\",\n                ref_key: \"footer\",\n                ref: footer\n              }, [\n                _renderSlot(_ctx.$slots, \"footer\")\n              ], 512)\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","observer","ref","overlay","panel","content","header","body","footer","height","activate","deactivate","useFocusTrap","nextTick","attrs","useAttrs","closeLabel","computed","onMounted","onContentGrow","onBeforeUnmount","open","opening","closed","closing","hasRenderedAtLeastOnce","busy","alignToModelValue","currentlyOpenModals","watch","waitFor","scrollBarWidth","wait","onOverlayScroll","event","onOverlayClick","onCloseClick","overlayAttributes","classes","eventListeners","style","panelAttributes","accessibilityAttrs","maxWidth","sizes","throttle","contentHeight","contentHeight2","_ctx","_cache","_openBlock","_createBlock","_Teleport","_mergeProps","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"index19.js","sources":["../src/components/BaseDialog/BaseDialog.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-base-dialog-close\" }\nconst _hoisted_2 = { class: \"bb-base-dialog-close__content\" }\nconst _hoisted_3 = { class: \"bb-base-dialog-close__label\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-base-dialog-close__icon\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    \"aria-hidden\": \"true\"\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 {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useAttrs,\n  watch,\n  nextTick,\n  watchPostEffect,\n} from \"vue\";\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { useFocusTrap } from \"@vueuse/integrations/useFocusTrap\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport { waitFor } from \"@/utilities/functions/waitFor\";\nimport type { CommonProps, Size } from \"@/types/CommonProps\";\n\nexport type Sizes = {\n  sm: number;\n  md: number;\n  lg: number;\n};\n\nexport type BaseDialogProps = 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\nexport type BaseDialogSlots = {\n  header?: (props: {\n    titleId: typeof titleId;\n    close: typeof onCloseClick;\n    title: BaseDialogProps[\"title\"];\n  }) => any;\n  title?: (props: { text: BaseDialogProps[\"title\"] }) => any;\n  close?: (props: { text: BaseDialogProps[\"closeLabel\"] }) => any;\n  description?: (props: {\n    descriptionId: typeof descriptionId;\n    text: BaseDialogProps[\"description\"];\n  }) => any;\n  default?: (props: {}) => any;\n  footer?: (props: {}) => any;\n};\n\nexport type BaseDialogEvents = {\n  (e: \"shown\"): void;\n  (e: \"hidden\"): void;\n  (e: \"update:modelValue\", value: boolean): void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseDialog',\n  props: {\n    closeLabel: { default: \"Chiudi modale\" },\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  },\n  emits: [\"shown\", \"hidden\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\n\n\nconst emit = __emit;\n\nconst titleId = `title_${useId().id.value}`;\nconst descriptionId = `description_${useId().id.value}`;\n\nconst observer = ref<MutationObserver | null>(null);\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 height = ref<number | null>(null);\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 attrs = useAttrs();\n\nconst closeLabel = computed(() => props.closeLabel);\n\nonMounted(async () => {\n  if (body.value) {\n    observer.value = new MutationObserver(onContentGrow);\n    observer.value.observe(body.value, { childList: true, subtree: true });\n  }\n  window.addEventListener(\"resize\", onContentGrow);\n});\nonBeforeUnmount(() => {\n  window.removeEventListener(\"resize\", onContentGrow);\n});\n\nconst open = ref(false);\nconst opening = ref(false);\nconst closed = ref(true);\nconst closing = ref(false);\nconst hasRenderedAtLeastOnce = ref(props.eager || props.modelValue);\n\nconst busy = computed(() => opening.value || closing.value);\n\nonBeforeUnmount(() => {\n  if (props.modelValue) {\n    let currentlyOpenModals = Number(\n      document.body.dataset[\"openModals\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenModals--;\n    document.body.dataset[\"openModals\"] = currentlyOpenModals.toString();\n    if (!currentlyOpenModals) {\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      await waitFor(() => !!body.value);\n      await nextTick();\n      if (body.value) {\n        observer.value = new MutationObserver(onContentGrow);\n        observer.value.observe(body.value, { childList: true, subtree: true });\n      }\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 currentlyOpenModals = Number(\n      document.body.dataset[\"openModals\"] ?? \"0\"\n    );\n    currentlyOpenModals++;\n    document.body.dataset[\"openModals\"] = currentlyOpenModals.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    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 currentlyOpenModals = Number(\n      document.body.dataset[\"openModals\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenModals--;\n    document.body.dataset[\"openModals\"] = currentlyOpenModals.toString();\n    if (!currentlyOpenModals) {\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  }\n};\n\n/**\n * Every time modelValue changes align the display to it\n */\nwatchPostEffect(() => {\n  if (!props.modelValue && !hasRenderedAtLeastOnce.value) return;\n  alignToModelValue();\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 || busy.value) return;\n  deactivate();\n  emit(\"update:modelValue\", false);\n};\n\nconst overlayAttributes = computed(() => {\n  const classes = [\n    {\n      \"bb-base-dialog bb-base-dialog__overlay\": true,\n      \"bb-base-dialog--fullscreen\": props.fullscreen,\n      \"bb-base-dialog--open\": open.value,\n      \"bb-base-dialog--opening\": opening.value,\n      \"bb-base-dialog--closed\": closed.value,\n      \"bb-base-dialog--closing\": closing.value,\n      [`bb-base-dialog--transition-${props.transition}`]: 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-base-dialog__panel\": true,\n      \"bb-base-dialog__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  const sizes: Sizes = {\n    sm: 384,\n    md: 652,\n    lg: 896,\n  };\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\n  const style = {\n    maxWidth,\n    transitionDuration: props.transitionDuration / 1000 + \"s\",\n  };\n\n  return {\n    class: classes,\n    style,\n    ...accessibilityAttrs,\n  };\n});\n\n/**\n * This is called when content inside body changes.\n * Gets the total height the panel needs to be\n * It could be called numerous times so throttle every 300ms\n */\nconst onContentGrow = throttle(async () => {\n  if (props.fullscreen) {\n    height.value = window.innerHeight;\n    return;\n  }\n  if (header.value && body.value && footer.value) {\n    const contentHeight =\n      header.value.scrollHeight +\n      body.value.scrollHeight +\n      footer.value.scrollHeight +\n      2;\n    /* Add two so renderless elements at the bottom are not cut off */\n    if (content.value) {\n      content.value.style.height = \"0px\";\n      content.value.style.height = `${contentHeight + 10}px`;\n      /**\n       * Run until all transitions inside have completed\n       */\n      await wait(30);\n      if (header.value && body.value && footer.value) {\n        const contentHeight2 =\n          header.value.scrollHeight +\n          body.value.scrollHeight +\n          footer.value.scrollHeight +\n          20;\n        if (contentHeight !== contentHeight2) onContentGrow();\n      }\n    }\n  }\n}, 200);\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-base-dialog__content\",\n              ref_key: \"content\",\n              ref: content\n            }, [\n              _createElementVNode(\"div\", {\n                class: \"bb-base-dialog__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-base-dialog__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-base-dialog__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-base-dialog__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-base-dialog__footer\",\n                ref_key: \"footer\",\n                ref: footer\n              }, [\n                _renderSlot(_ctx.$slots, \"footer\")\n              ], 512)\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","observer","ref","overlay","panel","content","header","body","footer","height","activate","deactivate","useFocusTrap","nextTick","attrs","useAttrs","closeLabel","computed","onMounted","onContentGrow","onBeforeUnmount","open","opening","closed","closing","hasRenderedAtLeastOnce","busy","currentlyOpenModals","alignToModelValue","waitFor","scrollBarWidth","wait","watchPostEffect","onOverlayScroll","event","onOverlayClick","onCloseClick","overlayAttributes","classes","eventListeners","style","panelAttributes","accessibilityAttrs","maxWidth","sizes","throttle","contentHeight","contentHeight2","_ctx","_cache","_openBlock","_createBlock","_Teleport","_mergeProps","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}