energy-components 1.20.0-beta.0 → 1.21.0-beta.0

package/dist/components/fileUploadItem.es.js

@@ -1,12 +1,15 @@
-import { defineComponent as M, ref as N, computed as c, createElementBlock as l, openBlock as o, normalizeClass as $, createElementVNode as r, renderSlot as v, createVNode as p, createCommentVNode as n, toDisplayString as m, withModifiers as I } from "vue";
-import { R as g } from "./icon-svg-arye8CV8.js";
-import z from "./progressBar.es.js";
-import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/fileUploadItem.css';const R = ["id"], w = { class: "rds-e-file-upload-item__icon-container" }, E = { class: "rds-e-file-upload-item__details" }, F = { 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 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-C8XeOnqu.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 = {
   key: 0,
   class: "rds-e-file-upload-item__meta"
-}, P = { class: "rds-e-file-upload-item__size" }, V = {
+}, P = {
   key: 0,
+  class: "rds-e-file-upload-item__size"
+}, V = {
+  key: 1,
   class: "rds-e-file-upload-item__time-remaining"
 }, q = {
   key: 1,
@@ -105,28 +108,36 @@ import './style/fileUploadItem.css';const R = ["id"], w = { class: "rds-e-file-u
     showProgressBar: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Indica si se debe mostrar el tamaño del archivo.
+     * Si es false, el tamaño no se muestra.
+     */
+    showFileSize: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["action"],
-  setup(e, { emit: _ }) {
-    const s = e, b = _, f = N(!1), a = c(() => s.disabled ? "disabled" : s.status), y = c(() => {
+  setup(e, { emit: y }) {
+    const o = e, b = y, m = z(!1), a = c(() => o.disabled ? "disabled" : o.status), _ = c(() => {
       const t = [`rds-e-file-upload-item--${a.value}`];
-      return f.value && a.value !== "disabled" && a.value !== "uploading" && a.value !== "error" && t.push("rds-e-file-upload-item--hover"), t;
-    }), h = c(() => s.fileIcon), S = c(() => {
-      const t = s.fileSize;
+      return m.value && a.value !== "disabled" && a.value !== "uploading" && a.value !== "error" && t.push("rds-e-file-upload-item--hover"), t;
+    }), h = c(() => o.fileIcon), S = c(() => {
+      const t = o.fileSize;
       if (t === 0) return "0 Bytes";
       const i = 1024, d = ["Bytes", "KB", "MB", "GB", "TB"], u = Math.floor(Math.log(t) / Math.log(i)), k = u === 1 ? 0 : u > 1 ? 1 : 0;
       return `${Number.parseFloat((t / i ** u).toFixed(k))} ${d[u]}`;
     }), B = (t) => {
-      !s.disabled && t && b("action", { actionType: t.type, fileId: s.id });
+      !o.disabled && t && b("action", { actionType: t.type, fileId: o.id });
     };
-    return (t, i) => (o(), l("div", {
+    return (t, i) => (l(), s("div", {
       id: e.id,
-      class: $(["rds-e-file-upload-item rds-radius-inputs", [y.value]]),
-      onMouseover: i[1] || (i[1] = (d) => f.value = !0),
-      onMouseleave: i[2] || (i[2] = (d) => f.value = !1)
+      class: N(["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)
     }, [
-      r("div", w, [
+      n("div", F, [
         v(t.$slots, "file-icon", {}, () => [
           p(g, {
             name: h.value,
@@ -135,17 +146,17 @@ import './style/fileUploadItem.css';const R = ["id"], w = { class: "rds-e-file-u
           }, null, 8, ["name"])
         ], !0)
       ]),
-      r("div", E, [
-        r("div", F, [
-          r("span", x, m(e.fileName), 1),
-          a.value !== "error" ? (o(), l("div", D, [
-            r("span", P, m(S.value), 1),
-            a.value === "uploading" && e.timeRemaining ? (o(), l("span", V, m(e.timeRemaining), 1)) : n("", !0)
-          ])) : n("", !0),
-          a.value === "error" && e.errorMessage ? (o(), l("div", q, m(e.errorMessage), 1)) : n("", !0)
+      n("div", R, [
+        n("div", E, [
+          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)
+          ])) : r("", !0),
+          a.value === "error" && e.errorMessage ? (l(), s("div", q, f(e.errorMessage), 1)) : r("", !0)
         ]),
-        a.value === "uploading" && e.showProgressBar ? (o(), l("div", T, [
-          p(z, {
+        a.value === "uploading" && e.showProgressBar ? (l(), s("div", T, [
+          p(w, {
             id: e.id,
             class: "rds-e-file-upload-item__progress-bar",
             step: e.progress,
@@ -156,29 +167,29 @@ import './style/fileUploadItem.css';const R = ["id"], w = { class: "rds-e-file-u
             "hide-counter": "",
             inverse: ""
           }, null, 8, ["id", "step"])
-        ])) : n("", !0)
+        ])) : r("", !0)
       ]),
-      r("div", j, [
+      n("div", j, [
         v(t.$slots, "action", {}, () => [
-          e.action ? (o(), l("button", {
+          e.action ? (l(), s("button", {
             key: 0,
             type: "button",
             class: "rds-e-file-upload-item__action-button",
             "aria-label": e.action.label || "Eliminar archivo",
             disabled: e.disabled,
-            onClick: i[0] || (i[0] = I((d) => B(e.action), ["stop"]))
+            onClick: i[0] || (i[0] = $((d) => B(e.action), ["stop"]))
           }, [
             p(g, {
               name: e.action.icon,
               class: "rds-e-file-upload-item__action-icon",
               "aria-hidden": "true"
             }, null, 8, ["name"])
-          ], 8, A)) : n("", !0)
+          ], 8, A)) : r("", !0)
         ], !0)
       ])
-    ], 42, R));
+    ], 42, C));
   }
-}), J = /* @__PURE__ */ C(G, [["__scopeId", "data-v-acd37774"]]);
+}), J = /* @__PURE__ */ I(G, [["__scopeId", "data-v-5ff636f4"]]);
 export {
   J as default
 };

package/dist/components/filterChip.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as g, ref as b, computed as s, createElementBlock as a, openBlock as l, normalizeClass as y, createCommentVNode as r, createElementVNode as k, createBlock as c, toDisplayString as n } from "vue";
-import { R as o } from "./icon-svg-arye8CV8.js";
+import { R as o } from "./icon-svg-C8XeOnqu.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/filterChip.css';const _ = ["id", "disabled"], I = {
   key: 0,

package/dist/components/filterTag.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as u, ref as m, createElementBlock as b, openBlock as g, withKeys as s, normalizeClass as v, createElementVNode as x, createVNode as p, toDisplayString as y, withModifiers as l } from "vue";
-import { R as S } from "./icon-svg-arye8CV8.js";
+import { R as S } from "./icon-svg-C8XeOnqu.js";
 import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/filterTag.css';const w = ["id", "aria-disabled", "tabindex"], _ = { class: "rds-e-filter-tag__text" }, k = /* @__PURE__ */ u({
   __name: "filter-tag",