@adyen/bento-vue2 1.73.0 → 1.74.0

package/dist/chunks/{field-label.BKzuCnXr.js → field-label.Auq-Pzho.js}

@@ -1,9 +1,9 @@
 import { defineComponent as o, computed as i } from "vue";
 import { B as a } from "./typography.hlOAxsEn.js";
 import { C as p } from "./cross-circle-fill.DTDtgLMf.js";
-import { u as n } from "./i18n.BQkEbtPM.js";
+import { u as n } from "./index.B6WW_F-J.js";
 import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as _ } from "./info-icon.fB7jf3NJ.js";
+import { B as _ } from "./info-icon.Bhka3oGh.js";
 import "../assets/field-label.css";
 const c = {
   "en-US": {
@@ -118,4 +118,4 @@ export {
   S as E,
   E as F
 };
-//# sourceMappingURL=field-label.BKzuCnXr.js.map
+//# sourceMappingURL=field-label.Auq-Pzho.js.map

package/dist/chunks/{field-label.BKzuCnXr.js.map → field-label.Auq-Pzho.js.map}

@@ -1 +1 @@
-{"version":3,"file":"field-label.BKzuCnXr.js","sources":["../../src/components/internal/error-message/error-message.vue","../../src/components/internal/field-label/field-label.vue"],"sourcesContent":["<template>\n    <bento-typography :id=\"$attrs.id\" class=\"b-error-message\" el=\"span\" aria-live=\"polite\">\n        <div class=\"b-error-message__icon\">\n            <cross-circle-icon :svg-title=\"t('error')\" />\n        </div>\n        {{ errorMessage }}\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n    import CrossCircleIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { useI18n } from '@/utils/ts/i18n';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An error message component should be used whenever it is necessary to add an error message to a component.\n     * If adding to a form component, the proper accessibility measures should be taken when necessary\n     * (ex. associating an element with this one using aria-describedby).\n\n    * @example\n    * import { ErrorMessage } from '@/components/internal/error-message';\n    *\n    * export default {\n    *     components: { ErrorMessage },\n    *     template: `\n    *          <error-message :error-message=\"errorMessage\" />\n    *     `\n    * }\n    */\n\n    defineProps({\n        /**\n         * The rendered error message\n         */\n        errorMessage: {\n            type: String,\n            required: true,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n        name: 'error-message',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./error-message.scss\" />\n","<template>\n    <label class=\"b-field-label\" :class=\"conditionalClasses\">\n        <bento-typography el=\"span\" stronger>\n            <template v-if=\"label\">{{ label }}</template>\n            <template v-else><slot></slot></template>\n        </bento-typography>\n        <bento-typography v-if=\"!!tooltipText\" el=\"span\" class=\"b-field-label__tooltip-wrapper\">\n            <bento-info-icon :tooltip-text=\"tooltipText\" class=\"b-field-label__tooltip\" />\n        </bento-typography>\n        <bento-typography v-if=\"required\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('required') }})</bento-typography\n        >\n        <bento-typography v-else-if=\"optional\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('optional') }})</bento-typography\n        >\n    </label>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography } from '@/components/typography';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Renders the dropdown with a condensed style.\n         */\n        condensed: { type: Boolean, default: false },\n        /**\n         * Field label\n         */\n        label: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Sets the field as optional\n         */\n        optional: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Sets the field as required\n         */\n        required: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Adds a info icon next to the label to display the passed tooltip message.\n         */\n        tooltipText: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const conditionalClasses = computed(() => ({ 'b-field-label--condensed': props.condensed }));\n</script>\n\n<script lang=\"ts\">\n    /**\n    * Internal component to handle the labels for all field components\n\n    * @example\n    * import { FieldLabel } from '@/components/internal/field-label';\n    *\n    * export default {\n    *     components: { FieldLabel },\n    *     template: `\n    *          <field-label label=\"Label\" tooltip-text=\"Tooltip info\" required />\n    *     `\n    * }\n    */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./field-label.scss\" />\n"],"names":["__default__$1","messages$1","t","useI18n","__default__","messages","conditionalClasses","computed","props"],"mappings":";;;;;;;;;;;;;;;;;GA+CIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;AAPA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwCAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBArBA,EAAA,GAAAH,EAAA,IAAAC,EAAA,GAEAG,IAAAC,EAAA,OAAA,EAAA,4BAAAC,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"field-label.Auq-Pzho.js","sources":["../../src/components/internal/error-message/error-message.vue","../../src/components/internal/field-label/field-label.vue"],"sourcesContent":["<template>\n    <bento-typography :id=\"$attrs.id\" class=\"b-error-message\" el=\"span\" aria-live=\"polite\">\n        <div class=\"b-error-message__icon\">\n            <cross-circle-icon :svg-title=\"t('error')\" />\n        </div>\n        {{ errorMessage }}\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n    import CrossCircleIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { useI18n } from '@/utils/ts/i18n';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An error message component should be used whenever it is necessary to add an error message to a component.\n     * If adding to a form component, the proper accessibility measures should be taken when necessary\n     * (ex. associating an element with this one using aria-describedby).\n\n    * @example\n    * import { ErrorMessage } from '@/components/internal/error-message';\n    *\n    * export default {\n    *     components: { ErrorMessage },\n    *     template: `\n    *          <error-message :error-message=\"errorMessage\" />\n    *     `\n    * }\n    */\n\n    defineProps({\n        /**\n         * The rendered error message\n         */\n        errorMessage: {\n            type: String,\n            required: true,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n        name: 'error-message',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./error-message.scss\" />\n","<template>\n    <label class=\"b-field-label\" :class=\"conditionalClasses\">\n        <bento-typography el=\"span\" stronger>\n            <template v-if=\"label\">{{ label }}</template>\n            <template v-else><slot></slot></template>\n        </bento-typography>\n        <bento-typography v-if=\"!!tooltipText\" el=\"span\" class=\"b-field-label__tooltip-wrapper\">\n            <bento-info-icon :tooltip-text=\"tooltipText\" class=\"b-field-label__tooltip\" />\n        </bento-typography>\n        <bento-typography v-if=\"required\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('required') }})</bento-typography\n        >\n        <bento-typography v-else-if=\"optional\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('optional') }})</bento-typography\n        >\n    </label>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography } from '@/components/typography';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Renders the dropdown with a condensed style.\n         */\n        condensed: { type: Boolean, default: false },\n        /**\n         * Field label\n         */\n        label: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Sets the field as optional\n         */\n        optional: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Sets the field as required\n         */\n        required: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Adds a info icon next to the label to display the passed tooltip message.\n         */\n        tooltipText: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const conditionalClasses = computed(() => ({ 'b-field-label--condensed': props.condensed }));\n</script>\n\n<script lang=\"ts\">\n    /**\n    * Internal component to handle the labels for all field components\n\n    * @example\n    * import { FieldLabel } from '@/components/internal/field-label';\n    *\n    * export default {\n    *     components: { FieldLabel },\n    *     template: `\n    *          <field-label label=\"Label\" tooltip-text=\"Tooltip info\" required />\n    *     `\n    * }\n    */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./field-label.scss\" />\n"],"names":["__default__$1","messages$1","t","useI18n","__default__","messages","conditionalClasses","computed","props"],"mappings":";;;;;;;;;;;;;;;;;GA+CIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;AAPA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwCAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBArBA,EAAA,GAAAH,EAAA,IAAAC,EAAA,GAEAG,IAAAC,EAAA,OAAA,EAAA,4BAAAC,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;"}

package/dist/chunks/{file-uploader.BEClGxsF.js → file-uploader.BGoCYrnw.js}

@@ -2,20 +2,20 @@ import { defineComponent as W, ref as h, onUnmounted as Da, onMounted as ya, com
 /* empty css              */
 import { n as g } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { W as Ca } from "./warning-filled.CbJ1pcB2.js";
-import { B as Ba } from "./alert.CMyL-zWT.js";
+import { B as Ba } from "./alert.SZPP58tl.js";
 import { B as na, d as Oa } from "./typography.hlOAxsEn.js";
-import { u as G } from "./i18n.BQkEbtPM.js";
+import { u as G } from "./index.B6WW_F-J.js";
 import { g as w } from "./generate-uid.NJ8tVoha.js";
 import { i as ka } from "./index.Cl4_42j5.js";
 import { B as Ha } from "./bin.Ddb69cr1.js";
 import { C as qa } from "./checkmark-circle-fill.BttTCjrM.js";
 import { C as Ua } from "./cross.CC_B-vG-.js";
 import { R as Aa } from "./refresh.arF7jP-l.js";
-import { B as Za } from "./button.CilT7NmM.js";
-import { B as Pa } from "./link.C4htMrDV.js";
-import { B as Na } from "./loading-indicator.DXc7I1Lm.js";
-import { b as Wa } from "./tooltip.DOD_4rkI.js";
-import { F as Ga, E as Ya } from "./field-label.BKzuCnXr.js";
+import { B as Za } from "./button.CS_kdxYh.js";
+import { B as Pa } from "./link.D8qpqg3W.js";
+import { B as Na } from "./loading-indicator.PxbRzshH.js";
+import { b as Wa } from "./tooltip.D3SDcRef.js";
+import { F as Ga, E as Ya } from "./field-label.Auq-Pzho.js";
 import "../assets/file-uploader.css";
 let da = 0;
 const Xa = {
@@ -451,7 +451,7 @@ var dt = function() {
   mt,
   !1,
   null,
-  "f3f8a80e"
+  "7ab6dd6d"
 );
 const vt = ut.exports, ft = {
   "en-US": {
@@ -1617,11 +1617,23 @@ class yt {
   }
 }
 T = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap();
-const za = new yt(ja, Ea)._freeze();
-function Ct(e) {
+const za = new yt(ja, Ea)._freeze(), Ct = {
+  "en-US": {
+    audioFiles: "audio files",
+    browseFiles: "Browse files",
+    dropArea: "Drop area",
+    dropFiles: "Drop file to upload | Drop files to upload",
+    fileExceedsSizeLimit: "File exceeds size limit",
+    imageFiles: "image files",
+    tooManyFiles: "Too many files",
+    videoFiles: "video files",
+    youHaveExceededTheMaximum: "You have exceeded the maximum limit of {count} files. Please remove some files before proceeding."
+  }
+};
+function kt(e) {
   return e.includes("/") ? `.${za.getExtension(e).toUpperCase()}` : e.toUpperCase();
 }
-function kt(e) {
+function Rt(e) {
   const { locale: a, t } = G();
   return { supportedFileTypeList: c(() => {
     const o = new Intl.ListFormat(a.value, { style: "short", type: "unit" });
@@ -1635,25 +1647,12 @@ function kt(e) {
           case "video/*":
             return t("videoFiles");
           default:
-            return Ct(p);
+            return kt(p);
         }
       })
     ) : null;
   }) };
 }
-const Rt = {
-  "en-US": {
-    audioFiles: "audio files",
-    browseFiles: "Browse files",
-    dropArea: "Drop area",
-    dropFiles: "Drop file to upload | Drop files to upload",
-    fileExceedsSizeLimit: "File exceeds size limit",
-    imageFiles: "image files",
-    tooManyFiles: "Too many files",
-    videoFiles: "video files",
-    youHaveExceededTheMaximum: "You have exceeded the maximum limit of {count} files. Please remove some files before proceeding."
-  }
-};
 function Et(e) {
   return za.getType(e) ?? e;
 }
@@ -1690,7 +1689,7 @@ function jt({ maxCount: e, accept: a }) {
 }
 const zt = {
   model: { prop: "modelValue" },
-  i18n: { messages: Rt }
+  i18n: { messages: Ct }
 }, It = /* @__PURE__ */ W({
   ...zt,
   __name: "file-uploader",
@@ -1722,7 +1721,7 @@ const zt = {
         "2.0.0"
       );
     });
-    const { supportedFileTypeList: s } = kt(ia(t, "accept")), d = w("browse-button"), u = w("custom-text"), C = w("drop-files-text"), I = w("comma-text"), V = w("file-uploader-restrictions"), m = h(null), k = h([]), $ = h(null), E = h(null), Y = w("input"), X = w("input-error"), J = c(() => {
+    const { supportedFileTypeList: s } = Rt(ia(t, "accept")), d = w("browse-button"), u = w("custom-text"), C = w("drop-files-text"), I = w("comma-text"), V = w("file-uploader-restrictions"), m = h(null), k = h([]), $ = h(null), E = h(null), Y = w("input"), X = w("input-error"), J = c(() => {
       const n = t.condensed ? "" : `${C} ${I}`, l = t.description ? `${u} ${I}` : "", v = `${V} ${I}`;
       return `${n} ${l} ${v}  ${d}`;
     }), { dragState: L, dragErrors: R, resetDragState: F, onDragEnterValidations: B } = jt({
@@ -1910,4 +1909,4 @@ const Kt = Tt.exports;
 export {
   Kt as f
 };
-//# sourceMappingURL=file-uploader.BEClGxsF.js.map
+//# sourceMappingURL=file-uploader.BGoCYrnw.js.map