energy-components 2.3.1 → 2.5.0

package/dist/components/pagination.es.js

@@ -1,17 +1,17 @@
-import { defineComponent as z, toRefs as G, ref as J, computed as r, watch as K, onBeforeMount as Q, openBlock as u, createElementBlock as f, createElementVNode as m, createBlock as x, createCommentVNode as P, createVNode as k, Fragment as W, renderList as X, unref as C, toDisplayString as B } from "vue";
+import { defineComponent as G, toRefs as J, ref as K, computed as r, watch as Q, onBeforeMount as W, openBlock as u, createElementBlock as f, createElementVNode as m, createBlock as x, createCommentVNode as P, createVNode as k, Fragment as X, renderList as Y, unref as C, toDisplayString as Z } from "vue";
 import p from "./actionButton.es.js";
-import Y from "./dropdown.es.js";
-import { _ as Z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-pagination" }, te = {
+import ee from "./dropdown.es.js";
+import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/pagination.css';const te = ["id"], le = { class: "rds-e-pagination" }, ie = {
   key: 0,
   class: "rds-e-pagination__item rds-e-pagination__item-elipsis"
-}, le = {
+}, ne = {
   key: 0,
   class: "rds-e-pagination__dropdown"
-}, ie = {
+}, se = {
   key: 0,
   class: "rds-e-pagination-leyend"
-}, ne = /* @__PURE__ */ z({
+}, oe = /* @__PURE__ */ G({
   __name: "pagination",
   props: {
     /**
@@ -101,6 +101,16 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
       type: String,
       default: ""
     },
+    /**
+     * Texto personalizado para la leyenda de paginación.
+     * Usa {start}, {end} y {total} como placeholders.
+     * Ejemplo: 'Showing {start}-{end} of {total} results'
+     * Si no se provee, se usa el texto por defecto.
+     */
+    legendText: {
+      type: String,
+      default: void 0
+    },
     /**
      * ID de la paginación para testing
      */
@@ -110,23 +120,24 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
     }
   },
   emits: ["pageChanged", "ellipsisClicked"],
-  setup(n, { expose: L, emit: I }) {
-    const b = n, $ = I, {
+  setup(n, { expose: L, emit: N }) {
+    const b = n, S = N, {
       itemsPerPage: c,
       totalItems: s,
       totalPages: h,
-      hideLeyend: M,
-      disableFirstLoad: E,
-      enableEllipsis: V,
-      enablePageDropdown: w,
-      pageDropdownLabel: S
-    } = G(b), l = J(b.currentPage), g = r(() => typeof s?.value == "number" && s.value >= 0), d = r(() => g.value && typeof s?.value == "number" ? s.value <= 0 || c.value <= 0 ? 1 : Math.ceil(s.value / c.value) : typeof h?.value == "number" && h.value > 0 ? h.value : (typeof h?.value > "u" && typeof s?.value > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), _ = r(() => g.value && !M.value && typeof s?.value == "number" && s.value > 0), F = r(() => !g.value || typeof s?.value != "number" || s.value === 0 ? 0 : (l.value - 1) * c.value + 1), R = r(() => {
+      hideLeyend: I,
+      disableFirstLoad: M,
+      enableEllipsis: E,
+      enablePageDropdown: B,
+      pageDropdownLabel: $,
+      legendText: T
+    } = J(b), l = K(b.currentPage), g = r(() => typeof s?.value == "number" && s.value >= 0), d = r(() => g.value && typeof s?.value == "number" ? s.value <= 0 || c.value <= 0 ? 1 : Math.ceil(s.value / c.value) : typeof h?.value == "number" && h.value > 0 ? h.value : (typeof h?.value > "u" && typeof s?.value > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), V = r(() => g.value && !I.value && typeof s?.value == "number" && s.value > 0), _ = r(() => !g.value || typeof s?.value != "number" || s.value === 0 ? 0 : (l.value - 1) * c.value + 1), A = r(() => {
       if (!g.value || typeof s?.value != "number") return 0;
       const a = l.value * c.value;
       return Math.min(a, s.value);
-    }), D = r(() => l.value === 1), N = r(() => l.value === d.value), q = r(() => {
+    }), F = r(() => (T?.value ?? "Mostrando resultados {start}-{end} de {total}").replaceAll("{start}", String(_.value)).replaceAll("{end}", String(A.value)).replaceAll("{total}", String(s?.value ?? 0))), w = r(() => l.value === 1), D = r(() => l.value === d.value), R = r(() => {
       const a = [], e = d.value, t = l.value;
-      if (!V.value || w.value) {
+      if (!E.value || B.value) {
         if (e <= 3)
           for (let i = 1; i <= e; i++)
             a.push(i);
@@ -139,10 +150,10 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
         return a;
       }
       return a.push(1), t <= 3 ? (a.push(2, 3), e > 4 && a.push("ellipsis_end"), a.push(e)) : t >= e - 2 ? (e > 4 && a.push("ellipsis_start"), a.push(e - 2, e - 1, e)) : (a.push("ellipsis_start"), a.push(t - 1, t, t + 1), a.push("ellipsis_end"), a.push(e)), a.filter((i, o, y) => y.indexOf(i) === o);
-    }), j = r(() => {
+    }), q = r(() => {
       const a = d.value;
       return Array.from({ length: a }, (e, t) => String(t + 1));
-    }), T = (a) => {
+    }), j = (a) => {
       const e = d.value, t = l.value, i = [];
       if (a === "ellipsis_start")
         for (let o = 2; o < t - 1; o++)
@@ -151,15 +162,15 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
         for (let o = t + 2; o < e; o++)
           i.push(o);
       return i;
-    }, A = (a) => {
-      const e = T(a);
-      $("ellipsisClicked", {
+    }, O = (a) => {
+      const e = j(a);
+      S("ellipsisClicked", {
         hiddenPages: e,
         ellipsisType: a,
         currentPage: l.value,
         totalPages: d.value
       });
-    }, O = (a) => {
+    }, U = (a) => {
       let e = l.value;
       const t = d.value;
       if ("navigator" in a)
@@ -180,11 +191,11 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
       else "page" in a && typeof a.page == "number" && a.page >= 1 && a.page <= t && a.page !== l.value && (e = a.page);
       return e !== l.value ? (l.value = e, !0) : !1;
     }, v = (a, e = !1) => {
-      if (O(a) || e) {
+      if (U(a) || e) {
         const i = c.value, o = (l.value - 1) * i;
         let y = o + i;
         g.value && typeof s?.value == "number" && (y = Math.min(o + i, s.value));
-        const H = {
+        const z = {
           ...a,
           page: l.value,
           offset: o,
@@ -192,16 +203,16 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
           end: y,
           reset: e || void 0
         };
-        $("pageChanged", H);
+        S("pageChanged", z);
       }
-    }, U = (a) => {
+    }, H = (a) => {
       const e = Number(a);
       e !== l.value && e >= 1 && e <= d.value && v({ page: e });
     };
-    return K(() => b.currentPage, (a) => {
+    return Q(() => b.currentPage, (a) => {
       a !== l.value && a >= 1 && a <= d.value && (l.value = a);
-    }), Q(() => {
-      E.value || v({ navigator: "first", page: 1 });
+    }), W(() => {
+      M.value || v({ navigator: "first", page: 1 });
     }), L({
       /** Resetea la paginación a la primera página y emite el evento pageChanged. */
       resetPagination: () => {
@@ -211,7 +222,7 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
       id: n.id,
       class: "rds-e-pagination-container rds-flex"
     }, [
-      m("ul", ae, [
+      m("ul", le, [
         m("li", null, [
           n.jumpTo ? (u(), x(p, {
             key: 0,
@@ -221,7 +232,7 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
             small: "",
             icon: "back",
             "aria-label": "First Page",
-            disabled: D.value,
+            disabled: w.value,
             onClick: e[0] || (e[0] = (t) => v({ navigator: "first" }))
           }, null, 8, ["id", "disabled"])) : P("", !0)
         ]),
@@ -233,12 +244,12 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
             small: "",
             icon: "arrow_left",
             "aria-label": "Prev page",
-            disabled: D.value,
+            disabled: w.value,
             onClick: e[1] || (e[1] = (t) => v({ navigator: "prev" }))
           }, null, 8, ["id", "disabled"])
         ]),
-        (u(!0), f(W, null, X(q.value, (t) => (u(), f("li", { key: t }, [
-          typeof t == "string" && t.includes("ellipsis") ? (u(), f("div", te, [
+        (u(!0), f(X, null, Y(R.value, (t) => (u(), f("li", { key: t }, [
+          typeof t == "string" && t.includes("ellipsis") ? (u(), f("div", ie, [
             k(p, {
               id: n.id ? `${n.id}-ellipsis-${t}` : void 0,
               variant: "ghost",
@@ -246,7 +257,7 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
               text: "...",
               icon: "",
               "aria-label": "Más páginas",
-              onClick: (i) => A(t)
+              onClick: (i) => O(t)
             }, null, 8, ["id", "onClick"])
           ])) : (u(), x(p, {
             key: 1,
@@ -268,7 +279,7 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
             icon: "arrow_right",
             small: "",
             "aria-label": "next page",
-            disabled: N.value,
+            disabled: D.value,
             onClick: e[2] || (e[2] = (t) => v({ navigator: "next" }))
           }, null, 8, ["id", "disabled"])
         ]),
@@ -281,27 +292,27 @@ import './style/pagination.css';const ee = ["id"], ae = { class: "rds-e-paginati
             small: "",
             icon: "last",
             "aria-label": "last page",
-            disabled: N.value,
+            disabled: D.value,
             onClick: e[3] || (e[3] = (t) => v({ navigator: "last" }))
           }, null, 8, ["id", "disabled"])) : P("", !0)
         ]),
-        C(w) ? (u(), f("li", le, [
-          k(Y, {
+        C(B) ? (u(), f("li", ne, [
+          k(ee, {
             id: "rds-dropdown-pagination",
             modelValue: l.value,
             "onUpdate:modelValue": e[4] || (e[4] = (t) => l.value = t),
-            label: C(S) ? C(S) : l.value.toString(),
-            options: j.value,
+            label: C($) ? C($) : l.value.toString(),
+            options: q.value,
             small: "",
             "text-only": "",
-            onSelect: U
+            onSelect: H
           }, null, 8, ["modelValue", "label", "options"])
         ])) : P("", !0)
       ]),
-      _.value ? (u(), f("p", ie, " Mostrando resultados " + B(F.value) + "-" + B(R.value) + " de " + B(C(s)), 1)) : P("", !0)
-    ], 8, ee));
+      V.value ? (u(), f("p", se, Z(F.value), 1)) : P("", !0)
+    ], 8, te));
   }
-}), de = /* @__PURE__ */ Z(ne, [["__scopeId", "data-v-755635ef"]]);
+}), fe = /* @__PURE__ */ ae(oe, [["__scopeId", "data-v-f88cc2cb"]]);
 export {
-  de as default
+  fe as default
 };

package/dist/components/persistentToast.es.js

@@ -1,22 +1,22 @@
-import { defineComponent as f, toRefs as y, computed as g, openBlock as t, createElementBlock as s, normalizeClass as h, createElementVNode as r, createVNode as a, createCommentVNode as o, toDisplayString as c, renderSlot as d } from "vue";
-import { R as l } from "./icon-svg-CW3eQRcp.js";
+import { defineComponent as v, toRefs as y, computed as g, openBlock as t, createElementBlock as s, normalizeClass as h, createElementVNode as r, createVNode as a, createCommentVNode as o, toDisplayString as c, renderSlot as l } from "vue";
+import { R as d } from "./icon-svg-CW3eQRcp.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C = {
+import './style/persistentToast.css';const S = ["id"], b = { class: "alert" }, $ = {
   key: 0,
   class: "rds-e-persistent-toast__custom-icon-block"
-}, q = { class: "rds-e-persistent-toast__wrapper" }, w = { class: "rds-e-persistent-toast__title__wrapper" }, b = {
+}, C = { class: "rds-e-persistent-toast__wrapper" }, q = { class: "rds-e-persistent-toast__title__wrapper" }, w = {
   key: 0,
   class: "rds-e-persistent-toast__title rds-mb-03"
-}, R = {
+}, A = {
   key: 1,
   class: "rds-e-persistent-toast__text"
-}, T = {
+}, R = {
   key: 2,
   class: "rds-e-persistent-toast__content-section"
-}, B = {
+}, T = ["aria-label"], B = {
   key: 0,
   class: "rds-e-persistent-toast__action-section"
-}, D = /* @__PURE__ */ f({
+}, D = /* @__PURE__ */ v({
   __name: "persistent-toast",
   props: {
     /**
@@ -90,13 +90,20 @@ import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C
     id: {
       type: String,
       default: void 0
+    },
+    /**
+     * <span>Etiqueta accesible del botón de cerrar. Por convención del sistema, el valor por defecto es español ('Cerrar'). En proyectos con i18n, se debe sobrescribir esta prop con el valor traducido.</span>
+     */
+    closeAriaLabel: {
+      type: String,
+      default: "Cerrar"
     }
   },
   emits: ["onCloseToastAction"],
   setup(e, { emit: u }) {
     const _ = e, m = u, { type: n } = y(_), p = g(
       () => `rds-e-persistent-toast rds-mb-03 rds-e-persistent-toast${n.value === "success" ? "--success" : ""}${n.value === "error" ? "--error" : ""}${n.value === "warning" ? "--warning" : ""}${n.value === "info" ? "--info" : ""}`
-    ), v = () => {
+    ), f = () => {
       m("onCloseToastAction");
     };
     return (i, N) => (t(), s("div", {
@@ -104,41 +111,43 @@ import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C
       class: h(["rds-e-persistent-toast", p.value]),
       role: "alert"
     }, [
-      r("div", $, [
-        e.icon ? (t(), s("div", C, [
-          a(l, {
+      r("div", b, [
+        e.icon ? (t(), s("div", $, [
+          a(d, {
             name: e.icon,
             class: "rds-e-persistent-toast__custom-icon",
             "aria-hidden": "true"
           }, null, 8, ["name"])
         ])) : o("", !0),
-        r("div", q, [
-          r("div", w, [
-            e.title ? (t(), s("div", b, c(e.title), 1)) : o("", !0),
-            e.message && !i.$slots["content-section"] ? (t(), s("p", R, c(e.message), 1)) : o("", !0),
-            i.$slots["content-section"] ? (t(), s("div", T, [
-              d(i.$slots, "content-section", {}, void 0, !0)
+        r("div", C, [
+          r("div", q, [
+            e.title ? (t(), s("div", w, c(e.title), 1)) : o("", !0),
+            e.message && !i.$slots["content-section"] ? (t(), s("p", A, c(e.message), 1)) : o("", !0),
+            i.$slots["content-section"] ? (t(), s("div", R, [
+              l(i.$slots, "content-section", {}, void 0, !0)
             ])) : o("", !0)
           ]),
-          e.close ? (t(), s("div", {
+          e.close ? (t(), s("button", {
             key: 0,
+            type: "button",
             class: "rds-e-persistent-toast__close-block",
-            onClick: v
+            "aria-label": e.closeAriaLabel,
+            onClick: f
           }, [
-            a(l, {
+            a(d, {
               name: "close",
               class: "rds-e-persistent-toast__custom-icon",
               "aria-hidden": "true"
             })
-          ])) : o("", !0)
+          ], 8, T)) : o("", !0)
         ])
       ]),
       i.$slots["action-section"] ? (t(), s("div", B, [
-        d(i.$slots, "action-section", {}, void 0, !0)
+        l(i.$slots, "action-section", {}, void 0, !0)
       ])) : o("", !0)
     ], 10, S));
   }
-}), I = /* @__PURE__ */ k(D, [["__scopeId", "data-v-9c8ae892"]]);
+}), L = /* @__PURE__ */ k(D, [["__scopeId", "data-v-1f2128ca"]]);
 export {
-  I as default
+  L as default
 };

package/dist/components/searchField.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, computed as p, ref as i, openBlock as n, createElementBlock as u, normalizeClass as _, createElementVNode as V, createVNode as w, withModifiers as y, createCommentVNode as S, Fragment as q, renderList as T, toDisplayString as U } from "vue";
+import { defineComponent as N, computed as v, ref as i, openBlock as n, createElementBlock as u, normalizeClass as _, createElementVNode as V, createVNode as w, withModifiers as y, createCommentVNode as S, Fragment as q, renderList as T, toDisplayString as U } from "vue";
 import { g as z } from "./getInstance-GhoEcxLF.js";
 import { R as O } from "./icon-svg-CW3eQRcp.js";
 import j from "./actionButton.es.js";
@@ -62,19 +62,26 @@ import './style/searchField.css';const H = ["id", "placeholder", "disabled", "va
     clearButtonAriaLabel: {
       type: String,
       default: "Limpiar campo"
+    },
+    /**
+     * Activa los estilos de variante inversa para superficies oscuras.
+     */
+    inverse: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue", "clear", "search", "select"],
   setup(B, { expose: C, emit: D }) {
-    const e = B, t = D, b = z(), A = p(() => e.id ?? `search-field-${b}`), d = `search-field-listbox-${b}`, o = i(null), v = i(!1), c = i(!1), m = i(!1), r = i(!0), l = i(-1), I = p(() => e.modelValue.length > 0), $ = p(() => e.modelValue.length > 0 && !e.disabled), f = p(
+    const e = B, t = D, b = z(), A = v(() => e.id ?? `search-field-${b}`), d = `search-field-listbox-${b}`, o = i(null), p = i(!1), c = i(!1), m = i(!1), r = i(!0), l = i(-1), I = v(() => e.modelValue.length > 0), $ = v(() => e.modelValue.length > 0 && !e.disabled), f = v(
       () => e.suggestions.length > 0 && e.modelValue.length > 0 && r.value
     ), E = () => {
       m.value = !0;
     }, k = () => {
-      v.value = !0, c.value = !m.value, m.value = !1, r.value = !0;
+      p.value = !0, c.value = !m.value, m.value = !1, r.value = !0;
     }, F = () => {
       setTimeout(() => {
-        v.value = !1, c.value = !1, r.value = !1, l.value = -1;
+        p.value = !1, c.value = !1, r.value = !1, l.value = -1;
       }, 150);
     }, L = (a) => {
       const s = a.target.value;
@@ -111,13 +118,14 @@ import './style/searchField.css';const H = ["id", "placeholder", "disabled", "va
       class: _(["rds-e-searchfield", {
         "rds-e-searchfield--small": e.small,
         "rds-e-searchfield--filled": I.value,
-        "rds-e-searchfield--disabled": e.disabled
+        "rds-e-searchfield--disabled": e.disabled,
+        "rds-e-searchfield--inverse": e.inverse
       }])
     }, [
       V("div", {
         class: _(["rds-e-searchfield__container", {
           "rds-e-searchfield__container--keyboard-focus": c.value,
-          "rds-e-searchfield__container--active": v.value && !c.value
+          "rds-e-searchfield__container--active": p.value && !c.value
         }]),
         onMousedown: E
       }, [
@@ -159,8 +167,9 @@ import './style/searchField.css';const H = ["id", "placeholder", "disabled", "va
           w(j, {
             icon: "close",
             variant: "ghost",
-            small: ""
-          })
+            small: "",
+            inverse: e.inverse
+          }, null, 8, ["inverse"])
         ], 40, J)) : S("", !0)
       ], 34),
       f.value ? (n(), u("ul", {
@@ -182,7 +191,7 @@ import './style/searchField.css';const H = ["id", "placeholder", "disabled", "va
       ])) : S("", !0)
     ], 2));
   }
-}), le = /* @__PURE__ */ G(Q, [["__scopeId", "data-v-f14e3734"]]);
+}), le = /* @__PURE__ */ G(Q, [["__scopeId", "data-v-4461ccff"]]);
 export {
   le as default
 };

package/dist/components/sidedrawer.es.js

@@ -1,13 +1,13 @@
-import { defineComponent as B, toRefs as $, ref as n, computed as u, watch as O, openBlock as a, createElementBlock as l, normalizeClass as v, createElementVNode as o, withModifiers as R, normalizeStyle as z, renderSlot as c, toDisplayString as D, createCommentVNode as w, createBlock as E } from "vue";
-import { R as H } from "./icon-svg-CW3eQRcp.js";
-import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/sidedrawer.css';const N = { class: "rds-e-sidedrawer__header rds-mb-24" }, T = {
+import { defineComponent as $, toRefs as B, ref as n, computed as u, watch as N, openBlock as a, createElementBlock as i, normalizeClass as v, createElementVNode as o, withModifiers as O, normalizeStyle as R, renderSlot as c, toDisplayString as V, createCommentVNode as w, createVNode as z } from "vue";
+import { R as A } from "./icon-svg-CW3eQRcp.js";
+import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/sidedrawer.css';const E = { class: "rds-e-sidedrawer__header rds-mb-24" }, H = {
   key: 0,
   class: "rds-e-sidedrawer__title"
-}, V = {
+}, I = {
   key: 1,
   class: "rds-headline-04 rds-content-high"
-}, W = { class: "rds-e-sidedrawer__content-inner" }, x = { class: "rds-e-sidedrawer__footer rds-pt-12" }, M = /* @__PURE__ */ B({
+}, L = ["aria-label"], T = { class: "rds-e-sidedrawer__content-inner" }, W = { class: "rds-e-sidedrawer__footer rds-pt-12" }, x = /* @__PURE__ */ $({
   __name: "sidedrawer",
   props: {
     /**
@@ -44,33 +44,40 @@ import './style/sidedrawer.css';const N = { class: "rds-e-sidedrawer__header rds
     persistent: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * <span>Etiqueta accesible del botón de cerrar. Por convención del sistema, el valor por defecto es español ('Cerrar'). En proyectos con i18n, se debe sobrescribir esta prop con el valor traducido.</span>
+     */
+    closeAriaLabel: {
+      type: String,
+      default: "Cerrar"
     }
   },
   emits: ["sidedrawerChange"],
-  setup(t, { expose: f, emit: h }) {
-    const m = t, _ = h, { blurOverlay: p, persistent: y } = $(m), C = n(), r = n(!0), i = n(!0), g = u(() => ({
-      "rds-e-sidedrawer--hide": r.value,
-      "rds-e-sidedrawer--show": !r.value,
+  setup(r, { expose: f, emit: h }) {
+    const m = r, _ = h, { blurOverlay: p, persistent: y } = B(m), C = n(), t = n(!0), l = n(!0), b = u(() => ({
+      "rds-e-sidedrawer--hide": t.value,
+      "rds-e-sidedrawer--show": !t.value,
       "rds-e-sidedrawer--blur-overlay": p.value
-    })), S = u(() => ({
-      "rds-e-sidedrawer__content--hide": r.value,
-      "rds-e-sidedrawer__content--show": !r.value
-    })), k = () => {
-      _("sidedrawerChange", r.value);
+    })), g = u(() => ({
+      "rds-e-sidedrawer__content--hide": t.value,
+      "rds-e-sidedrawer__content--show": !t.value
+    })), S = () => {
+      _("sidedrawerChange", t.value);
     }, s = (e) => {
-      r.value = e, k();
-    }, b = (e) => {
-      e.target === e.currentTarget && !y.value && !r.value && s(!0);
+      t.value = e, S();
+    }, k = (e) => {
+      e.target === e.currentTarget && !y.value && !t.value && s(!0);
     };
-    return O(r, (e) => {
+    return N(t, (e) => {
       e ? setTimeout(() => {
-        i.value = !0;
-      }, 500) : i.value = !1;
+        l.value = !0;
+      }, 500) : l.value = !1;
     }), f({
       /**
        * { boolean } Muestra el estado actual del sidebar.
        */
-      isHide: r,
+      isHide: t,
       /**
        * { () => void } Abre el sidebar.
        */
@@ -83,41 +90,47 @@ import './style/sidedrawer.css';const N = { class: "rds-e-sidedrawer__header rds
        * { (state: boolean) => void } Cambia el estado del sidedrawer.
        */
       toogleSidedrawer: () => {
-        s(!r.value);
+        s(!t.value);
       }
-    }), (e, d) => (a(), l("div", {
-      class: v(["rds-e-sidedrawer", [g.value, { "rds-e-sidedrawer--hidden": i.value }]]),
-      onClick: b
+    }), (e, d) => (a(), i("div", {
+      class: v(["rds-e-sidedrawer", [b.value, { "rds-e-sidedrawer--hidden": l.value }]]),
+      onClick: k
     }, [
       o("div", {
         ref_key: "sidebar",
         ref: C,
-        class: v(["rds-e-sidedrawer__content rds-pa-24", S.value]),
-        style: z({ "--container-width": `${t.containerWidth}px` }),
-        onClick: d[1] || (d[1] = R(() => {
+        class: v(["rds-e-sidedrawer__content rds-pa-24", g.value]),
+        style: R({ "--container-width": `${r.containerWidth}px` }),
+        onClick: d[1] || (d[1] = O(() => {
         }, ["stop"]))
       }, [
-        o("div", N, [
-          e.$slots.title ? (a(), l("div", T, [
+        o("div", E, [
+          e.$slots.title ? (a(), i("div", H, [
             c(e.$slots, "title", {}, void 0, !0)
-          ])) : t.title ? (a(), l("h2", V, D(t.title), 1)) : w("", !0),
-          t.iconClose ? (a(), E(H, {
+          ])) : r.title ? (a(), i("h2", I, V(r.title), 1)) : w("", !0),
+          r.iconClose ? (a(), i("button", {
             key: 2,
-            name: "close",
-            class: "rds-e-sidedrawer__icon",
-            onClick: d[0] || (d[0] = (j) => s(!0))
-          })) : w("", !0)
+            type: "button",
+            class: "rds-e-sidedrawer__close-btn",
+            "aria-label": r.closeAriaLabel,
+            onClick: d[0] || (d[0] = (M) => s(!0))
+          }, [
+            z(A, {
+              name: "close",
+              "aria-hidden": "true"
+            })
+          ], 8, L)) : w("", !0)
         ]),
-        o("div", W, [
+        o("div", T, [
           c(e.$slots, "content", {}, void 0, !0)
         ]),
-        o("div", x, [
+        o("div", W, [
           c(e.$slots, "footer", {}, void 0, !0)
         ])
       ], 6)
     ], 2));
   }
-}), G = /* @__PURE__ */ I(M, [["__scopeId", "data-v-4e65d23c"]]);
+}), G = /* @__PURE__ */ D(x, [["__scopeId", "data-v-6cf78ea3"]]);
 export {
   G as default
 };

package/dist/components/style/actionButton.css

@@ -1 +1 @@
-[data-v-765c5af6]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-monospaced-body-01: 1rem/1.5rem SourceCodeProRegular;--rds-monospaced-body-01-bold: 1rem/1.5rem SourceCodeProBold;--rds-monospaced-body-02: .875rem/1.25rem SourceCodeProRegular;--rds-monospaced-body-02-bold: .875rem/1.25rem SourceCodeProBold;--rds-monospaced-caption-01: .875rem/1.125rem SourceCodeProRegular;--rds-monospaced-caption-01-bold: .875rem/1.125rem SourceCodeProBold;--rds-monospaced-caption-02: .75rem/1rem SourceCodeProRegular;--rds-monospaced-caption-02-bold: .75rem/1rem SourceCodeProBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-btn--action[data-v-765c5af6]{aspect-ratio:1/1;border-radius:999px;flex-grow:0;height:3rem;width:3rem}.rds-e-btn--action.rds-e-btn--action[data-v-765c5af6]:before{min-height:200px;transition:all .4s ease-in-out!important}.rds-e-btn--action.rds-e-btn--small[data-v-765c5af6]{border-radius:999px;height:2rem;width:2rem}.rds-e-btn--action.rds-e-btn--secondary[data-v-765c5af6]{border:1px solid #43637d;color:#001e37}.rds-e-btn--action.rds-e-btn--secondary[data-v-765c5af6]:active{background-color:#f4f8fa;border:1px solid #009BBE;color:#006a82}.rds-e-btn--action.rds-e-btn--primary-inverse[data-v-765c5af6]{background-color:#fff;border:none;color:#001e37}.rds-e-btn--action.rds-e-btn--primary-inverse.rds-e-btn--action[data-v-765c5af6]:before{background-color:#dbe6f0!important}.rds-e-btn--action.rds-e-btn--ghost[data-v-765c5af6]{background-color:transparent;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost-destructive[data-v-765c5af6],.rds-e-btn--action.rds-e-btn--ghost-destructive[data-v-765c5af6]:hover{color:#de1c2e}.rds-e-btn--action.rds-e-btn--ghost-destructive[data-v-765c5af6]:hover:before{background-color:#006a82}.rds-e-btn--action.rds-e-btn--ghost[data-v-765c5af6]:active{background-color:#fff;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost[data-v-765c5af6]:disabled{opacity:.3}.rds-e-btn--action.rds-e-btn--ghost[data-v-765c5af6]:not(.rds-e-btn--action.rds-e-btn--ghost-destructive):hover:not(:active){color:#009bbe}.rds-e-btn--action.rds-e-btn--ghost[data-v-765c5af6]:not(.rds-e-btn--action.rds-e-btn--ghost-destructive):hover:not(:active):before{background-color:#f4f8fa}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-765c5af6]{background-color:transparent;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost-inverse-destructive[data-v-765c5af6],.rds-e-btn--action.rds-e-btn--ghost-inverse-destructive[data-v-765c5af6]:hover{color:#de1c2e}.rds-e-btn--action.rds-e-btn--ghost-inverse-destructive[data-v-765c5af6]:hover:before{background-color:#006a82}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-765c5af6]:active{background-color:#fff;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-765c5af6]:disabled{opacity:.3}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-765c5af6]:not(.rds-e-btn--action.rds-e-btn--ghost-inverse-destructive):hover:not(:active){color:#009bbe}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-765c5af6]:not(.rds-e-btn--action.rds-e-btn--ghost-inverse-destructive):hover:not(:active):before{background-color:#f4f8fa}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-765c5af6]{color:#fff}.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-765c5af6],.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-765c5af6]:hover{background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-765c5af6]:hover:before{background-color:#e6e6e6;opacity:.3}
+[data-v-3c819ad5]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-monospaced-body-01: 1rem/1.5rem SourceCodeProRegular;--rds-monospaced-body-01-bold: 1rem/1.5rem SourceCodeProBold;--rds-monospaced-body-02: .875rem/1.25rem SourceCodeProRegular;--rds-monospaced-body-02-bold: .875rem/1.25rem SourceCodeProBold;--rds-monospaced-caption-01: .875rem/1.125rem SourceCodeProRegular;--rds-monospaced-caption-01-bold: .875rem/1.125rem SourceCodeProBold;--rds-monospaced-caption-02: .75rem/1rem SourceCodeProRegular;--rds-monospaced-caption-02-bold: .75rem/1rem SourceCodeProBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-btn--action[data-v-3c819ad5]{aspect-ratio:1/1;border-radius:999px;flex-grow:0;height:3rem;width:3rem}.rds-e-btn--action.rds-e-btn--action[data-v-3c819ad5]:before{min-height:200px;transition:all .4s ease-in-out!important}.rds-e-btn--action.rds-e-btn--small[data-v-3c819ad5]{border-radius:999px;height:2rem;width:2rem}.rds-e-btn--action.rds-e-btn--secondary[data-v-3c819ad5]{border:1px solid #43637d;color:#001e37}.rds-e-btn--action.rds-e-btn--secondary[data-v-3c819ad5]:active{background-color:#f4f8fa;border:1px solid #009BBE;color:#006a82}.rds-e-btn--action.rds-e-btn--primary-inverse[data-v-3c819ad5]{background-color:#fff;border:none;color:#001e37}.rds-e-btn--action.rds-e-btn--primary-inverse.rds-e-btn--action[data-v-3c819ad5]:before{background-color:#dbe6f0!important}.rds-e-btn--action.rds-e-btn--ghost[data-v-3c819ad5]{background-color:transparent;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost-destructive[data-v-3c819ad5],.rds-e-btn--action.rds-e-btn--ghost-destructive[data-v-3c819ad5]:hover{color:#de1c2e}.rds-e-btn--action.rds-e-btn--ghost-destructive[data-v-3c819ad5]:hover:before{background-color:#006a82}.rds-e-btn--action.rds-e-btn--ghost[data-v-3c819ad5]:active{background-color:#fff;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost[data-v-3c819ad5]:disabled{opacity:.3}.rds-e-btn--action.rds-e-btn--ghost[data-v-3c819ad5]:not(.rds-e-btn--action.rds-e-btn--ghost-destructive):hover:not(:active){color:#009bbe}.rds-e-btn--action.rds-e-btn--ghost[data-v-3c819ad5]:not(.rds-e-btn--action.rds-e-btn--ghost-destructive):hover:not(:active):before{background-color:#f4f8fa}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-3c819ad5]{background-color:transparent;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost-inverse-destructive[data-v-3c819ad5],.rds-e-btn--action.rds-e-btn--ghost-inverse-destructive[data-v-3c819ad5]:hover{color:#de1c2e}.rds-e-btn--action.rds-e-btn--ghost-inverse-destructive[data-v-3c819ad5]:hover:before{background-color:#006a82}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-3c819ad5]:active{background-color:#fff;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-3c819ad5]:disabled{opacity:.3}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-3c819ad5]:not(.rds-e-btn--action.rds-e-btn--ghost-inverse-destructive):hover:not(:active){color:#009bbe}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-3c819ad5]:not(.rds-e-btn--action.rds-e-btn--ghost-inverse-destructive):hover:not(:active):before{background-color:#f4f8fa}.rds-e-btn--action.rds-e-btn--ghost-inverse[data-v-3c819ad5]{color:#fff}.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-3c819ad5],.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-3c819ad5]:hover{background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-3c819ad5]:hover:before{background-color:#e6e6e6;opacity:.3}

package/dist/components/style/breadcrumbs.css

@@ -1 +1 @@
-[data-v-1a87a370]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-monospaced-body-01: 1rem/1.5rem SourceCodeProRegular;--rds-monospaced-body-01-bold: 1rem/1.5rem SourceCodeProBold;--rds-monospaced-body-02: .875rem/1.25rem SourceCodeProRegular;--rds-monospaced-body-02-bold: .875rem/1.25rem SourceCodeProBold;--rds-monospaced-caption-01: .875rem/1.125rem SourceCodeProRegular;--rds-monospaced-caption-01-bold: .875rem/1.125rem SourceCodeProBold;--rds-monospaced-caption-02: .75rem/1rem SourceCodeProRegular;--rds-monospaced-caption-02-bold: .75rem/1rem SourceCodeProBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-breadcrumbs[data-v-1a87a370]{align-items:center;display:inline-flex}.rds-e-breadcrumbs--inverse[data-v-1a87a370]{color:#ffffff4d}.rds-e-breadcrumbs__link[data-v-1a87a370]{color:#43637d;padding-bottom:.1875rem}.rds-e-breadcrumbs__link--active[data-v-1a87a370]{font:.875rem/1.25rem RepsolSoleTextBold;border-bottom:none;color:#001e37;font-weight:700}.rds-e-breadcrumbs__link--active[data-v-1a87a370]:hover{color:#001e37;opacity:1!important}.rds-e-breadcrumbs__link--inverse[data-v-1a87a370]{border-bottom:.0625rem solid rgba(255,255,255,.3);color:#ffffff4d}.rds-e-breadcrumbs__link--inverse-active[data-v-1a87a370],.rds-e-breadcrumbs__link--inverse-active[data-v-1a87a370]:hover{border-bottom:none;color:#001e37}.rds-e-breadcrumbs__link-dots[data-v-1a87a370]{cursor:pointer}.rds-e-breadcrumbs__link[data-v-1a87a370]:hover{opacity:.75}.rds-e-breadcrumbs__divider[data-v-1a87a370]{margin:0 .5rem}.rds-e-breadcrumbs[data-v-1a87a370] .rds-e-breadcrumbs__link--text{font:.875rem/1.25rem RepsolSoleTextRegular;margin-right:4px}.rds-e-breadcrumbs[data-v-1a87a370] .rds-e-breadcrumbs__link--active .rds-e-breadcrumbs__link--text{font:.875rem/1.25rem RepsolSoleTextBold}
+[data-v-28c9477d]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-monospaced-body-01: 1rem/1.5rem SourceCodeProRegular;--rds-monospaced-body-01-bold: 1rem/1.5rem SourceCodeProBold;--rds-monospaced-body-02: .875rem/1.25rem SourceCodeProRegular;--rds-monospaced-body-02-bold: .875rem/1.25rem SourceCodeProBold;--rds-monospaced-caption-01: .875rem/1.125rem SourceCodeProRegular;--rds-monospaced-caption-01-bold: .875rem/1.125rem SourceCodeProBold;--rds-monospaced-caption-02: .75rem/1rem SourceCodeProRegular;--rds-monospaced-caption-02-bold: .75rem/1rem SourceCodeProBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-breadcrumbs[data-v-28c9477d]{align-items:center;display:inline-flex;list-style:none;margin:0;padding:0}.rds-e-breadcrumbs--inverse[data-v-28c9477d]{color:#ffffff4d}.rds-e-breadcrumbs__link[data-v-28c9477d]{color:#43637d;padding-bottom:.1875rem}.rds-e-breadcrumbs__link--active[data-v-28c9477d]{font:.875rem/1.25rem RepsolSoleTextBold;border-bottom:none;color:#001e37;font-weight:700}.rds-e-breadcrumbs__link--active[data-v-28c9477d]:hover{color:#001e37;opacity:1!important}.rds-e-breadcrumbs__link--inverse[data-v-28c9477d]{border-bottom:.0625rem solid rgba(255,255,255,.3);color:#ffffff4d}.rds-e-breadcrumbs__link--inverse-active[data-v-28c9477d],.rds-e-breadcrumbs__link--inverse-active[data-v-28c9477d]:hover{border-bottom:none;color:#001e37}.rds-e-breadcrumbs__link-dots[data-v-28c9477d]{cursor:pointer}.rds-e-breadcrumbs__link[data-v-28c9477d]:hover{opacity:.75}.rds-e-breadcrumbs__item[data-v-28c9477d]{align-items:center;display:inline-flex;list-style:none;margin:0;padding:0}.rds-e-breadcrumbs__ellipsis-button[data-v-28c9477d]{background:transparent;border:none;border-radius:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;margin:0;padding:0}.rds-e-breadcrumbs__ellipsis-button[data-v-28c9477d]:focus-visible{outline-offset:.125rem}.rds-e-breadcrumbs__divider[data-v-28c9477d]{margin:0 .5rem}.rds-e-breadcrumbs[data-v-28c9477d] .rds-e-breadcrumbs__link--text{font:.875rem/1.25rem RepsolSoleTextRegular;margin-right:4px}.rds-e-breadcrumbs[data-v-28c9477d] .rds-e-breadcrumbs__link--active .rds-e-breadcrumbs__link--text{font:.875rem/1.25rem RepsolSoleTextBold}