bitboss-ui 2.0.87 → 2.0.89

package/dist/index75.js

@@ -1,14 +1,16 @@
-import { defineComponent as J, computed as A, ref as w, openBlock as T, createElementBlock as D, mergeProps as B, createElementVNode as C, renderSlot as g, normalizeProps as Q, guardReactiveProps as W, unref as h, createVNode as O, withCtx as K, normalizeStyle as X, Fragment as P, renderList as Y } from "vue";
-import { findRightIndex as H } from "./index253.js";
-import { useId as Z } from "./index8.js";
-import { wait as x } from "./index131.js";
-import { useIntersectionObserver as ee } from "./index132.js";
-import te from "./index13.js";
+import { defineComponent as X, computed as A, ref as y, openBlock as h, createElementBlock as T, mergeProps as B, createElementVNode as H, renderSlot as w, normalizeProps as Y, guardReactiveProps as Z, unref as $, createVNode as C, withCtx as O, normalizeStyle as x, Fragment as K, renderList as ee, createBlock as P, createCommentVNode as N, toDisplayString as te } from "vue";
+import { findRightIndex as I } from "./index251.js";
+import { useId as ne } from "./index8.js";
+import { wait as oe } from "./index131.js";
+import { useIntersectionObserver as ae } from "./index132.js";
+import le from "./index13.js";
 /* empty css        */
-import j from "./index254.js";
-import ne from "./index255.js";
+import V from "./index252.js";
+import se from "./index253.js";
 /* empty css         */
-const pe = /* @__PURE__ */ J({
+import j from "./index126.js";
+/* empty css         */
+const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
   __name: "BbDropdown",
   props: {
     arrowPadding: { default: 10 },
@@ -25,47 +27,47 @@ const pe = /* @__PURE__ */ J({
     width: { default: 200 }
   },
   setup(z) {
-    const r = z, d = r.id ?? `bb_${Z().id.value}`, m = A(() => {
-      let e = r.items.findIndex((t) => !t.disabled), o = H(
+    const r = z, u = r.id ?? `bb_${ne().id.value}`, m = A(() => {
+      let e = r.items.findIndex((t) => !t.disabled), o = I(
         r.items,
         (t) => !t.disabled
       );
       return r.items.map((t, n) => {
-        const i = `${d}-item-${t.key}`, { onClick: q, ...F } = t, _ = async () => {
+        const i = `${u}-item-${t.key}`, { onClick: q, ...F } = t, Q = async () => {
           await b();
-          const s = document.querySelector(`#${d}`);
+          const s = document.querySelector(`#${u}`);
           if (s) s instanceof HTMLElement && s.focus();
           else return;
           q && q();
-        }, G = (s) => {
+        }, W = (s) => {
           if (s.target instanceof HTMLElement && s.target.dataset.dropdownItem) {
             if (!a.value) return;
             if (s.key === "ArrowDown") {
               if (s.preventDefault(), a.value && n !== o) {
-                const u = a.value.querySelector(
-                  j.map((y) => `#${i} ~ ${y}`).join(",")
+                const d = a.value.querySelector(
+                  V.map((g) => `#${i} ~ ${g}`).join(",")
                 );
-                u && u instanceof HTMLElement && u.focus();
+                d && d instanceof HTMLElement && d.focus();
               }
             } else if (s.key === "ArrowUp") {
               if (s.preventDefault(), a.value && n !== e) {
-                const u = H(r.items, (E, L) => L < n && !E.disabled), k = Array.from(
+                const d = I(r.items, (E, D) => D < n && !E.disabled), k = Array.from(
                   a.value.querySelectorAll(".bb-dropdown__item")
-                )[u];
+                )[d];
                 k && k instanceof HTMLElement && k.focus();
               }
             } else if (s.key === "Tab") {
               if (n === o && !s.shiftKey) {
-                const u = j.join(","), y = Array.from(
-                  document.querySelectorAll(u)
-                ), k = y.findIndex(
-                  (L) => L.id === d
-                ), E = y[k + 1];
+                const d = V.join(","), g = Array.from(
+                  document.querySelectorAll(d)
+                ), k = g.findIndex(
+                  (D) => D.id === u
+                ), E = g[k + 1];
                 if (E) E instanceof HTMLElement && (s.preventDefault(), b(), E.focus());
                 else return;
               } else if (n === e && s.shiftKey) {
-                const u = document.querySelector(`#${d}`);
-                if (u) u instanceof HTMLElement && (s.preventDefault(), u.focus());
+                const d = document.querySelector(`#${u}`);
+                if (d) d instanceof HTMLElement && (s.preventDefault(), d.focus());
                 else return;
               }
             }
@@ -75,34 +77,34 @@ const pe = /* @__PURE__ */ J({
           ...F,
           disabled: F.disabled || r.disabled,
           id: i,
-          onClick: _,
-          onKeydown: G
+          onClick: Q,
+          onKeydown: W
         };
       });
-    }), v = w(), a = w();
-    ee(
+    }), v = y(), a = y();
+    ae(
       v,
       ([{ intersectionRatio: e }]) => {
         e !== 1 && l.value && b();
       },
       { threshold: [0, 1] }
     );
-    const c = w(!1), l = w(!1), f = w(!1), p = w(!0), N = () => {
-      c.value || f.value || (l.value ? b() : $());
-    }, R = async (e) => {
-      let o = r.items.findIndex((n) => !n.disabled), t = H(
+    const c = y(!1), l = y(!1), p = y(!1), f = y(!0), R = () => {
+      c.value || p.value || (l.value ? b() : L());
+    }, U = async (e) => {
+      let o = r.items.findIndex((n) => !n.disabled), t = I(
         r.items,
         (n) => !n.disabled
       );
       if (e.key === "ArrowDown") {
-        if (e.preventDefault(), f.value || c.value) return;
-        if (p.value && await $(), a.value && m.value.length && o !== -1) {
+        if (e.preventDefault(), p.value || c.value) return;
+        if (f.value && await L(), a.value && m.value.length && o !== -1) {
           const n = m.value[o].id, i = a.value.querySelector(`#${n}`);
           i && i instanceof HTMLElement && i.focus();
         }
       } else if (e.key === "ArrowUp") {
-        if (e.preventDefault(), f.value || c.value) return;
-        if (p.value && await $(), a.value && m.value.length && t !== -1) {
+        if (e.preventDefault(), p.value || c.value) return;
+        if (f.value && await L(), a.value && m.value.length && t !== -1) {
           const n = m.value[t].id, i = a.value.querySelector(`#${n}`);
           i && i instanceof HTMLElement && i.focus();
         }
@@ -110,66 +112,66 @@ const pe = /* @__PURE__ */ J({
         const n = m.value[o].id, i = a.value.querySelector(`#${n}`);
         i && i instanceof HTMLElement && i.focus();
       }
-    }, I = (e) => {
+    }, M = (e) => {
       const o = e.target;
       if (o && o instanceof HTMLElement) {
         let t = !0;
         v.value && v.value.contains(o) && (t = !1), a.value && a.value.contains(o) && (t = !1), t && b();
       }
-    }, M = (e) => {
+    }, S = (e) => {
       const o = e.target;
       if (o && o instanceof HTMLElement) {
         let t = !0;
         v.value && v.value.contains(o) && (t = !1), a.value && a.value.contains(o) && (t = !1), t && b();
       }
-    }, S = (e) => {
+    }, _ = (e) => {
       var o;
       if (l.value && e.key === "Escape") {
-        if (((o = document.activeElement) == null ? void 0 : o.id) !== d) {
-          const t = document.querySelector(`#${d}`);
+        if (((o = document.activeElement) == null ? void 0 : o.id) !== u) {
+          const t = document.querySelector(`#${u}`);
           t instanceof HTMLElement && t.focus();
         }
         b();
       }
-    }, U = w(!1), $ = async () => {
-      U.value = !0, await x(50), l.value = !0, document.addEventListener("click", I, { passive: !0 }), document.addEventListener("focusin", M, { passive: !0 }), document.addEventListener("keydown", S, { passive: !0 });
+    }, G = y(!1), L = async () => {
+      G.value = !0, await oe(50), l.value = !0, document.addEventListener("click", M, { passive: !0 }), document.addEventListener("focusin", S, { passive: !0 }), document.addEventListener("keydown", _, { passive: !0 });
     }, b = async () => {
-      l.value = !1, document.removeEventListener("click", I), document.removeEventListener("focusin", M), document.removeEventListener("keydown", S);
-    }, V = A(() => ({
+      l.value = !1, document.removeEventListener("click", M), document.removeEventListener("focusin", S), document.removeEventListener("keydown", _);
+    }, J = A(() => ({
       class: {
         "bb-dropdown--block": r.block,
         [`bb-dropdown--theme-${r.theme}`]: r.theme
       }
     }));
-    return (e, o) => (T(), D("span", B({ class: "bb-dropdown" }, V.value), [
-      C("span", {
+    return (e, o) => (h(), T("span", B({ class: "bb-dropdown" }, J.value), [
+      H("span", {
         ref_key: "wrapper",
         ref: v,
         class: "bb-dropdown__wrapper"
       }, [
-        g(e.$slots, "activator", Q(W({
+        w(e.$slots, "activator", Y(Z({
           props: {
             "aria-expanded": l.value,
-            "aria-controls": `menu_${h(d)}`,
-            id: h(d),
-            onClick: N,
-            onKeydown: R,
+            "aria-controls": `menu_${$(u)}`,
+            id: $(u),
+            onClick: R,
+            onKeydown: U,
             disabled: e.disabled
           },
-          closed: p.value,
-          closing: f.value,
+          closed: f.value,
+          closing: p.value,
           disabled: e.disabled,
           open: l.value,
           opening: c.value,
           placement: e.placement
         })))
       ], 512),
-      O(ne, {
+      C(se, {
         "arrow-padding": e.arrowPadding,
         "base-class": "bb-dropdown",
         "container-attributes": {
-          id: `menu_${h(d)}`,
-          "aria-labelledby": h(d),
+          id: `menu_${$(u)}`,
+          "aria-labelledby": $(u),
           "aria-role": "menu"
         },
         eager: e.eager,
@@ -181,27 +183,27 @@ const pe = /* @__PURE__ */ J({
         "transition-duration": e.transitionDuration,
         wrapper: v.value
       }, {
-        default: K(() => [
-          C("span", {
+        default: O(() => [
+          H("span", {
             ref_key: "content",
             ref: a,
             class: "bb-dropdown__items-container",
-            style: X({ width: `${e.width}px` })
+            style: x({ width: `${e.width}px` })
           }, [
-            g(e.$slots, "prepend", {
-              closed: p.value,
-              closing: f.value,
+            w(e.$slots, "prepend", {
+              closed: f.value,
+              closing: p.value,
               disabled: e.disabled,
               open: l.value,
               opening: c.value,
               placement: e.placement
             }),
-            (T(!0), D(P, null, Y(m.value, (t, n) => (T(), D(P, {
+            (h(!0), T(K, null, ee(m.value, (t, n) => (h(), T(K, {
               key: t.key
             }, [
-              g(e.$slots, "item:prepend", {
-                closed: p.value,
-                closing: f.value,
+              w(e.$slots, "item:prepend", {
+                closed: f.value,
+                closing: p.value,
                 disabled: t.disabled,
                 index: n,
                 item: e.items[n],
@@ -210,7 +212,7 @@ const pe = /* @__PURE__ */ J({
                 placement: e.placement,
                 text: t.text
               }),
-              O(te, B({
+              C(le, B({
                 "aria-role": "menuitem",
                 class: ["bb-dropdown__item", {
                   "bb-dropdown__item--first": n === 0,
@@ -219,10 +221,10 @@ const pe = /* @__PURE__ */ J({
                 "data-dropdown-item": !0,
                 ref_for: !0
               }, t), {
-                default: K(() => [
-                  g(e.$slots, t.key, {
-                    closed: p.value,
-                    closing: f.value,
+                default: O(() => [
+                  w(e.$slots, t.key, {
+                    closed: f.value,
+                    closing: p.value,
                     disabled: t.disabled,
                     index: n,
                     item: t,
@@ -231,9 +233,9 @@ const pe = /* @__PURE__ */ J({
                     placement: e.placement,
                     text: t.text
                   }, () => [
-                    g(e.$slots, "item", {
-                      closed: p.value,
-                      closing: f.value,
+                    w(e.$slots, "item", {
+                      closed: f.value,
+                      closing: p.value,
                       disabled: t.disabled,
                       index: n,
                       item: t,
@@ -241,14 +243,26 @@ const pe = /* @__PURE__ */ J({
                       opening: c.value,
                       placement: e.placement,
                       text: t.text
-                    })
+                    }, () => [
+                      t["prepend:icon"] ? (h(), P(j, {
+                        key: 0,
+                        class: "item__prepend-icon",
+                        type: t["prepend:icon"]
+                      }, null, 8, ["type"])) : N("", !0),
+                      H("span", ie, te(t.text), 1),
+                      t["append:icon"] ? (h(), P(j, {
+                        key: 1,
+                        class: "item__append-icon",
+                        type: t["append:icon"]
+                      }, null, 8, ["type"])) : N("", !0)
+                    ])
                   ])
                 ]),
                 _: 2
               }, 1040, ["class"]),
-              g(e.$slots, "item:append", {
-                closed: p.value,
-                closing: f.value,
+              w(e.$slots, "item:append", {
+                closed: f.value,
+                closing: p.value,
                 disabled: t.disabled,
                 index: n,
                 item: e.items[n],
@@ -258,9 +272,9 @@ const pe = /* @__PURE__ */ J({
                 text: t.text
               })
             ], 64))), 128)),
-            g(e.$slots, "append", {
-              closed: p.value,
-              closing: f.value,
+            w(e.$slots, "append", {
+              closed: f.value,
+              closing: p.value,
               disabled: e.disabled,
               open: l.value,
               opening: c.value,
@@ -274,5 +288,5 @@ const pe = /* @__PURE__ */ J({
   }
 });
 export {
-  pe as default
+  ke as default
 };

package/dist/index79.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, openBlock as V, createBlock as G, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index252.js";
+import { findInTree as ae } from "./index256.js";
 import { useId as re } from "./index8.js";
 import oe from "./index127.js";
 /* empty css         */
@@ -53,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dr
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index251.js")).default);
+              b || (b = (await import("./index255.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

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 "./index239.js";
+import { throttle as c } from "./index223.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index84.js

@@ -1,9 +1,9 @@
 import { defineComponent as te, ref as l, useAttrs as oe, getCurrentInstance as le, computed as p, nextTick as se, onBeforeUnmount as N, onMounted as ae, watch as ne, openBlock as g, createBlock as ie, withCtx as re, createElementVNode as s, mergeProps as O, createElementBlock as V, renderSlot as n, createTextVNode as ue, toDisplayString as S, createCommentVNode as z } from "vue";
-import { useFocusTrap as ce } from "./index217.js";
+import { useFocusTrap as ce } from "./index224.js";
 import { useId as A } from "./index8.js";
 import { wait as E } from "./index131.js";
-import { useModalsState as b } from "./index240.js";
-import de from "./index224.js";
+import { useModalsState as b } from "./index226.js";
+import de from "./index227.js";
 const fe = ["inert"], ve = { class: "bb-offcanvas-close" }, pe = ["aria-label"], ke = /* @__PURE__ */ te({
   __name: "BbOffCanvas",
   props: {

package/dist/index88.js

@@ -1,13 +1,13 @@
 import { defineComponent as M, ref as n, computed as v, openBlock as k, createElementBlock as O, mergeProps as F, createElementVNode as p, renderSlot as y, normalizeProps as S, guardReactiveProps as H, createVNode as V, withCtx as C, createBlock as q, createCommentVNode as I, nextTick as W } from "vue";
-import { useFocusTrap as z } from "./index217.js";
+import { useFocusTrap as z } from "./index224.js";
 import { useId as A } from "./index8.js";
 import { useIntersectionObserver as R } from "./index132.js";
-import { waitFor as j } from "./index219.js";
+import { waitFor as j } from "./index225.js";
 import G from "./index13.js";
 /* empty css        */
-import J from "./index255.js";
+import J from "./index253.js";
 /* empty css         */
-import { useDebounceFn as K } from "./index204.js";
+import { useDebounceFn as K } from "./index228.js";
 const re = /* @__PURE__ */ M({
   __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 "./index205.js";
+import { clamp as p } from "./index204.js";
 import { getAsPercentageBetween as i } from "./index130.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",