bitboss-ui 2.0.167 → 2.0.168

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 "./index213.js";
+import { isNil as B } from "./index250.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 "./index220.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 "./index220.js";
 const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
   __name: "BbChip",
   props: {

package/dist/index79.js

@@ -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 "./index220.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 "./index213.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 "./index274.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 "./index216.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 "./index218.js";
+import me from "./index219.js";
 import { useMobile as ye } from "./index9.js";
-import { useLocale as he } from "./index219.js";
+import { useLocale as he } from "./index220.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 "./index257.js";
+import { useLocale as H } from "./index220.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 { 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 "./index220.js";
 import { useUntil as W } from "./index270.js";
 import q from "./index13.js";
 /* empty css        */
 import A from "./index271.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.168",
 	"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/index224.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./index316.js";
-import { __require as e } from "./index300.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
-export {
-  m as default
-};

package/dist/index226.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as e } from "./index316.js";
-import { __require as r } from "./index304.js";
-var o = r();
-const f = /* @__PURE__ */ e(o);
-export {
-  f as default
-};

package/dist/index228.js

@@ -1,4 +0,0 @@
-const e = (t) => t[t.length - 1];
-export {
-  e as last
-};

package/dist/index242.js

@@ -1,19 +0,0 @@
-import { computed as i, unref as m } from "vue";
-import { hash as s } from "./index227.js";
-const p = ({ items: a, key: r }) => {
-  const n = i(() => {
-    const t = {}, c = new Array().concat(m(a));
-    for (let e = 0; e < c.length; e++) {
-      const o = c[e], u = r ? String(o[r]) : s(o);
-      t[u] = o;
-    }
-    return t;
-  });
-  return {
-    data: n,
-    get: (t) => r ? n.value[String(t[r])] : n.value[s(t)]
-  };
-};
-export {
-  p as useIndexById
-};

package/dist/index286.js

@@ -1,5 +0,0 @@
-import o from "./index214.js";
-/* empty css         */
-export {
-  o as default
-};

package/dist/index329.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./index316.js";
-import { __require as o } from "./index345.js";
-var e = o();
-const s = /* @__PURE__ */ r(e);
-export {
-  s as default
-};

package/dist/index349.js

@@ -1,21 +0,0 @@
-function l(t, ...e) {
-  if (t.length) {
-    const o = t[0];
-    if (typeof o == "string") return [...t].sort(r);
-    if (typeof o == "number") return [...t].sort(r);
-    if (e && e.length)
-      return [...t].sort((f, u) => {
-        for (let n = 0; n < e.length; n++) {
-          const i = e[n], s = r(f[i], u[i]);
-          if (s) return s;
-        }
-        return 0;
-      });
-    throw new Error("Invalid comparison");
-  }
-  return t;
-}
-const r = (t, e) => t < e ? -1 : t > e ? 1 : 0;
-export {
-  l as sort
-};

package/dist/index352.js

@@ -1,5 +0,0 @@
-import o from "./index340.js";
-/* empty css         */
-export {
-  o as default
-};