bitboss-ui 2.0.107 → 2.0.109

package/dist/index75.js

@@ -1,12 +1,12 @@
-import { defineComponent as X, computed as A, ref as y, openBlock as $, createElementBlock as T, mergeProps as B, createElementVNode as H, renderSlot as w, normalizeProps as Y, guardReactiveProps as Z, unref as h, 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 "./index261.js";
+import { defineComponent as X, computed as A, ref as y, openBlock as $, createElementBlock as D, mergeProps as B, createElementVNode as H, renderSlot as g, normalizeProps as Y, guardReactiveProps as Z, unref as h, 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 "./index262.js";
 import { useId as ne } from "./index8.js";
 import { wait as oe } from "./index130.js";
 import { useIntersectionObserver as ae } from "./index132.js";
 import le from "./index13.js";
 /* empty css        */
-import V from "./index262.js";
-import se from "./index263.js";
+import V from "./index263.js";
+import se from "./index264.js";
 /* empty css         */
 import j from "./index127.js";
 /* empty css         */
@@ -23,6 +23,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
     placement: { default: "bottom" },
     theme: { default: "default" },
     transitionDuration: { default: 300 },
+    teleportTarget: {},
     items: {},
     width: { default: 200 }
   },
@@ -45,24 +46,24 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
             if (s.key === "ArrowDown") {
               if (s.preventDefault(), a.value && n !== o) {
                 const d = a.value.querySelector(
-                  V.map((g) => `#${i} ~ ${g}`).join(",")
+                  V.map((w) => `#${i} ~ ${w}`).join(",")
                 );
                 d && d instanceof HTMLElement && d.focus();
               }
             } else if (s.key === "ArrowUp") {
               if (s.preventDefault(), a.value && n !== e) {
-                const d = I(r.items, (E, D) => D < n && !E.disabled), k = Array.from(
+                const d = I(r.items, (E, T) => T < n && !E.disabled), k = Array.from(
                   a.value.querySelectorAll(".bb-dropdown__item")
                 )[d];
                 k && k instanceof HTMLElement && k.focus();
               }
             } else if (s.key === "Tab") {
               if (n === o && !s.shiftKey) {
-                const d = V.join(","), g = Array.from(
+                const d = V.join(","), w = Array.from(
                   document.querySelectorAll(d)
-                ), k = g.findIndex(
-                  (D) => D.id === u
-                ), E = g[k + 1];
+                ), k = w.findIndex(
+                  (T) => T.id === u
+                ), E = w[k + 1];
                 if (E) E instanceof HTMLElement && (s.preventDefault(), b(), E.focus());
                 else return;
               } else if (n === e && s.shiftKey) {
@@ -143,13 +144,13 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
         [`bb-dropdown--${r.theme}`]: r.theme
       }
     }));
-    return (e, o) => ($(), T("span", B({ class: "bb-dropdown" }, J.value), [
+    return (e, o) => ($(), D("span", B({ class: "bb-dropdown" }, J.value), [
       H("span", {
         ref_key: "wrapper",
         ref: v,
         class: "bb-dropdown__wrapper"
       }, [
-        w(e.$slots, "activator", Y(Z({
+        g(e.$slots, "activator", Y(Z({
           props: {
             "aria-expanded": l.value,
             "aria-controls": `menu_${h(u)}`,
@@ -179,6 +180,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
         open: l.value,
         padding: e.padding,
         placement: e.placement,
+        "teleport-target": e.teleportTarget,
         theme: e.theme,
         "transition-duration": e.transitionDuration,
         wrapper: v.value
@@ -190,7 +192,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
             class: "bb-dropdown__items-container",
             style: x({ width: `${e.width}px` })
           }, [
-            w(e.$slots, "prepend", {
+            g(e.$slots, "prepend", {
               closed: f.value,
               closing: p.value,
               disabled: e.disabled,
@@ -198,10 +200,10 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
               opening: c.value,
               placement: e.placement
             }),
-            ($(!0), T(K, null, ee(m.value, (t, n) => ($(), T(K, {
+            ($(!0), D(K, null, ee(m.value, (t, n) => ($(), D(K, {
               key: t.key
             }, [
-              w(e.$slots, "item:prepend", {
+              g(e.$slots, "item:prepend", {
                 closed: f.value,
                 closing: p.value,
                 disabled: t.disabled,
@@ -222,7 +224,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
                 ref_for: !0
               }, t), {
                 default: O(() => [
-                  w(e.$slots, t.key, {
+                  g(e.$slots, t.key, {
                     closed: f.value,
                     closing: p.value,
                     disabled: t.disabled,
@@ -233,7 +235,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
                     placement: e.placement,
                     text: t.text
                   }, () => [
-                    w(e.$slots, "item", {
+                    g(e.$slots, "item", {
                       closed: f.value,
                       closing: p.value,
                       disabled: t.disabled,
@@ -260,7 +262,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
                 ]),
                 _: 2
               }, 1040, ["class"]),
-              w(e.$slots, "item:append", {
+              g(e.$slots, "item:append", {
                 closed: f.value,
                 closing: p.value,
                 disabled: t.disabled,
@@ -272,7 +274,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
                 text: t.text
               })
             ], 64))), 128)),
-            w(e.$slots, "append", {
+            g(e.$slots, "append", {
               closed: f.value,
               closing: p.value,
               disabled: e.disabled,
@@ -283,7 +285,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
           ], 4)
         ]),
         _: 3
-      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "theme", "transition-duration", "wrapper"])
+      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "teleport-target", "theme", "transition-duration", "wrapper"])
     ], 16));
   }
 });

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 "./index266.js";
+import { findInTree as ae } from "./index267.js";
 import { useId as re } from "./index8.js";
 import oe from "./index128.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("./index265.js")).default);
+              b || (b = (await import("./index266.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 "./index212.js";
+import { throttle as c } from "./index241.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index84.js

@@ -1,9 +1,9 @@
 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 "./index213.js";
+import { useFocusTrap as pe } from "./index227.js";
 import { useId as E } from "./index8.js";
 import { wait as H } from "./index130.js";
-import { useModalsState as b } from "./index215.js";
-import be from "./index216.js";
+import { useModalsState as b } from "./index242.js";
+import be from "./index229.js";
 import { useMobile as me } from "./index9.js";
 import { useLocale as ye } from "./index217.js";
 const he = ["inert"], ge = { class: "bb-offcanvas-close" }, _e = ["aria-label"], Te = /* @__PURE__ */ se({

package/dist/index86.js

@@ -1,5 +1,5 @@
 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 "./index269.js";
 /* empty css       */
 /* empty css       */
 import z from "./index13.js";

package/dist/index88.js

@@ -1,15 +1,15 @@
-import { defineComponent as O, ref as n, computed as v, openBlock as y, createElementBlock as S, mergeProps as F, createElementVNode as c, renderSlot as k, normalizeProps as H, guardReactiveProps as V, createVNode as q, withCtx as _, createBlock as I, toDisplayString as W, unref as z, createCommentVNode as A, nextTick as R } from "vue";
-import { useFocusTrap as j } from "./index213.js";
+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 "./index227.js";
 import { useId as G } from "./index8.js";
 import { useIntersectionObserver as J } from "./index132.js";
-import { waitFor as K } from "./index214.js";
+import { waitFor as K } from "./index228.js";
 import Q from "./index13.js";
 /* empty css        */
-import U from "./index263.js";
+import U from "./index264.js";
 /* empty css         */
 import { useLocale as X } from "./index217.js";
-import { useDebounceFn as Y } from "./index205.js";
-const Z = { class: "bb-popover__close-label sr-only" }, pe = /* @__PURE__ */ O({
+import { useDebounceFn as Y } from "./index206.js";
+const Z = { class: "bb-popover__close-label sr-only" }, ce = /* @__PURE__ */ O({
   __name: "BbPopover",
   props: {
     arrowPadding: { default: 10 },
@@ -23,12 +23,13 @@ const Z = { class: "bb-popover__close-label sr-only" }, pe = /* @__PURE__ */ O({
     showClose: { type: Boolean, default: !0 },
     theme: { default: "default" },
     transitionDuration: { default: 150 },
+    teleportTarget: {},
     focusTarget: {},
     width: {}
   },
   emits: ["shown", "hidden"],
-  setup($, { expose: C, emit: T }) {
-    const o = $, s = T, { t: B } = X(), { id: L } = G(), p = `bbp_${L.value}`, r = n(), l = n(), { activate: P, deactivate: m } = j(l, {
+  setup(_, { expose: $, emit: C }) {
+    const t = _, s = C, { t: B } = X(), { id: L } = G(), c = `bbp_${L.value}`, r = n(), l = n(), { activate: P, deactivate: m } = j(l, {
       /**
        * This traps all clicks outside so we are pressing
        * the trigger we just allow and process that in its
@@ -38,8 +39,8 @@ const Z = { class: "bb-popover__close-label sr-only" }, pe = /* @__PURE__ */ O({
        */
       clickOutsideDeactivates: (e) => {
         var h;
-        const t = e.target;
-        return t instanceof HTMLElement && (h = r.value) != null && h.contains(t) || (i(), s("hidden")), !0;
+        const o = e.target;
+        return o instanceof HTMLElement && (h = r.value) != null && h.contains(o) || (i(), s("hidden")), !0;
       },
       escapeDeactivates: () => (R(async () => {
         await i(), u(), s("hidden");
@@ -59,8 +60,8 @@ const Z = { class: "bb-popover__close-label sr-only" }, pe = /* @__PURE__ */ O({
     );
     const D = v(() => ({
       class: {
-        "bb-popover--block": o.block,
-        [`bb-popover--${o.theme}`]: !0
+        "bb-popover--block": t.block,
+        [`bb-popover--${t.theme}`]: !0
       }
     })), N = n(!1), d = n(!1), a = n(!1), b = n(!1), g = n(!0), E = async () => {
       N.value = !0, await K(() => !!l.value), a.value = !0;
@@ -71,53 +72,53 @@ const Z = { class: "bb-popover__close-label sr-only" }, pe = /* @__PURE__ */ O({
         await i(), u(), s("hidden");
         return;
       }
-      if (d.value || o.disabled) return;
+      if (d.value || t.disabled) return;
       await E();
-      let e = o.focusTarget ?? ".bb-popover__close";
+      let e = t.focusTarget ?? ".bb-popover__close";
       P({
         onPostActivate: Y(() => {
           if (l.value) {
-            const t = l.value.querySelector(e);
-            t instanceof HTMLElement && (t.focus(), s("shown"));
+            const o = l.value.querySelector(e);
+            o instanceof HTMLElement && (o.focus(), s("shown"));
           }
         }, 150)
       });
     }, u = () => {
-      var t;
-      const e = (t = r.value) == null ? void 0 : t.querySelector(`[aria-controls=popover_${p}]`);
+      var o;
+      const e = (o = r.value) == null ? void 0 : o.querySelector(`[aria-controls=popover_${c}]`);
       e instanceof HTMLElement && e.focus({ preventScroll: !0 });
     }, f = async () => {
       m(), await i(), u(), s("hidden");
     }, M = v(() => {
-      if (o.width) {
+      if (t.width) {
         let e;
-        if (typeof o.width == "string" && Number.isNaN(Number(o.width)))
-          if (o.width.includes("%")) {
+        if (typeof t.width == "string" && Number.isNaN(Number(t.width)))
+          if (t.width.includes("%")) {
             if (!r.value) return;
-            e = `${r.value.clientWidth * (+o.width.replace("%", "") / 100)}`;
+            e = `${r.value.clientWidth * (+t.width.replace("%", "") / 100)}`;
           } else
-            e = o.width;
+            e = t.width;
         else
-          e = `${o.width}`;
+          e = `${t.width}`;
         return `${e}px`;
       }
     });
-    return C({
+    return $({
       open: w,
       close: f,
       closed: v(() => !a.value)
-    }), (e, t) => (y(), S("span", F({ class: "bb-popover" }, D.value), [
-      c("span", {
+    }), (e, o) => (y(), S("span", F({ class: "bb-popover" }, D.value), [
+      p("span", {
         ref_key: "wrapper",
         ref: r,
         class: "bb-popover__wrapper"
       }, [
         k(e.$slots, "activator", H(V({
           props: {
-            "aria-controls": `popover_${p}`,
+            "aria-controls": `popover_${c}`,
             "aria-expanded": a.value,
             onClick: w,
-            id: p,
+            id: c,
             disabled: !!e.disabled
           },
           closed: g.value,
@@ -132,7 +133,7 @@ const Z = { class: "bb-popover__close-label sr-only" }, pe = /* @__PURE__ */ O({
         "arrow-padding": e.arrowPadding,
         "base-class": "bb-popover",
         "container-attributes": {
-          id: `popover_${p}`,
+          id: `popover_${c}`,
           style: { width: M.value }
         },
         eager: e.eager,
@@ -140,12 +141,13 @@ const Z = { class: "bb-popover__close-label sr-only" }, pe = /* @__PURE__ */ O({
         open: a.value,
         padding: e.padding,
         placement: e.placement,
+        "teleport-target": e.teleportTarget,
         theme: e.theme,
         "transition-duration": e.transitionDuration,
         wrapper: r.value
       }, {
-        default: _(() => [
-          c("div", {
+        default: T(() => [
+          p("div", {
             ref_key: "content",
             ref: l,
             class: "bb-popover__content"
@@ -155,14 +157,14 @@ const Z = { class: "bb-popover__close-label sr-only" }, pe = /* @__PURE__ */ O({
               class: "bb-popover__close",
               onClick: f
             }, {
-              default: _(() => [
-                c("span", Z, W(e.closeLabel || z(B)("common.closeLabel").value), 1),
-                t[0] || (t[0] = c("svg", {
+              default: T(() => [
+                p("span", Z, W(e.closeLabel || z(B)("common.closeLabel").value), 1),
+                o[0] || (o[0] = p("svg", {
                   fill: "none",
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  c("path", {
+                  p("path", {
                     d: "M23 23L1 1M23 1L1 23",
                     stroke: "currentColor",
                     "stroke-linecap": "round",
@@ -184,10 +186,10 @@ const Z = { class: "bb-popover__close-label sr-only" }, pe = /* @__PURE__ */ O({
           ], 512)
         ]),
         _: 3
-      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "theme", "transition-duration", "wrapper"])
+      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "teleport-target", "theme", "transition-duration", "wrapper"])
     ], 16));
   }
 });
 export {
-  pe as default
+  ce as default
 };

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",