bitboss-ui 2.0.92 → 2.0.93

package/dist/index25.js

@@ -1,13 +1,14 @@
-import { defineComponent as ae, ref as o, getCurrentInstance as se, computed as m, nextTick as N, useAttrs as ne, onMounted as ie, onBeforeUnmount as F, watch as re, openBlock as k, createBlock as ue, withCtx as de, createElementVNode as a, mergeProps as G, createElementBlock as $, renderSlot as u, createTextVNode as ce, toDisplayString as P, createCommentVNode as z } from "vue";
-import { throttle as ve } from "./index236.js";
-import { useFocusTrap as fe } from "./index219.js";
-import { useId as K } from "./index8.js";
+import { defineComponent as ie, ref as o, computed as u, getCurrentInstance as ne, nextTick as N, useAttrs as re, onMounted as ue, onBeforeUnmount as G, watch as de, openBlock as k, createBlock as ce, withCtx as ve, createElementVNode as a, mergeProps as P, createElementBlock as $, renderSlot as d, createTextVNode as fe, toDisplayString as K, createCommentVNode as z } from "vue";
+import { throttle as be } from "./index239.js";
+import { useFocusTrap as pe } from "./index224.js";
+import { useId as U } from "./index8.js";
 import { wait as H } from "./index131.js";
-import { waitFor as be } from "./index220.js";
-import { useModalsState as _ } from "./index237.js";
-import { useLogger as pe } from "./index227.js";
-import me from "./index222.js";
-const ge = { class: "bb-base-dialog-close" }, ye = ["aria-label"], ze = /* @__PURE__ */ ae({
+import { waitFor as me } from "./index226.js";
+import { useModalsState as _ } from "./index240.js";
+import { useLogger as ge } from "./index212.js";
+import { useMobile as ye } from "./index9.js";
+import he from "./index231.js";
+const we = { class: "bb-base-dialog-close" }, ke = ["aria-label"], Le = /* @__PURE__ */ ie({
   __name: "BaseDialog",
   props: {
     closeLabel: { default: "Chiudi modale" },
@@ -24,158 +25,160 @@ const ge = { class: "bb-base-dialog-close" }, ye = ["aria-label"], ze = /* @__PU
     size: { default: "sm" },
     description: {},
     focusTarget: {},
-    fullscreen: { type: Boolean },
+    fullscreen: { type: [Boolean, String] },
     modelValue: { type: [Boolean, null] }
   },
   emits: ["shown", "hidden", "update:modelValue"],
-  setup(U, { emit: j }) {
-    var I, R;
-    const t = U, d = j, C = `title_${K().id.value}`, B = `description_${K().id.value}`, g = o(null), c = o(null), T = o(null), y = o(null), v = o(null), s = o(null), f = o(null), q = o(null), L = !!((R = (I = se()) == null ? void 0 : I.proxy) != null && R.$nuxt), h = o(0), J = m(() => {
+  setup(j, { emit: q }) {
+    var R, W;
+    const l = j, c = q, C = `title_${U().id.value}`, B = `description_${U().id.value}`, { isMobile: J } = ye(), g = o(null), v = o(null), T = o(null), y = o(null), f = o(null), s = o(null), b = o(null), Q = o(null), M = u(
+      () => l.fullscreen === !0 || l.fullscreen === "mobile" && J.value
+    ), L = !!((W = (R = ne()) == null ? void 0 : R.proxy) != null && W.$nuxt), h = o(0), X = u(() => {
       const { openedModals: e } = _();
       return e.value && e.value === h.value;
-    }), { activate: Q, deactivate: M } = fe(T, {
-      initialFocus: t.focusTarget ?? void 0,
-      clickOutsideDeactivates: (e) => e.target === c.value,
+    }), { activate: Y, deactivate: x } = pe(T, {
+      initialFocus: l.focusTarget ?? void 0,
+      clickOutsideDeactivates: (e) => e.target === v.value,
       allowOutsideClick: !0,
       /* On esc deactivate the trap, return focus and then close the modal */
       escapeDeactivates: () => (N(() => {
-        d("update:modelValue", !1);
+        c("update:modelValue", !1);
       }), !0)
-    }), X = ne(), Y = m(() => t.closeLabel);
-    ie(async () => {
-      s.value && (g.value = new ResizeObserver(r), g.value.observe(s.value)), window.addEventListener("resize", r), r(), !(!t.modelValue && !i.value) && (L && !globalThis.document || S());
-    }), F(() => {
+    }), Z = re(), ee = u(() => l.closeLabel);
+    ue(async () => {
+      s.value && (g.value = new ResizeObserver(r), g.value.observe(s.value)), window.addEventListener("resize", r), r(), !(!l.modelValue && !n.value) && (L && !globalThis.document || A());
+    }), G(() => {
       window.removeEventListener("resize", r);
     });
-    const V = o(!1), b = o(!1), D = o(!0), p = o(!1), i = o(t.eager || t.modelValue), x = m(() => b.value || p.value), Z = () => {
+    const V = o(!1), p = o(!1), D = o(!0), m = o(!1), n = o(l.eager || l.modelValue), O = u(() => p.value || m.value), le = () => {
       if (!globalThis.document) return;
       const e = window.innerWidth - document.documentElement.clientWidth;
       document.body.style.overflow = "hidden", document.body.style.paddingRight = `${e}px`;
-    }, O = () => {
+    }, S = () => {
       globalThis.document && (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px");
     };
-    F(() => {
-      if (t.modelValue) {
-        const { openedModals: e, modalHasClosed: l } = _();
-        e.value && (l(), h.value = 0, O());
+    G(() => {
+      if (l.modelValue) {
+        const { openedModals: e, modalHasClosed: t } = _();
+        e.value && (t(), h.value = 0, S());
       }
     });
-    const S = async () => {
-      if (t.modelValue) {
-        i.value || (i.value = !0, await be(() => !!s.value), await N(), s.value && (g.value = new ResizeObserver(r), g.value.observe(s.value))), D.value = !1, p.value = !1, b.value = !0;
-        const { modalHasOpened: e, openedModals: l } = _();
-        e(), h.value = l.value, Z(), await H(t.transitionDuration), b.value = !1, V.value = !0, d("shown"), Q();
+    const A = async () => {
+      if (l.modelValue) {
+        n.value || (n.value = !0, await me(() => !!s.value), await N(), s.value && (g.value = new ResizeObserver(r), g.value.observe(s.value))), D.value = !1, m.value = !1, p.value = !0;
+        const { modalHasOpened: e, openedModals: t } = _();
+        e(), h.value = t.value, le(), await H(l.transitionDuration), p.value = !1, V.value = !0, c("shown"), Y();
       } else {
-        M(), b.value = !1, V.value = !1, p.value = !0, await H(t.transitionDuration), p.value = !1, D.value = !0;
-        const { modalHasClosed: e, openedModals: l } = _();
-        e(), h.value = 0, l.value || O(), d("hidden");
+        x(), p.value = !1, V.value = !1, m.value = !0, await H(l.transitionDuration), m.value = !1, D.value = !0;
+        const { modalHasClosed: e, openedModals: t } = _();
+        e(), h.value = 0, t.value || S(), c("hidden");
       }
     };
-    re(
-      () => t.modelValue,
+    de(
+      () => l.modelValue,
       () => {
-        !t.modelValue && !i.value || L && !globalThis.document || S();
+        !l.modelValue && !n.value || L && !globalThis.document || A();
       },
       { flush: "post" }
     );
     const w = (e) => {
-      e.target === c.value && e.preventDefault();
-    }, ee = (e) => {
-      t.disabled || x.value || c.value && e.target === c.value && (t.persistent || d("update:modelValue", !1));
-    }, A = () => {
-      t.disabled || x.value || (M(), d("update:modelValue", !1));
-    }, te = m(() => {
+      e.target === v.value && e.preventDefault();
+    }, te = (e) => {
+      l.disabled || O.value || v.value && e.target === v.value && (l.persistent || c("update:modelValue", !1));
+    }, E = () => {
+      l.disabled || O.value || (x(), c("update:modelValue", !1));
+    }, oe = u(() => {
       const e = [
         {
           "bb-base-dialog bb-base-dialog__overlay": !0,
-          "bb-base-dialog--fullscreen": t.fullscreen,
-          "bb-base-dialog--faded": !J.value,
+          "bb-base-dialog--fullscreen": M.value,
+          "bb-base-dialog--faded": !X.value,
           "bb-base-dialog--open": V.value,
-          "bb-base-dialog--opening": b.value,
+          "bb-base-dialog--opening": p.value,
           "bb-base-dialog--closed": D.value,
-          "bb-base-dialog--closing": p.value,
-          [`bb-base-dialog--transition-${t.transition}`]: !0
+          "bb-base-dialog--closing": m.value,
+          [`bb-base-dialog--transition-${l.transition}`]: !0
         },
-        t.overlayClasses
-      ].flat(), l = {
-        onClick: ee,
+        l.overlayClasses
+      ].flat(), t = {
+        onClick: te,
         onScroll: w,
         onTouchmove: w,
         onWheel: w,
         onKeydown: w
-      }, n = {
-        transitionDuration: t.transitionDuration / 1e3 + "s"
+      }, i = {
+        transitionDuration: l.transitionDuration / 1e3 + "s"
       };
       return {
         class: e,
-        style: n,
-        ...l,
-        ...X
+        style: i,
+        ...t,
+        ...Z
       };
-    }), le = m(() => {
+    }), ae = u(() => {
       const e = [
         {
           "bb-base-dialog__panel": !0,
-          "bb-base-dialog__panel--compact": t.compact
+          "bb-base-dialog__panel--compact": l.compact
         },
-        t.panelClasses
-      ].flat(), l = {
+        l.panelClasses
+      ].flat(), t = {
         role: "dialog",
         "aria-modal": !0
       };
-      i.value && (t.title && (l["aria-labelledby"] = C), t.description && (l["aria-describedby"] = B));
-      let n;
-      const W = {
+      n.value && (l.title && (t["aria-labelledby"] = C), l.description && (t["aria-describedby"] = B));
+      let i;
+      const F = {
         sm: 384,
         md: 652,
         lg: 896
       };
-      t.fullscreen ? n = "100%" : typeof t.size == "number" ? n = t.size + "px" : t.size in W ? n = W[t.size] + "px" : n = t.size + "px";
-      const oe = {
-        maxWidth: n,
-        transitionDuration: t.transitionDuration / 1e3 + "s"
+      M.value ? i = "100%" : typeof l.size == "number" ? i = l.size + "px" : l.size in F ? i = F[l.size] + "px" : i = l.size + "px";
+      const se = {
+        maxWidth: i,
+        transitionDuration: l.transitionDuration / 1e3 + "s"
       };
       return {
         class: e,
-        style: oe,
-        ...l
+        style: se,
+        ...t
       };
     });
-    let E = 0;
-    const r = ve(
+    let I = 0;
+    const r = be(
       async () => {
-        if (E++, E === 100) {
-          const { error: e } = pe();
+        if (I++, I === 100) {
+          const { error: e } = ge();
           e(
             "Dialog is updating its height too often. Please check the content is reliably sized."
           );
         }
-        if (t.fullscreen) {
-          q.value = window.innerHeight;
+        if (l.fullscreen) {
+          Q.value = window.innerHeight;
           return;
         }
-        if (v.value && s.value && f.value) {
-          const e = v.value.scrollHeight + s.value.scrollHeight + f.value.scrollHeight + 2;
-          if (y.value && (y.value.style.height = "0px", y.value.style.height = `${e + 2}px`, await H(30), v.value && s.value && f.value)) {
-            const l = v.value.scrollHeight + s.value.scrollHeight + f.value.scrollHeight + 2;
-            e !== l && r();
+        if (f.value && s.value && b.value) {
+          const e = f.value.scrollHeight + s.value.scrollHeight + b.value.scrollHeight + 2;
+          if (y.value && (y.value.style.height = "0px", y.value.style.height = `${e + 2}px`, await H(30), f.value && s.value && b.value)) {
+            const t = f.value.scrollHeight + s.value.scrollHeight + b.value.scrollHeight + 2;
+            e !== t && r();
           }
         }
       },
       200,
       { trailing: !0 }
     );
-    return (e, l) => (k(), ue(me, null, {
-      default: de(() => [
-        a("div", G(te.value, {
+    return (e, t) => (k(), ce(he, null, {
+      default: ve(() => [
+        a("div", P(oe.value, {
           ref_key: "overlay",
-          ref: c
+          ref: v
         }), [
-          a("div", G(le.value, {
+          a("div", P(ae.value, {
             ref_key: "panel",
             ref: T
           }), [
-            i.value ? (k(), $("div", {
+            n.value ? (k(), $("div", {
               key: 0,
               ref_key: "content",
               ref: y,
@@ -183,11 +186,11 @@ const ge = { class: "bb-base-dialog-close" }, ye = ["aria-label"], ze = /* @__PU
             }, [
               a("div", {
                 ref_key: "header",
-                ref: v,
+                ref: f,
                 class: "bb-base-dialog__header"
               }, [
-                u(e.$slots, "header", {
-                  close: A,
+                d(e.$slots, "header", {
+                  close: E,
                   title: e.title,
                   titleId: C
                 }, () => [
@@ -195,19 +198,19 @@ const ge = { class: "bb-base-dialog-close" }, ye = ["aria-label"], ze = /* @__PU
                     id: C,
                     class: "bb-base-dialog__title"
                   }, [
-                    u(e.$slots, "title", { text: e.title }, () => [
-                      ce(P(e.title), 1)
+                    d(e.$slots, "title", { text: e.title }, () => [
+                      fe(K(e.title), 1)
                     ])
                   ]),
-                  a("span", ge, [
+                  a("span", we, [
                     e.showClose ? (k(), $("button", {
                       key: 0,
-                      "aria-label": Y.value,
+                      "aria-label": ee.value,
                       type: "button",
-                      onClick: A
+                      onClick: E
                     }, [
-                      u(e.$slots, "close", {}, () => [
-                        l[0] || (l[0] = a("span", { class: "bb-base-dialog-close__icon" }, [
+                      d(e.$slots, "close", {}, () => [
+                        t[0] || (t[0] = a("span", { class: "bb-base-dialog-close__icon" }, [
                           a("svg", {
                             "aria-hidden": "true",
                             fill: "none",
@@ -223,7 +226,7 @@ const ge = { class: "bb-base-dialog-close" }, ye = ["aria-label"], ze = /* @__PU
                           ])
                         ], -1))
                       ])
-                    ], 8, ye)) : z("", !0)
+                    ], 8, ke)) : z("", !0)
                   ])
                 ])
               ], 512),
@@ -232,7 +235,7 @@ const ge = { class: "bb-base-dialog-close" }, ye = ["aria-label"], ze = /* @__PU
                 ref: s,
                 class: "bb-base-dialog__body scrollbar-border"
               }, [
-                u(e.$slots, "description", {
+                d(e.$slots, "description", {
                   descriptionId: B,
                   text: e.description
                 }, () => [
@@ -240,17 +243,17 @@ const ge = { class: "bb-base-dialog-close" }, ye = ["aria-label"], ze = /* @__PU
                     key: 0,
                     id: B,
                     class: "bb-base-dialog__description sr-only"
-                  }, P(e.description), 1)) : z("", !0)
+                  }, K(e.description), 1)) : z("", !0)
                 ]),
-                u(e.$slots, "default")
+                d(e.$slots, "default")
               ], 512),
-              l[1] || (l[1] = a("div", { style: { flex: "10000 10000 0%" } }, null, -1)),
+              t[1] || (t[1] = a("div", { style: { flex: "10000 10000 0%" } }, null, -1)),
               a("div", {
                 ref_key: "footer",
-                ref: f,
+                ref: b,
                 class: "bb-base-dialog__footer"
               }, [
-                u(e.$slots, "footer")
+                d(e.$slots, "footer")
               ], 512)
             ], 512)) : z("", !0)
           ], 16)
@@ -261,5 +264,5 @@ const ge = { class: "bb-base-dialog-close" }, ye = ["aria-label"], ze = /* @__PU
   }
 });
 export {
-  ze as default
+  Le as default
 };

package/dist/index251.js

@@ -1,8 +1,6 @@
-import e from "./index299.js";
-import o from "./index300.js";
-import r from "./index301.js";
-const f = new r(o, e)._freeze();
+const e = function(t) {
+  return (...n) => n.length >= t.length ? t(...n) : e(t.bind(void 0, ...n));
+};
 export {
-  r as Mime,
-  f as default
+  e as curry
 };