@adyen/bento-vue3 1.68.2 → 1.70.0

package/dist/chunks/toggle-button.CQl9HneO.js

@@ -0,0 +1,1353 @@
+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.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.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";
+import { g as Fe } from "./generate-uid.NJ8tVoha.js";
+import { u as _e } from "./i18n.B6g5VX0q.js";
+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.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.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";
+var A = /* @__PURE__ */ ((e) => (e.START = "start", e.LOADING = "loading", e.SUCCESS = "success", e.FAIL = "fail", e))(A || {});
+const Ie = {
+  "en-US": {
+    failed: "Failed",
+    succeded: "Succeded"
+  },
+  "ja-JP": {
+    failed: "失敗しました"
+  },
+  "pt-BR": {
+    failed: "Falha"
+  }
+}, qe = {
+  class: "b-loading-button__icon",
+  "data-testid": "loading-button-rotating-icon"
+}, Xe = {
+  i18n: { messages: Ie }
+}, ze = /* @__PURE__ */ M({
+  ...Xe,
+  __name: "loading-button",
+  props: {
+    /**
+     * Reduces sizing of button
+     */
+    condensed: {
+      type: L.props.condensed.type,
+      default: !1
+    },
+    /**
+     * Displays loading-button as critical
+     */
+    critical: {
+      type: L.props.critical.type,
+      default: !1
+    },
+    /**
+     * Disables button functonality
+     */
+    disabled: {
+      type: L.props.disabled.type,
+      default: !1
+    },
+    /**
+     * Sets color set to inverse
+     */
+    inverse: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * State of the button.
+     * @values start, loading, success, fail
+     */
+    state: {
+      type: String,
+      default: A.START,
+      validator: (e) => Object.values(A).includes(e)
+    },
+    /**
+     * Types of flavour of Button
+     */
+    variant: {
+      type: L.props.variant.type,
+      default: "primary",
+      validator: L.props.variant.validator
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    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 = _(
+      () => o.variant === "primary" && !o.inverse || o.variant !== "primary" && o.inverse
+    ), a = _(
+      () => o.critical && o.state === A.START || o.state === A.FAIL
+    ), i = (r) => {
+      r.stopPropagation(), o.state !== A.LOADING && s("click", r);
+    };
+    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(i, ["stop"])
+    }, H({
+      default: h(() => [
+        D(r.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 2
+    }, [
+      e.state === "start" && m(p)("iconLeft") ? {
+        name: "iconLeft",
+        fn: h(() => [
+          D(r.$slots, "iconLeft", {}, void 0, !0)
+        ]),
+        key: "0"
+      } : e.state !== "start" ? {
+        name: "iconLeft",
+        fn: h(() => [
+          V("span", qe, [
+            e.state === "fail" ? (u(), y(m(Ye), {
+              key: 0,
+              "svg-title": m(l)("failed")
+            }, null, 8, ["svg-title"])) : e.state === "success" ? (u(), y(m(Je), {
+              key: 1,
+              "svg-title": m(l)("succeded")
+            }, null, 8, ["svg-title"])) : e.state === "loading" ? (u(), y(m(He), {
+              key: 2,
+              small: "",
+              inverse: c.value
+            }, null, 8, ["inverse"])) : O("", !0)
+          ])
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1032, ["critical", "variant", "condensed", "disabled", "inverse", "class"]));
+  }
+}), Ze = /* @__PURE__ */ w(ze, [["__scopeId", "data-v-e68a786b"]]), Qe = M({
+  name: "bento-popover-dismiss-button",
+  components: { BentoButton: L, CrossIcon: we },
+  props: {
+    onImage: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return {
+      // Values
+      conditionalClass: _(() => ({ "b-popover-dismiss-button--on-image": e.onImage }))
+    };
+  }
+});
+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),
+    variant: "tertiary",
+    onClick: t[0] || (t[0] = (c) => e.$emit("click"))
+  }, {
+    iconLeft: h(() => [
+      E(l, { "svg-title": "dismiss" })
+    ]),
+    _: 1
+  }, 8, ["class"]);
+}
+const ce = /* @__PURE__ */ w(Qe, [["render", xe], ["__scopeId", "data-v-df01cfb8"]]), et = M({
+  components: { BentoTypography: ge },
+  props: {
+    /**
+     * Indicates if the popover contains an image.
+     */
+    isImageTitle: { type: Boolean, default: !1 },
+    /**
+     * Indicates the title you want to give the popover.
+     */
+    title: { type: String, default: null }
+  },
+  setup(e) {
+    const t = _(() => !e.isImageTitle), o = _(
+      () => e.isImageTitle ? re.SUBTITLE : re.BODY
+    );
+    return {
+      // Values
+      isStrongest: t,
+      titleVariant: o
+    };
+  }
+});
+function tt(e, t, o, s, d, p) {
+  const l = T("bento-typography");
+  return u(), y(l, {
+    strongest: e.isStrongest,
+    variant: e.titleVariant,
+    el: "span"
+  }, {
+    default: h(() => [
+      j(G(e.title), 1)
+    ]),
+    _: 1
+  }, 8, ["strongest", "variant"]);
+}
+const nt = /* @__PURE__ */ w(et, [["render", tt]]), ot = (e, t, o = {}) => {
+  let s;
+  x(() => {
+    s = Pe(e, t, o);
+  }), pe(() => {
+    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,
+  class: "b-popover__image"
+}, rt = {
+  key: 0,
+  class: "b-popover__image-dismiss-button"
+}, ut = {
+  key: 1,
+  class: "b-popover__header"
+}, dt = { class: "b-popover__header-title" }, ct = { key: 0 }, ft = {
+  key: 3,
+  class: "b-popover__footer"
+}, mt = {}, pt = /* @__PURE__ */ M({
+  ...mt,
+  __name: "popover",
+  props: {
+    actions: { default: void 0 },
+    actionsLayout: { default: "buttons-end" },
+    ariaLabel: { default: void 0 },
+    divider: { type: Boolean, default: !1 },
+    disableFocusTrap: { type: Boolean, default: !1 },
+    dismissible: { type: Boolean, default: !1 },
+    fallbackPosition: { default: () => ["bottom-start", "right-start", "top-start", "left-start"] },
+    fitContent: { type: Boolean, default: !1 },
+    fixedPositioning: { type: Boolean, default: !1 },
+    open: { type: Boolean, default: !1 },
+    large: { type: Boolean, default: !1 },
+    modifiers: { default: void 0 },
+    position: { default: "bottom-start" },
+    small: { type: Boolean, default: !1 },
+    title: { default: void 0 },
+    targetElement: {},
+    withoutSpace: { type: Boolean, default: !1 },
+    overflowVisible: { type: Boolean, default: !1 }
+  },
+  emits: ["dismiss", "placement"],
+  setup(e, { emit: t }) {
+    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: i, title: r } = $e(s), n = De({
+      ariaLabel: a.value,
+      // TODO: take this line away when the aria-label props is removed
+      label: i,
+      defaultFallback: r
+    }), b = K(it, !1) || K(st, !1), C = _(() => ({
+      "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": !!s.title
+    })), R = () => d("dismiss"), P = ae(p);
+    return (g, F) => (u(), y(ve, { name: "b-popover__animation" }, {
+      default: h(() => [
+        g.open ? (u(), y(m(Ae), {
+          key: 0,
+          id: f.value.id,
+          "aria-role": f.value.role,
+          "aria-label": m(n),
+          arrow: { classes: ["b-popover__arrow"] },
+          "disabled-focus-trap": g.disableFocusTrap,
+          class: U([C.value, "b-popover"]),
+          "fallback-position": g.fallbackPosition,
+          "fixed-positioning": g.fixedPositioning,
+          offset: [0, m(c)],
+          position: g.position,
+          "target-element": g.targetElement,
+          onPlacement: F[0] || (F[0] = (J) => g.$emit("placement", J))
+        }, {
+          default: h(() => [
+            m(P)("image") ? (u(), k("div", lt, [
+              g.dismissible ? (u(), k("div", rt, [
+                E(ce, {
+                  "on-image": "",
+                  onClick: R
+                })
+              ])) : O("", !0),
+              D(g.$slots, "image", {}, void 0, !0)
+            ])) : O("", !0),
+            m(r) ? (u(), k("div", ut, [
+              V("div", dt, [
+                m(P)("headerIcon") ? D(g.$slots, "headerIcon", { key: 0 }, void 0, !0) : O("", !0),
+                E(nt, {
+                  title: m(r),
+                  "is-image-title": !!m(P)("image")
+                }, null, 8, ["title", "is-image-title"])
+              ]),
+              g.dismissible && !m(P)("image") ? (u(), k("div", ct, [
+                E(ce, { onClick: R })
+              ])) : O("", !0)
+            ])) : O("", !0),
+            m(P)("default") ? (u(), k("div", {
+              key: 2,
+              class: U(["b-popover__content", $.value])
+            }, [
+              D(g.$slots, "default", {}, void 0, !0)
+            ], 2)) : O("", !0),
+            g.actions ? (u(), k("div", ft, [
+              E(m(qt), {
+                actions: g.actions,
+                layout: g.actionsLayout
+              }, null, 8, ["actions", "layout"])
+            ])) : O("", !0)
+          ]),
+          _: 3
+        }, 8, ["id", "aria-role", "aria-label", "disabled-focus-trap", "class", "fallback-position", "fixed-positioning", "offset", "position", "target-element"])) : O("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}), vt = /* @__PURE__ */ w(pt, [["__scopeId", "data-v-375290ea"]]), bt = Symbol("modal injection key"), ht = Symbol("sidepanel children element injection key"), yt = Symbol("modal fullscreen children element injection key"), gt = M({
+  name: "teleport",
+  props: {
+    to: {
+      type: String,
+      default: ""
+    },
+    where: {
+      type: String,
+      default: "after"
+    },
+    disabled: Boolean
+  },
+  data: () => ({
+    childObserver: null,
+    nodes: [],
+    waiting: !1,
+    observer: null,
+    parent: null,
+    isVue2: Ce
+  }),
+  computed: {
+    classes() {
+      return this.disabled ? ["b-teleport"] : ["b-teleport", "b-teleport--hidden"];
+    },
+    defaultTo() {
+      if (this.to)
+        return this.to;
+      const e = K(bt, "") || K(yt, "") || K(ht, "");
+      return e ? `#${e}` : "body";
+    }
+  },
+  watch: {
+    to: "maybeMove",
+    where: "maybeMove",
+    disabled(e) {
+      e ? (this.disable(), this.$nextTick(() => {
+        this.teardownObserver();
+      })) : (this.bootObserver(), this.move());
+    }
+  },
+  mounted() {
+    this.nodes = Array.from(this.$el.childNodes), this.disabled || this.bootObserver(), this.maybeMove();
+  },
+  beforeDestroy() {
+    this.nodes = this.getComponentChildrenNode(), this.disable(), this.teardownObserver();
+  },
+  methods: {
+    // Using a fragment is faster because it'll trigger only a single reflow
+    // See https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment
+    getFragment() {
+      const e = document.createDocumentFragment();
+      return this.nodes.forEach((t) => e.appendChild(t)), e;
+    },
+    disable() {
+      this.$el.appendChild(this.getFragment()), this.parent = null;
+    },
+    move() {
+      if (this.waiting = !1, this.parent = document.querySelector(this.defaultTo), !this.parent) {
+        this.disable(), this.waiting = !0;
+        return;
+      }
+      this.where === "before" ? this.parent.prepend(this.getFragment()) : this.parent.appendChild(this.getFragment());
+    },
+    maybeMove() {
+      this.disabled || this.move();
+    },
+    onMutations(e) {
+      let t = !1;
+      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(s.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && d.length > 0 && (t = !0);
+      }
+      t && this.move();
+    },
+    bootObserver() {
+      this.observer || (this.observer = new MutationObserver((e) => this.onMutations(e)), this.observer.observe(document.body, {
+        childList: !0,
+        subtree: !0,
+        attributes: !1,
+        characterData: !1
+      }), !this.childObserver && (this.childObserver = new MutationObserver((e) => {
+        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,
+        attributes: !1,
+        characterData: !1
+      })));
+    },
+    teardownObserver() {
+      this.observer && (this.observer.disconnect(), this.observer = null), this.childObserver && (this.childObserver.disconnect(), this.childObserver = null);
+    },
+    getComponentChildrenNode() {
+      return [];
+    }
+  }
+}), _t = /* @__PURE__ */ M({
+  ...gt,
+  setup(e) {
+    return (t, o) => m(Ce) ? (u(), k("div", {
+      key: 0,
+      class: U(t.classes)
+    }, [
+      D(t.$slots, "default", {}, void 0, !0)
+    ], 2)) : (u(), y(Ee, {
+      key: 1,
+      to: t.defaultTo,
+      where: t.where,
+      disabled: t.disabled,
+      class: U(t.classes)
+    }, [
+      D(t.$slots, "default", {}, void 0, !0)
+    ], 8, ["to", "where", "disabled", "class"]));
+  }
+}), Ct = /* @__PURE__ */ w(_t, [["__scopeId", "data-v-acbda3aa"]]), It = Symbol("menu inverse style injection key"), kt = Symbol(
+  "button actions with menu container injection key"
+);
+let fe = 0;
+const Bt = {
+  beforeCreate() {
+    this.uuid = fe.toString(), fe += 1;
+  }
+}, Ot = { key: 0 };
+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",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (u(), k("title", Ot, G(e.$attrs["svg-title"]), 1)) : O("", !0),
+    t[0] || (t[0] = V("path", {
+      fill: "#001222",
+      d: "M8 4C8.29667 4 8.58668 3.91203 8.83335 3.74721C9.08003 3.58238 9.27229 3.34811 9.38582 3.07403C9.49935 2.79994 9.52906 2.49834 9.47118 2.20737C9.4133 1.91639 9.27044 1.64912 9.06066 1.43934C8.85088 1.22956 8.58361 1.0867 8.29264 1.02882C8.00167 0.970945 7.70006 1.00065 7.42598 1.11418C7.15189 1.22771 6.91762 1.41997 6.7528 1.66665C6.58797 1.91332 6.5 2.20333 6.5 2.5C6.5 2.89783 6.65803 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z"
+    }, null, -1)),
+    t[1] || (t[1] = V("path", {
+      fill: "#001222",
+      d: "M8 15C8.29667 15 8.58668 14.912 8.83335 14.7472C9.08003 14.5824 9.27229 14.3481 9.38582 14.074C9.49935 13.7999 9.52906 13.4983 9.47118 13.2074C9.4133 12.9164 9.27044 12.6491 9.06066 12.4393C8.85088 12.2296 8.58361 12.0867 8.29264 12.0288C8.00167 11.9709 7.70006 12.0007 7.42598 12.1142C7.15189 12.2277 6.91762 12.42 6.7528 12.6666C6.58797 12.9133 6.5 13.2033 6.5 13.5C6.5 13.8978 6.65803 14.2794 6.93934 14.5607C7.22064 14.842 7.60218 15 8 15Z"
+    }, null, -1)),
+    t[2] || (t[2] = V("path", {
+      fill: "#001222",
+      d: "M8.83335 9.24721C8.58668 9.41203 8.29667 9.5 8 9.5C7.60218 9.5 7.22064 9.34197 6.93934 9.06066C6.65803 8.77936 6.5 8.39783 6.5 8C6.5 7.70333 6.58797 7.41332 6.7528 7.16665C6.91762 6.91997 7.15189 6.72771 7.42598 6.61418C7.70006 6.50065 8.00167 6.47094 8.29264 6.52882C8.58361 6.5867 8.85088 6.72956 9.06066 6.93934C9.27044 7.14912 9.4133 7.41639 9.47118 7.70737C9.52906 7.99834 9.49935 8.29994 9.38582 8.57403C9.27229 8.84811 9.08003 9.08238 8.83335 9.24721Z"
+    }, null, -1))
+  ], 16);
+}
+const Et = /* @__PURE__ */ w(Bt, [["render", $t]]), St = M({
+  name: "menu-item",
+  components: { BaseButton: Ue, BentoTypography: ge, ChevronRightIcon: Ke },
+  props: {
+    /**
+     * menu-item text that gets displayed as the main label
+     */
+    text: {
+      type: String,
+      required: !0
+    },
+    /**
+     * menu-item action that gets executed when the MeniItem is clicked
+     */
+    handler: {
+      type: Function,
+      required: !0
+    },
+    /**
+     * menu-item text that gets displayed as the secondary label
+     */
+    secondaryText: {
+      type: String,
+      default: null
+    },
+    /**
+     * Optional chevron icon displayed to the right of the menu-item
+     */
+    chevron: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Optional icon displayed to the left of the menu-item
+     */
+    icon: {
+      // Types for Vue2 (Object) and Vue3 (Function)
+      // TODO: Remove Object when fully migrated to Vue3
+      type: [Object, Function],
+      default: null
+    },
+    /**
+     * Disables menu-item button functionality
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Displays an indent variant od the menu-item
+     */
+    indent: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Displays menu-item button as critical
+     */
+    critical: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Renders the text in a bold variant
+     */
+    isTitle: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [de.CLICK],
+  setup(e, { emit: t }) {
+    const s = _(() => ({
+      "b-menu-item--critical": e.critical,
+      "b-menu-item--indent": e.indent
+    })), d = _(() => Ve(e.secondaryText, 10));
+    return {
+      // Values
+      conditionalClasses: s,
+      computedSecondaryText: d,
+      // Methods
+      onClick: (l) => {
+        l.stopPropagation(), e.handler(), t(de.CLICK);
+      }
+    };
+  }
+});
+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]),
+    role: "menuitem",
+    disabled: e.disabled,
+    tabindex: "-1",
+    onClick: e.onClick
+  }, H({
+    default: h(() => [
+      E(l, {
+        el: "span",
+        variant: "body",
+        stronger: e.isTitle,
+        class: "b-menu-item__primary-text"
+      }, {
+        default: h(() => [
+          j(G(e.text), 1)
+        ]),
+        _: 1
+      }, 8, ["stronger"]),
+      e.computedSecondaryText ? (u(), y(l, {
+        key: 0,
+        el: "span",
+        variant: "body",
+        class: "b-menu-item__secondary-text"
+      }, {
+        default: h(() => [
+          j(G(e.computedSecondaryText), 1)
+        ]),
+        _: 1
+      })) : O("", !0)
+    ]),
+    _: 2
+  }, [
+    e.icon ? {
+      name: "iconLeft",
+      fn: h(() => [
+        (u(), y(z(e.icon), {
+          class: "b-menu-item__icon-left",
+          "aria-hidden": "true"
+        }))
+      ]),
+      key: "0"
+    } : void 0,
+    e.chevron ? {
+      name: "iconRight",
+      fn: h(() => [
+        E(f, { "aria-hidden": "true" })
+      ]),
+      key: "1"
+    } : void 0
+  ]), 1032, ["class", "disabled", "onClick"]);
+}
+const ke = /* @__PURE__ */ w(St, [["render", Lt], ["__scopeId", "data-v-9dace5ac"]]);
+var W = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(W || {});
+const Tt = Symbol("menu registering injection key"), Mt = {
+  name: "bento-menu-list-container"
+}, wt = /* @__PURE__ */ M({
+  ...Mt,
+  setup(e) {
+    const t = v(), o = v({}), s = K(
+      Tt,
+      !1
+    );
+    if (s) {
+      const { registerMenuContainerElement: d } = s;
+      d(t), o.value = {
+        mouseleave: s == null ? void 0 : s.menuMouseLeave
+      };
+    }
+    return (d, p) => (u(), k("div", Y({
+      ref_key: "menuListContainerRef",
+      ref: t,
+      class: "b-menu-list-container",
+      "data-testid": "menu-list-container"
+    }, ie(o.value, !0)), [
+      D(d.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+}), Be = /* @__PURE__ */ w(wt, [["__scopeId", "data-v-02a3ca45"]]), le = {
+  "en-US": {
+    backButton: "Go back",
+    menuButton: "Open menu"
+  }
+}, Nt = M({
+  i18n: { messages: le },
+  name: "sub-menu-item-list",
+  components: { BentoDivider: ye, MenuItem: ke, MenuListContainer: Be },
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: [W.CLOSE, W.BACK],
+  setup(e, { emit: t }) {
+    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,
+        clickHandler: p
+      }));
+      return [
+        {
+          text: e.title,
+          secondaryText: null,
+          critical: !1,
+          icon: ue,
+          isTitle: !0,
+          disabled: !1,
+          indent: !1,
+          handler: l,
+          clickHandler: l,
+          addDivider: !0
+        },
+        ...r
+      ];
+    }), c = async () => {
+      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 = () => {
+      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: o,
+      subMenuFocusedIndex: s,
+      ChevronLeftIcon: ue,
+      computedItems: f,
+      // Methods
+      closeMenu: p,
+      onBackButton: l,
+      focusPrevious: a,
+      focusNext: i
+    };
+  }
+});
+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",
+    appear: ""
+  }, {
+    default: h(() => [
+      E(c, { class: "b-sub-menu-item-list" }, {
+        default: h(() => [
+          V("ul", {
+            ref: "subMenuItemListRefLocal",
+            role: "menu",
+            class: "b-sub-menu-item-list__list",
+            onKeydown: [
+              t[0] || (t[0] = N(X((...a) => e.focusNext && e.focusNext(...a), ["stop"]), ["down"])),
+              t[1] || (t[1] = N(X((...a) => e.focusPrevious && e.focusPrevious(...a), ["stop"]), ["up"])),
+              t[2] || (t[2] = N(X((...a) => e.onBackButton && e.onBackButton(...a), ["stop"]), ["esc"]))
+            ]
+          }, [
+            (u(!0), k(Z, null, ee(e.computedItems, (a, i) => (u(), k("li", {
+              key: `sub-menu-item-list-item-${i}`,
+              role: "none"
+            }, [
+              E(l, {
+                text: a.text,
+                handler: a.handler,
+                "secondary-text": a.secondaryText,
+                icon: a.icon,
+                "is-title": a.isTitle,
+                disabled: a.disabled,
+                critical: a.critical,
+                indent: a.indent,
+                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, {
+                key: 0,
+                class: "b-sub-menu-item-list__divider"
+              })) : O("", !0)
+            ]))), 128))
+          ], 544)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const At = /* @__PURE__ */ w(Nt, [["render", Rt], ["__scopeId", "data-v-56fb6d93"]]);
+function Dt(e, t, o) {
+  const p = v(0), l = v(0), f = (a) => {
+    if (!a || !a.parentElement)
+      return;
+    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, i.removeChild(r), l.value = C;
+  };
+  return be([t, o], async ([a]) => {
+    var i, r;
+    if (a !== null) {
+      await te();
+      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 o.value && (l.value > 0 && (a.height = `${l.value}px`), p.value > 0 && (a.width = `${p.value}px`)), a;
+  }) };
+}
+const Pt = M({
+  name: "menu-item-list",
+  components: { BentoDivider: ye, MenuItem: ke, MenuListContainer: Be, SubMenuItemList: At },
+  props: {
+    /**
+     * The data to be displayed in the list
+     */
+    data: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * Displays the menu-items of the list in the indent variant. Only applies to elements that don't have an icon to their left.
+     */
+    indentItems: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If set to true, focuses the last item on the list instead of the first. Used for accessibility purposes when the menu is opened with the 'up' arrow key.
+     */
+    focusLastElement: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If set to true, closes the menu when an item is clicked.
+     */
+    closeMenuOnItemSelect: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: [W.CLOSE, "menu-item-click"],
+  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,
+        indent: S
+      };
+    }) : e.data), C = async () => {
+      var B, S, I;
+      await te(), (I = (S = (B = d.value) == null ? void 0 : B.children[a.value]) == null ? void 0 : S.children[0]) == null || I.focus();
+    }, $ = () => t(W.CLOSE), R = (B, S) => {
+      if (B.items) {
+        c.value = S, f.value = !0;
+        return;
+      }
+      c.value = S, f.value = !1, !B.skipClose && e.closeMenuOnItemSelect !== !1 && $(), t("menu-item-click");
+    }, P = () => {
+      a.value > 0 ? (a.value -= 1, b.value[a.value].disabled && P()) : a.value = r.value, C();
+    }, g = () => {
+      a.value < r.value ? (a.value += 1, b.value[a.value].disabled && g()) : a.value = 0, C();
+    }, F = (B, S) => {
+      var I;
+      (I = B == null ? void 0 : B.items) != null && I.length && (c.value = S, f.value = !0);
+    }, J = () => {
+      c.value && f.value && (c.value = null, f.value = !1);
+    }, ne = () => {
+      f.value = !1, c.value = null, C();
+    };
+    o({
+      focusItem: C
+    });
+    const { computedStyle: oe } = Dt(l, c, f);
+    return {
+      // Values
+      menuItemListRef: d,
+      menuItemListWrapperRef: p,
+      subMenuItemListRef: l,
+      menuItemRef: s,
+      computedData: b,
+      computedStyle: oe,
+      focusedIndex: a,
+      subMenuFocusedIndex: i,
+      showSubMenu: f,
+      visibleSubMenuIndex: c,
+      // Methods
+      menuItemClick: R,
+      closeMenu: $,
+      focusPrevious: P,
+      focusNext: g,
+      focusRight: F,
+      focusLeft: J,
+      onBackButton: ne
+    };
+  }
+}), Ft = ["onKeydown"];
+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",
+    style: he(e.computedStyle)
+  }, {
+    default: h(() => [
+      V("ul", {
+        ref: "menuItemListRef",
+        class: "b-menu-item-list",
+        role: "menu",
+        onKeydown: [
+          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, (i, r) => {
+          var n, b, C, $;
+          return u(), k("li", {
+            key: `menu-item-${r}`,
+            ref_for: !0,
+            ref: "menuItemRef",
+            class: "b-menu-item-list__item",
+            role: "none",
+            onKeydown: [
+              N((R) => e.focusRight(i, r), ["right"]),
+              t[0] || (t[0] = N((R) => e.focusLeft(), ["left"]))
+            ]
+          }, [
+            E(l, {
+              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 = i.items) != null && C.length),
+              "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === r,
+              onClick: (R) => e.menuItemClick(i, r)
+            }, null, 8, ["text", "handler", "secondary-text", "icon", "chevron", "disabled", "critical", "indent", "tabindex", "aria-haspopup", "aria-expanded", "onClick"]),
+            i.addDivider ? (u(), y(f, {
+              key: 0,
+              class: "b-menu-item-list__divider"
+            })) : O("", !0),
+            ($ = i.items) != null && $.length && e.showSubMenu && e.visibleSubMenuIndex === r ? (u(), y(c, {
+              key: 1,
+              ref_for: !0,
+              ref: "subMenuItemListRef",
+              items: i.items,
+              title: i.text,
+              onBack: e.onBackButton,
+              onClose: e.closeMenu
+            }, null, 8, ["items", "title", "onBack", "onClose"])) : O("", !0)
+          ], 40, Ft);
+        }), 128))
+      ], 544)
+    ]),
+    _: 1
+  }, 8, ["style"]);
+}
+const Kt = /* @__PURE__ */ w(Pt, [["render", Wt], ["__scopeId", "data-v-6ea090eb"]]), Ut = {
+  i18n: { messages: le },
+  name: "bento-menu"
+}, Vt = /* @__PURE__ */ M({
+  ...Ut,
+  props: {
+    button: { default: () => ({
+      variant: "secondary"
+    }) },
+    closeMenuOnItemSelect: { type: Boolean, default: !0 },
+    data: {},
+    disableArrowDownOpeningMenu: { type: Boolean, default: !1 },
+    menuPosition: { default: "bottom-start" },
+    menuFixedPositioning: { type: Boolean, default: !1 },
+    menuWidth: { default: null },
+    revertFocusToButton: { type: Boolean, default: !0 },
+    teleport: { type: Boolean, default: !1 },
+    closeOnClickOutsideOptions: { default: void 0 }
+  },
+  emits: ["menu-item-click", "click-outside"],
+  setup(e, { expose: t, emit: o }) {
+    var S;
+    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 = _(() => s.menuWidth ? { width: `${s.menuWidth}px` } : null), P = _(() => {
+      if (s != null && s.button)
+        return {
+          variant: "secondary",
+          ...s.button
+        };
+    }), g = () => {
+      i.value = !0, d(W.OPEN);
+    }, F = async (I = s.revertFocusToButton) => {
+      var q, se;
+      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(), i.value ? F() : g();
+    }, ne = (I) => {
+      I.preventDefault(), r.value = !1, s.disableArrowDownOpeningMenu || g();
+    }, oe = (I) => {
+      I.preventDefault(), r.value = !0, g();
+    }, B = () => {
+      d("menu-item-click");
+    };
+    return ot(
+      n,
+      () => {
+        F(), d("click-outside");
+      },
+      {
+        ...s.closeOnClickOutsideOptions,
+        ignore: [c, ...((S = s.closeOnClickOutsideOptions) == null ? void 0 : S.ignore) ?? []]
+      }
+    ), t({
+      /**
+       * Control to enable programmatic closing of the menu
+       */
+      closeMenu: F
+    }), x(() => {
+      l("iconRight") && Ne(
+        '"bento-menu" no longer supports the "iconRight" slot. The right-aligned icon is now fixed by design.'
+      );
+    }), (I, q) => (u(), k("div", {
+      class: U([$.value, "b-menu"]),
+      "data-testid": "menu",
+      onKeydown: [
+        N(ne, ["down"]),
+        N(oe, ["up"]),
+        q[0] || (q[0] = N((se) => F(), ["esc"]))
+      ]
+    }, [
+      E(m(Zt), Y({
+        ref_key: "menuButtonRef",
+        ref: c,
+        class: "b-menu__toggle-button",
+        "aria-haspopup": "true"
+      }, P.value, {
+        "aria-controls": i.value ? m(b) : null,
+        toggled: i.value,
+        inverse: m(C),
+        onClick: J
+      }), H({ _: 2 }, [
+        !m(l)("default") || m(l)("iconLeft") ? {
+          name: "iconLeft",
+          fn: h(() => [
+            D(I.$slots, "iconLeft", {}, () => [
+              E(m(Et), {
+                title: m(f)("menuButton")
+              }, null, 8, ["title"])
+            ], !0)
+          ]),
+          key: "0"
+        } : void 0,
+        m(l)("default") ? {
+          name: "default",
+          fn: h(() => [
+            D(I.$slots, "default", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        m(l)("default") ? {
+          name: "iconRight",
+          fn: h(() => [
+            E(m(We))
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["aria-controls", "toggled", "inverse"]),
+      c.value ? (u(), y(m(Ct), {
+        key: 0,
+        disabled: !I.teleport
+      }, {
+        default: h(() => [
+          c.value ? (u(), y(m(vt), {
+            key: 0,
+            id: m(b),
+            ref_key: "popoverRef",
+            ref: n,
+            role: null,
+            open: i.value,
+            class: "b-menu__popover",
+            style: he(R.value),
+            "target-element": c.value,
+            position: I.menuPosition,
+            "fixed-positioning": I.menuFixedPositioning,
+            "fallback-position": [
+              "bottom-start",
+              "bottom-end",
+              "top-start",
+              "top-end",
+              "right-start",
+              "right-end",
+              "left-start",
+              "left-end"
+            ],
+            teleport: I.teleport,
+            "without-space": ""
+          }, {
+            default: h(() => [
+              E(m(Kt), {
+                ref_key: "menuItemListRef",
+                ref: a,
+                "close-menu-on-item-select": I.closeMenuOnItemSelect,
+                data: I.data,
+                "focus-last-element": r.value,
+                onClose: F,
+                onMenuItemClick: B
+              }, null, 8, ["close-menu-on-item-select", "data", "focus-last-element"])
+            ]),
+            _: 1
+          }, 8, ["id", "open", "style", "target-element", "position", "fixed-positioning", "teleport"])) : O("", !0)
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : O("", !0)
+    ], 34));
+  }
+}), 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), i = (r) => {
+    var C;
+    const n = (C = a.value) == null ? void 0 : C.reduce(
+      ($, R) => $ + R.clientWidth + me,
+      -me - 1
+    ), b = c.value.clientWidth;
+    return r && (s.value = b >= jt && !f.value ? n : 0), s.value > b;
+  };
+  return be(
+    () => o,
+    () => {
+      te(() => {
+        f.value = i(!0);
+      });
+    },
+    { deep: !0 }
+  ), x(() => {
+    d = Ge(c.value, () => {
+      f.value = i(s.value === 0);
+    });
+  }), pe(() => {
+    d == null || d.disconnect();
+  }), f;
+}, Yt = {}, Jt = /* @__PURE__ */ M({
+  ...Yt,
+  __name: "button-actions",
+  props: {
+    actions: {},
+    inverse: { type: Boolean, default: !1 },
+    layout: { default: "buttons-end" }
+  },
+  setup(e) {
+    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 i === r ? "primary" : "secondary";
+    }, f = _(() => ({
+      [`b-button-actions--${t.layout}`]: !0,
+      "b-button-actions--stacked-buttons": d.value
+    })), 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: 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, (n, b) => (u(), k("div", {
+          key: b,
+          ref_for: !0,
+          ref_key: "buttons",
+          ref: s,
+          class: "b-button-actions__button-wrapper"
+        }, [
+          n.data ? (u(), y(m(Gt), {
+            key: 0,
+            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 }, [
+            n.icon || n.iconLeft ? {
+              name: "iconLeft",
+              fn: h(() => [
+                (u(), y(z(n.icon || n.iconLeft), {
+                  "svg-title": n.title
+                }, null, 8, ["svg-title"]))
+              ]),
+              key: "0"
+            } : void 0,
+            a(n) ? void 0 : {
+              name: "default",
+              fn: h(() => [
+                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 }, [
+            n.state ? (u(), y(m(Ze), Y({
+              key: 0,
+              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(n.title), 1)
+              ]),
+              _: 2
+            }, 1040, ["condensed", "critical", "disabled", "inverse", "state", "variant"])) : (u(), y(L, Y({
+              key: 1,
+              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(n.icon || n.iconLeft), {
+                    "svg-title": n.title
+                  }, null, 8, ["svg-title"]))
+                ]),
+                key: "0"
+              } : void 0,
+              a(n) ? void 0 : {
+                name: "default",
+                fn: h(() => [
+                  j(G(n.title), 1)
+                ]),
+                key: "1"
+              },
+              n.iconRight ? {
+                name: "iconRight",
+                fn: h(() => [
+                  (u(), y(z(n.iconRight), {
+                    "svg-title": n.title
+                  }, null, 8, ["svg-title"]))
+                ]),
+                key: "2"
+              } : void 0
+            ]), 1040, ["condensed", "critical", "disabled", "inverse", "link", "variant"]))
+          ], 64))
+        ]))), 128))
+      ], 2)
+    ], 512));
+  }
+}), qt = /* @__PURE__ */ w(Jt, [["__scopeId", "data-v-c309abee"]]), Xt = {}, zt = /* @__PURE__ */ M({
+  ...Xt,
+  __name: "toggle-button",
+  props: {
+    /**
+     * Reduces sizing of button
+     */
+    condensed: {
+      type: L.props.condensed.type,
+      default: !1
+    },
+    /**
+     * Disables button functonality
+     */
+    disabled: {
+      type: L.props.disabled.type,
+      default: !1
+    },
+    /**
+     * Sets color set to inverse
+     */
+    inverse: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Types of flavour of Button
+     * @values primary, secondary, tertiary
+     */
+    variant: {
+      type: L.props.variant.type,
+      default: "primary",
+      validator: L.props.variant.validator
+    },
+    /**
+     * The state of the button whether it is toggled or not.
+     */
+    toggled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click", "update:toggled"],
+  setup(e, { emit: t }) {
+    const o = e, s = t, d = _(
+      () => o.variant === "tertiary" ? "tertiary-with-background" : o.variant
+    ), p = _(() => ({
+      "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(), o != null && o.disabled || (s("click", a), s("update:toggled", !o.toggled));
+    }, f = Q(), c = (a) => ({ key: a });
+    return (a, i) => (u(), y(L, Y({ class: "b-toggle-button" }, a.$attrs, {
+      "aria-expanded": `${e.toggled}`,
+      "aria-pressed": `${e.toggled}`,
+      condensed: e.condensed,
+      class: p.value,
+      disabled: e.disabled,
+      inverse: e.inverse,
+      variant: d.value,
+      onClickCapture: X(l, ["stop"])
+    }), H({ _: 2 }, [
+      ee(m(f), (r, n) => ({
+        name: n,
+        fn: h(() => [
+          D(a.$slots, n, Le(Te(c(n))), void 0, !0)
+        ])
+      }))
+    ]), 1040, ["aria-expanded", "aria-pressed", "condensed", "class", "disabled", "inverse", "variant"]));
+  }
+}), Zt = /* @__PURE__ */ w(zt, [["__scopeId", "data-v-f1b10e5f"]]);
+export {
+  qt as B,
+  Tt as D,
+  st as I,
+  It as M,
+  Et as O,
+  at as P,
+  ht as S,
+  Ze as a,
+  A as b,
+  Zt as c,
+  Ct as d,
+  kt as e,
+  Gt as f,
+  W as g,
+  vt as h,
+  yt as i,
+  bt as j,
+  it as k,
+  ot as u
+};
+//# sourceMappingURL=toggle-button.CQl9HneO.js.map