@adyen/bento-vue2 1.68.2 → 1.69.0

package/dist/chunks/{file-uploader.BPslxGI8.js → file-uploader.llBOTc1s.js}

@@ -2,8 +2,8 @@ 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.tWOyLUQT.js";
-import { B as Ba } from "./alert.c1rhDDrU.js";
-import { B as na, d as Oa } from "./typography.J1v_SPG3.js";
+import { B as Ba } from "./alert.Dx9P_L2k.js";
+import { B as na, d as Oa } from "./typography.w3m-EY4E.js";
 import { u as G } from "./i18n.BQkEbtPM.js";
 import { g as w } from "./generate-uid.NJ8tVoha.js";
 import { i as ka } from "./index.Cl4_42j5.js";
@@ -11,11 +11,11 @@ import { B as Ha } from "./bin.DLXkAVvw.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.hF-nD1Og.js";
-import { B as Pa } from "./link.CXy_LoFI.js";
-import { B as Na } from "./loading-indicator.z8COalOc.js";
-import { B as Wa } from "./tooltip.wQsyAwkC.js";
-import { F as Ga, E as Ya } from "./error-message.BgxnwPLF.js";
+import { B as Za } from "./button.B0hSQWOR.js";
+import { B as Pa } from "./link.B3F22FTY.js";
+import { B as Na } from "./loading-indicator.Iy1CVr_T.js";
+import { b as Wa } from "./tooltip.BYj8cc9F.js";
+import { F as Ga, E as Ya } from "./error-message.PWgUfpvo.js";
 import "../assets/file-uploader.css";
 let da = 0;
 const Xa = {
@@ -395,7 +395,7 @@ const st = {
   },
   emits: ["cancel", "remove", "retry"],
   setup(e, { expose: a, emit: t }) {
-    const i = e, o = 1200, { t: p, locale: f } = G(), s = h(null), d = h(null), m = h(null), C = w("file-errors-section"), I = w("cancel-file-button"), V = w("remove-file-button"), u = w("retry-file-button"), k = h(i.file.state === y.SUCCESS), $ = c(() => URL.createObjectURL(i.file.data)), E = c(() => i.file.state === y.ERROR), Y = c(() => i.file.errors.includes(x.ERROR_LOAD)), X = c(() => i.file.errors.includes(x.ERROR_SIZE)), J = c(() => i.file.errors.includes(x.ERROR_DIMENSIONS)), L = c(() => i.file.errors.includes(x.ERROR_TYPE)), R = c(() => i.file.state === y.LOADING), F = c(() => i.file.progress && `(${i.file.progress.toFixed(0)}%)`), B = c(() => Ra(f.value, i.file.data.size)), O = h(), j = h(), K = pi(O, j), S = c(() => ({
+    const i = e, o = 1200, { t: p, locale: f } = G(), s = h(null), d = h(null), u = h(null), C = w("file-errors-section"), I = w("cancel-file-button"), V = w("remove-file-button"), m = w("retry-file-button"), k = h(i.file.state === y.SUCCESS), $ = c(() => URL.createObjectURL(i.file.data)), E = c(() => i.file.state === y.ERROR), Y = c(() => i.file.errors.includes(x.ERROR_LOAD)), X = c(() => i.file.errors.includes(x.ERROR_SIZE)), J = c(() => i.file.errors.includes(x.ERROR_DIMENSIONS)), L = c(() => i.file.errors.includes(x.ERROR_TYPE)), R = c(() => i.file.state === y.LOADING), F = c(() => i.file.progress && `(${i.file.progress.toFixed(0)}%)`), B = c(() => Ra(f.value, i.file.data.size)), O = h(), j = h(), K = pi(O, j), S = c(() => ({
       "b-file-uploader-file-card--error": E.value
     })), Q = c(() => ({
       [`b-file-uploader-file-card__icon--${lt(i.file)}`]: k.value,
@@ -412,8 +412,8 @@ const st = {
       }
     );
     function q() {
-      if (m.value) {
-        m.value.$el.focus();
+      if (u.value) {
+        u.value.$el.focus();
         return;
       }
       if (s.value) {
@@ -427,7 +427,7 @@ const st = {
     }
     return a({
       focus: q
-    }), { __sfc: !0, ICON_TIMER: o, props: i, emit: t, t: p, locale: f, removeFileButtonRef: s, cancelFileButtonRef: d, retryFileButtonRef: m, fileErrorsSectionId: C, cancelFileButtonId: I, removeFileButtonId: V, retryFileButtonId: u, showFileIcon: k, downloadUrl: $, hasError: E, hasLoadError: Y, hasSizeError: X, hasDimensionsError: J, hasTypeError: L, isLoading: R, progressLabel: F, sizeLabel: B, fileNameRef: O, fileNameContainerRef: j, isFileNameTruncated: K, conditionalClasses: S, conditionalIconClasses: Q, fileUploaderIcon: H, focus: q, isVue2: ka, FileUploaderFileCardAnimation: oi, BinIcon: Ha, CrossIcon: Ua, RefreshIcon: Aa, vBentoTooltipDirective: Wa, BentoButton: Za, BentoLink: Pa, BentoTypography: na };
+    }), { __sfc: !0, ICON_TIMER: o, props: i, emit: t, t: p, locale: f, removeFileButtonRef: s, cancelFileButtonRef: d, retryFileButtonRef: u, fileErrorsSectionId: C, cancelFileButtonId: I, removeFileButtonId: V, retryFileButtonId: m, showFileIcon: k, downloadUrl: $, hasError: E, hasLoadError: Y, hasSizeError: X, hasDimensionsError: J, hasTypeError: L, isLoading: R, progressLabel: F, sizeLabel: B, fileNameRef: O, fileNameContainerRef: j, isFileNameTruncated: K, conditionalClasses: S, conditionalIconClasses: Q, fileUploaderIcon: H, focus: q, isVue2: ka, FileUploaderFileCardAnimation: oi, BinIcon: Ha, CrossIcon: Ua, RefreshIcon: Aa, vBentoTooltipDirective: Wa, BentoButton: Za, BentoLink: Pa, BentoTypography: na };
   }
 });
 var dt = function() {
@@ -480,18 +480,18 @@ const vt = ut.exports, ft = {
       "b-file-uploader-restrictions--condensed": a.condensed,
       "b-file-uploader-restrictions--disabled": a.disabled
     }));
-    function s(m) {
+    function s(u) {
       return {
-        "b-file-uploader-restrictions--error": m
+        "b-file-uploader-restrictions--error": u
       };
     }
     const d = c(() => {
       if (!a.maxDimensions)
         return null;
       const {
-        value: { width: m, height: C }
+        value: { width: u, height: C }
       } = a.maxDimensions;
-      return m && C ? t("maxImageDimensions", { width: o(m), height: o(C) }) : m ? t("maxImageWidth", { width: o(m) }) : C ? t("maxImageHeight", { height: o(C) }) : null;
+      return u && C ? t("maxImageDimensions", { width: o(u), height: o(C) }) : u ? t("maxImageWidth", { width: o(u) }) : C ? t("maxImageHeight", { height: o(C) }) : null;
     });
     return { __sfc: !0, props: a, t, tc: i, n: o, locale: p, conditionalClasses: f, setRestrictionErrorClass: s, maxDimensionsLabel: d, BentoTypography: na, formatFileSize: Ra };
   }
@@ -1580,9 +1580,9 @@ class yt {
         const d = s.startsWith("*");
         if (s = d ? s.slice(1) : s, p == null || p.add(s), f && _(this, D, "f").set(i, s), f = !1, d)
           continue;
-        const m = _(this, T, "f").get(s);
-        if (m && m != i && !t)
-          throw new Error(`"${i} -> ${s}" conflicts with "${m} -> ${s}". Pass \`force=true\` to override this definition.`);
+        const u = _(this, T, "f").get(s);
+        if (u && u != i && !t)
+          throw new Error(`"${i} -> ${s}" conflicts with "${u} -> ${s}". Pass \`force=true\` to override this definition.`);
         _(this, T, "f").set(s, i);
       }
     }
@@ -1672,14 +1672,14 @@ function jt({ maxCount: e, accept: a }) {
   function f(s, d) {
     if (i.dragging = !0, (!d.dataTransfer.types.includes("Files") || s > e.value) && (t.maxCountOverflow = !0, i.error = !0), !o.value)
       return;
-    let m = 0;
+    let u = 0;
     for (const C of d.dataTransfer.items)
-      o.value.includes(C.type) && m++;
-    if (m === 0) {
+      o.value.includes(C.type) && u++;
+    if (u === 0) {
       i.error = !0, t.invalidTypes = !0;
       return;
     }
-    !t.invalidTypes && m !== d.dataTransfer.items.length && (i.error = !0, t.partiallyInvalidTypes = !0);
+    !t.invalidTypes && u !== d.dataTransfer.items.length && (i.error = !0, t.partiallyInvalidTypes = !0);
   }
   return {
     dragState: i,
@@ -1722,8 +1722,8 @@ const zt = {
         "2.0.0"
       );
     });
-    const { supportedFileTypeList: s } = kt(ia(t, "accept")), d = w("browse-button"), m = w("custom-text"), C = w("drop-files-text"), I = w("comma-text"), V = w("file-uploader-restrictions"), u = 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 ? `${m} ${I}` : "", v = `${V} ${I}`;
+    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 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({
       accept: ia(t, "accept"),
@@ -1739,15 +1739,15 @@ const zt = {
         } : null,
         maxDimensions: t.maxDimensions ? {
           value: t.maxDimensions,
-          error: (n = u.value) == null ? void 0 : n.some((b) => b.errors.includes(x.ERROR_DIMENSIONS))
+          error: (n = m.value) == null ? void 0 : n.some((b) => b.errors.includes(x.ERROR_DIMENSIONS))
         } : null,
         maxSize: t.maxSize ? {
           value: t.maxSize,
-          error: (l = u.value) == null ? void 0 : l.some((b) => b.errors.includes(x.ERROR_SIZE))
+          error: (l = m.value) == null ? void 0 : l.some((b) => b.errors.includes(x.ERROR_SIZE))
         } : null,
         supportedFileTypes: s.value ? {
           value: s.value,
-          error: R.invalidTypes || R.partiallyInvalidTypes || ((v = u.value) == null ? void 0 : v.some((b) => b.errors.includes(x.ERROR_TYPE)))
+          error: R.invalidTypes || R.partiallyInvalidTypes || ((v = m.value) == null ? void 0 : v.some((b) => b.errors.includes(x.ERROR_TYPE)))
         } : null
       };
     }), j = h(), K = c(() => ({
@@ -1757,10 +1757,10 @@ const zt = {
       "b-file-uploader--condensed": t.condensed
     })), S = c(() => t.maxCount > 1), Q = c(() => {
       var n;
-      return t.maxCount && ((n = u.value) == null ? void 0 : n.length) >= t.maxCount;
+      return t.maxCount && ((n = m.value) == null ? void 0 : n.length) >= t.maxCount;
     }), H = c(() => {
       var n;
-      return (n = u.value) == null ? void 0 : n.some((l) => l.state === "loading");
+      return (n = m.value) == null ? void 0 : n.some((l) => l.state === "loading");
     }), q = (n) => (l) => {
       k.value[n] = l;
     };
@@ -1774,24 +1774,24 @@ const zt = {
     }
     const U = c(() => !!t.errorMessage || L.error), oa = c(() => {
       var n;
-      return ((n = u.value) == null ? void 0 : n.length) > t.maxCount;
+      return ((n = m.value) == null ? void 0 : n.length) > t.maxCount;
     }), pa = h(!1), la = c(() => {
       var n;
-      return (n = u.value) == null ? void 0 : n.some((l) => l.state === "error");
+      return (n = m.value) == null ? void 0 : n.some((l) => l.state === "error");
     });
     ta(la, (n) => {
       H.value || a("error:upload", n);
     });
     async function A() {
       var n;
-      if (await Va(), u.value.length === t.maxCount) {
+      if (await Va(), m.value.length === t.maxCount) {
         (n = k.value[0]) == null || n.focus();
         return;
       }
       E.value.focus();
     }
     async function Ia(n) {
-      u.value = u.value.filter(({ id: l }) => l !== n.id), await A(), M(u.value);
+      m.value = m.value.filter(({ id: l }) => l !== n.id), await A(), M(m.value);
     }
     function Z(n) {
       const l = ea({
@@ -1806,21 +1806,21 @@ const zt = {
     }
     function $a(n) {
       var l;
-      ((l = u.value) == null ? void 0 : l.length) === t.maxCount && n.preventDefault();
+      ((l = m.value) == null ? void 0 : l.length) === t.maxCount && n.preventDefault();
     }
     async function aa(n) {
       if (t.maxCount === 1 && n.length > t.maxCount) {
         P(), F();
         return;
       }
-      S.value ? u.value = [...u.value || [], ...Array.from(n).map((l) => Z(l))] : (u.value = [Z(n[0])], await A()), M(u.value);
+      S.value ? m.value = [...m.value || [], ...Array.from(n).map((l) => Z(l))] : (m.value = [Z(n[0])], await A()), M(m.value);
     }
     function Fa(n) {
       var v, b;
       if (t.disabled)
         return;
       j.value = n.target;
-      const l = (((v = n.dataTransfer.items) == null ? void 0 : v.length) ?? 0) + (((b = u.value) == null ? void 0 : b.length) ?? 0);
+      const l = (((v = n.dataTransfer.items) == null ? void 0 : v.length) ?? 0) + (((b = m.value) == null ? void 0 : b.length) ?? 0);
       B(l, n);
     }
     function P() {
@@ -1845,8 +1845,8 @@ const zt = {
       (n) => {
         if (n && f(n)) {
           const l = n, v = Array.from(l);
-          u.value = v.map((b) => Z(b));
-        }
+          m.value = v.map((b) => Z(b));
+        } else !n && m.value && (m.value = null);
       },
       { immediate: !0 }
     );
@@ -1871,7 +1871,7 @@ const zt = {
         }), v.files;
       }
     }
-    return { __sfc: !0, t: i, tc: o, n: p, emit: a, props: t, isFileList: f, supportedFileTypeList: s, browseFilesButtonId: d, customTextId: m, dropFilesTextId: C, commaTextId: I, fileUploaderRestrictionsId: V, files: u, fileCardRefs: k, inputRef: $, dropAreaRef: E, inputFieldId: Y, errorId: X, fileUploadAriaLabelledBy: J, dragState: L, dragErrors: R, resetDragState: F, onDragEnterValidations: B, fileUploadRestrictionsProps: O, enterTarget: j, conditionalClasses: K, isMultiple: S, hideArea: Q, loadingStateExists: H, registerFileCardRef: q, emitUpdate: M, hasError: U, maxFileCountError: oa, maxFileError: pa, hasRestrictionError: la, resetFocus: A, removeFile: Ia, processFile: Z, onInputClick: $a, onFileInput: aa, onDragEnter: Fa, resetEnterTarget: P, onDragLeave: Ta, onDragOver: La, onDrop: Sa, onInputChange: Ma, verifyFileCount: sa, verifyFileSize: ca, convertToFileList: ra, UploadIcon: ai, WarningFilledIcon: Ca, BentoAlert: Ba, BentoTypography: na, ErrorMessage: Ya, FieldLabel: Ga, FileUploaderFileCard: vt, FileUploaderRestrictions: wt };
+    return { __sfc: !0, t: i, tc: o, n: p, emit: a, props: t, isFileList: f, supportedFileTypeList: s, browseFilesButtonId: d, customTextId: u, dropFilesTextId: C, commaTextId: I, fileUploaderRestrictionsId: V, files: m, fileCardRefs: k, inputRef: $, dropAreaRef: E, inputFieldId: Y, errorId: X, fileUploadAriaLabelledBy: J, dragState: L, dragErrors: R, resetDragState: F, onDragEnterValidations: B, fileUploadRestrictionsProps: O, enterTarget: j, conditionalClasses: K, isMultiple: S, hideArea: Q, loadingStateExists: H, registerFileCardRef: q, emitUpdate: M, hasError: U, maxFileCountError: oa, maxFileError: pa, hasRestrictionError: la, resetFocus: A, removeFile: Ia, processFile: Z, onInputClick: $a, onFileInput: aa, onDragEnter: Fa, resetEnterTarget: P, onDragLeave: Ta, onDragOver: La, onDrop: Sa, onInputChange: Ma, verifyFileCount: sa, verifyFileSize: ca, convertToFileList: ra, UploadIcon: ai, WarningFilledIcon: Ca, BentoAlert: Ba, BentoTypography: na, ErrorMessage: Ya, FieldLabel: Ga, FileUploaderFileCard: vt, FileUploaderRestrictions: wt };
   }
 });
 var $t = function() {
@@ -1904,10 +1904,10 @@ var $t = function() {
   Ft,
   !1,
   null,
-  "c4d4fb22"
+  "70eb3acd"
 );
 const Kt = Tt.exports;
 export {
   Kt as f
 };
-//# sourceMappingURL=file-uploader.BPslxGI8.js.map
+//# sourceMappingURL=file-uploader.llBOTc1s.js.map