@adyen/bento-vue3 1.45.0 → 1.46.0

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":["../../../core/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, BentoImageProps } from '@adyen/bento-core/src/components/image/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":";AAAY,IAAAA,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;0BC0COC,IAAA;AAAA,EACX,MAAM;AACV;;;;;;;;;AApDA,UAAMC,IAAQC,GAKRC,IAAqB,CAACC,MAAoE;AAC5F,UAAIC,IAAwEP,EAAsB;AAClG,cAAQM,GAAa;AAAA,QACjB,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;AACwB,UAAAO,IAAAD;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":["../../../core/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, BentoImageProps } from '@adyen/bento-core/src/components/image/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":";AAAY,IAAAA,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;0BC0COC,IAAA;AAAA,EACX,MAAM;AACV;;;;;;;;;AApDA,UAAMC,IAAQC,GAKRC,IAAqB,CAACC,MAAoE;AAC5F,UAAIC,IAAwEP,EAAsB;AAClG,cAAQM,GAAa;AAAA,QACjB,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;AACwB,UAAAO,IAAAD;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.BMkVmbZj.js → index.BHiMheJx.js}

@@ -1,9 +1,9 @@
-import { onMounted as A, nextTick as M, watch as O, unref as $, getCurrentScope as I, onScopeDispose as R, getCurrentInstance as N, ref as m, computed as v, watchEffect as F } from "vue";
+import { getCurrentScope as M, onScopeDispose as $, unref as I, watch as O, onMounted as A, nextTick as R, getCurrentInstance as N, ref as m, watchEffect as F, computed as v } from "vue";
 function x(t) {
-  return I() ? (R(t), !0) : !1;
+  return M() ? ($(t), !0) : !1;
 }
 function b(t) {
-  return typeof t == "function" ? t() : $(t);
+  return typeof t == "function" ? t() : I(t);
 }
 const L = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -59,7 +59,7 @@ function G(t, e, n = {}) {
   );
 }
 function _(t, e = !0, n) {
-  D() ? A(t, n) : e ? t() : M(t);
+  D() ? A(t, n) : e ? t() : R(t);
 }
 function K(t, e, n = {}) {
   const {
@@ -364,4 +364,4 @@ export {
   re as u,
   K as w
 };
-//# sourceMappingURL=index.BMkVmbZj.js.map
+//# sourceMappingURL=index.BHiMheJx.js.map