@volverjs/ui-vue 0.0.13-beta.9 → 0.0.14

package/dist/components/VvInputFile/VvInputFile.es.js

@@ -1,4 +1,4 @@
-import { Fragment as rt, computed as n, createBlock as F, createCommentVNode as A, createElementBlock as k, createElementVNode as K, createSlots as lt, createTextVNode as Ge, createVNode as Se, defineComponent as Y, getCurrentInstance as ot, guardReactiveProps as j, h as ne, inject as se, isRef as nt, mergeDefaults as it, mergeProps as J, normalizeClass as _e, normalizeProps as $, onBeforeUnmount as ut, openBlock as S, ref as z, renderSlot as w, resolveComponent as st, resolveDynamicComponent as dt, toDisplayString as q, toRef as vt, toRefs as we, unref as v, useAttrs as ft, useId as ct, useSlots as He, watch as Ke, withCtx as U, withModifiers as E } from "vue";
+import { Fragment as rt, computed as n, createBlock as F, createCommentVNode as A, createElementBlock as k, createElementVNode as K, createSlots as lt, createTextVNode as Ge, createVNode as Se, defineComponent as Y, getCurrentInstance as ot, guardReactiveProps as j, h as ne, inject as se, isRef as nt, mergeDefaults as it, mergeProps as J, normalizeClass as _e, normalizeProps as $, onBeforeUnmount as ut, openBlock as S, ref as z, renderSlot as I, resolveComponent as st, resolveDynamicComponent as dt, toDisplayString as q, toRef as vt, toRefs as Ie, unref as v, useAttrs as ft, useId as ct, useSlots as He, watch as Ke, withCtx as U, withModifiers as E } from "vue";
 import { useVModel as pt } from "@vueuse/core";
 import gt from "vuedraggable";
 import { Icon as mt, addIcon as bt, iconLoaded as Le } from "@iconify/vue";
@@ -13,15 +13,13 @@ var ie = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, yt = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), ht = { prefix: yt.normal }, je = /* @__PURE__ */ (function(e) {
+}, yt = { prefix: "normal" }, je = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
-})({}), St = /* @__PURE__ */ (function(e) {
+})({}), ht = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
 })({}), O = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), _t = /* @__PURE__ */ (function(e) {
+})({}), St = /* @__PURE__ */ (function(e) {
   return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
 })({}), ue = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
@@ -29,7 +27,7 @@ var ie = {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
 })({}), R = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), Lt = /* @__PURE__ */ Symbol.for("volver"), At = /* @__PURE__ */ Symbol.for("buttonGroup"), Bt = /* @__PURE__ */ Symbol.for("dropdownTrigger"), wt = /* @__PURE__ */ Symbol.for("dropdownAction"), It = {
+})({}), _t = /* @__PURE__ */ Symbol.for("volver"), Lt = /* @__PURE__ */ Symbol.for("buttonGroup"), At = /* @__PURE__ */ Symbol.for("dropdownTrigger"), Bt = /* @__PURE__ */ Symbol.for("dropdownAction"), It = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -67,16 +65,16 @@ var ie = {
 }, Q = { disabled: {
   type: Boolean,
   default: !1
-} }, Ie = { required: {
+} }, we = { required: {
   type: Boolean,
   default: !1
-} }, Ot = { active: {
+} }, wt = { active: {
   type: Boolean,
   default: !1
-} }, $t = { current: {
+} }, Ot = { current: {
   type: Boolean,
   default: !1
-} }, Aa = {
+} }, La = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -89,7 +87,7 @@ var ie = {
     type: String,
     default: "Clear"
   }
-}, kt = { pressed: {
+}, $t = { pressed: {
   type: Boolean,
   default: !1
 } }, X = { label: {
@@ -104,7 +102,7 @@ var ie = {
 } }, ce = { hintLabel: {
   type: String,
   default: ""
-} }, Ct = {
+} }, kt = {
   options: {
     type: Array,
     default: () => []
@@ -130,7 +128,7 @@ var ie = {
     "limit",
     "countdown"
   ].includes(e)
-} }, Vt = { debounce: {
+} }, Ct = { debounce: {
   type: [Number, String],
   default: void 0
 } }, Oe = {
@@ -146,22 +144,22 @@ var ie = {
 }, ze = { tabindex: {
   type: [String, Number],
   default: 0
-} }, Et = { floating: {
+} }, Vt = { floating: {
   type: Boolean,
   default: !1
-} }, Rt = { unselectable: {
+} }, Et = { unselectable: {
   type: Boolean,
   default: !0
-} }, Je = { id: [String, Number] }, Ba = {
+} }, Je = { id: [String, Number] }, Aa = {
   placement: {
     type: String,
     default: O.bottom,
-    validator: (e) => Object.values(O).includes(e) || Object.values(_t).includes(e)
+    validator: (e) => Object.values(O).includes(e) || Object.values(St).includes(e)
   },
   strategy: {
     type: String,
     default: void 0,
-    validator: (e) => Object.values(St).includes(e)
+    validator: (e) => Object.values(ht).includes(e)
   },
   transitionName: {
     type: String,
@@ -213,16 +211,16 @@ var ie = {
     type: String,
     required: !0
   }
-}, Nt = { autofocus: {
+}, Rt = { autofocus: {
   type: Boolean,
   default: !1
-} }, Dt = { autocomplete: {
+} }, Nt = { autocomplete: {
   type: String,
   default: "off"
-} }, wa = {
+} }, Ba = {
   ...$e,
+  ...Rt,
   ...Nt,
-  ...Dt,
   ...ze,
   ...Q,
   ...fe,
@@ -232,9 +230,9 @@ var ie = {
   ...Z,
   ...x,
   ...Pt,
-  ...Vt,
+  ...Ct,
   ...Oe,
-  ...Et,
+  ...Vt,
   ...X,
   minlength: {
     type: [String, Number],
@@ -248,7 +246,7 @@ var ie = {
     type: String,
     default: void 0
   },
-  ...Ie
+  ...we
 }, Ia = {
   ...$e,
   ...ze,
@@ -277,17 +275,17 @@ var ie = {
     ],
     default: void 0
   }
-}, Oa = {
+}, wa = {
   ...de,
   ...ve,
-  ...Ct,
+  ...kt,
   ...ce,
   ...Q,
   ...fe,
   ...x,
   ...X,
   ...Z,
-  ...Ie,
+  ...we,
   modelValue: {
     type: [
       String,
@@ -309,9 +307,9 @@ var ie = {
 }, We = {
   ...Q,
   ...X,
-  ...kt,
-  ...Ot,
   ...$t,
+  ...wt,
+  ...Ot,
   ...It,
   type: {
     type: String,
@@ -326,7 +324,7 @@ var ie = {
     type: String,
     default: R.button
   }
-}, $a = {
+}, Oa = {
   storageType: {
     type: String,
     default: je.local,
@@ -343,7 +341,7 @@ var ie = {
   ...Z,
   ...fe,
   ...Q,
-  ...Ie,
+  ...we,
   ...Oe,
   modelValue: { type: Object },
   progress: {
@@ -412,7 +410,7 @@ var ie = {
     default: "Remove file"
   }
 };
-function jt(e) {
+function Dt(e) {
   const a = [], t = [], l = [], o = e?.split(",").map((i) => i.trim().toLowerCase());
   return o?.length && o.forEach((i) => {
     i.startsWith(".") ? t.push(i) : i.includes("/*") ? l.push(i.replace("/*", "")) : a.push(i);
@@ -422,9 +420,9 @@ function jt(e) {
     wildcards: l
   };
 }
-function Ft(e, a) {
+function jt(e, a) {
   if (!a || a.trim() === "" || a === "*") return [...e];
-  const { mimeTypes: t, extensions: l, wildcards: o } = jt(a);
+  const { mimeTypes: t, extensions: l, wildcards: o } = Dt(a);
   return [...e].filter((i) => {
     const g = i.type.toLowerCase(), c = `.${i.name.split(".").pop()?.toLowerCase()}`, p = t.includes(g), s = o.some((u) => g.startsWith(`${u}/`)), m = l.some((u) => c === u.toLowerCase());
     return p || s || m;
@@ -478,13 +476,13 @@ function Ue(e, a) {
   }
   return !1;
 }
-function Mt(e) {
+function Ft(e) {
   return typeof e == "string";
 }
 function qe(e) {
-  return Array.isArray(e) ? e.filter((a) => Mt(a)).join(" ") : e;
+  return Array.isArray(e) ? e.filter((a) => Ft(a)).join(" ") : e;
 }
-function Tt(e, a) {
+function Mt(e, a) {
   const t = n(() => nt(e) ? e.value : e), l = n(() => qe(t.value.invalidLabel)), o = n(() => qe(t.value.validLabel)), i = n(() => t.value.loadingLabel), g = n(() => t.value.hintLabel), c = n(() => !!(t.value.loading && (a.loading || i.value))), p = n(() => !c.value && !!(t.value.invalid && (a.invalid || l.value))), s = n(() => !c.value && !p.value && !!(t.value.valid && (a.valid || o.value))), m = n(() => !c.value && !p.value && !s.value && !!(a.hint || g.value)), u = n(() => p.value || s.value || c.value || m.value);
   return {
     hasInvalidLabelOrSlot: p,
@@ -526,7 +524,7 @@ function Tt(e, a) {
     })
   };
 }
-function Ut(e) {
+function Tt(e) {
   const a = se(e, void 0), t = n(() => a !== void 0);
   function l(o, i, g) {
     const c = a?.[o];
@@ -554,11 +552,11 @@ function Ut(e) {
     getGroupOrLocalRef: l
   };
 }
-var qt = ["update:modelValue"], Gt = {
+var Ut = ["update:modelValue"], qt = {
   ...We,
   ...Je,
   ...x,
-  ...Rt,
+  ...Et,
   ...Z,
   ...Oe,
   iconPosition: {
@@ -599,8 +597,8 @@ var qt = ["update:modelValue"], Gt = {
     default: void 0
   }
 };
-function Ht(e, a) {
-  const { group: t, isInGroup: l, getGroupOrLocalRef: o } = Ut(At), { id: i, iconPosition: g, icon: c, label: p, pressed: s } = we(e);
+function Gt(e, a) {
+  const { group: t, isInGroup: l, getGroupOrLocalRef: o } = Tt(Lt), { id: i, iconPosition: g, icon: c, label: p, pressed: s } = Ie(e);
   return {
     group: t,
     isInGroup: l,
@@ -621,32 +619,32 @@ function Ht(e, a) {
     label: p
   };
 }
-var Kt = [
+var Ht = [
   "click",
   "mouseover",
   "mouseleave"
-], zt = We;
+], Kt = We;
 function ke() {
-  return se(Lt, void 0);
+  return se(_t, void 0);
+}
+function zt() {
+  return se(At, {});
 }
 function Jt() {
   return se(Bt, {});
 }
-function Wt() {
-  return se(wt, {});
-}
-var Yt = { name: "VvAction" }, Zt = /* @__PURE__ */ Y({
-  ...Yt,
-  props: zt,
-  emits: Kt,
+var Wt = { name: "VvAction" }, Yt = /* @__PURE__ */ Y({
+  ...Wt,
+  props: Kt,
+  emits: Ht,
   setup(e, { expose: a, emit: t }) {
     const l = e, o = t, i = ot(), g = ke(), c = z(null);
     a({ $el: c });
-    const { reference: p, bus: s, aria: m, expanded: u } = Jt();
+    const { reference: p, bus: s, aria: m, expanded: u } = zt();
     Ke(() => c.value, (b) => {
       p && (p.value = b);
     });
-    const f = n(() => l.pressed || u?.value), { role: _ } = Wt(), I = n(() => {
+    const f = n(() => l.pressed || u?.value), { role: _ } = Jt(), w = n(() => {
       switch (!0) {
         case l.disabled:
           return R.button;
@@ -664,7 +662,7 @@ var Yt = { name: "VvAction" }, Zt = /* @__PURE__ */ Y({
         ariaLabel: l.ariaLabel,
         role: _?.value
       };
-      switch (I.value) {
+      switch (w.value) {
         case R.a:
           return {
             ...b,
@@ -700,7 +698,7 @@ var Yt = { name: "VvAction" }, Zt = /* @__PURE__ */ Y({
       }
       s?.emit("click", b);
     }
-    function C(b) {
+    function P(b) {
       if (i?.vnode.props?.onMouseover) {
         o("mouseover", b);
         return;
@@ -714,7 +712,7 @@ var Yt = { name: "VvAction" }, Zt = /* @__PURE__ */ Y({
       }
       s?.emit("mouseleave", b);
     }
-    return (b, ee) => (S(), F(dt(v(I)), J(v(N), {
+    return (b, ee) => (S(), F(dt(v(w)), J(v(N), {
       ref_key: "rootEl",
       ref: c,
       class: {
@@ -724,15 +722,15 @@ var Yt = { name: "VvAction" }, Zt = /* @__PURE__ */ Y({
         current: b.current
       },
       onClickPassive: M,
-      onMouseoverPassive: C,
+      onMouseoverPassive: P,
       onMouseleavePassive: D
     }), {
-      default: U(() => [w(b.$slots, "default", {}, () => [Ge(q(b.label), 1)])]),
+      default: U(() => [I(b.$slots, "default", {}, () => [Ge(q(b.label), 1)])]),
       _: 3
     }, 16, ["class"]));
   }
-}), Qt = Zt;
-function Ce(e, a, t) {
+}), Zt = Yt;
+function Pe(e, a, t) {
   return n(() => {
     const l = { [e]: !0 }, o = typeof a?.value == "string" ? a.value.split(" ") : a?.value;
     return o && Array.isArray(o) && o.forEach((i) => {
@@ -742,8 +740,8 @@ function Ce(e, a, t) {
     }), l;
   });
 }
-var Xt = { name: "VvIcon" }, xt = /* @__PURE__ */ Y({
-  ...Xt,
+var Qt = { name: "VvIcon" }, Xt = /* @__PURE__ */ Y({
+  ...Qt,
   props: /* @__PURE__ */ it({
     name: {},
     color: {},
@@ -761,12 +759,12 @@ var Xt = { name: "VvIcon" }, xt = /* @__PURE__ */ Y({
     onLoad: { type: Function },
     svg: {},
     modifiers: {}
-  }, ht),
+  }, yt),
   setup(e) {
-    const a = e, t = n(() => typeof a.rotate == "string" ? Number.parseFloat(a.rotate) : a.rotate), l = z(!0), o = ke(), { modifiers: i } = we(a), g = Ce("vv-icon", i), c = n(() => a.provider || o?.iconsProvider), p = n(() => {
+    const a = e, t = n(() => typeof a.rotate == "string" ? Number.parseFloat(a.rotate) : a.rotate), l = z(!0), o = ke(), { modifiers: i } = Ie(a), g = Pe("vv-icon", i), c = n(() => a.provider || o?.iconsProvider), p = n(() => {
       const u = a.name ?? "", f = `@${c.value}:${a.prefix}:${u}`;
       if (Le(f)) return f;
-      const _ = o?.iconsCollections.find((I) => Le(`@${c.value}:${I.prefix}:${u}`));
+      const _ = o?.iconsCollections.find((w) => Le(`@${c.value}:${w.prefix}:${u}`));
       return _ ? `@${c.value}:${_.prefix}:${u}` : u;
     });
     function s(u) {
@@ -800,7 +798,7 @@ var Xt = { name: "VvIcon" }, xt = /* @__PURE__ */ Y({
       icon: v(p)
     }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : A("v-if", !0);
   }
-}), W = xt;
+}), W = Xt;
 function Ze(e) {
   return n(() => String(e?.value || ct()));
 }
@@ -816,32 +814,32 @@ function Be(e, a) {
     hasIconAfter: o
   };
 }
-var ea = {
+var xt = {
   key: 1,
   class: "vv-button__label"
-}, ta = {
+}, ea = {
   key: 1,
   class: "vv-button__label"
-}, aa = {
+}, ta = {
   name: "VvButton",
   inheritAttrs: !1
-}, ra = /* @__PURE__ */ Y({
-  ...aa,
-  props: Gt,
-  emits: qt,
+}, aa = /* @__PURE__ */ Y({
+  ...ta,
+  props: qt,
+  emits: Ut,
   setup(e, { expose: a, emit: t }) {
-    const l = e, o = t, i = ft(), g = He(), { id: c, modifiers: p, iconPosition: s, icon: m, label: u, modelValue: f, disabled: _, toggle: I, unselectable: N } = Ht(l, o), M = Ze(c), C = n(() => i?.name || M.value), D = z(null);
+    const l = e, o = t, i = ft(), g = He(), { id: c, modifiers: p, iconPosition: s, icon: m, label: u, modelValue: f, disabled: _, toggle: w, unselectable: N } = Gt(l, o), M = Ze(c), P = n(() => i?.name || M.value), D = z(null);
     a({ $el: n(() => D.value?.$el) });
-    const b = n(() => I.value ? Array.isArray(f.value) ? Ue(C.value, f.value) : Ye(C.value, f.value) : l.pressed), ee = Ce("vv-button", p, n(() => ({
+    const b = n(() => w.value ? Array.isArray(f.value) ? Ue(P.value, f.value) : Ye(P.value, f.value) : l.pressed), ee = Pe("vv-button", p, n(() => ({
       reverse: [O.right, O.bottom].includes(s.value),
       column: [O.top, O.bottom].includes(s.value),
       "icon-only": !!(m?.value && !u?.value && !g.default)
-    }))), { hasIcon: te } = Be(m), T = n(() => l.value !== void 0 ? l.value : C.value), pe = n(() => {
-      if (I.value)
+    }))), { hasIcon: te } = Be(m), T = n(() => l.value !== void 0 ? l.value : P.value), pe = n(() => {
+      if (w.value)
         return { onClick: G };
     });
     function G() {
-      if (I.value) {
+      if (w.value) {
         if (Array.isArray(f.value)) {
           if (Ue(T.value, f.value)) {
             N.value && (f.value = f.value.filter((d) => d !== T.value));
@@ -857,7 +855,7 @@ var ea = {
         f.value = T.value;
       }
     }
-    return (d, L) => (S(), F(Qt, J({
+    return (d, L) => (S(), F(Zt, J({
       ...v(i),
       ...v(pe),
       disabled: v(_),
@@ -875,21 +873,21 @@ var ea = {
       ref: D,
       class: v(ee)
     }), {
-      default: U(() => [w(d.$slots, "default", {}, () => [d.loading ? w(d.$slots, "loading", { key: 0 }, () => [d.loadingIcon ? (S(), F(W, {
+      default: U(() => [I(d.$slots, "default", {}, () => [d.loading ? I(d.$slots, "loading", { key: 0 }, () => [d.loadingIcon ? (S(), F(W, {
         key: 0,
         class: "vv-button__loading-icon",
         name: d.loadingIcon
-      }, null, 8, ["name"])) : A("v-if", !0), d.loadingLabel ? (S(), k("span", ea, q(d.loadingLabel), 1)) : A("v-if", !0)]) : (S(), k(rt, { key: 1 }, [
-        w(d.$slots, "before"),
+      }, null, 8, ["name"])) : A("v-if", !0), d.loadingLabel ? (S(), k("span", xt, q(d.loadingLabel), 1)) : A("v-if", !0)]) : (S(), k(rt, { key: 1 }, [
+        I(d.$slots, "before"),
         v(te) ? (S(), F(W, J({ key: 0 }, v(te), { class: "vv-button__icon" }), null, 16)) : A("v-if", !0),
-        v(u) ? (S(), k("span", ta, [w(d.$slots, "label", {}, () => [Ge(q(v(u)), 1)])])) : A("v-if", !0),
-        w(d.$slots, "after")
+        v(u) ? (S(), k("span", ea, [I(d.$slots, "label", {}, () => [Ge(q(v(u)), 1)])])) : A("v-if", !0),
+        I(d.$slots, "after")
       ], 64))])]),
       _: 3
     }, 16, ["id", "class"]));
   }
-}), la = ra;
-function oa(e, a, t) {
+}), ra = aa;
+function la(e, a, t) {
   const l = ke(), o = n(() => {
     if (!(!l || !l.defaults.value?.[e]))
       return l.defaults.value[e];
@@ -917,7 +915,7 @@ function oa(e, a, t) {
     }, {});
   });
 }
-var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"], sa = { class: "vv-input-file__wrapper" }, da = [
+var oa = ["for"], na = { class: "vv-input-file__preview" }, ia = ["src", "alt"], ua = { class: "vv-input-file__wrapper" }, sa = [
   "id",
   "readonly",
   "disabled",
@@ -930,12 +928,12 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
   "accept",
   "capture",
   "name"
-], va = ["value"], fa = ["onClick"], ca = ["title", "onClick"], pa = { class: "vv-input-file__item-name" }, ga = { class: "vv-input-file__item-info" }, ma = [
+], da = ["value"], va = ["onClick"], fa = ["title", "onClick"], ca = { class: "vv-input-file__item-name" }, pa = { class: "vv-input-file__item-info" }, ga = [
   "title",
   "disabled",
   "onClick"
-], ba = { name: "VvInputFile" }, ya = /* @__PURE__ */ Y({
-  ...ba,
+], ma = { name: "VvInputFile" }, ba = /* @__PURE__ */ Y({
+  ...ma,
   props: Me,
   emits: [
     "remove",
@@ -943,11 +941,11 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
     "update:modelValue"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, o = He(), i = oa("VvInputFile", Me, t), { modifiers: g, id: c, readonly: p, disabled: s, icon: m, iconPosition: u, iconDownload: f, sortable: _ } = we(t), I = Ze(c), N = n(() => `${I.value}-hint`), M = n(() => {
+    const t = e, l = a, o = He(), i = la("VvInputFile", Me, t), { modifiers: g, id: c, readonly: p, disabled: s, icon: m, iconPosition: u, iconDownload: f, sortable: _ } = Ie(t), w = Ze(c), N = n(() => `${w.value}-hint`), M = n(() => {
       if (!t.progress) return !1;
       const r = typeof t.progress == "string" ? Number.parseInt(t.progress) : t.progress;
       return r > 0 && r < 100;
-    }), { hasIconBefore: C, hasIconAfter: D } = Be(m, u), { hasIcon: b } = Be(f), ee = Ce("vv-input-file", g, n(() => ({
+    }), { hasIconBefore: P, hasIconAfter: D } = Be(m, u), { hasIcon: b } = Be(f), ee = Pe("vv-input-file", g, n(() => ({
       valid: t.valid === !0,
       invalid: t.invalid === !0,
       loading: t.loading && !M.value,
@@ -955,10 +953,10 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
       required: t.required,
       readonly: t.readonly,
       dragging: le.value,
-      "icon-before": !!C.value,
+      "icon-before": !!P.value,
       "icon-after": !!D.value,
       "drop-area": ge.value
-    }))), { HintSlot: te, hasHintLabelOrSlot: T, hasInvalidLabelOrSlot: pe, hintSlotScope: G } = Tt(i, o), d = pt(t, "modelValue", l), L = n({
+    }))), { HintSlot: te, hasHintLabelOrSlot: T, hasInvalidLabelOrSlot: pe, hintSlotScope: G } = Mt(i, o), d = pt(t, "modelValue", l), L = n({
       get: () => !d.value || !Array.isArray(d.value) && !d.value?.name ? [] : Array.isArray(d.value) ? d.value : [d.value],
       set: (r) => {
         if (re.value) {
@@ -967,7 +965,7 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
         }
         d.value = r?.[0];
       }
-    }), Pe = n(() => t.disabled || t.readonly), ae = n(() => typeof t.max == "string" ? Number.parseInt(t.max) : t.max), ge = n(() => t.dropArea && !Pe.value), re = n(() => t.multiple ? ae.value ? ae.value - L.value.length > 1 : !0 : !1), le = z(!1), H = z();
+    }), Ce = n(() => t.disabled || t.readonly), ae = n(() => typeof t.max == "string" ? Number.parseInt(t.max) : t.max), ge = n(() => t.dropArea && !Ce.value), re = n(() => t.multiple ? ae.value ? ae.value - L.value.length > 1 : !0 : !1), le = z(!1), H = z();
     function Qe() {
       le.value = !0;
     }
@@ -981,7 +979,7 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
       H.value?.files && (Ve(H.value.files), H.value.value = "");
     }
     function Ve(r) {
-      const h = Ft(r, t.accept);
+      const h = jt(r, t.accept);
       if (!t.multiple) {
         if (Array.isArray(d.value)) {
           d.value = h;
@@ -999,7 +997,7 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
       d.value = y, B.value = y.length - 1;
     }
     function me() {
-      H.value && (Pe.value || H.value.click());
+      H.value && (Ce.value || H.value.click());
     }
     function be(r) {
       const h = Array.isArray(d.value) ? d.value[r] : d.value;
@@ -1012,7 +1010,7 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
       const y = [...d.value];
       y.splice(r, 1), d.value = y;
     }
-    const B = z(0), Ee = ["image/jpeg", "image/png"], P = n(() => {
+    const B = z(0), Ee = ["image/jpeg", "image/png"], C = n(() => {
       if (t.hidePreview || L.value.length === 0 || !L.value[B.value]) return;
       if (L.value[B.value] instanceof File) {
         const h = L.value[B.value];
@@ -1023,10 +1021,10 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
       if (Ee.includes(r.type))
         return r.url;
     });
-    Ke(P, (r, h) => {
+    Ke(C, (r, h) => {
       h && URL.revokeObjectURL(h);
     }), ut(() => {
-      P.value && URL.revokeObjectURL(P.value);
+      C.value && URL.revokeObjectURL(C.value);
     });
     function ye(r, h) {
       if (!r) return;
@@ -1061,8 +1059,8 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
     return (r, h) => (S(), k("div", { class: _e(v(ee)) }, [
       r.label ? (S(), k("label", {
         key: 0,
-        for: v(I)
-      }, q(r.label), 9, na)) : A("v-if", !0),
+        for: v(w)
+      }, q(r.label), 9, oa)) : A("v-if", !0),
       ge.value ? (S(), k("div", {
         key: 1,
         class: "vv-input-file__drop-area",
@@ -1072,20 +1070,20 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
         onDragover: h[0] || (h[0] = E(() => {
         }, ["prevent", "stop"])),
         onClick: E(me, ["stop"])
-      }, [w(r.$slots, "drop-area", $(j({
-        previewSrc: P.value,
+      }, [I(r.$slots, "drop-area", $(j({
+        previewSrc: C.value,
         onClickDropArea: me
-      })), () => [K("picture", ia, [P.value ? (S(), k("img", {
+      })), () => [K("picture", na, [C.value ? (S(), k("img", {
         key: 0,
-        src: P.value,
+        src: C.value,
         alt: L.value[B.value].name
-      }, null, 8, ua)) : A("v-if", !0)]), v(p) ? A("v-if", !0) : (S(), F(la, {
+      }, null, 8, ia)) : A("v-if", !0)]), v(p) ? A("v-if", !0) : (S(), F(ra, {
         key: 0,
         modifiers: "action",
-        label: P.value ? void 0 : Ne.value,
-        title: P.value ? Ne.value : void 0,
+        label: C.value ? void 0 : Ne.value,
+        title: C.value ? Ne.value : void 0,
         disabled: v(s),
-        class: _e({ "vv-input-file__drop-area-action": P.value }),
+        class: _e({ "vv-input-file__drop-area-action": C.value }),
         icon: tt.value,
         onClick: E(me, ["stop"])
       }, null, 8, [
@@ -1095,10 +1093,10 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
         "class",
         "icon"
       ]))])], 32)) : A("v-if", !0),
-      K("div", sa, [
-        v(C) ? (S(), F(W, $(J({ key: 0 }, v(C))), null, 16)) : A("v-if", !0),
+      K("div", ua, [
+        v(P) ? (S(), F(W, $(J({ key: 0 }, v(P))), null, 16)) : A("v-if", !0),
         K("input", {
-          id: v(I),
+          id: v(w),
           ref_key: "inputEl",
           ref: H,
           type: "file",
@@ -1114,16 +1112,16 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
           capture: r.capture,
           name: r.name,
           onChange: et
-        }, null, 40, da),
+        }, null, 40, sa),
         M.value ? (S(), k("progress", {
           key: 1,
           class: "vv-input-file__progress",
           value: r.progress,
           max: "100"
-        }, q(r.progress) + "% ", 9, va)) : A("v-if", !0),
+        }, q(r.progress) + "% ", 9, da)) : A("v-if", !0),
         v(D) ? (S(), F(W, $(J({ key: 2 }, v(D))), null, 16)) : A("v-if", !0)
       ]),
-      w(r.$slots, "file-list", $(j({
+      I(r.$slots, "file-list", $(j({
         files: L.value,
         selectedFileIndex: B.value,
         onSelectIndex: Re,
@@ -1145,7 +1143,7 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
             "cursor-move": v(_)
           }]),
           onClick: E((oe) => Re(V), ["stop"])
-        }, [w(r.$slots, "file-item", $(j({
+        }, [I(r.$slots, "file-item", $(j({
           file: y,
           index: V,
           isSelected: V === B.value,
@@ -1159,9 +1157,9 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
             class: "vv-input-file__item-action",
             title: r.labelDownload,
             onClick: E((oe) => he(y), ["stop"])
-          }, [Se(W, $(j(v(b))), null, 16)], 8, ca)) : A("v-if", !0),
-          K("div", pa, q(y.name), 1),
-          K("small", ga, q(ye(y.size)), 1),
+          }, [Se(W, $(j(v(b))), null, 16)], 8, fa)) : A("v-if", !0),
+          K("div", ca, q(y.name), 1),
+          K("small", pa, q(ye(y.size)), 1),
           v(p) ? A("v-if", !0) : (S(), k("button", {
             key: 1,
             type: "button",
@@ -1169,8 +1167,8 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
             title: r.labelRemove,
             disabled: v(s),
             onClick: E((oe) => be(V), ["stop"])
-          }, null, 8, ma))
-        ])], 10, fa)]),
+          }, null, 8, ga))
+        ])], 10, va)]),
         _: 3
       }, 8, ["modelValue", "move"])]),
       Se(v(te), {
@@ -1179,28 +1177,28 @@ var na = ["for"], ia = { class: "vv-input-file__preview" }, ua = ["src", "alt"],
       }, lt({ _: 2 }, [
         r.$slots.hint ? {
           name: "hint",
-          fn: U(() => [w(r.$slots, "hint", $(j(v(G))))]),
+          fn: U(() => [I(r.$slots, "hint", $(j(v(G))))]),
           key: "0"
         } : void 0,
         r.$slots.loading ? {
           name: "loading",
-          fn: U(() => [w(r.$slots, "loading", $(j(v(G))))]),
+          fn: U(() => [I(r.$slots, "loading", $(j(v(G))))]),
           key: "1"
         } : void 0,
         r.$slots.valid ? {
           name: "valid",
-          fn: U(() => [w(r.$slots, "valid", $(j(v(G))))]),
+          fn: U(() => [I(r.$slots, "valid", $(j(v(G))))]),
           key: "2"
         } : void 0,
         r.$slots.invalid ? {
           name: "invalid",
-          fn: U(() => [w(r.$slots, "invalid", $(j(v(G))))]),
+          fn: U(() => [I(r.$slots, "invalid", $(j(v(G))))]),
           key: "3"
         } : void 0
       ]), 1032, ["id"])
     ], 2));
   }
-}), ka = ya;
+}), $a = ba;
 export {
-  ka as default
+  $a as default
 };