energy-components 1.20.0 → 1.21.0-beta.0

package/dist/components/modal.es.js

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

package/dist/components/multiselect.es.js

@@ -1,17 +1,17 @@
-import E from "./multiselectcontentwrapper.es.js";
-import { resolveComponent as H, createElementBlock as g, openBlock as c, withKeys as a, normalizeClass as P, withModifiers as o, renderSlot as u, createElementVNode as p, createVNode as m, createBlock as A, createCommentVNode as b, withDirectives as v, Fragment as N, renderList as S, toDisplayString as O, vShow as L, Transition as T, withCtx as y, normalizeStyle as F, createTextVNode as x, createSlots as B, normalizeProps as $, guardReactiveProps as D, Teleport as C } from "vue";
-import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/multiselect.css';function w(e) {
+import k from "./multiselectcontentwrapper.es.js";
+import { resolveComponent as H, createElementBlock as g, openBlock as c, withKeys as a, normalizeClass as P, withModifiers as o, renderSlot as u, createElementVNode as p, createVNode as m, createBlock as A, createCommentVNode as b, withDirectives as v, Fragment as N, renderList as L, toDisplayString as w, vShow as O, Transition as T, withCtx as y, normalizeStyle as C, createTextVNode as F, createSlots as B, normalizeProps as $, guardReactiveProps as D, Teleport as x } from "vue";
+import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/multiselect.css';function S(e) {
   return e === 0 ? !1 : Array.isArray(e) && e.length === 0 ? !0 : !e;
 }
-function R(e) {
+function K(e) {
   return (...t) => !e(...t);
 }
 function M(e, t) {
   return e === void 0 && (e = "undefined"), e === null && (e = "null"), e === !1 && (e = "false"), e.toString().toLowerCase().indexOf(t.trim()) !== -1;
 }
-function k(e, t, i, r) {
-  return t ? e.filter((n) => M(r(n, i), t)).sort((n, l) => r(n, i).length - r(l, i).length) : e;
+function E(e, t, i, r) {
+  return t ? e.filter((n) => M(r(n, i), t)).sort((n, s) => r(n, i).length - r(s, i).length) : e;
 }
 function z(e) {
   return e.filter((t) => !t.$isLabel);
@@ -23,13 +23,13 @@ function V(e, t) {
   }), r.concat(n[e])) : r, []);
 }
 function j(e, t, i, r, n) {
-  return (l) => l.map((d) => {
+  return (s) => s.map((d) => {
     if (!d[i])
       return console.warn("Options passed to vue-multiselect do not contain groups, despite the config."), [];
-    const s = k(d[i], e, t, n);
-    return s.length ? {
+    const l = E(d[i], e, t, n);
+    return l.length ? {
       [r]: d[r],
-      [i]: s
+      [i]: l
     } : [];
   });
 }
@@ -40,7 +40,8 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
       isOpen: !1,
       preferredOpenDirection: "below",
       optimizedHeight: this.maxHeight,
-      currentElRect: null
+      currentElRect: null,
+      scrollListener: null
     };
   },
   props: {
@@ -160,7 +161,7 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
     customLabel: {
       type: Function,
       default(e, t) {
-        return w(e) ? "" : t ? e[t] : e;
+        return S(e) ? "" : t ? e[t] : e;
       }
     },
     /**
@@ -298,7 +299,7 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
     filteredOptions() {
       const e = this.search || "", t = e.toLowerCase().trim();
       let i = this.options.concat();
-      return this.internalSearch ? i = this.groupValues ? this.filterAndFlat(i, t, this.label) : k(i, t, this.label, this.customLabel) : i = this.groupValues ? V(this.groupValues, this.groupLabel)(i) : i, i = this.hideSelected ? i.filter(R(this.isSelected)) : i, this.taggable && t.length && !this.isExistingOption(t) && (this.tagPosition === "bottom" ? i.push({ isTag: !0, label: e }) : i.unshift({ isTag: !0, label: e })), i.slice(0, this.optionsLimit);
+      return this.internalSearch ? i = this.groupValues ? this.filterAndFlat(i, t, this.label) : E(i, t, this.label, this.customLabel) : i = this.groupValues ? V(this.groupValues, this.groupLabel)(i) : i, i = this.hideSelected ? i.filter(K(this.isSelected)) : i, this.taggable && t.length && !this.isExistingOption(t) && (this.tagPosition === "bottom" ? i.push({ isTag: !0, label: e }) : i.unshift({ isTag: !0, label: e })), i.slice(0, this.optionsLimit);
     },
     valueKeys() {
       return this.trackBy ? this.internalValue.map((e) => e[this.trackBy]) : this.internalValue;
@@ -395,11 +396,11 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
      * @returns {Object||String}
      */
     getOptionLabel(e) {
-      if (w(e)) return "";
+      if (S(e)) return "";
       if (e.isTag) return e.label;
       if (e.$isLabel) return e.$groupLabel;
       const t = this.customLabel(e, this.label);
-      return w(t) ? "" : t;
+      return S(t) ? "" : t;
     },
     /**
      * Add the given option to the list of selected options
@@ -504,18 +505,20 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
       this.blockKeys.indexOf("Delete") === -1 && this.search.length === 0 && Array.isArray(this.internalValue) && this.internalValue.length && this.removeElement(this.internalValue[this.internalValue.length - 1], !1);
     },
     /**
-     * Opens the multiselect’s dropdown.
+     * Opens the multiselect's dropdown.
      * Sets this.isOpen to TRUE
      */
     activate() {
-      this.isOpen || this.disabled || (this.adjustPosition(), this.groupValues && this.pointer === 0 && this.filteredOptions.length && (this.pointer = 1), this.isOpen = !0, this.searchable ? (this.preserveSearch || (this.search = ""), this.preventAutofocus || this.$nextTick(() => this.$refs.search && this.$refs.search.focus())) : this.preventAutofocus || typeof this.$el < "u" && this.$el.focus(), this.$emit("open", this.id));
+      this.isOpen || this.disabled || (this.adjustPosition(), this.groupValues && this.pointer === 0 && this.filteredOptions.length && (this.pointer = 1), this.isOpen = !0, this.appendToBody && typeof window < "u" && (this.scrollListener = () => {
+        this.isOpen && this.$el && (this.currentElRect = this.$el.getBoundingClientRect());
+      }, window.addEventListener("scroll", this.scrollListener, !0), window.addEventListener("resize", this.scrollListener)), this.searchable ? (this.preserveSearch || (this.search = ""), this.preventAutofocus || this.$nextTick(() => this.$refs.search && this.$refs.search.focus())) : this.preventAutofocus || typeof this.$el < "u" && this.$el.focus(), this.$emit("open", this.id));
     },
     /**
-     * Closes the multiselect’s dropdown.
+     * Closes the multiselect's dropdown.
      * Sets this.isOpen to FALSE
      */
     deactivate() {
-      this.isOpen && (this.isOpen = !1, this.searchable ? this.$refs.search !== null && typeof this.$refs.search < "u" && this.$refs.search.blur() : typeof this.$el < "u" && this.$el.blur(), this.preserveSearch || (this.search = ""), this.$emit("close", this.getValue(), this.id));
+      this.isOpen && (this.isOpen = !1, this.scrollListener && typeof window < "u" && (window.removeEventListener("scroll", this.scrollListener, !0), window.removeEventListener("resize", this.scrollListener), this.scrollListener = null), this.searchable ? this.$refs.search !== null && typeof this.$refs.search < "u" && this.$refs.search.blur() : typeof this.$el < "u" && this.$el.blur(), this.preserveSearch || (this.search = ""), this.$emit("close", this.getValue(), this.id));
     },
     /**
      * Call this.activate() or this.deactivate()
@@ -631,7 +634,7 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
 }, I = {
   name: "vue-multiselect",
   components: {
-    MultiselectContentWrapper: E
+    MultiselectContentWrapper: k
   },
   mixins: [q, W],
   compatConfig: {
@@ -895,25 +898,25 @@ const G = (...e) => (t) => e.reduce((i, r) => r(i), t), q = {
   ref: "tags",
   class: "multiselect__tags"
 }, Q = { class: "multiselect__tags-wrap" }, X = ["textContent"], Y = ["onKeypress", "onMousedown"], Z = ["textContent"], _ = { class: "multiselect__spinner" }, ee = ["name", "id", "spellcheck", "placeholder", "required", "value", "disabled", "tabindex", "aria-controls"];
-function te(e, t, i, r, n, l) {
+function te(e, t, i, r, n, s) {
   const d = H("MultiselectContentWrapper");
   return c(), g("div", {
     tabindex: e.searchable ? -1 : i.tabindex,
-    class: P([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": l.isAbove, "multiselect--has-options-group": l.hasOptionGroup }, "multiselect"]),
-    onFocus: t[11] || (t[11] = (s) => e.activate()),
-    onBlur: t[12] || (t[12] = (...s) => l.onBlur && l.onBlur(...s)),
+    class: P([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": s.isAbove, "multiselect--has-options-group": s.hasOptionGroup }, "multiselect"]),
+    onFocus: t[11] || (t[11] = (l) => e.activate()),
+    onBlur: t[12] || (t[12] = (...l) => s.onBlur && s.onBlur(...l)),
     onKeydown: [
-      t[13] || (t[13] = a(o((s) => e.pointerForward(), ["self", "prevent"]), ["down"])),
-      t[14] || (t[14] = a(o((s) => e.pointerBackward(), ["self", "prevent"]), ["up"]))
+      t[13] || (t[13] = a(o((l) => e.pointerForward(), ["self", "prevent"]), ["down"])),
+      t[14] || (t[14] = a(o((l) => e.pointerBackward(), ["self", "prevent"]), ["up"]))
     ],
-    onKeypress: t[15] || (t[15] = a(o((s) => e.addPointerElement(s), ["stop", "self"]), ["enter", "tab"])),
-    onKeyup: t[16] || (t[16] = a((s) => e.deactivate(), ["esc"])),
+    onKeypress: t[15] || (t[15] = a(o((l) => e.addPointerElement(l), ["stop", "self"]), ["enter", "tab"])),
+    onKeyup: t[16] || (t[16] = a((l) => e.deactivate(), ["esc"])),
     role: "combobox",
     "aria-owns": "listbox-" + e.id
   }, [
     u(e.$slots, "caret", { toggle: e.toggle }, () => [
       p("div", {
-        onMousedown: t[0] || (t[0] = o((s) => e.toggle(), ["prevent", "stop"])),
+        onMousedown: t[0] || (t[0] = o((l) => e.toggle(), ["prevent", "stop"])),
         class: "multiselect__select"
       }, null, 32)
     ], !0),
@@ -922,12 +925,12 @@ function te(e, t, i, r, n, l) {
       u(e.$slots, "selection", {
         search: e.search,
         remove: e.removeElement,
-        values: l.visibleValues,
+        values: s.visibleValues,
         isOpen: e.isOpen
       }, () => [
         v(p("div", Q, [
-          (c(!0), g(N, null, S(l.visibleValues, (s, h) => u(e.$slots, "tag", {
-            option: s,
+          (c(!0), g(N, null, L(s.visibleValues, (l, h) => u(e.$slots, "tag", {
+            option: l,
             search: e.search,
             remove: e.removeElement
           }, () => [
@@ -936,23 +939,23 @@ function te(e, t, i, r, n, l) {
               key: h
             }, [
               p("span", {
-                textContent: O(e.getOptionLabel(s))
+                textContent: w(e.getOptionLabel(l))
               }, null, 8, X),
               p("i", {
                 tabindex: "1",
-                onKeypress: a(o((f) => e.removeElement(s), ["prevent"]), ["enter"]),
-                onMousedown: o((f) => e.removeElement(s), ["prevent"]),
+                onKeypress: a(o((f) => e.removeElement(l), ["prevent"]), ["enter"]),
+                onMousedown: o((f) => e.removeElement(l), ["prevent"]),
                 class: "multiselect__tag-icon"
               }, null, 40, Y)
             ]))
           ], !0)), 256))
         ], 512), [
-          [L, l.visibleValues.length > 0]
+          [O, s.visibleValues.length > 0]
         ]),
         e.internalValue && e.internalValue.length > i.limit ? u(e.$slots, "limit", { key: 0 }, () => [
           p("strong", {
             class: "multiselect__strong",
-            textContent: O(i.limitText(e.internalValue.length - i.limit))
+            textContent: w(i.limitText(e.internalValue.length - i.limit))
           }, null, 8, Z)
         ], !0) : b("", !0)
       ], !0),
@@ -960,7 +963,7 @@ function te(e, t, i, r, n, l) {
         default: y(() => [
           u(e.$slots, "loading", {}, () => [
             v(p("div", _, null, 512), [
-              [L, i.loading]
+              [O, i.loading]
             ])
           ], !0)
         ]),
@@ -976,32 +979,32 @@ function te(e, t, i, r, n, l) {
         spellcheck: i.spellcheck,
         placeholder: e.placeholder,
         required: i.required,
-        style: F({
-          ...l.inputStyle
+        style: C({
+          ...s.inputStyle
         }),
         value: e.search,
         disabled: i.disabled,
         tabindex: i.tabindex,
-        onInput: t[1] || (t[1] = (s) => e.updateSearch(s.target.value)),
-        onFocus: t[2] || (t[2] = o((s) => e.activate(), ["prevent"])),
-        onBlur: t[3] || (t[3] = o((s) => e.deactivate(), ["prevent"])),
-        onKeyup: t[4] || (t[4] = a((s) => e.deactivate(), ["esc"])),
+        onInput: t[1] || (t[1] = (l) => e.updateSearch(l.target.value)),
+        onFocus: t[2] || (t[2] = o((l) => e.activate(), ["prevent"])),
+        onBlur: t[3] || (t[3] = o((l) => e.deactivate(), ["prevent"])),
+        onKeyup: t[4] || (t[4] = a((l) => e.deactivate(), ["esc"])),
         onKeydown: [
-          t[5] || (t[5] = a(o((s) => e.pointerForward(), ["prevent"]), ["down"])),
-          t[6] || (t[6] = a(o((s) => e.pointerBackward(), ["prevent"]), ["up"])),
-          t[8] || (t[8] = a(o((s) => e.removeLastElement(), ["stop"]), ["delete"]))
+          t[5] || (t[5] = a(o((l) => e.pointerForward(), ["prevent"]), ["down"])),
+          t[6] || (t[6] = a(o((l) => e.pointerBackward(), ["prevent"]), ["up"])),
+          t[8] || (t[8] = a(o((l) => e.removeLastElement(), ["stop"]), ["delete"]))
         ],
-        onKeypress: t[7] || (t[7] = a(o((s) => e.addPointerElement(s), ["prevent", "stop", "self"]), ["enter"])),
+        onKeypress: t[7] || (t[7] = a(o((l) => e.addPointerElement(l), ["prevent", "stop", "self"]), ["enter"])),
         class: "multiselect__input",
         "aria-controls": "listbox-" + e.id
       }, null, 44, ee)) : b("", !0),
-      l.isSingleLabelVisible ? (c(), g("span", {
+      s.isSingleLabelVisible ? (c(), g("span", {
         key: 1,
         class: "multiselect__single",
-        onMousedown: t[9] || (t[9] = o((...s) => e.toggle && e.toggle(...s), ["prevent"]))
+        onMousedown: t[9] || (t[9] = o((...l) => e.toggle && e.toggle(...l), ["prevent"]))
       }, [
-        u(e.$slots, "singleLabel", { option: l.singleValue }, () => [
-          x(O(e.currentOptionLabel), 1)
+        u(e.$slots, "singleLabel", { option: s.singleValue }, () => [
+          F(w(e.currentOptionLabel), 1)
         ], !0)
       ], 32)) : b("", !0)
     ], 512),
@@ -1018,41 +1021,41 @@ function te(e, t, i, r, n, l) {
           optionHighlight: e.optionHighlight,
           select: e.select,
           pointerSet: e.pointerSet,
-          selectLabelText: l.selectLabelText,
-          selectedLabelText: l.selectedLabelText,
-          deselectLabelText: l.deselectLabelText,
+          selectLabelText: s.selectLabelText,
+          selectedLabelText: s.selectedLabelText,
+          deselectLabelText: s.deselectLabelText,
           tagPlaceholder: e.tagPlaceholder,
           groupSelect: e.groupSelect,
-          selectGroupLabelText: l.selectGroupLabelText,
-          deselectGroupLabelText: l.deselectGroupLabelText,
+          selectGroupLabelText: s.selectGroupLabelText,
+          deselectGroupLabelText: s.deselectGroupLabelText,
           getOptionLabel: e.getOptionLabel,
           groupHighlight: e.groupHighlight,
           selectGroup: e.selectGroup,
           options: e.options,
-          hasOptionGroup: l.hasOptionGroup,
+          hasOptionGroup: s.hasOptionGroup,
           search: e.search,
           loading: i.loading,
           showNoResults: i.showNoResults,
           showNoOptions: i.showNoOptions,
           small: i.small,
-          contentStyle: l.contentStyle,
-          customStyle: l.dropdownStyle,
+          contentStyle: s.contentStyle,
+          customStyle: s.dropdownStyle,
           ref: "list",
           onFocus: e.activate
         }, B({ _: 2 }, [
-          S(e.$slots, (s, h) => ({
+          L(e.$slots, (l, h) => ({
             name: h,
             fn: y((f) => [
               u(e.$slots, h, $(D(f)), void 0, !0)
             ])
           }))
         ]), 1032, ["id", "multiple", "max", "internalValue", "filteredOptions", "isSelected", "optionHighlight", "select", "pointerSet", "selectLabelText", "selectedLabelText", "deselectLabelText", "tagPlaceholder", "groupSelect", "selectGroupLabelText", "deselectGroupLabelText", "getOptionLabel", "groupHighlight", "selectGroup", "options", "hasOptionGroup", "search", "loading", "showNoResults", "showNoOptions", "small", "contentStyle", "customStyle", "onFocus"]), [
-          [L, e.isOpen && !i.appendToBody]
+          [O, e.isOpen && !i.appendToBody]
         ])
       ]),
       _: 3
     }),
-    i.appendToBody && e.isOpen ? (c(), A(C, {
+    i.appendToBody && e.isOpen ? (c(), A(x, {
       key: 0,
       to: "body"
     }, [
@@ -1067,30 +1070,30 @@ function te(e, t, i, r, n, l) {
         optionHighlight: e.optionHighlight,
         select: e.select,
         pointerSet: e.pointerSet,
-        selectLabelText: l.selectLabelText,
-        selectedLabelText: l.selectedLabelText,
-        deselectLabelText: l.deselectLabelText,
+        selectLabelText: s.selectLabelText,
+        selectedLabelText: s.selectedLabelText,
+        deselectLabelText: s.deselectLabelText,
         tagPlaceholder: e.tagPlaceholder,
         groupSelect: e.groupSelect,
-        selectGroupLabelText: l.selectGroupLabelText,
-        deselectGroupLabelText: l.deselectGroupLabelText,
+        selectGroupLabelText: s.selectGroupLabelText,
+        deselectGroupLabelText: s.deselectGroupLabelText,
         getOptionLabel: e.getOptionLabel,
         groupHighlight: e.groupHighlight,
         selectGroup: e.selectGroup,
         options: e.options,
-        hasOptionGroup: l.hasOptionGroup,
+        hasOptionGroup: s.hasOptionGroup,
         search: e.search,
         loading: i.loading,
         showNoResults: i.showNoResults,
         showNoOptions: i.showNoOptions,
         small: i.small,
-        contentStyle: l.contentStyle,
-        customStyle: l.teleportedContentStyle,
+        contentStyle: s.contentStyle,
+        customStyle: s.teleportedContentStyle,
         onFocus: e.activate,
         onClick: t[10] || (t[10] = o(() => {
         }, ["stop"]))
       }, B({ _: 2 }, [
-        S(e.$slots, (s, h) => ({
+        L(e.$slots, (l, h) => ({
           name: h,
           fn: y((f) => [
             u(e.$slots, h, $(D(f)), void 0, !0)
@@ -1100,7 +1103,7 @@ function te(e, t, i, r, n, l) {
     ])) : b("", !0)
   ], 42, U);
 }
-const re = /* @__PURE__ */ K(I, [["render", te], ["__scopeId", "data-v-2093ab38"]]);
+const re = /* @__PURE__ */ R(I, [["render", te], ["__scopeId", "data-v-2093ab38"]]);
 export {
   re as default
 };

package/dist/components/style/accordion.css

@@ -1 +1 @@
-[data-v-620f5458]: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-accordion[data-v-620f5458]{border-bottom:1px solid #DBE6F0;width:100%}.rds-e-accordion-title_container[data-v-620f5458]{align-content:center;align-items:center;color:#001e37;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:1rem .75rem;font:1rem/1.5rem RepsolSoleTextBold}.rds-e-accordion-title_container[data-v-620f5458]:hover,.rds-e-accordion-title_container:hover .rds-e-accordion-title_icon[data-v-620f5458]{color:#43637d}.rds-e-accordion-title_container .rds-e-accordion-title_icon[data-v-620f5458]{color:#001e37;transition:transform .2s ease-out}.rds-e-accordion-title_container .rds-e-accordion-title_icon--open[data-v-620f5458]{transform:rotate(-180deg)}.rds-e-accordion-title[data-v-620f5458]{flex:0 1 auto}.rds-e-accordion-title_right[data-v-620f5458]{align-content:center;align-items:center;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end}.rds-e-accordion-panel[data-v-620f5458]{max-height:0;overflow:hidden;padding:0rem .75rem;transition:max-height .2s ease-out}.rds-e-accordion-panel--open[data-v-620f5458]{display:block}.rds-e-accordion-panel .rds-e-accordion-panel_content[data-v-620f5458]{color:#43637d;padding-bottom:.5rem}.rds-e-accordion-panel .rds-e-accordion-panel_content[data-v-620f5458]:after{content:"";display:block;height:.75rem}
+[data-v-c327a8d6]: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-accordion[data-v-c327a8d6]{border-bottom:1px solid #DBE6F0;width:100%}.rds-e-accordion-title_container[data-v-c327a8d6]{align-content:center;align-items:center;color:#001e37;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;padding:1rem .75rem;font:1rem/1.5rem RepsolSoleTextBold}.rds-e-accordion-title_container[data-v-c327a8d6]:hover,.rds-e-accordion-title_container:hover .rds-e-accordion-title_icon[data-v-c327a8d6]{color:#43637d}.rds-e-accordion-title_container .rds-e-accordion-title_icon[data-v-c327a8d6]{color:#001e37;transition:transform .2s ease-out}.rds-e-accordion-title_container .rds-e-accordion-title_icon--open[data-v-c327a8d6]{transform:rotate(-180deg)}.rds-e-accordion-title[data-v-c327a8d6]{flex:1 1 auto;min-width:0}.rds-e-accordion-title_right[data-v-c327a8d6]{align-content:center;align-items:center;display:flex;flex:0 0 auto;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;margin-left:auto;max-width:50%;min-width:0}.rds-e-accordion-title_label[data-v-c327a8d6]{font:.875rem/1.25rem RepsolSoleTextRegular;color:#001e37;display:inline-block;margin-right:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rds-e-accordion-panel[data-v-c327a8d6]{max-height:0;overflow:hidden;padding:0rem .75rem;transition:max-height .2s ease-out}.rds-e-accordion-panel--open[data-v-c327a8d6]{display:block}.rds-e-accordion-panel .rds-e-accordion-panel_content[data-v-c327a8d6]{color:#43637d;padding-bottom:.5rem}.rds-e-accordion-panel .rds-e-accordion-panel_content[data-v-c327a8d6]:after{content:"";display:block;height:.75rem}

package/dist/components/style/badge.css

@@ -0,0 +1 @@
+[data-v-783ca3f3]: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-badge-wrapper[data-v-783ca3f3]{display:inline-flex;position:relative}.rds-e-badge-wrapper--standalone .rds-e-badge[data-v-783ca3f3]{margin:0;position:static;transform:none}.rds-e-badge[data-v-783ca3f3]{align-items:center;border:1px solid rgba(255,255,255,.5019607843);border-radius:50%;box-sizing:border-box;display:inline-flex;justify-content:center;line-height:1;position:absolute;right:0;top:0;transform:translate(60%,-50%)}.rds-e-badge--numeric[data-v-783ca3f3]{background:#e50052;height:16px;min-width:16px;width:auto}.rds-e-badge--digits-1.rds-e-badge--numeric[data-v-783ca3f3]{padding:0;width:16px}.rds-e-badge--digits-2.rds-e-badge--numeric[data-v-783ca3f3],.rds-e-badge--digits-3plus.rds-e-badge--numeric[data-v-783ca3f3]{border-radius:8px;padding:0 6px}.rds-e-badge--dot[data-v-783ca3f3]{background:#e50052;height:7px;transform:translate(50%,-40%);width:7px}.rds-e-badge__content[data-v-783ca3f3]{font:.75rem/1rem RepsolSoleTextRegular;color:#fff;display:inline-block;font-variant-numeric:tabular-nums;padding:0 1px;text-align:center;white-space:nowrap}.rds-e-badge__content--overflow[data-v-783ca3f3]{letter-spacing:-.25px}.rds-e-badge--color-success[data-v-783ca3f3]{background:#28803d;border-color:#28803d}.rds-e-badge--color-success .rds-e-badge__content[data-v-783ca3f3]{color:#fff}.rds-e-badge--color-error[data-v-783ca3f3]{background:#de1c2e;border-color:#de1c2e}.rds-e-badge--color-error .rds-e-badge__content[data-v-783ca3f3]{color:#fff}.rds-e-badge--color-warning[data-v-783ca3f3]{background:#f59600;border-color:#f59600}.rds-e-badge--color-warning .rds-e-badge__content[data-v-783ca3f3]{color:#001e37}.rds-e-badge--color-information[data-v-783ca3f3]{background:#009bbe;border-color:#009bbe}.rds-e-badge--color-information .rds-e-badge__content[data-v-783ca3f3]{color:#fff}.rds-e-badge--content-high .rds-e-badge__content[data-v-783ca3f3]{color:#001e37}