bitboss-ui 0.2.76 → 1.0.0

package/dist/index198.js

@@ -1,6 +1,5 @@
-import r from "./index232.js";
-const t = r;
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  t as deburr
+  s as isCssColor
 };
 //# sourceMappingURL=index198.js.map

package/dist/index198.js.map

@@ -1 +1 @@
-{"version":3,"file":"index198.js","sources":["../src/utilities/functions/deburr.ts"],"sourcesContent":["import d from 'lodash.deburr';\n\nexport const deburr = d;\n"],"names":["deburr","d"],"mappings":";AAEO,MAAMA,IAASC;"}
+{"version":3,"file":"index198.js","sources":["../src/utilities/functions/isCssColor.ts"],"sourcesContent":["/**\n * Taken from vuetify colorable mixin\n * https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/mixins/colorable/index.ts\n */\nexport const isCssColor = (color: string): boolean => {\n\treturn !!color && !!color.match(/^(#|var\\(--|(rgb|hsl)a?\\()/);\n};\n"],"names":["isCssColor","color"],"mappings":"AAIa,MAAAA,IAAa,CAACC,MACnB,CAAC,CAACA,KAAS,CAAC,CAACA,EAAM,MAAM,4BAA4B;"}

package/dist/index199.js

@@ -1,6 +1,7 @@
-import o from "./index233.js";
-const e = o;
+import { curry as e } from "./index225.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  e as snakeCase
+  t as baseWhen,
+  s as when
 };
 //# sourceMappingURL=index199.js.map

package/dist/index199.js.map

@@ -1 +1 @@
-{"version":3,"file":"index199.js","sources":["../src/utilities/functions/snakeCase.ts"],"sourcesContent":["import s from 'lodash.snakecase';\n\nexport const snakeCase = s;\n"],"names":["snakeCase","s"],"mappings":";AAEO,MAAMA,IAAYC;"}
+{"version":3,"file":"index199.js","sources":["../src/utilities/functions/when.ts"],"sourcesContent":["import { curry } from './curry';\n/**\n * Runs fn on item if iteratee(item) is thruthy\n * @param iteratee The test\n * @param item The item to test\n * @param fn The transformer function\n * @returns\n */\nexport const baseWhen = <T, U>(\n\titeratee: (item: T) => boolean,\n\tfn: (item: T) => U,\n\titem: T\n) => {\n\tif (iteratee(item)) return fn(item);\n\treturn item;\n};\n\nexport const when = curry(baseWhen);\n"],"names":["baseWhen","iteratee","fn","item","when","curry"],"mappings":";AAQO,MAAMA,IAAW,CACvBC,GACAC,GACAC,MAEIF,EAASE,CAAI,IAAUD,EAAGC,CAAI,IAC3BA,GAGKC,IAAOC,EAAML,CAAQ;"}

package/dist/index2.js

@@ -1,43 +1,2 @@
-import { ref as i, onBeforeUnmount as h } from "vue";
-const b = (l = "bitboss-ui") => {
-  let r = 0;
-  return { useBroadCastChannel: () => {
-    r++;
-    const f = i(!1), o = i(), s = {};
-    function d(e, n = void 0) {
-      o.value && o.value.postMessage({ type: e, params: n });
-    }
-    const v = () => {
-      r--, o.value && !r && o.value.close(), f.value = !0;
-    }, p = (e, n, a = {
-      removeonUnmount: !0
-    }) => {
-      var t;
-      s[e] === void 0 && (s[e] = []), (t = s[e]) == null || t.push(n), a.removeonUnmount && s[e] && h(() => {
-        const c = s[e], u = c.indexOf(n);
-        u !== -1 && c.splice(u, 1);
-      });
-    };
-    try {
-      o.value = new BroadcastChannel(l), o.value.addEventListener(
-        "message",
-        (e) => {
-          const n = e.data, a = s[n.type] ?? [];
-          "params" in n ? a.forEach((t) => t(n.params)) : a.forEach((t) => t());
-        },
-        { passive: !0 }
-      );
-    } catch (e) {
-      console.error(e);
-    }
-    return {
-      on: p,
-      post: d,
-      close: v
-    };
-  } };
-};
-export {
-  b as useBroadcastChannelInstance
-};
+
 //# sourceMappingURL=index2.js.map

package/dist/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","sources":["../src/composables/useBroadcastChannelInstance.ts"],"sourcesContent":["import { onBeforeUnmount, ref } from 'vue';\n\ntype MessageMap = { [key: string]: any };\n\ntype Message<T extends MessageMap> = {\n\t[Name in keyof T]: T[Name] extends void\n\t\t? { type: Name }\n\t\t: { type: Name; params: T[Name] };\n}[keyof T];\n\nexport const useBroadcastChannelInstance = <T extends MessageMap>(\n\tname = 'bitboss-ui'\n) => {\n\tlet instances = 0;\n\tconst useBroadCastChannel = () => {\n\t\tinstances++;\n\n\t\tconst isClosed = ref(false);\n\t\tconst channel = ref<BroadcastChannel | undefined>();\n\t\tconst subscribers: Partial<Record<keyof T, ((...args: any[]) => any)[]>> =\n\t\t\t{};\n\n\t\tfunction post<Key extends keyof T>(message: Key, params: T[Key]): void;\n\t\tfunction post<Key extends keyof T>(message: Key, params?: never): void;\n\t\tfunction post(message: keyof T, params: any = undefined) {\n\t\t\tif (channel.value) channel.value.postMessage({ type: message, params });\n\t\t}\n\n\t\tconst close = () => {\n\t\t\tinstances--;\n\t\t\tif (channel.value && !instances) {\n\t\t\t\tchannel.value.close();\n\t\t\t}\n\t\t\tisClosed.value = true;\n\t\t};\n\n\t\tconst on = <Key extends keyof T>(\n\t\t\tmessage: Key,\n\t\t\tfn: T[Key] extends void ? () => any : (arg: T[Key]) => any,\n\t\t\toptions: {\n\t\t\t\tremoveonUnmount: boolean;\n\t\t\t} = {\n\t\t\t\tremoveonUnmount: true,\n\t\t\t}\n\t\t) => {\n\t\t\tif (subscribers[message] === undefined) subscribers[message] = [];\n\n\t\t\tsubscribers[message]?.push(fn);\n\t\t\tif (options.removeonUnmount && subscribers[message]) {\n\t\t\t\tonBeforeUnmount(() => {\n\t\t\t\t\tconst arr = subscribers[message]!;\n\t\t\t\t\tconst indexOfFn = arr.indexOf(fn);\n\t\t\t\t\tif (indexOfFn !== -1) {\n\t\t\t\t\t\tarr.splice(indexOfFn, 1);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\ttry {\n\t\t\tchannel.value = new BroadcastChannel(name);\n\n\t\t\tchannel.value.addEventListener(\n\t\t\t\t'message',\n\t\t\t\t(e: MessageEvent) => {\n\t\t\t\t\tconst data = e.data as Message<T>;\n\t\t\t\t\tconst subs = subscribers[data.type] ?? [];\n\t\t\t\t\tif ('params' in data) {\n\t\t\t\t\t\tsubs.forEach((s) => s(data.params));\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsubs.forEach((s) => s());\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ passive: true }\n\t\t\t);\n\t\t} catch (error) {\n\t\t\tconsole.error(error);\n\t\t}\n\n\t\treturn {\n\t\t\ton,\n\t\t\tpost,\n\t\t\tclose,\n\t\t};\n\t};\n\treturn { useBroadCastChannel };\n};\n"],"names":["useBroadcastChannelInstance","name","instances","isClosed","ref","channel","subscribers","post","message","params","close","on","fn","options","_a","onBeforeUnmount","arr","indexOfFn","data","subs","s","error"],"mappings":";AAUa,MAAAA,IAA8B,CAC1CC,IAAO,iBACH;AACJ,MAAIC,IAAY;AAwEhB,SAAO,EAAE,qBAvEmB,MAAM;AACjC,IAAAA;AAEM,UAAAC,IAAWC,EAAI,EAAK,GACpBC,IAAUD,KACVE,IACL,CAAA;AAIQ,aAAAC,EAAKC,GAAkBC,IAAc,QAAW;AACxD,MAAIJ,EAAQ,SAAOA,EAAQ,MAAM,YAAY,EAAE,MAAMG,GAAS,QAAAC,GAAQ;AAAA,IACvE;AAEA,UAAMC,IAAQ,MAAM;AACnB,MAAAR,KACIG,EAAQ,SAAS,CAACH,KACrBG,EAAQ,MAAM,SAEfF,EAAS,QAAQ;AAAA,IAAA,GAGZQ,IAAK,CACVH,GACAI,GACAC,IAEI;AAAA,MACH,iBAAiB;AAAA,IAAA,MAEd;;AACA,MAAAP,EAAYE,CAAO,MAAM,WAAuBF,EAAAE,CAAO,IAAI,MAEnDM,IAAAR,EAAAE,CAAO,MAAP,QAAAM,EAAU,KAAKF,IACvBC,EAAQ,mBAAmBP,EAAYE,CAAO,KACjDO,EAAgB,MAAM;AACf,cAAAC,IAAMV,EAAYE,CAAO,GACzBS,IAAYD,EAAI,QAAQJ,CAAE;AAChC,QAAIK,MAAc,MACbD,EAAA,OAAOC,GAAW,CAAC;AAAA,MACxB,CACA;AAAA,IACF;AAGG,QAAA;AACK,MAAAZ,EAAA,QAAQ,IAAI,iBAAiBJ,CAAI,GAEzCI,EAAQ,MAAM;AAAA,QACb;AAAA,QACA,CAAC,MAAoB;AACpB,gBAAMa,IAAO,EAAE,MACTC,IAAOb,EAAYY,EAAK,IAAI,KAAK,CAAA;AACvC,UAAI,YAAYA,IACfC,EAAK,QAAQ,CAACC,MAAMA,EAAEF,EAAK,MAAM,CAAC,IAElCC,EAAK,QAAQ,CAACC,MAAMA,EAAG,CAAA;AAAA,QAEzB;AAAA,QACA,EAAE,SAAS,GAAK;AAAA,MAAA;AAAA,aAETC,GAAO;AACf,cAAQ,MAAMA,CAAK;AAAA,IACpB;AAEO,WAAA;AAAA,MACN,IAAAV;AAAA,MACA,MAAAJ;AAAA,MACA,OAAAG;AAAA,IAAA;AAAA,EACD,EAE4B;AAC9B;"}
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index20.js

@@ -1,2 +1,240 @@
-
+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 "./index219.js";
+import { useFocusTrap as le } from "./index211.js";
+import { useId as A } from "./index8.js";
+import { wait as L } from "./index123.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__ */ l("span", { class: "bb-base-dialog-close__icon" }, [
+  /* @__PURE__ */ l("svg", {
+    "aria-hidden": "true",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ l("path", {
+      d: "M23 23L1 1M23 1L1 23",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-width": "2"
+    })
+  ])
+], -1), de = /* @__PURE__ */ l("div", { style: { flex: "10000 10000 0%" } }, null, -1), me = /* @__PURE__ */ J({
+  __name: "BaseDialog",
+  props: {
+    closeLabel: { default: "Chiudi modale" },
+    compact: { type: Boolean },
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    panelClasses: { default: () => [] },
+    overlayClasses: { default: () => [] },
+    persistent: { type: Boolean },
+    showClose: { type: Boolean, default: !0 },
+    title: {},
+    transition: { default: "fade" },
+    transitionDuration: { default: 350 },
+    size: { default: "sm" },
+    description: {},
+    fullscreen: { type: Boolean },
+    modelValue: { type: [Boolean, null] }
+  },
+  emits: ["shown", "hidden", "update:modelValue"],
+  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: () => (T(() => {
+        r("update:modelValue", !1);
+      }), !0)
+    }), 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 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");
+      }
+    });
+    const G = async () => {
+      if (t.modelValue) {
+        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), c.value = !1, C.value = !0, r("shown"), F();
+      } else {
+        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, r("hidden");
+      }
+    };
+    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": 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: K,
+        onScroll: g,
+        onTouchmove: g,
+        onWheel: g,
+        onKeydown: g
+      }, n = {
+        transitionDuration: t.transitionDuration / 1e3 + "s"
+      };
+      return {
+        class: e,
+        style: n,
+        ...s,
+        ...P
+      };
+    }), j = h(() => {
+      const e = [
+        {
+          "bb-base-dialog__panel": !0,
+          "bb-base-dialog__panel--compact": t.compact
+        },
+        t.panelClasses
+      ].flat(), s = {
+        role: "dialog",
+        "aria-modal": !0
+      };
+      v.value && (t.title && (s["aria-labelledby"] = w), t.description && (s["aria-describedby"] = k));
+      let n;
+      const x = {
+        sm: 384,
+        md: 652,
+        lg: 896
+      };
+      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: q,
+        ...s
+      };
+    }), f = oe(async () => {
+      if (t.fullscreen) {
+        I.value = window.innerHeight;
+        return;
+      }
+      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) => (_(), Z(ee, { to: "body" }, [
+      l("div", N(U.value, {
+        ref_key: "overlay",
+        ref: m
+      }), [
+        l("div", N(j.value, {
+          ref_key: "panel",
+          ref: $
+        }), [
+          v.value ? (_(), B("div", {
+            key: 0,
+            ref_key: "content",
+            ref: y,
+            class: "bb-base-dialog__content"
+          }, [
+            l("div", {
+              ref_key: "header",
+              ref: d,
+              class: "bb-base-dialog__header"
+            }, [
+              i(e.$slots, "header", {
+                close: S,
+                title: e.title,
+                titleId: w
+              }, () => [
+                l("span", {
+                  id: w,
+                  class: "bb-base-dialog__title"
+                }, [
+                  i(e.$slots, "title", { text: e.title }, () => [
+                    te(V(e.title), 1)
+                  ])
+                ]),
+                l("span", se, [
+                  e.showClose ? (_(), B("button", {
+                    key: 0,
+                    type: "button",
+                    onClick: S
+                  }, [
+                    i(e.$slots, "close", { text: H.value }, () => [
+                      l("span", ne, [
+                        l("span", ie, V(H.value), 1),
+                        re
+                      ])
+                    ])
+                  ])) : D("", !0)
+                ])
+              ])
+            ], 512),
+            l("div", {
+              ref_key: "body",
+              ref: a,
+              class: "bb-base-dialog__body"
+            }, [
+              i(e.$slots, "description", {
+                descriptionId: k,
+                text: e.description
+              }, () => [
+                e.description ? (_(), B("div", {
+                  key: 0,
+                  id: k,
+                  class: "bb-base-dialog__description"
+                }, V(e.description), 1)) : D("", !0)
+              ]),
+              i(e.$slots, "default")
+            ], 512),
+            de,
+            l("div", {
+              ref_key: "footer",
+              ref: u,
+              class: "bb-base-dialog__footer"
+            }, [
+              i(e.$slots, "footer")
+            ], 512)
+          ], 512)) : D("", !0)
+        ], 16)
+      ], 16)
+    ]));
+  }
+});
+export {
+  me as default
+};
 //# sourceMappingURL=index20.js.map

package/dist/index20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index20.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index20.js","sources":["../src/components/BaseDialog/BaseDialog.vue"],"sourcesContent":["<template>\n\t<teleport to=\"body\">\n\t\t<div v-bind=\"overlayAttributes\" ref=\"overlay\">\n\t\t\t<div v-bind=\"panelAttributes\" ref=\"panel\">\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"hasRenderedAtLeastOnce\"\n\t\t\t\t\tref=\"content\"\n\t\t\t\t\tclass=\"bb-base-dialog__content\"\n\t\t\t\t>\n\t\t\t\t\t<div ref=\"header\" class=\"bb-base-dialog__header\">\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t:close=\"onCloseClick\"\n\t\t\t\t\t\t\tname=\"header\"\n\t\t\t\t\t\t\t:title=\"title\"\n\t\t\t\t\t\t\t:title-id=\"titleId\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span :id=\"titleId\" class=\"bb-base-dialog__title\">\n\t\t\t\t\t\t\t\t<slot name=\"title\" :text=\"title\">{{ title }}</slot>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span class=\"bb-base-dialog-close\">\n\t\t\t\t\t\t\t\t<button v-if=\"showClose\" type=\"button\" @click=\"onCloseClick\">\n\t\t\t\t\t\t\t\t\t<slot name=\"close\" :text=\"closeLabel\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"bb-base-dialog-close__content\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"bb-base-dialog-close__label\">{{\n\t\t\t\t\t\t\t\t\t\t\t\tcloseLabel\n\t\t\t\t\t\t\t\t\t\t\t}}</span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"bb-base-dialog-close__icon\"\n\t\t\t\t\t\t\t\t\t\t\t\t><svg\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M23 23L1 1M23 1L1 23\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div ref=\"body\" class=\"bb-base-dialog__body\">\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t:description-id=\"descriptionId\"\n\t\t\t\t\t\t\tname=\"description\"\n\t\t\t\t\t\t\t:text=\"description\"\n\t\t\t\t\t\t\t><div\n\t\t\t\t\t\t\t\tv-if=\"description\"\n\t\t\t\t\t\t\t\t:id=\"descriptionId\"\n\t\t\t\t\t\t\t\tclass=\"bb-base-dialog__description\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ description }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style=\"flex: 10000 10000 0%\"></div>\n\t\t\t\t\t<div ref=\"footer\" class=\"bb-base-dialog__footer\">\n\t\t\t\t\t\t<slot name=\"footer\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</teleport>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n\tcomputed,\n\tonBeforeUnmount,\n\tonMounted,\n\tref,\n\tuseAttrs,\n\tnextTick,\n\twatchPostEffect,\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\tsm: number;\n\tmd: number;\n\tlg: number;\n};\n\nexport type BaseDialogProps = Pick<\n\tCommonProps,\n\t| 'closeLabel'\n\t| 'compact'\n\t| 'disabled'\n\t| 'eager'\n\t| 'panelClasses'\n\t| 'overlayClasses'\n\t| 'persistent'\n\t| 'showClose'\n\t| 'title'\n\t| 'transition'\n\t| 'transitionDuration'\n> &\n\tSize<Sizes> & {\n\t\t/**\n\t\t * Description of the content of the modal. Extremely useful for accessibility reasons.\n\t\t */\n\t\tdescription?: string;\n\t\t/**\n\t\t * Displays the modala as fulscreen with no margin to the page\n\t\t */\n\t\tfullscreen?: boolean;\n\t\t/**\n\t\t * Defines the state open / closed of the modal.\n\t\t */\n\t\tmodelValue?: boolean | null;\n\t};\n\nconst props = withDefaults(defineProps<BaseDialogProps>(), {\n\tcloseLabel: 'Chiudi modale',\n\tshowClose: true,\n\tsize: 'sm',\n\ttransition: 'fade',\n\ttransitionDuration: 350,\n\tpanelClasses: () => [],\n\toverlayClasses: () => [],\n});\n\nexport type BaseDialogSlots = {\n\theader?: (props: {\n\t\ttitleId: typeof titleId;\n\t\tclose: typeof onCloseClick;\n\t\ttitle: BaseDialogProps['title'];\n\t}) => any;\n\ttitle?: (props: { text: BaseDialogProps['title'] }) => any;\n\tclose?: (props: { text: BaseDialogProps['closeLabel'] }) => any;\n\tdescription?: (props: {\n\t\tdescriptionId: typeof descriptionId;\n\t\ttext: BaseDialogProps['description'];\n\t}) => any;\n\tdefault?: (props: object) => any;\n\tfooter?: (props: object) => any;\n};\n\ndefineSlots<BaseDialogSlots>();\n\nexport type BaseDialogEvents = {\n\t(e: 'shown'): void;\n\t(e: 'hidden'): void;\n\t(e: 'update:modelValue', value: boolean): void;\n};\n\nconst emit = defineEmits<BaseDialogEvents>();\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\tclickOutsideDeactivates: true,\n\t/* On esc deactivate the trap, return focus and then close the modal */\n\tescapeDeactivates: () => {\n\t\tnextTick(() => {\n\t\t\temit('update:modelValue', false);\n\t\t});\n\t\treturn true;\n\t},\n});\n\nconst attrs = useAttrs();\n\nconst closeLabel = computed(() => props.closeLabel);\n\nonMounted(async () => {\n\tif (body.value) {\n\t\tobserver.value = new MutationObserver(onContentGrow);\n\t\tobserver.value.observe(body.value, { childList: true, subtree: true });\n\t}\n\twindow.addEventListener('resize', onContentGrow);\n});\nonBeforeUnmount(() => {\n\twindow.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\tif (props.modelValue) {\n\t\tlet currentlyOpenModals = Number(\n\t\t\tdocument.body.dataset['openModals'] ?? '0'\n\t\t);\n\t\t// This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\t\tcurrentlyOpenModals--;\n\t\tdocument.body.dataset['openModals'] = currentlyOpenModals.toString();\n\t\tif (!currentlyOpenModals) {\n\t\t\tdocument.body.style.overflow = 'auto';\n\t\t\tdocument.body.style.paddingRight = '0px';\n\t\t}\n\t}\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\tif (props.modelValue) {\n\t\tif (!hasRenderedAtLeastOnce.value) {\n\t\t\thasRenderedAtLeastOnce.value = true;\n\t\t\tawait waitFor(() => !!body.value);\n\t\t\tawait nextTick();\n\t\t\tif (body.value) {\n\t\t\t\tobserver.value = new MutationObserver(onContentGrow);\n\t\t\t\tobserver.value.observe(body.value, { childList: true, subtree: true });\n\t\t\t}\n\t\t}\n\n\t\tclosed.value = false;\n\t\tclosing.value = false;\n\t\topening.value = true;\n\n\t\t// This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\n\t\tlet currentlyOpenModals = Number(\n\t\t\tdocument.body.dataset['openModals'] ?? '0'\n\t\t);\n\t\tcurrentlyOpenModals++;\n\t\tdocument.body.dataset['openModals'] = currentlyOpenModals.toString();\n\t\tconst scrollBarWidth =\n\t\t\twindow.innerWidth - document.documentElement.clientWidth;\n\t\tdocument.body.style.overflow = 'hidden';\n\t\tdocument.body.style.paddingRight = `${scrollBarWidth}px`;\n\n\t\tawait wait(props.transitionDuration);\n\t\topening.value = false;\n\t\topen.value = true;\n\t\temit('shown');\n\t\tactivate();\n\t} else {\n\t\tdeactivate();\n\t\topening.value = false;\n\t\topen.value = false;\n\t\tclosing.value = true;\n\n\t\tawait wait(props.transitionDuration);\n\n\t\tlet currentlyOpenModals = Number(\n\t\t\tdocument.body.dataset['openModals'] ?? '0'\n\t\t);\n\t\t// This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\t\tcurrentlyOpenModals--;\n\t\tdocument.body.dataset['openModals'] = currentlyOpenModals.toString();\n\t\tif (!currentlyOpenModals) {\n\t\t\tdocument.body.style.overflow = 'auto';\n\t\t\tdocument.body.style.paddingRight = '0px';\n\t\t}\n\t\tclosing.value = false;\n\t\tclosed.value = true;\n\t\temit('hidden');\n\t}\n};\n\n/**\n * Every time modelValue changes align the display to it\n */\nwatchPostEffect(() => {\n\tif (!props.modelValue && !hasRenderedAtLeastOnce.value) return;\n\talignToModelValue();\n});\n\n/**\n * Disable scrolling\n */\nconst onOverlayScroll = (event: UIEvent) => {\n\tif (event.target === overlay.value) {\n\t\tevent.preventDefault();\n\t}\n};\n\n/**\n * Close the modal on overlay click if not persistent\n */\nconst onOverlayClick = (event: MouseEvent) => {\n\tif (props.disabled || busy.value) return;\n\tif (overlay.value) {\n\t\tif (event.target === overlay.value) {\n\t\t\tif (!props.persistent) {\n\t\t\t\temit('update:modelValue', false);\n\t\t\t}\n\t\t}\n\t}\n};\n\n/**\n * On click on the X button\n */\nconst onCloseClick = () => {\n\tif (props.disabled || busy.value) return;\n\tdeactivate();\n\temit('update:modelValue', false);\n};\n\nconst overlayAttributes = computed(() => {\n\tconst classes = [\n\t\t{\n\t\t\t'bb-base-dialog bb-base-dialog__overlay': true,\n\t\t\t'bb-base-dialog--fullscreen': props.fullscreen,\n\t\t\t'bb-base-dialog--open': open.value,\n\t\t\t'bb-base-dialog--opening': opening.value,\n\t\t\t'bb-base-dialog--closed': closed.value,\n\t\t\t'bb-base-dialog--closing': closing.value,\n\t\t\t[`bb-base-dialog--transition-${props.transition}`]: true,\n\t\t},\n\t\tprops.overlayClasses,\n\t].flat();\n\tconst eventListeners = {\n\t\tonClick: onOverlayClick,\n\t\tonScroll: onOverlayScroll,\n\t\tonTouchmove: onOverlayScroll,\n\t\tonWheel: onOverlayScroll,\n\t\tonKeydown: onOverlayScroll,\n\t};\n\n\tconst style = {\n\t\ttransitionDuration: props.transitionDuration / 1000 + 's',\n\t};\n\treturn {\n\t\tclass: classes,\n\t\tstyle,\n\t\t...eventListeners,\n\t\t...attrs,\n\t};\n});\n\nconst panelAttributes = computed(() => {\n\tconst classes = [\n\t\t{\n\t\t\t'bb-base-dialog__panel': true,\n\t\t\t'bb-base-dialog__panel--compact': props.compact,\n\t\t},\n\t\tprops.panelClasses,\n\t].flat();\n\n\tconst accessibilityAttrs: {\n\t\t[key: string]: string | boolean;\n\t} = {\n\t\trole: 'dialog',\n\t\t'aria-modal': true,\n\t};\n\n\tif (hasRenderedAtLeastOnce.value) {\n\t\tif (props.title) {\n\t\t\taccessibilityAttrs['aria-labelledby'] = titleId;\n\t\t}\n\n\t\tif (props.description)\n\t\t\taccessibilityAttrs['aria-describedby'] = descriptionId;\n\t}\n\n\tlet maxWidth;\n\tconst sizes: Sizes = {\n\t\tsm: 384,\n\t\tmd: 652,\n\t\tlg: 896,\n\t};\n\tif (props.fullscreen) maxWidth = '100%';\n\telse if (typeof props.size === 'number') maxWidth = props.size + 'px';\n\telse if (props.size in sizes)\n\t\tmaxWidth = sizes[props.size as keyof Sizes] + 'px';\n\telse maxWidth = props.size + 'px';\n\n\tconst style = {\n\t\tmaxWidth,\n\t\ttransitionDuration: props.transitionDuration / 1000 + 's',\n\t};\n\n\treturn {\n\t\tclass: classes,\n\t\tstyle,\n\t\t...accessibilityAttrs,\n\t};\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\tif (props.fullscreen) {\n\t\theight.value = window.innerHeight;\n\t\treturn;\n\t}\n\tif (header.value && body.value && footer.value) {\n\t\tconst contentHeight =\n\t\t\theader.value.scrollHeight +\n\t\t\tbody.value.scrollHeight +\n\t\t\tfooter.value.scrollHeight +\n\t\t\t2;\n\t\t/* Add two so renderless elements at the bottom are not cut off */\n\t\tif (content.value) {\n\t\t\tcontent.value.style.height = '0px';\n\t\t\tcontent.value.style.height = `${contentHeight + 10}px`;\n\t\t\t/**\n\t\t\t * Run until all transitions inside have completed\n\t\t\t */\n\t\t\tawait wait(30);\n\t\t\tif (header.value && body.value && footer.value) {\n\t\t\t\tconst contentHeight2 =\n\t\t\t\t\theader.value.scrollHeight +\n\t\t\t\t\tbody.value.scrollHeight +\n\t\t\t\t\tfooter.value.scrollHeight +\n\t\t\t\t\t20;\n\t\t\t\tif (contentHeight !== contentHeight2) onContentGrow();\n\t\t\t}\n\t\t}\n\t}\n}, 200);\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BaseDialog';\n</style>\n"],"names":["props","__props","emit","__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"],"mappings":"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"}