@adyen/bento-vue3 1.68.2 → 1.69.0

package/dist/chunks/{file-uploader.B_EI2fAc.js → file-uploader.09149Fx8.js}

@@ -1,9 +1,9 @@
-import { createElementBlock as x, openBlock as s, mergeProps as F, createCommentVNode as v, createElementVNode as m, toDisplayString as f, defineComponent as la, createBlock as y, unref as t, Transition as li, withCtx as w, renderSlot as Ca, TransitionGroup as si, ref as I, onUnmounted as ci, onMounted as Oa, computed as g, watch as ha, normalizeClass as q, createVNode as O, resolveDynamicComponent as di, withDirectives as Ha, createTextVNode as _, reactive as ba, toRef as xa, withKeys as $a, withModifiers as aa, Fragment as _a, renderList as ri, vShow as mi, nextTick as ui } from "vue";
+import { createElementBlock as x, openBlock as s, mergeProps as V, createCommentVNode as v, createElementVNode as m, toDisplayString as f, defineComponent as la, createBlock as k, unref as t, Transition as li, withCtx as y, renderSlot as Ca, TransitionGroup as si, ref as I, onUnmounted as ci, onMounted as Oa, computed as h, watch as ha, normalizeClass as q, createVNode as O, resolveDynamicComponent as di, withDirectives as Ha, createTextVNode as _, reactive as ba, toRef as xa, withKeys as $a, withModifiers as aa, Fragment as _a, renderList as ri, vShow as mi, nextTick as ui } from "vue";
 /* empty css              */
 import { _ as L } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { W as qa } from "./warning-filled.AiUbXzzg.js";
-import { B as vi } from "./alert.DvleqX0i.js";
-import { B as R, d as fi } from "./typography.DN5eC5ch.js";
+import { B as vi } from "./alert.DFSdD4jX.js";
+import { B as R, d as fi } from "./typography.CFHvBR7L.js";
 import { u as sa } from "./i18n.B6g5VX0q.js";
 import { g as S } from "./generate-uid.NJ8tVoha.js";
 import { i as Ba } from "./index.CWuzEfiV.js";
@@ -11,12 +11,11 @@ import { B as xi } from "./bin.CiGG2V4b.js";
 import { C as gi } from "./checkmark-circle-fill._6-d40ru.js";
 import { C as hi } from "./cross.B92GxFTY.js";
 import { R as bi } from "./refresh.BB4ouvz_.js";
-import "./events.FNmSWp_P.js";
-import { B as wi } from "./tooltip.VYPUHERk.js";
-import { B as ga } from "./button.AB0SOQMn.js";
-import { B as yi } from "./link.BBpxiclu.js";
-import { B as ki } from "./loading-indicator.DEepb9Wl.js";
-import { F as Ci, E as $i } from "./error-message.DHMHq9bR.js";
+import { b as wi } from "./tooltip.Dww8NiUR.js";
+import { B as ga } from "./button.wMNce6wZ.js";
+import { B as yi } from "./link.Di0rtpOj.js";
+import { B as ki } from "./loading-indicator.BmAQqPP2.js";
+import { F as Ci, E as $i } from "./error-message.Cu4cIfdg.js";
 import "../assets/file-uploader.css";
 let ja = 0;
 const _i = {
@@ -25,7 +24,7 @@ const _i = {
   }
 }, ji = { key: 0 };
 function zi(a, i, o, p, n, d) {
-  return s(), x("svg", F({ role: "img" }, a.$attrs, {
+  return s(), x("svg", V({ role: "img" }, a.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -50,22 +49,22 @@ const Ri = /* @__PURE__ */ L(_i, [["render", zi]]), Ei = /* @__PURE__ */ la({
     showFileIcon: { type: Boolean }
   },
   setup(a) {
-    return (i, o) => t(Ba) ? (s(), y(li, {
+    return (i, o) => t(Ba) ? (s(), k(li, {
       key: 0,
       name: i.name,
       mode: "out-in",
       css: i.showFileIcon
     }, {
-      default: w(() => [
+      default: y(() => [
         Ca(i.$slots, "default")
       ]),
       _: 3
-    }, 8, ["name", "css"])) : (s(), y(si, {
+    }, 8, ["name", "css"])) : (s(), k(si, {
       key: 1,
       name: i.name,
       css: i.showFileIcon
     }, {
-      default: w(() => [
+      default: y(() => [
         Ca(i.$slots, "default")
       ]),
       _: 3
@@ -100,7 +99,7 @@ function Za(a, i) {
     unit: za[o]
   }).format(i / 1024 ** o);
 }
-var V = /* @__PURE__ */ ((a) => (a.LOADING = "loading", a.SUCCESS = "success", a.ERROR = "error", a))(V || {}), E = /* @__PURE__ */ ((a) => (a.ERROR_SIZE = "error-size", a.ERROR_LOAD = "error-load", a.ERROR_DIMENSIONS = "error-dimensions", a.ERROR_TYPE = "error-type", a))(E || {}), pa = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.DRAG_OVER = "drag-over", a.ERROR = "error", a.READONLY = "readonly", a))(pa || {}), h = /* @__PURE__ */ ((a) => (a.TABLE = "table", a.IMAGE = "image", a.VIDEO = "video", a.AUDIO = "audio", a.TEXT = "text", a.PDF = "pdf", a.SLIDES = "slides", a.COMPRESSED = "compressed", a.GENERIC = "generic", a))(h || {});
+var F = /* @__PURE__ */ ((a) => (a.LOADING = "loading", a.SUCCESS = "success", a.ERROR = "error", a))(F || {}), E = /* @__PURE__ */ ((a) => (a.ERROR_SIZE = "error-size", a.ERROR_LOAD = "error-load", a.ERROR_DIMENSIONS = "error-dimensions", a.ERROR_TYPE = "error-type", a))(E || {}), pa = /* @__PURE__ */ ((a) => (a.DISABLED = "disabled", a.DRAG_OVER = "drag-over", a.ERROR = "error", a.READONLY = "readonly", a))(pa || {}), b = /* @__PURE__ */ ((a) => (a.TABLE = "table", a.IMAGE = "image", a.VIDEO = "video", a.AUDIO = "audio", a.TEXT = "text", a.PDF = "pdf", a.SLIDES = "slides", a.COMPRESSED = "compressed", a.GENERIC = "generic", a))(b || {});
 const Li = [
   "application/msword",
   // .doc
@@ -150,10 +149,10 @@ const Li = [
   "application/vnd.ms-cab-compressed"
   // .cab
 ];
-function Vi(a) {
-  return Ti.includes(a.type) ? h.TABLE : a.type.startsWith("text/") || Li.includes(a.type) ? h.TEXT : a.type.startsWith("image/") ? h.IMAGE : a.type.startsWith("video/") ? h.VIDEO : a.type.startsWith("audio/") ? h.AUDIO : a.type === "application/pdf" ? h.PDF : Mi.includes(a.type) ? h.SLIDES : Si.includes(a.type) ? h.COMPRESSED : h.GENERIC;
+function Fi(a) {
+  return Ti.includes(a.type) ? b.TABLE : a.type.startsWith("text/") || Li.includes(a.type) ? b.TEXT : a.type.startsWith("image/") ? b.IMAGE : a.type.startsWith("video/") ? b.VIDEO : a.type.startsWith("audio/") ? b.AUDIO : a.type === "application/pdf" ? b.PDF : Mi.includes(a.type) ? b.SLIDES : Si.includes(a.type) ? b.COMPRESSED : b.GENERIC;
 }
-function Fi(a, i) {
+function Vi(a, i) {
   if (!i)
     return !0;
   const o = i.split(",").map((p) => p.trim());
@@ -171,25 +170,25 @@ function Fi(a, i) {
 }
 function Di(a, i, o) {
   const p = new FileReader(), n = a;
-  if (!Fi(n.data, i)) {
-    n.state = V.ERROR, n.errors.push(E.ERROR_TYPE);
+  if (!Vi(n.data, i)) {
+    n.state = F.ERROR, n.errors.push(E.ERROR_TYPE);
     return;
   }
   p.onload = (d) => {
-    if (o && n.type === h.IMAGE) {
-      const l = new Blob([d.target.result], { type: n.data.type }), u = URL.createObjectURL(l), b = new Image();
-      b.onload = function() {
-        (b.width > o.width || b.height > o.height) && (n.state = V.ERROR, n.errors.push(E.ERROR_DIMENSIONS)), URL.revokeObjectURL(u);
-      }, b.onerror = function() {
+    if (o && n.type === b.IMAGE) {
+      const l = new Blob([d.target.result], { type: n.data.type }), u = URL.createObjectURL(l), w = new Image();
+      w.onload = function() {
+        (w.width > o.width || w.height > o.height) && (n.state = F.ERROR, n.errors.push(E.ERROR_DIMENSIONS)), URL.revokeObjectURL(u);
+      }, w.onerror = function() {
         URL.revokeObjectURL(u);
-      }, b.src = u;
+      }, w.src = u;
     }
   }, p.onprogress = (d) => {
     d.lengthComputable && (n.progress = d.loaded / d.total * 100);
   }, p.onloadend = () => {
-    n.state !== V.ERROR && (n.state = V.SUCCESS), n.progress = null;
+    n.state !== F.ERROR && (n.state = F.SUCCESS), n.progress = null;
   }, p.onerror = () => {
-    n.state = V.ERROR, n.errors.push(E.ERROR_LOAD), n.progress = null;
+    n.state = F.ERROR, n.errors.push(E.ERROR_LOAD), n.progress = null;
   }, p.readAsArrayBuffer(n.data);
 }
 let Ra = 0;
@@ -199,7 +198,7 @@ const Oi = {
   }
 }, Hi = { key: 0 }, qi = ["clip-path"], Bi = ["id"];
 function Zi(a, i, o, p, n, d) {
-  return s(), x("svg", F({ role: "img" }, a.$attrs, {
+  return s(), x("svg", V({ role: "img" }, a.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -236,7 +235,7 @@ const Ui = {
   }
 }, Ni = { key: 0 };
 function Pi(a, i, o, p, n, d) {
-  return s(), x("svg", F({ role: "img" }, a.$attrs, {
+  return s(), x("svg", V({ role: "img" }, a.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -258,7 +257,7 @@ const Wi = {
   }
 }, Yi = { key: 0 };
 function Xi(a, i, o, p, n, d) {
-  return s(), x("svg", F({ role: "img" }, a.$attrs, {
+  return s(), x("svg", V({ role: "img" }, a.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -280,7 +279,7 @@ const Ki = {
   }
 }, Qi = { key: 0 };
 function ae(a, i, o, p, n, d) {
-  return s(), x("svg", F({ role: "img" }, a.$attrs, {
+  return s(), x("svg", V({ role: "img" }, a.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -310,7 +309,7 @@ const ee = {
   }
 }, te = { key: 0 };
 function ne(a, i, o, p, n, d) {
-  return s(), x("svg", F({ role: "img" }, a.$attrs, {
+  return s(), x("svg", V({ role: "img" }, a.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -332,7 +331,7 @@ const pe = {
   }
 }, le = { key: 0 };
 function se(a, i, o, p, n, d) {
-  return s(), x("svg", F({ role: "img" }, a.$attrs, {
+  return s(), x("svg", V({ role: "img" }, a.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -358,7 +357,7 @@ const de = {
   }
 }, re = { key: 0 }, me = ["clip-path"], ue = ["id"];
 function ve(a, i, o, p, n, d) {
-  return s(), x("svg", F({ role: "img" }, a.$attrs, {
+  return s(), x("svg", V({ role: "img" }, a.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -387,14 +386,14 @@ function ve(a, i, o, p, n, d) {
   ], 16);
 }
 const fe = /* @__PURE__ */ L(de, [["render", ve]]);
-let Va = 0;
+let Fa = 0;
 const xe = {
   beforeCreate() {
-    this.uuid = Va.toString(), Va += 1;
+    this.uuid = Fa.toString(), Fa += 1;
   }
 }, ge = { key: 0 };
 function he(a, i, o, p, n, d) {
-  return s(), x("svg", F({ role: "img" }, a.$attrs, {
+  return s(), x("svg", V({ role: "img" }, a.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -417,14 +416,14 @@ function he(a, i, o, p, n, d) {
   ], 16);
 }
 const be = /* @__PURE__ */ L(xe, [["render", he]]);
-let Fa = 0;
+let Va = 0;
 const we = {
   beforeCreate() {
-    this.uuid = Fa.toString(), Fa += 1;
+    this.uuid = Va.toString(), Va += 1;
   }
 }, ye = { key: 0 };
 function ke(a, i, o, p, n, d) {
-  return s(), x("svg", F({ role: "img" }, a.$attrs, {
+  return s(), x("svg", V({ role: "img" }, a.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -439,28 +438,28 @@ function ke(a, i, o, p, n, d) {
   ], 16);
 }
 const Ce = /* @__PURE__ */ L(we, [["render", ke]]), $e = {
-  [h.AUDIO]: be,
-  [h.COMPRESSED]: oe,
-  [h.GENERIC]: Ai,
-  [h.IMAGE]: ce,
-  [h.PDF]: Ji,
-  [h.SLIDES]: Gi,
-  [h.TABLE]: Ce,
-  [h.TEXT]: ie,
-  [h.VIDEO]: fe
+  [b.AUDIO]: be,
+  [b.COMPRESSED]: oe,
+  [b.GENERIC]: Ai,
+  [b.IMAGE]: ce,
+  [b.PDF]: Ji,
+  [b.SLIDES]: Gi,
+  [b.TABLE]: Ce,
+  [b.TEXT]: ie,
+  [b.VIDEO]: fe
 };
 function _e(a) {
   return $e[a.type];
 }
 function je(a) {
   switch (a.type) {
-    case h.COMPRESSED:
-    case h.GENERIC:
+    case b.COMPRESSED:
+    case b.GENERIC:
       return "grey";
-    case h.PDF:
-    case h.SLIDES:
+    case b.PDF:
+    case b.SLIDES:
       return "orange";
-    case h.TEXT:
+    case b.TEXT:
       return "blue";
     default:
       return "green";
@@ -496,16 +495,16 @@ const Aa = {
   },
   emits: ["cancel", "remove", "retry"],
   setup(a, { expose: i, emit: o }) {
-    const n = a, d = o, { t: l, locale: u } = sa({ messages: Aa }), b = I(null), r = I(null), z = I(null), B = S("file-errors-section"), Z = S("cancel-file-button"), P = S("remove-file-button"), k = S("retry-file-button"), H = I(n.file.state === V.SUCCESS), D = g(() => URL.createObjectURL(n.file.data)), A = g(() => n.file.state === V.ERROR), ea = g(() => n.file.errors.includes(E.ERROR_LOAD)), ta = g(() => n.file.errors.includes(E.ERROR_SIZE)), na = g(() => n.file.errors.includes(E.ERROR_DIMENSIONS)), Y = g(() => n.file.errors.includes(E.ERROR_TYPE)), U = g(() => n.file.state === V.LOADING), X = g(() => n.file.progress && `(${n.file.progress.toFixed(0)}%)`), ca = g(() => Za(u.value, n.file.data.size)), J = I(), G = I(), da = Ii(J, G), K = g(() => ({
+    const n = a, d = o, { t: l, locale: u } = sa({ messages: Aa }), w = I(null), r = I(null), z = I(null), B = S("file-errors-section"), Z = S("cancel-file-button"), P = S("remove-file-button"), g = S("retry-file-button"), H = I(n.file.state === F.SUCCESS), D = h(() => URL.createObjectURL(n.file.data)), A = h(() => n.file.state === F.ERROR), ea = h(() => n.file.errors.includes(E.ERROR_LOAD)), ta = h(() => n.file.errors.includes(E.ERROR_SIZE)), na = h(() => n.file.errors.includes(E.ERROR_DIMENSIONS)), Y = h(() => n.file.errors.includes(E.ERROR_TYPE)), U = h(() => n.file.state === F.LOADING), X = h(() => n.file.progress && `(${n.file.progress.toFixed(0)}%)`), ca = h(() => Za(u.value, n.file.data.size)), J = I(), G = I(), da = Ii(J, G), K = h(() => ({
       "b-file-uploader-file-card--error": A.value
-    })), ra = g(() => ({
+    })), ra = h(() => ({
       [`b-file-uploader-file-card__icon--${je(n.file)}`]: H.value,
       "b-file-uploader-file-card__icon--error": A.value
-    })), oa = g(() => U.value ? ki : A.value ? qa : H.value ? _e(n.file) : gi);
+    })), oa = h(() => U.value ? ki : A.value ? qa : H.value ? _e(n.file) : gi);
     ha(
       () => n.file.state,
       (j) => {
-        if (j === V.SUCCESS && !H.value) {
+        if (j === F.SUCCESS && !H.value) {
           const T = setTimeout(() => {
             H.value = !0, clearTimeout(T);
           }, 1200);
@@ -517,8 +516,8 @@ const Aa = {
         z.value.$el.focus();
         return;
       }
-      if (b.value) {
-        b.value.$el.focus();
+      if (w.value) {
+        w.value.$el.focus();
         return;
       }
       if (r.value) {
@@ -537,8 +536,8 @@ const Aa = {
             name: t(Ba) ? "b-file-uploader-file-card__animation" : "b-file-uploader-file-card__animation--vue3",
             "show-file-icon": H.value
           }, {
-            default: w(() => [
-              (s(), y(di(oa.value), {
+            default: y(() => [
+              (s(), k(di(oa.value), {
                 key: JSON.stringify(oa.value),
                 small: "",
                 "aria-hidden": "true",
@@ -562,14 +561,14 @@ const Aa = {
               "is-not-routing": "",
               variant: "quiet"
             }, {
-              default: w(() => [
-                Ha((s(), y(t(R), {
+              default: y(() => [
+                Ha((s(), k(t(R), {
                   ref_key: "fileNameRef",
                   ref: J,
                   stronger: "",
                   el: "span"
                 }, {
-                  default: w(() => [
+                  default: y(() => [
                     _(f(j.file.data.name), 1)
                   ]),
                   _: 1
@@ -580,21 +579,21 @@ const Aa = {
               _: 1
             }, 8, ["download", "to"])
           ], 512),
-          j.file.progress ? (s(), y(t(R), {
+          j.file.progress ? (s(), k(t(R), {
             key: 0,
             el: "span"
           }, {
-            default: w(() => [
+            default: y(() => [
               _(f(X.value), 1)
             ]),
             _: 1
-          })) : j.file.data.size ? (s(), y(t(R), {
+          })) : j.file.data.size ? (s(), k(t(R), {
             key: 1,
             class: "b-file-uploader-file-card__file-size",
             "aria-hidden": "true",
             el: "span"
           }, {
-            default: w(() => [
+            default: y(() => [
               _(f(ca.value), 1)
             ]),
             _: 1
@@ -605,29 +604,29 @@ const Aa = {
           id: t(B),
           role: "alert"
         }, [
-          ta.value ? (s(), y(t(R), {
+          ta.value ? (s(), k(t(R), {
             key: 0,
             class: "b-file-uploader-file-card__error-message"
           }, {
-            default: w(() => [
+            default: y(() => [
               _(f(t(l)("fileExceedsSizeLimit")), 1)
             ]),
             _: 1
           })) : v("", !0),
-          na.value ? (s(), y(t(R), {
+          na.value ? (s(), k(t(R), {
             key: 1,
             class: "b-file-uploader-file-card__error-message"
           }, {
-            default: w(() => [
+            default: y(() => [
               _(f(t(l)("imageDimensionsExceedLimits")), 1)
             ]),
             _: 1
           })) : v("", !0),
-          Y.value && j.supportedFileTypes ? (s(), y(t(R), {
+          Y.value && j.supportedFileTypes ? (s(), k(t(R), {
             key: 2,
             class: "b-file-uploader-file-card__error-message"
           }, {
-            default: w(() => [
+            default: y(() => [
               _(f(t(l)("fileTypeMustBe", { list: j.supportedFileTypes })), 1)
             ]),
             _: 1
@@ -635,26 +634,26 @@ const Aa = {
         ], 8, Ee)) : v("", !0)
       ]),
       m("div", Ie, [
-        ea.value ? (s(), y(t(ga), {
+        ea.value ? (s(), k(t(ga), {
           key: 0,
           ref_key: "retryFileButtonRef",
           ref: z,
-          "aria-labelledby": `${t(B)} ${t(k)}`,
+          "aria-labelledby": `${t(B)} ${t(g)}`,
           variant: "tertiary",
           onClick: T[0] || (T[0] = (Q) => d("retry"))
         }, {
-          iconLeft: w(() => [
+          iconLeft: y(() => [
             O(t(bi), {
-              id: t(k),
+              id: t(g),
               "svg-title": `${t(l)("retry")} - ${j.file.data.name} `
             }, null, 8, ["id", "svg-title"])
           ]),
-          default: w(() => [
+          default: y(() => [
             _(" " + f(t(l)("retry")), 1)
           ]),
           _: 1
         }, 8, ["aria-labelledby"])) : v("", !0),
-        U.value || A.value ? (s(), y(t(ga), {
+        U.value || A.value ? (s(), k(t(ga), {
           key: 1,
           ref_key: "cancelFileButtonRef",
           ref: r,
@@ -662,22 +661,22 @@ const Aa = {
           variant: "tertiary",
           onClick: T[1] || (T[1] = (Q) => d("cancel"))
         }, {
-          iconLeft: w(() => [
+          iconLeft: y(() => [
             O(t(hi), {
               id: t(Z),
               "svg-title": `${t(l)("cancel")} - ${j.file.data.name}`
             }, null, 8, ["id", "svg-title"])
           ]),
           _: 1
-        }, 8, ["aria-labelledby"])) : (s(), y(t(ga), {
+        }, 8, ["aria-labelledby"])) : (s(), k(t(ga), {
           key: 2,
           ref_key: "removeFileButtonRef",
-          ref: b,
+          ref: w,
           "aria-labelledby": `${t(B)} ${t(P)}`,
           variant: "tertiary",
           onClick: T[2] || (T[2] = (Q) => d("remove"))
         }, {
-          iconLeft: w(() => [
+          iconLeft: y(() => [
             O(t(xi), {
               id: t(P),
               "svg-title": `${t(l)("remove")} - ${j.file.data.name}`
@@ -699,7 +698,7 @@ const Aa = {
   }
 }, Se = {
   i18n: { messages: Ua }
-}, Ve = /* @__PURE__ */ la({
+}, Fe = /* @__PURE__ */ la({
   ...Se,
   __name: "file-uploader-restrictions",
   props: {
@@ -711,7 +710,7 @@ const Aa = {
     supportedFileTypes: { default: null }
   },
   setup(a) {
-    const i = a, { t: o, tc: p, n, locale: d } = sa({ messages: Ua }), l = g(() => ({
+    const i = a, { t: o, tc: p, n, locale: d } = sa({ messages: Ua }), l = h(() => ({
       "b-file-uploader-restrictions--condensed": i.condensed,
       "b-file-uploader-restrictions--disabled": i.disabled
     }));
@@ -720,7 +719,7 @@ const Aa = {
         "b-file-uploader-restrictions--error": r
       };
     }
-    const b = g(() => {
+    const w = h(() => {
       if (!i.maxDimensions)
         return null;
       const {
@@ -731,45 +730,45 @@ const Aa = {
     return (r, z) => (s(), x("div", {
       class: q(["b-file-uploader-restrictions", l.value])
     }, [
-      r.supportedFileTypes ? (s(), y(t(R), {
+      r.supportedFileTypes ? (s(), k(t(R), {
         key: 0,
         class: q(u(r.supportedFileTypes.error))
       }, {
-        default: w(() => [
+        default: y(() => [
           _(f(t(o)("supportedFileTypes", { list: r.supportedFileTypes.value })), 1)
         ]),
         _: 1
       }, 8, ["class"])) : v("", !0),
-      r.maxSize ? (s(), y(t(R), {
+      r.maxSize ? (s(), k(t(R), {
         key: 1,
         class: q(u(r.maxSize.error))
       }, {
-        default: w(() => [
+        default: y(() => [
           _(f(t(o)("maxFileSize", { size: t(Za)(t(d), r.maxSize.value) })), 1)
         ]),
         _: 1
       }, 8, ["class"])) : v("", !0),
-      r.maxDimensions ? (s(), y(t(R), {
+      r.maxDimensions ? (s(), k(t(R), {
         key: 2,
         class: q(u(r.maxDimensions.error))
       }, {
-        default: w(() => [
-          _(f(b.value), 1)
+        default: y(() => [
+          _(f(w.value), 1)
         ]),
         _: 1
       }, 8, ["class"])) : v("", !0),
-      r.maxCount ? (s(), y(t(R), {
+      r.maxCount ? (s(), k(t(R), {
         key: 3,
         class: q(u(r.maxCount.error))
       }, {
-        default: w(() => [
+        default: y(() => [
           _(f(t(p)("maxUpload", r.maxCount.value, { count: t(n)(r.maxCount.value) })), 1)
         ]),
         _: 1
       }, 8, ["class"])) : v("", !0)
     ], 2));
   }
-}), Da = /* @__PURE__ */ L(Ve, [["__scopeId", "data-v-6ad327db"]]), Na = {
+}), Da = /* @__PURE__ */ L(Fe, [["__scopeId", "data-v-6ad327db"]]), Na = {
   "application/prs.cww": ["cww"],
   "application/prs.xsf+xml": ["xsf"],
   "application/vnd.1000minds.decision-model+xml": ["1km"],
@@ -1827,7 +1826,7 @@ var M = function(a, i, o, p) {
   if (typeof i == "function" ? a !== i || !p : !i.has(a)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return o === "m" ? p : o === "a" ? p.call(a) : p ? p.value : i.get(a);
 }, W, ia, N;
-class Fe {
+class Ve {
   constructor(...i) {
     W.set(this, /* @__PURE__ */ new Map()), ia.set(this, /* @__PURE__ */ new Map()), N.set(this, /* @__PURE__ */ new Map());
     for (const o of i)
@@ -1839,8 +1838,8 @@ class Fe {
       const d = M(this, N, "f").get(p);
       let l = !0;
       for (let u of n) {
-        const b = u.startsWith("*");
-        if (u = b ? u.slice(1) : u, d == null || d.add(u), l && M(this, ia, "f").set(p, u), l = !1, b)
+        const w = u.startsWith("*");
+        if (u = w ? u.slice(1) : u, d == null || d.add(u), l && M(this, ia, "f").set(p, u), l = !1, w)
           continue;
         const r = M(this, W, "f").get(u);
         if (r && r != p && !o)
@@ -1879,13 +1878,13 @@ class Fe {
   }
 }
 W = /* @__PURE__ */ new WeakMap(), ia = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
-const Ga = new Fe(Pa, Na)._freeze();
+const Ga = new Ve(Pa, Na)._freeze();
 function De(a) {
   return a.includes("/") ? `.${Ga.getExtension(a).toUpperCase()}` : a.toUpperCase();
 }
 function Oe(a) {
   const { locale: i, t: o } = sa();
-  return { supportedFileTypeList: g(() => {
+  return { supportedFileTypeList: h(() => {
     const n = new Intl.ListFormat(i.value, { style: "short", type: "unit" });
     return a != null && a.value ? n.format(
       a.value.split(",").map((d) => {
@@ -1927,21 +1926,21 @@ function qe({ maxCount: a, accept: i }) {
   }), p = ba({
     dragging: !1,
     error: !1
-  }), n = g(() => i.value ? i.value.split(",").map((b) => He(b.trim().toLocaleLowerCase())) : void 0);
+  }), n = h(() => i.value ? i.value.split(",").map((w) => He(w.trim().toLocaleLowerCase())) : void 0);
   function d() {
     p.dragging = !1, p.error = !1, o.invalidTypes = !1, o.partiallyInvalidTypes = !1, o.maxCountOverflow = !1;
   }
-  function l(u, b) {
-    if (p.dragging = !0, (!b.dataTransfer.types.includes("Files") || u > a.value) && (o.maxCountOverflow = !0, p.error = !0), !n.value)
+  function l(u, w) {
+    if (p.dragging = !0, (!w.dataTransfer.types.includes("Files") || u > a.value) && (o.maxCountOverflow = !0, p.error = !0), !n.value)
       return;
     let r = 0;
-    for (const z of b.dataTransfer.items)
+    for (const z of w.dataTransfer.items)
       n.value.includes(z.type) && r++;
     if (r === 0) {
       p.error = !0, o.invalidTypes = !0;
       return;
     }
-    !o.invalidTypes && r !== b.dataTransfer.items.length && (p.error = !0, o.partiallyInvalidTypes = !0);
+    !o.invalidTypes && r !== w.dataTransfer.items.length && (p.error = !0, o.partiallyInvalidTypes = !0);
   }
   return {
     dragState: p,
@@ -1987,13 +1986,13 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
         "2.0.0"
       );
     });
-    const { supportedFileTypeList: b } = Oe(xa(l, "accept")), r = S("browse-button"), z = S("custom-text"), B = S("drop-files-text"), Z = S("comma-text"), P = S("file-uploader-restrictions"), k = I(null), H = I([]), D = I(null), A = I(null), ea = S("input"), ta = S("input-error"), na = g(() => {
+    const { supportedFileTypeList: w } = Oe(xa(l, "accept")), r = S("browse-button"), z = S("custom-text"), B = S("drop-files-text"), Z = S("comma-text"), P = S("file-uploader-restrictions"), g = I(null), H = I([]), D = I(null), A = I(null), ea = S("input"), ta = S("input-error"), na = h(() => {
       const e = l.condensed ? "" : `${B} ${Z}`, c = l.description ? `${z} ${Z}` : "", C = `${P} ${Z}`;
       return `${e} ${c} ${C}  ${r}`;
     }), { dragState: Y, dragErrors: U, resetDragState: X, onDragEnterValidations: ca } = qe({
       accept: xa(l, "accept"),
       maxCount: xa(l, "maxCount")
-    }), J = g(() => {
+    }), J = h(() => {
       var e, c, C;
       return {
         condensed: l.condensed,
@@ -2004,28 +2003,28 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
         } : null,
         maxDimensions: l.maxDimensions ? {
           value: l.maxDimensions,
-          error: (e = k.value) == null ? void 0 : e.some(($) => $.errors.includes(E.ERROR_DIMENSIONS))
+          error: (e = g.value) == null ? void 0 : e.some(($) => $.errors.includes(E.ERROR_DIMENSIONS))
         } : null,
         maxSize: l.maxSize ? {
           value: l.maxSize,
-          error: (c = k.value) == null ? void 0 : c.some(($) => $.errors.includes(E.ERROR_SIZE))
+          error: (c = g.value) == null ? void 0 : c.some(($) => $.errors.includes(E.ERROR_SIZE))
         } : null,
-        supportedFileTypes: b.value ? {
-          value: b.value,
-          error: U.invalidTypes || U.partiallyInvalidTypes || ((C = k.value) == null ? void 0 : C.some(($) => $.errors.includes(E.ERROR_TYPE)))
+        supportedFileTypes: w.value ? {
+          value: w.value,
+          error: U.invalidTypes || U.partiallyInvalidTypes || ((C = g.value) == null ? void 0 : C.some(($) => $.errors.includes(E.ERROR_TYPE)))
         } : null
       };
-    }), G = I(), da = g(() => ({
+    }), G = I(), da = h(() => ({
       [`b-file-uploader--${pa.DISABLED}`]: l.disabled,
       [`b-file-uploader--${pa.DRAG_OVER}`]: Y.dragging,
       [`b-file-uploader--${pa.ERROR}`]: T.value,
       "b-file-uploader--condensed": l.condensed
-    })), K = g(() => l.maxCount > 1), ra = g(() => {
+    })), K = h(() => l.maxCount > 1), ra = h(() => {
       var e;
-      return l.maxCount && ((e = k.value) == null ? void 0 : e.length) >= l.maxCount;
-    }), oa = g(() => {
+      return l.maxCount && ((e = g.value) == null ? void 0 : e.length) >= l.maxCount;
+    }), oa = h(() => {
       var e;
-      return (e = k.value) == null ? void 0 : e.some((c) => c.state === "loading");
+      return (e = g.value) == null ? void 0 : e.some((c) => c.state === "loading");
     }), ma = (e) => (c) => {
       H.value[e] = c;
     };
@@ -2037,26 +2036,26 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
       } else
         d("change"), d("update:modelValue"), d("input");
     }
-    const T = g(() => !!l.errorMessage || Y.error), Q = g(() => {
+    const T = h(() => !!l.errorMessage || Y.error), Q = h(() => {
       var e;
-      return ((e = k.value) == null ? void 0 : e.length) > l.maxCount;
-    }), Ya = I(!1), Xa = g(() => {
+      return ((e = g.value) == null ? void 0 : e.length) > l.maxCount;
+    }), Ya = I(!1), Xa = h(() => {
       var e;
-      return (e = k.value) == null ? void 0 : e.some((c) => c.state === "error");
+      return (e = g.value) == null ? void 0 : e.some((c) => c.state === "error");
     });
     ha(Xa, (e) => {
       oa.value || d("error:upload", e);
     });
     async function ua() {
       var e;
-      if (await ui(), k.value.length === l.maxCount) {
+      if (await ui(), g.value.length === l.maxCount) {
         (e = H.value[0]) == null || e.focus();
         return;
       }
       A.value.focus();
     }
     async function wa(e) {
-      k.value = k.value.filter(({ id: c }) => c !== e.id), await ua(), j(k.value);
+      g.value = g.value.filter(({ id: c }) => c !== e.id), await ua(), j(g.value);
     }
     function va(e) {
       const c = ba({
@@ -2064,28 +2063,28 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
         data: e,
         errors: [],
         progress: null,
-        state: V.LOADING,
-        type: Vi(e)
+        state: F.LOADING,
+        type: Fi(e)
       });
       return Di(c, l.accept, l.maxDimensions), c;
     }
     function Ja(e) {
       var c;
-      ((c = k.value) == null ? void 0 : c.length) === l.maxCount && e.preventDefault();
+      ((c = g.value) == null ? void 0 : c.length) === l.maxCount && e.preventDefault();
     }
     async function ya(e) {
       if (l.maxCount === 1 && e.length > l.maxCount) {
         fa(), X();
         return;
       }
-      K.value ? k.value = [...k.value || [], ...Array.from(e).map((c) => va(c))] : (k.value = [va(e[0])], await ua()), j(k.value);
+      K.value ? g.value = [...g.value || [], ...Array.from(e).map((c) => va(c))] : (g.value = [va(e[0])], await ua()), j(g.value);
     }
     function Ka(e) {
       var C, $;
       if (l.disabled)
         return;
       G.value = e.target;
-      const c = (((C = e.dataTransfer.items) == null ? void 0 : C.length) ?? 0) + ((($ = k.value) == null ? void 0 : $.length) ?? 0);
+      const c = (((C = e.dataTransfer.items) == null ? void 0 : C.length) ?? 0) + ((($ = g.value) == null ? void 0 : $.length) ?? 0);
       ca(c, e);
     }
     function fa() {
@@ -2110,8 +2109,8 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
       (e) => {
         if (e && u(e)) {
           const c = e, C = Array.from(c);
-          k.value = C.map(($) => va($));
-        }
+          g.value = C.map(($) => va($));
+        } else !e && g.value && (g.value = null);
       },
       { immediate: !0 }
     );
@@ -2122,7 +2121,7 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
     function ni(e) {
       l.maxSize && e.forEach((c) => {
         const C = c;
-        C.data.size > l.maxSize && (C.state = V.ERROR, C.errors.push(E.ERROR_SIZE));
+        C.data.size > l.maxSize && (C.state = F.ERROR, C.errors.push(E.ERROR_SIZE));
       });
     }
     function oi(e) {
@@ -2188,7 +2187,7 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
           ]
         }, [
           m("div", Ue, [
-            T.value ? (s(), y(t(qa), { key: 0 })) : (s(), y(t(Ri), { key: 1 }))
+            T.value ? (s(), k(t(qa), { key: 0 })) : (s(), k(t(Ri), { key: 1 }))
           ]),
           e.condensed ? v("", !0) : (s(), x(_a, { key: 0 }, [
             O(t(R), {
@@ -2197,84 +2196,84 @@ const Be = ["id", "accept", "disabled", "multiple"], Ze = ["id"], Ae = ["aria-la
               strongest: "",
               class: "b-file-uploader__title"
             }, {
-              default: w(() => [
+              default: y(() => [
                 _(f(t(p)("dropFiles", e.maxCount)), 1)
               ]),
               _: 1
             }, 8, ["id"]),
-            e.description ? (s(), y(t(R), {
+            e.description ? (s(), k(t(R), {
               key: 0,
               id: t(z),
               el: "span",
               class: "b-file-uploader__description"
             }, {
-              default: w(() => [
+              default: y(() => [
                 _(f(e.description), 1)
               ]),
               _: 1
             }, 8, ["id"])) : v("", !0),
-            O(t(Da), F(J.value, { id: t(P) }), null, 16, ["id"])
+            O(t(Da), V(J.value, { id: t(P) }), null, 16, ["id"])
           ], 64)),
           O(t(R), {
             id: t(r),
             stronger: "",
             class: "b-file-uploader__button"
           }, {
-            default: w(() => [
+            default: y(() => [
               _(f(t(o)("browseFiles")), 1)
             ]),
             _: 1
           }, 8, ["id"])
         ], 40, Ae)),
-        T.value && e.errorMessage ? (s(), y(t($i), {
+        T.value && e.errorMessage ? (s(), k(t($i), {
           key: 1,
           id: t(ta),
           "error-message": e.errorMessage,
           class: "b-file-uploader__error-message"
         }, null, 8, ["id", "error-message"])) : v("", !0),
-        e.condensed && e.description ? (s(), y(t(R), {
+        e.condensed && e.description ? (s(), k(t(R), {
           key: 2,
           id: t(z),
           "aria-hidden": "true",
           el: "span",
           class: "b-file-uploader__description b-file-uploader__description--condensed"
         }, {
-          default: w(() => [
+          default: y(() => [
             _(f(e.description), 1)
           ]),
           _: 1
         }, 8, ["id"])) : v("", !0),
-        e.condensed ? (s(), y(t(Da), F({ key: 3 }, J.value, { id: t(P) }), null, 16, ["id"])) : v("", !0),
-        Q.value ? (s(), y(t(vi), {
+        e.condensed ? (s(), k(t(Da), V({ key: 3 }, J.value, { id: t(P) }), null, 16, ["id"])) : v("", !0),
+        Q.value ? (s(), k(t(vi), {
           key: 4,
           type: "critical"
         }, {
-          description: w(() => [
+          description: y(() => [
             _(f(t(o)("youHaveExceededTheMaximum", { count: t(n)(l.maxCount) })), 1)
           ]),
-          default: w(() => [
+          default: y(() => [
             _(f(t(o)("tooManyFiles")) + " ", 1)
           ]),
           _: 1
         })) : v("", !0),
         Ha(m("div", Ne, [
-          (s(!0), x(_a, null, ri(k.value, ($, ka) => (s(), y(t(Me), {
+          (s(!0), x(_a, null, ri(g.value, ($, ka) => (s(), k(t(Me), {
             ref_for: !0,
             ref: ma(ka),
             key: $.id,
             file: $,
-            "supported-file-types": t(b),
+            "supported-file-types": t(w),
             onCancel: (pi) => wa($),
             onRemove: (pi) => wa($)
           }, null, 8, ["file", "supported-file-types", "onCancel", "onRemove"]))), 128))
         ], 512), [
-          [mi, (C = k.value) == null ? void 0 : C.length]
+          [mi, (C = g.value) == null ? void 0 : C.length]
         ])
       ], 2);
     };
   }
-}), ut = /* @__PURE__ */ L(Ge, [["__scopeId", "data-v-18f82422"]]);
+}), mt = /* @__PURE__ */ L(Ge, [["__scopeId", "data-v-e9e9f3d9"]]);
 export {
-  ut as f
+  mt as f
 };
-//# sourceMappingURL=file-uploader.B_EI2fAc.js.map
+//# sourceMappingURL=file-uploader.09149Fx8.js.map