bitboss-ui 2.0.91 → 2.0.93

package/dist/index244.js

@@ -0,0 +1,108 @@
+import { defineComponent as y, ref as F, computed as H, watch as N, openBlock as p, createElementBlock as L, Fragment as S, renderList as V, createBlock as A, normalizeClass as O, withModifiers as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
+import { hash as d } from "./index210.js";
+import { isNil as l } from "./index129.js";
+import E from "./index124.js";
+/* empty css         */
+const K = /* @__PURE__ */ y({
+  __name: "ChipsBox",
+  props: {
+    options: {}
+  },
+  emits: ["option:unselected"],
+  setup(f, { expose: v, emit: h }) {
+    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
+      const s = l(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = a(e + 1);
+      return o;
+    }, x = () => {
+      if (!i.value) return;
+      const e = a();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = l(n.value) ? 0 : n.value;
+      let o = (s - e + t.options.length) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = c(e + 1);
+      return o;
+    }, m = async () => {
+      if (!i.value) return;
+      const e = c();
+      n.value = e;
+    }, w = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, b = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, I = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, _ = (e) => {
+      if (!i.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, k = () => {
+      if (l(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && u("option:unselected", e);
+    }, C = () => l(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        d(e) !== d(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), v({
+      focusNext: x,
+      focusPrevious: m,
+      focusFirst: w,
+      focusFirstSelected: I,
+      focusLast: b,
+      focusLastSelected: g,
+      blur: r,
+      confirmOption: k,
+      focusByHash: _,
+      getHighlighted: C
+    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
+      key: o.valueHash,
+      class: O({
+        "bb-chipsbox-item": !0,
+        "bb-chipsbox-item--focused": B === n.value
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": P((M) => u("option:unselected", o), ["stop"])
+    }, {
+      default: $(() => [
+        z(D(o.text), 1)
+      ]),
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
+  }
+});
+export {
+  K as default
+};

package/dist/{index245.js → index246.js}

@@ -1,6 +1,6 @@
 import { defineComponent as F, ref as H, computed as L, watch as N, openBlock as d, createElementBlock as v, Fragment as S, renderList as A, normalizeClass as O, withModifiers as P, toDisplayString as V } from "vue";
-import { hash as f } from "./index220.js";
-import { isNil as i } from "./index128.js";
+import { hash as f } from "./index210.js";
+import { isNil as i } from "./index129.js";
 const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
   __name: "CommaBox",
   props: {

package/dist/index248.js

@@ -1,12 +1,4 @@
-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;
-};
+const o = (e) => e[0];
 export {
-  o as pickBy
+  o as head
 };

package/dist/index249.js

@@ -1,5 +1,12 @@
-const o = () => {
+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 {
-  o as noop
+  o as pickBy
 };

package/dist/index25.js

@@ -0,0 +1,268 @@
+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 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" },
+    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, String] },
+    modelValue: { type: [Boolean, null] }
+  },
+  emits: ["shown", "hidden", "update:modelValue"],
+  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: 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(() => {
+        c("update:modelValue", !1);
+      }), !0)
+    }), 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), 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`;
+    }, S = () => {
+      globalThis.document && (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px");
+    };
+    G(() => {
+      if (l.modelValue) {
+        const { openedModals: e, modalHasClosed: t } = _();
+        e.value && (t(), h.value = 0, S());
+      }
+    });
+    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 {
+        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");
+      }
+    };
+    de(
+      () => l.modelValue,
+      () => {
+        !l.modelValue && !n.value || L && !globalThis.document || A();
+      },
+      { flush: "post" }
+    );
+    const w = (e) => {
+      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": M.value,
+          "bb-base-dialog--faded": !X.value,
+          "bb-base-dialog--open": V.value,
+          "bb-base-dialog--opening": p.value,
+          "bb-base-dialog--closed": D.value,
+          "bb-base-dialog--closing": m.value,
+          [`bb-base-dialog--transition-${l.transition}`]: !0
+        },
+        l.overlayClasses
+      ].flat(), t = {
+        onClick: te,
+        onScroll: w,
+        onTouchmove: w,
+        onWheel: w,
+        onKeydown: w
+      }, i = {
+        transitionDuration: l.transitionDuration / 1e3 + "s"
+      };
+      return {
+        class: e,
+        style: i,
+        ...t,
+        ...Z
+      };
+    }), ae = u(() => {
+      const e = [
+        {
+          "bb-base-dialog__panel": !0,
+          "bb-base-dialog__panel--compact": l.compact
+        },
+        l.panelClasses
+      ].flat(), t = {
+        role: "dialog",
+        "aria-modal": !0
+      };
+      n.value && (l.title && (t["aria-labelledby"] = C), l.description && (t["aria-describedby"] = B));
+      let i;
+      const F = {
+        sm: 384,
+        md: 652,
+        lg: 896
+      };
+      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: se,
+        ...t
+      };
+    });
+    let I = 0;
+    const r = be(
+      async () => {
+        if (I++, I === 100) {
+          const { error: e } = ge();
+          e(
+            "Dialog is updating its height too often. Please check the content is reliably sized."
+          );
+        }
+        if (l.fullscreen) {
+          Q.value = window.innerHeight;
+          return;
+        }
+        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, t) => (k(), ce(he, null, {
+      default: ve(() => [
+        a("div", P(oe.value, {
+          ref_key: "overlay",
+          ref: v
+        }), [
+          a("div", P(ae.value, {
+            ref_key: "panel",
+            ref: T
+          }), [
+            n.value ? (k(), $("div", {
+              key: 0,
+              ref_key: "content",
+              ref: y,
+              class: "bb-base-dialog__content"
+            }, [
+              a("div", {
+                ref_key: "header",
+                ref: f,
+                class: "bb-base-dialog__header"
+              }, [
+                d(e.$slots, "header", {
+                  close: E,
+                  title: e.title,
+                  titleId: C
+                }, () => [
+                  a("span", {
+                    id: C,
+                    class: "bb-base-dialog__title"
+                  }, [
+                    d(e.$slots, "title", { text: e.title }, () => [
+                      fe(K(e.title), 1)
+                    ])
+                  ]),
+                  a("span", we, [
+                    e.showClose ? (k(), $("button", {
+                      key: 0,
+                      "aria-label": ee.value,
+                      type: "button",
+                      onClick: E
+                    }, [
+                      d(e.$slots, "close", {}, () => [
+                        t[0] || (t[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, ke)) : z("", !0)
+                  ])
+                ])
+              ], 512),
+              a("div", {
+                ref_key: "body",
+                ref: s,
+                class: "bb-base-dialog__body scrollbar-border"
+              }, [
+                d(e.$slots, "description", {
+                  descriptionId: B,
+                  text: e.description
+                }, () => [
+                  e.description ? (k(), $("div", {
+                    key: 0,
+                    id: B,
+                    class: "bb-base-dialog__description sr-only"
+                  }, K(e.description), 1)) : z("", !0)
+                ]),
+                d(e.$slots, "default")
+              ], 512),
+              t[1] || (t[1] = a("div", { style: { flex: "10000 10000 0%" } }, null, -1)),
+              a("div", {
+                ref_key: "footer",
+                ref: b,
+                class: "bb-base-dialog__footer"
+              }, [
+                d(e.$slots, "footer")
+              ], 512)
+            ], 512)) : z("", !0)
+          ], 16)
+        ], 16)
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  Le as default
+};

package/dist/index250.js

@@ -1,11 +1,5 @@
-const o = (n, t) => {
-  for (let e = n.length - 1; e >= 0; e--) {
-    const i = n[e];
-    if (t(i, e, n))
-      return e;
-  }
-  return -1;
+const o = () => {
 };
 export {
-  o as findRightIndex
+  o as noop
 };

package/dist/index251.js

@@ -1,25 +1,6 @@
-const e = {
-  inert: ":not([inert]):not([inert] *)",
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ":not(:disabled)"
-}, n = [
-  `a[href]${e.inert}${e.negTabIndex}`,
-  `area[href]${e.inert}${e.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${e.inert}${e.negTabIndex}${e.disabled}`,
-  `input[type="radio"]${e.inert}${e.negTabIndex}${e.disabled}`,
-  `select${e.inert}${e.negTabIndex}${e.disabled}`,
-  `textarea${e.inert}${e.negTabIndex}${e.disabled}`,
-  `button${e.inert}${e.negTabIndex}${e.disabled}`,
-  `details${e.inert} > summary:first-of-type${e.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${e.inert}${e.negTabIndex}`,
-  `audio[controls]${e.inert}${e.negTabIndex}`,
-  `video[controls]${e.inert}${e.negTabIndex}`,
-  `[contenteditable]${e.inert}${e.negTabIndex}`,
-  `[tabindex]${e.inert}${e.negTabIndex}`
-];
+const e = function(t) {
+  return (...n) => n.length >= t.length ? t(...n) : e(t.bind(void 0, ...n));
+};
 export {
-  n as default
+  e as curry
 };