@adyen/bento-vue3 1.6.1 → 1.7.0

package/dist/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/options-vertical.vue","../../vue2/src/components/menu/components/menu-item/menu-item.vue","../../vue2/src/components/menu/menu.types.ts","../../vue2/src/components/menu/components/menu-list-container/menu-list-container.vue","../../vue2/src/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue","../../vue2/src/components/menu/components/menu-item-list/menu-item-list.vue","../../vue2/src/components/menu/menu.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" 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.00166 0.970945 7.70006 1.00065 7.42597 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.65804 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z\" clip-rule=\"evenodd\"/><path fill=\"#00112C\" fill-rule=\"evenodd\" 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.00166 11.9709 7.70006 12.0007 7.42597 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.65804 14.2794 6.93934 14.5607C7.22064 14.842 7.60218 15 8 15Z\" clip-rule=\"evenodd\"/><path fill=\"#00112C\" fill-rule=\"evenodd\" 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.65804 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.42597 6.61418C7.70006 6.50065 8.00166 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\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <base-button\n        class=\"b-menu-item\"\n        role=\"menuitem\"\n        :class=\"conditionalClasses\"\n        :disabled=\"disabled\"\n        tabindex=\"-1\"\n        @click=\"onClick\"\n    >\n        <template v-if=\"icon\" #iconLeft>\n            <component :is=\"icon\" class=\"b-menu-item__icon-left\" aria-hidden=\"true\" />\n        </template>\n        <template #default>\n            <bento-typography el=\"span\" variant=\"body\" :stronger=\"isTitle\" class=\"b-menu-item__primary-text\">\n                {{ text }}\n            </bento-typography>\n            <bento-typography v-if=\"secondaryText\" el=\"span\" variant=\"body\" class=\"b-menu-item__secondary-text\">\n                {{ secondaryText }}\n            </bento-typography>\n        </template>\n        <template v-if=\"chevron\" #iconRight><chevron-right-icon aria-hidden=\"true\" /></template>\n    </base-button>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import ChevronRightIcon from '@adyen/ui-assets-icons-16/vue/chevron-right';\n    import { BaseButton, BentoBaseButtonEvent } from '@/components/internal/base-button';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoMenuItem } from './menu-item.types';\n\n    /**\n     * Menu item component to render items in a menu. For internal use only.\n     */\n    export default defineComponent({\n        name: 'menu-item',\n        components: { BaseButton, BentoTypography, ChevronRightIcon },\n        props: {\n            /**\n             * menu-item text that gets displayed as the main label\n             */\n            text: {\n                type: String,\n                required: true,\n            },\n            /**\n             * menu-item action that gets executed when the MeniItem is clicked\n             */\n            handler: {\n                type: Function as PropType<BentoMenuItem['handler']>,\n                required: true,\n            },\n            /**\n             * menu-item text that gets displayed as the secondary label\n             */\n            secondaryText: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Optional chevron icon displayed to the right of the menu-item\n             */\n            chevron: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Optional icon displayed to the left of the menu-item\n             */\n            icon: {\n                // Types for Vue2 (Object) and Vue3 (Function)\n                // TODO: Remove Object when fully migrated to Vue3\n                type: [Object, Function] as PropType<BentoMenuItem['icon']>,\n                default: null,\n            },\n            /**\n             * Disables menu-item button functionality\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Displays an indent variant od the menu-item\n             */\n            indent: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Displays menu-item button as critical\n             */\n            critical: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Renders the text in a bold variant\n             */\n            isTitle: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: [BentoBaseButtonEvent.CLICK],\n        setup(props, { emit }) {\n            const conditionalClasses = computed(() => ({\n                'b-menu-item--critical': props.critical,\n                'b-menu-item--indent': props.indent,\n            }));\n\n            const onClick = (e: MouseEvent) => {\n                e.stopPropagation();\n                props.handler();\n                emit(BentoBaseButtonEvent.CLICK);\n            };\n\n            return {\n                // Values\n                conditionalClasses,\n\n                // Methods\n                onClick,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./menu-item.scss\" />\n","import { BentoButton } from '../button';\n\nexport enum BentoMenuEvent {\n    BACK = 'back',\n    CLOSE = 'close',\n    OPEN = 'open',\n}\n\ntype ButtonProps = InstanceType<typeof BentoButton>['$props'];\n\nexport type BentoMenuButtonProps = {\n    variant?: ButtonProps['variant'];\n    condensed?: ButtonProps['condensed'];\n    disabled?: ButtonProps['disabled'];\n};\n","<template>\n    <div class=\"b-menu-list-container\"><slot></slot></div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent } from 'vue';\n\n    /**\n     * Menu list container component to set the correct styling in a menu list. For internal use only.\n     */\n    export default defineComponent({\n        name: 'bento-menu-list-container',\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./menu-list-container.scss\" />\n","<template>\n    <transition name=\"b-sub-menu-item-list__transition\" appear>\n        <menu-list-container class=\"b-sub-menu-item-list\">\n            <ul\n                ref=\"subMenuItemListRefLocal\"\n                role=\"menu\"\n                class=\"b-sub-menu-item-list__list\"\n                @keydown.down.stop=\"focusNext\"\n                @keydown.up.stop=\"focusPrevious\"\n                @keydown.esc.stop=\"onBackButton\"\n            >\n                <li\n                    v-for=\"(item, index) in computedItems\"\n                    :key=\"`sub-menu-item-list-item-${index}`\"\n                    :class=\"[\n                        { 'b-sub-menu-item-list__back-button': index === 0 },\n                        { 'b-sub-menu-item-list__first-item': index == 1 },\n                    ]\"\n                    role=\"none\"\n                >\n                    <menu-item\n                        :text=\"item.text\"\n                        :handler=\"item.handler\"\n                        :secondary-text=\"item.secondaryText\"\n                        :icon=\"item.icon\"\n                        :is-title=\"item.isTitle\"\n                        :disabled=\"item.disabled\"\n                        :critical=\"item.critical\"\n                        :indent=\"item.indent\"\n                        :tabindex=\"index === subMenuFocusedIndex ? '0' : '-1'\"\n                        @click=\"item.clickHandler\"\n                    />\n                </li>\n            </ul>\n        </menu-list-container>\n    </transition>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType, ref } from 'vue';\n    import ChevronLeftIcon from '@adyen/ui-assets-icons-16/vue/chevron-left';\n    import { BentoMenuItem, MenuItem } from '../menu-item';\n    import { BentoMenuEvent } from '../../menu.types';\n    import messages from '../../messages.json';\n    import MenuListContainer from '../menu-list-container/menu-list-container.vue';\n\n    /**\n     * SubMenuItemList component to render a submenu with the sliding transition. For internal use only.\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'sub-menu-item-list',\n        components: { MenuItem, MenuListContainer },\n        props: {\n            items: {\n                type: Array as PropType<BentoMenuItem[]>,\n                required: true,\n            },\n            title: {\n                type: String,\n                required: true,\n            },\n        },\n        emits: [BentoMenuEvent.CLOSE, BentoMenuEvent.BACK],\n        setup(props, { emit }) {\n            const subMenuItemListRefLocal = ref(null);\n            const subMenuFocusedIndex = ref(0);\n            const numberOfItems = ref(props.items.length);\n\n            const closeMenu = () => emit(BentoMenuEvent.CLOSE);\n\n            const onBackButton = () => emit(BentoMenuEvent.BACK);\n\n            const computedItems = computed(() => {\n                const items = props.items?.map(el => ({\n                    ...el,\n                    indent: !el.icon,\n                    isTitle: false,\n                    clickHandler: closeMenu,\n                }));\n                return [\n                    {\n                        text: props.title,\n                        secondaryText: null,\n                        critical: false,\n                        icon: ChevronLeftIcon,\n                        isTitle: true,\n                        disabled: false,\n                        indent: false,\n                        handler: onBackButton,\n                        clickHandler: onBackButton,\n                    },\n                    ...items,\n                ];\n            });\n\n            const focusItem = async () => {\n                subMenuItemListRefLocal.value?.children?.[subMenuFocusedIndex.value]?.children?.[0]?.focus();\n            };\n\n            onMounted(async () => {\n                // Using setTimeout otherwise the sliding animation doesn't work anymore. The timeout imer is the same as the transition time (0.15s)\n                setTimeout(() => focusItem(), 150);\n            });\n\n            const focusPrevious = () => {\n                if (subMenuFocusedIndex.value > 0) {\n                    subMenuFocusedIndex.value -= 1;\n                    if (computedItems.value[subMenuFocusedIndex.value].disabled) {\n                        focusPrevious();\n                    }\n                } else {\n                    subMenuFocusedIndex.value = numberOfItems.value;\n                }\n                focusItem();\n            };\n\n            const focusNext = () => {\n                if (subMenuFocusedIndex.value < numberOfItems.value) {\n                    subMenuFocusedIndex.value += 1;\n                    if (computedItems.value[subMenuFocusedIndex.value].disabled) {\n                        focusNext();\n                    }\n                } else {\n                    subMenuFocusedIndex.value = 0;\n                }\n                focusItem();\n            };\n\n            return {\n                // Enums\n                BentoMenuEvent,\n\n                // Values\n                subMenuItemListRefLocal,\n                subMenuFocusedIndex,\n                ChevronLeftIcon,\n                computedItems,\n\n                // Methods\n                closeMenu,\n                onBackButton,\n                focusPrevious,\n                focusNext,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./sub-menu-item-list.scss\" />\n","<template>\n    <menu-list-container ref=\"menuItemListWrapperRef\" :style=\"{ height: computedHeight }\">\n        <ul\n            ref=\"menuItemListRef\"\n            class=\"b-menu-item-list\"\n            role=\"menu\"\n            @keydown.down=\"focusNext\"\n            @keydown.up=\"focusPrevious\"\n            @keydown.esc=\"closeMenu\"\n            @keydown.tab=\"closeMenu\"\n        >\n            <li\n                v-for=\"(item, index) in computedData\"\n                :key=\"`menu-item-${index}`\"\n                class=\"b-menu-item-list__item\"\n                role=\"none\"\n                @keydown.right=\"focusRight(item, index)\"\n                @keydown.left=\"focusLeft()\"\n            >\n                <menu-item\n                    :text=\"item.text\"\n                    :handler=\"!item.items?.length ? item.handler : () => null\"\n                    :secondary-text=\"item.secondaryText\"\n                    :icon=\"item.icon\"\n                    :chevron=\"!!item.items?.length\"\n                    :disabled=\"item.disabled\"\n                    :critical=\"item.critical\"\n                    :indent=\"item.indent\"\n                    :tabindex=\"index === subMenuFocusedIndex ? '0' : '-1'\"\n                    :aria-haspopup=\"!!item.items?.length\"\n                    :aria-expanded=\"showSubMenu && visibleSubMenuIndex === index\"\n                    @click=\"toggleMenu(item, index)\"\n                />\n                <sub-menu-item-list\n                    v-if=\"item.items?.length && showSubMenu && visibleSubMenuIndex === index\"\n                    ref=\"subMenuItemListRef\"\n                    :items=\"item.items\"\n                    :title=\"item.text\"\n                    @back=\"onBackButton\"\n                    @close=\"closeMenu\"\n                />\n            </li>\n        </ul>\n    </menu-list-container>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import { BentoMenuItem, MenuItem } from '../menu-item';\n    import { BentoMenuEvent } from '../../menu.types';\n    import MenuListContainer from '../menu-list-container/menu-list-container.vue';\n    import SubMenuItemList from '../sub-menu-item-list/sub-menu-item-list.vue';\n\n    /**\n     * MenuItem list to be used in the Menu component. For internal use only.\n     */\n    export default defineComponent({\n        name: 'menu-item-list',\n        components: { MenuItem, MenuListContainer, SubMenuItemList },\n        props: {\n            /**\n             * The data to be displayed in the list\n             */\n            data: {\n                type: Array as PropType<BentoMenuItem[]>,\n                required: true,\n            },\n            /**\n             * Displays the menu-items of the list in the indent variant. Only applies to elements that don't have an icon to their left.\n             */\n            indentItems: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * 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.\n             */\n            focusLastElement: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: [BentoMenuEvent.CLOSE],\n        setup(props, { emit }) {\n            const menuItemListRef = ref(null);\n            const menuItemListWrapperRef = ref(null);\n            const subMenuItemListRef = ref(null);\n            const showSubMenu = ref(false);\n            const visibleSubMenuIndex = ref(null);\n            const focusedIndex = ref(props.focusLastElement ? props.data.length - 1 : 0);\n            const subMenuFocusedIndex = ref(0);\n            const numberOfItems = ref(props.data.length - 1);\n            const hasMenuItemsWithIcon = computed(() => props.data.some(el => el.icon));\n\n            const computedData = computed(() => {\n                if (props.indentItems || hasMenuItemsWithIcon.value) {\n                    return props.data.map(el => {\n                        let indent = false;\n                        if (!el.icon) {\n                            indent = true;\n                        }\n                        return {\n                            ...el,\n                            // eslint-disable-next-line no-param-reassign\n                            indent,\n                        };\n                    });\n                }\n                return props.data;\n            });\n\n            const focusItem = () => menuItemListRef.value?.children[focusedIndex.value]?.children[0]?.focus();\n\n            const closeMenu = () => emit(BentoMenuEvent.CLOSE);\n\n            const toggleMenu = async (item: BentoMenuItem, index: number) => {\n                if (item.items) {\n                    visibleSubMenuIndex.value = index;\n                    showSubMenu.value = true;\n                } else {\n                    visibleSubMenuIndex.value = index;\n                    showSubMenu.value = false;\n                    closeMenu();\n                }\n            };\n\n            const focusPrevious = () => {\n                if (focusedIndex.value > 0) {\n                    focusedIndex.value -= 1;\n                    if (computedData.value[focusedIndex.value].disabled) {\n                        focusPrevious();\n                    }\n                } else {\n                    focusedIndex.value = numberOfItems.value;\n                }\n                focusItem();\n            };\n\n            const focusNext = () => {\n                if (focusedIndex.value < numberOfItems.value) {\n                    focusedIndex.value += 1;\n                    if (computedData.value[focusedIndex.value].disabled) {\n                        focusNext();\n                    }\n                } else {\n                    focusedIndex.value = 0;\n                }\n                focusItem();\n            };\n\n            const focusRight = (item, index) => {\n                if (item?.items?.length) {\n                    visibleSubMenuIndex.value = index;\n                    showSubMenu.value = true;\n                }\n            };\n\n            const focusLeft = () => {\n                if (visibleSubMenuIndex.value && showSubMenu.value) {\n                    visibleSubMenuIndex.value = null;\n                    showSubMenu.value = false;\n                }\n            };\n\n            const onBackButton = () => {\n                showSubMenu.value = false;\n                visibleSubMenuIndex.value = null;\n                // Focus the right element\n                focusItem();\n            };\n\n            const menuHeight = computed(() => menuItemListWrapperRef?.value?.$el.offsetHeight);\n\n            const subMenuHeight = computed(() => subMenuItemListRef?.value?.[0]?.$el?.offsetHeight);\n\n            const computedHeight = computed(() => {\n                if (showSubMenu.value) {\n                    return `${subMenuHeight.value}px`;\n                }\n                return `${menuHeight.value}px`;\n            });\n\n            return {\n                // Values\n                menuItemListRef,\n                menuItemListWrapperRef,\n                subMenuItemListRef,\n\n                computedData,\n                computedHeight,\n\n                focusedIndex,\n                subMenuFocusedIndex,\n\n                showSubMenu,\n                visibleSubMenuIndex,\n\n                // Methods\n                toggleMenu,\n                closeMenu,\n                focusPrevious,\n                focusNext,\n                focusRight,\n                focusLeft,\n                onBackButton,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./menu-item-list.scss\" />\n","<template>\n    <div\n        v-bento-click-outside-directive=\"closeMenu\"\n        class=\"b-menu\"\n        @keydown.down=\"onKeyDown\"\n        @keydown.up=\"onKeyUp\"\n        @keydown.esc=\"closeMenu\"\n    >\n        <bento-button\n            ref=\"menuButtonRef\"\n            aria-haspopup=\"true\"\n            v-bind=\"button\"\n            :aria-expanded=\"`${showMenu}`\"\n            :aria-controls=\"showMenu ? menuId : null\"\n            @click=\"toggleShowMenu\"\n        >\n            <template #iconLeft>\n                <slot>\n                    <options-vertical-icon :title=\"$t('menuButton')\" />\n                </slot>\n            </template>\n        </bento-button>\n        <bento-popover\n            v-if=\"menuButtonRef\"\n            :id=\"menuId\"\n            :open=\"showMenu\"\n            class=\"b-menu__popover\"\n            :style=\"computedMenuWidth\"\n            :target-element=\"menuButtonRef\"\n            :position=\"menuPosition\"\n            :fixed-positioning=\"menuFixedPositioning\"\n            :fallback-position=\"[\n                'bottom-start',\n                'bottom-end',\n                'top-start',\n                'top-end',\n                'right-start',\n                'right-end',\n                'left-start',\n                'left-end',\n            ]\"\n            without-space\n        >\n            <menu-item-list :data=\"data\" :focus-last-element=\"isLastElementFocused\" @close=\"closeMenu\" />\n        </bento-popover>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import OptionsVerticalIcon from '@adyen/ui-assets-icons-16/vue/options-vertical';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { BentoClickOutsideDirective } from '@/directives';\n    import { BentoButton } from '@/components/button';\n    import { BentoPopover, BentoPopoverPositions } from '@/components/popover';\n    import { BentoMenuItem, MenuItemList } from './components';\n    import { BentoMenuButtonProps, BentoMenuEvent } from './menu.types';\n    import messages from './messages.json';\n\n    /**\n     * Menu component to render a series of buttons. Csan render nested submenus.\n     *\n     * @example\n     * import { BentoMenu } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoMenu },\n     *     template: `\n     *          <bento-menu\n     *             :data=[\n     *                 { text: 'Menu item text', handler: () => { some code here } },\n     *                 { text: 'Another menu item text', handler: () => { some other code here }, critical: true }\n     *              ]\n     *           />\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-menu',\n        components: { BentoButton, BentoPopover, MenuItemList, OptionsVerticalIcon },\n        directives: { BentoClickOutsideDirective },\n        props: {\n            /**\n             * The data to be displayed in the list\n             */\n            data: {\n                type: Array as PropType<BentoMenuItem[]>,\n                required: true,\n            },\n\n            /**\n             * The position of where the menu should open.\n             */\n            menuPosition: {\n                type: String as PropType<BentoPopoverPositions | `${BentoPopoverPositions}`>,\n                default: BentoPopoverPositions.BOTTOM_START,\n                validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n            },\n\n            /**\n             * Instructs the menu popover to be visible outside of the containing container.\n             * @see {@link https://floating-ui.com/docs/usefloating#strategy}\n             */\n            menuFixedPositioning: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Sets a custom width for the menu popover.\n             */\n            menuWidth: {\n                type: Number,\n                default: null,\n            },\n            /**\n             * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.\n             */\n            button: {\n                type: Object as PropType<BentoMenuButtonProps>,\n                default: () =>\n                    ({\n                        variant: 'secondary',\n                    } as BentoMenuButtonProps),\n            },\n        },\n        emits: [BentoMenuEvent.CLOSE, BentoMenuEvent.OPEN],\n        setup(props, { emit }) {\n            const menuButtonRef = ref(null);\n            const showMenu = ref(false);\n            const isLastElementFocused = ref(false);\n            const menuId = generateUid('menu');\n            const popoverId = generateUid('menu-popover');\n\n            const computedMenuWidth = computed(() => (props.menuWidth ? { width: `${props.menuWidth}px` } : null));\n\n            const openMenu = () => {\n                showMenu.value = true;\n                emit(BentoMenuEvent.OPEN);\n            };\n\n            const closeMenu = () => {\n                if (showMenu.value) {\n                    showMenu.value = false;\n                    menuButtonRef.value.$el.focus();\n                    emit(BentoMenuEvent.CLOSE);\n                }\n            };\n\n            const toggleShowMenu = (e: MouseEvent) => {\n                e.stopPropagation();\n                if (!showMenu.value) {\n                    openMenu();\n                } else {\n                    closeMenu();\n                }\n            };\n\n            const onKeyDown = () => {\n                isLastElementFocused.value = false;\n                openMenu();\n            };\n\n            const onKeyUp = () => {\n                isLastElementFocused.value = true;\n                openMenu();\n            };\n\n            return {\n                // Values\n                menuButtonRef,\n                menuId,\n                popoverId,\n                showMenu,\n                computedMenuWidth,\n                isLastElementFocused,\n\n                // Methods\n                onKeyDown,\n                onKeyUp,\n                closeMenu,\n                toggleShowMenu,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./menu.scss\" />\n"],"names":["uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$2","toDisplayString","_sfc_main$4","defineComponent","BaseButton","BentoTypography","ChevronRightIcon","BentoBaseButtonEvent","props","emit","computed","e","normalizeClass","createSlots","withCtx","createVNode","_component_bento_typography","createBlock","resolveDynamicComponent","BentoMenuEvent","BentoMenuEvent2","_sfc_main$3","_sfc_main$2","messages","MenuItem","MenuListContainer","subMenuItemListRefLocal","ref","subMenuFocusedIndex","numberOfItems","closeMenu","onBackButton","computedItems","items","_a","el","ChevronLeftIcon","focusItem","_e","_d","_c","_b","onMounted","focusPrevious","focusNext","_component_menu_list_container","resolveComponent","Transition","createElementVNode","_cache","withKeys","withModifiers","args","Fragment","renderList","item","index","_sfc_main$1","SubMenuItemList","menuItemListRef","menuItemListWrapperRef","subMenuItemListRef","showSubMenu","visibleSubMenuIndex","focusedIndex","hasMenuItemsWithIcon","computedData","indent","toggleMenu","focusRight","focusLeft","menuHeight","subMenuHeight","computedHeight","normalizeStyle","_component_sub_menu_item_list","_sfc_main","BentoButton","BentoPopover","MenuItemList","OptionsVerticalIcon","BentoClickOutsideDirective","BentoPopoverPositions","value","menuButtonRef","showMenu","isLastElementFocused","menuId","generateUid","popoverId","computedMenuWidth","openMenu","renderSlot","_component_options_vertical_icon","_component_bento_popover","_component_menu_item_list"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/modal.js

@@ -1,9 +1,9 @@
 import { defineComponent as S, onMounted as E, resolveComponent as v, openBlock as m, createBlock as p, mergeProps as M, createSlots as $, withCtx as l, renderSlot as a, createVNode as z, toRefs as R, computed as b, createTextVNode as q, toDisplayString as P, useAttrs as I, watch as F, resolveDynamicComponent as j } from "vue";
-import { f as T, b as B, e as f, d as c, c as G, B as C, a as L } from "./chunks/base-modal.53a229ac.js";
+import { f as T, b as B, e as f, d as c, c as G, B as C, a as L } from "./chunks/base-modal.0c85e7cb.js";
 import { u as A } from "./chunks/use-has-slot.4d98bf29.js";
-import { F as U } from "./chunks/footer-actions.13f19a22.js";
+import { F as U } from "./chunks/footer-actions.1ce44374.js";
 import { _ as O } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { B as h } from "./chunks/button.975d0bb8.js";
+import { B as h } from "./chunks/button.e5177388.js";
 import { u as K } from "./chunks/i18n.6c402773.js";
 import { BentoButtonActions as W } from "./button.js";
 const Y = S({

package/dist/pagination.js

@@ -1,12 +1,12 @@
 import { defineComponent as y, ref as A, computed as m, resolveComponent as u, openBlock as o, createElementBlock as _, createVNode as p, withCtx as c, createBlock as P, resolveDynamicComponent as E, mergeProps as C, createSlots as U, createTextVNode as N, toDisplayString as h, createCommentVNode as $, pushScopeId as T, popScopeId as w, createElementVNode as d, toRefs as V, normalizeClass as j } from "vue";
 import { u as J } from "./chunks/aria-label.ac9651a5.js";
-import { B as R } from "./chunks/index.7f24db66.js";
-import { B as F } from "./chunks/dropdown.7a104ce3.js";
+import { B as R } from "./chunks/index.2bd3812b.js";
+import { B as F } from "./chunks/dropdown.afff433b.js";
 import { g as M } from "./chunks/unique-id.a2a2b458.js";
 import { g as D, a as Z } from "./chunks/i18n.6c402773.js";
 import { _ as f } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as K } from "./chunks/button.975d0bb8.js";
-import "./assets/index44.css";
+import { a as K } from "./chunks/button.e5177388.js";
+import "./assets/index10.css";
 const q = {
   "en-US": {
     showingItems: "Showing {itemCount} items",
@@ -32,7 +32,7 @@ const q = {
     showingItems: "Mostrando {itemCount} artículos",
     showingItemsWithTotal: "Mostrando {itemCount} de {totalCount} artículos"
   }
-}, G = 50, S = [
+}, G = 50, I = [
   { label: "10", value: 10 },
   { label: "20", value: 20 },
   { label: "50", value: 50 },
@@ -53,7 +53,7 @@ const q = {
     itemsPerPage: {
       type: Number,
       default: G,
-      validator: (e) => S.some(({ value: t }) => t === e)
+      validator: (e) => I.some(({ value: t }) => t === e)
     },
     /**
      * The total number of items the pager is paging through.
@@ -62,7 +62,7 @@ const q = {
   },
   emits: ["select"],
   setup(e, { emit: t }) {
-    const n = M("b-pagination-context-number-elements"), i = A(S), s = Z(), l = (a) => {
+    const n = M("b-pagination-context-number-elements"), i = A(I), s = Z(), l = (a) => {
       t("select", a);
     }, g = m(() => e.totalCount ? "showingItemsWithTotal" : "showingItems");
     return {
@@ -164,7 +164,14 @@ const Y = /* @__PURE__ */ f(H, [["render", X], ["__scopeId", "data-v-1c7ef9c8"]]
     /**
      * The total number of items the pager is paging through.
      */
-    totalPages: { type: Number, default: null }
+    totalPages: { type: Number, default: null },
+    /**
+     * Enables virtual scrolling on all dropdowns if set to true.
+     */
+    virtualScroll: {
+      type: Boolean,
+      default: !1
+    }
   },
   emits: ["page-selected"],
   setup(e, { emit: t }) {
@@ -203,8 +210,9 @@ function ae(e, t, n, i, s, l) {
               items: e.listOfAvailablePages,
               "aria-label": e.$t("pageOfTotalPages", { page: e.page, totalPages: e.totalPages }),
               class: "b-pagination-context__dropdown",
+              "virtual-scroll": e.virtualScroll,
               onInput: e.onPageSelectChange
-            }, null, 8, ["id", "value", "items", "aria-label", "onInput"])
+            }, null, 8, ["id", "value", "items", "aria-label", "virtual-scroll", "onInput"])
           ]),
           totalPages: c(() => [
             N(h(e.totalPages), 1)
@@ -232,7 +240,7 @@ function ae(e, t, n, i, s, l) {
     }))
   ]);
 }
-const ne = /* @__PURE__ */ f(ee, [["render", ae], ["__scopeId", "data-v-3e3a7bc1"]]);
+const ne = /* @__PURE__ */ f(ee, [["render", ae], ["__scopeId", "data-v-f4f5d50d"]]);
 let L = 0;
 const oe = {
   beforeCreate() {
@@ -336,7 +344,7 @@ function ye(e, t, n, i, s, l) {
     Ne
   ], 16);
 }
-const Ie = /* @__PURE__ */ f($e, [["render", ye], ["__scopeId", "data-v-5d0b9449"]]), Se = {
+const Se = /* @__PURE__ */ f($e, [["render", ye], ["__scopeId", "data-v-5d0b9449"]]), Ie = {
   "en-US": {
     navigateToTheFirstPage: "Navigate to the first page",
     navigateToThePreviousPage: "Navigate to the previous page",
@@ -374,14 +382,14 @@ const Ie = /* @__PURE__ */ f($e, [["render", ye], ["__scopeId", "data-v-5d0b9449
     navigateToTheLastPage: "Ir a la última página"
   }
 }, Le = y({
-  i18n: { messages: Se },
+  i18n: { messages: Ie },
   name: "adl-pagination-controls",
   components: {
     BentoButton: K,
     SkipLeft: re,
     SkipRight: ve,
     ChevronLeft: be,
-    ChevronRight: Ie
+    ChevronRight: Se
   },
   props: {
     /**
@@ -418,7 +426,7 @@ const Ie = /* @__PURE__ */ f($e, [["render", ye], ["__scopeId", "data-v-5d0b9449
 });
 const Oe = { class: "b-pagination-controls" }, ke = { class: "b-pagination-controls__item" }, Be = { class: "b-pagination-controls__item" }, Ae = { class: "b-pagination-controls__item" }, Ee = { class: "b-pagination-controls__item" };
 function Re(e, t, n, i, s, l) {
-  const g = u("skip-left"), a = u("bento-button"), r = u("chevron-left"), b = u("chevron-right"), I = u("skip-right");
+  const g = u("skip-left"), a = u("bento-button"), r = u("chevron-left"), b = u("chevron-right"), S = u("skip-right");
   return o(), _("ul", Oe, [
     d("li", ke, [
       p(a, {
@@ -473,7 +481,7 @@ function Re(e, t, n, i, s, l) {
         onClick: t[3] || (t[3] = (v) => e.navigate(e.totalPages))
       }, {
         iconLeft: c(() => [
-          p(I, {
+          p(S, {
             "svg-title": e.$t("navigateToTheLastPage")
           }, null, 8, ["svg-title"])
         ]),
@@ -554,7 +562,14 @@ const Fe = /* @__PURE__ */ f(Le, [["render", Re], ["__scopeId", "data-v-b1c3077d
     /**
      * The total number of items the pager is paging through.
      */
-    totalCount: { type: Number, default: null }
+    totalCount: { type: Number, default: null },
+    /**
+     * Enables virtual scrolling on all dropdowns if set to true.
+     */
+    virtualScroll: {
+      type: Boolean,
+      default: !1
+    }
   },
   emits: ["navigate", "items-page", "update:page", "update:size"],
   setup(e, { attrs: t, emit: n }) {
@@ -570,14 +585,14 @@ const Fe = /* @__PURE__ */ f(Le, [["render", Re], ["__scopeId", "data-v-b1c3077d
       a(v);
     }, b = (v) => {
       n("items-page", v), n("update:size", v), a(1);
-    }, I = m(() => ({
+    }, S = m(() => ({
       "b-pagination__navigation--no-results-per-page": e.hidePageSize
     }));
     return {
       // Values
       computedAriaLabel: l,
       totalPages: g,
-      navigationConditionalClasses: I,
+      navigationConditionalClasses: S,
       // Events
       navigate: a,
       onItemsPerPageChange: b,
@@ -585,7 +600,7 @@ const Fe = /* @__PURE__ */ f(Le, [["render", Re], ["__scopeId", "data-v-b1c3077d
     };
   }
 });
-const Ze = (e) => (T("data-v-443af17b"), e = e(), w(), e), We = { class: "b-pagination" }, ze = ["aria-label"], Ue = { class: "b-pagination__page-navigator" }, Ve = /* @__PURE__ */ Ze(() => /* @__PURE__ */ d("div", { class: "b-pagination__divider" }, null, -1));
+const Ze = (e) => (T("data-v-77e3973d"), e = e(), w(), e), We = { class: "b-pagination" }, ze = ["aria-label"], Ue = { class: "b-pagination__page-navigator" }, Ve = /* @__PURE__ */ Ze(() => /* @__PURE__ */ d("div", { class: "b-pagination__divider" }, null, -1));
 function je(e, t, n, i, s, l) {
   const g = u("bento-pagination-results-per-page"), a = u("bento-pagination-context"), r = u("bento-pagination-controls");
   return o(), _("div", We, [
@@ -606,8 +621,9 @@ function je(e, t, n, i, s, l) {
           "total-pages": e.totalPages,
           page: e.page,
           "total-count": e.totalCount,
+          "virtual-scroll": e.virtualScroll,
           onPageSelected: e.onPageSelected
-        }, null, 8, ["total-pages", "page", "total-count", "onPageSelected"]),
+        }, null, 8, ["total-pages", "page", "total-count", "virtual-scroll", "onPageSelected"]),
         Ve,
         p(r, {
           class: "b-pagination__controls",
@@ -620,7 +636,7 @@ function je(e, t, n, i, s, l) {
     ], 10, ze)
   ]);
 }
-const xe = /* @__PURE__ */ f(De, [["render", je], ["__scopeId", "data-v-443af17b"]]);
+const xe = /* @__PURE__ */ f(De, [["render", je], ["__scopeId", "data-v-77e3973d"]]);
 export {
   xe as BentoPagination
 };

package/dist/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../vue2/src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue","../../vue2/src/components/pagination/components/pagination-context/pagination-context.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/skip-left.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/skip-right.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-left-small.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-right-small.vue","../../vue2/src/components/pagination/components/pagination-controls/pagination-controls.vue","../../vue2/src/components/pagination/pagination.vue"],"sourcesContent":["<template>\n    <div class=\"b-pagination-results-per-page\">\n        <bento-typography el=\"div\">\n            <component\n                :is=\"i18nComponent\"\n                v-bind=\"getI18nProps(translationPathKey)\"\n                class=\"b-pagination-results-per-page__dropdown-container\"\n                tag=\"div\"\n                :plural=\"totalCount\"\n            >\n                <template #itemCount>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :value=\"itemsPerPage\"\n                        :items=\"dropdownOptions\"\n                        class=\"b-pagination-results-per-page__dropdown\"\n                        :aria-label=\"$t(translationPathKey, { itemCount: itemsPerPage, totalCount })\"\n                        @input=\"onSelectChange\"\n                    />\n                </template>\n                <template v-if=\"!!totalCount\" #totalCount>{{ totalCount }}</template>\n            </component>\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, ref } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { getI18nComponent, getI18nProps } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    const DEFAULT_NUMBER_OF_RESULTS = 50;\n    const PREDEFINED_RESULTS_PER_PAGE_VALUES = [\n        { label: '10', value: 10 },\n        { label: '20', value: 20 },\n        { label: '50', value: 50 }, // DEFAULT_NUMBER_OF_RESULTS\n        { label: '75', value: 75 },\n        { label: '100', value: 100 },\n    ];\n\n    export default defineComponent({\n        name: 'bento-pagination-context-results-per-page',\n        i18n: { messages },\n        components: {\n            BentoDropdown,\n            BentoTypography,\n        },\n        props: {\n            /**\n             *  The amount of items the pager is paging through.\n             */\n            itemsPerPage: {\n                type: Number,\n                default: DEFAULT_NUMBER_OF_RESULTS,\n                validator: (itemsPerPageValue: number) =>\n                    PREDEFINED_RESULTS_PER_PAGE_VALUES.some(({ value }) => value === itemsPerPageValue),\n            },\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalCount: { type: Number, default: null },\n        },\n        emits: ['select'],\n        setup(props, { emit }) {\n            const dropdownId = generateUid('b-pagination-context-number-elements');\n            const dropdownOptions = ref(PREDEFINED_RESULTS_PER_PAGE_VALUES);\n            const i18nComponent = getI18nComponent();\n\n            const onSelectChange = (selectedNumberOfResults: number) => {\n                emit('select', selectedNumberOfResults);\n            };\n\n            const translationPathKey = computed(() => (props.totalCount ? 'showingItemsWithTotal' : 'showingItems'));\n\n            return {\n                // Values\n                dropdownId,\n                dropdownOptions,\n                i18nComponent,\n                translationPathKey,\n\n                // Methods\n                getI18nProps,\n\n                // Events\n                onSelectChange,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-results-per-page.scss\" />\n","<template>\n    <div class=\"b-pagination-context\">\n        <bento-typography v-if=\"totalPages > 1\" el=\"div\">\n            <component :is=\"i18nComponent\" v-bind=\"getI18nProps('pageOfTotalPages')\" tag=\"div\">\n                <template #page>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :value=\"page\"\n                        :items=\"listOfAvailablePages\"\n                        :aria-label=\"$t('pageOfTotalPages', { page, totalPages })\"\n                        class=\"b-pagination-context__dropdown\"\n                        @input=\"onPageSelectChange\"\n                    />\n                </template>\n                <template #totalPages>{{ totalPages }}</template>\n            </component>\n        </bento-typography>\n        <bento-typography v-else-if=\"totalPages === 1\" el=\"span\">\n            {{ $t('pageOneOfOne') }}\n        </bento-typography>\n        <bento-typography v-else el=\"span\">\n            {{ $t('pageNumber', { page }) }}\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoListboxOptionItem } from '@/types';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import messages from './messages.json';\n    import { getI18nComponent, getI18nProps } from '../../../../utils/ts/i18n';\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-pagination-context',\n        components: {\n            BentoDropdown,\n            BentoTypography,\n        },\n        props: {\n            /**\n             * The current page number of the pager.\n             */\n            page: {\n                type: Number,\n                default: 1,\n                validator: (value: number) => Number.isFinite(value) && value > 0,\n            },\n\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalPages: { type: Number, default: null },\n        },\n        emits: ['page-selected'],\n        setup(props, { emit }) {\n            const dropdownId = generateUid('bento-pagination-context-current-page');\n            const onPageSelectChange = (selectedPage: string | number) => emit('page-selected', selectedPage);\n            const i18nComponent = getI18nComponent();\n\n            // Generate a list of pages from 1 to \"totalPages\"\n            const transformIntoOption = (value: number): BentoListboxOptionItem => ({\n                label: value.toString(),\n                value,\n            });\n            const transformToPageNumber = (_, index) => index + 1;\n            const listOfAvailablePages = computed(() =>\n                Array.from(new Array(props.totalPages), transformToPageNumber).map(transformIntoOption)\n            );\n\n            return {\n                // Values\n                dropdownId,\n                listOfAvailablePages,\n                i18nComponent,\n\n                // Methods\n                getI18nProps,\n\n                // Events\n                onPageSelectChange,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-context.scss\" />\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M4.25 11C4.25 11.4142 4.58579 11.75 5 11.75C5.41421 11.75 5.75 11.4142 5.75 11L5.75 4.99999C5.75 4.58577 5.41421 4.24999 5 4.24999C4.58579 4.24999 4.25 4.58577 4.25 4.99998L4.25 11Z\" clip-rule=\"evenodd\"/><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M11.5303 5.53031C11.8232 5.23742 11.8232 4.76255 11.5303 4.46965C11.2374 4.17676 10.7626 4.17676 10.4697 4.46965L7.46967 7.46965C7.17678 7.76255 7.17678 8.23742 7.46967 8.53031L10.4697 11.5303C10.7626 11.8232 11.2374 11.8232 11.5303 11.5303C11.8232 11.2374 11.8232 10.7625 11.5303 10.4697L9.06066 7.99998L11.5303 5.53031Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M4.46967 10.4697C4.17678 10.7626 4.17678 11.2374 4.46967 11.5303C4.76256 11.8232 5.23744 11.8232 5.53033 11.5303L8.53033 8.53032C8.82322 8.23743 8.82322 7.76256 8.53033 7.46966L5.53033 4.46966C5.23744 4.17677 4.76256 4.17677 4.46967 4.46966C4.17678 4.76256 4.17678 5.23743 4.46967 5.53032L6.93934 7.99999L4.46967 10.4697Z\" clip-rule=\"evenodd\"/><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M11.75 4.99999C11.75 4.58578 11.4142 4.24999 11 4.24999C10.5858 4.24999 10.25 4.58578 10.25 4.99999V11C10.25 11.4142 10.5858 11.75 11 11.75C11.4142 11.75 11.75 11.4142 11.75 11L11.75 4.99999Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M10.0303 4.46967C10.3232 4.76256 10.3232 5.23744 10.0303 5.53033L7.56066 8L10.0303 10.4697C10.3232 10.7626 10.3232 11.2374 10.0303 11.5303C9.73744 11.8232 9.26256 11.8232 8.96967 11.5303L5.96967 8.53033C5.67678 8.23744 5.67678 7.76256 5.96967 7.46967L8.96967 4.46967C9.26256 4.17678 9.73744 4.17678 10.0303 4.46967Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M5.96967 11.5303C5.67678 11.2374 5.67678 10.7626 5.96967 10.4697L8.43934 8L5.96967 5.53033C5.67678 5.23744 5.67678 4.76256 5.96967 4.46967C6.26256 4.17678 6.73744 4.17678 7.03033 4.46967L10.0303 7.46967C10.171 7.61032 10.25 7.80109 10.25 8C10.25 8.19891 10.171 8.38968 10.0303 8.53033L7.03033 11.5303C6.73744 11.8232 6.26256 11.8232 5.96967 11.5303Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <ul class=\"b-pagination-controls\">\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the first page -->\n            <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(1)\">\n                <template #iconLeft>\n                    <skip-left :svg-title=\"$t('navigateToTheFirstPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the previous page -->\n            <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(page - 1)\">\n                <template #iconLeft>\n                    <chevron-left :svg-title=\"$t('navigateToThePreviousPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the next page -->\n            <bento-button :disabled=\"isNextButtonDisabled\" variant=\"tertiary\" condensed @click=\"navigate(page + 1)\">\n                <template #iconLeft>\n                    <chevron-right :svg-title=\"$t('navigateToTheNextPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the last page -->\n            <bento-button\n                :disabled=\"isLastPageButtonDisabled\"\n                variant=\"tertiary\"\n                condensed\n                @click=\"navigate(totalPages)\"\n            >\n                <template #iconLeft>\n                    <skip-right :svg-title=\"$t('navigateToTheLastPage')\" />\n                </template>\n            </bento-button>\n        </li>\n    </ul>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoButton } from '@/components/button';\n    import SkipLeft from '@adyen/ui-assets-icons-16/vue/skip-left';\n    import SkipRight from '@adyen/ui-assets-icons-16/vue/skip-right';\n    import ChevronLeft from '@adyen/ui-assets-icons-16/vue/chevron-left-small';\n    import ChevronRight from '@adyen/ui-assets-icons-16/vue/chevron-right-small';\n\n    import messages from './messages.json';\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'adl-pagination-controls',\n        components: {\n            BentoButton,\n            SkipLeft,\n            SkipRight,\n            ChevronLeft,\n            ChevronRight,\n        },\n        props: {\n            /**\n             * Use to determine if the pager has a \"next page\".\n             */\n            hasNext: { type: Boolean, default: null },\n\n            /**\n             * The current page number of the pager.\n             */\n            page: { type: Number, required: true },\n\n            /**\n             * The current page number of the pager.\n             */\n            totalPages: { type: Number, default: null },\n        },\n        emits: ['navigate'],\n        setup(props, { emit }) {\n            const isCurrentPageFirst = computed(() => props.page === 1);\n            const isCurrentPageLast = computed(() => props.page === props.totalPages);\n            const isNextButtonDisabled = computed(() => {\n                const hasNoNextPage = !props.hasNext;\n                return hasNoNextPage || isCurrentPageLast.value;\n            });\n            const isLastPageButtonDisabled = computed(() => {\n                const hasNoNextPage = !props.hasNext;\n                const hasNoTotalPagesNumber = !props.totalPages;\n\n                return hasNoNextPage || isCurrentPageLast.value || hasNoTotalPagesNumber;\n            });\n\n            const navigate = (pageArg: number) => {\n                emit('navigate', pageArg);\n            };\n\n            return {\n                // Values\n                isNextButtonDisabled,\n                isCurrentPageFirst,\n                isCurrentPageLast,\n                isLastPageButtonDisabled,\n\n                // Events\n                navigate,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-controls.scss\" />\n","<template>\n    <div class=\"b-pagination\">\n        <nav :aria-label=\"computedAriaLabel\" class=\"b-pagination__navigation\" :class=\"navigationConditionalClasses\">\n            <bento-pagination-results-per-page\n                v-if=\"!hidePageSize\"\n                class=\"b-pagination__results-per-page\"\n                :items-per-page=\"size\"\n                :total-count=\"totalCount\"\n                @select=\"onItemsPerPageChange\"\n            />\n\n            <div class=\"b-pagination__page-navigator\">\n                <bento-pagination-context\n                    class=\"b-pagination__context\"\n                    :total-pages=\"totalPages\"\n                    :page=\"page\"\n                    :total-count=\"totalCount\"\n                    @page-selected=\"onPageSelected\"\n                />\n\n                <div class=\"b-pagination__divider\"></div>\n\n                <bento-pagination-controls\n                    class=\"b-pagination__controls\"\n                    :has-next=\"hasNext\"\n                    :page=\"page\"\n                    :total-pages=\"totalPages\"\n                    @navigate=\"navigate\"\n                />\n            </div>\n        </nav>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, ref, toRefs } from 'vue';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import BentoPaginationResultsPerPage from './components/pagination-results-per-page/pagination-results-per-page.vue';\n    import BentoPaginationContext from './components/pagination-context/pagination-context.vue';\n    import BentoPaginationControls from './components/pagination-controls/pagination-controls.vue';\n    import messages from './messages.json';\n\n    /**\n     * Paginiation component to help users page through data sets.\n     *\n     * There are two ways of doing navigation in this component:\n     *      1. (Basic) You tell the component if there is a next page (hasNext)\n     *      2. (Enhanced) You tell the component:\n     *          - How many total items exist (totalCount)\n     *          - The max number of items that you show/fetch per page (size)\n     *          - In this case you should not set the hasNext props\n     *\n     * If you have the data available and opt to use the Enhanced way you get extra controls:\n     *      - Page dropdown selector\n     *      - Last page button\n     *      - \"Showing 10 of 200 items\" text\n     *\n     * @usage\n     * import { BentoPagination } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoPagination },\n     *     template: `\n     *         <bento-pagination :has-next=\"isNextPage\" />\n     *     `,\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-pagination',\n        components: {\n            BentoPaginationContext,\n            BentoPaginationControls,\n            BentoPaginationResultsPerPage,\n        },\n        props: {\n            /**\n             * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n             */\n            /**\n             * A brief description of the purpose of the navigation (for a11y).\n             * Omit the term \"navigation\", as the screen reader will read both the role and the contents of the label.\n             */\n            ariaLabel: { type: String, default: null },\n\n            /**\n             * Use to determine if the pager has a \"next page\".\n             */\n            hasNext: { type: Boolean, default: null },\n\n            /**\n             * Toggles the visibility of the \"results per page\" part of the pagination component.\n             */\n            hidePageSize: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * The current page number of the pager.\n             */\n            page: {\n                type: Number,\n                default: 1,\n                validator: (value: number) => Number.isFinite(value) && value > 0,\n            },\n\n            /**\n             *  The size of the items the pager is paging through.\n             */\n            size: {\n                type: Number,\n                default: 20,\n                validator: (itemsPerPageValue: number) => [10, 20, 50, 75, 100].includes(itemsPerPageValue),\n            },\n\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalCount: { type: Number, default: null },\n        },\n        emits: ['navigate', 'items-page', 'update:page', 'update:size'],\n        setup(props, { attrs, emit }) {\n            const ariaLabelAttribute = ref(attrs['aria-label']);\n            const { ariaLabel } = toRefs(props);\n            const computedAriaLabel = useAriaLabel({\n                ariaLabel: ariaLabelAttribute.value as string,\n                // TODO: take this line away when the aria-label props is removed\n                label: ariaLabel,\n            });\n\n            const totalPages = computed(() =>\n                !props.totalCount || !props.size ? null : Math.ceil(props.totalCount / props.size)\n            );\n\n            const navigate = (pageArg: number) => {\n                emit('navigate', pageArg);\n                emit('update:page', pageArg);\n            };\n\n            const onPageSelected = (pageNumber: number) => {\n                navigate(pageNumber);\n            };\n\n            const onItemsPerPageChange = (elements: number) => {\n                emit('items-page', elements);\n                emit('update:size', elements);\n\n                // Always go to first page when the\n                // number of items page changes\n                navigate(1);\n            };\n\n            const navigationConditionalClasses = computed(() => ({\n                'b-pagination__navigation--no-results-per-page': props.hidePageSize,\n            }));\n\n            return {\n                // Values\n                computedAriaLabel,\n                totalPages,\n                navigationConditionalClasses,\n\n                // Events\n                navigate,\n                onItemsPerPageChange,\n                onPageSelected,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination.scss\" />\n"],"names":["DEFAULT_NUMBER_OF_RESULTS","PREDEFINED_RESULTS_PER_PAGE_VALUES","_sfc_main$7","defineComponent","messages$3","BentoDropdown","BentoTypography","itemsPerPageValue","value","props","emit","dropdownId","generateUid","dropdownOptions","ref","i18nComponent","getI18nComponent","onSelectChange","selectedNumberOfResults","translationPathKey","computed","getI18nProps","createVNode","_component_bento_typography","withCtx","openBlock","createBlock","resolveDynamicComponent","_ctx","mergeProps","createSlots","_component_bento_dropdown","_sfc_main$6","messages$2","onPageSelectChange","selectedPage","transformIntoOption","transformToPageNumber","_","index","listOfAvailablePages","uuid$3","createElementBlock","_hoisted_1$5","toDisplayString","uuid$2","_hoisted_1$4","uuid$1","_hoisted_1$3","uuid","_hoisted_1$2","_sfc_main$1","messages$1","BentoButton","SkipLeft","SkipRight","ChevronLeft","ChevronRight","isCurrentPageFirst","isCurrentPageLast","isNextButtonDisabled","isLastPageButtonDisabled","hasNoNextPage","hasNoTotalPagesNumber","pageArg","_hoisted_2$1","_hoisted_3$1","createElementVNode","_component_bento_button","_cache","$event","_component_skip_left","_component_chevron_left","_hoisted_4$1","_component_chevron_right","_hoisted_5","_component_skip_right","_sfc_main","messages","BentoPaginationContext","BentoPaginationControls","BentoPaginationResultsPerPage","attrs","ariaLabelAttribute","ariaLabel","toRefs","computedAriaLabel","useAriaLabel","totalPages","navigate","onPageSelected","pageNumber","onItemsPerPageChange","elements","navigationConditionalClasses","_component_bento_pagination_controls","resolveComponent","_hoisted_1","createCommentVNode","_hoisted_3","_component_bento_pagination_context","_hoisted_4"],"mappings":"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","x_google_ignoreList":[2,3,4,5]}
+{"version":3,"file":"pagination.js","sources":["../../vue2/src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue","../../vue2/src/components/pagination/components/pagination-context/pagination-context.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/skip-left.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/skip-right.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-left-small.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-right-small.vue","../../vue2/src/components/pagination/components/pagination-controls/pagination-controls.vue","../../vue2/src/components/pagination/pagination.vue"],"sourcesContent":["<template>\n    <div class=\"b-pagination-results-per-page\">\n        <bento-typography el=\"div\">\n            <component\n                :is=\"i18nComponent\"\n                v-bind=\"getI18nProps(translationPathKey)\"\n                class=\"b-pagination-results-per-page__dropdown-container\"\n                tag=\"div\"\n                :plural=\"totalCount\"\n            >\n                <template #itemCount>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :value=\"itemsPerPage\"\n                        :items=\"dropdownOptions\"\n                        class=\"b-pagination-results-per-page__dropdown\"\n                        :aria-label=\"$t(translationPathKey, { itemCount: itemsPerPage, totalCount })\"\n                        @input=\"onSelectChange\"\n                    />\n                </template>\n                <template v-if=\"!!totalCount\" #totalCount>{{ totalCount }}</template>\n            </component>\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, ref } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { getI18nComponent, getI18nProps } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    const DEFAULT_NUMBER_OF_RESULTS = 50;\n    const PREDEFINED_RESULTS_PER_PAGE_VALUES = [\n        { label: '10', value: 10 },\n        { label: '20', value: 20 },\n        { label: '50', value: 50 }, // DEFAULT_NUMBER_OF_RESULTS\n        { label: '75', value: 75 },\n        { label: '100', value: 100 },\n    ];\n\n    export default defineComponent({\n        name: 'bento-pagination-context-results-per-page',\n        i18n: { messages },\n        components: {\n            BentoDropdown,\n            BentoTypography,\n        },\n        props: {\n            /**\n             *  The amount of items the pager is paging through.\n             */\n            itemsPerPage: {\n                type: Number,\n                default: DEFAULT_NUMBER_OF_RESULTS,\n                validator: (itemsPerPageValue: number) =>\n                    PREDEFINED_RESULTS_PER_PAGE_VALUES.some(({ value }) => value === itemsPerPageValue),\n            },\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalCount: { type: Number, default: null },\n        },\n        emits: ['select'],\n        setup(props, { emit }) {\n            const dropdownId = generateUid('b-pagination-context-number-elements');\n            const dropdownOptions = ref(PREDEFINED_RESULTS_PER_PAGE_VALUES);\n            const i18nComponent = getI18nComponent();\n\n            const onSelectChange = (selectedNumberOfResults: number) => {\n                emit('select', selectedNumberOfResults);\n            };\n\n            const translationPathKey = computed(() => (props.totalCount ? 'showingItemsWithTotal' : 'showingItems'));\n\n            return {\n                // Values\n                dropdownId,\n                dropdownOptions,\n                i18nComponent,\n                translationPathKey,\n\n                // Methods\n                getI18nProps,\n\n                // Events\n                onSelectChange,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-results-per-page.scss\" />\n","<template>\n    <div class=\"b-pagination-context\">\n        <bento-typography v-if=\"totalPages > 1\" el=\"div\">\n            <component :is=\"i18nComponent\" v-bind=\"getI18nProps('pageOfTotalPages')\" tag=\"div\">\n                <template #page>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :value=\"page\"\n                        :items=\"listOfAvailablePages\"\n                        :aria-label=\"$t('pageOfTotalPages', { page, totalPages })\"\n                        class=\"b-pagination-context__dropdown\"\n                        :virtual-scroll=\"virtualScroll\"\n                        @input=\"onPageSelectChange\"\n                    />\n                </template>\n                <template #totalPages>{{ totalPages }}</template>\n            </component>\n        </bento-typography>\n        <bento-typography v-else-if=\"totalPages === 1\" el=\"span\">\n            {{ $t('pageOneOfOne') }}\n        </bento-typography>\n        <bento-typography v-else el=\"span\">\n            {{ $t('pageNumber', { page }) }}\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoListboxOptionItem } from '@/types';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import messages from './messages.json';\n    import { getI18nComponent, getI18nProps } from '../../../../utils/ts/i18n';\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-pagination-context',\n        components: {\n            BentoDropdown,\n            BentoTypography,\n        },\n        props: {\n            /**\n             * The current page number of the pager.\n             */\n            page: {\n                type: Number,\n                default: 1,\n                validator: (value: number) => Number.isFinite(value) && value > 0,\n            },\n\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalPages: { type: Number, default: null },\n\n            /**\n             * Enables virtual scrolling on all dropdowns if set to true.\n             */\n            virtualScroll: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: ['page-selected'],\n        setup(props, { emit }) {\n            const dropdownId = generateUid('bento-pagination-context-current-page');\n            const onPageSelectChange = (selectedPage: string | number) => emit('page-selected', selectedPage);\n            const i18nComponent = getI18nComponent();\n\n            // Generate a list of pages from 1 to \"totalPages\"\n            const transformIntoOption = (value: number): BentoListboxOptionItem => ({\n                label: value.toString(),\n                value,\n            });\n            const transformToPageNumber = (_, index) => index + 1;\n            const listOfAvailablePages = computed(() =>\n                Array.from(new Array(props.totalPages), transformToPageNumber).map(transformIntoOption)\n            );\n\n            return {\n                // Values\n                dropdownId,\n                listOfAvailablePages,\n                i18nComponent,\n\n                // Methods\n                getI18nProps,\n\n                // Events\n                onPageSelectChange,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-context.scss\" />\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M4.25 11C4.25 11.4142 4.58579 11.75 5 11.75C5.41421 11.75 5.75 11.4142 5.75 11L5.75 4.99999C5.75 4.58577 5.41421 4.24999 5 4.24999C4.58579 4.24999 4.25 4.58577 4.25 4.99998L4.25 11Z\" clip-rule=\"evenodd\"/><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M11.5303 5.53031C11.8232 5.23742 11.8232 4.76255 11.5303 4.46965C11.2374 4.17676 10.7626 4.17676 10.4697 4.46965L7.46967 7.46965C7.17678 7.76255 7.17678 8.23742 7.46967 8.53031L10.4697 11.5303C10.7626 11.8232 11.2374 11.8232 11.5303 11.5303C11.8232 11.2374 11.8232 10.7625 11.5303 10.4697L9.06066 7.99998L11.5303 5.53031Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M4.46967 10.4697C4.17678 10.7626 4.17678 11.2374 4.46967 11.5303C4.76256 11.8232 5.23744 11.8232 5.53033 11.5303L8.53033 8.53032C8.82322 8.23743 8.82322 7.76256 8.53033 7.46966L5.53033 4.46966C5.23744 4.17677 4.76256 4.17677 4.46967 4.46966C4.17678 4.76256 4.17678 5.23743 4.46967 5.53032L6.93934 7.99999L4.46967 10.4697Z\" clip-rule=\"evenodd\"/><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M11.75 4.99999C11.75 4.58578 11.4142 4.24999 11 4.24999C10.5858 4.24999 10.25 4.58578 10.25 4.99999V11C10.25 11.4142 10.5858 11.75 11 11.75C11.4142 11.75 11.75 11.4142 11.75 11L11.75 4.99999Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M10.0303 4.46967C10.3232 4.76256 10.3232 5.23744 10.0303 5.53033L7.56066 8L10.0303 10.4697C10.3232 10.7626 10.3232 11.2374 10.0303 11.5303C9.73744 11.8232 9.26256 11.8232 8.96967 11.5303L5.96967 8.53033C5.67678 8.23744 5.67678 7.76256 5.96967 7.46967L8.96967 4.46967C9.26256 4.17678 9.73744 4.17678 10.0303 4.46967Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M5.96967 11.5303C5.67678 11.2374 5.67678 10.7626 5.96967 10.4697L8.43934 8L5.96967 5.53033C5.67678 5.23744 5.67678 4.76256 5.96967 4.46967C6.26256 4.17678 6.73744 4.17678 7.03033 4.46967L10.0303 7.46967C10.171 7.61032 10.25 7.80109 10.25 8C10.25 8.19891 10.171 8.38968 10.0303 8.53033L7.03033 11.5303C6.73744 11.8232 6.26256 11.8232 5.96967 11.5303Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <ul class=\"b-pagination-controls\">\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the first page -->\n            <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(1)\">\n                <template #iconLeft>\n                    <skip-left :svg-title=\"$t('navigateToTheFirstPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the previous page -->\n            <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(page - 1)\">\n                <template #iconLeft>\n                    <chevron-left :svg-title=\"$t('navigateToThePreviousPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the next page -->\n            <bento-button :disabled=\"isNextButtonDisabled\" variant=\"tertiary\" condensed @click=\"navigate(page + 1)\">\n                <template #iconLeft>\n                    <chevron-right :svg-title=\"$t('navigateToTheNextPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the last page -->\n            <bento-button\n                :disabled=\"isLastPageButtonDisabled\"\n                variant=\"tertiary\"\n                condensed\n                @click=\"navigate(totalPages)\"\n            >\n                <template #iconLeft>\n                    <skip-right :svg-title=\"$t('navigateToTheLastPage')\" />\n                </template>\n            </bento-button>\n        </li>\n    </ul>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoButton } from '@/components/button';\n    import SkipLeft from '@adyen/ui-assets-icons-16/vue/skip-left';\n    import SkipRight from '@adyen/ui-assets-icons-16/vue/skip-right';\n    import ChevronLeft from '@adyen/ui-assets-icons-16/vue/chevron-left-small';\n    import ChevronRight from '@adyen/ui-assets-icons-16/vue/chevron-right-small';\n\n    import messages from './messages.json';\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'adl-pagination-controls',\n        components: {\n            BentoButton,\n            SkipLeft,\n            SkipRight,\n            ChevronLeft,\n            ChevronRight,\n        },\n        props: {\n            /**\n             * Use to determine if the pager has a \"next page\".\n             */\n            hasNext: { type: Boolean, default: null },\n\n            /**\n             * The current page number of the pager.\n             */\n            page: { type: Number, required: true },\n\n            /**\n             * The current page number of the pager.\n             */\n            totalPages: { type: Number, default: null },\n        },\n        emits: ['navigate'],\n        setup(props, { emit }) {\n            const isCurrentPageFirst = computed(() => props.page === 1);\n            const isCurrentPageLast = computed(() => props.page === props.totalPages);\n            const isNextButtonDisabled = computed(() => {\n                const hasNoNextPage = !props.hasNext;\n                return hasNoNextPage || isCurrentPageLast.value;\n            });\n            const isLastPageButtonDisabled = computed(() => {\n                const hasNoNextPage = !props.hasNext;\n                const hasNoTotalPagesNumber = !props.totalPages;\n\n                return hasNoNextPage || isCurrentPageLast.value || hasNoTotalPagesNumber;\n            });\n\n            const navigate = (pageArg: number) => {\n                emit('navigate', pageArg);\n            };\n\n            return {\n                // Values\n                isNextButtonDisabled,\n                isCurrentPageFirst,\n                isCurrentPageLast,\n                isLastPageButtonDisabled,\n\n                // Events\n                navigate,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-controls.scss\" />\n","<template>\n    <div class=\"b-pagination\">\n        <nav :aria-label=\"computedAriaLabel\" class=\"b-pagination__navigation\" :class=\"navigationConditionalClasses\">\n            <bento-pagination-results-per-page\n                v-if=\"!hidePageSize\"\n                class=\"b-pagination__results-per-page\"\n                :items-per-page=\"size\"\n                :total-count=\"totalCount\"\n                @select=\"onItemsPerPageChange\"\n            />\n\n            <div class=\"b-pagination__page-navigator\">\n                <bento-pagination-context\n                    class=\"b-pagination__context\"\n                    :total-pages=\"totalPages\"\n                    :page=\"page\"\n                    :total-count=\"totalCount\"\n                    :virtual-scroll=\"virtualScroll\"\n                    @page-selected=\"onPageSelected\"\n                />\n\n                <div class=\"b-pagination__divider\"></div>\n\n                <bento-pagination-controls\n                    class=\"b-pagination__controls\"\n                    :has-next=\"hasNext\"\n                    :page=\"page\"\n                    :total-pages=\"totalPages\"\n                    @navigate=\"navigate\"\n                />\n            </div>\n        </nav>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, ref, toRefs } from 'vue';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import BentoPaginationResultsPerPage from './components/pagination-results-per-page/pagination-results-per-page.vue';\n    import BentoPaginationContext from './components/pagination-context/pagination-context.vue';\n    import BentoPaginationControls from './components/pagination-controls/pagination-controls.vue';\n    import messages from './messages.json';\n\n    /**\n     * Paginiation component to help users page through data sets.\n     *\n     * There are two ways of doing navigation in this component:\n     *      1. (Basic) You tell the component if there is a next page (hasNext)\n     *      2. (Enhanced) You tell the component:\n     *          - How many total items exist (totalCount)\n     *          - The max number of items that you show/fetch per page (size)\n     *          - In this case you should not set the hasNext props\n     *\n     * If you have the data available and opt to use the Enhanced way you get extra controls:\n     *      - Page dropdown selector\n     *      - Last page button\n     *      - \"Showing 10 of 200 items\" text\n     *\n     * @usage\n     * import { BentoPagination } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoPagination },\n     *     template: `\n     *         <bento-pagination :has-next=\"isNextPage\" />\n     *     `,\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-pagination',\n        components: {\n            BentoPaginationContext,\n            BentoPaginationControls,\n            BentoPaginationResultsPerPage,\n        },\n        props: {\n            /**\n             * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n             */\n            /**\n             * A brief description of the purpose of the navigation (for a11y).\n             * Omit the term \"navigation\", as the screen reader will read both the role and the contents of the label.\n             */\n            ariaLabel: { type: String, default: null },\n\n            /**\n             * Use to determine if the pager has a \"next page\".\n             */\n            hasNext: { type: Boolean, default: null },\n\n            /**\n             * Toggles the visibility of the \"results per page\" part of the pagination component.\n             */\n            hidePageSize: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * The current page number of the pager.\n             */\n            page: {\n                type: Number,\n                default: 1,\n                validator: (value: number) => Number.isFinite(value) && value > 0,\n            },\n\n            /**\n             *  The size of the items the pager is paging through.\n             */\n            size: {\n                type: Number,\n                default: 20,\n                validator: (itemsPerPageValue: number) => [10, 20, 50, 75, 100].includes(itemsPerPageValue),\n            },\n\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalCount: { type: Number, default: null },\n\n            /**\n             * Enables virtual scrolling on all dropdowns if set to true.\n             */\n            virtualScroll: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: ['navigate', 'items-page', 'update:page', 'update:size'],\n        setup(props, { attrs, emit }) {\n            const ariaLabelAttribute = ref(attrs['aria-label']);\n            const { ariaLabel } = toRefs(props);\n            const computedAriaLabel = useAriaLabel({\n                ariaLabel: ariaLabelAttribute.value as string,\n                // TODO: take this line away when the aria-label props is removed\n                label: ariaLabel,\n            });\n\n            const totalPages = computed(() =>\n                !props.totalCount || !props.size ? null : Math.ceil(props.totalCount / props.size)\n            );\n\n            const navigate = (pageArg: number) => {\n                emit('navigate', pageArg);\n                emit('update:page', pageArg);\n            };\n\n            const onPageSelected = (pageNumber: number) => {\n                navigate(pageNumber);\n            };\n\n            const onItemsPerPageChange = (elements: number) => {\n                emit('items-page', elements);\n                emit('update:size', elements);\n\n                // Always go to first page when the\n                // number of items page changes\n                navigate(1);\n            };\n\n            const navigationConditionalClasses = computed(() => ({\n                'b-pagination__navigation--no-results-per-page': props.hidePageSize,\n            }));\n\n            return {\n                // Values\n                computedAriaLabel,\n                totalPages,\n                navigationConditionalClasses,\n\n                // Events\n                navigate,\n                onItemsPerPageChange,\n                onPageSelected,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination.scss\" />\n"],"names":["DEFAULT_NUMBER_OF_RESULTS","PREDEFINED_RESULTS_PER_PAGE_VALUES","_sfc_main$7","defineComponent","messages$3","BentoDropdown","BentoTypography","itemsPerPageValue","value","props","emit","dropdownId","generateUid","dropdownOptions","ref","i18nComponent","getI18nComponent","onSelectChange","selectedNumberOfResults","translationPathKey","computed","getI18nProps","createVNode","_component_bento_typography","withCtx","openBlock","createBlock","resolveDynamicComponent","_ctx","mergeProps","createSlots","_component_bento_dropdown","_sfc_main$6","messages$2","onPageSelectChange","selectedPage","transformIntoOption","transformToPageNumber","_","index","listOfAvailablePages","uuid$3","createElementBlock","_hoisted_1$5","toDisplayString","uuid$2","_hoisted_1$4","uuid$1","_hoisted_1$3","uuid","_hoisted_1$2","_sfc_main$1","messages$1","BentoButton","SkipLeft","SkipRight","ChevronLeft","ChevronRight","isCurrentPageFirst","isCurrentPageLast","isNextButtonDisabled","isLastPageButtonDisabled","hasNoNextPage","hasNoTotalPagesNumber","pageArg","_hoisted_2$1","_hoisted_3$1","createElementVNode","_component_bento_button","_cache","$event","_component_skip_left","_component_chevron_left","_hoisted_4$1","_component_chevron_right","_hoisted_5","_component_skip_right","_sfc_main","messages","BentoPaginationContext","BentoPaginationControls","BentoPaginationResultsPerPage","attrs","ariaLabelAttribute","ariaLabel","toRefs","computedAriaLabel","useAriaLabel","totalPages","navigate","onPageSelected","pageNumber","onItemsPerPageChange","elements","navigationConditionalClasses","_component_bento_pagination_controls","resolveComponent","_hoisted_1","createCommentVNode","_hoisted_3","_component_bento_pagination_context","_hoisted_4"],"mappings":"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","x_google_ignoreList":[2,3,4,5]}