energy-components 1.20.0-beta.0 → 1.20.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.
Files changed (46) hide show
  1. package/dist/components/accordion.es.js +1 -1
  2. package/dist/components/avatar.es.js +1 -1
  3. package/dist/components/button.es.js +1 -1
  4. package/dist/components/checkbox.es.js +1 -1
  5. package/dist/components/collapsable.es.js +1 -1
  6. package/dist/components/{collapsable.scss_vue_type_style_index_0_src_true_lang-C2ohjDhp.js → collapsable.scss_vue_type_style_index_0_src_true_lang-6HkNT8L9.js} +1 -1
  7. package/dist/components/datepicker.es.js +1 -1
  8. package/dist/components/directAccess.es.js +1 -1
  9. package/dist/components/dragAndDrop.es.js +1 -1
  10. package/dist/components/dropdown.es.js +1 -1
  11. package/dist/components/fileUploadItem.es.js +45 -34
  12. package/dist/components/filterChip.es.js +1 -1
  13. package/dist/components/filterTag.es.js +1 -1
  14. package/dist/components/{icon-svg-arye8CV8.js → icon-svg-C8XeOnqu.js} +805 -767
  15. package/dist/components/iconList.es.js +1 -1
  16. package/dist/components/iconSvg.es.js +1 -1
  17. package/dist/components/index.es.js +2 -2
  18. package/dist/components/infoBox.es.js +1 -1
  19. package/dist/components/link.es.js +1 -1
  20. package/dist/components/modal.es.js +1 -1
  21. package/dist/components/persistentToast.es.js +1 -1
  22. package/dist/components/popover.es.js +107 -74
  23. package/dist/components/popoverMenu.es.js +98 -75
  24. package/dist/components/progressBar.es.js +1 -1
  25. package/dist/components/quantitySelector.es.js +1 -1
  26. package/dist/components/radioButton.es.js +1 -1
  27. package/dist/components/selectionChip.es.js +1 -1
  28. package/dist/components/sidedrawer.es.js +1 -1
  29. package/dist/components/style/fileUploadItem.css +1 -1
  30. package/dist/components/style/popover.css +1 -1
  31. package/dist/components/style/popoverMenu.css +1 -1
  32. package/dist/components/switch.es.js +1 -1
  33. package/dist/components/tabBar.es.js +1 -1
  34. package/dist/components/tableslotedcomponent.es.js +1 -1
  35. package/dist/components/tag.es.js +1 -1
  36. package/dist/components/textArea.es.js +1 -1
  37. package/dist/components/textField.es.js +1 -1
  38. package/dist/components/tooltip.es.js +1 -1
  39. package/dist/energy-components.es.js +4570 -4465
  40. package/dist/energy-components.umd.js +2 -2
  41. package/dist/style.css +1 -1
  42. package/dist/types/src/components/input/file-upload-item/file-upload-item.vue.d.ts +17 -0
  43. package/dist/types/src/components/overlay/popover/popover.vue.d.ts +2 -0
  44. package/dist/types/src/components/overlay/popover-menu/popover-menu.vue.d.ts +3 -0
  45. package/dist/types/tsconfig.tsbuildinfo +1 -1
  46. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as p, ref as a, computed as v, createElementBlock as s, openBlock as i, Fragment as u, withDirectives as f, createElementVNode as r, vModelText as C, renderList as L, normalizeClass as x, createVNode as g, toDisplayString as h } from "vue";
2
- import { i as m, R as k } from "./icon-svg-arye8CV8.js";
2
+ import { i as m, R as k } from "./icon-svg-C8XeOnqu.js";
3
3
  import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/iconList.css';const y = { class: "rds-e-icon-list" }, D = ["onClick"], N = /* @__PURE__ */ p({
5
5
  __name: "icon-list",
@@ -1,4 +1,4 @@
1
- import { R as a } from "./icon-svg-arye8CV8.js";
1
+ import { R as a } from "./icon-svg-C8XeOnqu.js";
2
2
  import "./_plugin-vue_export-helper-CHgC5LLL.js";
3
3
  export {
4
4
  a as default
@@ -1,4 +1,4 @@
1
- import { R as i } from "./icon-svg-arye8CV8.js";
1
+ import { R as i } from "./icon-svg-C8XeOnqu.js";
2
2
  import a from "./button.es.js";
3
3
  import e from "./floatingActionButton.es.js";
4
4
  import m from "./actionButton.es.js";
@@ -24,7 +24,7 @@ import P from "./divider.es.js";
24
24
  import _ from "./card.es.js";
25
25
  import h from "./tablepaginatedcomponent.es.js";
26
26
  import x from "./avatar.es.js";
27
- import { _ as I } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-C2ohjDhp.js";
27
+ import { _ as I } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-6HkNT8L9.js";
28
28
  import F from "./link.es.js";
29
29
  import k from "./breadcrumbs.es.js";
30
30
  import w from "./tabBar.es.js";
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as h, ref as u, toRefs as k, computed as $, watch as S, nextTick as w, createElementBlock as t, openBlock as o, normalizeClass as m, createElementVNode as a, createCommentVNode as s, createVNode as b, toDisplayString as r, renderSlot as v } from "vue";
2
- import { R as _ } from "./icon-svg-arye8CV8.js";
2
+ import { R as _ } from "./icon-svg-C8XeOnqu.js";
3
3
  import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/infoBox.css';const q = ["id"], B = { class: "alert" }, H = {
5
5
  key: 0,
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as $, toRefs as M, computed as m, createBlock as p, openBlock as s, resolveDynamicComponent as O, unref as e, normalizeStyle as P, normalizeClass as k, withCtx as T, createCommentVNode as d, createElementBlock as I, mergeProps as v, renderSlot as D, createTextVNode as R, toDisplayString as j } from "vue";
2
- import { R as y } from "./icon-svg-arye8CV8.js";
2
+ import { R as y } from "./icon-svg-C8XeOnqu.js";
3
3
  import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/link.css';const A = /* @__PURE__ */ $({
5
5
  __name: "link",
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as b, ref as C, computed as c, createBlock as p, createCommentVNode as l, openBlock as d, unref as i, withCtx as f, createVNode as k, withModifiers as R, normalizeStyle as S, createElementVNode as n, createElementBlock as a, renderSlot as m } from "vue";
2
2
  import w from "./overlay.es.js";
3
3
  import $ from "./card.es.js";
4
- import { R as q } from "./icon-svg-arye8CV8.js";
4
+ import { R as q } from "./icon-svg-C8XeOnqu.js";
5
5
  import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
6
6
  import './style/modal.css';const H = { class: "rds-e-modal__container" }, B = { class: "rds-e-modal__header" }, N = { class: "rds-e-modal__header-text" }, O = {
7
7
  key: 0,
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as f, toRefs as y, computed as g, createElementBlock as t, openBlock as s, normalizeClass as h, createElementVNode as r, createCommentVNode as o, createVNode as a, toDisplayString as c, renderSlot as d } from "vue";
2
- import { R as l } from "./icon-svg-arye8CV8.js";
2
+ import { R as l } from "./icon-svg-C8XeOnqu.js";
3
3
  import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/persistentToast.css';const S = ["id"], $ = { class: "alert" }, C = {
5
5
  key: 0,
@@ -1,11 +1,11 @@
1
- import { useSlots as $, computed as v, ref as g, onBeforeUnmount as D, createElementBlock as r, openBlock as s, createElementVNode as w, createBlock as E, renderSlot as y, Teleport as F, createCommentVNode as T, normalizeStyle as N, normalizeClass as B, unref as z, Fragment as H, renderList as M, toDisplayString as V, nextTick as A } from "vue";
2
- import { o as I, f as U, s as j, b as W, u as q, a as G } from "./floating-ui.vue-oA1DfKeS.js";
3
- import { R as J } from "./icon-svg-arye8CV8.js";
4
- import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
- import './style/popover.css';const Q = { class: "rds-e-popover" }, X = {
1
+ import { useSlots as V, computed as y, ref as _, watch as A, nextTick as L, onBeforeUnmount as U, createElementBlock as c, openBlock as a, createElementVNode as B, createBlock as H, renderSlot as h, Teleport as j, createCommentVNode as C, normalizeStyle as G, normalizeClass as R, unref as W, Fragment as q, renderList as J, toDisplayString as K } from "vue";
2
+ import { o as Q, f as X, s as Y, b as Z, u as ee, a as te } from "./floating-ui.vue-oA1DfKeS.js";
3
+ import { R as oe } from "./icon-svg-C8XeOnqu.js";
4
+ import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
+ import './style/popover.css';const le = { class: "rds-e-popover" }, se = {
6
6
  key: 1,
7
7
  class: "rds-e-popover__list"
8
- }, Y = ["onClick"], Z = { class: "rds-e-popover__item-label" }, ee = {
8
+ }, re = ["onClick"], ae = { class: "rds-e-popover__item-label" }, ie = {
9
9
  __name: "popover",
10
10
  props: {
11
11
  /**
@@ -64,6 +64,13 @@ import './style/popover.css';const Q = { class: "rds-e-popover" }, X = {
64
64
  closeOnTriggerHidden: {
65
65
  type: Boolean,
66
66
  default: !1
67
+ },
68
+ /**
69
+ * <span>Si true, el popover se abre al hacer hover/focus sobre el trigger y se cierra al salir (desktop). Por defecto sólo click.</span>
70
+ */
71
+ triggerOnHover: {
72
+ type: Boolean,
73
+ default: !1
67
74
  }
68
75
  },
69
76
  emits: [
@@ -80,106 +87,132 @@ import './style/popover.css';const Q = { class: "rds-e-popover" }, X = {
80
87
  */
81
88
  "close"
82
89
  ],
83
- setup(c, { expose: L, emit: O }) {
84
- const o = c, u = O, R = $(), _ = v(() => !!R.default), n = g(!1), l = g(null), i = g(null), C = v(() => {
90
+ setup(u, { expose: F, emit: P }) {
91
+ const t = u, p = P, x = V(), k = y(() => !!x.default), n = _(!1), i = _(null), l = _(null), D = y(() => {
85
92
  const e = [
86
- I(o.offsetSpace)
93
+ Q(t.offsetSpace)
87
94
  ];
88
- return o.autoFlip && e.push(
89
- U({
90
- fallbackPlacements: o.fallbackPlacements.length ? o.fallbackPlacements : void 0
95
+ return t.autoFlip && e.push(
96
+ X({
97
+ fallbackPlacements: t.fallbackPlacements.length ? t.fallbackPlacements : void 0
91
98
  })
92
99
  ), e.push(
93
- j({ padding: 8 }),
94
- W({
95
- apply({ availableWidth: S, elements: t }) {
96
- const d = Math.min(o.width, S - 32);
97
- Object.assign(t.floating.style, {
98
- width: `${d}px`
100
+ Y({ padding: 8 }),
101
+ Z({
102
+ apply({ availableWidth: S, elements: s }) {
103
+ const f = Math.min(t.width, S - 32);
104
+ Object.assign(s.floating.style, {
105
+ width: `${f}px`
99
106
  });
100
107
  }
101
108
  })
102
109
  ), e;
103
- }), { floatingStyles: x, update: P } = q(
104
- l,
110
+ }), { floatingStyles: M, update: $ } = ee(
105
111
  i,
112
+ l,
106
113
  {
107
- placement: v(() => o.placement),
108
- middleware: C,
109
- whileElementsMounted: G
114
+ placement: y(() => t.placement),
115
+ middleware: D,
116
+ whileElementsMounted: te
110
117
  }
111
118
  );
112
- let p, f, m;
113
- const k = () => {
114
- document.removeEventListener("click", p), document.removeEventListener("keydown", f), document.removeEventListener("scroll", m, !0);
115
- }, a = () => {
116
- n.value && (n.value = !1, u("close"), k());
119
+ let v, m, g, o = null;
120
+ const b = () => {
121
+ document.removeEventListener("click", v), document.removeEventListener("keydown", m), document.removeEventListener("scroll", g, !0);
122
+ }, r = () => {
123
+ n.value && (n.value = !1, p("close"), b());
117
124
  };
118
- p = (e) => {
119
- i.value && !i.value.contains(e.target) && l.value && !l.value.contains(e.target) && a();
120
- }, f = (e) => {
121
- e.key === "Escape" && a();
122
- }, m = () => {
123
- if (!l.value) return;
124
- const e = l.value.getBoundingClientRect();
125
- (e.bottom < 0 || e.top > window.innerHeight) && a();
125
+ v = (e) => {
126
+ l.value && !l.value.contains(e.target) && i.value && !i.value.contains(e.target) && r();
127
+ }, m = (e) => {
128
+ e.key === "Escape" && r();
129
+ }, g = () => {
130
+ if (!i.value) return;
131
+ const e = i.value.getBoundingClientRect();
132
+ (e.bottom < 0 || e.top > window.innerHeight) && r();
126
133
  };
127
- const b = async () => {
128
- n.value ? a() : (n.value = !0, u("open"), await A(), P(), setTimeout(() => {
129
- document.addEventListener("click", p), document.addEventListener("keydown", f), o.closeOnTriggerHidden && document.addEventListener("scroll", m, !0);
134
+ const d = async () => {
135
+ n.value ? r() : (n.value = !0, p("open"), await L(), $(), setTimeout(() => {
136
+ document.addEventListener("click", v), document.addEventListener("keydown", m), t.closeOnTriggerHidden && document.addEventListener("scroll", g, !0);
130
137
  }));
131
- }, h = (e) => {
132
- u("select", e), a();
138
+ }, N = () => {
139
+ t.triggerOnHover && (o && (clearTimeout(o), o = null), n.value || d());
140
+ }, T = () => {
141
+ t.triggerOnHover && (o && (clearTimeout(o), o = null), o = setTimeout(() => {
142
+ l.value && l.value.matches(":hover, :focus-within") || r();
143
+ }, 120));
144
+ }, z = (e) => {
145
+ t.triggerOnHover ? (e.preventDefault(), e.stopPropagation(), n.value || d()) : d();
146
+ }, E = () => {
147
+ N();
148
+ }, w = () => {
149
+ T();
150
+ }, I = () => {
151
+ l.value && (l.value.addEventListener("mouseenter", () => {
152
+ o && (clearTimeout(o), o = null);
153
+ }), l.value.addEventListener("mouseleave", () => {
154
+ T();
155
+ }));
156
+ };
157
+ A(n, (e) => {
158
+ e && t.triggerOnHover && L(() => I());
159
+ });
160
+ const O = (e) => {
161
+ p("select", e), r();
133
162
  };
134
- return D(k), L({
135
- toggle: b,
136
- close: a,
163
+ return U(b), F({
164
+ toggle: d,
165
+ close: r,
137
166
  isOpen: n
138
- }), (e, S) => (s(), r("div", Q, [
139
- w("button", {
167
+ }), (e, S) => (a(), c("div", le, [
168
+ B("button", {
140
169
  ref_key: "referenceRef",
141
- ref: l,
170
+ ref: i,
142
171
  class: "rds-e-popover__trigger-btn",
143
- onClick: b
172
+ onClick: z,
173
+ onMouseenter: E,
174
+ onMouseleave: w,
175
+ onFocus: E,
176
+ onBlur: w
144
177
  }, [
145
- y(e.$slots, "trigger", {}, void 0, !0)
146
- ], 512),
147
- (s(), E(F, {
148
- to: c.teleportTo,
149
- disabled: !c.teleportTo
178
+ h(e.$slots, "trigger", {}, void 0, !0)
179
+ ], 544),
180
+ (a(), H(j, {
181
+ to: u.teleportTo,
182
+ disabled: !u.teleportTo
150
183
  }, [
151
- n.value ? (s(), r("div", {
184
+ n.value ? (a(), c("div", {
152
185
  key: 0,
153
186
  ref_key: "floatingRef",
154
- ref: i,
155
- class: B(["rds-e-popover__content", { "rds-e-popover__content--no-styles": _.value }]),
156
- style: N(z(x))
187
+ ref: l,
188
+ class: R(["rds-e-popover__content", { "rds-e-popover__content--no-styles": k.value }]),
189
+ style: G(W(M))
157
190
  }, [
158
- _.value ? y(e.$slots, "default", { key: 0 }, void 0, !0) : (s(), r("ul", X, [
159
- (s(!0), r(H, null, M(c.items, (t, d) => y(e.$slots, "item", {
160
- item: t,
161
- index: d,
162
- onSelect: () => h(t)
191
+ k.value ? h(e.$slots, "default", { key: 0 }, void 0, !0) : (a(), c("ul", se, [
192
+ (a(!0), c(q, null, J(u.items, (s, f) => h(e.$slots, "item", {
193
+ item: s,
194
+ index: f,
195
+ onSelect: () => O(s)
163
196
  }, () => [
164
- (s(), r("li", {
165
- key: d,
166
- class: B(["rds-e-popover__item rds-body-02-bold", { "rds-e-popover__item--destructive": t.isDestructive }]),
167
- onClick: (te) => h(t)
197
+ (a(), c("li", {
198
+ key: f,
199
+ class: R(["rds-e-popover__item rds-body-02-bold", { "rds-e-popover__item--destructive": s.isDestructive }]),
200
+ onClick: (ce) => O(s)
168
201
  }, [
169
- t.icon ? (s(), E(J, {
202
+ s.icon ? (a(), H(oe, {
170
203
  key: 0,
171
204
  class: "rds-e-popover__item-icon",
172
- name: t.icon
173
- }, null, 8, ["name"])) : T("", !0),
174
- w("span", Z, V(t.label), 1)
175
- ], 10, Y))
205
+ name: s.icon
206
+ }, null, 8, ["name"])) : C("", !0),
207
+ B("span", ae, K(s.label), 1)
208
+ ], 10, re))
176
209
  ], !0)), 256))
177
210
  ]))
178
- ], 6)) : T("", !0)
211
+ ], 6)) : C("", !0)
179
212
  ], 8, ["to", "disabled"]))
180
213
  ]));
181
214
  }
182
- }, ae = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-a037baf0"]]);
215
+ }, ve = /* @__PURE__ */ ne(ie, [["__scopeId", "data-v-97579838"]]);
183
216
  export {
184
- ae as default
217
+ ve as default
185
218
  };
@@ -1,11 +1,11 @@
1
- import { defineComponent as D, useSlots as F, computed as v, ref as _, onBeforeUnmount as M, createElementBlock as c, openBlock as n, createElementVNode as w, createBlock as E, renderSlot as g, Teleport as z, createCommentVNode as S, normalizeStyle as H, normalizeClass as T, unref as V, Fragment as x, renderList as I, toDisplayString as N, nextTick as U } from "vue";
2
- import { o as j, f as W, s as q, b as A, u as G, a as J } from "./floating-ui.vue-oA1DfKeS.js";
3
- import { R as K } from "./icon-svg-arye8CV8.js";
4
- import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
- import './style/popoverMenu.css';const X = { class: "rds-e-popover-menu" }, Y = {
1
+ import { defineComponent as N, useSlots as U, computed as _, ref as h, watch as j, nextTick as S, onBeforeUnmount as G, createElementBlock as u, openBlock as a, createElementVNode as B, createBlock as L, renderSlot as k, Teleport as W, createCommentVNode as C, normalizeStyle as q, normalizeClass as H, unref as A, Fragment as J, renderList as K, toDisplayString as Q } from "vue";
2
+ import { o as X, f as Y, s as Z, b as ee, u as te, a as oe } from "./floating-ui.vue-oA1DfKeS.js";
3
+ import { R as ne } from "./icon-svg-C8XeOnqu.js";
4
+ import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
+ import './style/popoverMenu.css';const se = { class: "rds-e-popover-menu" }, re = {
6
6
  key: 1,
7
7
  class: "rds-e-popover-menu__list"
8
- }, Z = ["onClick"], ee = { class: "rds-e-popover-menu__item-label" }, te = /* @__PURE__ */ D({
8
+ }, ae = ["onClick"], ie = { class: "rds-e-popover-menu__item-label" }, ce = /* @__PURE__ */ N({
9
9
  __name: "popover-menu",
10
10
  props: {
11
11
  items: { default: () => [] },
@@ -15,111 +15,134 @@ import './style/popoverMenu.css';const X = { class: "rds-e-popover-menu" }, Y =
15
15
  width: { default: 240 },
16
16
  teleportTo: { default: null },
17
17
  autoFlip: { type: Boolean, default: !1 },
18
- closeOnTriggerHidden: { type: Boolean, default: !1 }
18
+ closeOnTriggerHidden: { type: Boolean, default: !1 },
19
+ triggerOnHover: { type: Boolean, default: !1 }
19
20
  },
20
21
  emits: ["select", "open", "close"],
21
- setup(B, { expose: C, emit: L }) {
22
- const o = B, u = L, O = F(), k = v(() => !!O.default), s = _(!1), l = _(null), i = _(null), R = v(() => {
23
- const e = [j(o.offsetSpace)];
24
- return o.autoFlip && e.push(
25
- W({
26
- fallbackPlacements: o.fallbackPlacements.length ? o.fallbackPlacements.filter(Boolean) : void 0
22
+ setup(R, { expose: F, emit: M }) {
23
+ const t = R, f = M, P = U(), y = _(() => !!P.default), n = h(!1), i = h(null), l = h(null), D = _(() => {
24
+ const e = [X(t.offsetSpace)];
25
+ return t.autoFlip && e.push(
26
+ Y({
27
+ fallbackPlacements: t.fallbackPlacements.length ? t.fallbackPlacements.filter(Boolean) : void 0
27
28
  })
28
29
  ), e.push(
29
- q({ padding: 8 }),
30
- A({
31
- apply({ availableWidth: r, elements: t }) {
32
- const d = Math.min(o.width, r - 32);
33
- Object.assign(t.floating.style, {
34
- width: `${d}px`
30
+ Z({ padding: 8 }),
31
+ ee({
32
+ apply({ availableWidth: c, elements: s }) {
33
+ const p = Math.min(t.width, c - 32);
34
+ Object.assign(s.floating.style, {
35
+ width: `${p}px`
35
36
  });
36
37
  }
37
38
  })
38
39
  ), e;
39
- }), { floatingStyles: P, update: $ } = G(
40
- l,
40
+ }), { floatingStyles: $, update: z } = te(
41
41
  i,
42
+ l,
42
43
  {
43
- placement: v(() => o.placement),
44
- middleware: R,
45
- whileElementsMounted: J
44
+ placement: _(() => t.placement),
45
+ middleware: D,
46
+ whileElementsMounted: oe
46
47
  }
47
48
  );
48
- let p, f, m;
49
- const y = () => {
50
- document.removeEventListener("click", p), document.removeEventListener("keydown", f), document.removeEventListener("scroll", m, !0);
51
- }, a = () => {
52
- s.value && (s.value = !1, u("close"), y());
49
+ let m, v, g, o = null;
50
+ const b = () => {
51
+ document.removeEventListener("click", m), document.removeEventListener("keydown", v), document.removeEventListener("scroll", g, !0);
52
+ }, r = () => {
53
+ n.value && (n.value = !1, f("close"), b());
53
54
  };
54
- p = (e) => {
55
- const r = e.target;
56
- i.value && r && !i.value.contains(r) && l.value && !l.value.contains(r) && a();
57
- }, f = (e) => {
58
- e.key === "Escape" && a();
59
- }, m = () => {
60
- if (!l.value) return;
61
- const e = l.value.getBoundingClientRect();
62
- (e.bottom < 0 || e.top > window.innerHeight) && a();
55
+ m = (e) => {
56
+ const c = e.target;
57
+ l.value && c && !l.value.contains(c) && i.value && !i.value.contains(c) && r();
58
+ }, v = (e) => {
59
+ e.key === "Escape" && r();
60
+ }, g = () => {
61
+ if (!i.value) return;
62
+ const e = i.value.getBoundingClientRect();
63
+ (e.bottom < 0 || e.top > window.innerHeight) && r();
63
64
  };
64
- const h = async () => {
65
- s.value ? a() : (s.value = !0, u("open"), await U(), $(), setTimeout(() => {
66
- document.addEventListener("click", p), document.addEventListener("keydown", f), o.closeOnTriggerHidden && document.addEventListener("scroll", m, !0);
65
+ const d = async () => {
66
+ n.value ? r() : (n.value = !0, f("open"), await S(), z(), setTimeout(() => {
67
+ document.addEventListener("click", m), document.addEventListener("keydown", v), t.closeOnTriggerHidden && document.addEventListener("scroll", g, !0);
67
68
  }));
68
- }, b = (e) => {
69
- u("select", e), a();
69
+ }, I = () => {
70
+ t.triggerOnHover && (o && (clearTimeout(o), o = null), n.value || d());
71
+ }, T = () => {
72
+ t.triggerOnHover && (o && (clearTimeout(o), o = null), o = setTimeout(() => {
73
+ l.value && l.value.matches(":hover, :focus-within") || r();
74
+ }, 120));
75
+ }, V = (e) => {
76
+ t.triggerOnHover ? (e.preventDefault(), e.stopPropagation(), n.value || d()) : d();
77
+ }, E = () => I(), w = () => T(), x = () => {
78
+ l.value && (l.value.addEventListener("mouseenter", () => {
79
+ o && (clearTimeout(o), o = null);
80
+ }), l.value.addEventListener("mouseleave", () => {
81
+ T();
82
+ }));
83
+ };
84
+ j(n, (e) => {
85
+ e && t.triggerOnHover && S(() => x());
86
+ });
87
+ const O = (e) => {
88
+ f("select", e), r();
70
89
  };
71
- return M(y), C({
90
+ return G(b), F({
72
91
  /** Alterna el estado abierto/cerrado del popover */
73
- toggle: h,
92
+ toggle: d,
74
93
  /** Cierra programáticamente el popover */
75
- close: a,
94
+ close: r,
76
95
  /** Ref reactiva del estado abierto */
77
- isOpen: s
78
- }), (e, r) => (n(), c("div", X, [
79
- w("button", {
96
+ isOpen: n
97
+ }), (e, c) => (a(), u("div", se, [
98
+ B("button", {
80
99
  ref_key: "referenceRef",
81
- ref: l,
100
+ ref: i,
82
101
  class: "rds-e-popover-menu__trigger-btn",
83
- onClick: h
102
+ onClick: V,
103
+ onMouseenter: E,
104
+ onMouseleave: w,
105
+ onFocus: E,
106
+ onBlur: w
84
107
  }, [
85
- g(e.$slots, "trigger", {}, void 0, !0)
86
- ], 512),
87
- (n(), E(z, {
108
+ k(e.$slots, "trigger", {}, void 0, !0)
109
+ ], 544),
110
+ (a(), L(W, {
88
111
  to: e.teleportTo,
89
112
  disabled: !e.teleportTo
90
113
  }, [
91
- s.value ? (n(), c("div", {
114
+ n.value ? (a(), u("div", {
92
115
  key: 0,
93
116
  ref_key: "floatingRef",
94
- ref: i,
95
- class: T(["rds-e-popover-menu__content", { "rds-e-popover-menu__content--no-styles": k.value }]),
96
- style: H(V(P))
117
+ ref: l,
118
+ class: H(["rds-e-popover-menu__content", { "rds-e-popover-menu__content--no-styles": y.value }]),
119
+ style: q(A($))
97
120
  }, [
98
- k.value ? g(e.$slots, "default", { key: 0 }, void 0, !0) : (n(), c("ul", Y, [
99
- (n(!0), c(x, null, I(e.items, (t, d) => g(e.$slots, "item", {
100
- item: t,
101
- index: d,
102
- onSelect: () => b(t)
121
+ y.value ? k(e.$slots, "default", { key: 0 }, void 0, !0) : (a(), u("ul", re, [
122
+ (a(!0), u(J, null, K(e.items, (s, p) => k(e.$slots, "item", {
123
+ item: s,
124
+ index: p,
125
+ onSelect: () => O(s)
103
126
  }, () => [
104
- (n(), c("li", {
105
- key: d,
106
- class: T(["rds-e-popover-menu__item rds-body-02-bold", { "rds-e-popover-menu__item--destructive": t.isDestructive }]),
107
- onClick: (oe) => b(t)
127
+ (a(), u("li", {
128
+ key: p,
129
+ class: H(["rds-e-popover-menu__item rds-body-02-bold", { "rds-e-popover-menu__item--destructive": s.isDestructive }]),
130
+ onClick: (ue) => O(s)
108
131
  }, [
109
- t.icon ? (n(), E(K, {
132
+ s.icon ? (a(), L(ne, {
110
133
  key: 0,
111
134
  class: "rds-e-popover-menu__item-icon",
112
- name: t.icon
113
- }, null, 8, ["name"])) : S("", !0),
114
- w("span", ee, N(t.label), 1)
115
- ], 10, Z))
135
+ name: s.icon
136
+ }, null, 8, ["name"])) : C("", !0),
137
+ B("span", ie, Q(s.label), 1)
138
+ ], 10, ae))
116
139
  ], !0)), 256))
117
140
  ]))
118
- ], 6)) : S("", !0)
141
+ ], 6)) : C("", !0)
119
142
  ], 8, ["to", "disabled"]))
120
143
  ]));
121
144
  }
122
- }), re = /* @__PURE__ */ Q(te, [["__scopeId", "data-v-2a7d2e84"]]);
145
+ }), ve = /* @__PURE__ */ le(ce, [["__scopeId", "data-v-a9010c6d"]]);
123
146
  export {
124
- re as default
147
+ ve as default
125
148
  };
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as y, computed as o, createElementBlock as a, openBlock as n, normalizeClass as u, createCommentVNode as p, createElementVNode as t, renderSlot as m, normalizeProps as g, mergeProps as B, createVNode as S, createTextVNode as h, guardReactiveProps as k, toDisplayString as d, normalizeStyle as x } from "vue";
2
- import { R as C } from "./icon-svg-arye8CV8.js";
2
+ import { R as C } from "./icon-svg-C8XeOnqu.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, mergeModels as c, useModel as B, ref as s, createElementBlock as I, openBlock as D, normalizeClass as r, createElementVNode as o, withDirectives as m, createVNode as v, vShow as f, vModelText as b } from "vue";
2
- import { R as y } from "./icon-svg-arye8CV8.js";
2
+ import { R as y } from "./icon-svg-C8XeOnqu.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 B, ref as f, computed as m, inject as i, onMounted as _, onBeforeUnmount as D, createElementBlock as b, openBlock as r, normalizeClass as n, createElementVNode as v, unref as E, createCommentVNode as w, createBlock as N, toDisplayString as x } from "vue";
2
- import { R as C } from "./icon-svg-arye8CV8.js";
2
+ import { R as C } from "./icon-svg-C8XeOnqu.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 L = ["id", "value", "name", "disabled", "checked"], $ = ["for"], j = /* @__PURE__ */ B({
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as d, ref as r, computed as h, createElementBlock as p, openBlock as s, normalizeClass as u, createBlock as f, createCommentVNode as m, createElementVNode as g, toDisplayString as y } from "vue";
2
- import { R as _ } from "./icon-svg-arye8CV8.js";
2
+ import { R as _ } from "./icon-svg-C8XeOnqu.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 $, ref as n, computed as u, watch as O, createElementBlock as l, openBlock as a, normalizeClass as v, createElementVNode as o, withModifiers as R, normalizeStyle as z, createCommentVNode as w, createBlock as D, renderSlot as c, toDisplayString as E } from "vue";
2
- import { R as H } from "./icon-svg-arye8CV8.js";
2
+ import { R as H } from "./icon-svg-C8XeOnqu.js";
3
3
  import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/sidedrawer.css';const N = { class: "rds-e-sidedrawer__header rds-mb-24" }, T = {
5
5
  key: 0,
@@ -1 +1 @@
1
- [data-v-acd37774]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-file-upload-item[data-v-acd37774]{align-items:center;background-color:#fff;border:1px solid #95b0c6;box-sizing:border-box;display:flex;font-family:sans-serif;gap:12px;padding:12px 16px;transition:border-color .2s ease,background-color .2s ease,height .2s ease;width:343px}.rds-e-file-upload-item--hover[data-v-acd37774]:not(.rds-e-file-upload-item--status-disabled):not(.rds-e-file-upload-item--status-uploading):not(.rds-e-file-upload-item--status-error){border-color:#001e37}.rds-e-file-upload-item--default .rds-e-file-upload-item__icon-container[data-v-acd37774]{background-color:#f7f7f9}.rds-e-file-upload-item--default .rds-e-file-upload-item__file-icon[data-v-acd37774]{color:#001e37}.rds-e-file-upload-item--uploading[data-v-acd37774]{background-color:#dbe6f0;border-color:#95b0c6}.rds-e-file-upload-item--uploading .rds-e-file-upload-item__icon-container[data-v-acd37774]{background-color:#fff}.rds-e-file-upload-item--uploading .rds-e-file-upload-item__file-icon[data-v-acd37774]{color:#001e37}.rds-e-file-upload-item--uploading .rds-e-file-upload-item__details[data-v-acd37774]{height:100%;justify-content:space-between}.rds-e-file-upload-item--error[data-v-acd37774]{background-color:#fff;border-color:#de1c2e}.rds-e-file-upload-item--error .rds-e-file-upload-item__name[data-v-acd37774]{color:#de1c2e}.rds-e-file-upload-item--error .rds-e-file-upload-item__icon-container[data-v-acd37774]{background-color:#ffdbdf}.rds-e-file-upload-item--error .rds-e-file-upload-item__file-icon[data-v-acd37774]{color:#de1c2e}.rds-e-file-upload-item--disabled[data-v-acd37774]{opacity:.3}.rds-e-file-upload-item__icon-container[data-v-acd37774]{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.rds-e-file-upload-item__file-icon[data-v-acd37774]{font-size:20px;transition:color .2s ease}.rds-e-file-upload-item__details[data-v-acd37774]{display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-width:0;overflow:hidden}.rds-e-file-upload-item__info-wrapper[data-v-acd37774]{display:flex;flex-direction:column}.rds-e-file-upload-item__name[data-v-acd37774]{font:1rem/1.5rem RepsolSoleTextRegular;color:#001e37;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rds-e-file-upload-item__meta[data-v-acd37774]{font:.875rem/1.125rem RepsolSoleTextRegular;color:#43637d;display:flex;flex-wrap:wrap;gap:8px;line-height:1.4;margin-top:2px}.rds-e-file-upload-item__size[data-v-acd37774]{font:.75rem/1rem RepsolSoleTextRegular;color:#43637d}.rds-e-file-upload-item__error-message[data-v-acd37774]{font:.875rem/1.125rem RepsolSoleTextRegular;color:#de1c2e;line-height:1.4;margin-top:2px}.rds-e-file-upload-item__progress-bar[data-v-acd37774]{margin-top:5px}.rds-e-file-upload-item__action[data-v-acd37774]{align-items:center;display:flex;flex-shrink:0}.rds-e-file-upload-item__action-button[data-v-acd37774]{background:none;border:none;color:#001e37;cursor:pointer;padding:4px}.rds-e-file-upload-item__action-button[data-v-acd37774]:hover:not(:disabled){color:#001e37}.rds-e-file-upload-item__action-button[data-v-acd37774]:disabled{cursor:not-allowed}.rds-e-file-upload-item__action-icon[data-v-acd37774]{color:#001e37;display:block;font-size:20px}
1
+ [data-v-5ff636f4]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-file-upload-item[data-v-5ff636f4]{align-items:center;background-color:#fff;border:1px solid #95b0c6;box-sizing:border-box;display:flex;font-family:sans-serif;gap:12px;padding:12px 16px;transition:border-color .2s ease,background-color .2s ease,height .2s ease;width:343px}.rds-e-file-upload-item--hover[data-v-5ff636f4]:not(.rds-e-file-upload-item--status-disabled):not(.rds-e-file-upload-item--status-uploading):not(.rds-e-file-upload-item--status-error){border-color:#001e37}.rds-e-file-upload-item--default .rds-e-file-upload-item__icon-container[data-v-5ff636f4]{background-color:#f7f7f9}.rds-e-file-upload-item--default .rds-e-file-upload-item__file-icon[data-v-5ff636f4]{color:#001e37}.rds-e-file-upload-item--uploading[data-v-5ff636f4]{background-color:#dbe6f0;border-color:#95b0c6}.rds-e-file-upload-item--uploading .rds-e-file-upload-item__icon-container[data-v-5ff636f4]{background-color:#fff}.rds-e-file-upload-item--uploading .rds-e-file-upload-item__file-icon[data-v-5ff636f4]{color:#001e37}.rds-e-file-upload-item--uploading .rds-e-file-upload-item__details[data-v-5ff636f4]{height:100%;justify-content:space-between}.rds-e-file-upload-item--error[data-v-5ff636f4]{background-color:#fff;border-color:#de1c2e}.rds-e-file-upload-item--error .rds-e-file-upload-item__name[data-v-5ff636f4]{color:#de1c2e}.rds-e-file-upload-item--error .rds-e-file-upload-item__icon-container[data-v-5ff636f4]{background-color:#ffdbdf}.rds-e-file-upload-item--error .rds-e-file-upload-item__file-icon[data-v-5ff636f4]{color:#de1c2e}.rds-e-file-upload-item--disabled[data-v-5ff636f4]{opacity:.3}.rds-e-file-upload-item__icon-container[data-v-5ff636f4]{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.rds-e-file-upload-item__file-icon[data-v-5ff636f4]{font-size:20px;transition:color .2s ease}.rds-e-file-upload-item__details[data-v-5ff636f4]{display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-width:0;overflow:hidden}.rds-e-file-upload-item__info-wrapper[data-v-5ff636f4]{display:flex;flex-direction:column}.rds-e-file-upload-item__name[data-v-5ff636f4]{font:1rem/1.5rem RepsolSoleTextRegular;color:#001e37;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rds-e-file-upload-item__meta[data-v-5ff636f4]{font:.875rem/1.125rem RepsolSoleTextRegular;color:#43637d;display:flex;flex-wrap:wrap;gap:8px;line-height:1.4;margin-top:2px}.rds-e-file-upload-item__size[data-v-5ff636f4]{font:.75rem/1rem RepsolSoleTextRegular;color:#43637d}.rds-e-file-upload-item__error-message[data-v-5ff636f4]{font:.875rem/1.125rem RepsolSoleTextRegular;color:#de1c2e;line-height:1.4;margin-top:2px}.rds-e-file-upload-item__progress-bar[data-v-5ff636f4]{margin-top:5px}.rds-e-file-upload-item__action[data-v-5ff636f4]{align-items:center;display:flex;flex-shrink:0}.rds-e-file-upload-item__action-button[data-v-5ff636f4]{background:none;border:none;color:#001e37;cursor:pointer;padding:4px}.rds-e-file-upload-item__action-button[data-v-5ff636f4]:hover:not(:disabled){color:#001e37}.rds-e-file-upload-item__action-button[data-v-5ff636f4]:disabled{cursor:not-allowed}.rds-e-file-upload-item__action-icon[data-v-5ff636f4]{color:#001e37;display:block;font-size:20px}