energy-components 1.14.2 → 1.15.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-DuzOdbk1.js";
+import { i as m, R as k } from "./icon-svg-BU0OQFKH.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-DuzOdbk1.js";
+import { R as a } from "./icon-svg-BU0OQFKH.js";
 import "./_plugin-vue_export-helper-CHgC5LLL.js";
 export {
   a as default

package/dist/components/index.es.js

@@ -1,11 +1,11 @@
-import { R as i } from "./icon-svg-DuzOdbk1.js";
+import { R as i } from "./icon-svg-BU0OQFKH.js";
 import a from "./button.es.js";
 import e from "./floatingActionButton.es.js";
 import m from "./actionButton.es.js";
 import S from "./checkbox.es.js";
 import D from "./textField.es.js";
-import R from "./textArea.es.js";
-import p from "./switch.es.js";
+import p from "./textArea.es.js";
+import R from "./switch.es.js";
 import n from "./radioButton.es.js";
 import { _ as s } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
 import c from "./dropdown.es.js";
@@ -16,80 +16,84 @@ import u from "./selectionChip.es.js";
 import g from "./filterChip.es.js";
 import b from "./dragAndDrop.es.js";
 import A from "./fileUploadItem.es.js";
-import T from "./filterTag.es.js";
-import B from "./tag.es.js";
-import C from "./accordionGroup.es.js";
-import _ from "./accordion.es.js";
-import h from "./divider.es.js";
-import x from "./card.es.js";
-import I from "./tablepaginatedcomponent.es.js";
-import v from "./avatar.es.js";
-import { _ as w } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-DfOWp1XD.js";
-import F from "./link.es.js";
-import P from "./breadcrumbs.es.js";
-import y from "./tabBar.es.js";
-import k from "./pagination.es.js";
+import B from "./filterTag.es.js";
+import T from "./tag.es.js";
+import v from "./accordionGroup.es.js";
+import C from "./accordion.es.js";
+import _ from "./divider.es.js";
+import h from "./card.es.js";
+import x from "./tablepaginatedcomponent.es.js";
+import I from "./avatar.es.js";
+import { _ as F } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-Bi5q6Y3n.js";
+import P from "./link.es.js";
+import k from "./breadcrumbs.es.js";
+import w from "./tabBar.es.js";
+import y from "./pagination.es.js";
 import G from "./directAccess.es.js";
 import L from "./indicator.es.js";
 import M from "./persistentToast.es.js";
-import O from "./infoBox.es.js";
-import U from "./progressBar.es.js";
-import j from "./loader.es.js";
-import Q from "./modal.es.js";
-import V from "./overlay.es.js";
-import q from "./tooltip.es.js";
-import z from "./sidebar.es.js";
-import K from "./sidedrawer.es.js";
+import O from "./snackBar.es.js";
+import U from "./infoBox.es.js";
+import j from "./progressBar.es.js";
+import Q from "./loader.es.js";
+import V from "./modal.es.js";
+import q from "./overlay.es.js";
+import z from "./tooltip.es.js";
+import K from "./popover.es.js";
+import $ from "./sidebar.es.js";
+import E from "./sidedrawer.es.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  RDSAccordion: _,
-  RDSAccordionGroup: C,
+  RDSAccordion: C,
+  RDSAccordionGroup: v,
   RDSActionButton: m,
-  RDSAvatar: v,
-  RDSBreadcrumbs: P,
+  RDSAvatar: I,
+  RDSBreadcrumbs: k,
   RDSButton: a,
-  RDSCard: x,
+  RDSCard: h,
   RDSCheckbox: S,
-  RDSCollapsable: w,
+  RDSCollapsable: F,
   RDSDatePicker: f,
   RDSDirectAccess: G,
-  RDSDivider: h,
+  RDSDivider: _,
   RDSDragAndDrop: b,
   RDSDropdown: c,
   RDSFileUploadItem: A,
   RDSFilterChip: g,
-  RDSFilterTag: T,
+  RDSFilterTag: B,
   RDSFloatinActionButton: e,
   RDSIconSvg: i,
   RDSIndicator: L,
-  RDSInfoBox: O,
-  RDSLink: F,
-  RDSLoader: j,
-  RDSModal: Q,
-  RDSOverlay: V,
-  RDSPagination: k,
+  RDSInfoBox: U,
+  RDSLink: P,
+  RDSLoader: Q,
+  RDSModal: V,
+  RDSOverlay: q,
+  RDSPagination: y,
   RDSPersistentToast: M,
-  RDSProgressBar: U,
+  RDSPopover: K,
+  RDSProgressBar: j,
   RDSQuantitySelector: d,
   RDSRadioButton: n,
   RDSRadioGroup: s,
   RDSSelectionChip: u,
-  RDSSidebar: z,
-  RDSSidedrawer: K,
-  RDSSwitch: p,
-  RDSTabBar: y,
-  RDSTable: I,
-  RDSTag: B,
-  RDSTextArea: R,
+  RDSSidebar: $,
+  RDSSidedrawer: E,
+  RDSSnackBar: O,
+  RDSSwitch: R,
+  RDSTabBar: w,
+  RDSTable: x,
+  RDSTag: T,
+  RDSTextArea: p,
   RDSTextField: D,
   RDSToggle: l,
-  RDSTooltip: q
+  RDSTooltip: z
 }, Symbol.toStringTag, { value: "Module" }));
-let $;
-function Lo(o) {
-  $ = o;
+let H;
+function jo(o) {
+  H = o;
 }
-const Mo = {
+const Qo = {
   install: (o) => {
     for (const r in t)
       o.component(
@@ -99,49 +103,51 @@ const Mo = {
   }
 };
 export {
-  _ as RDSAccordion,
-  C as RDSAccordionGroup,
+  C as RDSAccordion,
+  v as RDSAccordionGroup,
   m as RDSActionButton,
-  v as RDSAvatar,
-  P as RDSBreadcrumbs,
+  I as RDSAvatar,
+  k as RDSBreadcrumbs,
   a as RDSButton,
-  x as RDSCard,
+  h as RDSCard,
   S as RDSCheckbox,
-  w as RDSCollapsable,
+  F as RDSCollapsable,
   f as RDSDatePicker,
   G as RDSDirectAccess,
-  h as RDSDivider,
+  _ as RDSDivider,
   b as RDSDragAndDrop,
   c as RDSDropdown,
   A as RDSFileUploadItem,
   g as RDSFilterChip,
-  T as RDSFilterTag,
+  B as RDSFilterTag,
   e as RDSFloatinActionButton,
   i as RDSIconSvg,
   L as RDSIndicator,
-  O as RDSInfoBox,
-  F as RDSLink,
-  j as RDSLoader,
-  Q as RDSModal,
-  V as RDSOverlay,
-  k as RDSPagination,
+  U as RDSInfoBox,
+  P as RDSLink,
+  Q as RDSLoader,
+  V as RDSModal,
+  q as RDSOverlay,
+  y as RDSPagination,
   M as RDSPersistentToast,
-  U as RDSProgressBar,
+  K as RDSPopover,
+  j as RDSProgressBar,
   d as RDSQuantitySelector,
   n as RDSRadioButton,
   s as RDSRadioGroup,
   u as RDSSelectionChip,
-  z as RDSSidebar,
-  K as RDSSidedrawer,
-  p as RDSSwitch,
-  y as RDSTabBar,
-  I as RDSTable,
-  B as RDSTag,
-  R as RDSTextArea,
+  $ as RDSSidebar,
+  E as RDSSidedrawer,
+  O as RDSSnackBar,
+  R as RDSSwitch,
+  w as RDSTabBar,
+  x as RDSTable,
+  T as RDSTag,
+  p as RDSTextArea,
   D as RDSTextField,
   l as RDSToggle,
-  q as RDSTooltip,
-  $ as VueInstance,
-  Mo as default,
-  Lo as setVueInstance
+  z as RDSTooltip,
+  H as VueInstance,
+  Qo as default,
+  jo as setVueInstance
 };

package/dist/components/indicator.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as k, toRefs as z, ref as y, computed as N, watch as S, onMounted as q, onBeforeUnmount as P, createElementBlock as d, openBlock as u, normalizeClass as b, createElementVNode as p, normalizeStyle as V, Fragment as W, renderList as F, createCommentVNode as B, toDisplayString as C } from "vue";
+import { defineComponent as k, toRefs as z, ref as y, computed as N, watch as S, onMounted as q, onBeforeUnmount as P, createElementBlock as d, openBlock as u, normalizeClass as h, createElementVNode as p, normalizeStyle as V, Fragment as W, renderList as F, createCommentVNode as B, toDisplayString as C } from "vue";
 import { d as I, t as A, a as T } from "./functions-DIHwdgF0.js";
 import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U = { class: "rds-e-indicator__step-content" }, X = { key: 0 }, Y = /* @__PURE__ */ k({
+import './style/indicator.css';const M = ["id"], U = { class: "rds-e-indicator__inner" }, X = { class: "rds-e-indicator__step-content" }, Y = { key: 0 }, j = /* @__PURE__ */ k({
   __name: "indicator",
   props: {
     /**
@@ -10,8 +10,8 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
     steps: {
       type: Array,
       required: !0,
-      validator(i) {
-        return !Array.isArray(i) || i.length === 0 ? (console.warn("Advertencia: steps debe ser un array no vacío de strings."), !1) : i.every((o) => typeof o != "string" ? (console.warn(`Advertencia: Todos los elementos en steps deben ser strings. Encontrado: ${typeof o}`), !1) : /^[a-z0-9\s\u00C0-\u017F]+$/i.test(o) ? !0 : (console.warn(`Advertencia: El paso "${o}" contiene caracteres no permitidos. Solo se permiten letras, números y espacios.`), !1));
+      validator(a) {
+        return !Array.isArray(a) || a.length === 0 ? (console.warn("Advertencia: steps debe ser un array no vacío de strings."), !1) : a.every((o) => typeof o != "string" ? (console.warn(`Advertencia: Todos los elementos en steps deben ser strings. Encontrado: ${typeof o}`), !1) : /^[a-z0-9\s\u00C0-\u017F]+$/i.test(o) ? !0 : (console.warn(`Advertencia: El paso "${o}" contiene caracteres no permitidos. Solo se permiten letras, números y espacios.`), !1));
       }
     },
     /**
@@ -20,8 +20,8 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
     currentStep: {
       type: Number,
       required: !0,
-      validator(i) {
-        return typeof i != "number" ? (console.warn("Advertencia: currentStep debe ser un número."), !1) : i <= 0 ? (console.warn("Advertencia: currentStep debe ser mayor que 0."), !1) : Number.isInteger(i) ? !0 : (console.warn("Advertencia: currentStep debe ser un número entero."), !1);
+      validator(a) {
+        return typeof a != "number" ? (console.warn("Advertencia: currentStep debe ser un número."), !1) : a <= 0 ? (console.warn("Advertencia: currentStep debe ser mayor que 0."), !1) : Number.isInteger(a) ? !0 : (console.warn("Advertencia: currentStep debe ser un número entero."), !1);
       }
     },
     /**
@@ -51,10 +51,17 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
     ellipsis: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * ID del indicador para testing
+     */
+    id: {
+      type: String,
+      default: void 0
     }
   },
-  setup(i) {
-    const t = i, {
+  setup(a) {
+    const t = a, {
       direction: o,
       currentStep: f,
       steps: $,
@@ -70,20 +77,20 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
         return {
           [s]: "100%"
         };
-      const a = (r - 1) / (e - 1) * 100, n = r < e ? 100 / (e - 1) / 2 : 0;
+      const i = (r - 1) / (e - 1) * 100, n = r < e ? 100 / (e - 1) / 2 : 0;
       return {
-        [s]: `${a + n}%`
+        [s]: `${i + n}%`
       };
-    }), h = () => {
+    }), b = () => {
       if (_.value && v.value) {
         const r = v.value, e = c.value[0];
         if (e) {
           if (o.value === "vertical") {
-            const s = e.getBoundingClientRect(), a = _.value.getBoundingClientRect(), n = s.left + s.width / 2 - a.left;
+            const s = e.getBoundingClientRect(), i = _.value.getBoundingClientRect(), n = s.left + s.width / 2 - i.left;
             r.style.left = `${n}px`;
           }
           if (o.value === "horizontal") {
-            const s = e.getBoundingClientRect(), a = _.value.getBoundingClientRect(), n = s.top + s.height / 2 - a.top;
+            const s = e.getBoundingClientRect(), i = _.value.getBoundingClientRect(), n = s.top + s.height / 2 - i.top;
             r.style.top = `${n}px`;
           }
         }
@@ -99,7 +106,7 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
     }, g = () => {
       !t.steps || !t.steps.length || t.steps.forEach((r, e) => {
         var w;
-        const s = e < f.value, a = e === f.value - 1;
+        const s = e < f.value, i = e === f.value - 1;
         let n = (w = c.value[e]) == null ? void 0 : w.classList, l = [];
         n && (n = Array.from(n), l = Array.from(n), l = A(
           l,
@@ -108,13 +115,13 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
         ), l = A(
           l,
           "rds-e-indicator__bullet--current",
-          a
+          i
         ), T(n, l) || setTimeout(() => {
           c.value[e].classList.remove(...n), c.value[e].classList.add(...l);
         }, 150));
       });
     }, m = () => {
-      h();
+      b();
     };
     return S(
       [o, $, R],
@@ -125,19 +132,20 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
     ), S(f, () => {
       g();
     }), q(() => {
-      h(), g(), window.addEventListener("resize", I(m, 200));
+      b(), g(), window.addEventListener("resize", I(m, 200));
     }), P(() => {
       window.removeEventListener("resize", m);
     }), (r, e) => (u(), d("div", {
+      id: a.id,
       ref_key: "$indicator",
       ref: _,
-      class: b(["rds-e-indicator", [
+      class: h(["rds-e-indicator", [
         `rds-e-indicator--${t.direction}`,
         { "rds-e-indicator--small": t.variant === "small" },
         { "rds-e-indicator--full-width": t.fullWidth }
       ]])
     }, [
-      p("div", M, [
+      p("div", U, [
         p("div", {
           ref_key: "$progressBar",
           ref: v,
@@ -148,28 +156,28 @@ import './style/indicator.css';const M = { class: "rds-e-indicator__inner" }, U
             style: V(E.value)
           }, null, 4)
         ], 512),
-        (u(!0), d(W, null, F(t.steps, (s, a) => (u(), d("div", {
-          key: a,
-          class: b(["rds-e-indicator__step-wrapper", L(a)])
+        (u(!0), d(W, null, F(t.steps, (s, i) => (u(), d("div", {
+          key: i,
+          class: h(["rds-e-indicator__step-wrapper", L(i)])
         }, [
-          p("div", U, [
+          p("div", X, [
             p("div", {
               ref_for: !0,
-              ref: (n) => c.value[a] = n,
+              ref: (n) => c.value[i] = n,
               class: "rds-e-indicator__bullet"
             }, [
-              t.variant !== "small" ? (u(), d("span", X, C(a + 1), 1)) : B("", !0)
+              t.variant !== "small" ? (u(), d("span", Y, C(i + 1), 1)) : B("", !0)
             ], 512)
           ]),
           t.variant !== "small" ? (u(), d("div", {
             key: 0,
-            class: b(["rds-e-indicator__label", { "rds-e-indicator__label--ellipsis": t.ellipsis }])
+            class: h(["rds-e-indicator__label", { "rds-e-indicator__label--ellipsis": t.ellipsis }])
           }, C(s), 3)) : B("", !0)
         ], 2))), 128))
       ])
-    ], 2));
+    ], 10, M));
   }
-}), J = /* @__PURE__ */ D(Y, [["__scopeId", "data-v-8eb9e922"]]);
+}), K = /* @__PURE__ */ D(j, [["__scopeId", "data-v-2523e4b1"]]);
 export {
-  J as default
+  K as default
 };

package/dist/components/infoBox.es.js

@@ -1,28 +1,28 @@
-import { defineComponent as k, ref as u, toRefs as h, computed as $, watch as w, nextTick as S, createElementBlock as t, openBlock as s, normalizeClass as m, createElementVNode as a, createCommentVNode as o, createVNode as b, toDisplayString as r, renderSlot as v } from "vue";
-import { R as _ } from "./icon-svg-DuzOdbk1.js";
+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-BU0OQFKH.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/infoBox.css';const q = { class: "alert" }, B = {
+import './style/infoBox.css';const q = ["id"], B = { class: "alert" }, H = {
   key: 0,
   class: "rds-e-info-box__custom-icon-block"
-}, H = { class: "rds-e-info-box__wrapper" }, N = { class: "rds-e-info-box__title__wrapper" }, R = {
+}, N = { class: "rds-e-info-box__wrapper" }, R = { class: "rds-e-info-box__title__wrapper" }, V = {
   key: 0,
   class: "rds-e-info-box__title rds-mb-03"
-}, V = {
+}, D = {
   key: 0,
   class: "rds-e-info-box__title rds-mb-03"
-}, D = {
+}, E = {
   key: 2,
   class: "rds-e-info-box__text"
-}, E = {
+}, I = {
   key: 3,
   class: "rds-e-info-box__content-section"
-}, I = {
+}, z = {
   key: 0,
   class: "rds-e-info-box__text"
-}, z = {
+}, O = {
   key: 1,
   class: "rds-e-info-box__content-section"
-}, O = /* @__PURE__ */ k({
+}, T = /* @__PURE__ */ h({
   __name: "info-box",
   props: {
     /**
@@ -88,58 +88,66 @@ import './style/infoBox.css';const q = { class: "alert" }, B = {
       type: Boolean,
       required: !1,
       default: !1
+    },
+    /**
+     * ID del info-box para testing
+     */
+    id: {
+      type: String,
+      default: void 0
     }
   },
   setup(e) {
-    const x = e, l = u(!1), c = u(null), d = u(null), { type: i } = h(x), y = $(
-      () => `rds-e-info-box rds-mb-03 rds-e-info-box${i.value === "success" ? "--success" : ""}${i.value === "error" ? "--error" : ""}${i.value === "warning" ? "--warning" : ""}${i.value === "info" ? "--info" : ""}`
+    const x = e, i = u(!1), c = u(null), d = u(null), { type: l } = k(x), y = $(
+      () => `rds-e-info-box rds-mb-03 rds-e-info-box${l.value === "success" ? "--success" : ""}${l.value === "error" ? "--error" : ""}${l.value === "warning" ? "--warning" : ""}${l.value === "info" ? "--info" : ""}`
     ), g = () => {
       if (!c.value || !d.value) return;
       const n = d.value.scrollHeight;
-      c.value.style.maxHeight = l.value ? `${n}px` : "0px";
+      c.value.style.maxHeight = i.value ? `${n}px` : "0px";
     };
-    w(
-      () => l.value,
-      () => S(() => {
+    S(
+      () => i.value,
+      () => w(() => {
         g();
       }),
       { immediate: !0 }
     );
     const p = () => {
-      l.value = !l.value;
+      i.value = !i.value;
     };
-    return (n, f) => (s(), t("div", {
+    return (n, f) => (o(), t("div", {
+      id: e.id,
       class: m(y.value),
       role: "alert"
     }, [
-      a("div", q, [
-        e.icon ? (s(), t("div", B, [
+      a("div", B, [
+        e.icon ? (o(), t("div", H, [
           b(_, {
             name: e.icon,
             class: "rds-e-info-box__custom-icon",
             "aria-hidden": "true"
           }, null, 8, ["name"])
-        ])) : o("", !0),
-        a("div", H, [
-          a("div", N, [
-            e.title && !e.collapsable ? (s(), t("div", R, r(e.title), 1)) : o("", !0),
-            e.collapsable ? (s(), t("div", {
+        ])) : s("", !0),
+        a("div", N, [
+          a("div", R, [
+            e.title && !e.collapsable ? (o(), t("div", V, r(e.title), 1)) : s("", !0),
+            e.collapsable ? (o(), t("div", {
               key: 1,
               class: "rds-e-info-box__collapsable rds-mb-03",
               onClick: f[0] || (f[0] = () => p())
             }, [
-              e.title ? (s(), t("div", V, r(e.title), 1)) : o("", !0),
+              e.title ? (o(), t("div", D, r(e.title), 1)) : s("", !0),
               b(_, {
                 name: "arrow_down",
-                class: m(["rds-e-info-box__custom-icon", { "rds-e-info-box__custom-icon--open": l.value }]),
+                class: m(["rds-e-info-box__custom-icon", { "rds-e-info-box__custom-icon--open": i.value }]),
                 "aria-hidden": "true"
               }, null, 8, ["class"])
-            ])) : o("", !0),
-            e.message && !e.collapsable && !n.$slots["content-section"] ? (s(), t("p", D, r(e.message), 1)) : o("", !0),
-            n.$slots["content-section"] && !e.collapsable ? (s(), t("div", E, [
+            ])) : s("", !0),
+            e.message && !e.collapsable && !n.$slots["content-section"] ? (o(), t("p", E, r(e.message), 1)) : s("", !0),
+            n.$slots["content-section"] && !e.collapsable ? (o(), t("div", I, [
               v(n.$slots, "content-section", {}, void 0, !0)
-            ])) : o("", !0),
-            e.collapsable ? (s(), t("div", {
+            ])) : s("", !0),
+            e.collapsable ? (o(), t("div", {
               key: 4,
               ref_key: "panel",
               ref: c,
@@ -150,18 +158,18 @@ import './style/infoBox.css';const q = { class: "alert" }, B = {
                 ref: d,
                 class: "rds-e-info-box__panel-content"
               }, [
-                n.$slots["content-section"] ? o("", !0) : (s(), t("p", I, r(e.message), 1)),
-                n.$slots["content-section"] ? (s(), t("div", z, [
+                n.$slots["content-section"] ? s("", !0) : (o(), t("p", z, r(e.message), 1)),
+                n.$slots["content-section"] ? (o(), t("div", O, [
                   v(n.$slots, "content-section", {}, void 0, !0)
-                ])) : o("", !0)
+                ])) : s("", !0)
               ], 512)
-            ], 512)) : o("", !0)
+            ], 512)) : s("", !0)
           ])
         ])
       ])
-    ], 2));
+    ], 10, q));
   }
-}), F = /* @__PURE__ */ C(O, [["__scopeId", "data-v-39ef726d"]]);
+}), G = /* @__PURE__ */ C(T, [["__scopeId", "data-v-61fb9d6e"]]);
 export {
-  F as default
+  G as default
 };

package/dist/components/link.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as L, toRefs as N, computed as f, createBlock as p, openBlock as s, resolveDynamicComponent as V, unref as e, normalizeStyle as $, normalizeClass as _, withCtx as M, createCommentVNode as d, createElementBlock as I, mergeProps as k, renderSlot as D, createTextVNode as R, toDisplayString as j } from "vue";
-import { R as v } from "./icon-svg-DuzOdbk1.js";
-import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/link.css';const P = /* @__PURE__ */ L({
+import { defineComponent as N, toRefs as V, computed as f, createBlock as p, openBlock as s, resolveDynamicComponent as $, unref as e, normalizeStyle as M, normalizeClass as _, withCtx as O, createCommentVNode as d, createElementBlock as I, mergeProps as k, renderSlot as D, createTextVNode as R, toDisplayString as j } from "vue";
+import { R as v } from "./icon-svg-BU0OQFKH.js";
+import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/link.css';const T = /* @__PURE__ */ N({
   __name: "link",
   props: {
     /**
@@ -87,6 +87,13 @@ import './style/link.css';const P = /* @__PURE__ */ L({
     color: {
       type: String,
       default: ""
+    },
+    /**
+     * <span>ID del link para testing</span>
+     */
+    id: {
+      type: String,
+      default: void 0
     }
   },
   setup(o) {
@@ -102,8 +109,9 @@ import './style/link.css';const P = /* @__PURE__ */ L({
       underline: h,
       customClass: b,
       color: l,
-      arrowSmall: x
-    } = N(y), z = f(() => l.value ? { color: l.value } : void 0), E = f(() => {
+      arrowSmall: x,
+      id: z
+    } = V(y), E = f(() => l.value ? { color: l.value } : void 0), L = f(() => {
       var n, B;
       const a = ["rds-e-link"];
       return m.value && a.push("rds-e-link--inverse"), h.value && a.push("rds-e-link--underline"), i.value && a.push("rds-e-style-state-disabled"), ((n = r == null ? void 0 : r.value) == null ? void 0 : n.name) !== "arrow" && a.push("rds-e-arrow-link"), ((B = r == null ? void 0 : r.value) == null ? void 0 : B.name) !== "arrow" && m.value && a.push("rds-e-arrow-link__icon--inverse"), b.value === "rds-e-breadcrumbs__link--text" && a.push("rds-e-link__breadcrumbs"), a.join(" ");
@@ -117,16 +125,17 @@ import './style/link.css';const P = /* @__PURE__ */ L({
       var a;
       return c.value || ((a = r == null ? void 0 : r.value) == null ? void 0 : a.name);
     });
-    return (a, n) => (s(), p(V(e(u) === "a" ? e(u) : "router-link"), {
-      class: _(E.value),
+    return (a, n) => (s(), p($(e(u) === "a" ? e(u) : "router-link"), {
+      id: e(z),
+      class: _(L.value),
       to: e(u) === "router-link" ? e(g) : null,
       href: e(u) === "a" ? e(g) : null,
       disable: e(i),
-      style: $(z.value),
+      style: M(E.value),
       tabindex: e(i) ? -1 : void 0,
       "aria-disabled": e(i)
     }, {
-      default: M(() => [
+      default: O(() => [
         e(r).name && !e(t) && !e(c) ? (s(), p(v, k({
           key: 0,
           name: e(r).name
@@ -174,9 +183,9 @@ import './style/link.css';const P = /* @__PURE__ */ L({
         }), null, 16, ["name", "class", "style"])) : d("", !0)
       ]),
       _: 3
-    }, 8, ["class", "to", "href", "disable", "style", "tabindex", "aria-disabled"]));
+    }, 8, ["id", "class", "to", "href", "disable", "style", "tabindex", "aria-disabled"]));
   }
-}), F = /* @__PURE__ */ O(P, [["__scopeId", "data-v-377c1eda"]]);
+}), G = /* @__PURE__ */ P(T, [["__scopeId", "data-v-3a1cb6f7"]]);
 export {
-  F as default
+  G as default
 };