@adyen/bento-vue3 1.69.0 → 1.70.0

package/dist/chunks/{toggle-button.ByyLw0Yf.js → toggle-button.CQl9HneO.js}

@@ -1,10 +1,10 @@
 import { defineComponent as M, useSlots as Q, computed as _, createBlock as y, openBlock as u, withModifiers as X, normalizeClass as U, createSlots as H, withCtx as h, renderSlot as D, unref as m, createElementVNode as V, createCommentVNode as O, resolveComponent as T, createVNode as E, createTextVNode as j, toDisplayString as G, onMounted as x, onUnmounted as pe, useAttrs as Oe, inject as K, ref as v, toRefs as $e, Transition as ve, createElementBlock as k, Teleport as Ee, mergeProps as Y, resolveDynamicComponent as z, toHandlers as ie, withKeys as N, Fragment as Z, renderList as ee, watch as be, nextTick as te, normalizeStyle as he, provide as Se, normalizeProps as Le, guardReactiveProps as Te } from "vue";
-import { B as L } from "./button.wMNce6wZ.js";
+import { B as L } from "./button.C-MAa6ut.js";
 import { B as ye, D as Me } from "./divider.DnKNNyWB.js";
 import { C as we } from "./cross.B92GxFTY.js";
 import { _ as w } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as ge, a as re, p as Ne } from "./typography.CFHvBR7L.js";
-import { c as Re, P as Ae } from "./popper-container.idDrquM6.js";
+import { B as ge, a as re, p as Ne } from "./typography.yBEME_Gu.js";
+import { c as Re, P as Ae } from "./popper-container.CgJzEQ7N.js";
 import { u as ae } from "./use-has-slot.B7eQSabc.js";
 import { u as De } from "./aria-label.CaUURpnB.js";
 import { o as Pe } from "./on-click-outside.D9aY9g8G.js";
@@ -14,11 +14,11 @@ import { C as We } from "./chevron-down.DCQ6ZLaq.js";
 /* empty css              */
 import { i as Ce } from "./index.CWuzEfiV.js";
 import { a as Ke, C as ue } from "./chevron-right.Brdj0WlO.js";
-import { a as de, B as Ue } from "./base-button.Bcwm87OM.js";
+import { a as de, B as Ue } from "./base-button.CjYb5Y8k.js";
 import { t as Ve } from "./truncate.BfIl_-71.js";
 import { o as Ge } from "./resize.Bqks3WUm.js";
 import { g as je } from "./es6.MoTTyETW.js";
-import { B as He } from "./loading-indicator.BmAQqPP2.js";
+import { B as He } from "./loading-indicator.VHi5tbZa.js";
 import { C as Ye } from "./cross-circle-fill.CYLL7jfC.js";
 import { C as Je } from "./checkmark-circle-fill._6-d40ru.js";
 import "../assets/toggle-button.css";
@@ -91,26 +91,26 @@ const Ie = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, o = t, d = Q(), p = ae(d), { t: l } = _e({ messages: Ie }), f = _(() => ({
-      [`b-loading-button--${n.variant}-${A.LOADING}`]: n.state === A.LOADING && !n.disabled,
-      "b-loading-button--loading": n.state === A.LOADING && !n.disabled,
-      [`b-loading-button--${n.variant}-${A.SUCCESS}`]: n.state === A.SUCCESS,
-      "b-loading-button--inverse": n.inverse
+    const o = e, s = t, d = Q(), p = ae(d), { t: l } = _e({ messages: Ie }), f = _(() => ({
+      [`b-loading-button--${o.variant}-${A.LOADING}`]: o.state === A.LOADING && !o.disabled,
+      "b-loading-button--loading": o.state === A.LOADING && !o.disabled,
+      [`b-loading-button--${o.variant}-${A.SUCCESS}`]: o.state === A.SUCCESS,
+      "b-loading-button--inverse": o.inverse
     })), c = _(
-      () => n.variant === "primary" && !n.inverse || n.variant !== "primary" && n.inverse
+      () => o.variant === "primary" && !o.inverse || o.variant !== "primary" && o.inverse
     ), a = _(
-      () => n.critical && n.state === A.START || n.state === A.FAIL
-    ), s = (r) => {
-      r.stopPropagation(), n.state !== A.LOADING && o("click", r);
+      () => o.critical && o.state === A.START || o.state === A.FAIL
+    ), i = (r) => {
+      r.stopPropagation(), o.state !== A.LOADING && s("click", r);
     };
-    return (r, i) => (u(), y(L, {
+    return (r, n) => (u(), y(L, {
       critical: a.value,
       variant: e.variant,
       condensed: e.condensed,
       disabled: e.disabled,
       inverse: e.inverse,
       class: U(["b-loading-button", f.value]),
-      onClickCapture: X(s, ["stop"])
+      onClickCapture: X(i, ["stop"])
     }, H({
       default: h(() => [
         D(r.$slots, "default", {}, void 0, !0)
@@ -144,7 +144,7 @@ const Ie = {
       } : void 0
     ]), 1032, ["critical", "variant", "condensed", "disabled", "inverse", "class"]));
   }
-}), Ze = /* @__PURE__ */ w(ze, [["__scopeId", "data-v-bb322da1"]]), Qe = M({
+}), Ze = /* @__PURE__ */ w(ze, [["__scopeId", "data-v-e68a786b"]]), Qe = M({
   name: "bento-popover-dismiss-button",
   components: { BentoButton: L, CrossIcon: we },
   props: {
@@ -160,7 +160,7 @@ const Ie = {
     };
   }
 });
-function xe(e, t, n, o, d, p) {
+function xe(e, t, o, s, d, p) {
   const l = T("cross-icon"), f = T("bento-button");
   return u(), y(f, {
     class: U(e.conditionalClass),
@@ -186,17 +186,17 @@ const ce = /* @__PURE__ */ w(Qe, [["render", xe], ["__scopeId", "data-v-df01cfb8
     title: { type: String, default: null }
   },
   setup(e) {
-    const t = _(() => !e.isImageTitle), n = _(
+    const t = _(() => !e.isImageTitle), o = _(
       () => e.isImageTitle ? re.SUBTITLE : re.BODY
     );
     return {
       // Values
       isStrongest: t,
-      titleVariant: n
+      titleVariant: o
     };
   }
 });
-function tt(e, t, n, o, d, p) {
+function tt(e, t, o, s, d, p) {
   const l = T("bento-typography");
   return u(), y(l, {
     strongest: e.isStrongest,
@@ -209,12 +209,12 @@ function tt(e, t, n, o, d, p) {
     _: 1
   }, 8, ["strongest", "variant"]);
 }
-const nt = /* @__PURE__ */ w(et, [["render", tt]]), ot = (e, t, n = {}) => {
-  let o;
+const nt = /* @__PURE__ */ w(et, [["render", tt]]), ot = (e, t, o = {}) => {
+  let s;
   x(() => {
-    o = Pe(e, t, n);
+    s = Pe(e, t, o);
   }), pe(() => {
-    o && (o(), o = null);
+    s && (s(), s = null);
   });
 }, st = Symbol("input field popover injection key"), it = Symbol("input field popover injection key"), at = Symbol("popover offset injection key"), lt = {
   key: 0,
@@ -253,26 +253,26 @@ const nt = /* @__PURE__ */ w(et, [["render", tt]]), ot = (e, t, n = {}) => {
   },
   emits: ["dismiss", "placement"],
   setup(e, { emit: t }) {
-    const o = e, d = t, p = Q(), l = Oe(), f = _(() => {
+    const s = e, d = t, p = Q(), l = Oe(), f = _(() => {
       var g;
       return {
         id: (g = l.id) == null ? void 0 : g.toString(),
         role: (l == null ? void 0 : l.role) === null ? void 0 : Re.POPOVER
       };
-    }), c = K(at, 2), a = v(l["aria-label"]), { ariaLabel: s, title: r } = $e(o), i = De({
+    }), c = K(at, 2), a = v(l["aria-label"]), { ariaLabel: i, title: r } = $e(s), n = De({
       ariaLabel: a.value,
       // TODO: take this line away when the aria-label props is removed
-      label: s,
+      label: i,
       defaultFallback: r
     }), b = K(it, !1) || K(st, !1), C = _(() => ({
-      "b-popover--small": o.small && !o.large,
-      "b-popover--with-divider": !!o.divider,
-      "b-popover--large": o.large && !o.small,
-      "b-popover--fit-content": o.fitContent,
-      "b-popover--without-space": o.withoutSpace,
-      "b-popover--overflow-visible": o.overflowVisible || b
+      "b-popover--small": s.small && !s.large,
+      "b-popover--with-divider": !!s.divider,
+      "b-popover--large": s.large && !s.small,
+      "b-popover--fit-content": s.fitContent,
+      "b-popover--without-space": s.withoutSpace,
+      "b-popover--overflow-visible": s.overflowVisible || b
     })), $ = _(() => ({
-      "b-popover__content--with-title": !!o.title
+      "b-popover__content--with-title": !!s.title
     })), R = () => d("dismiss"), P = ae(p);
     return (g, F) => (u(), y(ve, { name: "b-popover__animation" }, {
       default: h(() => [
@@ -280,7 +280,7 @@ const nt = /* @__PURE__ */ w(et, [["render", tt]]), ot = (e, t, n = {}) => {
           key: 0,
           id: f.value.id,
           "aria-role": f.value.role,
-          "aria-label": m(i),
+          "aria-label": m(n),
           arrow: { classes: ["b-popover__arrow"] },
           "disabled-focus-trap": g.disableFocusTrap,
           class: U([C.value, "b-popover"]),
@@ -401,11 +401,11 @@ const nt = /* @__PURE__ */ w(et, [["render", tt]]), ot = (e, t, n = {}) => {
     },
     onMutations(e) {
       let t = !1;
-      for (let n = 0; n < e.length; n++) {
-        const o = e[n], d = Array.from(o.addedNodes).filter(
+      for (let o = 0; o < e.length; o++) {
+        const s = e[o], d = Array.from(s.addedNodes).filter(
           (p) => !this.nodes.includes(p)
         );
-        Array.from(o.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && d.length > 0 && (t = !0);
+        Array.from(s.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && d.length > 0 && (t = !0);
       }
       t && this.move();
     },
@@ -416,7 +416,7 @@ const nt = /* @__PURE__ */ w(et, [["render", tt]]), ot = (e, t, n = {}) => {
         attributes: !1,
         characterData: !1
       }), !this.childObserver && (this.childObserver = new MutationObserver((e) => {
-        e.find((n) => n.target === this.$el) && (this.nodes.forEach((n) => n.parentNode && n.parentNode.removeChild(n)), this.nodes = this.getComponentChildrenNode(), this.maybeMove());
+        e.find((o) => o.target === this.$el) && (this.nodes.forEach((o) => o.parentNode && o.parentNode.removeChild(o)), this.nodes = this.getComponentChildrenNode(), this.maybeMove());
       }), this.childObserver.observe(this.$el, {
         childList: !0,
         subtree: !1,
@@ -434,7 +434,7 @@ const nt = /* @__PURE__ */ w(et, [["render", tt]]), ot = (e, t, n = {}) => {
 }), _t = /* @__PURE__ */ M({
   ...gt,
   setup(e) {
-    return (t, n) => m(Ce) ? (u(), k("div", {
+    return (t, o) => m(Ce) ? (u(), k("div", {
       key: 0,
       class: U(t.classes)
     }, [
@@ -458,7 +458,7 @@ const Bt = {
     this.uuid = fe.toString(), fe += 1;
   }
 }, Ot = { key: 0 };
-function $t(e, t, n, o, d, p) {
+function $t(e, t, o, s, d, p) {
   return u(), k("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -553,13 +553,13 @@ const Et = /* @__PURE__ */ w(Bt, [["render", $t]]), St = M({
   },
   emits: [de.CLICK],
   setup(e, { emit: t }) {
-    const o = _(() => ({
+    const s = _(() => ({
       "b-menu-item--critical": e.critical,
       "b-menu-item--indent": e.indent
     })), d = _(() => Ve(e.secondaryText, 10));
     return {
       // Values
-      conditionalClasses: o,
+      conditionalClasses: s,
       computedSecondaryText: d,
       // Methods
       onClick: (l) => {
@@ -568,7 +568,7 @@ const Et = /* @__PURE__ */ w(Bt, [["render", $t]]), St = M({
     };
   }
 });
-function Lt(e, t, n, o, d, p) {
+function Lt(e, t, o, s, d, p) {
   const l = T("bento-typography"), f = T("chevron-right-icon"), c = T("base-button");
   return u(), y(c, {
     class: U(["b-menu-item", e.conditionalClasses]),
@@ -629,14 +629,14 @@ const Tt = Symbol("menu registering injection key"), Mt = {
 }, wt = /* @__PURE__ */ M({
   ...Mt,
   setup(e) {
-    const t = v(), n = v({}), o = K(
+    const t = v(), o = v({}), s = K(
       Tt,
       !1
     );
-    if (o) {
-      const { registerMenuContainerElement: d } = o;
-      d(t), n.value = {
-        mouseleave: o == null ? void 0 : o.menuMouseLeave
+    if (s) {
+      const { registerMenuContainerElement: d } = s;
+      d(t), o.value = {
+        mouseleave: s == null ? void 0 : s.menuMouseLeave
       };
     }
     return (d, p) => (u(), k("div", Y({
@@ -644,7 +644,7 @@ const Tt = Symbol("menu registering injection key"), Mt = {
       ref: t,
       class: "b-menu-list-container",
       "data-testid": "menu-list-container"
-    }, ie(n.value, !0)), [
+    }, ie(o.value, !0)), [
       D(d.$slots, "default", {}, void 0, !0)
     ], 16));
   }
@@ -669,9 +669,9 @@ const Tt = Symbol("menu registering injection key"), Mt = {
   },
   emits: [W.CLOSE, W.BACK],
   setup(e, { emit: t }) {
-    const n = v(null), o = v(0), d = v(e.items.length), p = () => t(W.CLOSE), l = () => t(W.BACK), f = _(() => {
-      var i;
-      const r = (i = e.items) == null ? void 0 : i.map((b) => ({
+    const o = v(null), s = v(0), d = v(e.items.length), p = () => t(W.CLOSE), l = () => t(W.BACK), f = _(() => {
+      var n;
+      const r = (n = e.items) == null ? void 0 : n.map((b) => ({
         ...b,
         indent: !b.icon,
         isTitle: !1,
@@ -693,34 +693,34 @@ const Tt = Symbol("menu registering injection key"), Mt = {
         ...r
       ];
     }), c = async () => {
-      var r, i, b, C, $;
-      ($ = (C = (b = (i = (r = n.value) == null ? void 0 : r.children) == null ? void 0 : i[o.value]) == null ? void 0 : b.children) == null ? void 0 : C[0]) == null || $.focus();
+      var r, n, b, C, $;
+      ($ = (C = (b = (n = (r = o.value) == null ? void 0 : r.children) == null ? void 0 : n[s.value]) == null ? void 0 : b.children) == null ? void 0 : C[0]) == null || $.focus();
     };
     x(async () => {
       setTimeout(() => c(), 150);
     });
     const a = () => {
-      o.value > 0 ? (o.value -= 1, f.value[o.value].disabled && a()) : o.value = d.value, c();
-    }, s = () => {
-      o.value < d.value ? (o.value += 1, f.value[o.value].disabled && s()) : o.value = 0, c();
+      s.value > 0 ? (s.value -= 1, f.value[s.value].disabled && a()) : s.value = d.value, c();
+    }, i = () => {
+      s.value < d.value ? (s.value += 1, f.value[s.value].disabled && i()) : s.value = 0, c();
     };
     return {
       // Enums
       BentoMenuEvent: W,
       // Values
-      subMenuItemListRefLocal: n,
-      subMenuFocusedIndex: o,
+      subMenuItemListRefLocal: o,
+      subMenuFocusedIndex: s,
       ChevronLeftIcon: ue,
       computedItems: f,
       // Methods
       closeMenu: p,
       onBackButton: l,
       focusPrevious: a,
-      focusNext: s
+      focusNext: i
     };
   }
 });
-function Rt(e, t, n, o, d, p) {
+function Rt(e, t, o, s, d, p) {
   const l = T("menu-item"), f = T("bento-divider"), c = T("menu-list-container");
   return u(), y(ve, {
     name: "b-sub-menu-item-list__transition",
@@ -739,8 +739,8 @@ function Rt(e, t, n, o, d, p) {
               t[2] || (t[2] = N(X((...a) => e.onBackButton && e.onBackButton(...a), ["stop"]), ["esc"]))
             ]
           }, [
-            (u(!0), k(Z, null, ee(e.computedItems, (a, s) => (u(), k("li", {
-              key: `sub-menu-item-list-item-${s}`,
+            (u(!0), k(Z, null, ee(e.computedItems, (a, i) => (u(), k("li", {
+              key: `sub-menu-item-list-item-${i}`,
               role: "none"
             }, [
               E(l, {
@@ -752,7 +752,7 @@ function Rt(e, t, n, o, d, p) {
                 disabled: a.disabled,
                 critical: a.critical,
                 indent: a.indent,
-                tabindex: s === e.subMenuFocusedIndex ? "0" : "-1",
+                tabindex: i === e.subMenuFocusedIndex ? "0" : "-1",
                 onClick: a.clickHandler
               }, null, 8, ["text", "handler", "secondary-text", "icon", "is-title", "disabled", "critical", "indent", "tabindex", "onClick"]),
               a.addDivider ? (u(), y(f, {
@@ -769,28 +769,28 @@ function Rt(e, t, n, o, d, p) {
   });
 }
 const At = /* @__PURE__ */ w(Nt, [["render", Rt], ["__scopeId", "data-v-56fb6d93"]]);
-function Dt(e, t, n) {
+function Dt(e, t, o) {
   const p = v(0), l = v(0), f = (a) => {
     if (!a || !a.parentElement)
       return;
-    const s = a.parentElement, r = a.cloneNode(!0);
-    r.style.position = "absolute", r.style.visibility = "hidden", s.appendChild(r), r.style.width = "max-content";
-    const i = r.offsetWidth, b = Math.max(150, Math.min(i, 350));
+    const i = a.parentElement, r = a.cloneNode(!0);
+    r.style.position = "absolute", r.style.visibility = "hidden", i.appendChild(r), r.style.width = "max-content";
+    const n = r.offsetWidth, b = Math.max(150, Math.min(n, 350));
     p.value = b, r.style.width = `${b}px`;
     const C = r.offsetHeight;
-    l.value = C, s.removeChild(r), l.value = C;
+    l.value = C, i.removeChild(r), l.value = C;
   };
-  return be([t, n], async ([a]) => {
-    var s, r;
+  return be([t, o], async ([a]) => {
+    var i, r;
     if (a !== null) {
       await te();
-      const i = (r = (s = e.value) == null ? void 0 : s[0]) == null ? void 0 : r.$el;
-      i && f(i);
+      const n = (r = (i = e.value) == null ? void 0 : i[0]) == null ? void 0 : r.$el;
+      n && f(n);
     } else
       p.value = 0, l.value = 0;
   }), { computedStyle: _(() => {
     const a = { width: "max-content" };
-    return n.value && (l.value > 0 && (a.height = `${l.value}px`), p.value > 0 && (a.width = `${p.value}px`)), a;
+    return o.value && (l.value > 0 && (a.height = `${l.value}px`), p.value > 0 && (a.width = `${p.value}px`)), a;
   }) };
 }
 const Pt = M({
@@ -827,8 +827,8 @@ const Pt = M({
     }
   },
   emits: [W.CLOSE, "menu-item-click"],
-  setup(e, { emit: t, expose: n }) {
-    const o = v(null), d = v(null), p = v(null), l = v(null), f = v(!1), c = v(null), a = v(e.focusLastElement ? e.data.length - 1 : 0), s = v(0), r = v(e.data.length - 1), i = _(() => e.data.some((B) => B.icon)), b = _(() => e.indentItems || i.value ? e.data.map((B) => {
+  setup(e, { emit: t, expose: o }) {
+    const s = v(null), d = v(null), p = v(null), l = v(null), f = v(!1), c = v(null), a = v(e.focusLastElement ? e.data.length - 1 : 0), i = v(0), r = v(e.data.length - 1), n = _(() => e.data.some((B) => B.icon)), b = _(() => e.indentItems || n.value ? e.data.map((B) => {
       let S = !1;
       return B.icon || (S = !0), {
         ...B,
@@ -855,7 +855,7 @@ const Pt = M({
     }, ne = () => {
       f.value = !1, c.value = null, C();
     };
-    n({
+    o({
       focusItem: C
     });
     const { computedStyle: oe } = Dt(l, c, f);
@@ -864,11 +864,11 @@ const Pt = M({
       menuItemListRef: d,
       menuItemListWrapperRef: p,
       subMenuItemListRef: l,
-      menuItemRef: o,
+      menuItemRef: s,
       computedData: b,
       computedStyle: oe,
       focusedIndex: a,
-      subMenuFocusedIndex: s,
+      subMenuFocusedIndex: i,
       showSubMenu: f,
       visibleSubMenuIndex: c,
       // Methods
@@ -882,7 +882,7 @@ const Pt = M({
     };
   }
 }), Ft = ["onKeydown"];
-function Wt(e, t, n, o, d, p) {
+function Wt(e, t, o, s, d, p) {
   const l = T("menu-item"), f = T("bento-divider"), c = T("sub-menu-item-list"), a = T("menu-list-container");
   return u(), y(a, {
     ref: "menuItemListWrapperRef",
@@ -894,14 +894,14 @@ function Wt(e, t, n, o, d, p) {
         class: "b-menu-item-list",
         role: "menu",
         onKeydown: [
-          t[1] || (t[1] = N((...s) => e.focusNext && e.focusNext(...s), ["down"])),
-          t[2] || (t[2] = N((...s) => e.focusPrevious && e.focusPrevious(...s), ["up"])),
-          t[3] || (t[3] = N((...s) => e.closeMenu && e.closeMenu(...s), ["esc"])),
-          t[4] || (t[4] = N((...s) => e.closeMenu && e.closeMenu(...s), ["tab"]))
+          t[1] || (t[1] = N((...i) => e.focusNext && e.focusNext(...i), ["down"])),
+          t[2] || (t[2] = N((...i) => e.focusPrevious && e.focusPrevious(...i), ["up"])),
+          t[3] || (t[3] = N((...i) => e.closeMenu && e.closeMenu(...i), ["esc"])),
+          t[4] || (t[4] = N((...i) => e.closeMenu && e.closeMenu(...i), ["tab"]))
         ]
       }, [
-        (u(!0), k(Z, null, ee(e.computedData, (s, r) => {
-          var i, b, C, $;
+        (u(!0), k(Z, null, ee(e.computedData, (i, r) => {
+          var n, b, C, $;
           return u(), k("li", {
             key: `menu-item-${r}`,
             ref_for: !0,
@@ -909,34 +909,34 @@ function Wt(e, t, n, o, d, p) {
             class: "b-menu-item-list__item",
             role: "none",
             onKeydown: [
-              N((R) => e.focusRight(s, r), ["right"]),
+              N((R) => e.focusRight(i, r), ["right"]),
               t[0] || (t[0] = N((R) => e.focusLeft(), ["left"]))
             ]
           }, [
             E(l, {
-              text: s.text,
-              handler: (i = s.items) != null && i.length ? () => null : s.handler,
-              "secondary-text": s.secondaryText,
-              icon: s.icon,
-              chevron: !!((b = s.items) != null && b.length),
-              disabled: s.disabled,
-              critical: s.critical,
-              indent: s.indent,
+              text: i.text,
+              handler: (n = i.items) != null && n.length ? () => null : i.handler,
+              "secondary-text": i.secondaryText,
+              icon: i.icon,
+              chevron: !!((b = i.items) != null && b.length),
+              disabled: i.disabled,
+              critical: i.critical,
+              indent: i.indent,
               tabindex: r === e.subMenuFocusedIndex ? "0" : "-1",
-              "aria-haspopup": !!((C = s.items) != null && C.length),
+              "aria-haspopup": !!((C = i.items) != null && C.length),
               "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === r,
-              onClick: (R) => e.menuItemClick(s, r)
+              onClick: (R) => e.menuItemClick(i, r)
             }, null, 8, ["text", "handler", "secondary-text", "icon", "chevron", "disabled", "critical", "indent", "tabindex", "aria-haspopup", "aria-expanded", "onClick"]),
-            s.addDivider ? (u(), y(f, {
+            i.addDivider ? (u(), y(f, {
               key: 0,
               class: "b-menu-item-list__divider"
             })) : O("", !0),
-            ($ = s.items) != null && $.length && e.showSubMenu && e.visibleSubMenuIndex === r ? (u(), y(c, {
+            ($ = i.items) != null && $.length && e.showSubMenu && e.visibleSubMenuIndex === r ? (u(), y(c, {
               key: 1,
               ref_for: !0,
               ref: "subMenuItemListRef",
-              items: s.items,
-              title: s.text,
+              items: i.items,
+              title: i.text,
               onBack: e.onBackButton,
               onClose: e.closeMenu
             }, null, 8, ["items", "title", "onBack", "onClose"])) : O("", !0)
@@ -967,40 +967,40 @@ const Kt = /* @__PURE__ */ w(Pt, [["render", Wt], ["__scopeId", "data-v-6ea090eb
     closeOnClickOutsideOptions: { default: void 0 }
   },
   emits: ["menu-item-click", "click-outside"],
-  setup(e, { expose: t, emit: n }) {
+  setup(e, { expose: t, emit: o }) {
     var S;
-    const o = e, d = n, p = Q(), l = ae(p), { t: f } = _e({ messages: le }), c = v(null), a = v(null), s = v(!1), r = v(!1), i = v(null), b = Fe("menu"), C = K(It, v(!1));
+    const s = e, d = o, p = Q(), l = ae(p), { t: f } = _e({ messages: le }), c = v(null), a = v(null), i = v(!1), r = v(!1), n = v(null), b = Fe("menu"), C = K(It, v(!1));
     Se(Me, C);
     const $ = _(() => ({
       "b-menu--inverse": C.value
-    })), R = _(() => o.menuWidth ? { width: `${o.menuWidth}px` } : null), P = _(() => {
-      if (o != null && o.button)
+    })), R = _(() => s.menuWidth ? { width: `${s.menuWidth}px` } : null), P = _(() => {
+      if (s != null && s.button)
         return {
           variant: "secondary",
-          ...o.button
+          ...s.button
         };
     }), g = () => {
-      s.value = !0, d(W.OPEN);
-    }, F = async (I = o.revertFocusToButton) => {
+      i.value = !0, d(W.OPEN);
+    }, F = async (I = s.revertFocusToButton) => {
       var q, se;
-      s.value && (s.value = !1, I && (await te(), (se = (q = c.value) == null ? void 0 : q.$el) == null || se.focus()), d(W.CLOSE));
+      i.value && (i.value = !1, I && (await te(), (se = (q = c.value) == null ? void 0 : q.$el) == null || se.focus()), d(W.CLOSE));
     }, J = (I) => {
-      I.stopPropagation(), s.value ? F() : g();
+      I.stopPropagation(), i.value ? F() : g();
     }, ne = (I) => {
-      I.preventDefault(), r.value = !1, o.disableArrowDownOpeningMenu || g();
+      I.preventDefault(), r.value = !1, s.disableArrowDownOpeningMenu || g();
     }, oe = (I) => {
       I.preventDefault(), r.value = !0, g();
     }, B = () => {
       d("menu-item-click");
     };
     return ot(
-      i,
+      n,
       () => {
         F(), d("click-outside");
       },
       {
-        ...o.closeOnClickOutsideOptions,
-        ignore: [c, ...((S = o.closeOnClickOutsideOptions) == null ? void 0 : S.ignore) ?? []]
+        ...s.closeOnClickOutsideOptions,
+        ignore: [c, ...((S = s.closeOnClickOutsideOptions) == null ? void 0 : S.ignore) ?? []]
       }
     ), t({
       /**
@@ -1026,8 +1026,8 @@ const Kt = /* @__PURE__ */ w(Pt, [["render", Wt], ["__scopeId", "data-v-6ea090eb
         class: "b-menu__toggle-button",
         "aria-haspopup": "true"
       }, P.value, {
-        "aria-controls": s.value ? m(b) : null,
-        toggled: s.value,
+        "aria-controls": i.value ? m(b) : null,
+        toggled: i.value,
         inverse: m(C),
         onClick: J
       }), H({ _: 2 }, [
@@ -1066,9 +1066,9 @@ const Kt = /* @__PURE__ */ w(Pt, [["render", Wt], ["__scopeId", "data-v-6ea090eb
             key: 0,
             id: m(b),
             ref_key: "popoverRef",
-            ref: i,
+            ref: n,
             role: null,
-            open: s.value,
+            open: i.value,
             class: "b-menu__popover",
             style: he(R.value),
             "target-element": c.value,
@@ -1105,32 +1105,32 @@ const Kt = /* @__PURE__ */ w(Pt, [["render", Wt], ["__scopeId", "data-v-6ea090eb
       }, 8, ["disabled"])) : O("", !0)
     ], 34));
   }
-}), Gt = /* @__PURE__ */ w(Vt, [["__scopeId", "data-v-20a40679"]]), jt = 242, me = parseInt(je, 10), Ht = (e, t, n) => {
-  const o = v(0);
+}), Gt = /* @__PURE__ */ w(Vt, [["__scopeId", "data-v-20a40679"]]), jt = 242, me = parseInt(je, 10), Ht = (e, t, o) => {
+  const s = v(0);
   let d = null;
   const { buttonActionsWithMenu: p, menu: l, stackButtons: f } = K(kt, {
     buttonActionsWithMenu: v(null),
     menu: v(null),
     stackButtons: v(!1)
-  }), c = _(() => p.value ?? e.value), a = _(() => l.value ? [...t.value, l.value.$el] : t.value), s = (r) => {
+  }), c = _(() => p.value ?? e.value), a = _(() => l.value ? [...t.value, l.value.$el] : t.value), i = (r) => {
     var C;
-    const i = (C = a.value) == null ? void 0 : C.reduce(
+    const n = (C = a.value) == null ? void 0 : C.reduce(
       ($, R) => $ + R.clientWidth + me,
       -me - 1
     ), b = c.value.clientWidth;
-    return r && (o.value = b >= jt && !f.value ? i : 0), o.value > b;
+    return r && (s.value = b >= jt && !f.value ? n : 0), s.value > b;
   };
   return be(
-    () => n,
+    () => o,
     () => {
       te(() => {
-        f.value = s(!0);
+        f.value = i(!0);
       });
     },
     { deep: !0 }
   ), x(() => {
     d = Ge(c.value, () => {
-      f.value = s(o.value === 0);
+      f.value = i(s.value === 0);
     });
   }), pe(() => {
     d == null || d.disconnect();
@@ -1144,103 +1144,109 @@ const Kt = /* @__PURE__ */ w(Pt, [["render", Wt], ["__scopeId", "data-v-6ea090eb
     layout: { default: "buttons-end" }
   },
   setup(e) {
-    const t = e, n = v(null), o = v(null), d = Ht(n, o, t.actions), p = _(() => t.actions.slice().reverse()), l = (s) => {
+    const t = e, o = v(null), s = v(null), d = Ht(o, s, t.actions), p = _(() => t.actions.slice().reverse()), l = (i) => {
       const r = t.actions.length - 1;
-      return s === r ? "primary" : "secondary";
+      return i === r ? "primary" : "secondary";
     }, f = _(() => ({
       [`b-button-actions--${t.layout}`]: !0,
       "b-button-actions--stacked-buttons": d.value
-    })), c = (s) => (s == null ? void 0 : s.event) !== void 0 ? {
-      click: s.event
-    } : {}, a = (s) => s.iconOnly && (s.iconLeft || s.iconRight || s.icon);
-    return (s, r) => (u(), k("div", {
+    })), c = (i) => (i == null ? void 0 : i.event) !== void 0 ? {
+      click: i.event
+    } : {}, a = (i) => i.iconOnly && (i.iconLeft || i.iconRight || i.icon);
+    return (i, r) => (u(), k("div", {
       ref_key: "buttonActions",
-      ref: n,
+      ref: o,
       class: "b-button-actions"
     }, [
       V("div", {
         class: U(["b-button-actions__container-wrapper", f.value]),
         role: "group"
       }, [
-        (u(!0), k(Z, null, ee(p.value, (i, b) => (u(), k("div", {
+        (u(!0), k(Z, null, ee(p.value, (n, b) => (u(), k("div", {
           key: b,
           ref_for: !0,
           ref_key: "buttons",
-          ref: o,
+          ref: s,
           class: "b-button-actions__button-wrapper"
         }, [
-          i.data ? (u(), y(m(Gt), {
+          n.data ? (u(), y(m(Gt), {
             key: 0,
-            data: i.data,
-            "close-menu-on-item-select": i.closeMenuOnItemSelect,
-            "close-on-click-outside-options": i.closeOnClickOutsideOptions,
-            "disable-arrow-down-opening-menu": i.disableArrowDownOpeningMenu,
-            "menu-position": i.menuPosition,
-            "menu-fixed-positioning": i.menuFixedPositioning,
-            "menu-width": i.menuWidth,
-            "revert-focus-to-button": i.revertFocusToButton,
-            teleport: i.teleport
+            ref_for: !0,
+            ref: n.elementRef,
+            data: n.data,
+            "close-menu-on-item-select": n.closeMenuOnItemSelect,
+            "close-on-click-outside-options": n.closeOnClickOutsideOptions,
+            "disable-arrow-down-opening-menu": n.disableArrowDownOpeningMenu,
+            "menu-position": n.menuPosition,
+            "menu-fixed-positioning": n.menuFixedPositioning,
+            "menu-width": n.menuWidth,
+            "revert-focus-to-button": n.revertFocusToButton,
+            teleport: n.teleport
           }, H({ _: 2 }, [
-            i.icon || i.iconLeft ? {
+            n.icon || n.iconLeft ? {
               name: "iconLeft",
               fn: h(() => [
-                (u(), y(z(i.icon || i.iconLeft), {
-                  "svg-title": i.title
+                (u(), y(z(n.icon || n.iconLeft), {
+                  "svg-title": n.title
                 }, null, 8, ["svg-title"]))
               ]),
               key: "0"
             } : void 0,
-            a(i) ? void 0 : {
+            a(n) ? void 0 : {
               name: "default",
               fn: h(() => [
-                j(G(i.title), 1)
+                j(G(n.title), 1)
               ]),
               key: "1"
             }
           ]), 1032, ["data", "close-menu-on-item-select", "close-on-click-outside-options", "disable-arrow-down-opening-menu", "menu-position", "menu-fixed-positioning", "menu-width", "revert-focus-to-button", "teleport"])) : (u(), k(Z, { key: 1 }, [
-            i.state ? (u(), y(m(Ze), Y({
+            n.state ? (u(), y(m(Ze), Y({
               key: 0,
-              condensed: i.condensed,
-              critical: i.critical,
-              disabled: i.disabled,
-              inverse: s.inverse,
-              state: i.state,
-              variant: i.variant || l(b)
-            }, ie(c(i))), {
+              ref_for: !0,
+              ref: n.elementRef,
+              condensed: n.condensed,
+              critical: n.critical,
+              disabled: n.disabled,
+              inverse: i.inverse,
+              state: n.state,
+              variant: n.variant || l(b)
+            }, ie(c(n))), {
               default: h(() => [
-                j(G(i.title), 1)
+                j(G(n.title), 1)
               ]),
               _: 2
             }, 1040, ["condensed", "critical", "disabled", "inverse", "state", "variant"])) : (u(), y(L, Y({
               key: 1,
-              condensed: i.condensed,
-              critical: i.critical,
-              disabled: i.disabled,
-              inverse: s.inverse,
-              link: i.link,
-              variant: i.variant || l(b)
-            }, ie(c(i))), H({ _: 2 }, [
-              i.icon || i.iconLeft ? {
+              ref_for: !0,
+              ref: n.elementRef,
+              condensed: n.condensed,
+              critical: n.critical,
+              disabled: n.disabled,
+              inverse: i.inverse,
+              link: n.link,
+              variant: n.variant || l(b)
+            }, ie(c(n))), H({ _: 2 }, [
+              n.icon || n.iconLeft ? {
                 name: "iconLeft",
                 fn: h(() => [
-                  (u(), y(z(i.icon || i.iconLeft), {
-                    "svg-title": i.title
+                  (u(), y(z(n.icon || n.iconLeft), {
+                    "svg-title": n.title
                   }, null, 8, ["svg-title"]))
                 ]),
                 key: "0"
               } : void 0,
-              a(i) ? void 0 : {
+              a(n) ? void 0 : {
                 name: "default",
                 fn: h(() => [
-                  j(G(i.title), 1)
+                  j(G(n.title), 1)
                 ]),
                 key: "1"
               },
-              i.iconRight ? {
+              n.iconRight ? {
                 name: "iconRight",
                 fn: h(() => [
-                  (u(), y(z(i.iconRight), {
-                    "svg-title": i.title
+                  (u(), y(z(n.iconRight), {
+                    "svg-title": n.title
                   }, null, 8, ["svg-title"]))
                 ]),
                 key: "2"
@@ -1251,7 +1257,7 @@ const Kt = /* @__PURE__ */ w(Pt, [["render", Wt], ["__scopeId", "data-v-6ea090eb
       ], 2)
     ], 512));
   }
-}), qt = /* @__PURE__ */ w(Jt, [["__scopeId", "data-v-9659f730"]]), Xt = {}, zt = /* @__PURE__ */ M({
+}), qt = /* @__PURE__ */ w(Jt, [["__scopeId", "data-v-c309abee"]]), Xt = {}, zt = /* @__PURE__ */ M({
   ...Xt,
   __name: "toggle-button",
   props: {
@@ -1295,16 +1301,16 @@ const Kt = /* @__PURE__ */ w(Pt, [["render", Wt], ["__scopeId", "data-v-6ea090eb
   },
   emits: ["click", "update:toggled"],
   setup(e, { emit: t }) {
-    const n = e, o = t, d = _(
-      () => n.variant === "tertiary" ? "tertiary-with-background" : n.variant
+    const o = e, s = t, d = _(
+      () => o.variant === "tertiary" ? "tertiary-with-background" : o.variant
     ), p = _(() => ({
-      "b-toggle-button--condensed": n == null ? void 0 : n.condensed,
-      [`b-toggle-button--${d.value}-toggled`]: n.toggled,
-      "b-toggle-button--inverse": n.inverse
+      "b-toggle-button--condensed": o == null ? void 0 : o.condensed,
+      [`b-toggle-button--${d.value}-toggled`]: o.toggled,
+      "b-toggle-button--inverse": o.inverse
     })), l = (a) => {
-      a.stopPropagation(), n != null && n.disabled || (o("click", a), o("update:toggled", !n.toggled));
+      a.stopPropagation(), o != null && o.disabled || (s("click", a), s("update:toggled", !o.toggled));
     }, f = Q(), c = (a) => ({ key: a });
-    return (a, s) => (u(), y(L, Y({ class: "b-toggle-button" }, a.$attrs, {
+    return (a, i) => (u(), y(L, Y({ class: "b-toggle-button" }, a.$attrs, {
       "aria-expanded": `${e.toggled}`,
       "aria-pressed": `${e.toggled}`,
       condensed: e.condensed,
@@ -1314,10 +1320,10 @@ const Kt = /* @__PURE__ */ w(Pt, [["render", Wt], ["__scopeId", "data-v-6ea090eb
       variant: d.value,
       onClickCapture: X(l, ["stop"])
     }), H({ _: 2 }, [
-      ee(m(f), (r, i) => ({
-        name: i,
+      ee(m(f), (r, n) => ({
+        name: n,
         fn: h(() => [
-          D(a.$slots, i, Le(Te(c(i))), void 0, !0)
+          D(a.$slots, n, Le(Te(c(n))), void 0, !0)
         ])
       }))
     ]), 1040, ["aria-expanded", "aria-pressed", "condensed", "class", "disabled", "inverse", "variant"]));
@@ -1344,4 +1350,4 @@ export {
   it as k,
   ot as u
 };
-//# sourceMappingURL=toggle-button.ByyLw0Yf.js.map
+//# sourceMappingURL=toggle-button.CQl9HneO.js.map