bitboss-ui 2.0.38 → 2.0.40

package/dist/index248.js

@@ -1,14 +1,12 @@
-import { ref as t } from "vue";
-const n = () => {
-  const e = t([]);
-  return { array: e, set: (...r) => {
-    e.value = r;
-  }, add: (...r) => {
-    e.value.push(...r);
-  }, remove: (r) => {
-    e.value = e.value.filter(r);
-  } };
+const o = (t, r) => {
+  const e = {};
+  for (const c in t)
+    if (Object.prototype.hasOwnProperty.call(t, c)) {
+      const n = t[c];
+      r(n, c, t) && (e[c] = n);
+    }
+  return e;
 };
 export {
-  n as useArray
+  o as pickBy
 };

package/dist/index249.js

@@ -1,11 +1,5 @@
-function u(e, i) {
-  const n = /* @__PURE__ */ new Set(), s = [];
-  for (let t = 0; t < e.length; t++) {
-    const o = e[t], c = i(o);
-    n.has(c) || (n.add(c), s.push(o));
-  }
-  return s;
-}
+const o = () => {
+};
 export {
-  u as uniqBy
+  o as noop
 };

package/dist/index25.js

@@ -1,132 +1,261 @@
-import { defineComponent as S, computed as n, openBlock as r, createElementBlock as c, normalizeClass as T, createBlock as y, resolveDynamicComponent as B, normalizeProps as o, guardReactiveProps as l, withCtx as b, renderSlot as E, createTextVNode as V, toDisplayString as p, createElementVNode as d, unref as m, createVNode as P, Fragment as D, renderList as I } from "vue";
-import { deburr as N } from "./index211.js";
-import { getAsPercentage as $ } from "./index126.js";
-import { useId as F } from "./index8.js";
-import R from "./index121.js";
-/* empty css         */
-import j from "./index123.js";
-/* empty css         */
-const q = ["id"], G = { class: "bb-base-input-container__errors" }, Y = /* @__PURE__ */ S({
-  __name: "BaseInputContainer",
+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, Teleport as de, createElementVNode as a, mergeProps as G, createElementBlock as T, renderSlot as u, createTextVNode as ce, toDisplayString as P, createCommentVNode as z } from "vue";
+import { throttle as ve } from "./index214.js";
+import { useFocusTrap as fe } from "./index215.js";
+import { useId as K } from "./index8.js";
+import { wait as H } from "./index131.js";
+import { waitFor as be } from "./index216.js";
+import { useModalsState as C } from "./index217.js";
+import { useLogger as pe } from "./index218.js";
+const me = { class: "bb-base-dialog-close" }, ge = ["aria-label"], De = /* @__PURE__ */ ae({
+  __name: "BaseDialog",
   props: {
-    direction: { default: "vertical" },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
-    id: {},
-    inputPosition: { default: "right" },
-    label: {},
-    labelPosition: { default: "left" },
-    labelTag: { default: "label" },
-    modelValue: {},
-    name: {},
-    reverse: { type: Boolean, default: !1 },
-    showHint: { type: Boolean },
-    tag: { default: "span" }
+    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: {},
+    focusTarget: {},
+    fullscreen: { type: Boolean },
+    modelValue: { type: [Boolean, null] }
   },
-  setup(A) {
-    const e = A, s = e.id || F().id.value, f = e.hint ? `hint_${s}` : void 0, h = n(() => e.showHint && !!e.hint), C = n(() => e.name ? e.name : N(e.label).replace(/\s+/g, "").toLowerCase()), L = n(() => {
-      const t = {
-        class: {
-          "bb-base-input-container": !0,
-          "bb-base-input-container--hidden-label": e.reverse,
-          "bb-base-input-container--horizontal": e.direction !== "vertical",
-          "bb-base-input-container--reverse": e.reverse,
-          "bb-base-input-container--vertical": e.direction === "vertical",
-          "bb-base-input-container--errors": u.value
-        }
+  emits: ["shown", "hidden", "update:modelValue"],
+  setup(U, { emit: j }) {
+    var I, R;
+    const t = U, d = j, _ = `title_${K().id.value}`, B = `description_${K().id.value}`, g = o(null), c = o(null), $ = 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(() => {
+      const { openedModals: e } = C();
+      return e.value && e.value === h.value;
+    }), { activate: Q, deactivate: M } = fe($, {
+      initialFocus: t.focusTarget ?? void 0,
+      clickOutsideDeactivates: (e) => e.target === c.value,
+      allowOutsideClick: !0,
+      /* On esc deactivate the trap, return focus and then close the modal */
+      escapeDeactivates: () => (N(() => {
+        d("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(() => {
+      window.removeEventListener("resize", r);
+    });
+    const V = o(!1), b = o(!1), D = o(!0), p = o(!1), i = o(t.eager || t.modelValue), O = m(() => b.value || p.value), Z = () => {
+      if (!globalThis.document) return;
+      const e = window.innerWidth - document.documentElement.clientWidth;
+      document.body.style.overflow = "hidden", document.body.style.paddingRight = `${e}px`;
+    }, x = () => {
+      globalThis.document && (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px");
+    };
+    F(() => {
+      if (t.modelValue) {
+        const { openedModals: e, modalHasClosed: l } = C();
+        e.value && (l(), h.value = 0, x());
+      }
+    });
+    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 } = C();
+        e(), h.value = l.value, Z(), await H(t.transitionDuration), b.value = !1, V.value = !0, d("shown"), Q();
+      } 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 } = C();
+        e(), h.value = 0, l.value || x(), d("hidden");
+      }
+    };
+    re(
+      () => t.modelValue,
+      () => {
+        !t.modelValue && !i.value || L && !globalThis.document || S();
+      },
+      { flush: "post" }
+    );
+    const w = (e) => {
+      e.target === c.value && e.preventDefault();
+    }, ee = (e) => {
+      t.disabled || O.value || c.value && e.target === c.value && (t.persistent || d("update:modelValue", !1));
+    }, A = () => {
+      t.disabled || O.value || (M(), d("update:modelValue", !1));
+    }, te = m(() => {
+      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--open": V.value,
+          "bb-base-dialog--opening": b.value,
+          "bb-base-dialog--closed": D.value,
+          "bb-base-dialog--closing": p.value,
+          [`bb-base-dialog--transition-${t.transition}`]: !0
+        },
+        t.overlayClasses
+      ].flat(), l = {
+        onClick: ee,
+        onScroll: w,
+        onTouchmove: w,
+        onWheel: w,
+        onKeydown: w
+      }, n = {
+        transitionDuration: t.transitionDuration / 1e3 + "s"
       };
-      return e.tag === "label" && (t.for = s), t;
-    }), z = n(() => {
-      let t = {
-        class: {
-          "bb-base-input-container__label": !0,
-          "bb-base-input-container__label--hidden": e.hideLabel,
-          [`bb-base-input-container__label--${e.labelPosition}`]: e.labelPosition
+      return {
+        class: e,
+        style: n,
+        ...l,
+        ...X
+      };
+    }), le = m(() => {
+      const e = [
+        {
+          "bb-base-dialog__panel": !0,
+          "bb-base-dialog__panel--compact": t.compact
         },
-        style: {
-          width: v.value.label
-        }
+        t.panelClasses
+      ].flat(), l = {
+        role: "dialog",
+        "aria-modal": !0
       };
-      return e.labelTag === "label" && (t.for = s), t;
-    }), k = n(() => ({
-      class: {
-        "bb-base-input-container__input": !0,
-        [`bb-base-input-container__input--${e.inputPosition}`]: e.inputPosition
-      },
-      style: {
-        width: v.value.input
-      }
-    })), v = n(() => {
-      let t = {
-        label: "auto",
-        input: "auto"
+      i.value && (t.title && (l["aria-labelledby"] = _), t.description && (l["aria-describedby"] = B));
+      let n;
+      const W = {
+        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"
+      };
+      return {
+        class: e,
+        style: oe,
+        ...l
       };
-      if (e.direction !== "auto") if (e.direction === "vertical")
-        t.label = t.input = "100%";
-      else if (e.direction === "horizontal")
-        t.label = t.input = "50%";
-      else if (/^[\S]+\s[\S]+$/g.test(e.direction)) {
-        const [i, a] = e.direction.split(/\s+/).map((H) => H.length), g = $(i, i + a) + "%", w = $(a, a + i) + "%";
-        e.reverse ? (t.label = w, t.input = g) : (t.label = g, t.input = w);
-      } else
-        throw new Error("Horizontal pattern is malformed");
-      return t;
-    }), _ = n(() => e.errors ? [].concat(e.errors) : []), u = n(
-      () => !!_.value.length || e.hasErrors
+    });
+    let E = 0;
+    const r = ve(
+      async () => {
+        if (E++, E === 100) {
+          const { error: e } = pe();
+          e(
+            "Dialog is updating its height too often. Please check the content is reliably sized."
+          );
+        }
+        if (t.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();
+          }
+        }
+      },
+      200,
+      { trailing: !0 }
     );
-    return (t, i) => (r(), c("div", {
-      class: T(["bb-base-input-outer-container", {
-        "bb-base-input-outer-container--errors": u.value,
-        "bb-base-input-outer-container--hint": h.value
-      }])
-    }, [
-      (r(), y(B(t.tag), o(l(L.value)), {
-        default: b(() => [
-          (r(), y(B(t.labelTag), o(l(z.value)), {
-            default: b(() => [
-              E(t.$slots, "label", o(l({ text: t.label, hasErrors: u.value })), () => [
-                V(p(t.label), 1)
+    return (e, l) => (k(), ue(de, { to: "body" }, [
+      a("div", G(te.value, {
+        ref_key: "overlay",
+        ref: c
+      }), [
+        a("div", G(le.value, {
+          ref_key: "panel",
+          ref: $
+        }), [
+          i.value ? (k(), T("div", {
+            key: 0,
+            ref_key: "content",
+            ref: y,
+            class: "bb-base-dialog__content"
+          }, [
+            a("div", {
+              ref_key: "header",
+              ref: v,
+              class: "bb-base-dialog__header"
+            }, [
+              u(e.$slots, "header", {
+                close: A,
+                title: e.title,
+                titleId: _
+              }, () => [
+                a("span", {
+                  id: _,
+                  class: "bb-base-dialog__title"
+                }, [
+                  u(e.$slots, "title", { text: e.title }, () => [
+                    ce(P(e.title), 1)
+                  ])
+                ]),
+                a("span", me, [
+                  e.showClose ? (k(), T("button", {
+                    key: 0,
+                    "aria-label": Y.value,
+                    type: "button",
+                    onClick: A
+                  }, [
+                    u(e.$slots, "close", {}, () => [
+                      l[0] || (l[0] = a("span", { class: "bb-base-dialog-close__icon" }, [
+                        a("svg", {
+                          "aria-hidden": "true",
+                          fill: "none",
+                          viewBox: "0 0 24 24",
+                          xmlns: "http://www.w3.org/2000/svg"
+                        }, [
+                          a("path", {
+                            d: "M23 23L1 1M23 1L1 23",
+                            stroke: "currentColor",
+                            "stroke-linecap": "round",
+                            "stroke-width": "2"
+                          })
+                        ])
+                      ], -1))
+                    ])
+                  ], 8, ge)) : z("", !0)
+                ])
               ])
-            ]),
-            _: 3
-          }, 16)),
-          d("span", o(l(k.value)), [
-            E(t.$slots, "input", o(l({ id: m(s), name: C.value, hasErrors: u.value, ariaDescribedby: m(f) })))
-          ], 16)
-        ]),
-        _: 3
-      }, 16)),
-      P(R, {
-        class: "bb-base-input-container__hint-container",
-        eager: !0,
-        "model-value": h.value,
-        tag: "span",
-        "transition-duration": 200
-      }, {
-        default: b(() => [
-          d("span", {
-            id: m(f),
-            class: "bb-base-input-container__hint"
-          }, p(t.hint), 9, q)
-        ]),
-        _: 1
-      }, 8, ["model-value"]),
-      d("span", G, [
-        P(j, { tag: "span" }, {
-          default: b(() => [
-            (r(!0), c(D, null, I(_.value, (a) => (r(), c("span", {
-              key: a,
-              class: "bb-base-input-container__error"
-            }, p(a), 1))), 128))
-          ]),
-          _: 1
-        })
-      ])
-    ], 2));
+            ], 512),
+            a("div", {
+              ref_key: "body",
+              ref: s,
+              class: "bb-base-dialog__body scrollbar-border"
+            }, [
+              u(e.$slots, "description", {
+                descriptionId: B,
+                text: e.description
+              }, () => [
+                e.description ? (k(), T("div", {
+                  key: 0,
+                  id: B,
+                  class: "bb-base-dialog__description sr-only"
+                }, P(e.description), 1)) : z("", !0)
+              ]),
+              u(e.$slots, "default")
+            ], 512),
+            l[1] || (l[1] = a("div", { style: { flex: "10000 10000 0%" } }, null, -1)),
+            a("div", {
+              ref_key: "footer",
+              ref: f,
+              class: "bb-base-dialog__footer"
+            }, [
+              u(e.$slots, "footer")
+            ], 512)
+          ], 512)) : z("", !0)
+        ], 16)
+      ], 16)
+    ]));
   }
 });
 export {
-  Y as default
+  De as default
 };

package/dist/index250.js

@@ -1,11 +1,8 @@
-import { get as o } from "./index295.js";
-const e = () => ({
-  getItemValue(n, f) {
-    if (typeof f > "u") return n;
-    if (typeof f == "function") return f(n);
-    if (typeof f == "string") return o(n, f);
-  }
-});
+import e from "./index295.js";
+import r from "./index296.js";
+import o from "./index297.js";
+const f = new o(r, e)._freeze();
 export {
-  e as useItemValue
+  o as Mime,
+  f as default
 };

package/dist/index251.js

@@ -1,19 +1,18 @@
-import { get as t } from "./index295.js";
-const o = () => ({
-  getItemText(r, n) {
-    if (typeof r == "string" && !n) return r;
-    if (n) {
-      if (typeof n == "function") {
-        let f = n(r);
-        return typeof f != "string" && (f = JSON.stringify(f)), f;
-      } else if (typeof n == "string") {
-        const f = t(r, n);
-        return typeof f == "string" ? f : JSON.stringify(f);
-      }
-    }
-    return JSON.stringify(r);
+const e = (o, r, f) => o.reduce((t, n) => {
+  if (t) return t;
+  if (f(n))
+    return n;
+  if (r in n) {
+    const i = e(
+      [].concat(n[r]),
+      r,
+      f
+    );
+    if (i)
+      return i;
   }
-});
+  return t;
+}, null);
 export {
-  o as useItemText
+  e as findInTree
 };