bitboss-ui 2.0.167 → 2.0.169

package/dist/index49.js

@@ -1,9 +1,9 @@
 import { defineComponent as V, ref as h, computed as v, onMounted as B, onBeforeUnmount as M, watch as g, createElementBlock as i, openBlock as r, Fragment as w, createVNode as m, createElementVNode as $, normalizeClass as C, withCtx as n, unref as q, mergeProps as b, renderSlot as d } from "vue";
-import E from "./index216.js";
+import E from "./index209.js";
 /* empty css         */
-import I from "./index218.js";
+import I from "./index211.js";
 import { isNotNil as N } from "./index140.js";
-import { MaskInput as z } from "./index265.js";
+import { MaskInput as z } from "./index269.js";
 const D = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type"], F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type", "value"], U = /* @__PURE__ */ V({
   __name: "BaseTextInput",
   props: {

package/dist/index53.js

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

package/dist/index55.js

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

package/dist/index57.js

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

package/dist/index61.js

@@ -9,7 +9,7 @@ import T from "./index113.js";
 /* empty css         */
 import { pickBy as W } from "./index267.js";
 import { noop as w } from "./index268.js";
-import { useLocale as D } from "./index219.js";
+import { useLocale as D } from "./index216.js";
 const E = {
   key: 2,
   class: "bb-button__loading-label sr-only"

package/dist/index67.js

@@ -1,5 +1,5 @@
 import { defineComponent as i, createElementBlock as o, openBlock as a, createElementVNode as t, createCommentVNode as p, renderSlot as b, createTextVNode as m, toDisplayString as u, withModifiers as d, unref as _ } from "vue";
-import { useLocale as f } from "./index219.js";
+import { useLocale as f } from "./index216.js";
 const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
   __name: "BbChip",
   props: {

package/dist/index79.js

@@ -1,16 +1,16 @@
 import { defineComponent as U, computed as V, useTemplateRef as q, ref as F, createBlock as h, openBlock as b, normalizeClass as W, withCtx as L, createElementBlock as T, createCommentVNode as D, unref as p, normalizeStyle as G, renderSlot as v, Fragment as A, renderList as J, createVNode as Q, mergeProps as X, createElementVNode as Y, toDisplayString as Z, normalizeProps as x, guardReactiveProps as ee } from "vue";
-import { findRightIndex as _ } from "./index269.js";
+import { findRightIndex as _ } from "./index270.js";
 import { useId as te } from "./index8.js";
 import { useIntersectionObserver as oe } from "./index137.js";
-import { useUntil as ne } from "./index270.js";
+import { useUntil as ne } from "./index271.js";
 import { wait as ae } from "./index135.js";
 import le from "./index13.js";
 /* empty css        */
 import B from "./index85.js";
 /* empty css        */
-import se from "./index271.js";
+import se from "./index272.js";
 /* empty css         */
-import O from "./index273.js";
+import O from "./index274.js";
 const ie = ["id", "aria-labelledby", "inert"], re = { class: "item__content" }, $e = /* @__PURE__ */ U({
   __name: "BbDropdown",
   props: {
@@ -28,20 +28,20 @@ const ie = ["id", "aria-labelledby", "inert"], re = { class: "item__content" },
     items: {},
     width: { default: 200 }
   },
-  setup(K) {
-    const u = K, d = u.id ?? `bb_${te().id.value}`, c = V(() => {
+  setup(R) {
+    const u = R, d = u.id ?? `bb_${te().id.value}`, c = V(() => {
       let e = u.items.findIndex((o) => !o.disabled), a = _(
         u.items,
         (o) => !o.disabled
       );
       return u.items.map((o, t) => {
-        const n = `${d}-item-${o.key}`, { onClick: S, ...C } = o, N = async () => {
+        const n = `${d}-item-${o.key}`, { onClick: S, ...C } = o, z = async () => {
           await f();
           const s = document.querySelector(`#${d}`);
           if (s) s instanceof HTMLElement && s.focus();
           else return;
           S && S();
-        }, R = (s) => {
+        }, N = (s) => {
           if (s.target instanceof HTMLElement && s.target.dataset.dropdownItem) {
             if (!i.value) return;
             if (s.key === "ArrowDown") {
@@ -81,8 +81,8 @@ const ie = ["id", "aria-labelledby", "inert"], re = { class: "item__content" },
           key: o.key.split(/\W+/g).join("_").toLowerCase(),
           disabled: C.disabled || u.disabled,
           id: n,
-          onClick: N,
-          onKeydown: R
+          onClick: z,
+          onKeydown: N
         };
       });
     }), m = q("wrapper"), i = q("content");
@@ -93,9 +93,9 @@ const ie = ["id", "aria-labelledby", "inert"], re = { class: "item__content" },
       },
       { threshold: [0, 1] }
     );
-    const l = F(!1), g = ne(l), P = () => {
+    const l = F(!1), g = ne(l), K = () => {
       l.value ? f() : E();
-    }, j = async (e) => {
+    }, P = async (e) => {
       let a = u.items.findIndex((t) => !t.disabled), o = _(
         u.items,
         (t) => !t.disabled
@@ -135,13 +135,13 @@ const ie = ["id", "aria-labelledby", "inert"], re = { class: "item__content" },
         }
         f();
       }
-    }, z = F(!1), E = async () => {
-      z.value = !0, await ae(50), l.value = !0, document.addEventListener("click", H, { passive: !0 }), document.addEventListener("focusin", I, { passive: !0 }), document.addEventListener("keydown", M, { passive: !0 });
+    }, j = F(!1), E = async () => {
+      j.value = !0, await ae(50), l.value = !0, document.addEventListener("click", H, { passive: !0 }), document.addEventListener("focusin", I, { passive: !0 }), document.addEventListener("keydown", M, { passive: !0 });
     }, f = async () => {
       l.value = !1, document.removeEventListener("click", H), document.removeEventListener("focusin", I), document.removeEventListener("keydown", M);
     };
     return (e, a) => (b(), h(se, {
-      ref_key: "wrapper",
+      ref_key: "wrapperRef",
       ref: m,
       "arrow-padding": e.arrowPadding,
       block: e.block,
@@ -160,8 +160,8 @@ const ie = ["id", "aria-labelledby", "inert"], re = { class: "item__content" },
             "aria-expanded": p(g) ? l.value : !1,
             "aria-controls": p(g) ? `menu_${p(d)}` : void 0,
             id: p(d),
-            onClick: P,
-            onKeydown: j,
+            onClick: K,
+            onKeydown: P,
             disabled: e.disabled
           },
           disabled: e.disabled,
@@ -173,7 +173,7 @@ const ie = ["id", "aria-labelledby", "inert"], re = { class: "item__content" },
         p(g) ? (b(), T("span", {
           key: 0,
           id: `menu_${p(d)}`,
-          ref_key: "content",
+          ref_key: "contentRef",
           ref: i,
           "aria-labelledby": p(d),
           "aria-role": "menu",

package/dist/index81.js

@@ -9,7 +9,7 @@ import z from "./index85.js";
 /* empty css        */
 import I from "./index113.js";
 /* empty css         */
-import { useLocale as M } from "./index219.js";
+import { useLocale as M } from "./index216.js";
 const O = { class: "bb-dropdown-button__content" }, R = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"

package/dist/index83.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, createBlock as G, openBlock as V, 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 "./index275.js";
+import { findInTree as ae } from "./index276.js";
 import { useId as re } from "./index8.js";
 import oe from "./index111.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("./index274.js")).default);
+              b || (b = (await import("./index275.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index85.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as p, getCurrentInstance as c, onServerPrefetch as w, onBeforeMount as z, inject as _, watch as b, computed as f, createElementBlock as h, openBlock as $, mergeProps as g } from "vue";
-import { isCssColor as I } from "./index261.js";
+import { isCssColor as I } from "./index235.js";
 const B = ["innerHTML"], k = /* @__PURE__ */ v({
   __name: "BbIcon",
   props: {

package/dist/index87.js

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

package/dist/index90.js

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

package/dist/index92.js

@@ -3,8 +3,8 @@ import { defineComponent as V, mergeModels as W, useModel as U, computed as d, r
 /* empty css       */
 import P from "./index13.js";
 /* empty css        */
-import { debounce as X } from "./index250.js";
-import { useLocale as H } from "./index219.js";
+import { debounce as X } from "./index229.js";
+import { useLocale as H } from "./index216.js";
 import { useRoute as J } from "./index142.js";
 const K = ["aria-label"], Q = { class: "bb-pagination__page-label sr-only" }, Y = { class: "bb-pagination__page-label" }, Z = { class: "bb-pagination__page-label" }, ee = { class: "bb-pagination__page-label sr-only" }, ue = /* @__PURE__ */ V({
   __name: "BbPagination",

package/dist/index94.js

@@ -1,13 +1,13 @@
-import { defineComponent as V, useTemplateRef as b, ref as D, computed as w, createBlock as h, openBlock as c, normalizeClass as M, withCtx as u, createElementBlock as z, createCommentVNode as g, unref as k, renderSlot as y, createElementVNode as f, toDisplayString as O, normalizeProps as S, guardReactiveProps as H, nextTick as I } from "vue";
-import { useId as N } from "./index8.js";
-import { useIntersectionObserver as R } from "./index137.js";
-import { useLocale as U } from "./index219.js";
-import { useUntil as W } from "./index270.js";
+import { defineComponent as R, useTemplateRef as b, ref as V, computed as w, createBlock as h, openBlock as c, normalizeClass as D, withCtx as u, createElementBlock as M, createCommentVNode as g, unref as k, renderSlot as y, createElementVNode as f, toDisplayString as z, normalizeProps as O, guardReactiveProps as S, nextTick as H } from "vue";
+import { useId as I } from "./index8.js";
+import { useIntersectionObserver as N } from "./index137.js";
+import { useLocale as U } from "./index216.js";
+import { useUntil as W } from "./index271.js";
 import q from "./index13.js";
 /* empty css        */
-import A from "./index271.js";
+import A from "./index272.js";
 /* empty css         */
-const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @__PURE__ */ V({
+const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @__PURE__ */ R({
   __name: "BbPopover",
   props: {
     arrowPadding: { default: 10 },
@@ -27,15 +27,15 @@ const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @
   },
   emits: ["shown", "hidden"],
   setup(C, { expose: $, emit: L }) {
-    const a = C, n = L, { t: _ } = U(), { id: B } = N(), i = `bbp_${B.value}`, r = b("wrapper"), d = b("content");
-    R(
+    const a = C, n = L, { t: _ } = U(), { id: B } = I(), i = `bbp_${B.value}`, r = b("wrapper"), d = b("content");
+    N(
       r,
       async ([{ intersectionRatio: e }]) => {
         e !== 1 && o.value && (await l(), n("hidden"));
       },
       { threshold: [0, 1] }
     );
-    const o = D(!1), T = W(o), m = (e) => {
+    const o = V(!1), T = W(o), m = (e) => {
       var t;
       e.target instanceof HTMLElement && ((t = d.value) != null && t.contains(e.target) || l());
     }, P = async () => {
@@ -51,7 +51,7 @@ const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @
       if (a.disabled) return;
       await P();
       let e = a.focusTarget ?? ".bb-popover__close";
-      await I();
+      await H();
       const t = (s = d.value) == null ? void 0 : s.querySelector(e);
       t instanceof HTMLElement && (t.focus(), n("shown"));
     }, p = async () => {
@@ -67,13 +67,13 @@ const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @
       close: p,
       closed: w(() => !o.value)
     }), (e, t) => (c(), h(A, {
-      ref_key: "wrapper",
+      ref_key: "wrapperRef",
       ref: r,
       modelValue: o.value,
       "onUpdate:modelValue": t[0] || (t[0] = (s) => o.value = s),
       "arrow-padding": e.arrowPadding,
       block: e.block,
-      class: M(["bb-popover", {
+      class: D(["bb-popover", {
         [`bb-popover--${e.theme}`]: !0
       }]),
       "container-attributes": {
@@ -89,7 +89,7 @@ const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @
       "transition-duration": e.transitionDuration
     }, {
       activator: u(() => [
-        y(e.$slots, "activator", S(H({
+        y(e.$slots, "activator", O(S({
           props: {
             "aria-controls": `popover_${i}`,
             "aria-expanded": o.value,
@@ -103,9 +103,9 @@ const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @
         })))
       ]),
       default: u(() => [
-        k(T) ? (c(), z("span", {
+        k(T) ? (c(), M("span", {
           key: 0,
-          ref_key: "content",
+          ref_key: "contentRef",
           ref: d,
           class: "bb-popover__content",
           inert: !o.value
@@ -116,7 +116,7 @@ const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @
             onClick: p
           }, {
             default: u(() => [
-              f("span", j, O(e.closeLabel || k(_)("common.closeLabel").value), 1),
+              f("span", j, z(e.closeLabel || k(_)("common.closeLabel").value), 1),
               t[1] || (t[1] = f("svg", {
                 fill: "none",
                 viewBox: "0 0 24 24",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.0.167",
+	"version": "2.0.169",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {

package/dist/index210.js

@@ -1,43 +0,0 @@
-import { unrefElement as g } from "./index137.js";
-import { toArray as A, notNullish as D, tryOnScopeDispose as y } from "./index206.js";
-import { createFocusTrap as F } from "./index284.js";
-import { shallowRef as n, computed as T, toValue as i, watch as w } from "vue";
-function N(f, a = {}) {
-  let t;
-  const { immediate: l, ...p } = a, o = n(!1), r = n(!1), c = (e) => t && t.activate(e), u = (e) => t && t.deactivate(e), v = () => {
-    t && (t.pause(), r.value = !0);
-  }, m = () => {
-    t && (t.unpause(), r.value = !1);
-  }, h = T(() => {
-    const e = i(f);
-    return A(e).map((d) => {
-      const s = i(d);
-      return typeof s == "string" ? s : g(s);
-    }).filter(D);
-  });
-  return w(
-    h,
-    (e) => {
-      e.length && (t = F(e, {
-        ...p,
-        onActivate() {
-          o.value = !0, a.onActivate && a.onActivate();
-        },
-        onDeactivate() {
-          o.value = !1, a.onDeactivate && a.onDeactivate();
-        }
-      }), l && c());
-    },
-    { flush: "post" }
-  ), y(() => u()), {
-    hasFocus: o,
-    isPaused: r,
-    activate: c,
-    deactivate: u,
-    pause: v,
-    unpause: m
-  };
-}
-export {
-  N as useFocusTrap
-};

package/dist/index227.js

@@ -1,5 +0,0 @@
-import { hash as o } from "./index310.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
-export {
-  t as hash
-};

package/dist/index233.js

@@ -1,7 +0,0 @@
-import o from "./index311.js";
-/* empty css         */
-import t from "./index289.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
-export {
-  m as default
-};

package/dist/index249.js

@@ -1,4 +0,0 @@
-const n = (t) => t == null || Number.isNaN(t) || typeof t == "object" && Object.keys(t).length === 0 || typeof t == "string" && t.trim().length === 0 || t instanceof Map && [...t.keys()].length === 0 || t instanceof Set && [...t.keys()].length === 0;
-export {
-  n as isEmpty
-};

package/dist/index258.js

@@ -1,14 +0,0 @@
-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);
-  } };
-};
-export {
-  n as useArray
-};