bitboss-ui 2.0.110 → 2.0.112

package/dist/index45.js

@@ -3,16 +3,16 @@ import { defineComponent as R, ref as u, computed as m, toRef as E, watch as j,
 /* empty css       */
 import oe from "./index128.js";
 /* empty css         */
-import { last as ae } from "./index227.js";
-import { useBaseOptions as ne } from "./index239.js";
-import { useIndexById as le } from "./index238.js";
-import re from "./index243.js";
+import { last as ae } from "./index239.js";
+import { useBaseOptions as ne } from "./index220.js";
+import { useIndexById as le } from "./index219.js";
+import re from "./index250.js";
 /* empty css         */
-import ie from "./index245.js";
+import ie from "./index252.js";
 /* empty css         */
-import ue from "./index229.js";
+import ue from "./index224.js";
 /* empty css         */
-import se from "./index231.js";
+import se from "./index226.js";
 const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], $e = /* @__PURE__ */ R({
   __name: "BaseTag",
   props: {
@@ -92,7 +92,7 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
     }, x = () => {
       var e;
       (e = r.value) == null || e.blur();
-    }, F = async (e) => {
+    }, z = async (e) => {
       var a;
       if (n("keydown", e), t.readonly || t.disabled) {
         e.preventDefault();
@@ -120,16 +120,16 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
           t.multiple ? n("update:modelValue", t.modelValue.concat(o.value)) : n("update:modelValue", o.value);
         }
       }
-    }, S = (e) => {
+    }, F = (e) => {
       n("focus", e), q(), document.addEventListener("click", c), document.addEventListener("focusin", c);
-    }, U = (e) => {
+    }, S = (e) => {
       n("click", e), !(t.disabled || t.readonly) && p.value instanceof HTMLElement && p.value.focus();
     }, c = async (e) => {
       if (e.target instanceof Node && b.value && !b.value.$el.contains(e.target)) {
         M(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), C();
         return;
       }
-    }, z = {
+    }, U = {
       onBlur: (e) => n("blur", e),
       onChange: (e) => n("change", e),
       onKeyup: (e) => n("keyup", e),
@@ -147,7 +147,7 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
         "bb-base-tag--readonly": e.readonly,
         "bb-base-tag--compact": e.compact
       }),
-      onClick: U
+      onClick: S
     }, {
       "prepend-outer": l(() => [
         s(e.$slots, "prepend-outer")
@@ -197,7 +197,7 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
                     id: e.id,
                     ref_key: "input",
                     ref: p
-                  }, z, {
+                  }, U, {
                     "onUpdate:modelValue": a[0] || (a[0] = (f) => o.value = f),
                     "aria-describedby": e.ariaDescribedby,
                     autocomplete: e.autocomplete,
@@ -208,10 +208,11 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
                     placeholder: e.placeholder,
                     readonly: e.readonly,
                     required: e.required && (!e.multiple || !e.modelValue.length),
+                    size: "1",
                     type: "text",
-                    onFocus: d(S, ["stop"]),
+                    onFocus: d(F, ["stop"]),
                     onKeydown: [
-                      d(F, ["stop"]),
+                      d(z, ["stop"]),
                       y(d(P, ["stop"]), ["delete"]),
                       y(d(N, ["stop"]), ["left"]),
                       y(d(x, ["stop", "prevent"]), ["esc"]),

package/dist/index47.js

@@ -1,6 +1,6 @@
 import { defineComponent as w, ref as y, computed as u, onMounted as g, watch as B, nextTick as x, openBlock as V, createBlock as k, normalizeClass as $, withCtx as t, renderSlot as r, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
-import v from "./index231.js";
-import E from "./index229.js";
+import v from "./index226.js";
+import E from "./index224.js";
 /* empty css         */
 import G from "./index128.js";
 /* empty css         */

package/dist/index49.js

@@ -1,7 +1,7 @@
 import { defineComponent as m, computed as c, openBlock as b, createElementBlock as f, Fragment as y, createVNode as r, normalizeClass as h, withCtx as n, renderSlot as t, createElementVNode as l, mergeProps as g } from "vue";
-import B from "./index229.js";
+import B from "./index224.js";
 /* empty css         */
-import k from "./index231.js";
+import k from "./index226.js";
 const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], V = /* @__PURE__ */ m({
   __name: "BaseTextInput",
   props: {

package/dist/index53.js

@@ -3,7 +3,7 @@ import B from "./index126.js";
 /* empty css         */
 import L from "./index127.js";
 /* empty css         */
-import { useLocale as g } from "./index213.js";
+import { useLocale as g } from "./index214.js";
 const $ = {
   class: "bb-alert__inner-container",
   role: "alert"

package/dist/index55.js

@@ -1,5 +1,5 @@
 import { defineComponent as z, computed as b, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as h, guardReactiveProps as k, renderSlot as y } from "vue";
-import { isCssColor as _ } from "./index216.js";
+import { isCssColor as _ } from "./index227.js";
 import { wait as C } from "./index130.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,

package/dist/index57.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, useSlots as d, computed as n, openBlock as m, createElementBlock as u, normalizeClass as g, createElementVNode as s, renderSlot as l, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as r } from "./index216.js";
+import { isCssColor as r } from "./index227.js";
 import { isNil as B } from "./index258.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",

package/dist/index6.js

@@ -1,94 +1,56 @@
-import { ref as i, computed as v, watch as m } from "vue";
-import { wait as y } from "./index130.js";
-const t = i(null), r = {
-  actions: !0,
-  description: "",
-  loading: !1,
-  no: !0,
-  noText: "",
+import { ref as i } from "vue";
+import { wait as f } from "./index130.js";
+const u = [], o = {
+  current: null,
+  processing: !1,
+  yesBusy: !1,
   noBusy: !1,
-  open: !1,
-  size: "sm",
-  text: "",
-  theme: "default",
-  title: "",
-  yes: !0,
-  yesText: "",
-  onYes: null,
-  onNo: null,
-  yesBusy: !1
-}, d = {
-  actions: !0,
-  description: "",
-  no: !0,
-  noText: "Annulla",
-  text: "",
-  theme: "default",
-  title: "",
-  yes: !0,
-  yesText: "OK",
-  size: "sm",
-  onYes: null,
-  onNo: null,
-  timeout: void 0
+  loading: !1
 }, e = i({
-  ...r
-}), T = v(() => [
-  {
-    text: e.value.noText,
-    handler: async () => {
-      e.value.noBusy || (e.value.onNo && (e.value.noBusy = !0, await e.value.onNo(), e.value.noBusy = !1), t.value = !1);
-    }
-  },
-  {
-    text: e.value.yesText,
-    handler: async () => {
-      e.value.yesBusy || (e.value.onYes && (e.value.yesBusy = !0, await e.value.onYes(), e.value.yesBusy = !1), t.value = !0);
+  ...o
+});
+let a;
+const l = () => {
+  const t = u.shift();
+  t && (e.value.current = t, e.value.noBusy = !1, e.value.yesBusy = !1, e.value.processing = !0, clearTimeout(a), t.timeout && (e.value.current.autoClose = !0, a = setTimeout(() => {
+    v(!1);
+  }, t.timeout)));
+}, c = async () => {
+  e.value.processing = !1, await f(200), e.value = { ...o };
+}, v = async (t) => {
+  var n;
+  if (!e.value.current)
+    return;
+  let r = t;
+  try {
+    if (e.value.current.onYes && t) {
+      const s = await e.value.current.onYes();
+      e.value.current.returning && (r = s);
+    } else if (e.value.current.onNo && !t) {
+      const s = await e.value.current.onNo();
+      e.value.current.returning && (r = s);
     }
+    u.length ? (e.value.current.resolve(r), l()) : e.value.current.autoClose ? (e.value.current.resolve(r), c()) : e.value.current.resolve(r);
+  } catch (s) {
+    (n = e.value.current) == null || n.reject(s);
   }
-]), w = () => {
-  const n = async () => {
-    e.value.open = !1, await y(300), e.value = r, t.value = null;
-  };
-  return {
-    /**
-     * The confirm function. It accepts a set of options defining
-     * the behavior of the modal and returns `Promise<boolean>`
-     * when the user accepts, declines, or ignores the modal.
-     */
-    confirm: (l) => {
-      const u = { ...d, ...l };
-      return e.value = { ...e.value, ...u }, e.value.open = !0, new Promise((c) => {
-        let a;
-        const s = (o) => {
-          clearTimeout(a), c(o), t.value = null, f(), u.autoClose && n();
-        }, f = m(
-          t,
-          (o) => {
-            o !== null && s(o);
-          },
-          { once: !0 }
-        );
-        u.timeout && (a = setTimeout(() => {
-          s(!1);
-        }, u.timeout));
-      });
-    },
-    /**
-     * Sets the state of the confirm to loading and displays a spinner.
-     */
-    setLoading: (l = !0) => {
-      e.value.loading = l;
-    },
-    /**
-     * Closes the confirmation modal. It is a manual operation
-     * so you can update the state while the modal is still open.
-     */
-    close: n
-  };
-};
+}, m = (t) => new Promise((r, n) => {
+  u.push({
+    yesText: "OK",
+    noText: "Annulla",
+    ...t,
+    resolve: r,
+    reject: n
+  }), l();
+}), g = (t) => {
+  e.value.loading = t;
+}, d = () => ({
+  confirm: m,
+  close: c,
+  setLoading: g
+});
 export {
-  T as actions,
+  v as processMessage,
   e as state,
-  w as useConfirm
+  d as useConfirm
 };

package/dist/index61.js

@@ -9,7 +9,7 @@ import T from "./index129.js";
 /* empty css         */
 import { pickBy as $ } from "./index259.js";
 import { noop as A } from "./index260.js";
-import { useLocale as W } from "./index213.js";
+import { useLocale as W } from "./index214.js";
 const w = {
   key: 2,
   class: "bb-button__loading-label sr-only"

package/dist/index69.js

@@ -1,77 +1,89 @@
-import { defineComponent as y, computed as d, openBlock as t, createBlock as a, unref as e, createSlots as v, withCtx as n, createElementBlock as l, toDisplayString as r, createCommentVNode as c, createVNode as b, createTextVNode as _ } from "vue";
-import { actions as u, state as o } from "./index6.js";
-import k from "./index25.js";
+import { defineComponent as g, openBlock as r, createBlock as i, unref as e, createSlots as x, withCtx as s, createElementVNode as C, createElementBlock as b, createVNode as V, toDisplayString as a, createCommentVNode as c, createTextVNode as k } from "vue";
+import { state as t, processMessage as l } from "./index6.js";
+import $ from "./index25.js";
 /* empty css        */
 import h from "./index129.js";
 /* empty css         */
-import f from "./index61.js";
+import v from "./index61.js";
 /* empty css        */
-const B = {
+const z = { class: "bb-confirm__content" }, N = {
   key: 0,
-  class: "bb-confirm__content"
-}, x = {
-  key: 0,
-  class: "bb-confirm__text"
-}, g = {
-  key: 1,
   class: "bb-confirm__spinner"
-}, E = /* @__PURE__ */ y({
+}, w = {
+  key: 1,
+  class: "bb-confirm__text"
+}, F = /* @__PURE__ */ g({
   __name: "BbConfirm",
-  setup(C) {
-    const s = d(() => u.value[0]), i = d(() => u.value[1]), p = (m) => {
-      m ? i.value.handler() : s.value.handler();
+  setup(T) {
+    const B = (m) => {
+      l(m);
     };
-    return (m, V) => (t(), a(k, {
-      "model-value": e(o).open || e(o).loading,
-      "overlay-classes": ["bb-confirm", `bb-confirm--${e(o).theme}`],
-      persistent: e(o).yesBusy || e(o).noBusy || e(o).loading,
-      "show-close": !(e(o).yesBusy || e(o).noBusy || e(o).loading),
-      size: e(o).size,
-      title: e(o).title,
-      "onUpdate:modelValue": p
-    }, v({
-      default: n(() => [
-        e(o).loading ? (t(), l("div", g, [
-          b(h, { size: "36" })
-        ])) : (t(), l("div", B, [
-          e(o).text ? (t(), l("div", x, r(e(o).text), 1)) : c("", !0)
-        ]))
-      ]),
-      _: 2
-    }, [
-      !e(o).loading && e(o).actions ? {
-        name: "footer",
-        fn: n(() => [
-          e(o).no ? (t(), a(f, {
-            key: 0,
-            "auto-loading": "",
-            class: "bb-confirm__no",
-            inert: e(o).yesBusy,
-            onClick: s.value.handler
-          }, {
-            default: n(() => [
-              _(r(s.value.text), 1)
-            ]),
-            _: 1
-          }, 8, ["inert", "onClick"])) : c("", !0),
-          e(o).yes ? (t(), a(f, {
-            key: 1,
-            "auto-loading": "",
-            class: "bb-confirm__yes",
-            inert: e(o).noBusy,
-            onClick: i.value.handler
-          }, {
-            default: n(() => [
-              _(r(i.value.text), 1)
-            ]),
-            _: 1
-          }, 8, ["inert", "onClick"])) : c("", !0)
+    return (m, n) => {
+      var u, f, d, _;
+      return r(), i($, {
+        "model-value": e(t).processing,
+        "overlay-classes": [
+          "bb-confirm",
+          `bb-confirm--${((u = e(t).current) == null ? void 0 : u.theme) || "default"}`
+        ],
+        persistent: e(t).yesBusy || e(t).noBusy || e(t).loading,
+        "show-close": !(e(t).yesBusy || e(t).noBusy || e(t).loading),
+        size: (f = e(t).current) == null ? void 0 : f.size,
+        title: (d = e(t).current) == null ? void 0 : d.title,
+        "onUpdate:modelValue": B
+      }, x({
+        default: s(() => [
+          C("div", z, [
+            e(t).loading ? (r(), b("div", N, [
+              V(h, { size: "36" })
+            ])) : e(t).current ? (r(), b("div", w, a(e(t).current.text), 1)) : c("", !0)
+          ])
         ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["model-value", "overlay-classes", "persistent", "show-close", "size", "title"]));
+        _: 2
+      }, [
+        ((_ = e(t).current) == null ? void 0 : _.actions) !== !1 && !e(t).loading ? {
+          name: "footer",
+          fn: s(() => {
+            var p, y;
+            return [
+              ((p = e(t).current) == null ? void 0 : p.no) !== !1 ? (r(), i(v, {
+                key: 0,
+                "auto-loading": "",
+                class: "bb-confirm__no",
+                inert: e(t).yesBusy,
+                onClick: n[0] || (n[0] = (o) => e(l)(!1))
+              }, {
+                default: s(() => {
+                  var o;
+                  return [
+                    k(a((o = e(t).current) == null ? void 0 : o.noText), 1)
+                  ];
+                }),
+                _: 1
+              }, 8, ["inert"])) : c("", !0),
+              ((y = e(t).current) == null ? void 0 : y.yes) !== !1 ? (r(), i(v, {
+                key: 1,
+                "auto-loading": "",
+                class: "bb-confirm__yes",
+                inert: e(t).noBusy,
+                onClick: n[1] || (n[1] = (o) => e(l)(!0))
+              }, {
+                default: s(() => {
+                  var o;
+                  return [
+                    k(a((o = e(t).current) == null ? void 0 : o.yesText), 1)
+                  ];
+                }),
+                _: 1
+              }, 8, ["inert"])) : c("", !0)
+            ];
+          }),
+          key: "0"
+        } : void 0
+      ]), 1032, ["model-value", "overlay-classes", "persistent", "show-close", "size", "title"]);
+    };
   }
 });
 export {
-  E as default
+  F as default
 };

package/dist/index77.js

@@ -9,7 +9,7 @@ import S from "./index127.js";
 /* empty css         */
 import Z from "./index129.js";
 /* empty css         */
-import { useLocale as j } from "./index213.js";
+import { useLocale as j } from "./index214.js";
 const q = { class: "bb-dropdown-button__content" }, A = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"

package/dist/index81.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, openBlock as g, createBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index207.js";
+import { throttle as c } from "./index208.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index84.js

@@ -1,11 +1,11 @@
 import { defineComponent as se, ref as l, useAttrs as ae, computed as u, getCurrentInstance as ne, nextTick as ie, onBeforeUnmount as O, onMounted as re, watch as ue, openBlock as g, createBlock as ce, withCtx as de, createElementVNode as s, mergeProps as S, createElementBlock as z, renderSlot as n, createTextVNode as fe, toDisplayString as A, unref as ve, createCommentVNode as $ } from "vue";
-import { useFocusTrap as pe } from "./index208.js";
+import { useFocusTrap as pe } from "./index209.js";
 import { useId as E } from "./index8.js";
 import { wait as H } from "./index130.js";
-import { useModalsState as b } from "./index210.js";
-import be from "./index212.js";
+import { useModalsState as b } from "./index211.js";
+import be from "./index213.js";
 import { useMobile as me } from "./index9.js";
-import { useLocale as ye } from "./index213.js";
+import { useLocale as ye } from "./index214.js";
 const he = ["inert"], ge = { class: "bb-offcanvas-close" }, _e = ["aria-label"], Te = /* @__PURE__ */ se({
   __name: "BbOffCanvas",
   props: {

package/dist/index86.js

@@ -1,10 +1,10 @@
 import { defineComponent as E, computed as h, ref as g, onMounted as P, onBeforeUnmount as W, openBlock as k, createElementBlock as V, normalizeClass as $, createElementVNode as i, createVNode as S, unref as v, withCtx as w, renderSlot as c, toDisplayString as m, Fragment as R, renderList as F, nextTick as x } from "vue";
-import { debounce as T } from "./index267.js";
+import { debounce as T } from "./index283.js";
 /* empty css       */
 /* empty css       */
 import z from "./index13.js";
 /* empty css        */
-import { useLocale as D } from "./index213.js";
+import { useLocale as D } from "./index214.js";
 const G = ["aria-label"], I = { class: "bb-pagination__page-label sr-only" }, O = { class: "bb-pagination__page-label" }, j = { class: "bb-pagination__page-label" }, q = { class: "bb-pagination__page-label sr-only" }, Z = /* @__PURE__ */ E({
   __name: "BbPagination",
   props: {

package/dist/index88.js

@@ -1,14 +1,14 @@
 import { defineComponent as O, ref as n, computed as v, openBlock as y, createElementBlock as S, mergeProps as F, createElementVNode as p, renderSlot as k, normalizeProps as H, guardReactiveProps as V, createVNode as q, withCtx as T, createBlock as I, toDisplayString as W, unref as z, createCommentVNode as A, nextTick as R } from "vue";
-import { useFocusTrap as j } from "./index208.js";
+import { useFocusTrap as j } from "./index209.js";
 import { useId as G } from "./index8.js";
 import { useIntersectionObserver as J } from "./index132.js";
-import { waitFor as K } from "./index209.js";
+import { waitFor as K } from "./index210.js";
 import Q from "./index13.js";
 /* empty css        */
 import U from "./index263.js";
 /* empty css         */
-import { useLocale as X } from "./index213.js";
-import { useDebounceFn as Y } from "./index205.js";
+import { useLocale as X } from "./index214.js";
+import { useDebounceFn as Y } from "./index206.js";
 const Z = { class: "bb-popover__close-label sr-only" }, ce = /* @__PURE__ */ O({
   __name: "BbPopover",
   props: {

package/dist/index90.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, openBlock as l, createElementBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
-import { clamp as p } from "./index206.js";
+import { clamp as p } from "./index205.js";
 import { getAsPercentageBetween as i } from "./index131.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",