energy-components 2.0.0-beta.4 → 2.0.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/collapsable.es.js +1 -1
- package/dist/components/collapsable.scss_vue_type_style_index_0_src_true_lang-C_OxhT8v.js +105 -0
- package/dist/components/index.es.js +1 -1
- package/dist/components/style/actionButton.css +1 -1
- package/dist/components/style/button.css +1 -1
- package/dist/components/style/indicator.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/textField.es.js +101 -97
- package/dist/energy-components.css +1 -1
- package/dist/energy-components.es.js +1898 -1876
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/feedback/loader/loader.vue.d.ts +1 -1
- package/dist/types/src/components/navigation/link/link.vue.d.ts +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/llms/00-installation.md +14 -17
- package/llms/01-migration-v2.md +15 -247
- package/package.json +2 -2
- package/dist/components/collapsable.scss_vue_type_style_index_0_src_true_lang-CwEWYCf1.js +0 -86
- package/dist/components/collapsable.scss_vue_type_style_index_0_src_true_lang-DGVMcmcy.js +0 -86
- package/dist/components/icon-svg-9fQGq_1_.js +0 -869
- /package/llms/{llms.txt → index.md} +0 -0
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { defineComponent as C, ref as i, computed as c, watch as y, nextTick as o, onMounted as N, onBeforeUnmount as R, createElementBlock as S, openBlock as g, normalizeClass as u, createElementVNode as s, withKeys as $, createBlock as I, createCommentVNode as L, createVNode as O, toDisplayString as x, renderSlot as V, createTextVNode as H } from "vue";
|
|
2
|
+
import { R as k } from "./icon-svg-CTR8GnC2.js";
|
|
3
|
+
import './style/collapsable.css';const D = ["id", "aria-expanded", "aria-controls", "disabled"], K = { class: "rds-e-collapsable__header-title" }, M = { class: "rds-e-collapsable__header-title-text" }, T = ["id", "aria-labelledby"], U = /* @__PURE__ */ C({
|
|
4
|
+
__name: "collapsable",
|
|
5
|
+
props: {
|
|
6
|
+
title: {},
|
|
7
|
+
content: { default: "" },
|
|
8
|
+
icon: { default: "" },
|
|
9
|
+
open: { type: Boolean, default: !1 },
|
|
10
|
+
disabled: { type: Boolean, default: !1 },
|
|
11
|
+
fullWidth: { type: Boolean, default: !1 },
|
|
12
|
+
id: { default: "" }
|
|
13
|
+
},
|
|
14
|
+
emits: ["update:open"],
|
|
15
|
+
setup(a, { emit: z }) {
|
|
16
|
+
const d = a, B = z, e = i(d.open), p = i(null), n = i(null);
|
|
17
|
+
let r = null;
|
|
18
|
+
const v = () => {
|
|
19
|
+
e.value && o(() => t());
|
|
20
|
+
}, b = c(() => d.id || `rds-collapsable-${Math.random().toString(36).substr(2, 9)}`), f = c(() => `${b.value}-panel`), m = c(() => `${b.value}-header`);
|
|
21
|
+
function t() {
|
|
22
|
+
const l = p.value;
|
|
23
|
+
if (!l || !n.value) return;
|
|
24
|
+
const _ = n.value.scrollHeight;
|
|
25
|
+
l.style.overflow = "hidden";
|
|
26
|
+
const w = (E) => {
|
|
27
|
+
E.propertyName === "max-height" && (l.removeEventListener("transitionend", w), l.style.overflow = e.value ? "visible" : "hidden");
|
|
28
|
+
};
|
|
29
|
+
l.addEventListener("transitionend", w, { once: !0 }), l.style.maxHeight = e.value ? `${_}px` : "0px";
|
|
30
|
+
}
|
|
31
|
+
const h = () => {
|
|
32
|
+
d.disabled || (e.value = !e.value, B("update:open", e.value), o(() => {
|
|
33
|
+
t();
|
|
34
|
+
}));
|
|
35
|
+
};
|
|
36
|
+
return y(() => d.open, (l) => {
|
|
37
|
+
e.value = l, o(() => {
|
|
38
|
+
t();
|
|
39
|
+
});
|
|
40
|
+
}), y(e, () => {
|
|
41
|
+
o(() => {
|
|
42
|
+
t();
|
|
43
|
+
});
|
|
44
|
+
}, { immediate: !0 }), N(() => {
|
|
45
|
+
"ResizeObserver" in window && (r = new ResizeObserver(() => {
|
|
46
|
+
e.value && t();
|
|
47
|
+
}), o(() => {
|
|
48
|
+
n.value && r?.observe(n.value);
|
|
49
|
+
})), window.addEventListener("resize", v, { passive: !0 });
|
|
50
|
+
}), R(() => {
|
|
51
|
+
window.removeEventListener("resize", v), r?.disconnect(), r = null;
|
|
52
|
+
}), (l, _) => (g(), S("div", {
|
|
53
|
+
class: u(["rds-e-collapsable", {
|
|
54
|
+
"rds-e-collapsable--open": e.value,
|
|
55
|
+
"rds-e-collapsable--disabled": a.disabled,
|
|
56
|
+
"rds-e-collapsable--full-width": a.fullWidth
|
|
57
|
+
}])
|
|
58
|
+
}, [
|
|
59
|
+
s("button", {
|
|
60
|
+
id: m.value,
|
|
61
|
+
class: "rds-e-collapsable__header",
|
|
62
|
+
type: "button",
|
|
63
|
+
"aria-expanded": e.value,
|
|
64
|
+
"aria-controls": f.value,
|
|
65
|
+
disabled: a.disabled,
|
|
66
|
+
onClick: h,
|
|
67
|
+
onKeydown: $(h, ["enter", "space"])
|
|
68
|
+
}, [
|
|
69
|
+
a.icon ? (g(), I(k, {
|
|
70
|
+
key: 0,
|
|
71
|
+
name: a.icon,
|
|
72
|
+
class: "rds-e-collapsable__header-icon"
|
|
73
|
+
}, null, 8, ["name"])) : L("", !0),
|
|
74
|
+
s("span", K, [
|
|
75
|
+
s("span", M, x(a.title), 1)
|
|
76
|
+
]),
|
|
77
|
+
O(k, {
|
|
78
|
+
class: u(["rds-e-collapsable__header-arrow", { "rds-e-collapsable__header-arrow--open": e.value }]),
|
|
79
|
+
name: "arrow_down"
|
|
80
|
+
}, null, 8, ["class"])
|
|
81
|
+
], 40, D),
|
|
82
|
+
s("div", {
|
|
83
|
+
id: f.value,
|
|
84
|
+
ref_key: "panel",
|
|
85
|
+
ref: p,
|
|
86
|
+
class: u(["rds-e-collapsable__panel", { "rds-e-collapsable__panel--open": e.value }]),
|
|
87
|
+
role: "region",
|
|
88
|
+
"aria-labelledby": m.value
|
|
89
|
+
}, [
|
|
90
|
+
s("div", {
|
|
91
|
+
ref_key: "panelContent",
|
|
92
|
+
ref: n,
|
|
93
|
+
class: "rds-e-collapsable__panel-content"
|
|
94
|
+
}, [
|
|
95
|
+
V(l.$slots, "default", {}, () => [
|
|
96
|
+
H(x(a.content), 1)
|
|
97
|
+
])
|
|
98
|
+
], 512)
|
|
99
|
+
], 10, T)
|
|
100
|
+
], 2));
|
|
101
|
+
}
|
|
102
|
+
});
|
|
103
|
+
export {
|
|
104
|
+
U as _
|
|
105
|
+
};
|
|
@@ -24,7 +24,7 @@ import h from "./divider.es.js";
|
|
|
24
24
|
import x from "./card.es.js";
|
|
25
25
|
import C from "./table.es.js";
|
|
26
26
|
import I from "./avatar.es.js";
|
|
27
|
-
import { _ as P } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-
|
|
27
|
+
import { _ as P } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-C_OxhT8v.js";
|
|
28
28
|
import y from "./link.es.js";
|
|
29
29
|
import F from "./breadcrumbs.es.js";
|
|
30
30
|
import k from "./tabBar.es.js";
|
|
@@ -1 +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--
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-87b2596c]: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--commercial[data-v-87b2596c]{background-color:#e50052;color:#fff}.rds-e-btn--commercial[data-v-87b2596c]:before{background-color:#fa590a;content:"";height:100%;left:0;position:absolute;top:100%;transition:top .3s ease-in-out;width:100%}.rds-e-btn--commercial[data-v-87b2596c]:hover:before{top:0}.rds-e-btn--commercial[data-v-87b2596c]:active{background-color:#ff8346}.rds-e-btn__icon--commercial[data-v-87b2596c]{color:#fff}.rds-e-btn[data-v-87b2596c]{font:1rem/1.5rem RepsolSoleTextBold;align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;height:3rem;justify-content:center;max-width:21.4375rem;outline:0;padding:.75rem 1rem}@media(min-width:1280px){.rds-e-btn[data-v-87b2596c]{height:3rem;padding:.75rem 1.5rem;width:auto}}.rds-e-btn[data-v-87b2596c]:disabled{pointer-events:none}.rds-e-btn span.rds-e-icon[data-v-87b2596c]{color:inherit}.rds-e-btn[data-v-87b2596c]{overflow:hidden;position:relative}.rds-e-btn[data-v-87b2596c]: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-87b2596c]:focus{outline:none}.rds-e-btn[data-v-87b2596c]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 4px #009bbe,0 0 0 5px #fff;outline:none}@media(forced-colors:active){.rds-e-btn[data-v-87b2596c]:focus-visible{box-shadow:none;outline:2px solid CanvasText}}.rds-e-btn[data-v-87b2596c]:hover:before{top:-50%}.rds-e-btn__icon[data-v-87b2596c]{text-indent:0;z-index:0}.rds-e-btn__icon--primary[data-v-87b2596c],.rds-e-btn__icon--secondary-inverse[data-v-87b2596c],.rds-e-btn__icon--tertiary-inverse[data-v-87b2596c]{color:#fff}.rds-e-btn__icon--disabled[data-v-87b2596c]{color:#717b84}.rds-e-btn__icon--primary-inverse[data-v-87b2596c]{color:#005870}.rds-e-btn__icon--inverse-inverse[data-v-87b2596c]{color:#fff}.rds-e-btn__text[data-v-87b2596c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:0}.rds-e-btn--mobile-width[data-v-87b2596c]{min-width:100%}@media(min-width:720px){.rds-e-btn--mobile-width[data-v-87b2596c]{min-width:unset}}.rds-e-btn--revert[data-v-87b2596c]{flex-direction:row-reverse}.rds-e-btn--revert .rds-e-icon[data-v-87b2596c]{margin-left:.75rem;margin-right:0!important}.rds-e-btn--no-size[data-v-87b2596c]{height:auto;margin:0;padding:0;width:auto}.rds-e-btn--loading[data-v-87b2596c]{pointer-events:none}.rds-e-btn--loading .rds-e-icon[data-v-87b2596c]{align-content:center;align-items:center;animation:spin-87b2596c 2s linear infinite;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.rds-e-btn--loading .rds-e-icon[data-v-87b2596c]:before{display:block;margin:0;padding:0}.rds-e-btn--fluid[data-v-87b2596c]{width:auto}@media(min-width:1280px){.rds-e-btn--fluid[data-v-87b2596c]{min-width:0}}.rds-e-btn--small[data-v-87b2596c]{font:.875rem/1.25rem RepsolSoleTextRegular;height:2rem;padding:.5rem .75rem;width:auto}@media(min-width:1280px){.rds-e-btn--small[data-v-87b2596c]{min-width:0}}.rds-e-btn--small .rds-e-btn__icon.rds-e-icon[data-v-87b2596c]{font-size:1rem}.rds-e-btn--with-icon .rds-e-btn__icon[data-v-87b2596c]{margin-right:.5rem}.rds-e-btn--icon[data-v-87b2596c]{width:auto}@media(min-width:1280px){.rds-e-btn--icon[data-v-87b2596c]{min-width:0}}.rds-e-btn--icon[data-v-87b2596c]{padding:.75rem;width:3.5rem}@media(min-width:1280px){.rds-e-btn--icon[data-v-87b2596c]{height:3rem;width:3rem}}.rds-e-btn--icon.rds-e-btn--small[data-v-87b2596c]{border-radius:.5rem;padding:.375rem;width:2.5rem}@media(min-width:1280px){.rds-e-btn--icon.rds-e-btn--small[data-v-87b2596c]{width:2rem}}.rds-e-btn--primary[data-v-87b2596c]{background-color:#001e37;color:#fff}.rds-e-btn--primary[data-v-87b2596c]:active{background-color:#006a82;box-shadow:none}.rds-e-btn--primary[data-v-87b2596c]:hover:not(:active):before{background-color:#009bbe}.rds-e-btn--primary-inverse[data-v-87b2596c]{background-color:#fff;color:#001e37}.rds-e-btn--primary-inverse[data-v-87b2596c]:hover:before{background-color:#e6e6e6}.rds-e-btn--primary-inverse[data-v-87b2596c]:disabled{opacity:.3}.rds-e-btn--primary-inverse[data-v-87b2596c]:active{background-color:#fffc;box-shadow:none;color:#001e37}.rds-e-btn--secondary[data-v-87b2596c]{background-color:transparent;border:1px solid #43637d;color:#001e37}.rds-e-btn--secondary-destructive[data-v-87b2596c],.rds-e-btn--secondary-destructive[data-v-87b2596c]:hover{border:1px solid #dE1c2e;color:#de1c2e}.rds-e-btn--secondary-destructive[data-v-87b2596c]:hover:before{background-color:#f4f8fa}.rds-e-btn--secondary[data-v-87b2596c]:active{background-color:#f4f8fa;border:1px solid #009BBE;color:#006a82}.rds-e-btn--secondary[data-v-87b2596c]:not(.rds-e-btn--secondary-destructive):hover:not(:active){border:1px solid #006A82;color:#009bbe}.rds-e-btn--secondary[data-v-87b2596c]:not(.rds-e-btn--secondary-destructive):hover:not(:active):before{background-color:#f4f8fa}.rds-e-btn--secondary-inverse[data-v-87b2596c]{background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--secondary-inverse[data-v-87b2596c]:not(.rds-e-btn--secondary-inverse-destructive):hover:not(:active){background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--secondary-inverse[data-v-87b2596c]:not(.rds-e-btn--secondary-inverse-destructive):hover:not(:active):before{background-color:#e6e6e6;opacity:.3}.rds-e-btn--secondary-inverse[data-v-87b2596c]:disabled{opacity:.3}.rds-e-btn--secondary-inverse[data-v-87b2596c]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost[data-v-87b2596c]{background-color:transparent;color:#001e37}.rds-e-btn--ghost-destructive[data-v-87b2596c],.rds-e-btn--ghost-destructive[data-v-87b2596c]:hover{color:#de1c2e}.rds-e-btn--ghost-destructive[data-v-87b2596c]:hover:before{background-color:#006a82}.rds-e-btn--ghost[data-v-87b2596c]:active{background-color:#fff;color:#001e37}.rds-e-btn--ghost[data-v-87b2596c]:disabled{opacity:.3}.rds-e-btn--ghost[data-v-87b2596c]:not(.rds-e-btn--ghost-destructive):hover:not(:active){color:#009bbe}.rds-e-btn--ghost[data-v-87b2596c]:not(.rds-e-btn--ghost-destructive):hover:not(:active):before{background-color:#006a82}.rds-e-btn--ghost-inverse[data-v-87b2596c]{background-color:transparent;border:none;color:#fff}.rds-e-btn--ghost-inverse[data-v-87b2596c]:hover{color:#fff}.rds-e-btn--ghost-inverse[data-v-87b2596c]:hover:before{background-color:#fff3}.rds-e-btn--ghost-inverse[data-v-87b2596c]:focus{background-color:transparent;color:#fff}.rds-e-btn--ghost-inverse[data-v-87b2596c]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost-inverse[data-v-87b2596c]:disabled{opacity:.3}@keyframes spin-87b2596c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
1
|
+
[data-v-87b2596c]: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--commercial[data-v-87b2596c]{background-color:#e50052;color:#fff}.rds-e-btn--commercial[data-v-87b2596c]:before{content:"";height:100%;left:0;position:absolute;top:100%;transition:top .3s ease-in-out;width:100%}.rds-e-btn--commercial[data-v-87b2596c]:hover:not(:active):before{background-color:#a5023c}.rds-e-btn--commercial[data-v-87b2596c]:hover:before{top:0}.rds-e-btn--commercial[data-v-87b2596c]:active{background-color:#81002e}.rds-e-btn__icon--commercial[data-v-87b2596c]{color:#fff}.rds-e-btn[data-v-87b2596c]{font:1rem/1.5rem RepsolSoleTextBold;align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;height:3rem;justify-content:center;max-width:21.4375rem;outline:0;padding:.75rem 1rem}@media(min-width:1280px){.rds-e-btn[data-v-87b2596c]{height:3rem;padding:.75rem 1.5rem;width:auto}}.rds-e-btn[data-v-87b2596c]:disabled{pointer-events:none}.rds-e-btn span.rds-e-icon[data-v-87b2596c]{color:inherit}.rds-e-btn[data-v-87b2596c]{overflow:hidden;position:relative}.rds-e-btn[data-v-87b2596c]: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-87b2596c]:focus{outline:none}.rds-e-btn[data-v-87b2596c]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 4px #009bbe,0 0 0 5px #fff;outline:none}@media(forced-colors:active){.rds-e-btn[data-v-87b2596c]:focus-visible{box-shadow:none;outline:2px solid CanvasText}}.rds-e-btn[data-v-87b2596c]:hover:before{top:-50%}.rds-e-btn__icon[data-v-87b2596c]{text-indent:0;z-index:0}.rds-e-btn__icon--primary[data-v-87b2596c],.rds-e-btn__icon--secondary-inverse[data-v-87b2596c],.rds-e-btn__icon--tertiary-inverse[data-v-87b2596c]{color:#fff}.rds-e-btn__icon--disabled[data-v-87b2596c]{color:#717b84}.rds-e-btn__icon--primary-inverse[data-v-87b2596c]{color:#005870}.rds-e-btn__icon--inverse-inverse[data-v-87b2596c]{color:#fff}.rds-e-btn__text[data-v-87b2596c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:0}.rds-e-btn--mobile-width[data-v-87b2596c]{min-width:100%}@media(min-width:720px){.rds-e-btn--mobile-width[data-v-87b2596c]{min-width:unset}}.rds-e-btn--revert[data-v-87b2596c]{flex-direction:row-reverse}.rds-e-btn--revert .rds-e-icon[data-v-87b2596c]{margin-left:.75rem;margin-right:0!important}.rds-e-btn--no-size[data-v-87b2596c]{height:auto;margin:0;padding:0;width:auto}.rds-e-btn--loading[data-v-87b2596c]{pointer-events:none}.rds-e-btn--loading .rds-e-icon[data-v-87b2596c]{align-content:center;align-items:center;animation:spin-87b2596c 2s linear infinite;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.rds-e-btn--loading .rds-e-icon[data-v-87b2596c]:before{display:block;margin:0;padding:0}.rds-e-btn--fluid[data-v-87b2596c]{width:auto}@media(min-width:1280px){.rds-e-btn--fluid[data-v-87b2596c]{min-width:0}}.rds-e-btn--small[data-v-87b2596c]{font:.875rem/1.25rem RepsolSoleTextRegular;height:2rem;padding:.5rem .75rem;width:auto}@media(min-width:1280px){.rds-e-btn--small[data-v-87b2596c]{min-width:0}}.rds-e-btn--small .rds-e-btn__icon.rds-e-icon[data-v-87b2596c]{font-size:1rem}.rds-e-btn--with-icon .rds-e-btn__icon[data-v-87b2596c]{margin-right:.5rem}.rds-e-btn--icon[data-v-87b2596c]{width:auto}@media(min-width:1280px){.rds-e-btn--icon[data-v-87b2596c]{min-width:0}}.rds-e-btn--icon[data-v-87b2596c]{padding:.75rem;width:3.5rem}@media(min-width:1280px){.rds-e-btn--icon[data-v-87b2596c]{height:3rem;width:3rem}}.rds-e-btn--icon.rds-e-btn--small[data-v-87b2596c]{border-radius:.5rem;padding:.375rem;width:2.5rem}@media(min-width:1280px){.rds-e-btn--icon.rds-e-btn--small[data-v-87b2596c]{width:2rem}}.rds-e-btn--primary[data-v-87b2596c]{background-color:#001e37;color:#fff}.rds-e-btn--primary[data-v-87b2596c]:active{background-color:#006a82;box-shadow:none}.rds-e-btn--primary[data-v-87b2596c]:hover:not(:active):before{background-color:#009bbe}.rds-e-btn--primary-inverse[data-v-87b2596c]{background-color:#fff;color:#001e37}.rds-e-btn--primary-inverse[data-v-87b2596c]:disabled{opacity:.3}.rds-e-btn--primary-inverse[data-v-87b2596c]:active{background-color:#fffc;box-shadow:none;color:#001e37}.rds-e-btn--primary-inverse[data-v-87b2596c]:hover:not(:active):before{background-color:#999}.rds-e-btn--secondary[data-v-87b2596c]{background-color:transparent;border:1px solid #43637d;color:#001e37}.rds-e-btn--secondary-destructive[data-v-87b2596c],.rds-e-btn--secondary-destructive[data-v-87b2596c]:hover{border:1px solid #dE1c2e;color:#de1c2e}.rds-e-btn--secondary-destructive[data-v-87b2596c]:hover:before{background-color:#f4f8fa}.rds-e-btn--secondary[data-v-87b2596c]:active{background-color:#f4f8fa;border:1px solid #009BBE;color:#006a82}.rds-e-btn--secondary[data-v-87b2596c]:not(.rds-e-btn--secondary-destructive):hover:not(:active){border:1px solid #006A82;color:#009bbe}.rds-e-btn--secondary[data-v-87b2596c]:not(.rds-e-btn--secondary-destructive):hover:not(:active):before{background-color:#f4f8fa}.rds-e-btn--secondary-inverse[data-v-87b2596c]{background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--secondary-inverse[data-v-87b2596c]:not(.rds-e-btn--secondary-inverse-destructive):hover:not(:active){background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--secondary-inverse[data-v-87b2596c]:not(.rds-e-btn--secondary-inverse-destructive):hover:not(:active):before{background-color:#e6e6e6;opacity:.3}.rds-e-btn--secondary-inverse[data-v-87b2596c]:disabled{opacity:.3}.rds-e-btn--secondary-inverse[data-v-87b2596c]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost[data-v-87b2596c]{background-color:transparent;color:#001e37}.rds-e-btn--ghost-destructive[data-v-87b2596c],.rds-e-btn--ghost-destructive[data-v-87b2596c]:hover{color:#de1c2e}.rds-e-btn--ghost-destructive[data-v-87b2596c]:hover:before{background-color:#006a82}.rds-e-btn--ghost[data-v-87b2596c]:active{background-color:#fff;color:#001e37}.rds-e-btn--ghost[data-v-87b2596c]:disabled{opacity:.3}.rds-e-btn--ghost[data-v-87b2596c]:not(.rds-e-btn--ghost-destructive):hover:not(:active){color:#009bbe}.rds-e-btn--ghost[data-v-87b2596c]:not(.rds-e-btn--ghost-destructive):hover:not(:active):before{background-color:#f4f8fa}.rds-e-btn--ghost-inverse[data-v-87b2596c]{background-color:transparent;border:none;color:#fff}.rds-e-btn--ghost-inverse[data-v-87b2596c]:focus{background-color:transparent;color:#fff}.rds-e-btn--ghost-inverse[data-v-87b2596c]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost-inverse[data-v-87b2596c]:disabled{opacity:.3}.rds-e-btn--ghost-inverse[data-v-87b2596c]:hover:not(:active){color:#fff!important}.rds-e-btn--ghost-inverse[data-v-87b2596c]:hover:not(:active):before{background-color:#999!important}@keyframes spin-87b2596c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-942bba3b]: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-indicator[data-v-942bba3b]{overflow:auto;position:relative;width:100%}.rds-e-indicator__inner[data-v-942bba3b]{align-items:flex-start;display:inline-flex;min-width:min-content;padding:0}.rds-e-indicator__connector-wrapper[data-v-942bba3b]{flex:0 0 128px;height:2px;margin:0;position:relative;width:128px}.rds-e-indicator__progress-bar[data-v-942bba3b]{background-color:#95b0c6;height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:0}.rds-e-indicator__progress-bar__fill[data-v-942bba3b]{background:linear-gradient(137.24deg,#ff9c00 -6.64%,#ff590a 24.3%,#ff2a3f 65.21%,#e50052 99.99%);height:100%;transition:width .3s ease,height .3s ease;z-index:0}.rds-e-indicator__step-wrapper[data-v-942bba3b]{align-content:center;align-items:center;display:flex;flex:0 0 128px;flex-direction:column;justify-content:center;position:relative;width:128px}.rds-e-indicator__step-wrapper--first[data-v-942bba3b]{align-items:flex-start}.rds-e-indicator__step-wrapper--first .rds-e-indicator__label[data-v-942bba3b]{padding:0 8px 0 0;text-align:left}.rds-e-indicator__step-wrapper--first .rds-e-indicator__number[data-v-942bba3b]{align-self:flex-start;padding:0}.rds-e-indicator__step-wrapper--last[data-v-942bba3b]{align-items:flex-end}.rds-e-indicator__step-wrapper--last .rds-e-indicator__label[data-v-942bba3b]{padding:0 0 0 8px;text-align:right}.rds-e-indicator__step-wrapper--last .rds-e-indicator__number[data-v-942bba3b]{align-self:flex-end;padding:0}.rds-e-indicator__step-wrapper--side[data-v-942bba3b]{flex:1}.rds-e-indicator__step-wrapper--central[data-v-942bba3b]{flex:2}.rds-e-indicator__step-wrapper--central this__step-content[data-v-942bba3b]{align-items:center;display:flex;margin-bottom:16px;width:100%}.rds-e-indicator__step-wrapper .rds-e-indicator__connector-wrapper[data-v-942bba3b]{display:none}.rds-e-indicator__bullet[data-v-942bba3b]{font:.875rem/1.125rem RepsolSoleTextRegular;align-items:center;background-color:#fff;border:1px solid #95b0c6;border-radius:50%;color:#001e37;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px;z-index:2}.rds-e-indicator__bullet--active[data-v-942bba3b],.rds-e-indicator__bullet--current[data-v-942bba3b]{background:linear-gradient(137.24deg,#ff9c00 -6.64%,#ff590a 24.3%,#ff2a3f 65.21%,#e50052 99.99%);border:none;color:#fff}.rds-e-indicator__icon[data-v-942bba3b]{color:#fff;display:inline-block;font-size:1rem;line-height:1}.rds-e-indicator__connector[data-v-942bba3b]{height:100%;left:0;position:absolute;top:0;width:100%}.rds-e-indicator__connector--background[data-v-942bba3b]{background-color:#95b0c6}.rds-e-indicator__connector--foreground[data-v-942bba3b]{background:linear-gradient(137.24deg,#ff9c00 -6.64%,#ff590a 24.3%,#ff2a3f 65.21%,#e50052 99.99%);transition:width .3s ease,height .3s ease}.rds-e-indicator__label[data-v-942bba3b]{font:1rem/1.5rem RepsolSoleTextRegular;color:#001e37;margin-top:8px;padding:0 8px;text-align:center;width:100%}.rds-e-indicator__label--ellipsis[data-v-942bba3b]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rds-e-indicator__number[data-v-942bba3b]{font:1rem/1.5rem RepsolSoleTextRegular;align-self:center;color:#001e37;display:inline-flex;justify-content:center;margin-top:8px;text-align:center;width:24px}.rds-e-indicator__detail[data-v-942bba3b]{font:.875rem/1.125rem RepsolSoleTextRegular;color:#43637d;margin-top:4px}.rds-e-indicator--vertical[data-v-942bba3b]{height:100%;overflow-x:hidden;overflow-y:auto}.rds-e-indicator--vertical .rds-e-indicator__inner[data-v-942bba3b]{display:inline-flex;flex-direction:column;min-height:min-content;padding:0;width:100%}.rds-e-indicator--vertical .rds-e-indicator__progress-bar[data-v-942bba3b]{background-color:#95b0c6;height:100%;left:50%;position:absolute;top:0%;transform:translate(-50%);width:1px;z-index:0}.rds-e-indicator--vertical .rds-e-indicator__progress-bar__fill[data-v-942bba3b]{background:linear-gradient(137.24deg,#ff9c00 -6.64%,#ff590a 24.3%,#ff2a3f 65.21%,#e50052 99.99%);height:0;transition:height .3s ease;width:100%;z-index:0}.rds-e-indicator--vertical .rds-e-indicator__step-content[data-v-942bba3b]{flex-direction:column;margin-bottom:0;width:auto}.rds-e-indicator--vertical .rds-e-indicator__step-wrapper[data-v-942bba3b]{align-items:flex-start;flex:0 0 auto;flex-direction:row;height:84px;margin:0;width:100%}.rds-e-indicator--vertical .rds-e-indicator__step-wrapper--last[data-v-942bba3b]{height:24px}.rds-e-indicator--vertical .rds-e-indicator__label[data-v-942bba3b]{margin:0 0 0 16px;padding:4px 0;text-align:left}.rds-e-indicator--vertical .rds-e-indicator__number[data-v-942bba3b]{align-self:auto;display:block;margin:0 16px;text-align:left;width:auto}.rds-e-indicator--full-width .rds-e-indicator__inner[data-v-942bba3b]{display:flex;flex-wrap:wrap;width:100%}.rds-e-indicator--full-width[data-v-942bba3b]:not(.rds-e-indicator--vertical){overflow:hidden}.rds-e-indicator--full-width:not(.rds-e-indicator--vertical) .rds-e-indicator__connector-wrapper[data-v-942bba3b]{flex:1;min-width:32px;width:auto}.rds-e-indicator--small .rds-e-indicator__bullet[data-v-942bba3b]{height:12px;position:relative;width:12px}.rds-e-indicator--small .rds-e-indicator__bullet[data-v-942bba3b]:after{background-color:transparent;border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.rds-e-indicator--small .rds-e-indicator__bullet.rds-e-indicator__bullet--active[data-v-942bba3b]:after,.rds-e-indicator--small .rds-e-indicator__bullet.rds-e-indicator__bullet--current[data-v-942bba3b]:after{background-color:#fff}.rds-e-indicator--small.rds-e-indicator--vertical .rds-e-indicator__connector-wrapper[data-v-942bba3b]{left:5px;top:12px}.rds-e-indicator--small.rds-e-indicator--vertical .rds-e-indicator__step-wrapper--last[data-v-942bba3b]{height:12px}
|
|
1
|
+
[data-v-942bba3b]: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-indicator[data-v-942bba3b]{overflow:auto;position:relative;width:100%}.rds-e-indicator__inner[data-v-942bba3b]{align-items:flex-start;display:inline-flex;min-width:min-content;padding:0}.rds-e-indicator__connector-wrapper[data-v-942bba3b]{flex:0 0 128px;height:2px;margin:0;position:relative;width:128px}.rds-e-indicator__progress-bar[data-v-942bba3b]{background-color:#95b0c6;height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:0}.rds-e-indicator__progress-bar__fill[data-v-942bba3b]{background:linear-gradient(137.24deg,#ff9c00 -6.64%,#ff590a 24.3%,#ff2a3f 65.21%,#e50052 99.99%);height:100%;transition:width .3s ease,height .3s ease;z-index:0}.rds-e-indicator__step-wrapper[data-v-942bba3b]{align-content:center;align-items:center;display:flex;flex:0 0 128px;flex-direction:column;justify-content:center;position:relative;width:128px}.rds-e-indicator__step-wrapper--first[data-v-942bba3b]{align-items:flex-start}.rds-e-indicator__step-wrapper--first .rds-e-indicator__label[data-v-942bba3b]{padding:0 8px 0 0;text-align:left}.rds-e-indicator__step-wrapper--first .rds-e-indicator__number[data-v-942bba3b]{align-self:flex-start;padding:0}.rds-e-indicator__step-wrapper--last[data-v-942bba3b]{align-items:flex-end}.rds-e-indicator__step-wrapper--last .rds-e-indicator__label[data-v-942bba3b]{padding:0 0 0 8px;text-align:right}.rds-e-indicator__step-wrapper--last .rds-e-indicator__number[data-v-942bba3b]{align-self:flex-end;padding:0}.rds-e-indicator__step-wrapper--side[data-v-942bba3b]{flex:1}.rds-e-indicator__step-wrapper--central[data-v-942bba3b]{flex:2}.rds-e-indicator__step-wrapper--central this__step-content[data-v-942bba3b]{align-items:center;display:flex;margin-bottom:16px;width:100%}.rds-e-indicator__step-wrapper .rds-e-indicator__connector-wrapper[data-v-942bba3b]{display:none}.rds-e-indicator__bullet[data-v-942bba3b]{font:.875rem/1.125rem RepsolSoleTextRegular;align-items:center;background-color:#fff;border:1px solid #95b0c6;border-radius:50%;color:#001e37;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px;z-index:2}.rds-e-indicator__bullet--active[data-v-942bba3b],.rds-e-indicator__bullet--current[data-v-942bba3b]{background:linear-gradient(137.24deg,#ff9c00 -6.64%,#ff590a 24.3%,#ff2a3f 65.21%,#e50052 99.99%);border:none;color:#fff}.rds-e-indicator__icon[data-v-942bba3b]{color:#fff;display:inline-block;font-size:1rem;line-height:1}.rds-e-indicator__connector[data-v-942bba3b]{height:100%;left:0;position:absolute;top:0;width:100%}.rds-e-indicator__connector--background[data-v-942bba3b]{background-color:#95b0c6}.rds-e-indicator__connector--foreground[data-v-942bba3b]{background:linear-gradient(137.24deg,#ff9c00 -6.64%,#ff590a 24.3%,#ff2a3f 65.21%,#e50052 99.99%);transition:width .3s ease,height .3s ease}.rds-e-indicator__label[data-v-942bba3b]{font:1rem/1.5rem RepsolSoleTextRegular;color:#001e37;margin-top:8px;padding:0 8px;text-align:center;width:100%}.rds-e-indicator__label--ellipsis[data-v-942bba3b]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rds-e-indicator__number[data-v-942bba3b]{font:1rem/1.5rem RepsolSoleTextRegular;align-self:center;color:#001e37;display:inline-flex;justify-content:center;margin-top:8px;text-align:center;width:24px}.rds-e-indicator__detail[data-v-942bba3b]{font:.875rem/1.125rem RepsolSoleTextRegular;color:#43637d;margin-top:4px}.rds-e-indicator--vertical[data-v-942bba3b]{height:100%;overflow-x:hidden;overflow-y:auto}.rds-e-indicator--vertical .rds-e-indicator__inner[data-v-942bba3b]{display:inline-flex;flex-direction:column;min-height:min-content;padding:0;width:100%}.rds-e-indicator--vertical .rds-e-indicator__progress-bar[data-v-942bba3b]{background-color:#95b0c6;height:100%;left:50%;position:absolute;top:0%;transform:translate(-50%);width:1px;z-index:0}.rds-e-indicator--vertical .rds-e-indicator__progress-bar__fill[data-v-942bba3b]{background:linear-gradient(137.24deg,#ff9c00 -6.64%,#ff590a 24.3%,#ff2a3f 65.21%,#e50052 99.99%);height:0;transition:height .3s ease;width:100%;z-index:0}.rds-e-indicator--vertical .rds-e-indicator__step-content[data-v-942bba3b]{flex-direction:column;margin-bottom:0;width:auto}.rds-e-indicator--vertical .rds-e-indicator__step-wrapper[data-v-942bba3b]{align-items:flex-start;flex:0 0 auto;flex-direction:row;height:84px;margin:0;width:100%}.rds-e-indicator--vertical .rds-e-indicator__step-wrapper--last[data-v-942bba3b]{height:24px}.rds-e-indicator--vertical .rds-e-indicator__label[data-v-942bba3b]{margin:0 0 0 16px;padding:4px 0;text-align:left}.rds-e-indicator--vertical .rds-e-indicator__number[data-v-942bba3b]{align-self:auto;display:block;margin:0 16px;text-align:left;width:auto}.rds-e-indicator--full-width .rds-e-indicator__inner[data-v-942bba3b]{display:flex;flex-wrap:wrap;width:100%}.rds-e-indicator--full-width[data-v-942bba3b]:not(.rds-e-indicator--vertical){overflow:hidden}.rds-e-indicator--full-width:not(.rds-e-indicator--vertical) .rds-e-indicator__connector-wrapper[data-v-942bba3b]{flex:1;min-width:32px;width:auto}.rds-e-indicator--small .rds-e-indicator__bullet[data-v-942bba3b]{height:12px;position:relative;width:12px}.rds-e-indicator--small .rds-e-indicator__bullet[data-v-942bba3b]:after{background-color:transparent;border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.rds-e-indicator--small .rds-e-indicator__bullet.rds-e-indicator__bullet--active[data-v-942bba3b]:after,.rds-e-indicator--small .rds-e-indicator__bullet.rds-e-indicator__bullet--current[data-v-942bba3b]:after{background-color:#fff}.rds-e-indicator--small .rds-e-indicator__number[data-v-942bba3b]{width:12px}.rds-e-indicator--small.rds-e-indicator--vertical .rds-e-indicator__connector-wrapper[data-v-942bba3b]{left:5px;top:12px}.rds-e-indicator--small.rds-e-indicator--vertical .rds-e-indicator__step-wrapper--last[data-v-942bba3b]{height:12px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-44221b16]: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-textfield[data-v-44221b16]{min-width:292px;position:relative}.rds-e-textfield input[type=number][data-v-44221b16]::-webkit-outer-spin-button,.rds-e-textfield input[type=number][data-v-44221b16]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rds-e-textfield input[type=number][data-v-44221b16]{-moz-appearance:textfield}.rds-e-textfield--full-width[data-v-44221b16]{min-width:unset}.rds-e-textfield__container[data-v-44221b16]{align-items:center;background-color:#fff;border:solid 1px #95b0c6;border-radius:.75rem;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;height:52px;justify-content:space-around;position:relative}.rds-e-textfield__container--keyboard-focus[data-v-44221b16]{box-shadow:0 0 0 1px #fff,0 0 0 4px #009bbe,0 0 0 5px #fff}@media(forced-colors:active){.rds-e-textfield__container--keyboard-focus[data-v-44221b16]{box-shadow:none;outline:2px solid CanvasText}}.rds-e-textfield:not(.rds-e-textfield--disabled):hover .rds-e-textfield__container[data-v-44221b16]{border:solid 1px #001e37;cursor:pointer}.rds-e-textfield__container--active[data-v-44221b16]{border:solid 1px #001e37;color:#001e37;outline:none}.rds-e-textfield--error .rds-e-textfield__container[data-v-44221b16]{border:solid 1px #dE1c2e}.rds-e-textfield--disabled .rds-e-textfield__container[data-v-44221b16]{opacity:.3;cursor:not-allowed;pointer-events:none}.rds-e-textfield__input-container[data-v-44221b16]{display:flex;flex-direction:column;overflow:hidden;padding:1px;position:relative;width:100%}.rds-e-textfield__label[data-v-44221b16]{font:.875rem/1.25rem RepsolSoleTextRegular;color:#43637d;left:.75rem;max-width:90%;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;text-wrap:nowrap;top:14px;transition:all .2s ease-in-out}.rds-e-textfield--error .rds-e-textfield__label[data-v-44221b16]{color:#de1c2e}.rds-e-textfield__input:not([readonly]):focus+.rds-e-textfield__label[data-v-44221b16],.rds-e-textfield--filled .rds-e-textfield__label[data-v-44221b16]{font:.75rem/1rem RepsolSoleTextRegular;left:.8125rem;top:4px}@keyframes onAutoFillStart-44221b16{}.rds-e-textfield__input[data-v-44221b16]{font:.875rem/1.25rem RepsolSoleTextRegular;border:none;border-radius:.75rem;color:#001e37;height:48px;overflow:auto;padding:.75rem 1rem 0rem .75rem;text-overflow:ellipsis}.rds-e-textfield:not(.rds-e-textfield--full-width) .rds-e-textfield__input[data-v-44221b16]{min-width:fit-content}.rds-e-textfield__input[data-v-44221b16]::-ms-reveal,.rds-e-textfield__input[data-v-44221b16]::-ms-clear{display:none}.rds-e-textfield__input[data-v-44221b16]:hover,.rds-e-textfield__input[data-v-44221b16]:focus-visible,.rds-e-textfield__input[data-v-44221b16]:active{border:0!important;box-shadow:none;cursor:text;outline:0!important}.rds-e-textfield__input[data-v-44221b16]:disabled{border:0!important;box-shadow:none;cursor:not-allowed;outline:0!important}.rds-e-textfield__input[data-v-44221b16]:-webkit-autofill{animation-duration:.01s;animation-iteration-count:1;animation-name:onAutoFillStart-44221b16;-webkit-box-shadow:0 0 0 5000px #ffffff inset}.rds-e-textfield__input--error[data-v-44221b16]{border:solid 1px #dE1c2e}.rds-e-textfield__icon[data-v-44221b16]{align-items:center;background:transparent;border:none;justify-content:center;min-height:unset;min-width:unset;opacity:1;padding:0;position:relative;transform:scale(1);transition:opacity .3s ease,transform .3s ease,width .3s ease,margin .3s ease;width:1.5rem}.rds-e-textfield__icon--hidden[data-v-44221b16]{margin-left:0!important;opacity:0;pointer-events:none;transform:scale(.8);width:0}.rds-e-textfield__icon--left[data-v-44221b16]{color:#43637d;margin-left:.875rem}.rds-e-textfield__icon--right[data-v-44221b16]{color:#001e37;margin-right:.875rem}.rds-e-textfield__icon--loading[data-v-44221b16]{animation:spin-44221b16 2s linear infinite;color:#43637d;margin-left:.875rem}.rds-e-textfield__input:focus+.rds-e-textfield__icon[data-v-44221b16]{color:#006a82}.rds-e-textfield--error .rds-e-textfield__icon[data-v-44221b16]{color:#de1c2e}.rds-e-textfield--error .rds-e-textfield__icon--clear[data-v-44221b16],.rds-e-textfield--error .rds-e-textfield__icon--password[data-v-44221b16]{color:#43637d}.rds-e-textfield__helper[data-v-44221b16]{font:.875rem/1.125rem RepsolSoleTextRegular;color:#43637d;padding:.125rem;text-align:left}.rds-e-textfield__helper--error[data-v-44221b16]{color:#de1c2e}@keyframes spin-44221b16{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as ne, ref as p, computed as i, watch as B, onMounted as oe, onBeforeUnmount as re, createElementBlock as h, openBlock as s, normalizeClass as k, createElementVNode as g, createCommentVNode as b, renderSlot as T, createBlock as L, mergeProps as K, toHandlers as P, toDisplayString as z, withModifiers as V, createVNode as j } from "vue";
|
|
2
2
|
import { g as ie } from "./getInstance-GhoEcxLF.js";
|
|
3
|
-
import { R as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
3
|
+
import { R as O, s as se } from "./icon-svg-CTR8GnC2.js";
|
|
4
|
+
import C from "./actionButton.es.js";
|
|
5
|
+
import { _ as ue } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
|
+
import './style/textField.css';const de = { class: "rds-e-textfield__input-container" }, ce = ["id", "type", "maxlength", "minlength", "disabled", "value", "autocomplete", "readonly", "name", "required", "inputmode", "pattern", "min", "max", "step", "enterkeyhint", "spellcheck", "autocapitalize", "aria-invalid", "aria-describedby"], fe = ["for"], pe = {
|
|
6
7
|
key: 0,
|
|
7
8
|
class: "rds-e-textfield__icon rds-e-textfield__icon--right"
|
|
8
|
-
},
|
|
9
|
+
}, me = ["aria-label"], ve = {
|
|
9
10
|
key: 0,
|
|
10
11
|
class: "rds-e-textfield__helper"
|
|
11
|
-
},
|
|
12
|
+
}, ye = ["id"], he = /* @__PURE__ */ ne({
|
|
12
13
|
__name: "text-field",
|
|
13
14
|
props: {
|
|
14
15
|
/**
|
|
@@ -217,57 +218,57 @@ import './style/textField.css';const ue = { class: "rds-e-textfield__input-conta
|
|
|
217
218
|
},
|
|
218
219
|
emits: ["update:modelValue", "clear", "keydown", "keyup", "keypress", "change"],
|
|
219
220
|
setup(a, { expose: u, emit: d }) {
|
|
220
|
-
const e = a, c = d, n = p(null), m = p(!1), f = p(!1),
|
|
221
|
+
const e = a, c = d, n = p(null), m = p(!1), f = p(!1), _ = p(!1), x = p(!1), U = ie(), y = p(""), o = p(!1), N = () => {
|
|
221
222
|
if (n.value)
|
|
222
223
|
if (e.type === "number") {
|
|
223
224
|
const t = n.value, l = t.value !== "" || t.selectionStart !== null && t.selectionStart > 0 || t.validity.badInput;
|
|
224
|
-
|
|
225
|
+
o.value = l;
|
|
225
226
|
} else
|
|
226
|
-
|
|
227
|
-
},
|
|
228
|
-
const l = t.target,
|
|
229
|
-
let
|
|
227
|
+
o.value = n.value.value !== "";
|
|
228
|
+
}, q = i(() => e.id !== void 0 && e.id !== null ? String(e.id) : `text-field-${U}`), E = i(() => e.helper || e.error ? `${q.value}-helper` : void 0), v = i(() => e.password || e.type === "password"), W = i(() => v.value ? m.value ? "text" : "password" : ["text", "number", "password", "email", "tel", "url"].includes(e.type) ? e.type : "text"), H = i(() => e.autocomplete), G = (t) => {
|
|
229
|
+
const l = t.target, A = l.value.trim();
|
|
230
|
+
let w = l.value;
|
|
230
231
|
if (e.type === "number") {
|
|
231
|
-
const
|
|
232
|
-
|
|
232
|
+
const S = l.value !== "" || l.selectionStart !== null && l.selectionStart > 0 || l.validity.badInput;
|
|
233
|
+
o.value = S;
|
|
233
234
|
} else
|
|
234
|
-
|
|
235
|
+
o.value = l.value !== "";
|
|
235
236
|
if (e.type === "number") {
|
|
236
237
|
if (l.value.trim() === "")
|
|
237
|
-
|
|
238
|
+
w = null;
|
|
238
239
|
else {
|
|
239
|
-
const
|
|
240
|
-
|
|
240
|
+
const S = Number.parseFloat(l.value);
|
|
241
|
+
w = Number.isNaN(S) ? l.value : S;
|
|
241
242
|
}
|
|
242
|
-
|
|
243
|
-
} else l.value === "" && e.modelValue === null && (
|
|
244
|
-
c("update:modelValue",
|
|
245
|
-
},
|
|
246
|
-
|
|
243
|
+
A === "" && !l.validity.badInput && (o.value = !1);
|
|
244
|
+
} else l.value === "" && e.modelValue === null && (w = null);
|
|
245
|
+
c("update:modelValue", w), N();
|
|
246
|
+
}, J = () => {
|
|
247
|
+
x.value = !0;
|
|
247
248
|
}, I = () => {
|
|
248
249
|
const t = n.value?.value.trim() || "";
|
|
249
|
-
|
|
250
|
-
},
|
|
251
|
-
f.value = !0,
|
|
252
|
-
},
|
|
250
|
+
o.value = t !== "", f.value = !1, _.value = !1, x.value = !1, t === "" && (y.value = ""), N();
|
|
251
|
+
}, D = () => {
|
|
252
|
+
f.value = !0, _.value = !x.value, x.value = !1;
|
|
253
|
+
}, Q = (t) => {
|
|
253
254
|
c("keydown", t);
|
|
254
|
-
},
|
|
255
|
+
}, X = (t) => {
|
|
255
256
|
c("keyup", t);
|
|
256
|
-
},
|
|
257
|
+
}, Y = (t) => {
|
|
257
258
|
c("keypress", t);
|
|
258
|
-
},
|
|
259
|
+
}, Z = (t) => {
|
|
259
260
|
c("change", t);
|
|
260
|
-
},
|
|
261
|
+
}, ee = i(() => {
|
|
261
262
|
const t = [];
|
|
262
|
-
return y.value && t.push(y.value), (e.modelValue !== null && String(e.modelValue).trim().length > 0 ||
|
|
263
|
+
return y.value && t.push(y.value), (e.modelValue !== null && String(e.modelValue).trim().length > 0 || o.value || f.value) && t.push("rds-e-textfield--filled"), e.error && t.push("rds-e-textfield--error"), e.disabled && t.push("rds-e-textfield--disabled"), e.fullWidth && t.push("rds-e-textfield--full-width"), t.join(" ");
|
|
263
264
|
});
|
|
264
|
-
|
|
265
|
+
B(
|
|
265
266
|
() => e.modelValue,
|
|
266
267
|
(t) => {
|
|
267
|
-
t !== null && String(t).length > 0 && (y.value = ""), (t === "" || t === null) && !f.value && (
|
|
268
|
+
t !== null && String(t).length > 0 && (y.value = ""), (t === "" || t === null) && !f.value && (o.value = !1);
|
|
268
269
|
}
|
|
269
270
|
);
|
|
270
|
-
const
|
|
271
|
+
const r = i(() => {
|
|
271
272
|
const t = {
|
|
272
273
|
name: e.icon,
|
|
273
274
|
class: "",
|
|
@@ -296,81 +297,81 @@ import './style/textField.css';const ue = { class: "rds-e-textfield__input-conta
|
|
|
296
297
|
}
|
|
297
298
|
} : l;
|
|
298
299
|
});
|
|
299
|
-
|
|
300
|
+
B(
|
|
300
301
|
v,
|
|
301
302
|
(t) => {
|
|
302
303
|
m.value = !1;
|
|
303
304
|
},
|
|
304
305
|
{ immediate: !0 }
|
|
305
306
|
);
|
|
306
|
-
const
|
|
307
|
-
const l =
|
|
307
|
+
const F = (t) => {
|
|
308
|
+
const l = se.includes(t);
|
|
308
309
|
return l || console.warn(`[RDSTextfield]: El icono "${t}" no es un icono válido.`), l;
|
|
309
310
|
}, $ = (t) => {
|
|
310
311
|
const l = n.value;
|
|
311
312
|
if (!l) return;
|
|
312
|
-
l.matches(":-webkit-autofill") && t.animationName.startsWith("onAutoFillStart") && l.value.trim().length > 0 && (y.value = "rds-e-textfield--filled",
|
|
313
|
+
l.matches(":-webkit-autofill") && t.animationName.startsWith("onAutoFillStart") && l.value.trim().length > 0 && (y.value = "rds-e-textfield--filled", o.value = !0);
|
|
313
314
|
};
|
|
314
|
-
|
|
315
|
-
n.value && (n.value.addEventListener("animationstart", $),
|
|
316
|
-
}),
|
|
315
|
+
oe(() => {
|
|
316
|
+
n.value && (n.value.addEventListener("animationstart", $), N());
|
|
317
|
+
}), re(() => {
|
|
317
318
|
n.value && n.value.removeEventListener("animationstart", $);
|
|
318
319
|
}), u({
|
|
319
320
|
focus: () => {
|
|
320
|
-
n.value && (n.value.focus(),
|
|
321
|
+
n.value && (n.value.focus(), D());
|
|
321
322
|
},
|
|
322
323
|
blur: () => {
|
|
323
324
|
n.value && (n.value.blur(), I());
|
|
324
325
|
}
|
|
325
326
|
});
|
|
326
|
-
const
|
|
327
|
+
const te = () => {
|
|
327
328
|
m.value = !m.value;
|
|
328
|
-
},
|
|
329
|
+
}, le = () => {
|
|
329
330
|
const t = e.type === "number";
|
|
330
|
-
c("update:modelValue", t ? null : ""), n.value && (n.value.value = ""), f.value = !1,
|
|
331
|
-
},
|
|
331
|
+
c("update:modelValue", t ? null : ""), n.value && (n.value.value = ""), f.value = !1, o.value = !1, n.value && n.value.blur(), c("clear");
|
|
332
|
+
}, R = (t) => {
|
|
332
333
|
(t.key === "Enter" || t.key === " ") && t.currentTarget?.click();
|
|
333
|
-
},
|
|
334
|
-
return
|
|
334
|
+
}, ae = i(() => m.value ? "Ocultar contraseña" : "Mostrar contraseña");
|
|
335
|
+
return B(
|
|
335
336
|
() => e.password,
|
|
336
337
|
(t) => {
|
|
337
338
|
t && console.warn('[RDSTextfield]: Deprecado `password`. Usa type="password" + toggleVisibility. Esta prop será eliminada en próximas versiones.');
|
|
338
339
|
},
|
|
339
340
|
{ immediate: !0 }
|
|
340
341
|
), (t, l) => (s(), h("div", {
|
|
341
|
-
class:
|
|
342
|
+
class: k(["rds-e-textfield", ee.value])
|
|
342
343
|
}, [
|
|
343
344
|
g("div", {
|
|
344
|
-
class:
|
|
345
|
-
"rds-e-textfield__container--keyboard-focus":
|
|
346
|
-
"rds-e-textfield__container--active": f.value && !
|
|
345
|
+
class: k(["rds-e-textfield__container", {
|
|
346
|
+
"rds-e-textfield__container--keyboard-focus": _.value,
|
|
347
|
+
"rds-e-textfield__container--active": f.value && !_.value
|
|
347
348
|
}]),
|
|
348
|
-
onMousedown:
|
|
349
|
+
onMousedown: J
|
|
349
350
|
}, [
|
|
350
|
-
|
|
351
|
-
e.loading ? (s(),
|
|
351
|
+
T(t.$slots, "left-icon", {}, () => [
|
|
352
|
+
e.loading ? (s(), L(O, {
|
|
352
353
|
key: 0,
|
|
353
354
|
name: "loading",
|
|
354
355
|
class: "rds-e-textfield__icon--loading"
|
|
355
356
|
})) : b("", !0),
|
|
356
|
-
|
|
357
|
+
r.value.left.name && F(r.value.left.name) && !a.loading ? (s(), L(O, K({
|
|
357
358
|
key: 1,
|
|
358
359
|
class: ["rds-e-textfield__icon rds-e-textfield__icon--left", { "rds-e-textfield__icon--hidden": f.value }],
|
|
359
360
|
"aria-hidden": "true"
|
|
360
|
-
},
|
|
361
|
+
}, r.value.left, P(r.value.left.events)), null, 16, ["class"])) : b("", !0)
|
|
361
362
|
], !0),
|
|
362
|
-
g("div",
|
|
363
|
+
g("div", de, [
|
|
363
364
|
g("input", {
|
|
364
|
-
id:
|
|
365
|
+
id: q.value,
|
|
365
366
|
ref_key: "input",
|
|
366
367
|
ref: n,
|
|
367
|
-
type:
|
|
368
|
+
type: W.value,
|
|
368
369
|
class: "rds-e-textfield__input",
|
|
369
370
|
maxlength: e.type === "number" ? void 0 : e.maxLength,
|
|
370
371
|
minlength: e.type === "number" ? void 0 : e.minLength,
|
|
371
372
|
disabled: e.disabled,
|
|
372
373
|
value: e.modelValue === null ? "" : e.modelValue,
|
|
373
|
-
autocomplete:
|
|
374
|
+
autocomplete: H.value,
|
|
374
375
|
readonly: e.readonly,
|
|
375
376
|
name: e.name,
|
|
376
377
|
required: e.required,
|
|
@@ -384,64 +385,67 @@ import './style/textField.css';const ue = { class: "rds-e-textfield__input-conta
|
|
|
384
385
|
autocapitalize: e.autocapitalize,
|
|
385
386
|
"aria-invalid": e.error,
|
|
386
387
|
"aria-describedby": E.value,
|
|
387
|
-
onInput:
|
|
388
|
+
onInput: G,
|
|
388
389
|
onBlur: I,
|
|
389
|
-
onFocus:
|
|
390
|
-
onKeydown:
|
|
391
|
-
onKeyup:
|
|
392
|
-
onKeypress:
|
|
393
|
-
onChange:
|
|
394
|
-
}, null, 40,
|
|
390
|
+
onFocus: D,
|
|
391
|
+
onKeydown: Q,
|
|
392
|
+
onKeyup: X,
|
|
393
|
+
onKeypress: Y,
|
|
394
|
+
onChange: Z
|
|
395
|
+
}, null, 40, ce),
|
|
395
396
|
g("label", {
|
|
396
|
-
for:
|
|
397
|
-
class:
|
|
398
|
-
},
|
|
397
|
+
for: q.value,
|
|
398
|
+
class: k(["rds-e-textfield__label", e.disabled ? "rds-e-textfield__label--disabled" : ""])
|
|
399
|
+
}, z(e.label), 11, fe)
|
|
399
400
|
]),
|
|
400
|
-
v.value && e.toggleVisibility || e.clearable ||
|
|
401
|
-
|
|
401
|
+
v.value && e.toggleVisibility || e.clearable || r.value.right.name || t.$slots["right-icon"] ? (s(), h("span", pe, [
|
|
402
|
+
T(t.$slots, "right-icon", {}, () => [
|
|
402
403
|
v.value && e.toggleVisibility ? (s(), h("button", {
|
|
403
404
|
key: 0,
|
|
404
405
|
type: "button",
|
|
405
406
|
class: "rds-e-textfield__icon rds-e-textfield__icon--right rds-e-textfield__icon--password",
|
|
406
|
-
"aria-label":
|
|
407
|
-
onClick:
|
|
408
|
-
onKeydown:
|
|
407
|
+
"aria-label": ae.value,
|
|
408
|
+
onClick: V(te, ["stop"]),
|
|
409
|
+
onKeydown: V(R, ["stop", "prevent"])
|
|
409
410
|
}, [
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
411
|
+
j(C, {
|
|
412
|
+
icon: m.value ? "eye_open" : "eye_close",
|
|
413
|
+
variant: "ghost",
|
|
414
|
+
small: ""
|
|
415
|
+
}, null, 8, ["icon"])
|
|
416
|
+
], 40, me)) : e.clearable ? (s(), h("button", {
|
|
415
417
|
key: 1,
|
|
416
418
|
type: "button",
|
|
417
419
|
class: "rds-e-textfield__icon rds-e-textfield__icon--right rds-e-textfield__icon--clear",
|
|
418
420
|
"aria-label": "Limpiar campo",
|
|
419
|
-
onClick:
|
|
420
|
-
onKeydown:
|
|
421
|
+
onClick: V(le, ["stop"]),
|
|
422
|
+
onKeydown: V(R, ["stop", "prevent"])
|
|
421
423
|
}, [
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
424
|
+
j(C, {
|
|
425
|
+
icon: "close",
|
|
426
|
+
variant: "ghost",
|
|
427
|
+
small: ""
|
|
425
428
|
})
|
|
426
|
-
], 32)) :
|
|
429
|
+
], 32)) : r.value.right.name && F(r.value.right.name) ? (s(), L(C, K({
|
|
427
430
|
key: 2,
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
+
icon: r.value.right.name,
|
|
432
|
+
variant: "ghost",
|
|
433
|
+
small: ""
|
|
434
|
+
}, P(r.value.right.events)), null, 16, ["icon"])) : b("", !0)
|
|
431
435
|
], !0)
|
|
432
436
|
])) : b("", !0)
|
|
433
437
|
], 34),
|
|
434
|
-
e.helper || e.error ? (s(), h("div",
|
|
435
|
-
|
|
438
|
+
e.helper || e.error ? (s(), h("div", ve, [
|
|
439
|
+
T(t.$slots, "helper-text", {}, () => [
|
|
436
440
|
g("span", {
|
|
437
441
|
id: E.value,
|
|
438
|
-
class:
|
|
439
|
-
},
|
|
442
|
+
class: k(e.error ? "rds-e-textfield__helper--error" : "")
|
|
443
|
+
}, z(e.helperText), 11, ye)
|
|
440
444
|
], !0)
|
|
441
445
|
])) : b("", !0)
|
|
442
446
|
], 2));
|
|
443
447
|
}
|
|
444
|
-
}),
|
|
448
|
+
}), Se = /* @__PURE__ */ ue(he, [["__scopeId", "data-v-44221b16"]]);
|
|
445
449
|
export {
|
|
446
|
-
|
|
450
|
+
Se as default
|
|
447
451
|
};
|