@adyen/bento-vue3 1.26.0 → 1.28.0

package/dist/chunks/image.0KzfycGE.js

@@ -0,0 +1,78 @@
+import { defineComponent as c, computed as u, openBlock as i, createElementBlock as _, normalizeStyle as d } from "vue";
+import { _ as P } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+var e = /* @__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))(e || {}), a = /* @__PURE__ */ ((r) => (r.COVER = "cover", r.FILL = "fill", r.CONTAIN = "contain", r))(a || {});
+const o = c({
+  name: "bento-image",
+  props: {
+    /**
+     * Url to image, same as src attribute of `<img>` tag
+     */
+    src: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Accessible text describing the image, same as alt attribute of `<img>` tag
+     */
+    alt: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Aspect ratio of the image, maps to css aspect-ratio
+     */
+    aspectRatio: {
+      type: String,
+      default: null,
+      validator: (r) => Object.values(e).includes(r)
+    },
+    /**
+     * Object fitting strategy, maps to css object-fit
+     */
+    objectFit: {
+      type: String,
+      default: null,
+      validator: (r) => Object.values(a).includes(r)
+    }
+  },
+  setup(r) {
+    const s = (t) => {
+      let l = e.P16_9;
+      switch (t) {
+        case e.LANDSCAPE:
+          l = e.P16_9;
+          break;
+        case e.PORTRAIT:
+          l = e.P3_4;
+          break;
+        case e.SQUARE:
+          l = e.P1_1;
+          break;
+        default:
+          l = t;
+          break;
+      }
+      return `${l}`.replace(":", "/");
+    };
+    return {
+      imageStyles: u(() => ({
+        aspectRatio: s(r.aspectRatio),
+        objectFit: r.objectFit
+      }))
+    };
+  }
+}), p = ["src", "alt"];
+function S(r, s, n, t, l, f) {
+  return i(), _("img", {
+    src: r.src,
+    alt: r.alt,
+    style: d(r.imageStyles)
+  }, null, 12, p);
+}
+const v = /* @__PURE__ */ P(o, [["render", S]]);
+export {
+  v as B,
+  e as a,
+  a as b
+};
+//# sourceMappingURL=image.0KzfycGE.js.map

package/dist/chunks/image.0KzfycGE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.0KzfycGE.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","<template>\n    <img :src=\"src\" :alt=\"alt\" :style=\"imageStyles\" />\n</template>\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoImageAspectRatio, BentoImageObjectFit } from './image.types';\n\n    export default defineComponent({\n        name: 'bento-image',\n        props: {\n            /**\n             * Url to image, same as src attribute of `<img>` tag\n             */\n            src: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Accessible text describing the image, same as alt attribute of `<img>` tag\n             */\n            alt: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Aspect ratio of the image, maps to css aspect-ratio\n             */\n            aspectRatio: {\n                type: String as PropType<BentoImageAspectRatio | `${BentoImageAspectRatio}`>,\n                default: null,\n                validator: (value: BentoImageAspectRatio) => Object.values(BentoImageAspectRatio).includes(value),\n            },\n            /**\n             * Object fitting strategy, maps to css object-fit\n             */\n            objectFit: {\n                type: String as PropType<BentoImageObjectFit | `${BentoImageObjectFit}`>,\n                default: null,\n                validator: (value: BentoImageObjectFit) => Object.values(BentoImageObjectFit).includes(value),\n            },\n        },\n        setup(props) {\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\n            return {\n                imageStyles,\n            };\n        },\n    });\n</script>\n"],"names":["BentoImageAspectRatio","BentoImageObjectFit","_sfc_main","defineComponent","value","props","convertAspectRatio","aspectRatio","parsedAspectRatio","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock"],"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;ACRR,MAAAC,IAAeC,EAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIH,KAAK;AAAA,MACD,MAAM;AAAA,MACN,UAAU;AAAA,IACd;AAAA;AAAA;AAAA;AAAA,IAIA,KAAK;AAAA,MACD,MAAM;AAAA,MACN,UAAU;AAAA,IACd;AAAA;AAAA;AAAA;AAAA,IAIA,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAiC,OAAO,OAAOJ,CAAqB,EAAE,SAASI,CAAK;AAAA,IACpG;AAAA;AAAA;AAAA;AAAA,IAIA,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACA,MAA+B,OAAO,OAAOH,CAAmB,EAAE,SAASG,CAAK;AAAA,IAAA;AAAA,EAEpG;AAAA,EACA,MAAMC,GAAO;AACH,UAAAC,IAAqB,CAACC,MAAoE;AAC5F,UAAIC,IAAwER,EAAsB;AAClG,cAAQO,GAAa;AAAA,QACjB,KAAKP,EAAsB;AACvB,UAAAQ,IAAoBR,EAAsB;AAC1C;AAAA,QACJ,KAAKA,EAAsB;AACvB,UAAAQ,IAAoBR,EAAsB;AAC1C;AAAA,QACJ,KAAKA,EAAsB;AACvB,UAAAQ,IAAoBR,EAAsB;AAC1C;AAAA,QACJ;AACwB,UAAAQ,IAAAD;AACpB;AAAA,MAAA;AAER,aAAO,GAAGC,CAAiB,GAAG,QAAQ,KAAK,GAAG;AAAA,IAClD;AAOO,WAAA;AAAA,MACH,aANgBC,EAAS,OAAO;AAAA,QAChC,aAAaH,EAAmBD,EAAM,WAAW;AAAA,QACjD,WAAWA,EAAM;AAAA,MAAA,EACnB;AAAA,IAIF;AAAA,EAAA;AAER,CAAC;SArEUK,EAAGC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SAAQC,EAAG,GAAAC,EAAA,OAAA;AAAA,IAAG,KAAKP,EAAA;AAAA,IAAA,KAAAA,EAAA;AAAA;;;;"}

package/dist/chunks/{index.fdf12170.js → index.B_EJflcs.js}

@@ -1,4 +1,4 @@
-import { r as t, t as a } from "./index.f55fdc32.js";
+import { r as t, t as a } from "./index.B_UZQ6qF.js";
 function o(e) {
   t(1, arguments);
   var r = a(e);
@@ -7,4 +7,4 @@ function o(e) {
 export {
   o as e
 };
-//# sourceMappingURL=index.fdf12170.js.map
+//# sourceMappingURL=index.B_EJflcs.js.map

package/dist/chunks/{index.fdf12170.js.map → index.B_EJflcs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.fdf12170.js","sources":["../../../../node_modules/date-fns/esm/endOfDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name endOfDay\n * @category Day Helpers\n * @summary Return the end of a day for the given date.\n *\n * @description\n * Return the end of a day for the given date.\n * The result will be in the local timezone.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the end of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The end of a day for 2 September 2014 11:55:00:\n * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 23:59:59.999\n */\n\nexport default function endOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(23, 59, 59, 999);\n  return date;\n}"],"names":["endOfDay","dirtyDate","requiredArgs","date","toDate"],"mappings":";AAyBe,SAASA,EAASC,GAAW;AAC1C,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOH,CAAS;AAC3B,SAAAE,EAAK,SAAS,IAAI,IAAI,IAAI,GAAG,GACtBA;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.B_EJflcs.js","sources":["../../../../node_modules/date-fns/esm/endOfDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name endOfDay\n * @category Day Helpers\n * @summary Return the end of a day for the given date.\n *\n * @description\n * Return the end of a day for the given date.\n * The result will be in the local timezone.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the end of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The end of a day for 2 September 2014 11:55:00:\n * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 23:59:59.999\n */\n\nexport default function endOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(23, 59, 59, 999);\n  return date;\n}"],"names":["endOfDay","dirtyDate","requiredArgs","date","toDate"],"mappings":";AAyBe,SAASA,EAASC,GAAW;AAC1C,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOH,CAAS;AAC3B,SAAAE,EAAK,SAAS,IAAI,IAAI,IAAI,GAAG,GACtBA;AACT;","x_google_ignoreList":[0]}