energy-components 1.6.0 → 1.7.0

package/dist/components/accordion.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as R, toRefs as B, ref as l, watch as D, nextTick as N, inject as _, onMounted as V, onBeforeUnmount as q, openBlock as v, createElementBlock as w, createElementVNode as n, toDisplayString as h, unref as d, createBlock as H, mergeProps as P, createCommentVNode as T, createVNode as j, normalizeClass as y, renderSlot as A, createTextVNode as E } from "vue";
-import { R as I } from "./icon-svg-DGp2yHJn.js";
+import { R as I } from "./icon-svg-BmDOQ0kL.js";
 import O from "./tag.es.js";
 import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { class: "rds-e-accordion-title" }, M = { class: "rds-e-accordion-title_right" }, U = /* @__PURE__ */ R({

package/dist/components/button.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as B, toRefs as S, computed as l, openBlock as v, createElementBlock as x, unref as s, normalizeClass as m, createBlock as I, createCommentVNode as k, createElementVNode as $, renderSlot as C, createTextVNode as N, toDisplayString as R } from "vue";
-import { R as V } from "./icon-svg-DGp2yHJn.js";
+import { defineComponent as B, toRefs as S, computed as l, openBlock as b, createElementBlock as x, unref as o, normalizeClass as m, createBlock as I, createCommentVNode as k, createElementVNode as $, renderSlot as C, createTextVNode as N, toDisplayString as R } from "vue";
+import { R as V } from "./icon-svg-BmDOQ0kL.js";
 import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-btn__text" }, w = /* @__PURE__ */ B({
   __name: "button",
@@ -42,15 +42,15 @@ import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-
     /**
      * <span>Variante del botón</span>
      * <br>
-     *`['primary', 'secondary', 'ghost']`
+     *`['primary', 'secondary', 'ghost', 'commercial']`
      */
     variant: {
       type: String,
       default: "primary",
       validator(e) {
-        const t = ["primary", "secondary", "ghost"].includes(e);
+        const t = ["primary", "secondary", "ghost", "commercial"].includes(e);
         return t || console.info(
-          `La variante ${e} no es válida. Las variantes válidas son: primary, secondary, ghost`
+          `La variante ${e} no es válida. Las variantes válidas son: primary, secondary, ghost, commercial`
         ), t;
       }
     },
@@ -99,7 +99,7 @@ import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-
   },
   setup(e) {
     const t = e, {
-      text: o,
+      text: s,
       icon: n,
       type: r,
       variant: i,
@@ -109,35 +109,35 @@ import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-
       inverse: d,
       revertIcon: _,
       loading: p
-    } = S(t), c = l(() => p.value ? "loading" : n != null && n.value ? n == null ? void 0 : n.value : ""), h = l(() => r.value && ["button", "submit", "reset"].includes(r.value) ? r.value : "button"), b = l(() => ["primary", "secondary", "ghost"].includes(i.value) ? i.value : "primary"), g = l(() => {
+    } = S(t), c = l(() => p.value ? "loading" : n != null && n.value ? n == null ? void 0 : n.value : ""), h = l(() => r.value && ["button", "submit", "reset"].includes(r.value) ? r.value : "button"), v = l(() => ["primary", "secondary", "ghost", "commercial"].includes(i.value) ? i.value : "primary"), g = l(() => {
       const a = ["rds-e-btn"];
-      return i.value && a.push(`rds-e-btn--${b.value}`), d.value && a.push(`rds-e-btn--${b.value}-inverse`), c.value && a.push(
-        o != null && o.value ? "rds-e-btn--with-icon" : "rds-e-btn--icon"
+      return i.value && a.push(`rds-e-btn--${v.value}`), d.value && a.push(`rds-e-btn--${v.value}-inverse`), c.value && a.push(
+        s != null && s.value ? "rds-e-btn--with-icon" : "rds-e-btn--icon"
       ), f.value && a.push("rds-e-btn--small"), _.value && a.push("rds-e-btn--revert"), u.value && a.push("rds-e-style-state-disabled"), p.value && a.push("rds-e-btn--loading"), y.value && a.push("rds-e-btn--mobile-width"), a.join(" ");
     });
-    return (a, W) => (v(), x("button", {
+    return (a, W) => (b(), x("button", {
       type: h.value,
-      disabled: s(u),
+      disabled: o(u),
       class: m(g.value)
     }, [
-      c.value ? (v(), I(V, {
+      c.value ? (b(), I(V, {
         key: 0,
         name: c.value,
-        small: s(f),
+        small: o(f),
         class: m(["rds-e-btn__icon", [
-          s(d) ? `rds-e-btn__icon--${s(d)}` : "",
-          s(u) ? "rds-e-btn__icon--disabled" : ""
+          o(d) ? `rds-e-btn__icon--${o(d)}` : "",
+          o(u) ? "rds-e-btn__icon--disabled" : ""
         ]]),
         "aria-hidden": "true"
       }, null, 8, ["name", "small", "class"])) : k("", !0),
       $("span", L, [
         C(a.$slots, "default", {}, () => [
-          N(R(s(o)), 1)
+          N(R(o(s)), 1)
         ], !0)
       ])
     ], 10, E));
   }
-}), T = /* @__PURE__ */ D(w, [["__scopeId", "data-v-a17b5b56"]]);
+}), T = /* @__PURE__ */ D(w, [["__scopeId", "data-v-ad01f4e1"]]);
 export {
   T as default
 };

package/dist/components/checkbox.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as x, ref as d, watch as v, onMounted as y, onBeforeUnmount as w, openBlock as b, createElementBlock as g, normalizeClass as o, createElementVNode as n, renderSlot as S, createTextVNode as B, toDisplayString as C, createBlock as E, createCommentVNode as L } from "vue";
-import { R as V } from "./icon-svg-DGp2yHJn.js";
+import { R as V } from "./icon-svg-BmDOQ0kL.js";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/checkbox.css';const D = ["id", "checked", "aria-label", "required", "disabled"], N = ["for"], q = /* @__PURE__ */ x({
   __name: "checkbox",

package/dist/components/dropdown.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as ae, mergeModels as K, toRefs as de, useModel as ue, ref as S, computed as p, provide as T, onMounted as ie, nextTick as F, onBeforeUnmount as ce, openBlock as f, createElementBlock as y, createVNode as V, mergeProps as H, unref as a, withModifiers as r, createSlots as P, withCtx as d, normalizeClass as pe, renderSlot as m, createElementVNode as i, createBlock as W, createCommentVNode as D, Fragment as fe, toDisplayString as M } from "vue";
 import me from "./multiselect.es.js";
 import z from "./textField.es.js";
-import { R as ve } from "./icon-svg-DGp2yHJn.js";
+import { R as ve } from "./icon-svg-BmDOQ0kL.js";
 import be from "./checkbox.es.js";
 import { _ as ye } from "./radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js";
 import ge from "./radioButton.es.js";

package/dist/components/filterChip.es.js

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

package/dist/components/{icon-svg-DGp2yHJn.js → icon-svg-BmDOQ0kL.js}

@@ -1,6 +1,6 @@
-import { defineComponent as a, computed as v, openBlock as l, createElementBlock as t, normalizeClass as i, normalizeStyle as d, Fragment as M, renderList as z } from "vue";
-import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/icon-svg.css';const n = "selection", I = [
+import { defineComponent as M, computed as o, openBlock as t, createElementBlock as r, normalizeClass as h, normalizeStyle as z, Fragment as p, renderList as n } from "vue";
+import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/icon-svg.css';const u = "selection", g = [
   {
     icon: {
       paths: [
@@ -10757,9 +10757,9 @@ import './style/icon-svg.css';const n = "selection", I = [
     setId: 2,
     iconIdx: 332
   }
-], g = 1024, u = {
+], f = 1024, x = {
   name: "rds-e-icon-font"
-}, f = {
+}, m = {
   showGlyphs: !0,
   showCodes: !0,
   showQuickUse: !0,
@@ -10804,13 +10804,13 @@ import './style/icon-svg.css';const n = "selection", I = [
   gridSize: 16,
   showGrid: !1,
   showLiga: !1
-}, x = {
-  IcoMoonType: n,
-  icons: I,
-  height: g,
-  metadata: u,
-  preferences: f
-}, o = x.icons.map(
+}, S = {
+  IcoMoonType: u,
+  icons: g,
+  height: f,
+  metadata: x,
+  preferences: m
+}, a = S.icons.map(
   (c) => {
     var s;
     return {
@@ -10819,7 +10819,7 @@ import './style/icon-svg.css';const n = "selection", I = [
       codes: ((s = c.properties) == null ? void 0 : s.codes) || []
     };
   }
-), k = o.sort((c, s) => c.name.localeCompare(s.name)).map((c) => c.name), m = o.reduce((c, s) => (c[s.name] = s, c), {}), S = /* @__PURE__ */ a({
+), w = a.sort((c, s) => c.name.localeCompare(s.name)).map((c) => c.name), _ = a.reduce((c, s) => (c[s.name] = s, c), {}), b = /* @__PURE__ */ M({
   __name: "icon-svg",
   props: {
     /**
@@ -10852,31 +10852,47 @@ import './style/icon-svg.css';const n = "selection", I = [
     color: {
       type: String,
       default: ""
+    },
+    /**
+     * <span>Tamaño personalizado del icono en píxeles.</span>
+     * <br>
+     * Ejemplo: 64 creará un icono de 64x64px
+     */
+    size: {
+      type: [Number, String],
+      default: null
     }
   },
   setup(c) {
-    const s = c, h = v(() => {
+    const s = c, v = o(() => {
+      const e = {};
+      if (s.color && (e.color = s.color), s.size) {
+        const l = typeof s.size == "number" ? `${s.size}px` : s.size;
+        e.fontSize = l, e.width = l, e.height = l;
+      }
+      return e;
+    }), d = o(() => {
       var e;
-      return ((e = m[s.name]) == null ? void 0 : e.codes.length) || 0;
+      return ((e = _[s.name]) == null ? void 0 : e.codes.length) || 0;
     });
-    return (e, _) => (l(), t("span", {
+    return (e, l) => (t(), r("span", {
       "aria-hidden": "true",
-      class: i(["icon rds-e-icon", [
+      class: h(["icon rds-e-icon", [
         `rds-e-icon-${c.name}`,
         c.modifier && `icon--${c.modifier}`,
-        c.small && "icon--small"
+        c.small && !c.size && "icon--small"
       ]]),
-      style: d({ color: c.color })
+      style: z(v.value)
     }, [
-      (l(!0), t(M, null, z(h.value, (r) => (l(), t("span", {
-        key: `name-layer-${r}`,
-        class: i(`path${r}`)
+      (t(!0), r(p, null, n(d.value, (i) => (t(), r("span", {
+        key: `name-layer-${i}`,
+        class: h(`path${i}`)
       }, null, 2))), 128))
     ], 6));
   }
-}), w = /* @__PURE__ */ p(S, [["__scopeId", "data-v-426142e9"]]);
+}), C = /* @__PURE__ */ I(b, [["__scopeId", "data-v-690c53ee"]]);
 export {
-  w as R,
-  o as i,
-  k as s
+  C as R,
+  a as i,
+  w as s
 };

package/dist/components/iconList.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, ref as a, computed as v, openBlock as s, createElementBlock 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-DGp2yHJn.js";
+import { i as m, R as k } from "./icon-svg-BmDOQ0kL.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-DGp2yHJn.js";
+import { R as a } from "./icon-svg-BmDOQ0kL.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 i } from "./icon-svg-DGp2yHJn.js";
+import { R as i } from "./icon-svg-BmDOQ0kL.js";
 import a from "./button.es.js";
 import e from "./floatingActionButton.es.js";
 import m from "./actionButton.es.js";

package/dist/components/infoBox.es.js

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

package/dist/components/link.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, toRefs as E, computed as f, openBlock as r, createBlock as d, resolveDynamicComponent as L, unref as e, normalizeClass as m, withCtx as N, mergeProps as _, createCommentVNode as i, createElementBlock as S, renderSlot as b, createTextVNode as B, toDisplayString as I } from "vue";
-import { R as k } from "./icon-svg-DGp2yHJn.js";
+import { R as k } from "./icon-svg-BmDOQ0kL.js";
 import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/link.css';const $ = /* @__PURE__ */ j({
   __name: "link",

package/dist/components/modal.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as C, ref as R, computed as k, openBlock as d, createBlock as u, unref as a, withCtx as p, createVNode as v, normalizeStyle as b, withModifiers as g, createElementVNode as l, renderSlot as i, createCommentVNode as n, createElementBlock as c } from "vue";
 import w from "./overlay.es.js";
 import S from "./card.es.js";
-import { R as q } from "./icon-svg-DGp2yHJn.js";
+import { R as q } from "./icon-svg-BmDOQ0kL.js";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/modal.css';const $ = { class: "rds-e-modal__container" }, B = { class: "rds-e-modal__header" }, O = {
   key: 0,

package/dist/components/pagination.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as j, toRefs as F, ref as V, computed as u, openBlock as o, createElementBlock as g, createElementVNode as f, createBlock as C, createCommentVNode as h, createVNode as P, Fragment as A, renderList as T, toDisplayString as k, unref as U } from "vue";
+import { defineComponent as j, toRefs as V, ref as A, computed as u, onBeforeMount as T, openBlock as o, createElementBlock as g, createElementVNode as f, createBlock as C, createCommentVNode as h, createVNode as P, Fragment as U, renderList as z, toDisplayString as k, unref as G } from "vue";
 import c from "./actionButton.es.js";
-import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/pagination.css';const G = { class: "rds-e-pagination-container rds-flex" }, H = { class: "rds-e-pagination" }, J = {
+import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/pagination.css';const J = { class: "rds-e-pagination-container rds-flex" }, K = { class: "rds-e-pagination" }, O = {
   key: 0,
   class: "rds-e-pagination-leyend"
-}, K = /* @__PURE__ */ j({
+}, Q = /* @__PURE__ */ j({
   __name: "pagination",
   props: {
     /**
@@ -62,20 +62,29 @@ import './style/pagination.css';const G = { class: "rds-e-pagination-container r
     selected: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Desactiva el evento por defecto de la paginación al cargar el componente.
+     * Si se desactiva, la carga de datos debe manejarse manualmente la primera vez que se carga el componente.
+     */
+    disableFirstLoad: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["pageChanged"],
   setup(p, { expose: N, emit: w }) {
-    const m = p, M = w, {
+    const m = p, L = w, {
       itemsPerPage: v,
       totalItems: e,
       totalPages: r,
-      hideLeyend: S
-    } = F(m), l = V(m.currentPage), d = u(() => typeof (e == null ? void 0 : e.value) == "number" && e.value >= 0), b = u(() => d.value && typeof (e == null ? void 0 : e.value) == "number" ? e.value <= 0 || v.value <= 0 ? 1 : Math.ceil(e.value / v.value) : typeof (r == null ? void 0 : r.value) == "number" && r.value > 0 ? r.value : (typeof (r == null ? void 0 : r.value) > "u" && typeof (e == null ? void 0 : e.value) > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), $ = u(() => d.value && !S.value && typeof (e == null ? void 0 : e.value) == "number" && e.value > 0), L = u(() => !d.value || typeof (e == null ? void 0 : e.value) != "number" || e.value === 0 ? 0 : (l.value - 1) * v.value + 1), q = u(() => {
+      hideLeyend: M,
+      disableFirstLoad: S
+    } = V(m), l = A(m.currentPage), d = u(() => typeof (e == null ? void 0 : e.value) == "number" && e.value >= 0), b = u(() => d.value && typeof (e == null ? void 0 : e.value) == "number" ? e.value <= 0 || v.value <= 0 ? 1 : Math.ceil(e.value / v.value) : typeof (r == null ? void 0 : r.value) == "number" && r.value > 0 ? r.value : (typeof (r == null ? void 0 : r.value) > "u" && typeof (e == null ? void 0 : e.value) > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), $ = u(() => d.value && !M.value && typeof (e == null ? void 0 : e.value) == "number" && e.value > 0), F = u(() => !d.value || typeof (e == null ? void 0 : e.value) != "number" || e.value === 0 ? 0 : (l.value - 1) * v.value + 1), q = u(() => {
       if (!d.value || typeof (e == null ? void 0 : e.value) != "number") return 0;
       const t = l.value * v.value;
       return Math.min(t, e.value);
-    }), _ = u(() => l.value === 1), x = u(() => l.value === b.value), D = u(() => {
+    }), _ = u(() => l.value === 1), B = u(() => l.value === b.value), D = u(() => {
       const t = [], a = b.value, n = l.value;
       if (a <= 3)
         for (let i = 1; i <= a; i++)
@@ -105,26 +114,28 @@ import './style/pagination.css';const G = { class: "rds-e-pagination-container r
     }, s = (t, a = !1) => {
       if (E(t) || a) {
         const i = v.value, y = (l.value - 1) * i;
-        let B = y + i;
-        d.value && typeof (e == null ? void 0 : e.value) == "number" && (B = Math.min(y + i, e.value));
+        let x = y + i;
+        d.value && typeof (e == null ? void 0 : e.value) == "number" && (x = Math.min(y + i, e.value));
         const R = {
           ...t,
           page: l.value,
           offset: y,
           limit: i,
-          end: B,
+          end: x,
           reset: a || void 0
         };
-        M("pageChanged", R);
+        L("pageChanged", R);
       }
     };
-    return N({
+    return T(() => {
+      S.value || s({ navigator: "first", page: 1 });
+    }), N({
       /** Resetea la paginación a la primera página y emite el evento pageChanged. */
       resetPagination: () => {
         l.value !== 1 && s({ page: 1 }, !0);
       }
-    }), (t, a) => (o(), g("div", G, [
-      f("ul", H, [
+    }), (t, a) => (o(), g("div", J, [
+      f("ul", K, [
         f("li", null, [
           p.jumpTo ? (o(), C(c, {
             key: 0,
@@ -148,7 +159,7 @@ import './style/pagination.css';const G = { class: "rds-e-pagination-container r
             onClick: a[1] || (a[1] = (n) => s({ navigator: "prev" }))
           }, null, 8, ["disabled"])
         ]),
-        (o(!0), g(A, null, T(D.value, (n) => (o(), g("li", { key: n }, [
+        (o(!0), g(U, null, z(D.value, (n) => (o(), g("li", { key: n }, [
           P(c, {
             class: "rds-e-pagination__item",
             variant: n === l.value && m.selected ? "primary" : "ghost",
@@ -166,7 +177,7 @@ import './style/pagination.css';const G = { class: "rds-e-pagination-container r
             icon: "arrow_right",
             small: "",
             "aria-label": "next page",
-            disabled: x.value,
+            disabled: B.value,
             onClick: a[2] || (a[2] = (n) => s({ navigator: "next" }))
           }, null, 8, ["disabled"])
         ]),
@@ -178,15 +189,15 @@ import './style/pagination.css';const G = { class: "rds-e-pagination-container r
             small: "",
             icon: "last",
             "aria-label": "last page",
-            disabled: x.value,
+            disabled: B.value,
             onClick: a[3] || (a[3] = (n) => s({ navigator: "last" }))
           }, null, 8, ["disabled"])) : h("", !0)
         ])
       ]),
-      $.value ? (o(), g("p", J, " Mostrando resultados " + k(L.value) + "-" + k(q.value) + " de " + k(U(e)), 1)) : h("", !0)
+      $.value ? (o(), g("p", O, " Mostrando resultados " + k(F.value) + "-" + k(q.value) + " de " + k(G(e)), 1)) : h("", !0)
     ]));
   }
-}), X = /* @__PURE__ */ z(K, [["__scopeId", "data-v-f56e8bc0"]]);
+}), Z = /* @__PURE__ */ H(Q, [["__scopeId", "data-v-78eeeb8a"]]);
 export {
-  X as default
+  Z as default
 };

package/dist/components/persistentToast.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, toRefs as y, computed as g, openBlock as t, createElementBlock as s, normalizeClass as h, createElementVNode as i, createVNode as a, createCommentVNode as o, toDisplayString as c, renderSlot as l } from "vue";
-import { R as d } from "./icon-svg-DGp2yHJn.js";
+import { R as d } from "./icon-svg-BmDOQ0kL.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/persistentToast.css';const $ = { class: "alert" }, S = {
   key: 0,

package/dist/components/quantitySelector.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as V, mergeModels as c, useModel as w, ref as i, openBlock as B, createElementBlock as I, normalizeClass as r, createElementVNode as o, createVNode as m, withDirectives as f, vShow as v, vModelText as b } from "vue";
-import { R as y } from "./icon-svg-DGp2yHJn.js";
+import { R as y } from "./icon-svg-BmDOQ0kL.js";
 import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"], S = ["disabled"], x = ["disabled"], R = /* @__PURE__ */ V({
   __name: "quantity-selector",

package/dist/components/radioButton.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as B, ref as f, computed as m, inject as i, onMounted as _, onBeforeUnmount as D, openBlock as r, createElementBlock as b, normalizeClass as n, createElementVNode as v, unref as E, toDisplayString as N, createCommentVNode as w, createBlock as x } from "vue";
-import { R as C } from "./icon-svg-DGp2yHJn.js";
+import { R as C } from "./icon-svg-BmDOQ0kL.js";
 import { g as G } from "./getInstance-GhoEcxLF.js";
 import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "checked"], $ = ["for"], j = /* @__PURE__ */ B({

package/dist/components/selectionChip.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, ref as h, computed as s, openBlock as p, createElementBlock as u, normalizeClass as f, createVNode as g, createElementVNode as m, toDisplayString as _ } from "vue";
-import { R as b } from "./icon-svg-DGp2yHJn.js";
+import { R as b } from "./icon-svg-BmDOQ0kL.js";
 import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-selection-chip__text" }, S = /* @__PURE__ */ r({
   __name: "selection-chip",

package/dist/components/sidedrawer.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as b, toRefs as k, ref as o, computed as l, watch as B, openBlock as n, createElementBlock as c, normalizeClass as u, createElementVNode as d, normalizeStyle as $, toDisplayString as x, createCommentVNode as w, createBlock as R, renderSlot as v } from "vue";
-import { R as z } from "./icon-svg-DGp2yHJn.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 = {
+import { defineComponent as B, toRefs as $, ref as i, computed as l, watch as x, openBlock as n, createElementBlock as c, normalizeClass as u, createElementVNode as a, normalizeStyle as O, withModifiers as R, toDisplayString as z, createCommentVNode as f, createBlock as D, renderSlot as v } from "vue";
+import { R as E } from "./icon-svg-BmDOQ0kL.js";
+import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/sidedrawer.css';const I = { class: "rds-e-sidedrawer__header rds-mb-24" }, N = {
   key: 0,
   class: "rds-headline-04 rds-content-high"
-}, I = { class: "rds-e-sidedrawer__content-inner" }, N = { class: "rds-e-sidedrawer__footer rds-pt-12" }, O = /* @__PURE__ */ b({
+}, T = { class: "rds-e-sidedrawer__content-inner" }, V = { class: "rds-e-sidedrawer__footer rds-pt-12" }, W = /* @__PURE__ */ B({
   __name: "sidedrawer",
   props: {
     /**
@@ -34,27 +34,36 @@ import './style/sidedrawer.css';const E = { class: "rds-e-sidedrawer__header rds
     containerWidth: {
       type: String,
       default: ""
+    },
+    /**
+     * <span>Indica si el sidedrawer permanece abierto al hacer click fuera de él</span>
+     */
+    persistent: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["sidedrawerChange"],
-  setup(t, { expose: f, emit: m }) {
-    const _ = t, h = m, { blurOverlay: p } = k(_), y = o(), e = o(!0), a = o(!0), C = l(() => ({
+  setup(t, { expose: w, emit: m }) {
+    const h = t, p = m, { blurOverlay: _, persistent: y } = $(h), C = i(), e = i(!0), o = i(!0), g = l(() => ({
       "rds-e-sidedrawer--hide": e.value,
       "rds-e-sidedrawer--show": !e.value,
-      "rds-e-sidedrawer--blur-overlay": p.value
+      "rds-e-sidedrawer--blur-overlay": _.value
     })), S = l(() => ({
       "rds-e-sidedrawer__content--hide": e.value,
       "rds-e-sidedrawer__content--show": !e.value
-    })), g = () => {
-      h("sidedrawerChange", e.value);
+    })), k = () => {
+      p("sidedrawerChange", e.value);
     }, s = (r) => {
-      e.value = r, g();
+      e.value = r, k();
+    }, b = (r) => {
+      r.target === r.currentTarget && !y.value && !e.value && s(!0);
     };
-    return B(e, (r) => {
+    return x(e, (r) => {
       r ? setTimeout(() => {
-        a.value = !0;
-      }, 500) : a.value = !1;
-    }), f({
+        o.value = !0;
+      }, 500) : o.value = !1;
+    }), w({
       /**
        * { boolean } Muestra el estado actual del sidebar.
        */
@@ -73,34 +82,37 @@ import './style/sidedrawer.css';const E = { class: "rds-e-sidedrawer__header rds
       toogleSidedrawer: () => {
         s(!e.value);
       }
-    }), (r, i) => (n(), c("div", {
-      class: u(["rds-e-sidedrawer", [C.value, { "rds-e-sidedrawer--hidden": a.value }]])
+    }), (r, d) => (n(), c("div", {
+      class: u(["rds-e-sidedrawer", [g.value, { "rds-e-sidedrawer--hidden": o.value }]]),
+      onClick: b
     }, [
-      d("div", {
+      a("div", {
         ref_key: "sidebar",
-        ref: y,
+        ref: C,
         class: u(["rds-e-sidedrawer__content rds-pa-24", S.value]),
-        style: $({ "--container-width": `${t.containerWidth}px` })
+        style: O({ "--container-width": `${t.containerWidth}px` }),
+        onClick: d[1] || (d[1] = R(() => {
+        }, ["stop"]))
       }, [
-        d("div", E, [
-          t.title ? (n(), c("h2", H, x(t.title), 1)) : w("", !0),
-          t.iconClose ? (n(), R(z, {
+        a("div", I, [
+          t.title ? (n(), c("h2", N, z(t.title), 1)) : f("", !0),
+          t.iconClose ? (n(), D(E, {
             key: 1,
             name: "close",
             class: "rds-e-sidedrawer__icon",
-            onClick: i[0] || (i[0] = (V) => s(!0))
-          })) : w("", !0)
+            onClick: d[0] || (d[0] = (M) => s(!0))
+          })) : f("", !0)
         ]),
-        d("div", I, [
+        a("div", T, [
           v(r.$slots, "content", {}, void 0, !0)
         ]),
-        d("div", N, [
+        a("div", V, [
           v(r.$slots, "footer", {}, void 0, !0)
         ])
       ], 6)
     ], 2));
   }
-}), q = /* @__PURE__ */ D(O, [["__scopeId", "data-v-f594c2ce"]]);
+}), F = /* @__PURE__ */ H(W, [["__scopeId", "data-v-e877b46a"]]);
 export {
-  q as default
+  F as default
 };

package/dist/components/style/button.css

@@ -1 +1 @@
-[data-v-a17b5b56]: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-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[data-v-a17b5b56]{font:1rem/1.5rem RepsolSoleTextRegular;align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;height:3rem;justify-content:center;max-width:21.4375rem;outline:0;padding:.5rem 1.5rem;overflow:hidden;position:relative}@media (min-width: 1280px){.rds-e-btn[data-v-a17b5b56]{height:3rem;min-width:12.5rem;padding:.75rem 2rem;width:auto}}.rds-e-btn[data-v-a17b5b56]:disabled{pointer-events:none}.rds-e-btn span.icon[data-v-a17b5b56]{color:inherit}.rds-e-btn[data-v-a17b5b56]:before{border-radius:50%;content:"";left:-50%;min-height:300px;position:absolute;top:100%;transition:all .25s ease-in-out;width:200%;z-index:0}.rds-e-btn[data-v-a17b5b56]:focus-visible{box-shadow:inset 0 0 0 2px #00badb}.rds-e-btn[data-v-a17b5b56]:hover:before{top:-50%}.rds-e-btn__icon[data-v-a17b5b56]{text-indent:0;z-index:0}.rds-e-btn__icon--small[data-v-a17b5b56],.rds-e-btn__icon--noSize[data-v-a17b5b56]{font-size:1rem}.rds-e-btn__icon--primary[data-v-a17b5b56],.rds-e-btn__icon--secondary-inverse[data-v-a17b5b56],.rds-e-btn__icon--tertiary-inverse[data-v-a17b5b56]{color:#fff}.rds-e-btn__icon--disabled[data-v-a17b5b56]{color:#717b84}.rds-e-btn__icon--primary-inverse[data-v-a17b5b56]{color:#005870}.rds-e-btn__icon--inverse-inverse[data-v-a17b5b56]{color:#fff}.rds-e-btn__text[data-v-a17b5b56]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:0}.rds-e-btn--mobile-width[data-v-a17b5b56]{min-width:100%}@media (min-width: 720px){.rds-e-btn--mobile-width[data-v-a17b5b56]{min-width:unset}}.rds-e-btn--revert[data-v-a17b5b56]{flex-direction:row-reverse}.rds-e-btn--revert .icon[data-v-a17b5b56]{margin-left:.75rem;margin-right:0!important}.rds-e-btn--no-size[data-v-a17b5b56]{height:auto;margin:0;padding:0;width:auto}.rds-e-btn--loading[data-v-a17b5b56]{pointer-events:none}.rds-e-btn--loading .icon[data-v-a17b5b56]{align-content:center;align-items:center;animation:spin-a17b5b56 2s linear infinite;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.rds-e-btn--loading .icon[data-v-a17b5b56]:before{display:block;margin:0;padding:0}.rds-e-btn--fluid[data-v-a17b5b56]{width:auto}@media (min-width: 1280px){.rds-e-btn--fluid[data-v-a17b5b56]{min-width:0}}.rds-e-btn--small[data-v-a17b5b56]{font:.875rem/1.25rem RepsolSoleTextRegular;height:2rem;padding:.5rem .75rem;width:auto}@media (min-width: 1280px){.rds-e-btn--small[data-v-a17b5b56]{min-width:0}}.rds-e-btn--with-icon .rds-e-btn__icon[data-v-a17b5b56]{margin-right:.75rem}.rds-e-btn--icon[data-v-a17b5b56]{width:auto;padding:.75rem;width:3.5rem}@media (min-width: 1280px){.rds-e-btn--icon[data-v-a17b5b56]{min-width:0}}@media (min-width: 1280px){.rds-e-btn--icon[data-v-a17b5b56]{height:3rem;width:3rem}}.rds-e-btn--icon.rds-e-btn--small[data-v-a17b5b56]{border-radius:.5rem;padding:.375rem;width:2.5rem}@media (min-width: 1280px){.rds-e-btn--icon.rds-e-btn--small[data-v-a17b5b56]{width:2rem}}.rds-e-btn--primary[data-v-a17b5b56]{background-color:#001e37;color:#fff}.rds-e-btn--primary[data-v-a17b5b56]:hover:before{background-color:#007899}.rds-e-btn--primary[data-v-a17b5b56]:active{background-color:#00badb;box-shadow:none}.rds-e-btn--primary-inverse[data-v-a17b5b56]{background-color:#fff;color:#001e37}.rds-e-btn--primary-inverse[data-v-a17b5b56]:hover:before{background-color:#e6e6e6}.rds-e-btn--primary-inverse[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn--primary-inverse[data-v-a17b5b56]:active{background-color:#fff;box-shadow:none;color:#001e37}.rds-e-btn--secondary[data-v-a17b5b56]{background-color:transparent;border:1px solid #001e37;color:#001e37}.rds-e-btn--secondary[data-v-a17b5b56]:hover{border:1px solid #007899;color:#007899}.rds-e-btn--secondary[data-v-a17b5b56]:hover:before{background-color:#f4f8fa}.rds-e-btn--secondary[data-v-a17b5b56]:active{background-color:#f4f8fa;border:1px solid #00badb;color:#00badb}.rds-e-btn--secondary[data-v-a17b5b56]:focus{border-color:#00badb}.rds-e-btn--secondary-inverse[data-v-a17b5b56],.rds-e-btn--secondary-inverse[data-v-a17b5b56]:hover{background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--secondary-inverse[data-v-a17b5b56]:hover:before{background-color:#e6e6e6;opacity:.3}.rds-e-btn--secondary-inverse[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn--secondary-inverse[data-v-a17b5b56]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost[data-v-a17b5b56]{background-color:transparent;color:#001e37}.rds-e-btn--ghost[data-v-a17b5b56]:hover{color:#007899}.rds-e-btn--ghost[data-v-a17b5b56]:hover:before{background-color:#f4f8fa}.rds-e-btn--ghost[data-v-a17b5b56]:active{background-color:#f4f8fa;color:#00badb}.rds-e-btn--ghost[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn--ghost-inverse[data-v-a17b5b56]{background-color:transparent;border:none;color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:hover{color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:hover:before{background-color:#fff3}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:focus{background-color:transparent;color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn+.rds-e-btn[data-v-a17b5b56]{margin-left:8px;margin-right:8px}.rds-e-btn[data-v-a17b5b56]:first-of-type:has(+.rds-e-btn){margin-left:unset;margin-right:8px}.rds-e-btn+.rds-e-btn[data-v-a17b5b56]:last-of-type{margin-left:8px;margin-right:unset}@keyframes spin-a17b5b56{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+[data-v-ad01f4e1]: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-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--commercial[data-v-ad01f4e1]{background-color:#e50052;color:#fff}.rds-e-btn--commercial[data-v-ad01f4e1]:before{background-color:#ff590a;content:"";height:100%;left:0;position:absolute;top:100%;transition:top .3s ease-in-out;width:100%}.rds-e-btn--commercial[data-v-ad01f4e1]:hover:before{top:0}.rds-e-btn--commercial[data-v-ad01f4e1]:active{background-color:#ff8346}.rds-e-btn__icon--commercial[data-v-ad01f4e1]{color:#fff}.rds-e-btn[data-v-ad01f4e1]{font:1rem/1.5rem RepsolSoleTextRegular;align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;height:3rem;justify-content:center;max-width:21.4375rem;outline:0;padding:.5rem 1.5rem;overflow:hidden;position:relative}@media (min-width: 1280px){.rds-e-btn[data-v-ad01f4e1]{height:3rem;min-width:12.5rem;padding:.75rem 2rem;width:auto}}.rds-e-btn[data-v-ad01f4e1]:disabled{pointer-events:none}.rds-e-btn span.icon[data-v-ad01f4e1]{color:inherit}.rds-e-btn[data-v-ad01f4e1]:before{border-radius:50%;content:"";left:-50%;min-height:300px;position:absolute;top:100%;transition:all .25s ease-in-out;width:200%;z-index:0}.rds-e-btn[data-v-ad01f4e1]:focus-visible{box-shadow:inset 0 0 0 2px #00badb}.rds-e-btn[data-v-ad01f4e1]:hover:before{top:-50%}.rds-e-btn__icon[data-v-ad01f4e1]{text-indent:0;z-index:0}.rds-e-btn__icon--small[data-v-ad01f4e1],.rds-e-btn__icon--noSize[data-v-ad01f4e1]{font-size:1rem}.rds-e-btn__icon--primary[data-v-ad01f4e1],.rds-e-btn__icon--secondary-inverse[data-v-ad01f4e1],.rds-e-btn__icon--tertiary-inverse[data-v-ad01f4e1]{color:#fff}.rds-e-btn__icon--disabled[data-v-ad01f4e1]{color:#717b84}.rds-e-btn__icon--primary-inverse[data-v-ad01f4e1]{color:#005870}.rds-e-btn__icon--inverse-inverse[data-v-ad01f4e1]{color:#fff}.rds-e-btn__text[data-v-ad01f4e1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:0}.rds-e-btn--mobile-width[data-v-ad01f4e1]{min-width:100%}@media (min-width: 720px){.rds-e-btn--mobile-width[data-v-ad01f4e1]{min-width:unset}}.rds-e-btn--revert[data-v-ad01f4e1]{flex-direction:row-reverse}.rds-e-btn--revert .icon[data-v-ad01f4e1]{margin-left:.75rem;margin-right:0!important}.rds-e-btn--no-size[data-v-ad01f4e1]{height:auto;margin:0;padding:0;width:auto}.rds-e-btn--loading[data-v-ad01f4e1]{pointer-events:none}.rds-e-btn--loading .icon[data-v-ad01f4e1]{align-content:center;align-items:center;animation:spin-ad01f4e1 2s linear infinite;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.rds-e-btn--loading .icon[data-v-ad01f4e1]:before{display:block;margin:0;padding:0}.rds-e-btn--fluid[data-v-ad01f4e1]{width:auto}@media (min-width: 1280px){.rds-e-btn--fluid[data-v-ad01f4e1]{min-width:0}}.rds-e-btn--small[data-v-ad01f4e1]{font:.875rem/1.25rem RepsolSoleTextRegular;height:2rem;padding:.5rem .75rem;width:auto}@media (min-width: 1280px){.rds-e-btn--small[data-v-ad01f4e1]{min-width:0}}.rds-e-btn--with-icon .rds-e-btn__icon[data-v-ad01f4e1]{margin-right:.75rem}.rds-e-btn--icon[data-v-ad01f4e1]{width:auto;padding:.75rem;width:3.5rem}@media (min-width: 1280px){.rds-e-btn--icon[data-v-ad01f4e1]{min-width:0}}@media (min-width: 1280px){.rds-e-btn--icon[data-v-ad01f4e1]{height:3rem;width:3rem}}.rds-e-btn--icon.rds-e-btn--small[data-v-ad01f4e1]{border-radius:.5rem;padding:.375rem;width:2.5rem}@media (min-width: 1280px){.rds-e-btn--icon.rds-e-btn--small[data-v-ad01f4e1]{width:2rem}}.rds-e-btn--primary[data-v-ad01f4e1]{background-color:#001e37;color:#fff}.rds-e-btn--primary[data-v-ad01f4e1]:hover:before{background-color:#007899}.rds-e-btn--primary[data-v-ad01f4e1]:active{background-color:#00badb;box-shadow:none}.rds-e-btn--primary-inverse[data-v-ad01f4e1]{background-color:#fff;color:#001e37}.rds-e-btn--primary-inverse[data-v-ad01f4e1]:hover:before{background-color:#e6e6e6}.rds-e-btn--primary-inverse[data-v-ad01f4e1]:disabled{opacity:.3}.rds-e-btn--primary-inverse[data-v-ad01f4e1]:active{background-color:#fff;box-shadow:none;color:#001e37}.rds-e-btn--secondary[data-v-ad01f4e1]{background-color:transparent;border:1px solid #001e37;color:#001e37}.rds-e-btn--secondary[data-v-ad01f4e1]:hover{border:1px solid #007899;color:#007899}.rds-e-btn--secondary[data-v-ad01f4e1]:hover:before{background-color:#f4f8fa}.rds-e-btn--secondary[data-v-ad01f4e1]:active{background-color:#f4f8fa;border:1px solid #00badb;color:#00badb}.rds-e-btn--secondary[data-v-ad01f4e1]:focus{border-color:#00badb}.rds-e-btn--secondary-inverse[data-v-ad01f4e1],.rds-e-btn--secondary-inverse[data-v-ad01f4e1]:hover{background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--secondary-inverse[data-v-ad01f4e1]:hover:before{background-color:#e6e6e6;opacity:.3}.rds-e-btn--secondary-inverse[data-v-ad01f4e1]:disabled{opacity:.3}.rds-e-btn--secondary-inverse[data-v-ad01f4e1]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost[data-v-ad01f4e1]{background-color:transparent;color:#001e37}.rds-e-btn--ghost[data-v-ad01f4e1]:hover{color:#007899}.rds-e-btn--ghost[data-v-ad01f4e1]:hover:before{background-color:#f4f8fa}.rds-e-btn--ghost[data-v-ad01f4e1]:active{background-color:#f4f8fa;color:#00badb}.rds-e-btn--ghost[data-v-ad01f4e1]:disabled{opacity:.3}.rds-e-btn--ghost-inverse[data-v-ad01f4e1]{background-color:transparent;border:none;color:#fff}.rds-e-btn--ghost-inverse[data-v-ad01f4e1]:hover{color:#fff}.rds-e-btn--ghost-inverse[data-v-ad01f4e1]:hover:before{background-color:#fff3}.rds-e-btn--ghost-inverse[data-v-ad01f4e1]:focus{background-color:transparent;color:#fff}.rds-e-btn--ghost-inverse[data-v-ad01f4e1]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost-inverse[data-v-ad01f4e1]:disabled{opacity:.3}.rds-e-btn+.rds-e-btn[data-v-ad01f4e1]{margin-left:8px;margin-right:8px}.rds-e-btn[data-v-ad01f4e1]:first-of-type:has(+.rds-e-btn){margin-left:unset;margin-right:8px}.rds-e-btn+.rds-e-btn[data-v-ad01f4e1]:last-of-type{margin-left:8px;margin-right:unset}@keyframes spin-ad01f4e1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}