@adyen/bento-vue3 1.7.0 → 1.7.1

package/dist/chunks/{button-actions-with-menu.fa35390c.js → button-actions-with-menu.e89f1375.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as s, toRef as u, provide as l, openBlock as c, createElementBlock as p, createElementVNode as m, createVNode as _, unref as n, createBlock as f, createCommentVNode as v } from "vue";
-import { M as b, B as y } from "./index.c207e9ab.js";
+import { M as b, B as y } from "./index.4c081dd4.js";
 import { BentoPopoverPositions as h } from "../popover.js";
 import { BentoButtonActions as A } from "../button.js";
 import { _ as B } from "./_plugin-vue_export-helper.dad06003.js";
@@ -104,4 +104,4 @@ const C = /* @__PURE__ */ B(M, [["__scopeId", "data-v-f58eba13"]]);
 export {
   C as B
 };
-//# sourceMappingURL=button-actions-with-menu.fa35390c.js.map
+//# sourceMappingURL=button-actions-with-menu.e89f1375.js.map

package/dist/chunks/{button-actions-with-menu.fa35390c.js.map → button-actions-with-menu.e89f1375.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-actions-with-menu.fa35390c.js","sources":["../../../vue2/src/components/internal/button-actions-with-menu/button-actions-with-menu.vue"],"sourcesContent":["<template>\n    <div class=\"b-button-actions-with-menu\">\n        <div role=\"group\" class=\"b-button-actions-with-menu__container-wrapper\">\n            <bento-button-actions :actions=\"computedActions\" :inverse=\"inverse\" />\n            <bento-menu v-if=\"computedMenuActions.length\" :data=\"computedMenuActions\" :menu-position=\"menuPosition\" />\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, provide, toRef } from 'vue';\n    import BentoMenu from '@/components/menu/menu.vue';\n    import { BentoMenuItem } from '@/components/menu/components/menu-item/menu-item.types';\n    import { BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n    import { MENU_INVERSE_INJECTION_KEY } from '@/components/menu/menu.keys';\n    import { BentoPopoverPositions } from '@/components/popover';\n\n    /**\n     * An internal button actions component with the option to display some of the actions in a menu.\n     *\n     * @example\n     * <button-actions-with-menu\n     *      :actions=\"[\n     *        title: 'Primary',\n     *        event: () => { ... },\n     *        icon: FourPeopleIcon,\n     *        link: {\n     *                   variant: 'default',\n     *                  external: true,\n     *                   to: 'https://www.adyen.com/'\n     *              },\n     * }, {\n     *   title: 'Secondary',\n     *   event: () => { ... }\n     *   disabled: true,\n     *   variant: BentoButtonVariant.PRIMARY,\n     *   critical: true\n     * }]\n     *      :displayedActions=\"2\"\n     * />\n     */\n    const props = defineProps({\n        /**\n             * List of actions that will be used to render the buttons.\n             * First element in the list will be rendered as \"primary\".\n             * All elements after the first will be rendered as \"secondary\".\n             *\n             * Each object in the list should have a `title`, an `event` and\n             * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n             *\n             * `title`: Button's text.\n             *\n             * `event`: Event triggered when clicking the Button.\n             *\n             * `icon` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.\n             *\n             * @see BentoButton for a list of all the other props supported by each button action.\n             *\n             * ```\n             * [{\n             *   title: 'Primary',\n             *   event: () => { ... },\n             *   icon: FourPeopleIcon,\n             *   link: {\n                        variant: 'default',\n                        external: true,\n                        to: 'https://www.adyen.com/'\n                    },\n             * }, {\n             *   title: 'Secondary',\n             *   event: () => { ... }\n             *   disabled: true,\n             *   variant: 'primary',\n             *   critical: true\n             * }]\n             * ```\n             */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            required: true,\n        },\n\n        /**\n         * The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.\n         */\n        displayedActions: {\n            type: Number,\n            default: undefined,\n        },\n\n        /**\n         * Set inverse color scheme to buttons and menu\n         */\n        inverse: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * The position of where the menu should open.\n         */\n        menuPosition: {\n            type: String as PropType<BentoPopoverPositions | `${BentoPopoverPositions}`>,\n            default: 'bottom-start',\n            validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n        },\n    });\n\n    const computedActions = computed(() => props.actions.slice(0, props.displayedActions));\n    const inverseRef = toRef(props, 'inverse');\n\n    provide(MENU_INVERSE_INJECTION_KEY, inverseRef);\n\n    const computedMenuActions = computed(() =>\n        props.displayedActions !== undefined && props.displayedActions < props.actions.length\n            ? (props.actions.slice(props.displayedActions, props.actions.length).map(el => ({\n                  text: el.title,\n                  handler: el.event,\n                  icon: el.icon,\n                  critical: el.critical,\n                  disabled: el.disabled,\n              })) as BentoMenuItem[])\n            : []\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An internal button actions component with the option to display some of the actions in a menu.\n     *\n     * @example\n     * <button-actions-with-menu\n     *      :actions=\"[\n     *        title: 'Primary',\n     *        event: () => { ... },\n     *        icon: FourPeopleIcon,\n     *        link: {\n     *                   variant: 'default',\n     *                  external: true,\n     *                   to: 'https://www.adyen.com/'\n     *              },\n     * }, {\n     *   title: 'Secondary',\n     *   event: () => { ... }\n     *   disabled: true,\n     *   variant: BentoButtonVariant.PRIMARY,\n     *   critical: true\n     * }]\n     *      :displayedActions=\"2\"\n     * />\n     */\n\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./button-actions-with-menu.scss\" />\n"],"names":["__default__","computedActions","computed","props","inverseRef","toRef","provide","MENU_INVERSE_INJECTION_KEY","computedMenuActions","el"],"mappings":";;;;;;;;;GAwJIA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA5CAC,IAAAC,EAAA,MAAAC,EAAA,QAAA,MAAA,GAAAA,EAAA,gBAAA,CAAA,GACAC,IAAAC,EAAAF,GAAA,SAAA;AAEA,IAAAG,EAAAC,GAAAH,CAAA;AAEA,UAAAI,IAAAN;AAAA,MAA4B,MAAAC,EAAA,qBAAA,UAAAA,EAAA,mBAAAA,EAAA,QAAA,SAAAA,EAAA,QAAA,MAAAA,EAAA,kBAAAA,EAAA,QAAA,MAAA,EAAA,IAAA,CAAAM,OAAA;AAAA,QAE4D,MAAAA,EAAA;AAAA,QACjE,SAAAA,EAAA;AAAA,QACG,MAAAA,EAAA;AAAA,QACH,UAAAA,EAAA;AAAA,QACI,UAAAA,EAAA;AAAA,MACA,EAAA,IAAA,CAAA;AAAA,IAEhB;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"button-actions-with-menu.e89f1375.js","sources":["../../../vue2/src/components/internal/button-actions-with-menu/button-actions-with-menu.vue"],"sourcesContent":["<template>\n    <div class=\"b-button-actions-with-menu\">\n        <div role=\"group\" class=\"b-button-actions-with-menu__container-wrapper\">\n            <bento-button-actions :actions=\"computedActions\" :inverse=\"inverse\" />\n            <bento-menu v-if=\"computedMenuActions.length\" :data=\"computedMenuActions\" :menu-position=\"menuPosition\" />\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, provide, toRef } from 'vue';\n    import BentoMenu from '@/components/menu/menu.vue';\n    import { BentoMenuItem } from '@/components/menu/components/menu-item/menu-item.types';\n    import { BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n    import { MENU_INVERSE_INJECTION_KEY } from '@/components/menu/menu.keys';\n    import { BentoPopoverPositions } from '@/components/popover';\n\n    /**\n     * An internal button actions component with the option to display some of the actions in a menu.\n     *\n     * @example\n     * <button-actions-with-menu\n     *      :actions=\"[\n     *        title: 'Primary',\n     *        event: () => { ... },\n     *        icon: FourPeopleIcon,\n     *        link: {\n     *                   variant: 'default',\n     *                  external: true,\n     *                   to: 'https://www.adyen.com/'\n     *              },\n     * }, {\n     *   title: 'Secondary',\n     *   event: () => { ... }\n     *   disabled: true,\n     *   variant: BentoButtonVariant.PRIMARY,\n     *   critical: true\n     * }]\n     *      :displayedActions=\"2\"\n     * />\n     */\n    const props = defineProps({\n        /**\n             * List of actions that will be used to render the buttons.\n             * First element in the list will be rendered as \"primary\".\n             * All elements after the first will be rendered as \"secondary\".\n             *\n             * Each object in the list should have a `title`, an `event` and\n             * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n             *\n             * `title`: Button's text.\n             *\n             * `event`: Event triggered when clicking the Button.\n             *\n             * `icon` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.\n             *\n             * @see BentoButton for a list of all the other props supported by each button action.\n             *\n             * ```\n             * [{\n             *   title: 'Primary',\n             *   event: () => { ... },\n             *   icon: FourPeopleIcon,\n             *   link: {\n                        variant: 'default',\n                        external: true,\n                        to: 'https://www.adyen.com/'\n                    },\n             * }, {\n             *   title: 'Secondary',\n             *   event: () => { ... }\n             *   disabled: true,\n             *   variant: 'primary',\n             *   critical: true\n             * }]\n             * ```\n             */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            required: true,\n        },\n\n        /**\n         * The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.\n         */\n        displayedActions: {\n            type: Number,\n            default: undefined,\n        },\n\n        /**\n         * Set inverse color scheme to buttons and menu\n         */\n        inverse: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * The position of where the menu should open.\n         */\n        menuPosition: {\n            type: String as PropType<BentoPopoverPositions | `${BentoPopoverPositions}`>,\n            default: 'bottom-start',\n            validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n        },\n    });\n\n    const computedActions = computed(() => props.actions.slice(0, props.displayedActions));\n    const inverseRef = toRef(props, 'inverse');\n\n    provide(MENU_INVERSE_INJECTION_KEY, inverseRef);\n\n    const computedMenuActions = computed(() =>\n        props.displayedActions !== undefined && props.displayedActions < props.actions.length\n            ? (props.actions.slice(props.displayedActions, props.actions.length).map(el => ({\n                  text: el.title,\n                  handler: el.event,\n                  icon: el.icon,\n                  critical: el.critical,\n                  disabled: el.disabled,\n              })) as BentoMenuItem[])\n            : []\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An internal button actions component with the option to display some of the actions in a menu.\n     *\n     * @example\n     * <button-actions-with-menu\n     *      :actions=\"[\n     *        title: 'Primary',\n     *        event: () => { ... },\n     *        icon: FourPeopleIcon,\n     *        link: {\n     *                   variant: 'default',\n     *                  external: true,\n     *                   to: 'https://www.adyen.com/'\n     *              },\n     * }, {\n     *   title: 'Secondary',\n     *   event: () => { ... }\n     *   disabled: true,\n     *   variant: BentoButtonVariant.PRIMARY,\n     *   critical: true\n     * }]\n     *      :displayedActions=\"2\"\n     * />\n     */\n\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./button-actions-with-menu.scss\" />\n"],"names":["__default__","computedActions","computed","props","inverseRef","toRef","provide","MENU_INVERSE_INJECTION_KEY","computedMenuActions","el"],"mappings":";;;;;;;;;GAwJIA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA5CAC,IAAAC,EAAA,MAAAC,EAAA,QAAA,MAAA,GAAAA,EAAA,gBAAA,CAAA,GACAC,IAAAC,EAAAF,GAAA,SAAA;AAEA,IAAAG,EAAAC,GAAAH,CAAA;AAEA,UAAAI,IAAAN;AAAA,MAA4B,MAAAC,EAAA,qBAAA,UAAAA,EAAA,mBAAAA,EAAA,QAAA,SAAAA,EAAA,QAAA,MAAAA,EAAA,kBAAAA,EAAA,QAAA,MAAA,EAAA,IAAA,CAAAM,OAAA;AAAA,QAE4D,MAAAA,EAAA;AAAA,QACjE,SAAAA,EAAA;AAAA,QACG,MAAAA,EAAA;AAAA,QACH,UAAAA,EAAA;AAAA,QACI,UAAAA,EAAA;AAAA,MACA,EAAA,IAAA,CAAA;AAAA,IAEhB;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{button.e5177388.js → button.c77b7a17.js}

@@ -1,5 +1,5 @@
 import { defineComponent as S, computed as o, resolveComponent as C, openBlock as a, createBlock as y, resolveDynamicComponent as E, mergeProps as g, withCtx as m, createElementBlock as _, renderSlot as d, createCommentVNode as u } from "vue";
-import { B as h } from "./index.2bd3812b.js";
+import { B as h } from "./index.32ef1db1.js";
 import { u as D } from "./use-has-slot.4d98bf29.js";
 import { BentoLink as $, BentoLinkVariant as R } from "../link.js";
 import { _ as I } from "./_plugin-vue_export-helper.dad06003.js";
@@ -145,4 +145,4 @@ export {
   w as a,
   n as b
 };
-//# sourceMappingURL=button.e5177388.js.map
+//# sourceMappingURL=button.c77b7a17.js.map

package/dist/chunks/{button.e5177388.js.map → button.c77b7a17.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button.e5177388.js","sources":["../../../core/src/components/button/button.types.ts","../../../vue2/src/components/button/button.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoButtonVariant {\n    PRIMARY = 'primary',\n    SECONDARY = 'secondary',\n    TERTIARY = 'tertiary',\n}\n\nexport enum BentoButtonPropClass {\n    CONDENSED = 'condensed',\n    DESTRUCTIVE = 'critical',\n    DISABLED = 'disabled',\n    ICON_ONLY = 'icon-only',\n    INVERSE = 'inverse',\n}\n\nexport interface BentoButtonProps {\n    condensed?: boolean;\n    critical?: boolean;\n    disabled?: boolean;\n    inverse?: boolean;\n    variant?: BentoButtonVariant;\n    type?: string;\n    link?: object;\n}\n","<template>\n    <component\n        :is=\"componentType\"\n        v-bind=\"componentProps\"\n        class=\"b-button\"\n        :class=\"conditionalClasses\"\n        @click.capture=\"onClickButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-button__icon-left\" data-testid=\"icon-button-left\">\n            <slot name=\"iconLeft\" />\n        </span>\n        <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </component>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoButtonPropClass, BentoButtonVariant } from '@/core/components/button/button.types';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n    import { Booleanish } from '@/types/prop-types';\n    import type { RouterLinkProps } from 'vue-router/types/router';\n    import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'vue/types/jsx';\n    import { BentoLink, BentoLinkVariant } from '@/components/link';\n\n    // TODO: replace all this code when migrated to Vue 3 is complete as this is the only\n    // current way to extend the `router-link` component in Vue 2 and Vue Router 3\n    export interface LinkProps extends RouterLinkProps, AnchorHTMLAttributes {\n        // eslint-disable-next-line vue/require-default-prop\n        args?: { props: RouterLinkProps };\n\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        external: boolean;\n    }\n\n    /**\n     * Button component for all the various types of bento buttons.\n     *\n     * @usage\n     * import { BentoButton, AdlIconPosition } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoButton },\n     *     template: `\n     *         <bento-button\n     *             disabled\n     *             :icon-position=\"AdlIconPosition.AFTER\"\n     *         >\n     *             Button text\n     *         </bento-button>\n     *     `,\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-button',\n        components: { BentoTypography },\n        props: {\n            /**\n             * Reduces sizing of button\n             */\n            condensed: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Displays button as critical\n             */\n            critical: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Disables button functionality\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Sets color set to inverse\n             */\n            inverse: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.\n             */\n            link: {\n                type: Object,\n                default: undefined,\n            },\n\n            /**\n             * The default behavior of the button.\n             * Possible values are: 'button', 'reset', 'submit'\n             */\n            type: {\n                type: String as PropType<ButtonHTMLAttributes['type']>,\n                default: 'button',\n            },\n\n            /**\n             * Types of flavour of Button\n             * @values primary, secondary, tertiary\n             */\n            variant: {\n                type: String as PropType<BentoButtonVariant | `${BentoButtonVariant}`>,\n                default: BentoButtonVariant.PRIMARY,\n                validator: (value: BentoButtonVariant) => Object.values(BentoButtonVariant).includes(value),\n            },\n        },\n        emits: ['click', 'focus', 'blur', 'keydown.esc'],\n        setup(props, { slots, emit, attrs }) {\n            const componentType = computed(() => {\n                if (props?.link !== undefined) {\n                    return BentoLink;\n                }\n                return 'button';\n            });\n            const ariaAttributes = computed(() => ({\n                'aria-controls': attrs['aria-controls']?.toString() as string,\n                'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n            }));\n\n            const componentProps = computed(() =>\n                componentType.value === 'button'\n                    ? {\n                          ...ariaAttributes.value,\n                          disabled: props.disabled,\n                          type: props.type,\n                      }\n                    : { ...props.link, disableTypography: true, variant: BentoLinkVariant.DEFAULT }\n            );\n\n            const variantClass = computed((): { [x: string]: boolean } => ({\n                [`b-button--${props.variant}${props.critical ? `-${BentoButtonPropClass.DESTRUCTIVE}` : ''}`]: true,\n            }));\n\n            const conditionalClasses = computed(\n                (): {\n                    [x: string]: boolean;\n                } => ({\n                    ...variantClass.value,\n                    [`b-button--${BentoButtonPropClass.CONDENSED}`]: props.condensed,\n                    [`b-button--${BentoButtonPropClass.DISABLED}`]: props.disabled,\n                    [`b-button--${BentoButtonPropClass.ICON_ONLY}`]: !slots.default,\n                    [`b-button--${BentoButtonPropClass.INVERSE}`]: props.inverse,\n                })\n            );\n\n            const onClickButton = (e: MouseEvent) => {\n                if (!props.disabled) {\n                    emit('click', e);\n                } else {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n            };\n\n            return {\n                // Values\n                ariaAttributes,\n                conditionalClasses,\n                componentType,\n                componentProps,\n\n                // Methods\n                onClickButton,\n                hasSlot: useHasSlot(slots),\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/button/button.scss\" />\n"],"names":["BentoButtonVariant","BentoButtonVariant2","BentoButtonPropClass","BentoButtonPropClass2","_sfc_main","defineComponent","BentoTypography","value","props","slots","emit","attrs","componentType","computed","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","useHasSlot","_ctx","withCtx","openBlock","createElementBlock","_hoisted_1","createCommentVNode","createBlock","_component_bento_typography","_hoisted_2"],"mappings":";;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YAHQA,IAAAD,KAAA,CAAA,CAAA,GAMAE,IAAA,kBAAAC,OACRA,EAAA,YAAA,aACAA,EAAA,cAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WALQA,IAAAD,KAAA,CAAA,CAAA;ACmDR,MAAAE,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACwB,OAAA;AAAA;AAAA;AAAA;AAAA,IACvB,WAAA;AAAA,MAIQ,MAAA;AAAA,MACD,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MAKU,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MAKU,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,SAAA;AAAA,MAKS,MAAA;AAAA,MACC,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,MAAA;AAAA,MAKM,MAAA;AAAA,MACI,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,MAAA;AAAA,MAMM,MAAA;AAAA,MACI,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,SAAA;AAAA,MAMS,MAAA;AAAA,MACC,SAAAN,EAAA;AAAA,MACsB,WAAA,CAAAO,MAAA,OAAA,OAAAP,CAAA,EAAA,SAAAO,CAAA;AAAA,IAC8D;AAAA,EAC9F;AAAA,EACJ,OAAA,CAAA,SAAA,SAAA,QAAA,aAAA;AAAA,EAC+C,MAAAC,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAE3C,UAAAC,IAAAC,EAAA,OACIL,KAAA,gBAAAA,EAAA,UAAA,SACIM,IAEJ,QAAO,GAEXC,IAAAF,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAG,IAAAL,EAAA,eAAA,MAAA,gBAAAK,EAAA;AAAA,QACe,kBAAAC,IAAAN,EAAA,eAAA,MAAA,gBAAAM,EAAA;AAAA,MACA;AAAA,KAAA,GAGtDC,IAAAL;AAAA,MAAuB,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEb,GAAAG,EAAA;AAAA,QACsB,UAAAP,EAAA;AAAA,QACF,MAAAA,EAAA;AAAA,MACJ,IAAA,EAAA,GAAAA,EAAA,MAAA,mBAAA,IAAA,SAAAW,EAAA,QAAA;AAAA,IAE4D,GAGtFC,IAAAP,EAAA,OAAA;AAAA,MAA+D,CAAA,aAAAL,EAAA,UAAAA,EAAA,WAAA,IAAAN,EAAA,gBAAA,IAAA,GAAA;AAAA,IACoC,EAAA,GAGnGmB,IAAAR;AAAA,MAA2B,OAAA;AAAA,QAGjB,GAAAO,EAAA;AAAA,QACc,CAAA,aAAAlB,EAAA,WAAA,GAAAM,EAAA;AAAA,QACuC,CAAA,aAAAN,EAAA,UAAA,GAAAM,EAAA;AAAA,QACD,CAAA,aAAAN,EAAA,WAAA,GAAA,CAAAO,EAAA;AAAA,QACE,CAAA,aAAAP,EAAA,SAAA,GAAAM,EAAA;AAAA,MACH;AAAA,IACzD;AAYJ,WAAA;AAAA;AAAA,MAAO,gBAAAO;AAAA,MAEH,oBAAAM;AAAA,MACA,eAAAT;AAAA,MACA,gBAAAM;AAAA;AAAA,MACA,eAdJ,CAAA,MAAA;AACI,QAAAV,EAAA,YAGI,EAAA,eAAA,GACA,EAAA,gBAAA,KAHAE,EAAA,SAAA,CAAA;AAAA,MAIJ;AAAA,MAWA,SAAAY,EAAAb,CAAA;AAAA,IACyB;AAAA,EAC7B;AAER,CAAA;;EA/K2C,KAAA;AAAA,EAAsB,OAAA;AAAA;;EAMrB,KAAA;AAAA,EAAuB,OAAA;AAAA;;;;;IARlC,OAAA,CAAA,YAAAc,EAAA,kBAAA;AAAA,IAItB,gBAAAA,EAAA;AAAA,EAAA,CAAA,GAAA;AAAA,IAFP,SAAAC,EAAA,MAAA;AAAA,MAAAD,EAAA,QAAA,UAAA,KAAAE,EAAA,GAAAC,EAAA,QAAAC,GAAA;AAAA;MAGwB,CAAA,KAAAC,EAAA,IAAA,EAAA;AAAA,MAELL,EAAA,QAAA,SAAA,KAAAE,EAAA,GAAAI,EAAAC,GAAA;AAAA,QAFkC,KAAA;AAAA,QAAC,IAAA;AAAA,QAAe,SAAA;AAAA,QAAe,UAAA;AAAA;;;;;;;MAGpFP,EAAA,QAAA,WAAA,KAAAE,EAAA,GAAAC,EAAA,QAAAK,GAAA;AAAA;;;;;;;"}
+{"version":3,"file":"button.c77b7a17.js","sources":["../../../core/src/components/button/button.types.ts","../../../vue2/src/components/button/button.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoButtonVariant {\n    PRIMARY = 'primary',\n    SECONDARY = 'secondary',\n    TERTIARY = 'tertiary',\n}\n\nexport enum BentoButtonPropClass {\n    CONDENSED = 'condensed',\n    DESTRUCTIVE = 'critical',\n    DISABLED = 'disabled',\n    ICON_ONLY = 'icon-only',\n    INVERSE = 'inverse',\n}\n\nexport interface BentoButtonProps {\n    condensed?: boolean;\n    critical?: boolean;\n    disabled?: boolean;\n    inverse?: boolean;\n    variant?: BentoButtonVariant;\n    type?: string;\n    link?: object;\n}\n","<template>\n    <component\n        :is=\"componentType\"\n        v-bind=\"componentProps\"\n        class=\"b-button\"\n        :class=\"conditionalClasses\"\n        @click.capture=\"onClickButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-button__icon-left\" data-testid=\"icon-button-left\">\n            <slot name=\"iconLeft\" />\n        </span>\n        <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </component>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoButtonPropClass, BentoButtonVariant } from '@/core/components/button/button.types';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n    import { Booleanish } from '@/types/prop-types';\n    import type { RouterLinkProps } from 'vue-router/types/router';\n    import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'vue/types/jsx';\n    import { BentoLink, BentoLinkVariant } from '@/components/link';\n\n    // TODO: replace all this code when migrated to Vue 3 is complete as this is the only\n    // current way to extend the `router-link` component in Vue 2 and Vue Router 3\n    export interface LinkProps extends RouterLinkProps, AnchorHTMLAttributes {\n        // eslint-disable-next-line vue/require-default-prop\n        args?: { props: RouterLinkProps };\n\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        external: boolean;\n    }\n\n    /**\n     * Button component for all the various types of bento buttons.\n     *\n     * @usage\n     * import { BentoButton, AdlIconPosition } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoButton },\n     *     template: `\n     *         <bento-button\n     *             disabled\n     *             :icon-position=\"AdlIconPosition.AFTER\"\n     *         >\n     *             Button text\n     *         </bento-button>\n     *     `,\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-button',\n        components: { BentoTypography },\n        props: {\n            /**\n             * Reduces sizing of button\n             */\n            condensed: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Displays button as critical\n             */\n            critical: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Disables button functionality\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Sets color set to inverse\n             */\n            inverse: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.\n             */\n            link: {\n                type: Object,\n                default: undefined,\n            },\n\n            /**\n             * The default behavior of the button.\n             * Possible values are: 'button', 'reset', 'submit'\n             */\n            type: {\n                type: String as PropType<ButtonHTMLAttributes['type']>,\n                default: 'button',\n            },\n\n            /**\n             * Types of flavour of Button\n             * @values primary, secondary, tertiary\n             */\n            variant: {\n                type: String as PropType<BentoButtonVariant | `${BentoButtonVariant}`>,\n                default: BentoButtonVariant.PRIMARY,\n                validator: (value: BentoButtonVariant) => Object.values(BentoButtonVariant).includes(value),\n            },\n        },\n        emits: ['click', 'focus', 'blur', 'keydown.esc'],\n        setup(props, { slots, emit, attrs }) {\n            const componentType = computed(() => {\n                if (props?.link !== undefined) {\n                    return BentoLink;\n                }\n                return 'button';\n            });\n            const ariaAttributes = computed(() => ({\n                'aria-controls': attrs['aria-controls']?.toString() as string,\n                'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n            }));\n\n            const componentProps = computed(() =>\n                componentType.value === 'button'\n                    ? {\n                          ...ariaAttributes.value,\n                          disabled: props.disabled,\n                          type: props.type,\n                      }\n                    : { ...props.link, disableTypography: true, variant: BentoLinkVariant.DEFAULT }\n            );\n\n            const variantClass = computed((): { [x: string]: boolean } => ({\n                [`b-button--${props.variant}${props.critical ? `-${BentoButtonPropClass.DESTRUCTIVE}` : ''}`]: true,\n            }));\n\n            const conditionalClasses = computed(\n                (): {\n                    [x: string]: boolean;\n                } => ({\n                    ...variantClass.value,\n                    [`b-button--${BentoButtonPropClass.CONDENSED}`]: props.condensed,\n                    [`b-button--${BentoButtonPropClass.DISABLED}`]: props.disabled,\n                    [`b-button--${BentoButtonPropClass.ICON_ONLY}`]: !slots.default,\n                    [`b-button--${BentoButtonPropClass.INVERSE}`]: props.inverse,\n                })\n            );\n\n            const onClickButton = (e: MouseEvent) => {\n                if (!props.disabled) {\n                    emit('click', e);\n                } else {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n            };\n\n            return {\n                // Values\n                ariaAttributes,\n                conditionalClasses,\n                componentType,\n                componentProps,\n\n                // Methods\n                onClickButton,\n                hasSlot: useHasSlot(slots),\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/button/button.scss\" />\n"],"names":["BentoButtonVariant","BentoButtonVariant2","BentoButtonPropClass","BentoButtonPropClass2","_sfc_main","defineComponent","BentoTypography","value","props","slots","emit","attrs","componentType","computed","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","useHasSlot","_ctx","withCtx","openBlock","createElementBlock","_hoisted_1","createCommentVNode","createBlock","_component_bento_typography","_hoisted_2"],"mappings":";;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YAHQA,IAAAD,KAAA,CAAA,CAAA,GAMAE,IAAA,kBAAAC,OACRA,EAAA,YAAA,aACAA,EAAA,cAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WALQA,IAAAD,KAAA,CAAA,CAAA;ACmDR,MAAAE,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACwB,OAAA;AAAA;AAAA;AAAA;AAAA,IACvB,WAAA;AAAA,MAIQ,MAAA;AAAA,MACD,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MAKU,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MAKU,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,SAAA;AAAA,MAKS,MAAA;AAAA,MACC,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,MAAA;AAAA,MAKM,MAAA;AAAA,MACI,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,MAAA;AAAA,MAMM,MAAA;AAAA,MACI,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,SAAA;AAAA,MAMS,MAAA;AAAA,MACC,SAAAN,EAAA;AAAA,MACsB,WAAA,CAAAO,MAAA,OAAA,OAAAP,CAAA,EAAA,SAAAO,CAAA;AAAA,IAC8D;AAAA,EAC9F;AAAA,EACJ,OAAA,CAAA,SAAA,SAAA,QAAA,aAAA;AAAA,EAC+C,MAAAC,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAE3C,UAAAC,IAAAC,EAAA,OACIL,KAAA,gBAAAA,EAAA,UAAA,SACIM,IAEJ,QAAO,GAEXC,IAAAF,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAG,IAAAL,EAAA,eAAA,MAAA,gBAAAK,EAAA;AAAA,QACe,kBAAAC,IAAAN,EAAA,eAAA,MAAA,gBAAAM,EAAA;AAAA,MACA;AAAA,KAAA,GAGtDC,IAAAL;AAAA,MAAuB,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEb,GAAAG,EAAA;AAAA,QACsB,UAAAP,EAAA;AAAA,QACF,MAAAA,EAAA;AAAA,MACJ,IAAA,EAAA,GAAAA,EAAA,MAAA,mBAAA,IAAA,SAAAW,EAAA,QAAA;AAAA,IAE4D,GAGtFC,IAAAP,EAAA,OAAA;AAAA,MAA+D,CAAA,aAAAL,EAAA,UAAAA,EAAA,WAAA,IAAAN,EAAA,gBAAA,IAAA,GAAA;AAAA,IACoC,EAAA,GAGnGmB,IAAAR;AAAA,MAA2B,OAAA;AAAA,QAGjB,GAAAO,EAAA;AAAA,QACc,CAAA,aAAAlB,EAAA,WAAA,GAAAM,EAAA;AAAA,QACuC,CAAA,aAAAN,EAAA,UAAA,GAAAM,EAAA;AAAA,QACD,CAAA,aAAAN,EAAA,WAAA,GAAA,CAAAO,EAAA;AAAA,QACE,CAAA,aAAAP,EAAA,SAAA,GAAAM,EAAA;AAAA,MACH;AAAA,IACzD;AAYJ,WAAA;AAAA;AAAA,MAAO,gBAAAO;AAAA,MAEH,oBAAAM;AAAA,MACA,eAAAT;AAAA,MACA,gBAAAM;AAAA;AAAA,MACA,eAdJ,CAAA,MAAA;AACI,QAAAV,EAAA,YAGI,EAAA,eAAA,GACA,EAAA,gBAAA,KAHAE,EAAA,SAAA,CAAA;AAAA,MAIJ;AAAA,MAWA,SAAAY,EAAAb,CAAA;AAAA,IACyB;AAAA,EAC7B;AAER,CAAA;;EA/K2C,KAAA;AAAA,EAAsB,OAAA;AAAA;;EAMrB,KAAA;AAAA,EAAuB,OAAA;AAAA;;;;;IARlC,OAAA,CAAA,YAAAc,EAAA,kBAAA;AAAA,IAItB,gBAAAA,EAAA;AAAA,EAAA,CAAA,GAAA;AAAA,IAFP,SAAAC,EAAA,MAAA;AAAA,MAAAD,EAAA,QAAA,UAAA,KAAAE,EAAA,GAAAC,EAAA,QAAAC,GAAA;AAAA;MAGwB,CAAA,KAAAC,EAAA,IAAA,EAAA;AAAA,MAELL,EAAA,QAAA,SAAA,KAAAE,EAAA,GAAAI,EAAAC,GAAA;AAAA,QAFkC,KAAA;AAAA,QAAC,IAAA;AAAA,QAAe,SAAA;AAAA,QAAe,UAAA;AAAA;;;;;;;MAGpFP,EAAA,QAAA,WAAA,KAAAE,EAAA,GAAAC,EAAA,QAAAK,GAAA;AAAA;;;;;;;"}

package/dist/chunks/{calendar.c83d4e99.js → calendar.c87d4445.js}

@@ -1,8 +1,8 @@
 import { defineComponent as ve, computed as E, resolveComponent as P, openBlock as _, createElementBlock as I, normalizeClass as Se, withKeys as pe, createElementVNode as R, createVNode as B, ref as $, watch as H, nextTick as Re, toRef as G, resolveDirective as Pe, withDirectives as Ae, mergeProps as Le, toHandlers as $e, createBlock as z, withCtx as Q, createCommentVNode as de, createTextVNode as he, toDisplayString as _e, Fragment as J, renderList as Z, reactive as Ie } from "vue";
 import { r as h, t as y, g as Ne, e as ce, d as Ue, f as Ye } from "./index.f55fdc32.js";
-import { t as M, B as Ce, a as We, f as Ee } from "./index.fa7b44f1.js";
-import { a as Be } from "./button.e5177388.js";
-import { B as xe } from "./index.2bd3812b.js";
+import { t as M, B as Ce, a as We, f as Ee } from "./index.70ec4e97.js";
+import { a as Be } from "./button.c77b7a17.js";
+import { B as xe } from "./index.32ef1db1.js";
 import { u as Ve } from "./i18n.6c402773.js";
 import { g as Ge } from "./unique-id.a2a2b458.js";
 import { a as He } from "./keyboard-navigation.ca47dfa8.js";
@@ -895,4 +895,4 @@ export {
   V as b,
   X as i
 };
-//# sourceMappingURL=calendar.c83d4e99.js.map
+//# sourceMappingURL=calendar.c87d4445.js.map