@adyen/bento-vue2 1.102.0 → 1.103.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.102.0",
+  "version": "1.103.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -8449,7 +8449,7 @@
               "description": "Defines the button at the end of the component.",
               "value": {
                 "kind": "expression",
-                "type": "BentoButtonActionObject"
+                "type": "intersection"
               },
               "default": "null"
             },
@@ -13870,6 +13870,16 @@
               },
               "default": "null"
             },
+            {
+              "name": "hideFirstLastPageButtons",
+              "required": false,
+              "description": "Hides the \"navigate to the first page\" and \"navigate to the last page\" buttons.\nUseful for cursor-based pagination, where jumping directly to the first or last page is not supported.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "hidePageSize",
               "required": false,
@@ -14047,6 +14057,16 @@
               },
               "default": "null"
             },
+            {
+              "name": "hideFirstLastPageButtons",
+              "required": false,
+              "description": "Hides the \"navigate to the first page\" and \"navigate to the last page\" buttons.\nUseful for cursor-based pagination, where jumping directly to the first or last page is not supported.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "page",
               "required": true,
@@ -19398,6 +19418,16 @@
               },
               "default": "false"
             },
+            {
+              "name": "monospace",
+              "required": false,
+              "description": "Changes the font family to monospace.\nApplicable to all variants.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "richText",
               "required": false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue2",
-  "version": "1.102.0",
+  "version": "1.103.0",
   "description": "Adyen Bento Vue2 components",
   "type": "module",
   "main": "dist/index.js",
@@ -51,7 +51,7 @@
     "unified": "11.0.5",
     "uuid": "11.1.1",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.102.0"
+    "@adyen/bento-design-tokens": "1.103.0"
   },
   "dependenciesMeta": {
     "@adyen/bento-vue-i18n-demi": {
@@ -103,12 +103,12 @@
     "@testing-library/vue": "5.9.0",
     "@vitejs/plugin-react": "4.3.1",
     "@vitejs/plugin-vue2": "2.3.1",
-    "@vitest/coverage-v8": "^2.0",
+    "@vitest/coverage-v8": "3.2.6",
     "@vue-macros/better-define": "1.11.1",
     "@vue/test-utils": "1.3.4",
     "axe-core": "4.4.2",
     "codemirror-lang-csv": "0.1.1",
-    "dompurify": "3.4.2",
+    "dompurify": "3.4.11",
     "fast-glob": "3.3.3",
     "magic-string": "0.30.14",
     "marked": "15.0.12",
@@ -121,10 +121,10 @@
     "storybook": "7.6.21",
     "tsc-alias": "1.8.11",
     "typescript": "5.6.3",
-    "vite": "^5.0",
+    "vite": "7.3.5",
     "vite-plugin-dynamic-import": "1.5.0",
-    "vite-plugin-static-copy": "^3.2.0",
-    "vitest": "^2.0",
+    "vite-plugin-static-copy": "3.2.0",
+    "vitest": "3.2.6",
     "vue": "2.7.16",
     "vue-demi": "0.14.10",
     "vue-docgen-web-types": "0.1.8",
@@ -132,12 +132,12 @@
     "vue-template-compiler": "2.7.16",
     "vue-tsc": "2.2.10",
     "zod": "3.25.35",
-    "@adyen/bento-cli": "0.10.5",
+    "@adyen/bento-cli": "0.10.6",
     "@adyen/bento-core": "0.0.1",
     "@adyen/bento-vue-i18n-demi": "0.1.0",
-    "@adyen/eslint-plugin-bento": "2.19.0",
-    "@adyen/ui-assets-icons-16": "7.9.4",
-    "@adyen/ui-assets-payment-method-icons": "12.0.0"
+    "@adyen/eslint-plugin-bento": "2.20.0",
+    "@adyen/ui-assets-icons-16": "7.9.5",
+    "@adyen/ui-assets-payment-method-icons": "12.0.1"
   },
   "optionalDependencies": {
     "vue-router": "~3.6"

package/dist/chunks/anchor-scroller.DgC74yeM.js

@@ -1,141 +0,0 @@
-import { defineComponent as v, computed as c, toRef as b, ref as S, watch as f } from "vue";
-import { i as y, r as T } from "./index.C7m7gI5w.js";
-import { p as C, B as j } from "./typography.C8lPlsbD.js";
-import { u as k } from "./index.B6WW_F-J.js";
-import { g as B } from "./generate-uid.NJ8tVoha.js";
-import { u as F } from "./utils.BzUwtTXc.js";
-import { u as R, s as w, a as A } from "./scroll-to-section.CC5g-HBX.js";
-import { B as D } from "./button.CKS_V3p5.js";
-import { n as I } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { F as N } from "./fixed-scroller.04EUUgD_.js";
-import "../assets/anchor-scroller.css";
-const O = /* @__PURE__ */ v({
-  __name: "anchor-scroller-list",
-  props: {
-    activeIndex: { default: void 0 },
-    items: null,
-    scrollOffset: { default: void 0 }
-  },
-  setup(u) {
-    const e = u, n = c(() => e.items), { isFocusable: t, navigationItemRefs: l, onKeydownNavigation: s } = R(n, {
-      isDisabled: (r) => r.disabled,
-      initialIndex: b(e, "activeIndex")
-    });
-    return { __sfc: !0, props: e, navigationItems: n, isFocusable: t, navigationItemRefs: l, onKeydownNavigation: s, onScrollToSection: (r, a) => w(r, {
-      disabled: a,
-      scrollOffset: e.scrollOffset,
-      warningPrefix: "bento-anchor-scroller"
-    }), BentoButton: D };
-  }
-});
-var E = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("ul", { staticClass: "b-anchor-scroller-list", on: { keydown: t.onKeydownNavigation } }, e._l(e.items, function({ title: l, disabled: s, elementRef: i }, r) {
-    return n("li", { key: r, staticClass: "b-anchor-scroller-list__item" }, [n(t.BentoButton, { ref: "navigationItemRefs", refInFor: !0, staticClass: "b-anchor-scroller-list__item-button", class: {
-      "b-anchor-scroller-list__item-button--active": e.activeIndex === r,
-      "b-anchor-scroller-list__item-button--disabled": s
-    }, attrs: { "aria-current": e.activeIndex === r ? "location" : null, "aria-disabled": s, tabindex: t.isFocusable(r) ? null : "-1", variant: "tertiary-with-background" }, on: { click: function(a) {
-      return t.onScrollToSection(i, s);
-    } }, nativeOn: { keydown: [function(a) {
-      return !a.type.indexOf("key") && e._k(a.keyCode, "space", 32, a.key, [" ", "Spacebar"]) ? null : (a.preventDefault(), t.onScrollToSection(i, s));
-    }, function(a) {
-      return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : (a.preventDefault(), t.onScrollToSection(i, s));
-    }] } }, [e._v(" " + e._s(l) + " ")])], 1);
-  }), 0);
-}, L = [], P = /* @__PURE__ */ I(
-  O,
-  E,
-  L,
-  !1,
-  null,
-  "a49180be"
-);
-const z = P.exports, J = {
-  "de-DE": {
-    jumpTo: "Springe zu"
-  },
-  "en-GB": {
-    jumpTo: "Jump to"
-  },
-  "en-US": {
-    jumpTo: "Jump to"
-  },
-  "es-419": {
-    jumpTo: "Saltar a"
-  },
-  "es-ES": {
-    jumpTo: "Saltar a"
-  },
-  "es-MX": {
-    jumpTo: "Saltar a"
-  },
-  "fr-FR": {
-    jumpTo: "Passer à"
-  },
-  "it-IT": {
-    jumpTo: "Vai a"
-  },
-  "ja-JP": {
-    jumpTo: "移動先"
-  },
-  "pt-BR": {
-    jumpTo: "Ir para"
-  },
-  "zh-CN": {
-    jumpTo: "跳转到"
-  }
-}, K = {
-  i18n: { messages: J },
-  name: "bento-anchor-scroller"
-}, U = /* @__PURE__ */ v({
-  ...K,
-  props: {
-    activeIndex: { default: void 0 },
-    items: null
-  },
-  emits: ["update:active-index"],
-  setup(u, { emit: e }) {
-    const n = u, { t } = k(), l = S(null), s = c(() => n.items.map((o) => ({ ...o }))), i = c(
-      () => n.items.map((o, x) => ({
-        element: F(o.elementRef),
-        originalIndex: x,
-        disabled: o.disabled
-      })).filter(
-        (o) => !o.disabled && !!o.element
-      )
-    ), { top: r, bottom: a } = y(l), d = c(() => i.value.map((o) => o.element)), g = c(() => ({
-      "b-anchor-scroller__navigation--pinned": r.value <= 1
-    })), { activeIndex: m } = A(d, {
-      default: b(n, "activeIndex")
-    }), p = T(m, 200), _ = c(() => {
-      const o = i.value[p.value];
-      return o ? o.originalIndex : 0;
-    });
-    f(_, (o) => {
-      Number.isFinite(o) && e("update:active-index", o);
-    }), f(
-      () => n.activeIndex,
-      (o) => {
-        Number.isFinite(o) && s.value[o].disabled && C("[bento-anchor-scroller] activeIndex should not be a disabled item");
-      }
-    );
-    const h = B("bento-anchor-scroller-label");
-    return { __sfc: !0, t, props: n, emit: e, navigationRef: l, computedItems: s, enabledItems: i, top: r, bottom: a, scrollToTargets: d, navigationConditionalClasses: g, relativeActiveIndex: m, debouncedActiveIndex: p, currentActiveIndex: _, navLabelId: h, BentoTypography: j, FixedScroller: N, AnchorScrollerList: z };
-  }
-});
-var G = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return t.computedItems.length ? n("div", { staticClass: "b-anchor-scroller" }, [n("nav", { ref: "navigationRef", staticClass: "b-anchor-scroller__navigation", class: t.navigationConditionalClasses, attrs: { "aria-labelledby": t.navLabelId } }, [n(t.FixedScroller, { attrs: { condensed: "", centered: "" } }, [n("div", { staticClass: "b-anchor-scroller__navigation-panel" }, [n(t.BentoTypography, { staticClass: "b-anchor-scroller__navigation-panel-label", attrs: { id: t.navLabelId, el: "span", stronger: "" } }, [e._v(" " + e._s(t.t("jumpTo")) + " ")]), n(t.AnchorScrollerList, { attrs: { items: t.computedItems, "active-index": t.currentActiveIndex, "scroll-offset": t.bottom } })], 1)])], 1), e._t("default")], 2) : e._e();
-}, M = [], V = /* @__PURE__ */ I(
-  U,
-  G,
-  M,
-  !1,
-  null,
-  "a963f9fd"
-);
-const ne = V.exports;
-export {
-  ne as a
-};
-//# sourceMappingURL=anchor-scroller.DgC74yeM.js.map

package/dist/chunks/anchor-scroller.DgC74yeM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"anchor-scroller.DgC74yeM.js","sources":["../../src/components/anchor-scroller/components/anchor-scroller-list/anchor-scroller-list.vue","../../src/components/anchor-scroller/anchor-scroller.vue"],"sourcesContent":["<template>\n    <ul class=\"b-anchor-scroller-list\" @keydown=\"onKeydownNavigation\">\n        <li v-for=\"({ title, disabled, elementRef }, index) in items\" :key=\"index\" class=\"b-anchor-scroller-list__item\">\n            <bento-button\n                ref=\"navigationItemRefs\"\n                :aria-current=\"activeIndex === index ? 'location' : null\"\n                class=\"b-anchor-scroller-list__item-button\"\n                :class=\"{\n                    'b-anchor-scroller-list__item-button--active': activeIndex === index,\n                    'b-anchor-scroller-list__item-button--disabled': disabled,\n                }\"\n                :aria-disabled=\"disabled\"\n                :tabindex=\"isFocusable(index) ? null : '-1'\"\n                variant=\"tertiary-with-background\"\n                @click=\"onScrollToSection(elementRef, disabled)\"\n                @keydown.space.native.prevent=\"onScrollToSection(elementRef, disabled)\"\n                @keydown.enter.native.prevent=\"onScrollToSection(elementRef, disabled)\"\n            >\n                {{ title }}\n            </bento-button>\n        </li>\n    </ul>\n</template>\n\n<script setup lang=\"ts\">\n    import BentoButton from '@/components/button/button.vue';\n    import { useSectionNavigationKeyboard } from '@/composables/use-section-navigation-keyboard';\n    import { scrollToSection, type ScrollToSectionTarget } from '@/utils/ts/scroll-to-section';\n    import { type AnchorScrollerListProps } from './anchor-scroller-list.types';\n    import { computed, toRef } from 'vue';\n\n    const props = defineProps({\n  activeIndex: { default: undefined },\n  items: null,\n  scrollOffset: { default: undefined }\n});\n\n    const navigationItems = computed(() => props.items);\n    const { isFocusable, navigationItemRefs, onKeydownNavigation } = useSectionNavigationKeyboard(navigationItems, {\n        isDisabled: item => item.disabled,\n        initialIndex: toRef(props, 'activeIndex'),\n    });\n\n    const onScrollToSection = (\n        elementRef: AnchorScrollerListProps['items'][number]['elementRef'],\n        disabled?: boolean\n    ) =>\n        scrollToSection(elementRef as ScrollToSectionTarget, {\n            disabled,\n            scrollOffset: props.scrollOffset,\n            warningPrefix: 'bento-anchor-scroller',\n        });\n</script>\n\n<style lang=\"scss\" scoped src=\"./anchor-scroller-list.scss\" />\n","<template>\n    <div v-if=\"computedItems.length\" class=\"b-anchor-scroller\">\n        <nav\n            ref=\"navigationRef\"\n            class=\"b-anchor-scroller__navigation\"\n            :class=\"navigationConditionalClasses\"\n            :aria-labelledby=\"navLabelId\"\n        >\n            <fixed-scroller condensed centered>\n                <div class=\"b-anchor-scroller__navigation-panel\">\n                    <bento-typography\n                        :id=\"navLabelId\"\n                        el=\"span\"\n                        class=\"b-anchor-scroller__navigation-panel-label\"\n                        stronger\n                    >\n                        {{ t('jumpTo') }}\n                    </bento-typography>\n\n                    <anchor-scroller-list\n                        :items=\"computedItems\"\n                        :active-index=\"currentActiveIndex\"\n                        :scroll-offset=\"bottom\"\n                    />\n                </div>\n            </fixed-scroller>\n        </nav>\n\n        <slot />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, toRef, watch } from 'vue';\n    import { refDebounced, useElementBounding } from '@vueuse/core';\n    import BentoTypography from '@/components/typography/typography.vue';\n    import { FixedScroller } from '@/internal';\n    import { type BentoAnchorScrollerItem, type BentoAnchorScrollerProps } from './anchor-scroller.types';\n    import { AnchorScrollerList } from './components/anchor-scroller-list';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { generateUid } from '@/core/utils/ts';\n    import { unrefElement } from '@/directives/click-outside/utils';\n    import messages from './messages.json';\n    import { useScrollSpy } from '@/composables/use-scroll-spy';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = defineProps({\n  activeIndex: { default: undefined },\n  items: null\n});\n\n    const emit = defineEmits([\"update:active-index\"]);\n\n    const navigationRef = ref(null);\n\n    const computedItems = computed<Array<BentoAnchorScrollerItem>>(() => props.items.map(item => ({ ...item })));\n\n    // Skip and cache only items that are enabled\n    const enabledItems = computed(() =>\n        props.items\n            .map((item, originalIndex) => ({\n                element: unrefElement(item.elementRef),\n                originalIndex,\n                disabled: item.disabled,\n            }))\n            .filter(\n                (item): item is { element: Element; originalIndex: number; disabled: boolean } =>\n                    !item.disabled && !!item.element\n            )\n    );\n\n    const { top, bottom } = useElementBounding(navigationRef);\n\n    // Extract strictly the elements for the ScrollSpy to watch\n    const scrollToTargets = computed(() => enabledItems.value.map(c => c.element));\n\n    const navigationConditionalClasses = computed(() => ({\n        'b-anchor-scroller__navigation--pinned': top.value <= 1,\n    }));\n\n    const { activeIndex: relativeActiveIndex } = useScrollSpy(scrollToTargets, {\n        default: toRef(props, 'activeIndex'),\n    });\n\n    const debouncedActiveIndex = refDebounced(relativeActiveIndex, 200);\n\n    const currentActiveIndex = computed(() => {\n        const candidate = enabledItems.value[debouncedActiveIndex.value];\n\n        return candidate ? candidate.originalIndex : 0;\n    });\n\n    watch(currentActiveIndex, val => {\n        if (Number.isFinite(val)) {\n            emit('update:active-index', val);\n        }\n    });\n\n    watch(\n        () => props.activeIndex,\n        val => {\n            if (Number.isFinite(val) && computedItems.value[val].disabled) {\n                printDevelopmentWarning(`[bento-anchor-scroller] activeIndex should not be a disabled item`);\n            }\n        }\n    );\n\n    const navLabelId = generateUid('bento-anchor-scroller-label');\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A navigation component that tracks page scroll and allows jumping to sections.\n     *\n     * @example\n     * import { BentoAnchorScroller } from '@adyen/bento-vue2';\n     * import { ref } from 'vue';\n     *\n     * export default {\n     *     components: { BentoAnchorScroller },\n     *     template: `\n     *          <bento-anchor-scroller :items=\"items\">\n     *              <section ref=\"section1\">Section 1</section>\n     *              <section ref=\"section2\">Section 2</section>\n     *          </bento-anchor-scroller>\n     *     `,\n     *      setup() {\n     *          const section1 = ref(null);\n     *          const section2 = ref(null);\n     *          const items = ref([\n     *              { title: 'Section 1', elementRef: section1 },\n     *              { title: 'Section 2', elementRef: section2 },\n     *          ]);\n     *          return {\n     *              items,\n     *              section1,\n     *              section2,\n     *          }\n     *      }\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-anchor-scroller',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./anchor-scroller.scss\" />\n"],"names":["navigationItems","computed","props","isFocusable","navigationItemRefs","onKeydownNavigation","useSectionNavigationKeyboard","item","toRef","elementRef","disabled","scrollToSection","__default__","messages","useI18n","navigationRef","ref","computedItems","enabledItems","originalIndex","unrefElement","top","bottom","useElementBounding","scrollToTargets","c","navigationConditionalClasses","relativeActiveIndex","useScrollSpy","debouncedActiveIndex","refDebounced","currentActiveIndex","candidate","watch","val","emit","printDevelopmentWarning","navLabelId","generateUid"],"mappings":";;;;;;;;;;;;;;;;;;;iBAqCIA,IAAAC,EAAA,MAAAC,EAAA,KAAA,GACA,EAAA,aAAAC,GAAA,oBAAAC,GAAA,qBAAAC,EAAA,IAAAC,EAAAN,GAAA;AAAA,MAA+G,YAAA,CAAAO,MAAAA,EAAA;AAAA,MAClF,cAAAC,EAAAN,GAAA,aAAA;AAAA,IACe,CAAA;wIAG5C,CAAAO,GAAAC,MAAAC,EAAAF,GAAA;AAAA,MAIyD,UAAAC;AAAA,MACjD,cAAAR,EAAA;AAAA,MACoB,eAAA;AAAA,IACL,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GC+FvBU,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;iBApGA,EAAA,EAAA,IAAAC,EAAA,GASAC,IAAAC,EAAA,IAAA,GAEAC,IAAAhB,EAAA,MAAAC,EAAA,MAAA,IAAA,CAAAK,OAAA,EAAA,GAAAA,EAAA,EAAA,CAAA,GAGAW,IAAAjB;AAAA,MAAqB,MAAAC,EAAA,MAAA,IAAA,CAAAK,GAAAY,OAAA;AAAA,QAEkB,SAAAC,EAAAb,EAAA,UAAA;AAAA,QACU,eAAAY;AAAA,QACrC,UAAAZ,EAAA;AAAA,MACe,EAAA,EAAA;AAAA,QAElB,CAAAA,MAAA,CAAAA,EAAA,YAAA,CAAA,CAAAA,EAAA;AAAA,MAEgC;AAAA,IACjC,GAGR,EAAA,KAAAc,GAAA,QAAAC,EAAA,IAAAC,EAAAR,CAAA,GAGAS,IAAAvB,EAAA,MAAAiB,EAAA,MAAA,IAAA,CAAAO,MAAAA,EAAA,OAAA,CAAA,GAEAC,IAAAzB,EAAA,OAAA;AAAA,MAAqD,yCAAAoB,EAAA,SAAA;AAAA,IACK,EAAA,GAG1D,EAAA,aAAAM,EAAA,IAAAC,EAAAJ,GAAA;AAAA,MAA2E,SAAAhB,EAAAN,GAAA,aAAA;AAAA,IACpC,CAAA,GAGvC2B,IAAAC,EAAAH,GAAA,GAAA,GAEAI,IAAA9B,EAAA,MAAA;AACI,YAAA+B,IAAAd,EAAA,MAAAW,EAAA,KAAA;AAEA,aAAAG,IAAAA,EAAA,gBAAA;AAAA,IAA6C,CAAA;AAGjD,IAAAC,EAAAF,GAAA,CAAAG,MAAA;AACI,MAAA,OAAA,SAAAA,CAAA,KACIC,EAAA,uBAAAD,CAAA;AAAA,IACJ,CAAA,GAGJD;AAAA,MAAA,MAAA/B,EAAA;AAAA,MACgB,CAAAgC,MAAA;AAER,QAAA,OAAA,SAAAA,CAAA,KAAAjB,EAAA,MAAAiB,CAAA,EAAA,YACIE,EAAA,mEAAA;AAAA,MACJ;AAAA,IACJ;AAGJ,UAAAC,IAAAC,EAAA,6BAAA;;;;;;;;;;;;;;;;"}

package/dist/chunks/button-actions-with-menu.DNYoFmV4.js

@@ -1,85 +0,0 @@
-import { ref as v, watch as b, nextTick as m, defineComponent as w, toRef as A, computed as _, provide as h } from "vue";
-import { M as y, d as B, f as C, B as M } from "./button-actions.Dpbx0xf3.js";
-import { b as T } from "./index.C7m7gI5w.js";
-import { n as N } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/button-actions-with-menu.css";
-const W = (p) => {
-  const { breakpoint: t, container: o, defaultActionsCount: e, offset: s } = p, { width: l } = T(), i = v(e.value), r = 150, u = async () => {
-    var n;
-    await m();
-    const c = o.value.clientWidth, a = r * i.value + (((n = s == null ? void 0 : s.value) == null ? void 0 : n.offsetWidth) ?? 0) + r;
-    c >= a && i.value < e.value && (i.value += 1, await u());
-  }, d = async () => {
-    var n;
-    await m();
-    const c = o.value.clientWidth, a = r * i.value + (((n = s == null ? void 0 : s.value) == null ? void 0 : n.offsetWidth) ?? 0);
-    c < a && i.value > 0 && (i.value -= 1, await d());
-  };
-  return b([l, o], async ([c, a], [n]) => {
-    if (!a || !e || c > t)
-      return;
-    await m(), c > n ? await u() : await d();
-  }), b(e, async (c) => {
-    i.value = c, t && l.value <= t && o.value && await d();
-  }), {
-    displayedActionsCount: i
-  };
-}, E = {}, I = /* @__PURE__ */ w({
-  ...E,
-  __name: "button-actions-with-menu",
-  props: {
-    actions: null,
-    actionsLayout: { default: "buttons-end" },
-    disableResponsiveBehavior: { type: Boolean, default: !1 },
-    displayedActions: { default: void 0 },
-    inverse: { type: Boolean, default: !1 },
-    hideDisplayedActionsBreakpoint: { default: 0 },
-    menuPosition: { default: "bottom-start" }
-  },
-  setup(p) {
-    const t = p, o = A(t, "inverse"), e = v(null), s = v(null), l = v(!1), i = _(() => {
-      const a = t.hideDisplayedActionsBreakpoint ? u.value : t.displayedActions;
-      return t.actions.slice(0, a);
-    }), r = _(() => {
-      var a;
-      return (a = s == null ? void 0 : s.value) == null ? void 0 : a.$el;
-    }), { displayedActionsCount: u } = W({
-      breakpoint: t.hideDisplayedActionsBreakpoint,
-      container: e,
-      defaultActionsCount: A(t, "displayedActions"),
-      offset: r
-    });
-    h(y, o), t.disableResponsiveBehavior || h(B, { buttonActionsWithMenu: e, menu: s, stackButtons: l });
-    const d = _(() => ({
-      "b-button-actions-with-menu__container-wrapper--buttons-end": t.actionsLayout === "buttons-end",
-      "b-button-actions-with-menu__container-wrapper--buttons-start": t.actionsLayout === "buttons-start",
-      "b-button-actions-with-menu__container-wrapper--stacked-buttons": l.value
-    })), c = _(() => u.value === void 0 || u.value >= t.actions.length ? [] : t.actions.slice(u.value, t.actions.length).flatMap((n) => n.data ? n.data : {
-      text: n.title,
-      handler: () => {
-        var f;
-        return (f = n.event) == null ? void 0 : f.call(n, {});
-      },
-      icon: n.icon,
-      critical: n.critical,
-      disabled: n.disabled
-    }));
-    return { __sfc: !0, props: t, inverseRef: o, buttonActionsWithMenu: e, menu: s, stackButtons: l, computedActions: i, computedMenuRef: r, displayedActionsCount: u, conditionalClasses: d, computedMenuActions: c, BentoButtonActions: M, BentoMenu: C };
-  }
-});
-var R = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o("div", { staticClass: "b-button-actions-with-menu" }, [o("div", { ref: "buttonActionsWithMenu", staticClass: "b-button-actions-with-menu__container-wrapper", class: e.conditionalClasses, attrs: { role: "group" } }, [o(e.BentoButtonActions, { attrs: { actions: e.computedActions, inverse: t.inverse, layout: t.actionsLayout } }), e.computedMenuActions.length ? o(e.BentoMenu, { ref: "menu", attrs: { data: e.computedMenuActions, "menu-position": t.menuPosition } }) : t._e()], 1)]);
-}, k = [], g = /* @__PURE__ */ N(
-  I,
-  R,
-  k,
-  !1,
-  null,
-  "36190b44"
-);
-const S = g.exports;
-export {
-  S as B
-};
-//# sourceMappingURL=button-actions-with-menu.DNYoFmV4.js.map