energy-components 1.21.0 → 1.23.0

package/dist/components/iconList.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, ref as a, computed as v, createElementBlock as s, openBlock as i, Fragment as u, withDirectives as f, createElementVNode as r, vModelText as C, renderList as L, normalizeClass as x, createVNode as g, toDisplayString as h } from "vue";
-import { i as m, R as k } from "./icon-svg-C8XeOnqu.js";
+import { i as m, R as k } from "./icon-svg-K8-vLJgV.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/iconList.css';const y = { class: "rds-e-icon-list" }, D = ["onClick"], N = /* @__PURE__ */ p({
   __name: "icon-list",

package/dist/components/iconSvg.es.js

@@ -1,4 +1,4 @@
-import { R as a } from "./icon-svg-C8XeOnqu.js";
+import { R as a } from "./icon-svg-K8-vLJgV.js";
 import "./_plugin-vue_export-helper-CHgC5LLL.js";
 export {
   a as default

package/dist/components/index.es.js

@@ -1,4 +1,4 @@
-import { R as a } from "./icon-svg-C8XeOnqu.js";
+import { R as a } from "./icon-svg-K8-vLJgV.js";
 import i from "./button.es.js";
 import e from "./floatingActionButton.es.js";
 import m from "./actionButton.es.js";
@@ -24,7 +24,7 @@ import P from "./divider.es.js";
 import _ from "./card.es.js";
 import h from "./tablepaginatedcomponent.es.js";
 import x from "./avatar.es.js";
-import { _ as I } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-6HkNT8L9.js";
+import { _ as I } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-f-OHx-l3.js";
 import F from "./link.es.js";
 import k from "./breadcrumbs.es.js";
 import w from "./tabBar.es.js";

package/dist/components/infoBox.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as u, toRefs as k, computed as $, watch as S, nextTick as w, createElementBlock as t, openBlock as o, normalizeClass as m, createElementVNode as a, createCommentVNode as s, createVNode as b, toDisplayString as r, renderSlot as v } from "vue";
-import { R as _ } from "./icon-svg-C8XeOnqu.js";
+import { R as _ } from "./icon-svg-K8-vLJgV.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/infoBox.css';const q = ["id"], B = { class: "alert" }, H = {
   key: 0,

package/dist/components/link.es.js

@@ -1,20 +1,22 @@
-import { defineComponent as $, toRefs as M, computed as m, createBlock as p, openBlock as s, resolveDynamicComponent as O, unref as e, normalizeStyle as P, normalizeClass as k, withCtx as T, createCommentVNode as d, createElementBlock as I, mergeProps as v, renderSlot as D, createTextVNode as R, toDisplayString as j } from "vue";
-import { R as y } from "./icon-svg-C8XeOnqu.js";
-import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/link.css';const A = /* @__PURE__ */ $({
+import { defineComponent as D, computed as n, createBlock as l, openBlock as i, resolveDynamicComponent as z, mergeProps as s, withCtx as N, createCommentVNode as o, createElementBlock as g, normalizeClass as d, renderSlot as v, createTextVNode as w, toDisplayString as b, normalizeStyle as j } from "vue";
+import { R as c } from "./icon-svg-K8-vLJgV.js";
+import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/link.css';const R = /* @__PURE__ */ D({
   __name: "link",
   props: {
     /**
      * <span>Texto a mostrar en el link</span>
      */
     text: {
-      type: String
+      type: String,
+      default: void 0
     },
     /**
-     * <span>Url a la que redirige el link</span>
+     * <span>Url a la que redirige el link. Acepta string o Location object</span>
      */
     to: {
-      type: String,
+      type: [String, Object],
+      // Corregido: Permite objetos de ruta sin lanzar warning
       default: ""
     },
     /**
@@ -23,7 +25,7 @@ import './style/link.css';const A = /* @__PURE__ */ $({
     icon: {
       type: Object,
       default: () => ({ name: "", modifier: "" }),
-      validator: (o) => typeof o.name == "string" && (o.modifier === void 0 || typeof o.modifier == "string") ? !0 : (console.error("El icono debe tener una propiedad name de tipo string y una propiedad modifier opcional de tipo string"), !1)
+      validator: (r) => typeof r.name == "string" && (r.modifier === void 0 || typeof r.modifier == "string") ? !0 : (console.error("El icono debe tener una propiedad name de tipo string y una propiedad modifier opcional de tipo string"), !1)
     },
     /**
      * <span>Tag del link</span>
@@ -97,97 +99,94 @@ import './style/link.css';const A = /* @__PURE__ */ $({
     }
   },
   emits: ["click"],
-  setup(o, { emit: w }) {
-    const z = o, E = w, {
-      text: g,
-      to: h,
-      icon: r,
-      tag: u,
-      disabled: i,
-      inverse: _,
-      arrow: c,
-      right: n,
-      underline: b,
-      customClass: x,
-      color: l,
-      arrowSmall: S,
-      id: L
-    } = M(z), N = m(() => l.value ? { color: l.value } : void 0), V = m(() => {
-      var t, f;
-      const a = ["rds-e-link"];
-      return _.value && a.push("rds-e-link--inverse"), b.value && a.push("rds-e-link--underline"), i.value && a.push("rds-e-style-state-disabled"), ((t = r == null ? void 0 : r.value) == null ? void 0 : t.name) !== "arrow" && a.push("rds-e-arrow-link"), ((f = r == null ? void 0 : r.value) == null ? void 0 : f.name) !== "arrow" && _.value && a.push("rds-e-arrow-link__icon--inverse"), x.value === "rds-e-breadcrumbs__link--text" && a.push("rds-e-link__breadcrumbs"), a.join(" ");
-    }), C = m(() => {
-      var t;
-      const a = ["rds-e-arrow-link__icon--arrow"];
-      return r != null && r.value && (a.push("rds-e-arrow-link__icon"), i.value && a.push("rds-e-arrow-link__icon--disabled")), ((t = r == null ? void 0 : r.value) == null ? void 0 : t.name) !== "arrow" && _.value && a.push("rds-e-arrow-link__icon--inverse"), a.push(
-        n.value ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left"
-      ), a.join(" ");
-    }), B = m(() => {
+  setup(r, { emit: u }) {
+    const e = r, h = u, x = (t) => {
+      if (e.disabled) {
+        t.preventDefault(), t.stopPropagation();
+        return;
+      }
+      h("click", t);
+    }, S = n(() => e.disabled ? "span" : e.tag === "a" ? "a" : e.tag), C = n(() => {
+      const t = {};
+      return e.disabled ? (t.role = "link", t["aria-disabled"] = !0, t) : (e.tag === "router-link" ? t.to = e.to : t.href = typeof e.to == "string" ? e.to : void 0, t);
+    }), B = n(() => e.color ? { color: e.color } : void 0), I = n(() => {
       var a;
-      return c.value || ((a = r == null ? void 0 : r.value) == null ? void 0 : a.name);
+      const t = ((a = e.icon) == null ? void 0 : a.name) === "arrow";
+      return {
+        "rds-e-link": !0,
+        "rds-e-link--inverse": e.inverse,
+        "rds-e-link--underline": e.underline,
+        "rds-e-style-state-disabled": e.disabled,
+        "rds-e-arrow-link": !t,
+        "rds-e-arrow-link__icon--inverse": !t && e.inverse,
+        "rds-e-link__breadcrumbs": e.customClass === "rds-e-breadcrumbs__link--text"
+      };
+    }), m = n(() => {
+      var k, y;
+      const t = ["rds-e-arrow-link__icon--arrow"], a = !!((k = e.icon) != null && k.name), p = ((y = e.icon) == null ? void 0 : y.name) !== "arrow";
+      return a && (t.push("rds-e-arrow-link__icon"), e.disabled && t.push("rds-e-arrow-link__icon--disabled")), p && e.inverse && t.push("rds-e-arrow-link__icon--inverse"), t.push(e.right ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left"), t.join(" ");
+    }), f = n(() => {
+      var t;
+      return e.arrow || !!((t = e.icon) != null && t.name);
     });
-    return (a, t) => (s(), p(O(e(u) === "a" ? e(u) : "router-link"), {
-      id: e(L),
-      class: k(V.value),
-      to: e(u) === "router-link" ? e(h) : null,
-      href: e(u) === "a" ? e(h) : null,
-      disable: e(i),
-      style: P(N.value),
-      tabindex: e(i) ? -1 : void 0,
-      "aria-disabled": e(i),
-      onClick: t[0] || (t[0] = (f) => E("click", f))
-    }, {
-      default: T(() => [
-        e(r).name && !e(n) && !e(c) ? (s(), p(y, v({
+    return (t, a) => (i(), l(z(S.value), s({
+      id: r.id,
+      class: I.value
+    }, C.value, {
+      style: B.value,
+      tabindex: r.disabled ? -1 : void 0,
+      "aria-disabled": r.disabled,
+      onClick: x
+    }), {
+      default: N(() => [
+        r.icon.name && !r.right && !r.arrow ? (i(), l(c, s({
           key: 0,
-          name: e(r).name
-        }, {
-          ...e(r)
-        }, {
-          class: ["rds-e-link__icon-left", C.value],
-          style: e(l) ? { color: e(l) } : void 0
-        }), null, 16, ["name", "class", "style"])) : d("", !0),
-        e(n) ? (s(), I("span", {
+          name: r.icon.name
+        }, { ...r.icon }, {
+          class: ["rds-e-link__icon-left", m.value],
+          style: e.color ? { color: e.color } : void 0
+        }), null, 16, ["name", "class", "style"])) : o("", !0),
+        r.right ? (i(), g("span", {
           key: 1,
-          class: k(["rds-e-link__text", [e(x), {
-            "rds-e-mr-xs": B.value,
-            "rds-e-link__text--underline": e(b)
+          class: d(["rds-e-link__text", [r.customClass, {
+            "rds-e-mr-xs": f.value,
+            "rds-e-link__text--underline": r.underline
           }]])
         }, [
-          D(a.$slots, "default", {}, () => [
-            R(j(e(g)), 1)
+          v(t.$slots, "default", {}, () => [
+            w(b(r.text), 1)
           ], !0)
-        ], 2)) : d("", !0),
-        e(c) ? (s(), p(y, v({ key: 2 }, {
-          name: e(n) ? "arrow_right" : "arrow_left",
-          size: e(S) ? 16 : void 0
-        }, {
-          class: ["rds-e-arrow-link__icon--arrow", [
-            e(n) ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left",
-            { "rds-flex rds-flex-center-center": e(S) }
-          ]],
-          style: e(l) ? { color: e(l) } : void 0
-        }), null, 16, ["class", "style"])) : d("", !0),
-        e(n) ? d("", !0) : (s(), I("span", {
+        ], 2)) : o("", !0),
+        r.arrow ? (i(), l(c, {
+          key: 2,
+          name: r.right ? "arrow_right" : "arrow_left",
+          size: r.arrowSmall ? 16 : void 0,
+          class: d(["rds-e-arrow-link__icon--arrow", [
+            r.right ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left",
+            { "rds-flex rds-flex-center-center": r.arrowSmall }
+          ]]),
+          style: j(e.color ? { color: e.color } : void 0)
+        }, null, 8, ["name", "size", "class", "style"])) : o("", !0),
+        r.right ? o("", !0) : (i(), g("span", {
           key: 3,
-          class: k(["rds-e-link__text", { "rds-e-ml-xs": B.value }])
+          class: d(["rds-e-link__text", { "rds-e-ml-xs": f.value }])
         }, [
-          D(a.$slots, "default", {}, () => [
-            R(j(e(g)), 1)
+          v(t.$slots, "default", {}, () => [
+            w(b(r.text), 1)
           ], !0)
         ], 2)),
-        e(r).name && e(n) && !e(c) ? (s(), p(y, v({
+        r.icon.name && r.right && !r.arrow ? (i(), l(c, s({
           key: 4,
-          name: e(r).name
-        }, e(r), {
-          class: ["rds-e-link__icon-right", C.value],
-          style: e(l) ? { color: e(l) } : void 0
-        }), null, 16, ["name", "class", "style"])) : d("", !0)
+          name: r.icon.name
+        }, r.icon, {
+          class: ["rds-e-link__icon-right", m.value],
+          style: e.color ? { color: e.color } : void 0
+        }), null, 16, ["name", "class", "style"])) : o("", !0)
       ]),
       _: 3
-    }, 8, ["id", "class", "to", "href", "disable", "style", "tabindex", "aria-disabled"]));
+    }, 16, ["id", "class", "style", "tabindex", "aria-disabled"]));
   }
-}), J = /* @__PURE__ */ q(A, [["__scopeId", "data-v-16fa62ca"]]);
+}), T = /* @__PURE__ */ A(R, [["__scopeId", "data-v-31849beb"]]);
 export {
-  J as default
+  T as default
 };

package/dist/components/modal.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as M, ref as m, onMounted as z, onBeforeUnmount as N, watch as W, computed as w, createBlock as R, createCommentVNode as f, openBlock as d, unref as c, withCtx as C, createVNode as D, withModifiers as E, normalizeStyle as F, createElementVNode as v, createElementBlock as h, renderSlot as p, normalizeClass as T } from "vue";
+import { defineComponent as z, ref as m, onMounted as N, onBeforeUnmount as W, watch as D, computed as _, createBlock as R, createCommentVNode as f, openBlock as d, unref as c, withCtx as C, createVNode as E, withModifiers as F, normalizeStyle as T, createElementVNode as v, normalizeClass as S, createElementBlock as h, renderSlot as p } from "vue";
 import V from "./overlay.es.js";
 import L from "./card.es.js";
-import { R as A } from "./icon-svg-C8XeOnqu.js";
+import { R as A } from "./icon-svg-K8-vLJgV.js";
 import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/modal.css';const U = { class: "rds-e-modal__container" }, j = { class: "rds-e-modal__header" }, G = { class: "rds-e-modal__header-text" }, J = {
+import './style/modal.css';const U = { class: "rds-e-modal__header" }, j = { class: "rds-e-modal__header-text" }, G = {
   key: 1,
   class: "rds-e-modal__spacer"
-}, K = /* @__PURE__ */ M({
+}, J = /* @__PURE__ */ z({
   __name: "modal",
   props: {
     /**
@@ -45,7 +45,7 @@ import './style/modal.css';const U = { class: "rds-e-modal__container" }, j = {
     maxWidth: {
       type: [String, Number],
       default: 820,
-      validator: (t) => typeof t == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(t)
+      validator: (o) => typeof o == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(o)
     },
     /**
      * Ancho del modal en dispositivos de escritorio.
@@ -53,7 +53,7 @@ import './style/modal.css';const U = { class: "rds-e-modal__container" }, j = {
     width: {
       type: [String, Number],
       default: 600,
-      validator: (t) => typeof t == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(t)
+      validator: (o) => typeof o == "number" ? !0 : /^\d+(?:px|em|rem|%)$/.test(o)
     },
     /**
      * Altura máxima del modal en dispositivos móviles en vh, por defecto es 50vh. Recibe un Number cualquiera
@@ -62,7 +62,7 @@ import './style/modal.css';const U = { class: "rds-e-modal__container" }, j = {
     mobileHeight: {
       type: [Number],
       default: 50,
-      validator: (t) => t < 30 ? (console.warn(`energy-components: mobileHeight: ${t} es menor que 30. Se limitará a 30vh.`), !0) : (t > 90 && console.warn(`energy-components: mobileHeight: ${t} es mayor que 90. Se limitará a 90vh.`), !0)
+      validator: (o) => o < 30 ? (console.warn(`energy-components: mobileHeight: ${o} es menor que 30. Se limitará a 30vh.`), !0) : (o > 90 && console.warn(`energy-components: mobileHeight: ${o} es mayor que 90. Se limitará a 90vh.`), !0)
     },
     /**
      * ID del modal para testing
@@ -73,8 +73,8 @@ import './style/modal.css';const U = { class: "rds-e-modal__container" }, j = {
     }
   },
   emits: ["onCloseRequest", "onOpenRequest", "onToggleRequest"],
-  setup(t, { expose: S, emit: k }) {
-    const o = t, s = k, O = m(null), r = m(null), q = m(null), u = m(!1);
+  setup(o, { expose: k, emit: O }) {
+    const t = o, s = O, q = m(null), r = m(null), $ = m(null), u = m(!1);
     let i = null, a = null;
     const n = () => {
       const e = r.value;
@@ -86,9 +86,9 @@ import './style/modal.css';const U = { class: "rds-e-modal__container" }, j = {
         u.value = !1;
         return;
       }
-      const _ = 1, B = e.scrollHeight - e.clientHeight - e.scrollTop;
-      u.value = B > _;
-    }, $ = () => {
+      const w = 1, M = e.scrollHeight - e.clientHeight - e.scrollTop;
+      u.value = M > w;
+    }, H = () => {
       n();
     }, y = () => {
       typeof ResizeObserver < "u" && (i = new ResizeObserver(() => {
@@ -99,20 +99,20 @@ import './style/modal.css';const U = { class: "rds-e-modal__container" }, j = {
     }, b = () => {
       i && r.value && i.unobserve(r.value), i = null, a && a.disconnect(), a = null, window.removeEventListener("resize", n);
     };
-    z(() => {
-      o.open && y();
-    }), N(() => {
+    N(() => {
+      t.open && y();
+    }), W(() => {
       b();
-    }), W(() => o.open, (e) => {
+    }), D(() => t.open, (e) => {
       e ? y() : b();
     });
-    const x = w(() => o.mobileHeight < 30 ? "30vh" : o.mobileHeight > 90 ? "90vh" : `${o.mobileHeight}vh`), H = w(() => {
-      const e = typeof o.maxWidth == "number" ? `${o.maxWidth}px` : o.maxWidth, l = typeof o.width == "number" ? `${o.width}px` : o.width;
+    const x = _(() => t.mobileHeight < 30 ? "30vh" : t.mobileHeight > 90 ? "90vh" : `${t.mobileHeight}vh`), B = _(() => {
+      const e = typeof t.maxWidth == "number" ? `${t.maxWidth}px` : t.maxWidth, l = typeof t.width == "number" ? `${t.width}px` : t.width;
       return { "--rds-modal-max-width": e, "--rds-modal-width": l, "--rds-modal-mobile-height": x.value };
     }), g = () => {
-      o.preventClose || s("onCloseRequest");
+      t.preventClose || s("onCloseRequest");
     };
-    return S({
+    return k({
       /**
        * { () => void } Gestiona el clic fuera del modal.
        */
@@ -142,30 +142,32 @@ import './style/modal.css';const U = { class: "rds-e-modal__container" }, j = {
       toggleModal: () => {
         s("onToggleRequest");
       }
-    }), (e, l) => t.open ? (d(), R(c(V), {
+    }), (e, l) => o.open ? (d(), R(c(V), {
       key: 0,
-      id: t.id,
+      id: o.id,
       ref_key: "overlay",
-      ref: O,
+      ref: q,
       class: "rds-e-modal__overlay",
-      teleport: o.teleport,
+      teleport: t.teleport,
       onClick: g
     }, {
       default: C(() => [
-        D(c(L), {
-          id: t.id ? `${t.id}-card` : void 0,
+        E(c(L), {
+          id: o.id ? `${o.id}-card` : void 0,
           class: "rds-e-modal__card",
-          style: F(H.value),
-          onClick: l[1] || (l[1] = E(() => {
+          style: T(B.value),
+          onClick: l[1] || (l[1] = F(() => {
           }, ["stop"]))
         }, {
           default: C(() => [
-            v("div", U, [
-              v("div", j, [
-                v("div", G, [
+            v("div", {
+              class: S(["rds-e-modal__container", { "rds-e-modal__container--no-footer": !e.$slots.footer }])
+            }, [
+              v("div", U, [
+                v("div", j, [
                   p(e.$slots, "header", {}, void 0, !0)
                 ]),
-                o.showClose ? (d(), R(c(A), {
+                t.showClose ? (d(), R(c(A), {
                   key: 0,
                   class: "rds-e-modal__header-close",
                   name: "close",
@@ -178,19 +180,19 @@ import './style/modal.css';const U = { class: "rds-e-modal__container" }, j = {
                 ref_key: "bodyRef",
                 ref: r,
                 class: "rds-e-modal__body",
-                onScroll: $
+                onScroll: H
               }, [
                 p(e.$slots, "body", {}, void 0, !0)
-              ], 544)) : (d(), h("div", J)),
+              ], 544)) : (d(), h("div", G)),
               e.$slots.footer ? (d(), h("div", {
                 key: 2,
                 ref_key: "footerRef",
-                ref: q,
-                class: T(["rds-e-modal__footer", { "rds-e-modal__footer--has-shadow": u.value }])
+                ref: $,
+                class: S(["rds-e-modal__footer", { "rds-e-modal__footer--has-shadow": u.value }])
               }, [
                 p(e.$slots, "footer", {}, void 0, !0)
               ], 2)) : f("", !0)
-            ])
+            ], 2)
           ]),
           _: 3
         }, 8, ["id", "style"])
@@ -198,7 +200,7 @@ import './style/modal.css';const U = { class: "rds-e-modal__container" }, j = {
       _: 3
     }, 8, ["id", "teleport"])) : f("", !0);
   }
-}), ee = /* @__PURE__ */ I(K, [["__scopeId", "data-v-125b508a"]]);
+}), Z = /* @__PURE__ */ I(J, [["__scopeId", "data-v-5521fdf1"]]);
 export {
-  ee as default
+  Z as default
 };