energy-components 2.6.0 → 2.8.0
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/accordion.es.js +1 -1
- package/dist/components/avatar.es.js +1 -1
- package/dist/components/button.es.js +1 -1
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/collapsable.es.js +1 -1
- package/dist/components/{collapsable.scss_vue_type_style_index_0_src_true_lang-BfTKaP_f.js → collapsable.scss_vue_type_style_index_0_src_true_lang-CBOSJyvR.js} +1 -1
- package/dist/components/datepicker.es.js +1 -1
- package/dist/components/directAccess.es.js +1 -1
- package/dist/components/dragAndDrop.es.js +93 -75
- package/dist/components/dropdown.es.js +414 -272
- package/dist/components/fileUploadItem.es.js +1 -1
- package/dist/components/filterChip.es.js +1 -1
- package/dist/components/filterTag.es.js +1 -1
- package/dist/components/{icon-svg-CW3eQRcp.js → icon-svg-BWxX0W6p.js} +15 -3
- package/dist/components/iconList.es.js +1 -1
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +2 -2
- package/dist/components/indicator.es.js +1 -1
- package/dist/components/indicatorDots.es.js +1 -1
- package/dist/components/infoBox.es.js +1 -1
- package/dist/components/link.es.js +1 -1
- package/dist/components/modal.es.js +1 -1
- package/dist/components/multiselect.es.js +14 -8
- package/dist/components/multiselectcontentwrapper.es.js +42 -36
- package/dist/components/persistentToast.es.js +1 -1
- package/dist/components/popover.es.js +90 -71
- package/dist/components/popoverMenu.es.js +67 -60
- package/dist/components/progressBar.es.js +1 -1
- package/dist/components/quantitySelector.es.js +1 -1
- package/dist/components/radioButton.es.js +1 -1
- package/dist/components/searchField.es.js +1 -1
- package/dist/components/selectionChip.es.js +1 -1
- package/dist/components/sidedrawer.es.js +1 -1
- package/dist/components/style/dragAndDrop.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/multiselect.css +1 -1
- package/dist/components/style/multiselectcontentwrapper.css +1 -1
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/popover.css +1 -1
- package/dist/components/style/popoverMenu.css +1 -1
- package/dist/components/style/table.css +1 -1
- package/dist/components/style/tableRenderer.css +1 -1
- package/dist/components/switch.es.js +1 -1
- package/dist/components/tabBar.es.js +1 -1
- package/dist/components/table.es.js +101 -92
- package/dist/components/tableRenderer.es.js +363 -214
- package/dist/components/tag.es.js +1 -1
- package/dist/components/textArea.es.js +1 -1
- package/dist/components/textField.es.js +1 -1
- package/dist/components/toggle.es.js +1 -1
- package/dist/components/tooltip.es.js +1 -1
- package/dist/energy-components.css +1 -1
- package/dist/energy-components.es.js +6511 -6143
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/content/table/table-renderer.vue.d.ts +7 -2
- package/dist/types/src/components/content/table/table.vue.d.ts +27 -1
- package/dist/types/src/components/content/table/use-column-reorder.d.ts +29 -0
- package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts +15 -0
- package/dist/types/src/components/input/dropdown/Multiselect/MultiselectContentWrapper.vue.d.ts +9 -0
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +25 -0
- package/dist/types/src/components/overlay/popover/popover.vue.d.ts +4 -0
- package/dist/types/src/components/overlay/popover-menu/popover-menu.vue.d.ts +10 -4
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/llms/rdsdrag-and-drop.md +1 -0
- package/llms/rdsdropdown.md +4 -2
- package/llms/rdspopover-menu.md +2 -0
- package/llms/rdspopover.md +2 -0
- package/llms/rdstable.md +4 -0
- package/package.json +2 -2
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { useSlots as
|
|
2
|
-
import { o as
|
|
3
|
-
import { R as
|
|
4
|
-
import { _ as
|
|
5
|
-
import './style/popover.css';const
|
|
1
|
+
import { useSlots as z, computed as y, ref as _, watch as I, nextTick as C, onBeforeUnmount as V, openBlock as a, createElementBlock as c, createBlock as h, resolveDynamicComponent as U, withCtx as j, renderSlot as b, Teleport as G, normalizeStyle as W, unref as q, normalizeClass as B, Fragment as J, renderList as K, createCommentVNode as H, createElementVNode as Q, toDisplayString as X } from "vue";
|
|
2
|
+
import { o as Y, f as Z, s as ee, b as te, u as oe, a as ne } from "./floating-ui.vue-DMBZhA6d.js";
|
|
3
|
+
import { R as le } from "./icon-svg-BWxX0W6p.js";
|
|
4
|
+
import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
+
import './style/popover.css';const ae = { class: "rds-e-popover" }, se = {
|
|
6
6
|
key: 1,
|
|
7
7
|
class: "rds-e-popover__list"
|
|
8
|
-
},
|
|
8
|
+
}, ie = ["onClick"], ce = { class: "rds-e-popover__item-label" }, ue = {
|
|
9
9
|
__name: "popover",
|
|
10
10
|
props: {
|
|
11
11
|
/**
|
|
@@ -71,6 +71,20 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
|
|
|
71
71
|
triggerOnHover: {
|
|
72
72
|
type: Boolean,
|
|
73
73
|
default: !1
|
|
74
|
+
},
|
|
75
|
+
/**
|
|
76
|
+
* <span>Tag HTML para el contenedor del trigger</span>
|
|
77
|
+
*/
|
|
78
|
+
triggerTag: {
|
|
79
|
+
type: String,
|
|
80
|
+
default: "button"
|
|
81
|
+
},
|
|
82
|
+
/**
|
|
83
|
+
* <span>Aria-label del contenedor del trigger</span>
|
|
84
|
+
*/
|
|
85
|
+
triggerAriaLabel: {
|
|
86
|
+
type: String,
|
|
87
|
+
default: void 0
|
|
74
88
|
}
|
|
75
89
|
},
|
|
76
90
|
emits: [
|
|
@@ -87,97 +101,102 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
|
|
|
87
101
|
*/
|
|
88
102
|
"close"
|
|
89
103
|
],
|
|
90
|
-
setup(u, { expose:
|
|
91
|
-
const t = u, p =
|
|
104
|
+
setup(u, { expose: R, emit: x }) {
|
|
105
|
+
const t = u, p = x, D = z(), k = y(() => !!D.default), n = _(!1), i = _(null), l = _(null), F = y(() => {
|
|
92
106
|
const e = [
|
|
93
|
-
|
|
107
|
+
Y(t.offsetSpace)
|
|
94
108
|
];
|
|
95
109
|
return t.autoFlip && e.push(
|
|
96
|
-
|
|
110
|
+
Z({
|
|
97
111
|
fallbackPlacements: t.fallbackPlacements.length ? t.fallbackPlacements : void 0
|
|
98
112
|
})
|
|
99
113
|
), e.push(
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
apply({ availableWidth:
|
|
103
|
-
const f = Math.min(t.width,
|
|
104
|
-
Object.assign(
|
|
114
|
+
ee({ padding: 8 }),
|
|
115
|
+
te({
|
|
116
|
+
apply({ availableWidth: L, elements: r }) {
|
|
117
|
+
const f = Math.min(t.width, L - 32);
|
|
118
|
+
Object.assign(r.floating.style, {
|
|
105
119
|
width: `${f}px`
|
|
106
120
|
});
|
|
107
121
|
}
|
|
108
122
|
})
|
|
109
123
|
), e;
|
|
110
|
-
}), { floatingStyles:
|
|
124
|
+
}), { floatingStyles: P, update: M } = oe(
|
|
111
125
|
i,
|
|
112
126
|
l,
|
|
113
127
|
{
|
|
114
128
|
placement: y(() => t.placement),
|
|
115
|
-
middleware:
|
|
116
|
-
whileElementsMounted:
|
|
129
|
+
middleware: F,
|
|
130
|
+
whileElementsMounted: ne
|
|
117
131
|
}
|
|
118
132
|
);
|
|
119
|
-
let v,
|
|
120
|
-
const
|
|
121
|
-
document.removeEventListener("click", v), document.removeEventListener("keydown",
|
|
122
|
-
},
|
|
123
|
-
n.value && (n.value = !1, p("close"),
|
|
133
|
+
let v, g, m, o = null;
|
|
134
|
+
const T = () => {
|
|
135
|
+
document.removeEventListener("click", v), document.removeEventListener("keydown", g), document.removeEventListener("scroll", m, !0);
|
|
136
|
+
}, s = () => {
|
|
137
|
+
n.value && (n.value = !1, p("close"), T());
|
|
124
138
|
};
|
|
125
139
|
v = (e) => {
|
|
126
|
-
l.value && !l.value.contains(e.target) && i.value && !i.value.contains(e.target) &&
|
|
127
|
-
},
|
|
128
|
-
e.key === "Escape" &&
|
|
129
|
-
},
|
|
140
|
+
l.value && !l.value.contains(e.target) && i.value && !i.value.contains(e.target) && s();
|
|
141
|
+
}, g = (e) => {
|
|
142
|
+
e.key === "Escape" && s();
|
|
143
|
+
}, m = () => {
|
|
130
144
|
if (!i.value) return;
|
|
131
145
|
const e = i.value.getBoundingClientRect();
|
|
132
|
-
(e.bottom < 0 || e.top > window.innerHeight) &&
|
|
146
|
+
(e.bottom < 0 || e.top > window.innerHeight) && s();
|
|
133
147
|
};
|
|
134
148
|
const d = async () => {
|
|
135
|
-
n.value ?
|
|
136
|
-
document.addEventListener("click", v), document.addEventListener("keydown",
|
|
149
|
+
n.value ? s() : (n.value = !0, p("open"), await C(), M(), setTimeout(() => {
|
|
150
|
+
document.addEventListener("click", v), document.addEventListener("keydown", g), t.closeOnTriggerHidden && document.addEventListener("scroll", m, !0);
|
|
137
151
|
}));
|
|
138
|
-
},
|
|
152
|
+
}, $ = () => {
|
|
139
153
|
t.triggerOnHover && (o && (clearTimeout(o), o = null), n.value || d());
|
|
140
|
-
},
|
|
154
|
+
}, S = () => {
|
|
141
155
|
t.triggerOnHover && (o && (clearTimeout(o), o = null), o = setTimeout(() => {
|
|
142
|
-
l.value && l.value.matches(":hover, :focus-within") ||
|
|
156
|
+
l.value && l.value.matches(":hover, :focus-within") || s();
|
|
143
157
|
}, 120));
|
|
144
|
-
},
|
|
158
|
+
}, A = (e) => {
|
|
145
159
|
t.triggerOnHover ? (e.preventDefault(), e.stopPropagation(), n.value || d()) : d();
|
|
146
|
-
}, E = () => {
|
|
147
|
-
N();
|
|
148
160
|
}, w = () => {
|
|
149
|
-
|
|
150
|
-
},
|
|
161
|
+
$();
|
|
162
|
+
}, E = () => {
|
|
163
|
+
S();
|
|
164
|
+
}, N = () => {
|
|
151
165
|
l.value && (l.value.addEventListener("mouseenter", () => {
|
|
152
166
|
o && (clearTimeout(o), o = null);
|
|
153
167
|
}), l.value.addEventListener("mouseleave", () => {
|
|
154
|
-
|
|
168
|
+
S();
|
|
155
169
|
}));
|
|
156
170
|
};
|
|
157
|
-
|
|
158
|
-
e && t.triggerOnHover &&
|
|
171
|
+
I(n, (e) => {
|
|
172
|
+
e && t.triggerOnHover && C(() => N());
|
|
159
173
|
});
|
|
160
174
|
const O = (e) => {
|
|
161
|
-
p("select", e),
|
|
175
|
+
p("select", e), s();
|
|
162
176
|
};
|
|
163
|
-
return
|
|
177
|
+
return V(T), R({
|
|
164
178
|
toggle: d,
|
|
165
|
-
close:
|
|
179
|
+
close: s,
|
|
166
180
|
isOpen: n
|
|
167
|
-
}), (e,
|
|
168
|
-
|
|
181
|
+
}), (e, L) => (a(), c("div", ae, [
|
|
182
|
+
(a(), h(U(t.triggerTag), {
|
|
169
183
|
ref_key: "referenceRef",
|
|
170
184
|
ref: i,
|
|
171
185
|
class: "rds-e-popover__trigger-btn",
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
186
|
+
"aria-label": t.triggerAriaLabel,
|
|
187
|
+
type: t.triggerTag === "button" ? "button" : null,
|
|
188
|
+
onClick: A,
|
|
189
|
+
onMouseenter: w,
|
|
190
|
+
onMouseleave: E,
|
|
191
|
+
onFocus: w,
|
|
192
|
+
onBlur: E
|
|
193
|
+
}, {
|
|
194
|
+
default: j(() => [
|
|
195
|
+
b(e.$slots, "trigger", {}, void 0, !0)
|
|
196
|
+
]),
|
|
197
|
+
_: 3
|
|
198
|
+
}, 40, ["aria-label", "type"])),
|
|
199
|
+
(a(), h(G, {
|
|
181
200
|
to: u.teleportTo,
|
|
182
201
|
disabled: !u.teleportTo
|
|
183
202
|
}, [
|
|
@@ -185,34 +204,34 @@ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
|
|
|
185
204
|
key: 0,
|
|
186
205
|
ref_key: "floatingRef",
|
|
187
206
|
ref: l,
|
|
188
|
-
class:
|
|
189
|
-
style:
|
|
207
|
+
class: B(["rds-e-popover__content", { "rds-e-popover__content--no-styles": k.value }]),
|
|
208
|
+
style: W(q(P))
|
|
190
209
|
}, [
|
|
191
|
-
k.value ?
|
|
192
|
-
(a(!0), c(
|
|
193
|
-
item:
|
|
210
|
+
k.value ? b(e.$slots, "default", { key: 0 }, void 0, !0) : (a(), c("ul", se, [
|
|
211
|
+
(a(!0), c(J, null, K(u.items, (r, f) => b(e.$slots, "item", {
|
|
212
|
+
item: r,
|
|
194
213
|
index: f,
|
|
195
|
-
onSelect: () => O(
|
|
214
|
+
onSelect: () => O(r)
|
|
196
215
|
}, () => [
|
|
197
216
|
(a(), c("li", {
|
|
198
217
|
key: f,
|
|
199
|
-
class:
|
|
200
|
-
onClick: (
|
|
218
|
+
class: B(["rds-e-popover__item rds-body-02-bold", { "rds-e-popover__item--destructive": r.isDestructive }]),
|
|
219
|
+
onClick: (de) => O(r)
|
|
201
220
|
}, [
|
|
202
|
-
|
|
221
|
+
r.icon ? (a(), h(le, {
|
|
203
222
|
key: 0,
|
|
204
223
|
class: "rds-e-popover__item-icon",
|
|
205
|
-
name:
|
|
206
|
-
}, null, 8, ["name"])) :
|
|
207
|
-
|
|
208
|
-
], 10,
|
|
224
|
+
name: r.icon
|
|
225
|
+
}, null, 8, ["name"])) : H("", !0),
|
|
226
|
+
Q("span", ce, X(r.label), 1)
|
|
227
|
+
], 10, ie))
|
|
209
228
|
], !0)), 256))
|
|
210
229
|
]))
|
|
211
|
-
], 6)) :
|
|
230
|
+
], 6)) : H("", !0)
|
|
212
231
|
], 8, ["to", "disabled"]))
|
|
213
232
|
]));
|
|
214
233
|
}
|
|
215
|
-
},
|
|
234
|
+
}, me = /* @__PURE__ */ re(ue, [["__scopeId", "data-v-522cc1ab"]]);
|
|
216
235
|
export {
|
|
217
|
-
|
|
236
|
+
me as default
|
|
218
237
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { o as
|
|
3
|
-
import { R as
|
|
4
|
-
import { _ as
|
|
5
|
-
import './style/popoverMenu.css';const
|
|
1
|
+
import { defineComponent as V, useSlots as A, computed as h, ref as y, watch as N, nextTick as S, onBeforeUnmount as U, openBlock as r, createElementBlock as u, createBlock as b, resolveDynamicComponent as j, withCtx as G, renderSlot as k, Teleport as W, normalizeStyle as q, unref as J, normalizeClass as B, Fragment as K, renderList as Q, createCommentVNode as H, createElementVNode as X, toDisplayString as Y } from "vue";
|
|
2
|
+
import { o as Z, f as ee, s as te, b as oe, u as ne, a as le } from "./floating-ui.vue-DMBZhA6d.js";
|
|
3
|
+
import { R as se } from "./icon-svg-BWxX0W6p.js";
|
|
4
|
+
import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
+
import './style/popoverMenu.css';const ae = { class: "rds-e-popover-menu" }, ie = {
|
|
6
6
|
key: 1,
|
|
7
7
|
class: "rds-e-popover-menu__list"
|
|
8
|
-
},
|
|
8
|
+
}, ce = ["onClick"], ue = { class: "rds-e-popover-menu__item-label" }, de = /* @__PURE__ */ V({
|
|
9
9
|
__name: "popover-menu",
|
|
10
10
|
props: {
|
|
11
11
|
items: { default: () => [] },
|
|
@@ -16,19 +16,21 @@ import './style/popoverMenu.css';const se = { class: "rds-e-popover-menu" }, re
|
|
|
16
16
|
teleportTo: { default: null },
|
|
17
17
|
autoFlip: { type: Boolean, default: !1 },
|
|
18
18
|
closeOnTriggerHidden: { type: Boolean, default: !1 },
|
|
19
|
-
triggerOnHover: { type: Boolean, default: !1 }
|
|
19
|
+
triggerOnHover: { type: Boolean, default: !1 },
|
|
20
|
+
triggerTag: { default: "button" },
|
|
21
|
+
triggerAriaLabel: { default: void 0 }
|
|
20
22
|
},
|
|
21
23
|
emits: ["select", "open", "close"],
|
|
22
|
-
setup(d, { expose:
|
|
23
|
-
const t = d, m =
|
|
24
|
-
const e = [
|
|
24
|
+
setup(d, { expose: R, emit: x }) {
|
|
25
|
+
const t = d, m = x, D = A(), T = h(() => !!D.default), n = y(!1), i = y(null), l = y(null), F = h(() => {
|
|
26
|
+
const e = [Z(t.offsetSpace)];
|
|
25
27
|
return t.autoFlip && e.push(
|
|
26
|
-
|
|
28
|
+
ee({
|
|
27
29
|
fallbackPlacements: t.fallbackPlacements.length ? t.fallbackPlacements.filter(Boolean) : void 0
|
|
28
30
|
})
|
|
29
31
|
), e.push(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
+
te({ padding: 8 }),
|
|
33
|
+
oe({
|
|
32
34
|
apply({ availableWidth: c, elements: s }) {
|
|
33
35
|
const p = Math.min(t.width, c - 32);
|
|
34
36
|
Object.assign(s.floating.style, {
|
|
@@ -37,112 +39,117 @@ import './style/popoverMenu.css';const se = { class: "rds-e-popover-menu" }, re
|
|
|
37
39
|
}
|
|
38
40
|
})
|
|
39
41
|
), e;
|
|
40
|
-
}), { floatingStyles:
|
|
42
|
+
}), { floatingStyles: M, update: P } = ne(
|
|
41
43
|
i,
|
|
42
44
|
l,
|
|
43
45
|
{
|
|
44
46
|
placement: h(() => t.placement),
|
|
45
|
-
middleware:
|
|
46
|
-
whileElementsMounted:
|
|
47
|
+
middleware: F,
|
|
48
|
+
whileElementsMounted: le
|
|
47
49
|
}
|
|
48
50
|
);
|
|
49
51
|
let v, g, _, o = null;
|
|
50
|
-
const
|
|
52
|
+
const w = () => {
|
|
51
53
|
document.removeEventListener("click", v), document.removeEventListener("keydown", g), document.removeEventListener("scroll", _, !0);
|
|
52
|
-
},
|
|
53
|
-
n.value && (n.value = !1, m("close"),
|
|
54
|
+
}, a = () => {
|
|
55
|
+
n.value && (n.value = !1, m("close"), w());
|
|
54
56
|
};
|
|
55
57
|
v = (e) => {
|
|
56
58
|
const c = e.target;
|
|
57
|
-
l.value && c && !l.value.contains(c) && i.value && !i.value.contains(c) &&
|
|
59
|
+
l.value && c && !l.value.contains(c) && i.value && !i.value.contains(c) && a();
|
|
58
60
|
}, g = (e) => {
|
|
59
|
-
e.key === "Escape" &&
|
|
61
|
+
e.key === "Escape" && a();
|
|
60
62
|
}, _ = () => {
|
|
61
63
|
if (!i.value) return;
|
|
62
64
|
const e = i.value.getBoundingClientRect();
|
|
63
|
-
(e.bottom < 0 || e.top > window.innerHeight) &&
|
|
65
|
+
(e.bottom < 0 || e.top > window.innerHeight) && a();
|
|
64
66
|
};
|
|
65
67
|
const f = async () => {
|
|
66
|
-
n.value ?
|
|
68
|
+
n.value ? a() : (n.value = !0, m("open"), await S(), P(), setTimeout(() => {
|
|
67
69
|
document.addEventListener("click", v), document.addEventListener("keydown", g), t.closeOnTriggerHidden && document.addEventListener("scroll", _, !0);
|
|
68
70
|
}));
|
|
69
|
-
},
|
|
71
|
+
}, $ = () => {
|
|
70
72
|
t.triggerOnHover && (o && (clearTimeout(o), o = null), n.value || f());
|
|
71
73
|
}, E = () => {
|
|
72
74
|
t.triggerOnHover && (o && (clearTimeout(o), o = null), o = setTimeout(() => {
|
|
73
|
-
l.value && l.value.matches(":hover, :focus-within") ||
|
|
75
|
+
l.value && l.value.matches(":hover, :focus-within") || a();
|
|
74
76
|
}, 120));
|
|
75
|
-
},
|
|
77
|
+
}, z = (e) => {
|
|
76
78
|
t.triggerOnHover ? (e.preventDefault(), e.stopPropagation(), n.value || f()) : f();
|
|
77
|
-
},
|
|
79
|
+
}, O = () => $(), L = () => E(), I = () => {
|
|
78
80
|
l.value && (l.value.addEventListener("mouseenter", () => {
|
|
79
81
|
o && (clearTimeout(o), o = null);
|
|
80
82
|
}), l.value.addEventListener("mouseleave", () => {
|
|
81
83
|
E();
|
|
82
84
|
}));
|
|
83
85
|
};
|
|
84
|
-
|
|
85
|
-
e && t.triggerOnHover &&
|
|
86
|
+
N(n, (e) => {
|
|
87
|
+
e && t.triggerOnHover && S(() => I());
|
|
86
88
|
});
|
|
87
|
-
const
|
|
88
|
-
m("select", e),
|
|
89
|
+
const C = (e) => {
|
|
90
|
+
m("select", e), a();
|
|
89
91
|
};
|
|
90
|
-
return
|
|
92
|
+
return U(w), R({
|
|
91
93
|
/** Alterna el estado abierto/cerrado del popover */
|
|
92
94
|
toggle: f,
|
|
93
95
|
/** Cierra programáticamente el popover */
|
|
94
|
-
close:
|
|
96
|
+
close: a,
|
|
95
97
|
/** Ref reactiva del estado abierto */
|
|
96
98
|
isOpen: n
|
|
97
|
-
}), (e, c) => (
|
|
98
|
-
|
|
99
|
+
}), (e, c) => (r(), u("div", ae, [
|
|
100
|
+
(r(), b(j(t.triggerTag), {
|
|
99
101
|
ref_key: "referenceRef",
|
|
100
102
|
ref: i,
|
|
101
103
|
class: "rds-e-popover-menu__trigger-btn",
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
104
|
+
"aria-label": t.triggerAriaLabel,
|
|
105
|
+
type: t.triggerTag === "button" ? "button" : null,
|
|
106
|
+
onClick: z,
|
|
107
|
+
onMouseenter: O,
|
|
108
|
+
onMouseleave: L,
|
|
109
|
+
onFocus: O,
|
|
110
|
+
onBlur: L
|
|
111
|
+
}, {
|
|
112
|
+
default: G(() => [
|
|
113
|
+
k(e.$slots, "trigger", {}, void 0, !0)
|
|
114
|
+
]),
|
|
115
|
+
_: 3
|
|
116
|
+
}, 40, ["aria-label", "type"])),
|
|
117
|
+
(r(), b(W, {
|
|
111
118
|
to: d.teleportTo,
|
|
112
119
|
disabled: !d.teleportTo
|
|
113
120
|
}, [
|
|
114
|
-
n.value ? (
|
|
121
|
+
n.value ? (r(), u("div", {
|
|
115
122
|
key: 0,
|
|
116
123
|
ref_key: "floatingRef",
|
|
117
124
|
ref: l,
|
|
118
|
-
class:
|
|
119
|
-
style: q(
|
|
125
|
+
class: B(["rds-e-popover-menu__content", { "rds-e-popover-menu__content--no-styles": T.value }]),
|
|
126
|
+
style: q(J(M))
|
|
120
127
|
}, [
|
|
121
|
-
|
|
122
|
-
(
|
|
128
|
+
T.value ? k(e.$slots, "default", { key: 0 }, void 0, !0) : (r(), u("ul", ie, [
|
|
129
|
+
(r(!0), u(K, null, Q(d.items, (s, p) => k(e.$slots, "item", {
|
|
123
130
|
item: s,
|
|
124
131
|
index: p,
|
|
125
|
-
onSelect: () =>
|
|
132
|
+
onSelect: () => C(s)
|
|
126
133
|
}, () => [
|
|
127
|
-
(
|
|
134
|
+
(r(), u("li", {
|
|
128
135
|
key: p,
|
|
129
|
-
class:
|
|
130
|
-
onClick: (
|
|
136
|
+
class: B(["rds-e-popover-menu__item rds-body-02-bold", { "rds-e-popover-menu__item--destructive": s.isDestructive }]),
|
|
137
|
+
onClick: (fe) => C(s)
|
|
131
138
|
}, [
|
|
132
|
-
s.icon ? (
|
|
139
|
+
s.icon ? (r(), b(se, {
|
|
133
140
|
key: 0,
|
|
134
141
|
class: "rds-e-popover-menu__item-icon",
|
|
135
142
|
name: s.icon
|
|
136
|
-
}, null, 8, ["name"])) :
|
|
137
|
-
|
|
138
|
-
], 10,
|
|
143
|
+
}, null, 8, ["name"])) : H("", !0),
|
|
144
|
+
X("span", ue, Y(s.label), 1)
|
|
145
|
+
], 10, ce))
|
|
139
146
|
], !0)), 256))
|
|
140
147
|
]))
|
|
141
|
-
], 6)) :
|
|
148
|
+
], 6)) : H("", !0)
|
|
142
149
|
], 8, ["to", "disabled"]))
|
|
143
150
|
]));
|
|
144
151
|
}
|
|
145
|
-
}),
|
|
152
|
+
}), _e = /* @__PURE__ */ re(de, [["__scopeId", "data-v-523b47e1"]]);
|
|
146
153
|
export {
|
|
147
|
-
|
|
154
|
+
_e as default
|
|
148
155
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as y, computed as o, openBlock as a, createElementBlock as n, normalizeClass as u, createElementVNode as t, renderSlot as m, normalizeProps as g, mergeProps as B, createVNode as S, createTextVNode as h, createCommentVNode as p, guardReactiveProps as k, toDisplayString as d, normalizeStyle as x } from "vue";
|
|
2
|
-
import { R as C } from "./icon-svg-
|
|
2
|
+
import { R as C } from "./icon-svg-BWxX0W6p.js";
|
|
3
3
|
import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/progressBar.css';const w = ["id"], P = {
|
|
5
5
|
key: 0,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as w, useModel as B, ref as s, openBlock as I, createElementBlock as D, normalizeClass as r, createElementVNode as o, createVNode as c, withDirectives as m, vShow as v, vModelText as f, mergeModels as b } from "vue";
|
|
2
|
-
import { R as y } from "./icon-svg-
|
|
2
|
+
import { R as y } from "./icon-svg-BWxX0W6p.js";
|
|
3
3
|
import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/quantitySelector.css';const M = ["id"], x = ["id", "disabled"], $ = ["id", "disabled"], R = ["id", "disabled"], z = ["id", "disabled"], E = /* @__PURE__ */ w({
|
|
5
5
|
__name: "quantity-selector",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as L, ref as b, computed as f, inject as n, onMounted as D, onBeforeUnmount as p, openBlock as t, createElementBlock as m, normalizeClass as o, createElementVNode as v, unref as x, toDisplayString as E, createCommentVNode as h, createBlock as N } from "vue";
|
|
2
|
-
import { R as C } from "./icon-svg-
|
|
2
|
+
import { R as C } from "./icon-svg-BWxX0W6p.js";
|
|
3
3
|
import { g as G } from "./getInstance-GhoEcxLF.js";
|
|
4
4
|
import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
import './style/radioButton.css';const V = ["id", "value", "name", "disabled", "checked", "aria-label"], U = ["for"], $ = /* @__PURE__ */ L({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as N, computed as v, ref as i, openBlock as n, createElementBlock as u, normalizeClass as _, createElementVNode as V, createVNode as w, withModifiers as y, createCommentVNode as S, Fragment as q, renderList as T, toDisplayString as U } from "vue";
|
|
2
2
|
import { g as z } from "./getInstance-GhoEcxLF.js";
|
|
3
|
-
import { R as O } from "./icon-svg-
|
|
3
|
+
import { R as O } from "./icon-svg-BWxX0W6p.js";
|
|
4
4
|
import j from "./actionButton.es.js";
|
|
5
5
|
import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
import './style/searchField.css';const H = ["id", "placeholder", "disabled", "value", "maxlength", "aria-expanded", "aria-controls", "aria-activedescendant"], J = ["aria-label"], P = ["id", "aria-selected", "onClick"], Q = /* @__PURE__ */ N({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as d, ref as r, computed as h, openBlock as s, createElementBlock as p, normalizeClass as u, createBlock as f, createCommentVNode as m, createElementVNode as g, toDisplayString as y } from "vue";
|
|
2
|
-
import { R as _ } from "./icon-svg-
|
|
2
|
+
import { R as _ } from "./icon-svg-BWxX0W6p.js";
|
|
3
3
|
import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/selectionChip.css';const C = ["id", "disabled"], k = { class: "rds-e-selection-chip__text" }, S = /* @__PURE__ */ d({
|
|
5
5
|
__name: "selection-chip",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as B, toRefs as A, ref as c, computed as u, watch as N, openBlock as d, createElementBlock as l, normalizeClass as m, createElementVNode as o, withModifiers as O, normalizeStyle as R, renderSlot as v, toDisplayString as V, createCommentVNode as f, createVNode as z } from "vue";
|
|
2
|
-
import { R as D } from "./icon-svg-
|
|
2
|
+
import { R as D } from "./icon-svg-BWxX0W6p.js";
|
|
3
3
|
import { g as E } from "./getInstance-GhoEcxLF.js";
|
|
4
4
|
import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
import './style/sidedrawer.css';const I = ["aria-label"], T = { class: "rds-e-sidedrawer__header rds-mb-24" }, U = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-9dade050]: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-drag-and-drop[data-v-9dade050]{align-items:center;background-color:#fff;border:2px dashed #95b0c6;border-radius:.75rem;box-sizing:border-box;color:#43637d;cursor:pointer;display:inline-flex;min-height:6rem;padding:16px 24px;position:relative;text-align:left;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;width:343px}@media(max-width:719px){.rds-e-drag-and-drop[data-v-9dade050]{padding:16px}}@media(min-width:1280px){.rds-e-drag-and-drop[data-v-9dade050]{width:409px}}.rds-e-drag-and-drop--full-width[data-v-9dade050]{width:100%}@media(min-width:1280px){.rds-e-drag-and-drop--full-width[data-v-9dade050]{width:100%}}.rds-e-drag-and-drop[data-v-9dade050]:hover:not(.rds-e-drag-and-drop--disabled){background-color:#f4f8fa;border-color:#001e37;color:#001e37}.rds-e-drag-and-drop:hover:not(.rds-e-drag-and-drop--disabled) .rds-e-drag-and-drop__icon-wrapper[data-v-9dade050]{border-color:#009bbe}.rds-e-drag-and-drop:hover:not(.rds-e-drag-and-drop--disabled) .rds-e-drag-and-drop__icon[data-v-9dade050]{color:#009bbe}.rds-e-drag-and-drop:hover:not(.rds-e-drag-and-drop--disabled) .rds-e-drag-and-drop__text[data-v-9dade050]{color:#009bbe}.rds-e-drag-and-drop--dragging[data-v-9dade050]:not(.rds-e-drag-and-drop--disabled){background-color:#dbe6f0;border-color:#005870;color:#001e37}.rds-e-drag-and-drop--dragging:not(.rds-e-drag-and-drop--disabled) .rds-e-drag-and-drop__icon-wrapper[data-v-9dade050]{border-color:#001e37;color:#fff}.rds-e-drag-and-drop--error[data-v-9dade050]:not(.rds-e-drag-and-drop--disabled){border-color:#de1c2e;color:#de1c2e}.rds-e-drag-and-drop--error:not(.rds-e-drag-and-drop--disabled) .rds-e-drag-and-drop__icon-wrapper[data-v-9dade050]{border-color:#de1c2e}.rds-e-drag-and-drop--error:not(.rds-e-drag-and-drop--disabled) .rds-e-drag-and-drop__icon-wrapper .rds-e-icon[data-v-9dade050]{color:#de1c2e}.rds-e-drag-and-drop--error:not(.rds-e-drag-and-drop--disabled) .rds-e-drag-and-drop__text[data-v-9dade050]{color:#de1c2e;text-decoration:underline}.rds-e-drag-and-drop--error:not(.rds-e-drag-and-drop--disabled) .rds-e-drag-and-drop__detail[data-v-9dade050]{color:#de1c2e}.rds-e-drag-and-drop--error:not(.rds-e-drag-and-drop--disabled):hover .rds-e-drag-and-drop__icon-wrapper[data-v-9dade050]{background-color:#de1c2e;border-color:transparent;color:#fff}.rds-e-drag-and-drop--error:not(.rds-e-drag-and-drop--disabled):hover .rds-e-drag-and-drop__icon[data-v-9dade050],.rds-e-drag-and-drop--error:not(.rds-e-drag-and-drop--disabled):hover .rds-e-icon[data-v-9dade050]{color:#fff}.rds-e-drag-and-drop--disabled[data-v-9dade050]{opacity:.3;border-color:#d2d2d2;color:#717b84;cursor:not-allowed;pointer-events:none}.rds-e-drag-and-drop--disabled .rds-e-drag-and-drop__icon-wrapper[data-v-9dade050]{border-color:#d2d2d2;color:#717b84}.rds-e-drag-and-drop--disabled .rds-e-drag-and-drop__text[data-v-9dade050]{text-decoration:none}.rds-e-drag-and-drop:active:not(.rds-e-drag-and-drop--disabled) .rds-e-drag-and-drop__icon-wrapper[data-v-9dade050]{background-color:#f4f8fa;border-color:#009bbe;color:#006a82}.rds-e-drag-and-drop[data-v-9dade050]:focus-within:not(.rds-e-drag-and-drop--disabled):not(.rds-e-drag-and-drop--error){background-color:#fff;border:2px solid #009BBE;border-radius:.75rem;outline:none}.rds-e-drag-and-drop:focus-within:not(.rds-e-drag-and-drop--disabled):not(.rds-e-drag-and-drop--error) .rds-e-drag-and-drop__icon-wrapper[data-v-9dade050]{border-color:#009bbe;color:#009bbe}.rds-e-drag-and-drop__input[data-v-9dade050]{display:none}.rds-e-drag-and-drop__label[data-v-9dade050]{align-items:center;color:inherit;cursor:inherit;display:flex;flex-direction:row;gap:16px;justify-content:flex-start;width:100%}@media(max-width:719px){.rds-e-drag-and-drop__label[data-v-9dade050]{flex-direction:column}}.rds-e-drag-and-drop__icon-wrapper[data-v-9dade050]{align-items:center;border:1px solid #43637d;border-radius:50%;color:#001e37;display:flex;flex-shrink:0;height:3rem;justify-content:center;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;width:3rem}.rds-e-drag-and-drop__icon-wrapper-text[data-v-9dade050]{display:none;font-size:14px}@media(max-width:719px){.rds-e-drag-and-drop__icon-wrapper-text[data-v-9dade050]{display:block}}@media(max-width:719px){.rds-e-drag-and-drop__icon-wrapper[data-v-9dade050]{border-radius:999px;height:32px;padding:8px 12px;width:fit-content}}.rds-e-drag-and-drop__icon[data-v-9dade050]{font-size:1.5rem;height:1.5rem;width:1.5rem}@media(max-width:719px){.rds-e-drag-and-drop__icon[data-v-9dade050]{font-size:1rem;height:1rem;width:1rem}}.rds-e-drag-and-drop__text-container[data-v-9dade050]{display:flex;flex-direction:column;gap:4px;overflow:hidden;text-align:left}.rds-e-drag-and-drop__text[data-v-9dade050]{font:1rem/1.5rem RepsolSoleTextRegular;color:#001e37;display:block;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}@media(max-width:719px){.rds-e-drag-and-drop__text[data-v-9dade050]{display:none}}.rds-e-drag-and-drop__detail[data-v-9dade050]{font:.75rem/1rem RepsolSoleTextRegular;color:#43637d;display:block;overflow:hidden;text-overflow:ellipsis}@media(max-width:719px){.rds-e-drag-and-drop__detail[data-v-9dade050]{text-align:center}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-82a10aa1]: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-dropdown__text-only[data-v-82a10aa1]{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;max-width:100%;overflow:hidden;padding:4px;transition:background-color .2s ease-in-out;width:100%}.rds-e-dropdown__text-only span[data-v-82a10aa1]{font:1rem/1.5rem RepsolSoleTextRegular;color:#43637d;margin-right:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rds-e-dropdown__text-only[data-v-82a10aa1]:hover{background-color:#f4f8fa}.rds-e-dropdown__text-only:hover span[data-v-82a10aa1]{color:#009bbe}.rds-e-dropdown__text-only.active[data-v-82a10aa1]{background-color:#f4f8fa}.rds-e-dropdown__text-only .rds-e-dropdown__input-caret[data-v-82a10aa1]{flex-shrink:0;margin-left:auto}.rds-e-dropdown--inverse.rds-e-dropdown--text-only .rds-e-dropdown__text-only span[data-v-82a10aa1],.rds-e-dropdown--inverse.rds-e-dropdown--text-only .rds-e-dropdown__text-only .rds-e-icon-svg[data-v-82a10aa1]{color:#fff}.rds-e-dropdown--inverse.rds-e-dropdown--text-only .rds-e-dropdown__text-only[data-v-82a10aa1]:hover{background-color:#ffffff80}.rds-e-dropdown--disabled[data-v-82a10aa1]{cursor:not-allowed;pointer-events:none}.rds-e-dropdown__option[data-v-82a10aa1]{align-content:center;align-items:center;display:grid;grid-template-columns:1fr auto;justify-content:space-between;padding:4px 0;width:100%}.rds-e-dropdown__option--content[data-v-82a10aa1]{align-content:flex-start;align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-around;min-width:0;width:100%}.rds-e-dropdown__option--content>span[data-v-82a10aa1]:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.rds-e-dropdown__option-detail[data-v-82a10aa1]{font:.875rem/1.25rem RepsolSoleTextRegular;-webkit-box-orient:vertical;color:#43637d;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal}.rds-e-dropdown__option-container[data-v-82a10aa1]{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;overflow:hidden;white-space:normal}.rds-e-dropdown__option--append[data-v-82a10aa1]{align-content:center}.rds-e-dropdown__option--prepend[data-v-82a10aa1] .rds-e-checkbox__container{padding-top:9px}.rds-e-dropdown__option--prepend[data-v-82a10aa1] .rds-e-radio__container{padding:7px 0 0}.rds-e-dropdown__option--prepend[data-v-82a10aa1] .rds-e-radio__label{margin:0}.rds-e-dropdown__before-list[data-v-82a10aa1]{background:linear-gradient(0deg,#fff0,#fff 20%);display:block;padding:16px 0;position:relative;top:0;width:100%}.rds-e-dropdown__before-list-container[data-v-82a10aa1]{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;width:100%}.rds-e-dropdown__before-list-container .rds-e-textfield[data-v-82a10aa1]{width:100%;z-index:6}.rds-e-dropdown__after-list[data-v-82a10aa1]{background:linear-gradient(180deg,#fff0,#fff 20%);bottom:-16px;display:block;padding:16px;position:sticky}.rds-e-dropdown__after-list-container[data-v-82a10aa1]{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around}.rds-e-dropdown__input-caret[data-v-82a10aa1]{transition:transform .2s ease}.rds-e-dropdown__input-caret--open[data-v-82a10aa1]{transform:rotate(-180deg)}.rds-e-dropdown__input-wrapper[data-v-82a10aa1],.rds-e-dropdown__input-wrapper[data-v-82a10aa1] .rds-e-textfield__input{cursor:pointer}.rds-e-dropdown[data-v-82a10aa1] .multiselect__select{display:none}.rds-e-dropdown[data-v-82a10aa1] .multiselect__tags{background:transparent;border:none;border-radius:none;display:block;font-size:unset;min-height:unset;padding:0}.rds-e-dropdown[data-v-82a10aa1] .multiselect__single{display:none}.rds-e-dropdown[data-v-82a10aa1] .multiselect__option{align-content:center;align-items:center;border-radius:12px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;line-height:unset;padding:8px}.rds-e-dropdown[data-v-82a10aa1] .multiselect__option--highlight{background-color:#f4f8fa!important;color:#009bbe!important}.rds-e-dropdown[data-v-82a10aa1] .multiselect__option--selected{color:#001e37;font-weight:400}.rds-e-dropdown[data-v-82a10aa1] .multiselect__option--disabled{opacity:.3}.rds-e-dropdown[data-v-82a10aa1] .multiselect__content-wrapper{box-shadow:0 4px 16px #00132414;border:none;border-radius:16px;margin-top:.5rem;padding:16px}.rds-e-dropdown[data-v-82a10aa1] .multiselect__content-wrapper--small{padding:8px}.rds-e-dropdown[data-v-82a10aa1] .multiselect__content-wrapper--teleported{box-shadow:0 4px 16px #00132414;border:none;border-radius:16px;padding:16px}.rds-e-dropdown[data-v-82a10aa1] .multiselect__content-wrapper--teleported .multiselect__option{align-content:center;align-items:center;border-radius:12px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;line-height:unset;padding:8px}.rds-e-dropdown[data-v-82a10aa1] .multiselect__content-wrapper--teleported .multiselect__option--highlight{background-color:#f4f8fa!important;color:#009bbe!important}.rds-e-dropdown[data-v-82a10aa1] .multiselect__content-wrapper--teleported .multiselect__option--selected{color:#001e37;font-weight:400}.rds-e-dropdown[data-v-82a10aa1] .multiselect__content-wrapper--teleported .multiselect__option--disabled{opacity:.3}.rds-e-dropdown[data-v-82a10aa1] .multiselect__content-wrapper--teleported.multiselect__content-wrapper--small{padding:8px}.rds-e-dropdown[data-v-82a10aa1] .multiselect__content-wrapper--teleported.multiselect__content-wrapper--small .multiselect__option,.rds-e-dropdown--small[data-v-82a10aa1] .multiselect__option{padding:4px}.rds-e-dropdown--small[data-v-82a10aa1] .rds-e-checkbox__container{padding:0}
|
|
1
|
+
[data-v-32cd5611]: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-dropdown__text-only[data-v-32cd5611]{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;max-width:100%;overflow:hidden;padding:4px;transition:background-color .2s ease-in-out;width:100%}.rds-e-dropdown__text-only span[data-v-32cd5611]{font:1rem/1.5rem RepsolSoleTextRegular;color:#43637d;margin-right:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rds-e-dropdown__text-only[data-v-32cd5611]:hover{background-color:#f4f8fa}.rds-e-dropdown__text-only:hover span[data-v-32cd5611]{color:#009bbe}.rds-e-dropdown__text-only.active[data-v-32cd5611]{background-color:#f4f8fa}.rds-e-dropdown__text-only .rds-e-dropdown__input-caret[data-v-32cd5611]{flex-shrink:0;margin-left:auto}.rds-e-dropdown--inverse.rds-e-dropdown--text-only .rds-e-dropdown__text-only span[data-v-32cd5611],.rds-e-dropdown--inverse.rds-e-dropdown--text-only .rds-e-dropdown__text-only .rds-e-icon-svg[data-v-32cd5611]{color:#fff}.rds-e-dropdown--inverse.rds-e-dropdown--text-only .rds-e-dropdown__text-only[data-v-32cd5611]:hover{background-color:#ffffff80}.rds-e-dropdown--disabled[data-v-32cd5611]{cursor:not-allowed;pointer-events:none}.rds-e-dropdown__option[data-v-32cd5611]{align-content:center;align-items:center;display:grid;grid-template-columns:1fr auto;justify-content:space-between;padding:4px 0;width:100%}.rds-e-dropdown__option--content[data-v-32cd5611]{align-content:flex-start;align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-around;min-width:0;width:100%}.rds-e-dropdown__option--content>span[data-v-32cd5611]:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.rds-e-dropdown__option-detail[data-v-32cd5611]{font:.875rem/1.25rem RepsolSoleTextRegular;-webkit-box-orient:vertical;color:#43637d;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal}.rds-e-dropdown__option-container[data-v-32cd5611]{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;overflow:hidden;white-space:normal}.rds-e-dropdown__option--append[data-v-32cd5611]{align-content:center}.rds-e-dropdown__option--prepend[data-v-32cd5611] .rds-e-checkbox__container{padding-top:9px}.rds-e-dropdown__option--prepend[data-v-32cd5611] .rds-e-radio__container{padding:7px 0 0}.rds-e-dropdown__option--prepend[data-v-32cd5611] .rds-e-radio__label{margin:0}.rds-e-dropdown__before-list[data-v-32cd5611]{background:linear-gradient(0deg,#fff0,#fff 20%);display:block;padding:16px 0;position:relative;top:0;width:100%}.rds-e-dropdown__before-list-container[data-v-32cd5611]{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;width:100%}.rds-e-dropdown__before-list-container .rds-e-textfield[data-v-32cd5611]{width:100%;z-index:6}.rds-e-dropdown__after-list[data-v-32cd5611]{background:linear-gradient(180deg,#fff0,#fff 20%);bottom:-16px;display:block;padding:16px;position:sticky}.rds-e-dropdown__after-list-container[data-v-32cd5611]{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around}.rds-e-dropdown__lazy-sentinel[data-v-32cd5611]{display:block;height:1px;list-style:none;margin:0;padding:0;pointer-events:none;width:100%}.rds-e-dropdown__skeleton-element[data-v-32cd5611]{list-style:none;margin:0;padding:0}.rds-e-dropdown__skeleton-item[data-v-32cd5611]{align-items:flex-start;display:flex;flex-direction:column;gap:4px;padding:8px;pointer-events:none;width:100%}.rds-e-dropdown__skeleton-line[data-v-32cd5611]{animation:rds-e-dropdown-skeleton-shimmer-32cd5611 1.2s linear infinite;background:linear-gradient(90deg,#e9edf3 25%,#f4f6fa,#e9edf3 65%);background-size:200% 100%;border-radius:12px;display:block}.rds-e-dropdown__skeleton-line--primary[data-v-32cd5611]{height:.875rem;width:68%}.rds-e-dropdown__skeleton-line--secondary[data-v-32cd5611]{height:.625rem;width:44%}@keyframes rds-e-dropdown-skeleton-shimmer-32cd5611{0%{background-position:100% 0}to{background-position:-100% 0}}.rds-e-dropdown__input-caret[data-v-32cd5611]{transition:transform .2s ease}.rds-e-dropdown__input-caret--open[data-v-32cd5611]{transform:rotate(-180deg)}.rds-e-dropdown__input-wrapper[data-v-32cd5611],.rds-e-dropdown__input-wrapper[data-v-32cd5611] .rds-e-textfield__input{cursor:pointer}.rds-e-dropdown[data-v-32cd5611] .multiselect__select{display:none}.rds-e-dropdown[data-v-32cd5611] .multiselect__tags{background:transparent;border:none;border-radius:none;display:block;font-size:unset;min-height:unset;padding:0}.rds-e-dropdown[data-v-32cd5611] .multiselect__single{display:none}.rds-e-dropdown[data-v-32cd5611] .multiselect__option{align-content:center;align-items:center;border-radius:12px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;line-height:unset;padding:8px}.rds-e-dropdown[data-v-32cd5611] .multiselect__option--highlight{background-color:#f4f8fa!important;color:#009bbe!important}.rds-e-dropdown[data-v-32cd5611] .multiselect__option--selected{color:#001e37;font-weight:400}.rds-e-dropdown[data-v-32cd5611] .multiselect__option--disabled{opacity:.3}.rds-e-dropdown[data-v-32cd5611] .multiselect__content-wrapper{box-shadow:0 4px 16px #00132414;border:none;border-radius:16px;margin-top:.5rem;padding:16px}.rds-e-dropdown[data-v-32cd5611] .multiselect__content-wrapper--small{padding:8px}.rds-e-dropdown[data-v-32cd5611] .multiselect__content-wrapper--teleported{box-shadow:0 4px 16px #00132414;border:none;border-radius:16px;padding:16px}.rds-e-dropdown[data-v-32cd5611] .multiselect__content-wrapper--teleported .multiselect__option{align-content:center;align-items:center;border-radius:12px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;line-height:unset;padding:8px}.rds-e-dropdown[data-v-32cd5611] .multiselect__content-wrapper--teleported .multiselect__option--highlight{background-color:#f4f8fa!important;color:#009bbe!important}.rds-e-dropdown[data-v-32cd5611] .multiselect__content-wrapper--teleported .multiselect__option--selected{color:#001e37;font-weight:400}.rds-e-dropdown[data-v-32cd5611] .multiselect__content-wrapper--teleported .multiselect__option--disabled{opacity:.3}.rds-e-dropdown[data-v-32cd5611] .multiselect__content-wrapper--teleported.multiselect__content-wrapper--small{padding:8px}.rds-e-dropdown[data-v-32cd5611] .multiselect__content-wrapper--teleported.multiselect__content-wrapper--small .multiselect__option,.rds-e-dropdown--small[data-v-32cd5611] .multiselect__option{padding:4px}.rds-e-dropdown--small[data-v-32cd5611] .rds-e-checkbox__container{padding:0}
|