@adyen/bento-vue3 1.43.0 → 1.45.0

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

@@ -1,106 +0,0 @@
-import { defineComponent as r, computed as i, toRef as d, provide as u, openBlock as s, createElementBlock as l, createElementVNode as p, createVNode as m, unref as _, createBlock as v, createCommentVNode as f } from "vue";
-import { M as B, B as b } from "./menu.BpqOdkxR.js";
-import { a as h } from "./popover.D9Zw4w9l.js";
-import { B as y } from "./button-actions.Bjfo46Q_.js";
-import { _ as A } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/button-actions-with-menu.css";
-const N = { class: "b-button-actions-with-menu" }, E = {
-  role: "group",
-  class: "b-button-actions-with-menu__container-wrapper"
-}, g = {}, M = /* @__PURE__ */ r({
-  ...g,
-  __name: "button-actions-with-menu",
-  props: {
-    /**
-         * List of actions that will be used to render the buttons.
-         * First element in the list will be rendered as "primary".
-         * All elements after the first will be rendered as "secondary".
-         *
-         * Each object in the list should have a `title`, an `event` and
-         * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.
-         *
-         * `title`: Button's text.
-         *
-         * `event`: Event triggered when clicking the Button.
-         *
-         * `icon` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.
-         *
-         * @see BentoButton for a list of all the other props supported by each button action.
-         *
-         * ```
-         * [{
-         *   title: 'Primary',
-         *   event: () => { ... },
-         *   icon: FourPeopleIcon,
-         *   link: {
-                    variant: 'default',
-                    external: true,
-                    to: 'https://www.adyen.com/'
-                },
-         * }, {
-         *   title: 'Secondary',
-         *   event: () => { ... }
-         *   disabled: true,
-         *   variant: 'primary',
-         *   critical: true
-         * }]
-         * ```
-         */
-    actions: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.
-     */
-    displayedActions: {
-      type: Number,
-      default: void 0
-    },
-    /**
-     * Set inverse color scheme to buttons and menu
-     */
-    inverse: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * The position of where the menu should open.
-     */
-    menuPosition: {
-      type: String,
-      default: "bottom-start",
-      validator: (o) => Object.values(h).includes(o)
-    }
-  },
-  setup(o) {
-    const t = o, a = i(() => t.actions.slice(0, t.displayedActions)), c = d(t, "inverse");
-    u(B, c);
-    const n = i(
-      () => t.displayedActions !== void 0 && t.displayedActions < t.actions.length ? t.actions.slice(t.displayedActions, t.actions.length).map((e) => ({
-        text: e.title,
-        handler: e.event,
-        icon: e.icon,
-        critical: e.critical,
-        disabled: e.disabled
-      })) : []
-    );
-    return (e, k) => (s(), l("div", N, [
-      p("div", E, [
-        m(_(y), {
-          actions: a.value,
-          inverse: o.inverse
-        }, null, 8, ["actions", "inverse"]),
-        n.value.length ? (s(), v(b, {
-          key: 0,
-          data: n.value,
-          "menu-position": o.menuPosition
-        }, null, 8, ["data", "menu-position"])) : f("", !0)
-      ])
-    ]));
-  }
-}), C = /* @__PURE__ */ A(M, [["__scopeId", "data-v-f58eba13"]]);
-export {
-  C as B
-};
-//# sourceMappingURL=button-actions-with-menu.Bn7Kdx4v.js.map

package/dist/chunks/button-actions-with-menu.Bn7Kdx4v.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-actions-with-menu.Bn7Kdx4v.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__","props","__props","computedActions","computed","inverseRef","toRef","provide","MENU_INVERSE_INJECTION_KEY","computedMenuActions","el"],"mappings":";;;;;;;;;GAwJIA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GA,UAAAC,IAAAC,GAmEAC,IAAAC,EAAA,MAAAH,EAAA,QAAA,MAAA,GAAAA,EAAA,gBAAA,CAAA,GACAI,IAAAC,EAAAL,GAAA,SAAA;AAEA,IAAAM,EAAAC,GAAAH,CAAA;AAEA,UAAAI,IAAAL;AAAA,MAA4B,MAAAH,EAAA,qBAAA,UAAAA,EAAA,mBAAAA,EAAA,QAAA,SAAAA,EAAA,QAAA,MAAAA,EAAA,kBAAAA,EAAA,QAAA,MAAA,EAAA,IAAA,CAAAS,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-actions.Bjfo46Q_.js

@@ -1,150 +0,0 @@
-import { defineComponent as S, computed as p, openBlock as a, createElementBlock as l, createElementVNode as h, normalizeClass as L, Fragment as A, renderList as I, createBlock as t, unref as O, mergeProps as _, toHandlers as f, withCtx as s, createTextVNode as m, toDisplayString as g, createSlots as R, resolveDynamicComponent as y } from "vue";
-import { B as u } from "./button.pwNCxwPu.js";
-import { B as x } from "./loading-button.CNWhVIPK.js";
-import { _ as w } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/button-actions.css";
-var B = /* @__PURE__ */ ((i) => (i.BUTTONS_END = "buttons-end", i.FILL_CONTAINER = "fill-container", i.SPACE_BETWEEN = "space-between", i.VERTICAL_STACK = "vertical-stack", i))(B || {}), T = /* @__PURE__ */ ((i) => (i.BUTTONS_START = "buttons-start", i))(T || {});
-const k = { ...B, ...T }, D = { class: "b-button-actions" }, V = {}, U = /* @__PURE__ */ S({
-  ...V,
-  __name: "button-actions",
-  props: {
-    /**
-     * List of actions that will be used to render the buttons.
-     * First element in the list will be rendered as "primary".
-     * All elements after the first will be rendered as "secondary".
-     *
-     * Each object in the list should have a `title`, an `event` and
-     * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.
-     *
-     * `title`: Button's text.
-     *
-     * `event`: Event triggered when clicking the Button.
-     *
-     * `icon` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.
-     *
-     * @see BentoButton for a list of all the other props supported by each button action.
-     *
-     * ```
-     * [{
-     *   title: 'Primary',
-     *   event: () => { ... },
-     *   icon: FourPeopleIcon,
-     *   link: {
-     *           variant: 'default',
-     *           external: true,
-     *           to: 'https://www.adyen.com/'
-     *       },
-     *  }, {
-     *   title: 'Secondary',
-     *   event: () => { ... }
-     *   disabled: true,
-     *   variant: 'secondary',
-     *   critical: true
-     * }]
-     * ```
-     */
-    actions: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * Sets the Button Actions to color scheme inverse
-     */
-    inverse: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Defines the layout in which the button actions is presented.
-     * It can be one of:
-     *
-     * @values BUTTONS_START
-     * @values BUTTONS_END
-     * @values FILL_CONTAINER
-     * @values SPACE_BETWEEN
-     * @values VERTICAL_STACK
-     */
-    layout: {
-      type: String,
-      default: k.BUTTONS_END,
-      validator: (i) => Object.values(k).includes(i)
-    }
-  },
-  setup(i) {
-    const r = i, E = p(() => r.actions.slice().reverse()), o = (n) => {
-      const v = r.actions.length - 1;
-      return n === v ? "primary" : "secondary";
-    }, N = p(() => ({
-      [`b-button-actions--${r.layout}`]: !0
-    })), d = (n) => (n == null ? void 0 : n.event) !== void 0 ? {
-      click: n.event
-    } : {}, C = (n) => n.iconOnly && (n.iconLeft || n.iconRight || n.icon);
-    return (n, v) => (a(), l("div", D, [
-      h("div", {
-        class: L(["b-button-actions__container-wrapper", N.value]),
-        role: "group"
-      }, [
-        (a(!0), l(A, null, I(E.value, (e, c) => (a(), l("div", {
-          key: c,
-          class: "b-button-actions__button-wrapper"
-        }, [
-          e.state ? (a(), t(O(x), _({
-            key: 0,
-            condensed: e.condensed,
-            critical: e.critical,
-            disabled: e.disabled,
-            inverse: i.inverse,
-            state: e.state,
-            variant: e.variant || o(c)
-          }, f(d(e))), {
-            default: s(() => [
-              m(g(e.title), 1)
-            ]),
-            _: 2
-          }, 1040, ["condensed", "critical", "disabled", "inverse", "state", "variant"])) : (a(), t(u, _({
-            key: 1,
-            condensed: e.condensed,
-            critical: e.critical,
-            disabled: e.disabled,
-            inverse: i.inverse,
-            link: e.link,
-            variant: e.variant || o(c)
-          }, f(d(e))), R({ _: 2 }, [
-            e.icon || e.iconLeft ? {
-              name: "iconLeft",
-              fn: s(() => [
-                (a(), t(y(e.icon || e.iconLeft), {
-                  "svg-title": e.title
-                }, null, 8, ["svg-title"]))
-              ]),
-              key: "0"
-            } : void 0,
-            C(e) ? void 0 : {
-              name: "default",
-              fn: s(() => [
-                m(g(e.title), 1)
-              ]),
-              key: "1"
-            },
-            e.iconRight ? {
-              name: "iconRight",
-              fn: s(() => [
-                (a(), t(y(e.iconRight), {
-                  "svg-title": e.title
-                }, null, 8, ["svg-title"]))
-              ]),
-              key: "2"
-            } : void 0
-          ]), 1040, ["condensed", "critical", "disabled", "inverse", "link", "variant"]))
-        ]))), 128))
-      ], 2)
-    ]));
-  }
-}), z = /* @__PURE__ */ w(U, [["__scopeId", "data-v-0fd4bf14"]]);
-export {
-  z as B,
-  B as a,
-  T as b,
-  k as c
-};
-//# sourceMappingURL=button-actions.Bjfo46Q_.js.map

package/dist/chunks/button-actions.Bjfo46Q_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-actions.Bjfo46Q_.js","sources":["../../../core/src/components/button-actions/button-actions.types.ts","../../../vue2/src/components/button/components/button-actions/button-actions.vue"],"sourcesContent":["import type { BentoButtonProps } from '@/core/components/button/button.types';\nimport { BentoLoadingButtonState } from '@/core/components/loading-button/loading-button.types';\n\nexport interface BentoButtonActionObject<IconType = object> extends BentoButtonProps {\n    title: string;\n    event?: (event: Event) => void;\n    icon?: IconType;\n    iconLeft?: IconType;\n    iconRight?: IconType;\n    state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;\n    iconOnly?: boolean;\n}\n\nexport type BentoButtonActionsList<IconType = object> = Array<BentoButtonActionObject<IconType>>;\n\nexport enum BentoButtonActionsLayoutBasic {\n    BUTTONS_END = 'buttons-end',\n    FILL_CONTAINER = 'fill-container',\n    SPACE_BETWEEN = 'space-between',\n    VERTICAL_STACK = 'vertical-stack',\n}\nexport enum BentoButtonActionsLayoutExtended {\n    BUTTONS_START = 'buttons-start',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport const BentoButtonActionsLayout = { ...BentoButtonActionsLayoutBasic, ...BentoButtonActionsLayoutExtended };\nexport type BentoButtonActionsLayout = BentoButtonActionsLayoutBasic | BentoButtonActionsLayoutExtended;\n","<template>\n    <div class=\"b-button-actions\">\n        <div class=\"b-button-actions__container-wrapper\" :class=\"conditionalClasses\" role=\"group\">\n            <div v-for=\"(button, index) in reversedActionsList\" :key=\"index\" class=\"b-button-actions__button-wrapper\">\n                <bento-loading-button\n                    v-if=\"button.state\"\n                    :condensed=\"button.condensed\"\n                    :critical=\"button.critical\"\n                    :disabled=\"button.disabled\"\n                    :inverse=\"inverse\"\n                    :state=\"button.state\"\n                    :variant=\"button.variant || generateButtonVariantByIndex(index)\"\n                    v-on=\"generateButtonEvents(button)\"\n                >\n                    {{ button.title }}\n                </bento-loading-button>\n                <bento-button\n                    v-else\n                    :condensed=\"button.condensed\"\n                    :critical=\"button.critical\"\n                    :disabled=\"button.disabled\"\n                    :inverse=\"inverse\"\n                    :link=\"button.link\"\n                    :variant=\"button.variant || generateButtonVariantByIndex(index)\"\n                    v-on=\"generateButtonEvents(button)\"\n                >\n                    <template v-if=\"button.icon || button.iconLeft\" #iconLeft>\n                        <component :is=\"button.icon || button.iconLeft\" :svg-title=\"button.title\"></component>\n                    </template>\n                    <template v-if=\"!isIconOnly(button)\" #default>\n                        {{ button.title }}\n                    </template>\n                    <template v-if=\"button.iconRight\" #iconRight>\n                        <component :is=\"button.iconRight\" :svg-title=\"button.title\"></component>\n                    </template>\n                </bento-button>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType } from 'vue';\n    import BentoButton from '../../button.vue';\n    import {\n        BentoButtonActionObject,\n        BentoButtonActionsLayout,\n        BentoButtonActionsList,\n    } from '@/core/components/button-actions/button-actions.types';\n    import { BentoLoadingButton } from '../loading-button';\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: 'secondary',\n         *   critical: true\n         * }]\n         * ```\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            required: true,\n        },\n\n        /**\n         * Sets the Button Actions to color scheme inverse\n         */\n        inverse: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Defines the layout in which the button actions is presented.\n         * It can be one of:\n         *\n         * @values BUTTONS_START\n         * @values BUTTONS_END\n         * @values FILL_CONTAINER\n         * @values SPACE_BETWEEN\n         * @values VERTICAL_STACK\n         */\n        layout: {\n            type: String as PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>,\n            default: BentoButtonActionsLayout.BUTTONS_END,\n            validator: (layout: BentoButtonActionsLayout) => Object.values(BentoButtonActionsLayout).includes(layout),\n        },\n    });\n\n    const reversedActionsList = computed(() => props.actions.slice().reverse());\n    const generateButtonVariantByIndex = actionIndex => {\n        const lastActionIndex = props.actions.length - 1;\n        return actionIndex === lastActionIndex ? 'primary' : 'secondary';\n    };\n\n    const conditionalClasses = computed(() => ({\n        [`b-button-actions--${props.layout}`]: true,\n    }));\n\n    const generateButtonEvents = (button: BentoButtonActionObject) =>\n        button?.event !== undefined\n            ? {\n                  click: button.event,\n              }\n            : {};\n\n    const isIconOnly = (button: BentoButtonActionObject) =>\n        button.iconOnly && (button.iconLeft || button.iconRight || button.icon);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * ButtonActions component manages a set of actions a user can choose from by displaying a group of buttons.\n     *\n     * @example\n     * import { BentoButtonActions } from '@adyen/bento-vue2';\n     * import MachineLearningIcon from '@adyen/ui-assets-icons-16/vue/machine-learning';\n     *\n     * const clickedAction = () => { //your action here }\n     *\n     * <template>\n     *     <bento-button-actions\n     *         :actions=\"[{\n     *             title: 'Primary',\n     *             event: clickedAction,\n     *             icon: MachineLearningIcon,\n     *         }, {\n     *             title: 'Secondary',\n     *             event: clickedAction,\n     *         }, {\n     *             title: 'Tertiary',\n     *             event: clickedAction,\n     *         }]\"\n     *     />\n     * </template>\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/button-actions/button-actions.scss\" />\n"],"names":["BentoButtonActionsLayoutBasic","BentoButtonActionsLayoutBasic2","BentoButtonActionsLayoutExtended","BentoButtonActionsLayoutExtended2","BentoButtonActionsLayout","__default__","props","__props","reversedActionsList","computed","generateButtonVariantByIndex","actionIndex","lastActionIndex","conditionalClasses","generateButtonEvents","button","isIconOnly"],"mappings":";;;;;AAeY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,cAAA,eACAA,EAAA,iBAAA,kBACAA,EAAA,gBAAA,iBACAA,EAAA,iBAAA,kBAJQA,IAAAD,KAAA,CAAA,CAAA,GAMAE,IAAA,kBAAAC,OACRA,EAAA,gBAAA,iBADQA,IAAAD,KAAA,CAAA,CAAA;AAOL,MAAAE,IAAA,EAAA,GAAAJ,GAAA,GAAAE,EAAA,sCCwIHG,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjHA,UAAAC,IAAAC,GAkEAC,IAAAC,EAAA,MAAAH,EAAA,QAAA,MAAA,EAAA,QAAA,CAAA,GACAI,IAAA,CAAAC,MAAA;AACI,YAAAC,IAAAN,EAAA,QAAA,SAAA;AACA,aAAAK,MAAAC,IAAA,YAAA;AAAA,IAAqD,GAGzDC,IAAAJ,EAAA,OAAA;AAAA,MAA2C,CAAA,qBAAAH,EAAA,MAAA,EAAA,GAAA;AAAA,IACA,EAAA,GAG3CQ,IAAA,CAAAC,OAAAA,KAAA,gBAAAA,EAAA,WAAA,SAAA;AAAA,MAEU,OAAAA,EAAA;AAAA,IACkB,IAAA,CAAA,GAI5BC,IAAA,CAAAD,MAAAA,EAAA,aAAAA,EAAA,YAAAA,EAAA,aAAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/button.pwNCxwPu.js

@@ -1,118 +0,0 @@
-import { defineComponent as C, useAttrs as N, useSlots as T, computed as n, openBlock as i, createBlock as f, resolveDynamicComponent as h, mergeProps as A, withCtx as m, unref as r, createElementBlock as y, renderSlot as c, createCommentVNode as d } from "vue";
-import { B as O } from "./typography.DNzU41ah.js";
-import { u as $ } from "./use-has-slot.B7eQSabc.js";
-import { B as L, a as Y } from "./link.D7wA0jkY.js";
-import { _ as B } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/button.css";
-var u = /* @__PURE__ */ ((t) => (t.PRIMARY = "primary", t.SECONDARY = "secondary", t.TERTIARY = "tertiary", t.TERTIARY_WITH_BACKGROUND = "tertiary-with-background", t))(u || {}), a = /* @__PURE__ */ ((t) => (t.CONDENSED = "condensed", t.DESTRUCTIVE = "critical", t.DISABLED = "disabled", t.ICON_ONLY = "icon-only", t.INVERSE = "inverse", t))(a || {});
-const U = {
-  key: 0,
-  class: "b-button__icon-left",
-  "data-testid": "icon-button-left"
-}, w = {
-  key: 2,
-  class: "b-button__icon-right",
-  "data-testid": "icon-button-right"
-}, x = {
-  name: "bento-button"
-}, V = /* @__PURE__ */ C({
-  ...x,
-  props: {
-    /**
-     * Reduces sizing of button
-     */
-    condensed: { type: Boolean, default: !1 },
-    /**
-     * Displays button as critical
-     */
-    critical: { type: Boolean, default: !1 },
-    /**
-     * Disables button functionality
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Sets color set to inverse
-     */
-    inverse: { type: Boolean, default: !1 },
-    /**
-     * Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.
-     */
-    link: { type: Object, default: void 0 },
-    /**
-     * The default behavior of the button.
-     * Possible values are: 'button', 'reset', 'submit'
-     */
-    type: {
-      type: String,
-      default: "button"
-    },
-    /**
-     * Types of flavour of Button
-     * @values primary, secondary, tertiary, tertiary-with-background
-     */
-    variant: {
-      type: String,
-      default: u.PRIMARY,
-      validator: (t) => Object.values(u).includes(t)
-    }
-  },
-  emits: ["blur", "click", "focus", "keydown.esc"],
-  setup(t, { emit: v }) {
-    const e = t, _ = v, b = N(), E = T(), s = $(E), p = n(() => (e == null ? void 0 : e.link) !== void 0 ? L : "button"), k = n(() => {
-      var o, l;
-      return {
-        "aria-controls": (o = b["aria-controls"]) == null ? void 0 : o.toString(),
-        "aria-expanded": (l = b["aria-expanded"]) == null ? void 0 : l.toString()
-      };
-    }), S = n(
-      () => p.value === "button" ? {
-        ...k.value,
-        disabled: e.disabled,
-        type: e.type
-      } : { ...e.link, disableTypography: !0, variant: Y.DEFAULT, isButton: !0 }
-    ), R = n(() => ({
-      [`b-button--${e.variant}${e.critical ? `-${a.DESTRUCTIVE}` : ""}`]: !0
-    })), g = n(() => ({
-      ...R.value,
-      [`b-button--${a.CONDENSED}`]: e.condensed,
-      [`b-button--${a.DISABLED}`]: e.disabled,
-      [`b-button--${a.INVERSE}`]: e.inverse
-    })), D = () => ({
-      [`b-button--${a.ICON_ONLY}`]: !s("default")
-    }), I = (o) => {
-      e.disabled ? (o.preventDefault(), o.stopPropagation()) : _("click", o);
-    };
-    return (o, l) => (i(), f(h(p.value), A(S.value, {
-      class: ["b-button", { ...g.value, ...D() }],
-      onClickCapture: I
-    }), {
-      default: m(() => [
-        r(s)("iconLeft") ? (i(), y("span", U, [
-          c(o.$slots, "iconLeft", {}, void 0, !0)
-        ])) : d("", !0),
-        r(s)("default") ? (i(), f(r(O), {
-          key: 1,
-          el: "span",
-          variant: "body",
-          stronger: "",
-          class: "b-button__label"
-        }, {
-          default: m(() => [
-            c(o.$slots, "default", {}, void 0, !0)
-          ]),
-          _: 3
-        })) : d("", !0),
-        r(s)("iconRight") ? (i(), y("span", w, [
-          c(o.$slots, "iconRight", {}, void 0, !0)
-        ])) : d("", !0)
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-}), K = /* @__PURE__ */ B(V, [["__scopeId", "data-v-7e137e7c"]]);
-export {
-  K as B,
-  u as a,
-  a as b
-};
-//# sourceMappingURL=button.pwNCxwPu.js.map

package/dist/chunks/button.pwNCxwPu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.pwNCxwPu.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    TERTIARY_WITH_BACKGROUND = 'tertiary-with-background',\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 | `${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, ...getIconOnlyClass() }\"\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 setup lang=\"ts\">\n    import { computed, PropType, useAttrs, useSlots } 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    const props = defineProps({\n        /**\n         * Reduces sizing of button\n         */\n        condensed: { type: Boolean, default: false },\n\n        /**\n         * Displays button as critical\n         */\n        critical: { type: Boolean, default: false },\n\n        /**\n         * Disables button functionality\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * Sets color set to inverse\n         */\n        inverse: { type: Boolean, default: false },\n\n        /**\n         * Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.\n         */\n        link: { type: Object, default: undefined },\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, tertiary-with-background\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\n    const emit = defineEmits<{\n        /**\n         * Emitted when the element has lost focus\n         */\n        (e: 'blur');\n\n        /**\n         * Emitted when the button is clicked\n         */\n        (e: 'click', event: MouseEvent);\n\n        /**\n         * Emitted when the element has received focus\n         */\n        (e: 'focus');\n\n        /**\n         * Emitted when the \"ESC\" key is pressed\n         */\n        (e: 'keydown.esc');\n    }>();\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\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, isButton: true }\n    );\n\n    const variantClass = computed(() => ({\n        [`b-button--${props.variant}${props.critical ? `-${BentoButtonPropClass.DESTRUCTIVE}` : ''}`]: true,\n    }));\n\n    const conditionalClasses = computed(() => ({\n        ...variantClass.value,\n        [`b-button--${BentoButtonPropClass.CONDENSED}`]: props.condensed,\n        [`b-button--${BentoButtonPropClass.DISABLED}`]: props.disabled,\n        [`b-button--${BentoButtonPropClass.INVERSE}`]: props.inverse,\n    }));\n\n    const getIconOnlyClass = () => ({\n        [`b-button--${BentoButtonPropClass.ICON_ONLY}`]: !hasSlot('default'),\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</script>\n\n<script lang=\"ts\">\n    /**\n     * Button component for all the various types of bento buttons.\n     *\n     * @example\n     * import { BentoButton } from '@adyen/bento-vue2';\n     * import { CheckMarkIcon } from '@adyen/ui-assets-icons-16';\n     *\n     * export default {\n     *     components: { BentoButton },\n     *     template: `\n     *         <bento-button\n     *             disabled\n     *             variant=\"secondary\"\n     *         >\n     *              <template #iconLeft>\n     *                  <check-mark svg-title=\"checked\" />\n     *              </template>\n     *\n     *              Button text\n     *\n     *              <template #iconRight>\n     *                  <check-mark svg-title=\"checked\" />\n     *              </template>\n     *         </bento-button>\n     *     `,\n     * }\n     */\n    export default {\n        name: 'bento-button',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/button/button.scss\" />\n"],"names":["BentoButtonVariant","BentoButtonVariant2","BentoButtonPropClass","BentoButtonPropClass2","__default__","props","__props","emit","__emit","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","componentType","computed","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","getIconOnlyClass","onClickButton","e"],"mappings":";;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,2BAAA,4BAJQA,IAAAD,KAAA,CAAA,CAAA,GAOAE,IAAA,kBAAAC,OACRA,EAAA,YAAA,aACAA,EAAA,cAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WALQA,IAAAD,KAAA,CAAA,CAAA;;;;;;;;;GCkLRE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApJA,UAAAC,IAAAC,GA8CAC,IAAAC,GAsBAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OACIX,KAAA,gBAAAA,EAAA,UAAA,SACIY,IAEJ,QAAO,GAEXC,IAAAF,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAG,IAAAV,EAAA,eAAA,MAAA,gBAAAU,EAAA;AAAA,QACe,kBAAAC,IAAAX,EAAA,eAAA,MAAA,gBAAAW,EAAA;AAAA,MACA;AAAA,KAAA,GAGtDC,IAAAL;AAAA,MAAuB,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEb,GAAAG,EAAA;AAAA,QACsB,UAAAb,EAAA;AAAA,QACF,MAAAA,EAAA;AAAA,MACJ,IAAA,EAAA,GAAAA,EAAA,MAAA,mBAAA,IAAA,SAAAiB,EAAA,SAAA,UAAA,GAAA;AAAA,IAE4E,GAGtGC,IAAAP,EAAA,OAAA;AAAA,MAAqC,CAAA,aAAAX,EAAA,OAAA,GAAAA,EAAA,WAAA,IAAAH,EAAA,WAAA,KAAA,EAAA,EAAA,GAAA;AAAA,IAC8D,EAAA,GAGnGsB,IAAAR,EAAA,OAAA;AAAA,MAA2C,GAAAO,EAAA;AAAA,MACvB,CAAA,aAAArB,EAAA,SAAA,EAAA,GAAAG,EAAA;AAAA,MACuC,CAAA,aAAAH,EAAA,QAAA,EAAA,GAAAG,EAAA;AAAA,MACD,CAAA,aAAAH,EAAA,OAAA,EAAA,GAAAG,EAAA;AAAA,IACD,EAAA,GAGzDoB,IAAA,OAAA;AAAA,MAAgC,CAAA,aAAAvB,EAAA,SAAA,EAAA,GAAA,CAAAW,EAAA,SAAA;AAAA,IACuC,IAGvEa,IAAA,CAAAC,MAAA;AACI,MAAAtB,EAAA,YAGIsB,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHApB,EAAA,SAAAoB,CAAA;AAAA,IAIJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}