energy-components 1.22.0 → 2.0.0-beta.0

package/dist/components/dropdown.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as fe, mergeModels as J, toRefs as ve, useModel as ye, ref as D, computed as i, provide as _, onMounted as be, nextTick as F, onBeforeUnmount as we, createElementBlock as w, openBlock as u, normalizeClass as T, unref as a, createVNode as S, mergeProps as Q, withModifiers as r, createSlots as X, withCtx as d, createElementVNode as c, createCommentVNode as O, createBlock as K, renderSlot as v, Fragment as ge, toDisplayString as E } from "vue";
+import { defineComponent as fe, mergeModels as J, toRefs as ve, useModel as ye, ref as $, computed as i, provide as _, onMounted as be, nextTick as F, onBeforeUnmount as we, createElementBlock as b, openBlock as u, normalizeClass as R, unref as a, createVNode as C, mergeProps as Q, withModifiers as r, createSlots as X, withCtx as d, createElementVNode as p, createCommentVNode as D, createBlock as K, renderSlot as f, Fragment as ge, toDisplayString as T } from "vue";
 import he from "./multiselect.es.js";
 import ke from "./checkbox.es.js";
 import { _ as $e } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
 import Ce from "./radioButton.es.js";
-import { R as Y } from "./icon-svg-K8-vLJgV.js";
+import { I as Y } from "./icon-svg-DxlNo61Q.js";
 import Z from "./textField.es.js";
 import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__option" }, xe = { class: "rds-e-dropdown__option-container" }, Be = { class: "rds-e-dropdown__option--prepend" }, Ve = { class: "rds-e-dropdown__option--content" }, Ae = {
+import './style/dropdown.css';const Oe = ["id"], Se = { class: "rds-e-dropdown__option" }, xe = { class: "rds-e-dropdown__option-container" }, Be = { class: "rds-e-dropdown__option--prepend" }, Ve = { class: "rds-e-dropdown__option--content" }, Ae = {
   key: 0,
   class: "rds-e-dropdown__option-detail"
-}, Re = { key: 1 }, Fe = {
+}, Fe = { key: 1 }, Re = {
   key: 0,
   class: "rds-e-dropdown__option--append"
 }, Te = { class: "rds-e-dropdown__before-list-container" }, Ee = {
@@ -75,7 +75,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
     showRadio: {
       type: Boolean,
       default: !1,
-      validator: (o, L) => o && L.multiple ? (console.error("showRadio solo es valido para seleccion unica"), !1) : !0
+      validator: (o, E) => o && E.multiple ? (console.error("showRadio solo es valido para seleccion unica"), !1) : !0
     },
     /**
      * Indica si el campo de entrada contiene un error o no.
@@ -191,21 +191,18 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ J(["open", "close", "select", "change"], ["update:modelValue"]),
-  setup(o, { expose: L, emit: ee }) {
-    const s = o, k = ee, {
-      disabled: x,
-      limit: M,
-      multiple: $,
-      options: h,
-      textOnly: j
-    } = ve(s), n = ye(o, "modelValue"), p = D([]), m = D(), y = D(), I = D(""), q = D(!1);
-    let B = !1;
-    const le = () => {
-      q.value = !0;
-    }, te = i(() => {
-      var e;
-      return ((e = m.value) == null ? void 0 : e.isOpen) ?? !1;
-    }), C = i(() => s.autocomplete && Object.keys(s.autocomplete).length > 0), oe = i(() => ({
+  setup(o, { expose: E, emit: ee }) {
+    const s = o, g = ee, {
+      disabled: O,
+      limit: L,
+      multiple: h,
+      options: w,
+      textOnly: M
+    } = ve(s), n = ye(o, "modelValue"), c = $([]), m = $(), v = $(), j = $(""), I = $(!1);
+    let S = !1;
+    const te = () => {
+      I.value = !0;
+    }, le = i(() => m.value?.isOpen ?? !1), k = i(() => s.autocomplete && Object.keys(s.autocomplete).length > 0), oe = i(() => ({
       id: s.autocomplete.id || `autocomplete-${s.id}`,
       label: s.autocomplete.label || s.label,
       icon: s.autocomplete.icon || "",
@@ -218,164 +215,161 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
       readonly: s.autocomplete.readonly ?? !1
     }));
     _("registerDropdownFocusElement", (e) => {
-      e && !p.value.includes(e) && p.value.push(e);
+      e && !c.value.includes(e) && c.value.push(e);
     }), _("unregisterDropdownFocusElement", (e) => {
-      const l = p.value.findIndex((t) => t === e);
-      l > -1 && p.value.splice(l, 1);
+      const t = c.value.findIndex((l) => l === e);
+      t > -1 && c.value.splice(t, 1);
     }), _("isFocusWithinDropdown", (e) => {
-      const l = p.value.some((f) => f === e || f.contains(e)), t = e.classList && (e.classList.contains("rds-e-dropdown__before-list") || e.closest(".rds-e-dropdown__before-list") || e.classList.contains("multiselect") || e.closest(".multiselect"));
-      return l || t;
+      const t = c.value.some((y) => y === e || y.contains(e)), l = e.classList && (e.classList.contains("rds-e-dropdown__before-list") || e.closest(".rds-e-dropdown__before-list") || e.classList.contains("multiselect") || e.closest(".multiselect"));
+      return t || l;
     });
     const H = i({
       get: () => n.value && typeof n.value == "object" && !Array.isArray(n.value) ? n.value.id : typeof n.value == "string" || typeof n.value == "number" ? n.value : null,
       set: (e) => {
-        const l = h.value.find((t) => typeof t == "object" ? t.id === e : t === e);
-        n.value = l || null;
+        const t = w.value.find((l) => typeof l == "object" ? l.id === e : l === e);
+        n.value = t || null;
       }
-    }), se = i(() => (h.value ?? []).every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), ne = i(() => !$.value || s.closeOnSelect), N = i({
-      get: () => n.value ? s.multiple ? Array.isArray(n.value) ? n.value.length > M.value ? s.limitText(M.value) : n.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof n.value == "object" ? n.value.label : typeof n.value == "string" ? n.value : "" : "",
+    }), se = i(() => (w.value ?? []).every((e) => typeof e == "object" && e?.id && e?.label)), ne = i(() => !h.value || s.closeOnSelect), q = i({
+      get: () => n.value ? s.multiple ? Array.isArray(n.value) ? n.value.length > L.value ? s.limitText(L.value) : n.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof n.value == "object" ? n.value.label : typeof n.value == "string" ? n.value : "" : "",
       set: () => null
     }), re = i(() => ({
       "rds-e-dropdown-input": !0,
-      "rds-e-dropdown--disabled": x.value,
+      "rds-e-dropdown--disabled": O.value,
       "rds-e-dropdown--small": s.small
-    })), ae = i(() => s.openDirection !== "auto" ? s.openDirection : ""), U = i(() => {
+    })), ae = i(() => s.openDirection !== "auto" ? s.openDirection : ""), N = i(() => {
       const e = {};
       return se.value && Object.assign(e, {
         "track-by": "id",
         label: "label"
       }), e;
-    }), de = i(() => C.value && s.autocomplete.autocompleteFilter ? h.value.filter((e) => s.autocomplete.autocompleteFilter(e, I.value)) : h.value), V = (e) => {
+    }), de = i(() => k.value && s.autocomplete.autocompleteFilter ? w.value.filter((e) => s.autocomplete.autocompleteFilter(e, j.value)) : w.value), x = (e) => {
       if (n.value === e) return !0;
       if (Array.isArray(n.value)) {
         if (typeof e == "string") return n.value.includes(e);
-        if (U.value.label)
-          return n.value.some((l) => l.id === e.id);
+        if (N.value.label)
+          return n.value.some((t) => t.id === e.id);
       }
       return !1;
     }, ie = (e) => {
-      k("open", e, s.id);
+      g("open", e, s.id);
     }, ue = (e) => {
-      k("close", e, s.id);
-    }, ce = (e) => {
+      g("close", e, s.id);
+    }, pe = (e) => {
       F(() => {
-        k("select", e);
+        g("select", e);
       });
-    }, pe = () => {
+    }, ce = () => {
       F(() => {
-        if ($.value) {
-          const e = h.value.filter(
-            (l) => V(l)
+        if (h.value) {
+          const e = w.value.filter(
+            (t) => x(t)
           ) || [];
-          k("change", e);
+          g("change", e);
         } else {
-          const e = h.value.find(
-            (l) => V(l)
+          const e = w.value.find(
+            (t) => x(t)
           );
-          k("change", [e]);
+          g("change", [e]);
         }
       });
     }, P = (e) => {
-      m.value.select(e), B = !0;
-    }, A = () => {
+      m.value.select(e), S = !0;
+    }, B = () => {
       m.value.activate();
-    }, R = () => {
+    }, V = () => {
       m.value.deactivate();
     }, W = () => {
-      m.value.toggle(), B = !0;
+      m.value.toggle(), S = !0;
     }, z = () => {
-      te.value ? R() : A();
+      le.value ? V() : B();
     }, me = () => {
-      C.value && y.value && (le(), A(), F(() => {
-        y.value.focus();
+      k.value && v.value && (te(), B(), F(() => {
+        v.value.focus();
       }));
     }, G = (e) => {
-      var f, g;
-      if (B) {
-        B = !1;
+      if (S) {
+        S = !1;
         return;
       }
-      const l = e.target, t = !((g = (f = m.value) == null ? void 0 : f.$el) != null && g.contains(l));
-      if (q.value) {
-        const b = y.value && !y.value.$el.contains(l) && !l.closest(".rds-e-dropdown__before-list");
-        t && b && (q.value = !1, R());
-      } else t && R();
+      const t = e.target, l = !m.value?.$el?.contains(t);
+      if (I.value) {
+        const y = v.value && !v.value.$el.contains(t) && !t.closest(".rds-e-dropdown__before-list");
+        l && y && (I.value = !1, V());
+      } else l && V();
     };
     return be(() => {
-      var e;
-      (e = m.value) != null && e.$el && p.value.push(m.value.$el), F(() => {
-        var l;
-        if (C.value && ((l = y.value) != null && l.$el)) {
-          p.value.push(y.value.$el);
-          const t = y.value.$el.closest(".rds-e-dropdown__before-list");
-          t && !p.value.includes(t) && p.value.push(t);
+      m.value?.$el && c.value.push(m.value.$el), F(() => {
+        if (k.value && v.value?.$el) {
+          c.value.push(v.value.$el);
+          const e = v.value.$el.closest(".rds-e-dropdown__before-list");
+          e && !c.value.includes(e) && c.value.push(e);
         }
       }), document.addEventListener("click", G);
     }), we(() => {
-      p.value = [], document.removeEventListener("click", G);
-    }), L({
+      c.value = [], document.removeEventListener("click", G);
+    }), E({
       /**
        * Abre el dropdown
        */
-      activate: A,
+      activate: B,
       /**
        * Cierra el dropdown
        */
-      deactivate: R
-    }), (e, l) => (u(), w("div", {
-      class: T(["rds-e-dropdown", {
-        "rds-e-dropdown--text-only": a(j),
+      deactivate: V
+    }), (e, t) => (u(), b("div", {
+      class: R(["rds-e-dropdown", {
+        "rds-e-dropdown--text-only": a(M),
         "rds-e-dropdown--inverse": o.inverse
       }])
     }, [
-      S(he, Q({
+      C(he, Q({
         ref_key: "multiselect",
         ref: m,
         modelValue: n.value,
-        "onUpdate:modelValue": l[12] || (l[12] = (t) => n.value = t),
+        "onUpdate:modelValue": t[12] || (t[12] = (l) => n.value = l),
         class: re.value,
         options: de.value,
         "close-on-select": ne.value,
         "show-labels": !1,
-        disabled: a(x),
-        multiple: a($),
+        disabled: a(O),
+        multiple: a(h),
         "max-height": o.maxHeight,
         searchable: !1,
         small: o.small,
         "open-direction": ae.value,
-        limit: a(M),
+        limit: a(L),
         "limit-text": o.limitText
-      }, U.value, {
+      }, N.value, {
         "append-to-body": o.appendToBody,
-        "text-only": a(j),
+        "text-only": a(M),
         onOpen: ie,
         onClose: ue,
-        onSelect: ce,
-        "onUpdate:modelValue": pe,
-        onFocus: l[13] || (l[13] = r(() => A(), ["prevent"])),
+        onSelect: pe,
+        "onUpdate:modelValue": ce,
+        onFocus: t[13] || (t[13] = r(() => B(), ["prevent"])),
         onBlur: r(() => null, ["prevent"])
       }), X({
-        selection: d(({ isOpen: t }) => [
-          a(j) ? (u(), w("div", {
+        selection: d(({ isOpen: l }) => [
+          a(M) ? (u(), b("div", {
             key: 0,
             id: `multiselect-dropdown-${o.id}`,
-            class: T([o.customTriggerClass, "rds-e-dropdown__text-only"]),
+            class: R([o.customTriggerClass, "rds-e-dropdown__text-only"]),
             onMousedown: r(z, ["prevent", "stop"])
           }, [
-            c("span", null, E(N.value || o.label), 1),
-            S(a(Y), {
+            p("span", null, T(q.value || o.label), 1),
+            C(a(Y), {
               name: "arrow_down",
               "aria-hidden": "true",
-              class: T(["rds-e-dropdown__input-caret", {
-                "rds-e-dropdown__input-caret--open": t
+              class: R(["rds-e-dropdown__input-caret", {
+                "rds-e-dropdown__input-caret--open": l
               }]),
               onMousedown: r(z, ["prevent", "stop"])
             }, null, 8, ["class"])
-          ], 42, Se)) : (u(), K(a(Z), {
+          ], 42, Oe)) : (u(), K(a(Z), {
             key: 1,
             id: `multiselect-dropdown-${o.id}`,
-            modelValue: N.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (f) => N.value = f),
+            modelValue: q.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (y) => q.value = y),
             class: "rds-e-dropdown__input",
             label: o.label,
             error: o.error,
@@ -386,11 +380,11 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
             onMousedown: r(W, ["prevent"])
           }, X({
             "right-icon": d(() => [
-              S(a(Y), {
+              C(a(Y), {
                 name: "arrow_down",
                 "aria-hidden": "true",
-                class: T(["rds-e-dropdown__input-caret", {
-                  "rds-e-dropdown__input-caret--open": t
+                class: R(["rds-e-dropdown__input-caret", {
+                  "rds-e-dropdown__input-caret--open": l
                 }]),
                 onMousedown: r(W, ["prevent", "stop"])
               }, null, 8, ["class"])
@@ -400,64 +394,61 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
             e.$slots["helper-text"] ? {
               name: "helper-text",
               fn: d(() => [
-                v(e.$slots, "helper-text", {}, void 0, !0)
+                f(e.$slots, "helper-text", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["id", "modelValue", "label", "error", "helper", "helper-text", "loading"]))
         ]),
         placeholder: d(() => [
-          l[14] || (l[14] = c("span", null, null, -1))
+          t[14] || (t[14] = p("span", null, null, -1))
         ]),
-        option: d(({ option: t, search: f, index: g }) => [
-          c("div", Oe, [
-            c("div", xe, [
-              c("div", Be, [
-                a($) ? (u(), K(a(ke), {
+        option: d(({ option: l, search: y, index: A }) => [
+          p("div", Se, [
+            p("div", xe, [
+              p("div", Be, [
+                a(h) ? (u(), K(a(ke), {
                   key: 0,
-                  id: `${g}-${t.id}`,
+                  id: `${A}-${l.id}`,
                   small: o.small,
-                  "model-value": V(t),
-                  disabled: a(x) || (t == null ? void 0 : t.$isDisabled) || !1,
-                  onClick: r((b) => P(t), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "model-value", "disabled", "onClick"])) : !a($) && o.showRadio ? (u(), K(a($e), {
+                  "model-value": x(l),
+                  disabled: a(O) || l?.$isDisabled || !1,
+                  onClick: r((U) => P(l), ["prevent", "stop"])
+                }, null, 8, ["id", "small", "model-value", "disabled", "onClick"])) : !a(h) && o.showRadio ? (u(), K(a($e), {
                   key: 1,
                   modelValue: H.value,
-                  "onUpdate:modelValue": l[1] || (l[1] = (b) => H.value = b),
+                  "onUpdate:modelValue": t[1] || (t[1] = (U) => H.value = U),
                   "group-name": `group-${o.id}`
                 }, {
                   default: d(() => [
-                    S(a(Ce), {
-                      id: `${g}-${typeof t == "object" ? t.id : g}`,
+                    C(a(Ce), {
+                      id: `${A}-${typeof l == "object" ? l.id : A}`,
                       small: o.small,
-                      option: typeof t == "object" ? t.id : t,
-                      checked: V(t),
-                      disabled: a(x) || (t == null ? void 0 : t.$isDisabled) || !1,
-                      onClick: r((b) => P(t), ["prevent", "stop"])
+                      option: typeof l == "object" ? l.id : l,
+                      checked: x(l),
+                      disabled: a(O) || l?.$isDisabled || !1,
+                      onClick: r((U) => P(l), ["prevent", "stop"])
                     }, null, 8, ["id", "small", "option", "checked", "disabled", "onClick"])
                   ]),
                   _: 2
-                }, 1032, ["modelValue", "group-name"])) : O("", !0)
+                }, 1032, ["modelValue", "group-name"])) : D("", !0)
               ]),
-              c("div", Ve, [
-                v(e.$slots, "singleLabel", { option: t }, () => {
-                  var b;
-                  return [
-                    (b = U.value) != null && b.label ? (u(), w(ge, { key: 0 }, [
-                      c("span", null, E(t.label), 1),
-                      t != null && t.detail ? (u(), w("span", Ae, E(t.detail), 1)) : O("", !0)
-                    ], 64)) : (u(), w("span", Re, E(t), 1))
-                  ];
-                }, !0)
+              p("div", Ve, [
+                f(e.$slots, "singleLabel", { option: l }, () => [
+                  N.value?.label ? (u(), b(ge, { key: 0 }, [
+                    p("span", null, T(l.label), 1),
+                    l?.detail ? (u(), b("span", Ae, T(l.detail), 1)) : D("", !0)
+                  ], 64)) : (u(), b("span", Fe, T(l), 1))
+                ], !0)
               ])
             ]),
-            e.$slots.optionAppend ? (u(), w("div", Fe, [
-              v(e.$slots, "optionAppend", {
-                option: t,
-                search: f,
-                index: g
+            e.$slots.optionAppend ? (u(), b("div", Re, [
+              f(e.$slots, "optionAppend", {
+                option: l,
+                search: y,
+                index: A
               }, void 0, !0)
-            ])) : O("", !0)
+            ])) : D("", !0)
           ])
         ]),
         _: 2
@@ -465,82 +456,82 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
         e.$slots.limit ? {
           name: "limit",
           fn: d(() => [
-            v(e.$slots, "limit", {}, void 0, !0)
+            f(e.$slots, "limit", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.maxElements ? {
           name: "maxElements",
           fn: d(() => [
-            v(e.$slots, "maxElements", {}, void 0, !0)
+            f(e.$slots, "maxElements", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.noResult ? {
           name: "noResult",
-          fn: d(({ search: t }) => [
-            v(e.$slots, "noResult", { search: t }, void 0, !0)
+          fn: d(({ search: l }) => [
+            f(e.$slots, "noResult", { search: l }, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.noOptions ? {
           name: "noOptions",
           fn: d(() => [
-            v(e.$slots, "noOptions", {}, void 0, !0)
+            f(e.$slots, "noOptions", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
-        C.value || e.$slots.beforeList ? {
+        k.value || e.$slots.beforeList ? {
           name: "beforeList",
           fn: d(() => [
-            C.value ? (u(), w("div", {
+            k.value ? (u(), b("div", {
               key: 0,
               class: "rds-e-dropdown__before-list",
-              onMousedown: l[5] || (l[5] = r(() => {
+              onMousedown: t[5] || (t[5] = r(() => {
               }, ["stop"])),
               onClick: r(me, ["stop"]),
-              onBlur: l[6] || (l[6] = r(() => {
+              onBlur: t[6] || (t[6] = r(() => {
               }, ["stop"])),
-              onFocus: l[7] || (l[7] = r(() => {
+              onFocus: t[7] || (t[7] = r(() => {
               }, ["stop"])),
-              onKeydown: l[8] || (l[8] = r(() => {
+              onKeydown: t[8] || (t[8] = r(() => {
               }, ["stop"])),
-              onKeyup: l[9] || (l[9] = r(() => {
+              onKeyup: t[9] || (t[9] = r(() => {
               }, ["stop"])),
-              onKeypress: l[10] || (l[10] = r(() => {
+              onKeypress: t[10] || (t[10] = r(() => {
               }, ["stop"])),
-              onChange: l[11] || (l[11] = r(() => {
+              onChange: t[11] || (t[11] = r(() => {
               }, ["stop"]))
             }, [
-              c("div", Te, [
-                S(a(Z), Q({
+              p("div", Te, [
+                C(a(Z), Q({
                   ref_key: "textFieldInput",
-                  ref: y,
-                  modelValue: I.value,
-                  "onUpdate:modelValue": l[2] || (l[2] = (t) => I.value = t)
+                  ref: v,
+                  modelValue: j.value,
+                  "onUpdate:modelValue": t[2] || (t[2] = (l) => j.value = l)
                 }, oe.value, {
                   "full-width": "",
-                  onMousedown: l[3] || (l[3] = r(() => {
+                  onMousedown: t[3] || (t[3] = r(() => {
                   }, ["stop", "prevent"])),
-                  onFocus: l[4] || (l[4] = r(() => {
+                  onFocus: t[4] || (t[4] = r(() => {
                   }, ["stop"]))
                 }), null, 16, ["modelValue"])
               ])
-            ], 32)) : O("", !0),
-            e.$slots.beforeList ? (u(), w("div", Ee, [
-              c("div", Le, [
-                v(e.$slots, "beforeList", {}, void 0, !0)
+            ], 32)) : D("", !0),
+            e.$slots.beforeList ? (u(), b("div", Ee, [
+              p("div", Le, [
+                f(e.$slots, "beforeList", {}, void 0, !0)
               ])
-            ])) : O("", !0)
+            ])) : D("", !0)
           ]),
           key: "4"
         } : void 0,
         e.$slots.afterList ? {
           name: "afterList",
           fn: d(() => [
-            c("div", Me, [
-              c("div", je, [
-                v(e.$slots, "afterList", {}, void 0, !0)
+            p("div", Me, [
+              p("div", je, [
+                f(e.$slots, "afterList", {}, void 0, !0)
               ])
             ])
           ]),

package/dist/components/fileUploadItem.es.js

@@ -1,17 +1,17 @@
-import { defineComponent as M, ref as z, computed as c, createElementBlock as s, openBlock as l, normalizeClass as N, createElementVNode as n, renderSlot as v, createVNode as p, createCommentVNode as r, toDisplayString as f, withModifiers as $ } from "vue";
-import { R as g } from "./icon-svg-K8-vLJgV.js";
-import w from "./progressBar.es.js";
-import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/fileUploadItem.css';const C = ["id"], F = { class: "rds-e-file-upload-item__icon-container" }, R = { class: "rds-e-file-upload-item__details" }, E = { class: "rds-e-file-upload-item__info-wrapper" }, x = { class: "rds-e-file-upload-item__name" }, D = {
+import { defineComponent as M, ref as z, computed as c, createElementBlock as s, openBlock as l, normalizeClass as I, createElementVNode as n, renderSlot as v, createVNode as p, createCommentVNode as r, toDisplayString as f, withModifiers as N } from "vue";
+import { I as g } from "./icon-svg-DxlNo61Q.js";
+import $ from "./progressBar.es.js";
+import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/fileUploadItem.css';const C = ["id"], F = { class: "rds-e-file-upload-item__icon-container" }, E = { class: "rds-e-file-upload-item__details" }, R = { class: "rds-e-file-upload-item__info-wrapper" }, x = { class: "rds-e-file-upload-item__name" }, P = {
   key: 0,
   class: "rds-e-file-upload-item__meta"
-}, P = {
+}, V = {
   key: 0,
   class: "rds-e-file-upload-item__size"
-}, V = {
+}, q = {
   key: 1,
   class: "rds-e-file-upload-item__time-remaining"
-}, q = {
+}, D = {
   key: 1,
   class: "rds-e-file-upload-item__error-message"
 }, T = {
@@ -133,7 +133,7 @@ import './style/fileUploadItem.css';const C = ["id"], F = { class: "rds-e-file-u
     };
     return (t, i) => (l(), s("div", {
       id: e.id,
-      class: N(["rds-e-file-upload-item rds-radius-inputs", [_.value]]),
+      class: I(["rds-e-file-upload-item rds-radius-inputs", [_.value]]),
       onMouseover: i[1] || (i[1] = (d) => m.value = !0),
       onMouseleave: i[2] || (i[2] = (d) => m.value = !1)
     }, [
@@ -146,17 +146,17 @@ import './style/fileUploadItem.css';const C = ["id"], F = { class: "rds-e-file-u
           }, null, 8, ["name"])
         ], !0)
       ]),
-      n("div", R, [
-        n("div", E, [
+      n("div", E, [
+        n("div", R, [
           n("span", x, f(e.fileName), 1),
-          a.value !== "error" ? (l(), s("div", D, [
-            e.showFileSize ? (l(), s("span", P, f(S.value), 1)) : r("", !0),
-            a.value === "uploading" && e.timeRemaining ? (l(), s("span", V, f(e.timeRemaining), 1)) : r("", !0)
+          a.value !== "error" ? (l(), s("div", P, [
+            e.showFileSize ? (l(), s("span", V, f(S.value), 1)) : r("", !0),
+            a.value === "uploading" && e.timeRemaining ? (l(), s("span", q, f(e.timeRemaining), 1)) : r("", !0)
           ])) : r("", !0),
-          a.value === "error" && e.errorMessage ? (l(), s("div", q, f(e.errorMessage), 1)) : r("", !0)
+          a.value === "error" && e.errorMessage ? (l(), s("div", D, f(e.errorMessage), 1)) : r("", !0)
         ]),
         a.value === "uploading" && e.showProgressBar ? (l(), s("div", T, [
-          p(w, {
+          p($, {
             id: e.id,
             class: "rds-e-file-upload-item__progress-bar",
             step: e.progress,
@@ -177,7 +177,7 @@ import './style/fileUploadItem.css';const C = ["id"], F = { class: "rds-e-file-u
             class: "rds-e-file-upload-item__action-button",
             "aria-label": e.action.label || "Eliminar archivo",
             disabled: e.disabled,
-            onClick: i[0] || (i[0] = $((d) => B(e.action), ["stop"]))
+            onClick: i[0] || (i[0] = N((d) => B(e.action), ["stop"]))
           }, [
             p(g, {
               name: e.action.icon,
@@ -189,7 +189,7 @@ import './style/fileUploadItem.css';const C = ["id"], F = { class: "rds-e-file-u
       ])
     ], 42, C));
   }
-}), J = /* @__PURE__ */ I(G, [["__scopeId", "data-v-5ff636f4"]]);
+}), J = /* @__PURE__ */ w(G, [["__scopeId", "data-v-5ff636f4"]]);
 export {
   J as default
 };