@adyen/bento-vue3 1.85.0 → 1.86.0

package/dist/chunks/{header.RiaBKasj.js → header.BeH8KH_l.js}

@@ -1,8 +1,8 @@
-import { defineComponent as b, computed as u, resolveComponent as n, createElementBlock as g, openBlock as a, normalizeClass as P, createElementVNode as r, createBlock as i, createCommentVNode as s, createVNode as C, mergeProps as B, withCtx as p, createTextVNode as I, toDisplayString as S, createSlots as m, renderSlot as f } from "vue";
+import { defineComponent as b, computed as u, resolveComponent as n, openBlock as a, createElementBlock as g, normalizeClass as P, createElementVNode as r, createVNode as C, mergeProps as B, withCtx as i, createTextVNode as I, toDisplayString as S, createBlock as s, createSlots as m, renderSlot as f, createCommentVNode as p } from "vue";
 import { u as E } from "./use-has-slot.B7eQSabc.js";
-import { B as N, a as k, c as h } from "./typography.6Oo5TOMP.js";
-import { B as O } from "./button-actions-with-menu.DY0pTtk-.js";
-import { I as t, H as w } from "./header-meta.CkLmuprc.js";
+import { B as N, c as k, a as h } from "./typography.B3J6_tYk.js";
+import { B as O } from "./button-actions-with-menu.DBqA3Ws5.js";
+import { I as t, H as w } from "./header-meta.Bw8ZGwJW.js";
 import { _ as A } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/header.css";
 var o = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.COMPONENT = "component", e))(o || {});
@@ -90,27 +90,27 @@ function G(e, l, d, c, V, U) {
       r("div", M, [
         r("div", null, [
           C(y, B(e.typography, { class: "b-header__text" }), {
-            default: p(() => [
+            default: i(() => [
               I(S(e.title), 1)
             ]),
             _: 1
           }, 16),
-          e.infoIconTooltipText || e.hasSlot("infoIconTooltipContent") ? (a(), i(v, {
+          e.infoIconTooltipText || e.hasSlot("infoIconTooltipContent") ? (a(), s(v, {
             key: 0,
             class: "b-header__tooltip",
             "popover-text": e.infoIconTooltipText
           }, m({ _: 2 }, [
             e.hasSlot("infoIconTooltipContent") ? {
               name: "default",
-              fn: p(() => [
+              fn: i(() => [
                 f(e.$slots, "infoIconTooltipContent", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["popover-text"])) : s("", !0)
+          ]), 1032, ["popover-text"])) : p("", !0)
         ])
       ]),
-      e.description || e.hasSlot("description") || e.lastUpdated ? (a(), i(_, {
+      e.description || e.hasSlot("description") || e.lastUpdated ? (a(), s(_, {
         key: 0,
         class: "b-header__meta-container",
         description: e.description,
@@ -119,18 +119,18 @@ function G(e, l, d, c, V, U) {
       }, m({ _: 2 }, [
         e.hasSlot("description") ? {
           name: "description",
-          fn: p(() => [
+          fn: i(() => [
             f(e.$slots, "description", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["description", "last-updated", "reload-button"])) : s("", !0),
-      e.actions ? (a(), i(T, {
+      ]), 1032, ["description", "last-updated", "reload-button"])) : p("", !0),
+      e.actions ? (a(), s(T, {
         key: 1,
         actions: e.actions,
         "displayed-actions": 2,
         class: "b-header__actions"
-      }, null, 8, ["actions"])) : s("", !0)
+      }, null, 8, ["actions"])) : p("", !0)
     ])
   ], 2);
 }
@@ -138,4 +138,4 @@ const F = /* @__PURE__ */ A($, [["render", G], ["__scopeId", "data-v-56ef1e22"]]
 export {
   F as B
 };
-//# sourceMappingURL=header.RiaBKasj.js.map
+//# sourceMappingURL=header.BeH8KH_l.js.map

package/dist/chunks/{header.RiaBKasj.js.map → header.BeH8KH_l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header.RiaBKasj.js","sources":["../../../vue2/src/components/header/header.types.ts","../../../vue2/src/components/header/header.vue"],"sourcesContent":["import { type BentoLoadingButtonState } from '../button/components/loading-button/loading-button.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoHeaderVariant {\n    PAGE = 'page',\n    COMPONENT = 'component',\n}\n\nexport interface BentoHeaderReloadButton {\n    title: string;\n    event?: (event: Event) => void;\n    state?: `${BentoLoadingButtonState}`;\n}\n","<template>\n    <header class=\"b-header\" :class=\"conditionalClasses\">\n        <div class=\"b-header__wrapper\">\n            <div class=\"b-header__title\">\n                <div>\n                    <bento-typography v-bind=\"typography\" class=\"b-header__text\">{{ title }}</bento-typography>\n                    <info-icon-with-popover\n                        v-if=\"infoIconTooltipText || hasSlot('infoIconTooltipContent')\"\n                        class=\"b-header__tooltip\"\n                        :popover-text=\"infoIconTooltipText\"\n                    >\n                        <template v-if=\"hasSlot('infoIconTooltipContent')\" #default\n                            ><slot name=\"infoIconTooltipContent\"\n                        /></template>\n                    </info-icon-with-popover>\n                </div>\n            </div>\n            <header-meta\n                v-if=\"description || hasSlot('description') || lastUpdated\"\n                class=\"b-header__meta-container\"\n                :description=\"description\"\n                :last-updated=\"lastUpdated\"\n                :reload-button=\"reloadButton\"\n            >\n                <template v-if=\"hasSlot('description')\" #description><slot name=\"description\" /></template>\n            </header-meta>\n            <button-actions-with-menu\n                v-if=\"actions\"\n                :actions=\"actions\"\n                :displayed-actions=\"2\"\n                class=\"b-header__actions\"\n            />\n        </div>\n    </header>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, type PropType } from 'vue';\n    import { InfoIconWithPopover } from '@/internal';\n    import { type BentoButtonActionsList } from '@/components/button';\n    import { useHasSlot } from '@/composables';\n    import { type BentoHeaderReloadButton, BentoHeaderVariant } from './header.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { HeaderMeta } from '@/internal/header-meta';\n    import ButtonActionsWithMenu from '../internal/button-actions-with-menu/button-actions-with-menu.vue';\n\n    export default defineComponent({\n        name: 'bento-header',\n        components: {\n            BentoTypography,\n            ButtonActionsWithMenu,\n            InfoIconWithPopover,\n            HeaderMeta,\n        },\n        props: {\n            /**\n             * Array of BentoButtonActionsList to show to the right of the title\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n\n            /**\n             * Text showed under the title\n             */\n            description: { type: String, default: null },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: InfoIconWithPopover.props.popoverText.type, default: null },\n\n            /**\n             * Popover position of the info icon text.\n             */\n            infoIconPopoverPosition: {\n                type: InfoIconWithPopover.props.popoverPosition.type,\n                default: InfoIconWithPopover.props.popoverPosition.default,\n                validator: InfoIconWithPopover.props.popoverPosition.validator,\n            },\n\n            /**\n             * JavaScript \"Date\" object for when the content was last updated\n             */\n            lastUpdated: { type: [Date, Number], default: null },\n\n            /**\n             * Variant represents type of Header\n             * @values page, component\n             */\n            variant: {\n                type: String as PropType<BentoHeaderVariant | `${BentoHeaderVariant}`>,\n                default: BentoHeaderVariant.PAGE,\n                validator: (value: BentoHeaderVariant) => Object.values(BentoHeaderVariant).includes(value),\n            },\n\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n\n            /**\n             * Reload button which shows next to the header's timestamp\n             * {@see BentoHeaderReloadButton}\n             */\n            reloadButton: {\n                type: Object as PropType<BentoHeaderReloadButton>,\n                default: null,\n            },\n        },\n        emits: ['reload'],\n        setup(props, { slots }) {\n            const conditionalClasses = computed(() => ({\n                'b-header--component': props.variant === BentoHeaderVariant.COMPONENT,\n            }));\n\n            const typography = computed(() => ({\n                el: props.variant === BentoHeaderVariant.PAGE ? BentoTypographyElement.H1 : BentoTypographyElement.H2,\n                variant: BentoTypographyVariant.TITLE,\n                medium: props.variant === BentoHeaderVariant.COMPONENT,\n                large: props.variant === BentoHeaderVariant.PAGE,\n            }));\n            return {\n                hasSlot: useHasSlot(slots),\n                conditionalClasses,\n                typography,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./header.scss\" />\n"],"names":["BentoHeaderVariant","BentoHeaderVariant2","_sfc_main","defineComponent","BentoTypography","ButtonActionsWithMenu","InfoIconWithPopover","HeaderMeta","value","props","slots","conditionalClasses","computed","typography","BentoTypographyElement","BentoTypographyVariant","useHasSlot","_component_button_actions_with_menu","resolveComponent","normalizeClass","_ctx","createElementVNode","_hoisted_2","createVNode","_component_bento_typography","mergeProps","withCtx","createTextVNode","toDisplayString","infoIconTooltipText","openBlock","createBlock","_component_info_icon_with_popover","createSlots","renderSlot","createCommentVNode","description","_component_header_meta","reloadButton"],"mappings":"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"}
+{"version":3,"file":"header.BeH8KH_l.js","sources":["../../../vue2/src/components/header/header.types.ts","../../../vue2/src/components/header/header.vue"],"sourcesContent":["import { type BentoLoadingButtonState } from '../button/components/loading-button/loading-button.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoHeaderVariant {\n    PAGE = 'page',\n    COMPONENT = 'component',\n}\n\nexport interface BentoHeaderReloadButton {\n    title: string;\n    event?: (event: Event) => void;\n    state?: `${BentoLoadingButtonState}`;\n}\n","<template>\n    <header class=\"b-header\" :class=\"conditionalClasses\">\n        <div class=\"b-header__wrapper\">\n            <div class=\"b-header__title\">\n                <div>\n                    <bento-typography v-bind=\"typography\" class=\"b-header__text\">{{ title }}</bento-typography>\n                    <info-icon-with-popover\n                        v-if=\"infoIconTooltipText || hasSlot('infoIconTooltipContent')\"\n                        class=\"b-header__tooltip\"\n                        :popover-text=\"infoIconTooltipText\"\n                    >\n                        <template v-if=\"hasSlot('infoIconTooltipContent')\" #default\n                            ><slot name=\"infoIconTooltipContent\"\n                        /></template>\n                    </info-icon-with-popover>\n                </div>\n            </div>\n            <header-meta\n                v-if=\"description || hasSlot('description') || lastUpdated\"\n                class=\"b-header__meta-container\"\n                :description=\"description\"\n                :last-updated=\"lastUpdated\"\n                :reload-button=\"reloadButton\"\n            >\n                <template v-if=\"hasSlot('description')\" #description><slot name=\"description\" /></template>\n            </header-meta>\n            <button-actions-with-menu\n                v-if=\"actions\"\n                :actions=\"actions\"\n                :displayed-actions=\"2\"\n                class=\"b-header__actions\"\n            />\n        </div>\n    </header>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, type PropType } from 'vue';\n    import { InfoIconWithPopover } from '@/internal';\n    import { type BentoButtonActionsList } from '@/components/button';\n    import { useHasSlot } from '@/composables';\n    import { type BentoHeaderReloadButton, BentoHeaderVariant } from './header.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { HeaderMeta } from '@/internal/header-meta';\n    import ButtonActionsWithMenu from '../internal/button-actions-with-menu/button-actions-with-menu.vue';\n\n    export default defineComponent({\n        name: 'bento-header',\n        components: {\n            BentoTypography,\n            ButtonActionsWithMenu,\n            InfoIconWithPopover,\n            HeaderMeta,\n        },\n        props: {\n            /**\n             * Array of BentoButtonActionsList to show to the right of the title\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n\n            /**\n             * Text showed under the title\n             */\n            description: { type: String, default: null },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: InfoIconWithPopover.props.popoverText.type, default: null },\n\n            /**\n             * Popover position of the info icon text.\n             */\n            infoIconPopoverPosition: {\n                type: InfoIconWithPopover.props.popoverPosition.type,\n                default: InfoIconWithPopover.props.popoverPosition.default,\n                validator: InfoIconWithPopover.props.popoverPosition.validator,\n            },\n\n            /**\n             * JavaScript \"Date\" object for when the content was last updated\n             */\n            lastUpdated: { type: [Date, Number], default: null },\n\n            /**\n             * Variant represents type of Header\n             * @values page, component\n             */\n            variant: {\n                type: String as PropType<BentoHeaderVariant | `${BentoHeaderVariant}`>,\n                default: BentoHeaderVariant.PAGE,\n                validator: (value: BentoHeaderVariant) => Object.values(BentoHeaderVariant).includes(value),\n            },\n\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n\n            /**\n             * Reload button which shows next to the header's timestamp\n             * {@see BentoHeaderReloadButton}\n             */\n            reloadButton: {\n                type: Object as PropType<BentoHeaderReloadButton>,\n                default: null,\n            },\n        },\n        emits: ['reload'],\n        setup(props, { slots }) {\n            const conditionalClasses = computed(() => ({\n                'b-header--component': props.variant === BentoHeaderVariant.COMPONENT,\n            }));\n\n            const typography = computed(() => ({\n                el: props.variant === BentoHeaderVariant.PAGE ? BentoTypographyElement.H1 : BentoTypographyElement.H2,\n                variant: BentoTypographyVariant.TITLE,\n                medium: props.variant === BentoHeaderVariant.COMPONENT,\n                large: props.variant === BentoHeaderVariant.PAGE,\n            }));\n            return {\n                hasSlot: useHasSlot(slots),\n                conditionalClasses,\n                typography,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./header.scss\" />\n"],"names":["BentoHeaderVariant","BentoHeaderVariant2","_sfc_main","defineComponent","BentoTypography","ButtonActionsWithMenu","InfoIconWithPopover","HeaderMeta","value","props","slots","conditionalClasses","computed","typography","BentoTypographyElement","BentoTypographyVariant","useHasSlot","_component_button_actions_with_menu","resolveComponent","normalizeClass","_ctx","createElementVNode","_hoisted_2","createVNode","_component_bento_typography","mergeProps","withCtx","createTextVNode","toDisplayString","infoIconTooltipText","openBlock","createBlock","_component_info_icon_with_popover","createSlots","renderSlot","createCommentVNode","description","_component_header_meta","reloadButton"],"mappings":"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"}

package/dist/chunks/{image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js → image.vue_vue_type_script_setup_true_lang.BMoSMeM-.js}

@@ -1,4 +1,4 @@
-import { defineComponent as u, computed as e, createElementBlock as n, openBlock as t, normalizeStyle as d } from "vue";
+import { defineComponent as u, computed as e, openBlock as n, createElementBlock as t, normalizeStyle as d } from "vue";
 var l = /* @__PURE__ */ ((r) => (r.LANDSCAPE = "landscape", r.P4_3 = "4:3", r.P3_3 = "3:3", r.P16_9 = "16:9", r.P2_1 = "2:1", r.PORTRAIT = "portrait", r.P3_4 = "3:4", r.P2_3 = "2:3", r.P9_16 = "9:16", r.P1_2 = "1:2", r.SQUARE = "square", r.P1_1 = "1:1", r))(l || {}), f = /* @__PURE__ */ ((r) => (r.COVER = "cover", r.FILL = "fill", r.CONTAIN = "contain", r))(f || {});
 const o = ["src", "alt"], p = {
   name: "bento-image"
@@ -32,7 +32,7 @@ const o = ["src", "alt"], p = {
       aspectRatio: a(c.aspectRatio),
       objectFit: c.objectFit
     }));
-    return (s, _) => (t(), n("img", {
+    return (s, _) => (n(), t("img", {
       src: s.src,
       alt: s.alt,
       style: d(P.value)
@@ -44,4 +44,4 @@ export {
   i as _,
   f as a
 };
-//# sourceMappingURL=image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js.map
+//# sourceMappingURL=image.vue_vue_type_script_setup_true_lang.BMoSMeM-.js.map

package/dist/chunks/{image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js.map → image.vue_vue_type_script_setup_true_lang.BMoSMeM-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js","sources":["../../../vue2/src/components/image/image.types.ts","../../../vue2/src/components/image/image.vue"],"sourcesContent":["export enum BentoImageAspectRatio {\n    LANDSCAPE = 'landscape',\n    P4_3 = '4:3',\n    P3_3 = '3:3',\n    P16_9 = '16:9',\n    P2_1 = '2:1',\n    PORTRAIT = 'portrait',\n    P3_4 = '3:4',\n    P2_3 = '2:3',\n    P9_16 = '9:16',\n    P1_2 = '1:2',\n    SQUARE = 'square',\n    P1_1 = '1:1',\n}\n\nexport enum BentoImageObjectFit {\n    COVER = 'cover',\n    FILL = 'fill',\n    CONTAIN = 'contain',\n}\n\nexport interface BentoImageProps {\n    /** Url to image, same as src attribute of `<img>` tag */\n    src: string;\n\n    /** Accessible text describing the image, same as alt attribute of `<img>` tag */\n    alt: string;\n\n    /** Aspect ratio of the image, maps to css aspect-ratio */\n    aspectRatio?: BentoImageAspectRatio | `${BentoImageAspectRatio}` | null;\n\n    /** Object fitting strategy, maps to css object-fit */\n    objectFit?: BentoImageObjectFit | `${BentoImageObjectFit}` | null;\n}\n","<template>\n    <img :src=\"src\" :alt=\"alt\" :style=\"imageStyles\" />\n</template>\n<script lang=\"ts\" setup>\n    import { computed } from 'vue';\n    import { BentoImageAspectRatio, type BentoImageProps } from './image.types';\n\n    const props = withDefaults(defineProps<BentoImageProps>(), {\n        aspectRatio: null,\n        objectFit: null,\n    });\n\n    const convertAspectRatio = (aspectRatio: BentoImageAspectRatio | `${BentoImageAspectRatio}`) => {\n        let parsedAspectRatio: BentoImageAspectRatio | `${BentoImageAspectRatio}` = BentoImageAspectRatio.P16_9;\n        switch (aspectRatio) {\n            case BentoImageAspectRatio.LANDSCAPE:\n                parsedAspectRatio = BentoImageAspectRatio.P16_9;\n                break;\n            case BentoImageAspectRatio.PORTRAIT:\n                parsedAspectRatio = BentoImageAspectRatio.P3_4;\n                break;\n            case BentoImageAspectRatio.SQUARE:\n                parsedAspectRatio = BentoImageAspectRatio.P1_1;\n                break;\n            default:\n                parsedAspectRatio = aspectRatio;\n                break;\n        }\n        return `${parsedAspectRatio}`.replace(':', '/');\n    };\n\n    const imageStyles = computed(() => ({\n        aspectRatio: convertAspectRatio(props.aspectRatio),\n        objectFit: props.objectFit,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Image component used for resizing images to certain aspect ratios and fit strategies.\n     *\n     * @example\n     * import { BentoImage } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoImage },\n     *     template: `\n     *       <bento-image\n     *           :src=\"imageSrc\"\n     *           alt=\"alternative text\"\n     *           aspect-ratio=\"landscape\"\n     *           object-fit=\"cover\"\n     *\n     *       />\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-image',\n    };\n</script>\n"],"names":["BentoImageAspectRatio","BentoImageObjectFit","__default__","props","__props","convertAspectRatio","aspectRatio","parsedAspectRatio","imageStyles","computed"],"mappings":";AAAO,IAAKA,sBAAAA,OACRA,EAAA,YAAY,aACZA,EAAA,OAAO,OACPA,EAAA,OAAO,OACPA,EAAA,QAAQ,QACRA,EAAA,OAAO,OACPA,EAAA,WAAW,YACXA,EAAA,OAAO,OACPA,EAAA,OAAO,OACPA,EAAA,QAAQ,QACRA,EAAA,OAAO,OACPA,EAAA,SAAS,UACTA,EAAA,OAAO,OAZCA,IAAAA,KAAA,CAAA,CAAA,GAeAC,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,UAAU,WAHFA,IAAAA,KAAA,CAAA,CAAA;0BC0CRC,IAAe;AAAA,EACX,MAAM;AACV;;;;;;;;;AApDA,UAAMC,IAAQC,GAKRC,IAAqB,CAACC,MAAoE;AAC5F,UAAIC,IAAwEP,EAAsB;AAClG,cAAQM,GAAA;AAAA,QACJ,KAAKN,EAAsB;AACvB,UAAAO,IAAoBP,EAAsB;AAC1C;AAAA,QACJ,KAAKA,EAAsB;AACvB,UAAAO,IAAoBP,EAAsB;AAC1C;AAAA,QACJ,KAAKA,EAAsB;AACvB,UAAAO,IAAoBP,EAAsB;AAC1C;AAAA,QACJ;AACI,UAAAO,IAAoBD;AACpB;AAAA,MAAA;AAER,aAAO,GAAGC,CAAiB,GAAG,QAAQ,KAAK,GAAG;AAAA,IAClD,GAEMC,IAAcC,EAAS,OAAO;AAAA,MAChC,aAAaJ,EAAmBF,EAAM,WAAW;AAAA,MACjD,WAAWA,EAAM;AAAA,IAAA,EACnB;;;;;;;;"}
+{"version":3,"file":"image.vue_vue_type_script_setup_true_lang.BMoSMeM-.js","sources":["../../../vue2/src/components/image/image.types.ts","../../../vue2/src/components/image/image.vue"],"sourcesContent":["export enum BentoImageAspectRatio {\n    LANDSCAPE = 'landscape',\n    P4_3 = '4:3',\n    P3_3 = '3:3',\n    P16_9 = '16:9',\n    P2_1 = '2:1',\n    PORTRAIT = 'portrait',\n    P3_4 = '3:4',\n    P2_3 = '2:3',\n    P9_16 = '9:16',\n    P1_2 = '1:2',\n    SQUARE = 'square',\n    P1_1 = '1:1',\n}\n\nexport enum BentoImageObjectFit {\n    COVER = 'cover',\n    FILL = 'fill',\n    CONTAIN = 'contain',\n}\n\nexport interface BentoImageProps {\n    /** Url to image, same as src attribute of `<img>` tag */\n    src: string;\n\n    /** Accessible text describing the image, same as alt attribute of `<img>` tag */\n    alt: string;\n\n    /** Aspect ratio of the image, maps to css aspect-ratio */\n    aspectRatio?: BentoImageAspectRatio | `${BentoImageAspectRatio}` | null;\n\n    /** Object fitting strategy, maps to css object-fit */\n    objectFit?: BentoImageObjectFit | `${BentoImageObjectFit}` | null;\n}\n","<template>\n    <img :src=\"src\" :alt=\"alt\" :style=\"imageStyles\" />\n</template>\n<script lang=\"ts\" setup>\n    import { computed } from 'vue';\n    import { BentoImageAspectRatio, type BentoImageProps } from './image.types';\n\n    const props = withDefaults(defineProps<BentoImageProps>(), {\n        aspectRatio: null,\n        objectFit: null,\n    });\n\n    const convertAspectRatio = (aspectRatio: BentoImageAspectRatio | `${BentoImageAspectRatio}`) => {\n        let parsedAspectRatio: BentoImageAspectRatio | `${BentoImageAspectRatio}` = BentoImageAspectRatio.P16_9;\n        switch (aspectRatio) {\n            case BentoImageAspectRatio.LANDSCAPE:\n                parsedAspectRatio = BentoImageAspectRatio.P16_9;\n                break;\n            case BentoImageAspectRatio.PORTRAIT:\n                parsedAspectRatio = BentoImageAspectRatio.P3_4;\n                break;\n            case BentoImageAspectRatio.SQUARE:\n                parsedAspectRatio = BentoImageAspectRatio.P1_1;\n                break;\n            default:\n                parsedAspectRatio = aspectRatio;\n                break;\n        }\n        return `${parsedAspectRatio}`.replace(':', '/');\n    };\n\n    const imageStyles = computed(() => ({\n        aspectRatio: convertAspectRatio(props.aspectRatio),\n        objectFit: props.objectFit,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Image component used for resizing images to certain aspect ratios and fit strategies.\n     *\n     * @example\n     * import { BentoImage } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoImage },\n     *     template: `\n     *       <bento-image\n     *           :src=\"imageSrc\"\n     *           alt=\"alternative text\"\n     *           aspect-ratio=\"landscape\"\n     *           object-fit=\"cover\"\n     *\n     *       />\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-image',\n    };\n</script>\n"],"names":["BentoImageAspectRatio","BentoImageObjectFit","__default__","props","__props","convertAspectRatio","aspectRatio","parsedAspectRatio","imageStyles","computed"],"mappings":";AAAO,IAAKA,sBAAAA,OACRA,EAAA,YAAY,aACZA,EAAA,OAAO,OACPA,EAAA,OAAO,OACPA,EAAA,QAAQ,QACRA,EAAA,OAAO,OACPA,EAAA,WAAW,YACXA,EAAA,OAAO,OACPA,EAAA,OAAO,OACPA,EAAA,QAAQ,QACRA,EAAA,OAAO,OACPA,EAAA,SAAS,UACTA,EAAA,OAAO,OAZCA,IAAAA,KAAA,CAAA,CAAA,GAeAC,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,UAAU,WAHFA,IAAAA,KAAA,CAAA,CAAA;0BC0CRC,IAAe;AAAA,EACX,MAAM;AACV;;;;;;;;;AApDA,UAAMC,IAAQC,GAKRC,IAAqB,CAACC,MAAoE;AAC5F,UAAIC,IAAwEP,EAAsB;AAClG,cAAQM,GAAA;AAAA,QACJ,KAAKN,EAAsB;AACvB,UAAAO,IAAoBP,EAAsB;AAC1C;AAAA,QACJ,KAAKA,EAAsB;AACvB,UAAAO,IAAoBP,EAAsB;AAC1C;AAAA,QACJ,KAAKA,EAAsB;AACvB,UAAAO,IAAoBP,EAAsB;AAC1C;AAAA,QACJ;AACI,UAAAO,IAAoBD;AACpB;AAAA,MAAA;AAER,aAAO,GAAGC,CAAiB,GAAG,QAAQ,KAAK,GAAG;AAAA,IAClD,GAEMC,IAAcC,EAAS,OAAO;AAAA,MAChC,aAAaJ,EAAmBF,EAAM,WAAW;AAAA,MACjD,WAAWA,EAAM;AAAA,IAAA,EACnB;;;;;;;;"}

package/dist/chunks/{index.pdBj0KQU.js → index.B875RXHM.js}

@@ -8,8 +8,8 @@ function e(n) {
 }
 const a = () => "i18n-t", r = (n) => ({ keypath: n });
 export {
-  r as a,
-  a as g,
+  a,
+  r as g,
   e as u
 };
-//# sourceMappingURL=index.pdBj0KQU.js.map
+//# sourceMappingURL=index.B875RXHM.js.map

package/dist/chunks/{index.pdBj0KQU.js.map → index.B875RXHM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.pdBj0KQU.js","sources":["../../../../node_modules/.pnpm/@adyen+bento-vue-i18n-demi@file+packages+vue-i18n-demi_vue-i18n@11.1.12_vue@3.5.13_type_dcd8441b2a9ddd1585cac053dadf5bb2/node_modules/@adyen/bento-vue-i18n-demi/index.mjs"],"sourcesContent":["import { createI18n as createI18n$1, useI18n as useI18n$1 } from \"vue-i18n\";\nconst defaultI18nOptions = {\n  locale: \"en-US\",\n  fallbackLocale: \"en-US\",\n  legacy: false\n  // Important for v9\n};\nfunction createI18n(options = defaultI18nOptions) {\n  return createI18n$1({ ...defaultI18nOptions, ...options });\n}\nfunction useI18n(params) {\n  const i18n = useI18n$1(params);\n  return {\n    ...i18n,\n    tc: i18n.t\n  };\n}\nconst getI18nComponent = () => \"i18n-t\";\nconst getI18nProps = (path) => ({ keypath: path });\nexport {\n  createI18n,\n  defaultI18nOptions,\n  getI18nComponent,\n  getI18nProps,\n  useI18n\n};\n"],"names":["useI18n","params","i18n","useI18n$1","getI18nComponent","getI18nProps","path"],"mappings":";AAUA,SAASA,EAAQC,GAAQ;AACvB,QAAMC,IAAOC,EAAUF,CAAM;AAC7B,SAAO;AAAA,IACL,GAAGC;AAAA,IACH,IAAIA,EAAK;AAAA,EACb;AACA;AACK,MAACE,IAAmB,MAAM,UACzBC,IAAe,CAACC,OAAU,EAAE,SAASA,EAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.B875RXHM.js","sources":["../../../../node_modules/.pnpm/@adyen+bento-vue-i18n-demi@file+packages+vue-i18n-demi_vue-i18n@11.1.12_vue@3.5.13_type_dcd8441b2a9ddd1585cac053dadf5bb2/node_modules/@adyen/bento-vue-i18n-demi/index.mjs"],"sourcesContent":["import { createI18n as createI18n$1, useI18n as useI18n$1 } from \"vue-i18n\";\nconst defaultI18nOptions = {\n  locale: \"en-US\",\n  fallbackLocale: \"en-US\",\n  legacy: false\n  // Important for v9\n};\nfunction createI18n(options = defaultI18nOptions) {\n  return createI18n$1({ ...defaultI18nOptions, ...options });\n}\nfunction useI18n(params) {\n  const i18n = useI18n$1(params);\n  return {\n    ...i18n,\n    tc: i18n.t\n  };\n}\nconst getI18nComponent = () => \"i18n-t\";\nconst getI18nProps = (path) => ({ keypath: path });\nexport {\n  createI18n,\n  defaultI18nOptions,\n  getI18nComponent,\n  getI18nProps,\n  useI18n\n};\n"],"names":["useI18n","params","i18n","useI18n$1","getI18nComponent","getI18nProps","path"],"mappings":";AAUA,SAASA,EAAQC,GAAQ;AACvB,QAAMC,IAAOC,EAAUF,CAAM;AAC7B,SAAO;AAAA,IACL,GAAGC;AAAA,IACH,IAAIA,EAAK;AAAA,EACb;AACA;AACK,MAACE,IAAmB,MAAM,UACzBC,IAAe,CAACC,OAAU,EAAE,SAASA,EAAI;","x_google_ignoreList":[0]}