@volverjs/ui-vue 0.0.13-beta.8 → 0.0.13

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

@@ -1,7 +1,7 @@
-import { Fragment as at, computed as n, createBlock as F, createCommentVNode as O, createElementBlock as P, createElementVNode as J, createSlots as lt, createTextVNode as Ke, createVNode as Se, defineComponent as W, getCurrentInstance as ot, guardReactiveProps as j, h as ne, inject as se, isRef as nt, mergeDefaults as it, mergeProps as H, normalizeClass as _e, normalizeProps as C, onBeforeUnmount as ut, openBlock as S, ref as Y, renderSlot as L, resolveComponent as st, resolveDynamicComponent as dt, toDisplayString as G, toRef as vt, toRefs as Le, unref as v, useAttrs as ft, useId as ct, useSlots as qe, watch as Je, withCtx as U, withModifiers as N } 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 Ie } from "@iconify/vue";
+import { Icon as mt, addIcon as bt, iconLoaded as Le } from "@iconify/vue";
 var ie = {
   showPassword: "eye-on",
   hidePassword: "eye-off",
@@ -13,26 +13,21 @@ 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;
-})({}), w = /* @__PURE__ */ (function(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;
 })({}), Fe = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
-})({}), V = /* @__PURE__ */ (function(e) {
+})({}), R = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), It = /* @__PURE__ */ Symbol.for("volver"), Ot = /* @__PURE__ */ Symbol.for("buttonGroup");
-var At = /* @__PURE__ */ Symbol.for("dropdownTrigger");
-var Lt = /* @__PURE__ */ Symbol.for("dropdownAction");
-var Bt = {
+})({}), _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,
@@ -70,16 +65,16 @@ var Bt = {
 }, Q = { disabled: {
   type: Boolean,
   default: !1
-} }, Be = { required: {
+} }, we = { required: {
   type: Boolean,
   default: !1
 } }, wt = { active: {
   type: Boolean,
   default: !1
-} }, Ct = { current: {
+} }, Ot = { current: {
   type: Boolean,
   default: !1
-} }, Or = {
+} }, La = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -92,7 +87,7 @@ var Bt = {
     type: String,
     default: "Clear"
   }
-}, Pt = { pressed: {
+}, $t = { pressed: {
   type: Boolean,
   default: !1
 } }, X = { label: {
@@ -107,7 +102,7 @@ var Bt = {
 } }, ce = { hintLabel: {
   type: String,
   default: ""
-} }, $t = {
+} }, kt = {
   options: {
     type: Array,
     default: () => []
@@ -124,7 +119,7 @@ var Bt = {
     type: [String, Function],
     default: "disabled"
   }
-}, kt = { count: {
+}, Pt = { count: {
   type: [Boolean, String],
   default: !1,
   validator: (e) => [
@@ -133,10 +128,10 @@ var Bt = {
     "limit",
     "countdown"
   ].includes(e)
-} }, Et = { debounce: {
+} }, Ct = { debounce: {
   type: [Number, String],
   default: void 0
-} }, we = {
+} }, Oe = {
   icon: {
     type: [String, Object],
     default: void 0
@@ -146,25 +141,25 @@ var Bt = {
     default: ue.before,
     validation: (e) => Object.values(ue).includes(e)
   }
-}, Ye = { tabindex: {
+}, ze = { tabindex: {
   type: [String, Number],
   default: 0
-} }, Nt = { floating: {
+} }, Vt = { floating: {
   type: Boolean,
   default: !1
-} }, Vt = { unselectable: {
+} }, Et = { unselectable: {
   type: Boolean,
   default: !0
-} }, He = { id: [String, Number] }, Ar = {
+} }, Je = { id: [String, Number] }, Aa = {
   placement: {
     type: String,
-    default: w.bottom,
-    validator: (e) => Object.values(w).includes(e) || Object.values(_t).includes(e)
+    default: O.bottom,
+    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,
@@ -210,8 +205,8 @@ var Bt = {
     type: Boolean,
     default: !1
   }
-}, Ce = {
-  ...He,
+}, $e = {
+  ...Je,
   name: {
     type: String,
     required: !0
@@ -219,14 +214,14 @@ var Bt = {
 }, Rt = { autofocus: {
   type: Boolean,
   default: !1
-} }, Dt = { autocomplete: {
+} }, Nt = { autocomplete: {
   type: String,
   default: "off"
-} }, Lr = {
-  ...Ce,
+} }, Ba = {
+  ...$e,
   ...Rt,
-  ...Dt,
-  ...Ye,
+  ...Nt,
+  ...ze,
   ...Q,
   ...fe,
   ...de,
@@ -234,10 +229,10 @@ var Bt = {
   ...ce,
   ...Z,
   ...x,
-  ...kt,
-  ...Et,
-  ...we,
-  ...Nt,
+  ...Pt,
+  ...Ct,
+  ...Oe,
+  ...Vt,
   ...X,
   minlength: {
     type: [String, Number],
@@ -251,10 +246,10 @@ var Bt = {
     type: String,
     default: void 0
   },
-  ...Be
-}, Br = {
-  ...Ce,
-  ...Ye,
+  ...we
+}, Ia = {
+  ...$e,
+  ...ze,
   ...de,
   ...ve,
   ...ce,
@@ -280,17 +275,17 @@ var Bt = {
     ],
     default: void 0
   }
-}, wr = {
+}, wa = {
   ...de,
   ...ve,
-  ...$t,
+  ...kt,
   ...ce,
   ...Q,
   ...fe,
   ...x,
   ...X,
   ...Z,
-  ...Be,
+  ...we,
   modelValue: {
     type: [
       String,
@@ -309,13 +304,13 @@ var Bt = {
     type: Boolean,
     default: !1
   }
-}, ze = {
+}, We = {
   ...Q,
   ...X,
-  ...Pt,
+  ...$t,
   ...wt,
-  ...Ct,
-  ...Bt,
+  ...Ot,
+  ...It,
   type: {
     type: String,
     default: Fe.button,
@@ -327,17 +322,17 @@ var Bt = {
   },
   defaultTag: {
     type: String,
-    default: V.button
+    default: R.button
   }
-}, Cr = {
+}, Oa = {
   storageType: {
     type: String,
     default: je.local,
     validator: (e) => Object.values(je).includes(e)
   },
   storageKey: String
-}, Te = {
-  ...Ce,
+}, Me = {
+  ...$e,
   ...x,
   ...de,
   ...ve,
@@ -346,8 +341,8 @@ var Bt = {
   ...Z,
   ...fe,
   ...Q,
-  ...Be,
   ...we,
+  ...Oe,
   modelValue: { type: Object },
   progress: {
     type: [Number, String],
@@ -415,56 +410,56 @@ var Bt = {
     default: "Remove file"
   }
 };
-function jt(e) {
-  const r = [], t = [], l = [], o = e?.split(",").map((i) => i.trim().toLowerCase());
+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("/*", "")) : r.push(i);
+    i.startsWith(".") ? t.push(i) : i.includes("/*") ? l.push(i.replace("/*", "")) : a.push(i);
   }), {
-    mimeTypes: r,
+    mimeTypes: a,
     extensions: t,
     wildcards: l
   };
 }
-function Ft(e, r) {
-  if (!r || r.trim() === "" || r === "*") return [...e];
-  const { mimeTypes: t, extensions: l, wildcards: o } = jt(r);
+function jt(e, a) {
+  if (!a || a.trim() === "" || a === "*") return [...e];
+  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;
   });
 }
-function We(e, r, t) {
-  return t ? Me(e, t) === Me(r, t) : Oe(e, r);
+function Ye(e, a, t) {
+  return t ? Te(e, t) === Te(a, t) : Ae(e, a);
 }
-function Oe(e, r) {
-  if (e === r) return !0;
-  if (e && r && typeof e == "object" && typeof r == "object") {
-    const t = Array.isArray(e), l = Array.isArray(r);
+function Ae(e, a) {
+  if (e === a) return !0;
+  if (e && a && typeof e == "object" && typeof a == "object") {
+    const t = Array.isArray(e), l = Array.isArray(a);
     let o, i, g;
     if (t && l) {
-      if (i = e.length, i !== r.length) return !1;
-      for (o = i; o-- !== 0; ) if (!Oe(e[o], r[o])) return !1;
+      if (i = e.length, i !== a.length) return !1;
+      for (o = i; o-- !== 0; ) if (!Ae(e[o], a[o])) return !1;
       return !0;
     }
     if (t !== l) return !1;
-    const c = e instanceof Date, p = r instanceof Date;
+    const c = e instanceof Date, p = a instanceof Date;
     if (c !== p) return !1;
-    if (c && p) return e.getTime() === r.getTime();
-    const s = e instanceof RegExp, m = r instanceof RegExp;
+    if (c && p) return e.getTime() === a.getTime();
+    const s = e instanceof RegExp, m = a instanceof RegExp;
     if (s !== m) return !1;
-    if (s && m) return e.toString() === r.toString();
+    if (s && m) return e.toString() === a.toString();
     const u = Object.keys(e);
-    if (i = u.length, i !== Object.keys(r).length) return !1;
-    for (o = i; o-- !== 0; ) if (!Object.hasOwn(r, u[o])) return !1;
+    if (i = u.length, i !== Object.keys(a).length) return !1;
+    for (o = i; o-- !== 0; ) if (!Object.hasOwn(a, u[o])) return !1;
     for (o = i; o-- !== 0; )
-      if (g = u[o], !Oe(e[g], r[g])) return !1;
+      if (g = u[o], !Ae(e[g], a[g])) return !1;
     return !0;
   }
-  return Number.isNaN(e) && Number.isNaN(r);
+  return Number.isNaN(e) && Number.isNaN(a);
 }
-function Me(e, r) {
-  if (e && Object.keys(e).length && r) if (r.includes(".")) {
-    const t = r.split(".");
+function Te(e, a) {
+  if (e && Object.keys(e).length && a) if (a.includes(".")) {
+    const t = a.split(".");
     let l = e;
     for (let o = 0, i = t.length; o < i; ++o) {
       if (e == null) return null;
@@ -472,23 +467,23 @@ function Me(e, r) {
     }
     return l;
   } else
-    return e[r];
+    return e[a];
   else return null;
 }
-function Ue(e, r) {
-  if (e != null && r && r.length) {
-    for (const t of r) if (We(e, t)) return !0;
+function Ue(e, a) {
+  if (e != null && a && a.length) {
+    for (const t of a) if (Ye(e, t)) return !0;
   }
   return !1;
 }
-function Tt(e) {
+function Ft(e) {
   return typeof e == "string";
 }
-function Ge(e) {
-  return Array.isArray(e) ? e.filter((r) => Tt(r)).join(" ") : e;
+function qe(e) {
+  return Array.isArray(e) ? e.filter((a) => Ft(a)).join(" ") : e;
 }
-function Mt(e, r) {
-  const t = n(() => nt(e) ? e.value : e), l = n(() => Ge(t.value.invalidLabel)), o = n(() => Ge(t.value.validLabel)), i = n(() => t.value.loadingLabel), g = n(() => t.value.hintLabel), c = n(() => !!(t.value.loading && (r.loading || i.value))), p = n(() => !c.value && !!(t.value.invalid && (r.invalid || l.value))), s = n(() => !c.value && !p.value && !!(t.value.valid && (r.valid || o.value))), m = n(() => !c.value && !p.value && !s.value && !!(r.hint || g.value)), u = n(() => p.value || s.value || c.value || m.value);
+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,
     hasHintLabelOrSlot: m,
@@ -500,7 +495,7 @@ function Mt(e, r) {
       invalid: t.value.invalid,
       loading: t.value.loading
     })),
-    HintSlot: W({
+    HintSlot: Y({
       name: "HintSlot",
       props: { tag: {
         type: String,
@@ -529,10 +524,10 @@ function Mt(e, r) {
     })
   };
 }
-function Ut(e) {
-  const r = se(e, void 0), t = n(() => r !== void 0);
+function Tt(e) {
+  const a = se(e, void 0), t = n(() => a !== void 0);
   function l(o, i, g) {
-    const c = r?.[o];
+    const c = a?.[o];
     if (c) return n({
       get() {
         return c.value;
@@ -552,22 +547,22 @@ function Ut(e) {
     });
   }
   return {
-    group: r,
+    group: a,
     isInGroup: t,
     getGroupOrLocalRef: l
   };
 }
-var Gt = ["update:modelValue"], Kt = {
-  ...ze,
-  ...He,
+var Ut = ["update:modelValue"], qt = {
+  ...We,
+  ...Je,
   ...x,
-  ...Vt,
+  ...Et,
   ...Z,
-  ...we,
+  ...Oe,
   iconPosition: {
     type: String,
-    default: w.left,
-    validator: (e) => Object.values(w).includes(e)
+    default: O.left,
+    validator: (e) => Object.values(O).includes(e)
   },
   loadingIcon: {
     type: String,
@@ -602,12 +597,12 @@ var Gt = ["update:modelValue"], Kt = {
     default: void 0
   }
 };
-function qt(e, r) {
-  const { group: t, isInGroup: l, getGroupOrLocalRef: o } = Ut(Ot), { id: i, iconPosition: g, icon: c, label: p, pressed: s } = Le(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,
-    modelValue: o("modelValue", e, r),
+    modelValue: o("modelValue", e, a),
     toggle: o("toggle", e),
     unselectable: o("unselectable", e),
     multiple: n(() => t?.multiple.value ?? !1),
@@ -624,65 +619,65 @@ function qt(e, r) {
     label: p
   };
 }
-var Jt = [
+var Ht = [
   "click",
   "mouseover",
   "mouseleave"
-], Yt = ze;
-function Pe() {
-  return se(It, void 0);
+], Kt = We;
+function ke() {
+  return se(_t, void 0);
 }
-function Ht() {
+function zt() {
   return se(At, {});
 }
-function zt() {
-  return se(Lt, {});
+function Jt() {
+  return se(Bt, {});
 }
-var Wt = { name: "VvAction" }, Zt = /* @__PURE__ */ W({
+var Wt = { name: "VvAction" }, Yt = /* @__PURE__ */ Y({
   ...Wt,
-  props: Yt,
-  emits: Jt,
-  setup(e, { expose: r, emit: t }) {
-    const l = e, o = t, i = ot(), g = Pe(), c = Y(null);
-    r({ $el: c });
-    const { reference: p, bus: s, aria: m, expanded: u } = Ht();
-    Je(() => c.value, (b) => {
+  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 } = zt();
+    Ke(() => c.value, (b) => {
       p && (p.value = b);
     });
-    const f = n(() => l.pressed || u?.value), { role: _ } = zt(), B = n(() => {
+    const f = n(() => l.pressed || u?.value), { role: _ } = Jt(), w = n(() => {
       switch (!0) {
         case l.disabled:
-          return V.button;
+          return R.button;
         case l.to !== void 0:
-          return g?.nuxt ? st(V.nuxtLink) : V.routerLink;
+          return g?.nuxt ? st(R.nuxtLink) : R.routerLink;
         case l.href !== void 0:
-          return V.a;
+          return R.a;
         default:
           return l.defaultTag;
       }
-    }), R = n(() => {
+    }), N = n(() => {
       const b = {
         ...m?.value,
         ariaPressed: f.value ? !0 : void 0,
         ariaLabel: l.ariaLabel,
         role: _?.value
       };
-      switch (B.value) {
-        case V.a:
+      switch (w.value) {
+        case R.a:
           return {
             ...b,
             href: l.href,
             target: l.target,
             rel: l.rel
           };
-        case V.routerLink:
-        case V.nuxtLink:
+        case R.routerLink:
+        case R.nuxtLink:
           return {
             ...b,
             to: l.to,
             target: l.target
           };
-        case V.button:
+        case R.button:
           return {
             ...b,
             type: l.type,
@@ -692,7 +687,7 @@ var Wt = { name: "VvAction" }, Zt = /* @__PURE__ */ W({
           return b;
       }
     });
-    function T(b) {
+    function M(b) {
       if (l.disabled) {
         b.preventDefault();
         return;
@@ -703,7 +698,7 @@ var Wt = { name: "VvAction" }, Zt = /* @__PURE__ */ W({
       }
       s?.emit("click", b);
     }
-    function $(b) {
+    function P(b) {
       if (i?.vnode.props?.onMouseover) {
         o("mouseover", b);
         return;
@@ -717,7 +712,7 @@ var Wt = { name: "VvAction" }, Zt = /* @__PURE__ */ W({
       }
       s?.emit("mouseleave", b);
     }
-    return (b, ee) => (S(), F(dt(v(B)), H(v(R), {
+    return (b, ee) => (S(), F(dt(v(w)), J(v(N), {
       ref_key: "rootEl",
       ref: c,
       class: {
@@ -726,18 +721,18 @@ var Wt = { name: "VvAction" }, Zt = /* @__PURE__ */ W({
         disabled: b.disabled,
         current: b.current
       },
-      onClickPassive: T,
-      onMouseoverPassive: $,
+      onClickPassive: M,
+      onMouseoverPassive: P,
       onMouseleavePassive: D
     }), {
-      default: U(() => [L(b.$slots, "default", {}, () => [Ke(G(b.label), 1)])]),
+      default: U(() => [I(b.$slots, "default", {}, () => [Ge(q(b.label), 1)])]),
       _: 3
     }, 16, ["class"]));
   }
-}), Qt = Zt;
-function $e(e, r, t) {
+}), Zt = Yt;
+function Pe(e, a, t) {
   return n(() => {
-    const l = { [e]: !0 }, o = typeof r?.value == "string" ? r.value.split(" ") : r?.value;
+    const l = { [e]: !0 }, o = typeof a?.value == "string" ? a.value.split(" ") : a?.value;
     return o && Array.isArray(o) && o.forEach((i) => {
       i && (l[`${e}--${i}`] = !0);
     }), t && Object.keys(t.value).forEach((i) => {
@@ -745,8 +740,8 @@ function $e(e, r, t) {
     }), l;
   });
 }
-var Xt = { name: "VvIcon" }, xt = /* @__PURE__ */ W({
-  ...Xt,
+var Qt = { name: "VvIcon" }, Xt = /* @__PURE__ */ Y({
+  ...Qt,
   props: /* @__PURE__ */ it({
     name: {},
     color: {},
@@ -764,12 +759,12 @@ var Xt = { name: "VvIcon" }, xt = /* @__PURE__ */ W({
     onLoad: { type: Function },
     svg: {},
     modifiers: {}
-  }, ht),
+  }, yt),
   setup(e) {
-    const r = e, t = n(() => typeof r.rotate == "string" ? Number.parseFloat(r.rotate) : r.rotate), l = Y(!0), o = Pe(), { modifiers: i } = Le(r), g = $e("vv-icon", i), c = n(() => r.provider || o?.iconsProvider), p = n(() => {
-      const u = r.name ?? "", f = `@${c.value}:${r.prefix}:${u}`;
-      if (Ie(f)) return f;
-      const _ = o?.iconsCollections.find((B) => Ie(`@${c.value}:${B.prefix}:${u}`));
+    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((w) => Le(`@${c.value}:${w.prefix}:${u}`));
       return _ ? `@${c.value}:${_.prefix}:${u}` : u;
     });
     function s(u) {
@@ -778,17 +773,17 @@ var Xt = { name: "VvIcon" }, xt = /* @__PURE__ */ W({
     }
     function m(u) {
       const f = s(u), _ = f?.innerHTML.trim() || "";
-      f && _ && bt(`@${c.value}:${r.prefix}:${r.name}`, {
+      f && _ && bt(`@${c.value}:${a.prefix}:${a.name}`, {
         body: _,
         height: f.viewBox.baseVal.height,
         width: f.viewBox.baseVal.width
       });
     }
-    return o && r.src && !Ie(`@${c.value}:${r.prefix}:${r.name}`) && (l.value = !1, o.fetchIcon(r.src).then((u) => {
+    return o && a.src && !Le(`@${c.value}:${a.prefix}:${a.name}`) && (l.value = !1, o.fetchIcon(a.src).then((u) => {
       u && m(u), l.value = !0;
     }).catch((u) => {
       throw l.value = !0, new Error(`Error during fetch icon: ${u?.message}`);
-    })), r.svg && m(r.svg), (u, f) => v(l) ? (S(), F(v(mt), H({
+    })), a.svg && m(a.svg), (u, f) => v(l) ? (S(), F(v(mt), J({
       key: 0,
       class: v(g)
     }, {
@@ -801,66 +796,66 @@ var Xt = { name: "VvIcon" }, xt = /* @__PURE__ */ W({
       rotate: v(t),
       color: e.color,
       icon: v(p)
-    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : O("v-if", !0);
+    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : A("v-if", !0);
   }
-}), z = xt;
+}), W = Xt;
 function Ze(e) {
   return n(() => String(e?.value || ct()));
 }
-function Ae(e, r) {
-  const t = n(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), l = n(() => r?.value === ue.before ? t.value : void 0), o = n(() => r?.value === ue.after ? t.value : void 0);
+function Be(e, a) {
+  const t = n(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), l = n(() => a?.value === ue.before ? t.value : void 0), o = n(() => a?.value === ue.after ? t.value : void 0);
   return {
     hasIcon: t,
-    hasIconLeft: n(() => r?.value === w.left ? t.value : void 0),
-    hasIconRight: n(() => r?.value === w.right ? t.value : void 0),
-    hasIconTop: n(() => r?.value === w.top ? t.value : void 0),
-    hasIconBottom: n(() => r?.value === w.bottom ? t.value : void 0),
+    hasIconLeft: n(() => a?.value === O.left ? t.value : void 0),
+    hasIconRight: n(() => a?.value === O.right ? t.value : void 0),
+    hasIconTop: n(() => a?.value === O.top ? t.value : void 0),
+    hasIconBottom: n(() => a?.value === O.bottom ? t.value : void 0),
     hasIconBefore: l,
     hasIconAfter: o
   };
 }
-var er = {
+var xt = {
   key: 1,
   class: "vv-button__label"
-}, tr = {
+}, ea = {
   key: 1,
   class: "vv-button__label"
-}, rr = {
+}, ta = {
   name: "VvButton",
   inheritAttrs: !1
-}, ar = /* @__PURE__ */ W({
-  ...rr,
-  props: Kt,
-  emits: Gt,
-  setup(e, { expose: r, emit: t }) {
-    const l = e, o = t, i = ft(), g = qe(), { id: c, modifiers: p, iconPosition: s, icon: m, label: u, modelValue: f, disabled: _, toggle: B, unselectable: R } = qt(l, o), T = Ze(c), $ = n(() => i?.name || T.value), D = Y(null);
-    r({ $el: n(() => D.value?.$el) });
-    const b = n(() => B.value ? Array.isArray(f.value) ? Ue($.value, f.value) : We($.value, f.value) : l.pressed), ee = $e("vv-button", p, n(() => ({
-      reverse: [w.right, w.bottom].includes(s.value),
-      column: [w.top, w.bottom].includes(s.value),
+}, 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: 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(() => 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 } = Ae(m), M = n(() => l.value !== void 0 ? l.value : $.value), pe = n(() => {
-      if (B.value)
-        return { onClick: K };
+    }))), { hasIcon: te } = Be(m), T = n(() => l.value !== void 0 ? l.value : P.value), pe = n(() => {
+      if (w.value)
+        return { onClick: G };
     });
-    function K() {
-      if (B.value) {
+    function G() {
+      if (w.value) {
         if (Array.isArray(f.value)) {
-          if (Ue(M.value, f.value)) {
-            R.value && (f.value = f.value.filter((d) => d !== M.value));
+          if (Ue(T.value, f.value)) {
+            N.value && (f.value = f.value.filter((d) => d !== T.value));
             return;
           }
-          f.value.push(M.value);
+          f.value.push(T.value);
           return;
         }
-        if (M.value === f.value && R.value) {
+        if (T.value === f.value && N.value) {
           f.value = l.uncheckedValue;
           return;
         }
-        f.value = M.value;
+        f.value = T.value;
       }
     }
-    return (d, I) => (S(), F(Qt, H({
+    return (d, L) => (S(), F(Zt, J({
       ...v(i),
       ...v(pe),
       disabled: v(_),
@@ -873,33 +868,33 @@ var er = {
       rel: d.rel,
       ariaLabel: d.ariaLabel
     }, {
-      id: v(T),
+      id: v(M),
       ref_key: "rootEl",
       ref: D,
       class: v(ee)
     }), {
-      default: U(() => [L(d.$slots, "default", {}, () => [d.loading ? L(d.$slots, "loading", { key: 0 }, () => [d.loadingIcon ? (S(), F(z, {
+      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"])) : O("v-if", !0), d.loadingLabel ? (S(), P("span", er, G(d.loadingLabel), 1)) : O("v-if", !0)]) : (S(), P(at, { key: 1 }, [
-        L(d.$slots, "before"),
-        v(te) ? (S(), F(z, H({ key: 0 }, v(te), { class: "vv-button__icon" }), null, 16)) : O("v-if", !0),
-        v(u) ? (S(), P("span", tr, [L(d.$slots, "label", {}, () => [Ke(G(v(u)), 1)])])) : O("v-if", !0),
-        L(d.$slots, "after")
+      }, 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", ea, [I(d.$slots, "label", {}, () => [Ge(q(v(u)), 1)])])) : A("v-if", !0),
+        I(d.$slots, "after")
       ], 64))])]),
       _: 3
     }, 16, ["id", "class"]));
   }
-}), lr = ar;
-function or(e, r, t) {
-  const l = Pe(), o = n(() => {
+}), ra = aa;
+function la(e, a, t) {
+  const l = ke(), o = n(() => {
     if (!(!l || !l.defaults.value?.[e]))
       return l.defaults.value[e];
   });
   return n(() => {
     if (o.value === void 0) return t;
-    const i = o.value, g = r, c = t;
+    const i = o.value, g = a, c = t;
     return Object.keys(g).reduce((p, s) => {
       const m = c[s];
       if (p[s] = m, s in i) {
@@ -920,7 +915,7 @@ function or(e, r, t) {
     }, {});
   });
 }
-var nr = ["for"], ir = { class: "vv-input-file__preview" }, ur = ["src", "alt"], sr = { class: "vv-input-file__wrapper" }, dr = [
+var oa = ["for"], na = { class: "vv-input-file__preview" }, ia = ["src", "alt"], ua = { class: "vv-input-file__wrapper" }, sa = [
   "id",
   "readonly",
   "disabled",
@@ -933,58 +928,58 @@ var nr = ["for"], ir = { class: "vv-input-file__preview" }, ur = ["src", "alt"],
   "accept",
   "capture",
   "name"
-], vr = ["value"], fr = ["onClick"], cr = ["title", "onClick"], pr = { class: "vv-input-file__item-name" }, gr = { class: "vv-input-file__item-info" }, mr = [
+], 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"
-], br = { name: "VvInputFile" }, yr = /* @__PURE__ */ W({
-  ...br,
-  props: Te,
+], ma = { name: "VvInputFile" }, ba = /* @__PURE__ */ Y({
+  ...ma,
+  props: Me,
   emits: [
     "remove",
     "download",
     "update:modelValue"
   ],
-  setup(e, { emit: r }) {
-    const t = e, l = r, o = qe(), i = or("VvInputFile", Te, t), { modifiers: g, id: c, readonly: p, disabled: s, icon: m, iconPosition: u, iconDownload: f, sortable: _ } = Le(t), B = Ze(c), R = n(() => `${B.value}-hint`), T = n(() => {
+  setup(e, { emit: a }) {
+    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 a = typeof t.progress == "string" ? Number.parseInt(t.progress) : t.progress;
-      return a > 0 && a < 100;
-    }), { hasIconBefore: $, hasIconAfter: D } = Ae(m, u), { hasIcon: b } = Ae(f), ee = $e("vv-input-file", g, n(() => ({
+      const r = typeof t.progress == "string" ? Number.parseInt(t.progress) : t.progress;
+      return r > 0 && r < 100;
+    }), { 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 && !T.value,
+      loading: t.loading && !M.value,
       disabled: t.disabled,
       required: t.required,
       readonly: t.readonly,
       dragging: le.value,
-      "icon-before": !!$.value,
+      "icon-before": !!P.value,
       "icon-after": !!D.value,
       "drop-area": ge.value
-    }))), { HintSlot: te, hasHintLabelOrSlot: M, hasInvalidLabelOrSlot: pe, hintSlotScope: K } = Mt(i, o), d = pt(t, "modelValue", l), I = 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: (a) => {
-        if (ae.value) {
-          d.value = a;
+      set: (r) => {
+        if (re.value) {
+          d.value = r;
           return;
         }
-        d.value = a?.[0];
+        d.value = r?.[0];
       }
-    }), ke = n(() => t.disabled || t.readonly), re = n(() => typeof t.max == "string" ? Number.parseInt(t.max) : t.max), ge = n(() => t.dropArea && !ke.value), ae = n(() => t.multiple ? re.value ? re.value - I.value.length > 1 : !0 : !1), le = Y(!1), q = Y();
+    }), 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;
     }
     function Xe() {
       le.value = !1;
     }
-    function xe(a) {
-      a.dataTransfer?.files && (le.value = !1, Ee(a.dataTransfer?.files));
+    function xe(r) {
+      r.dataTransfer?.files && (le.value = !1, Ve(r.dataTransfer?.files));
     }
     function et() {
-      q.value?.files && (Ee(q.value.files), q.value.value = "");
+      H.value?.files && (Ve(H.value.files), H.value.value = "");
     }
-    function Ee(a) {
-      const h = Ft(a, t.accept);
+    function Ve(r) {
+      const h = jt(r, t.accept);
       if (!t.multiple) {
         if (Array.isArray(d.value)) {
           d.value = h;
@@ -995,46 +990,46 @@ var nr = ["for"], ir = { class: "vv-input-file__preview" }, ur = ["src", "alt"],
       }
       let y = [];
       !Array.isArray(d.value) && d.value ? y = [d.value] : y = d.value && Array.isArray(d.value) ? [...d.value] : y;
-      for (const E of h) {
-        if (re.value && y.length >= re.value) break;
-        y.push(E);
+      for (const V of h) {
+        if (ae.value && y.length >= ae.value) break;
+        y.push(V);
       }
-      d.value = y, A.value = y.length - 1;
+      d.value = y, B.value = y.length - 1;
     }
     function me() {
-      q.value && (ke.value || q.value.click());
+      H.value && (Ce.value || H.value.click());
     }
-    function be(a) {
-      const h = Array.isArray(d.value) ? d.value[a] : d.value;
+    function be(r) {
+      const h = Array.isArray(d.value) ? d.value[r] : d.value;
       if (!h) return;
       if (l("remove", h), !Array.isArray(d.value)) {
         d.value = void 0;
         return;
       }
-      A.value === a && (A.value = 0);
+      B.value === r && (B.value = 0);
       const y = [...d.value];
-      y.splice(a, 1), d.value = y;
+      y.splice(r, 1), d.value = y;
     }
-    const A = Y(0), Ne = ["image/jpeg", "image/png"], k = n(() => {
-      if (t.hidePreview || I.value.length === 0 || !I.value[A.value]) return;
-      if (I.value[A.value] instanceof File) {
-        const h = I.value[A.value];
-        return Ne.includes(h.type) ? URL.createObjectURL(h) : void 0;
+    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];
+        return Ee.includes(h.type) ? URL.createObjectURL(h) : void 0;
       }
-      const a = I.value[A.value];
-      if (a.thumbnailUrl) return a.thumbnailUrl;
-      if (Ne.includes(a.type))
-        return a.url;
+      const r = L.value[B.value];
+      if (r.thumbnailUrl) return r.thumbnailUrl;
+      if (Ee.includes(r.type))
+        return r.url;
     });
-    Je(k, (a, h) => {
+    Ke(C, (r, h) => {
       h && URL.revokeObjectURL(h);
     }), ut(() => {
-      k.value && URL.revokeObjectURL(k.value);
+      C.value && URL.revokeObjectURL(C.value);
     });
-    function ye(a, h) {
-      if (!a) return;
-      if (a === 0) return "0 Bytes";
-      const y = 1024, E = h ? h <= 0 ? 0 : h : 2, oe = [
+    function ye(r, h) {
+      if (!r) return;
+      if (r === 0) return "0 Bytes";
+      const y = 1024, V = h ? h <= 0 ? 0 : h : 2, oe = [
         "Bytes",
         "KB",
         "MB",
@@ -1044,166 +1039,166 @@ var nr = ["for"], ir = { class: "vv-input-file__preview" }, ur = ["src", "alt"],
         "EB",
         "ZB",
         "YB"
-      ], De = Math.floor(Math.log(a) / Math.log(y));
-      return `${Number.parseFloat((a / y ** De).toFixed(E))} ${oe[De]}`;
+      ], De = Math.floor(Math.log(r) / Math.log(y));
+      return `${Number.parseFloat((r / y ** De).toFixed(V))} ${oe[De]}`;
     }
-    function he(a) {
-      l("download", a);
-      const h = a instanceof File ? URL.createObjectURL(a) : a.url;
+    function he(r) {
+      l("download", r);
+      const h = r instanceof File ? URL.createObjectURL(r) : r.url;
       if (!h) return;
       const y = document.createElement("a");
-      y.href = h, y.setAttribute("download", a.name), document.body.appendChild(y), y.click(), document.body.removeChild(y), URL.revokeObjectURL(y.href);
+      y.href = h, y.setAttribute("download", r.name), document.body.appendChild(y), y.click(), document.body.removeChild(y), URL.revokeObjectURL(y.href);
     }
-    function Ve(a) {
-      A.value = a;
+    function Re(r) {
+      B.value = r;
     }
-    const Re = n(() => I.value.length === 0 || ae.value ? t.labelAdd : t.labelReplace), tt = n(() => I.value.length === 0 || ae.value ? t.iconAdd : t.iconReplace);
-    function rt({ newIndex: a }) {
-      a !== null && (A.value = a);
+    const Ne = n(() => L.value.length === 0 || re.value ? t.labelAdd : t.labelReplace), tt = n(() => L.value.length === 0 || re.value ? t.iconAdd : t.iconReplace);
+    function at({ newIndex: r }) {
+      r !== null && (B.value = r);
     }
-    return (a, h) => (S(), P("div", { class: _e(v(ee)) }, [
-      a.label ? (S(), P("label", {
+    return (r, h) => (S(), k("div", { class: _e(v(ee)) }, [
+      r.label ? (S(), k("label", {
         key: 0,
-        for: v(B)
-      }, G(a.label), 9, nr)) : O("v-if", !0),
-      ge.value ? (S(), P("div", {
+        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",
-        onDragenter: N(Qe, ["prevent", "stop"]),
-        onDragleave: N(Xe, ["prevent", "stop"]),
-        onDrop: N(xe, ["prevent", "stop"]),
-        onDragover: h[0] || (h[0] = N(() => {
+        onDragenter: E(Qe, ["prevent", "stop"]),
+        onDragleave: E(Xe, ["prevent", "stop"]),
+        onDrop: E(xe, ["prevent", "stop"]),
+        onDragover: h[0] || (h[0] = E(() => {
         }, ["prevent", "stop"])),
-        onClick: N(me, ["stop"])
-      }, [L(a.$slots, "drop-area", C(j({
-        previewSrc: k.value,
+        onClick: E(me, ["stop"])
+      }, [I(r.$slots, "drop-area", $(j({
+        previewSrc: C.value,
         onClickDropArea: me
-      })), () => [J("picture", ir, [k.value ? (S(), P("img", {
+      })), () => [K("picture", na, [C.value ? (S(), k("img", {
         key: 0,
-        src: k.value,
-        alt: I.value[A.value].name
-      }, null, 8, ur)) : O("v-if", !0)]), v(p) ? O("v-if", !0) : (S(), F(lr, {
+        src: C.value,
+        alt: L.value[B.value].name
+      }, null, 8, ia)) : A("v-if", !0)]), v(p) ? A("v-if", !0) : (S(), F(ra, {
         key: 0,
         modifiers: "action",
-        label: k.value ? void 0 : Re.value,
-        title: k.value ? Re.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": k.value }),
+        class: _e({ "vv-input-file__drop-area-action": C.value }),
         icon: tt.value,
-        onClick: N(me, ["stop"])
+        onClick: E(me, ["stop"])
       }, null, 8, [
         "label",
         "title",
         "disabled",
         "class",
         "icon"
-      ]))])], 32)) : O("v-if", !0),
-      J("div", sr, [
-        v($) ? (S(), F(z, C(H({ key: 0 }, v($))), null, 16)) : O("v-if", !0),
-        J("input", {
-          id: v(B),
+      ]))])], 32)) : 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(w),
           ref_key: "inputEl",
-          ref: q,
+          ref: H,
           type: "file",
           readonly: v(p),
           disabled: v(s),
-          required: a.required,
-          placeholder: a.placeholder,
-          "aria-describedby": v(M) ? R.value : void 0,
-          "aria-invalid": a.invalid,
-          "aria-errormessage": v(pe) ? R.value : void 0,
-          multiple: ae.value,
-          accept: a.accept,
-          capture: a.capture,
-          name: a.name,
+          required: r.required,
+          placeholder: r.placeholder,
+          "aria-describedby": v(T) ? N.value : void 0,
+          "aria-invalid": r.invalid,
+          "aria-errormessage": v(pe) ? N.value : void 0,
+          multiple: re.value,
+          accept: r.accept,
+          capture: r.capture,
+          name: r.name,
           onChange: et
-        }, null, 40, dr),
-        T.value ? (S(), P("progress", {
+        }, null, 40, sa),
+        M.value ? (S(), k("progress", {
           key: 1,
           class: "vv-input-file__progress",
-          value: a.progress,
+          value: r.progress,
           max: "100"
-        }, G(a.progress) + "% ", 9, vr)) : O("v-if", !0),
-        v(D) ? (S(), F(z, C(H({ key: 2 }, v(D))), null, 16)) : O("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)
       ]),
-      L(a.$slots, "file-list", C(j({
-        files: I.value,
-        selectedFileIndex: A.value,
-        onSelectIndex: Ve,
+      I(r.$slots, "file-list", $(j({
+        files: L.value,
+        selectedFileIndex: B.value,
+        onSelectIndex: Re,
         onRemoveIndex: be,
         onDownloadFile: he,
         formatBytes: ye
       })), () => [Se(v(gt), {
-        modelValue: I.value,
-        "onUpdate:modelValue": h[1] || (h[1] = (y) => I.value = y),
+        modelValue: L.value,
+        "onUpdate:modelValue": h[1] || (h[1] = (y) => L.value = y),
         tag: "ul",
         class: "vv-input-file__list",
         "item-key": "name",
         move: () => v(_),
-        onEnd: rt
+        onEnd: at
       }, {
-        item: U(({ element: y, index: E }) => [J("li", {
+        item: U(({ element: y, index: V }) => [K("li", {
           class: _e(["vv-input-file__item", {
-            active: E === A.value && ge.value && I.value.length > 1,
+            active: V === B.value && ge.value && L.value.length > 1,
             "cursor-move": v(_)
           }]),
-          onClick: N((oe) => Ve(E), ["stop"])
-        }, [L(a.$slots, "file-item", C(j({
+          onClick: E((oe) => Re(V), ["stop"])
+        }, [I(r.$slots, "file-item", $(j({
           file: y,
-          index: E,
-          isSelected: E === A.value,
+          index: V,
+          isSelected: V === B.value,
           onRemoveIndex: be,
           onDownloadFile: he,
           formatBytes: ye
         })), () => [
-          v(b) ? (S(), P("button", {
+          v(b) ? (S(), k("button", {
             key: 0,
             type: "button",
             class: "vv-input-file__item-action",
-            title: a.labelDownload,
-            onClick: N((oe) => he(y), ["stop"])
-          }, [Se(z, C(j(v(b))), null, 16)], 8, cr)) : O("v-if", !0),
-          J("div", pr, G(y.name), 1),
-          J("small", gr, G(ye(y.size)), 1),
-          v(p) ? O("v-if", !0) : (S(), P("button", {
+            title: r.labelDownload,
+            onClick: E((oe) => he(y), ["stop"])
+          }, [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",
             class: "vv-input-file__item-remove",
-            title: a.labelRemove,
+            title: r.labelRemove,
             disabled: v(s),
-            onClick: N((oe) => be(E), ["stop"])
-          }, null, 8, mr))
-        ])], 10, fr)]),
+            onClick: E((oe) => be(V), ["stop"])
+          }, null, 8, ga))
+        ])], 10, va)]),
         _: 3
       }, 8, ["modelValue", "move"])]),
       Se(v(te), {
-        id: R.value,
+        id: N.value,
         class: "vv-input-file__hint"
       }, lt({ _: 2 }, [
-        a.$slots.hint ? {
+        r.$slots.hint ? {
           name: "hint",
-          fn: U(() => [L(a.$slots, "hint", C(j(v(K))))]),
+          fn: U(() => [I(r.$slots, "hint", $(j(v(G))))]),
           key: "0"
         } : void 0,
-        a.$slots.loading ? {
+        r.$slots.loading ? {
           name: "loading",
-          fn: U(() => [L(a.$slots, "loading", C(j(v(K))))]),
+          fn: U(() => [I(r.$slots, "loading", $(j(v(G))))]),
           key: "1"
         } : void 0,
-        a.$slots.valid ? {
+        r.$slots.valid ? {
           name: "valid",
-          fn: U(() => [L(a.$slots, "valid", C(j(v(K))))]),
+          fn: U(() => [I(r.$slots, "valid", $(j(v(G))))]),
           key: "2"
         } : void 0,
-        a.$slots.invalid ? {
+        r.$slots.invalid ? {
           name: "invalid",
-          fn: U(() => [L(a.$slots, "invalid", C(j(v(K))))]),
+          fn: U(() => [I(r.$slots, "invalid", $(j(v(G))))]),
           key: "3"
         } : void 0
       ]), 1032, ["id"])
     ], 2));
   }
-}), Pr = yr;
+}), $a = ba;
 export {
-  Pr as default
+  $a as default
 };