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.
- 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-C2ohjDhp.js → collapsable.scss_vue_type_style_index_0_src_true_lang-6HkNT8L9.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 +1 -1
- package/dist/components/dropdown.es.js +1 -1
- package/dist/components/fileUploadItem.es.js +45 -34
- package/dist/components/filterChip.es.js +1 -1
- package/dist/components/filterTag.es.js +1 -1
- package/dist/components/{icon-svg-arye8CV8.js → icon-svg-C8XeOnqu.js} +805 -767
- 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/infoBox.es.js +1 -1
- package/dist/components/link.es.js +1 -1
- package/dist/components/modal.es.js +1 -1
- package/dist/components/persistentToast.es.js +1 -1
- package/dist/components/popover.es.js +107 -74
- package/dist/components/popoverMenu.es.js +98 -75
- 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/selectionChip.es.js +1 -1
- package/dist/components/sidedrawer.es.js +1 -1
- package/dist/components/style/fileUploadItem.css +1 -1
- package/dist/components/style/popover.css +1 -1
- package/dist/components/style/popoverMenu.css +1 -1
- package/dist/components/switch.es.js +1 -1
- package/dist/components/tabBar.es.js +1 -1
- package/dist/components/tableslotedcomponent.es.js +1 -1
- 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/tooltip.es.js +1 -1
- package/dist/energy-components.es.js +4570 -4465
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/input/file-upload-item/file-upload-item.vue.d.ts +17 -0
- package/dist/types/src/components/overlay/popover/popover.vue.d.ts +2 -0
- package/dist/types/src/components/overlay/popover-menu/popover-menu.vue.d.ts +3 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- 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-
|
|
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 i } from "./icon-svg-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
2
|
-
import { o as
|
|
3
|
-
import { R as
|
|
4
|
-
import { _ as
|
|
5
|
-
import './style/popover.css';const
|
|
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
|
-
},
|
|
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(
|
|
84
|
-
const
|
|
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
|
-
|
|
93
|
+
Q(t.offsetSpace)
|
|
87
94
|
];
|
|
88
|
-
return
|
|
89
|
-
|
|
90
|
-
fallbackPlacements:
|
|
95
|
+
return t.autoFlip && e.push(
|
|
96
|
+
X({
|
|
97
|
+
fallbackPlacements: t.fallbackPlacements.length ? t.fallbackPlacements : void 0
|
|
91
98
|
})
|
|
92
99
|
), e.push(
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
apply({ availableWidth: S, elements:
|
|
96
|
-
const
|
|
97
|
-
Object.assign(
|
|
98
|
-
width: `${
|
|
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:
|
|
104
|
-
l,
|
|
110
|
+
}), { floatingStyles: M, update: $ } = ee(
|
|
105
111
|
i,
|
|
112
|
+
l,
|
|
106
113
|
{
|
|
107
|
-
placement:
|
|
108
|
-
middleware:
|
|
109
|
-
whileElementsMounted:
|
|
114
|
+
placement: y(() => t.placement),
|
|
115
|
+
middleware: D,
|
|
116
|
+
whileElementsMounted: te
|
|
110
117
|
}
|
|
111
118
|
);
|
|
112
|
-
let
|
|
113
|
-
const
|
|
114
|
-
document.removeEventListener("click",
|
|
115
|
-
},
|
|
116
|
-
n.value && (n.value = !1,
|
|
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
|
-
|
|
119
|
-
|
|
120
|
-
},
|
|
121
|
-
e.key === "Escape" &&
|
|
122
|
-
},
|
|
123
|
-
if (!
|
|
124
|
-
const e =
|
|
125
|
-
(e.bottom < 0 || e.top > window.innerHeight) &&
|
|
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
|
|
128
|
-
n.value ?
|
|
129
|
-
document.addEventListener("click",
|
|
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
|
-
},
|
|
132
|
-
|
|
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
|
|
135
|
-
toggle:
|
|
136
|
-
close:
|
|
163
|
+
return U(b), F({
|
|
164
|
+
toggle: d,
|
|
165
|
+
close: r,
|
|
137
166
|
isOpen: n
|
|
138
|
-
}), (e, S) => (
|
|
139
|
-
|
|
167
|
+
}), (e, S) => (a(), c("div", le, [
|
|
168
|
+
B("button", {
|
|
140
169
|
ref_key: "referenceRef",
|
|
141
|
-
ref:
|
|
170
|
+
ref: i,
|
|
142
171
|
class: "rds-e-popover__trigger-btn",
|
|
143
|
-
onClick:
|
|
172
|
+
onClick: z,
|
|
173
|
+
onMouseenter: E,
|
|
174
|
+
onMouseleave: w,
|
|
175
|
+
onFocus: E,
|
|
176
|
+
onBlur: w
|
|
144
177
|
}, [
|
|
145
|
-
|
|
146
|
-
],
|
|
147
|
-
(
|
|
148
|
-
to:
|
|
149
|
-
disabled: !
|
|
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 ? (
|
|
184
|
+
n.value ? (a(), c("div", {
|
|
152
185
|
key: 0,
|
|
153
186
|
ref_key: "floatingRef",
|
|
154
|
-
ref:
|
|
155
|
-
class:
|
|
156
|
-
style:
|
|
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
|
-
|
|
159
|
-
(
|
|
160
|
-
item:
|
|
161
|
-
index:
|
|
162
|
-
onSelect: () =>
|
|
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
|
-
(
|
|
165
|
-
key:
|
|
166
|
-
class:
|
|
167
|
-
onClick: (
|
|
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
|
-
|
|
202
|
+
s.icon ? (a(), H(oe, {
|
|
170
203
|
key: 0,
|
|
171
204
|
class: "rds-e-popover__item-icon",
|
|
172
|
-
name:
|
|
173
|
-
}, null, 8, ["name"])) :
|
|
174
|
-
|
|
175
|
-
], 10,
|
|
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)) :
|
|
211
|
+
], 6)) : C("", !0)
|
|
179
212
|
], 8, ["to", "disabled"]))
|
|
180
213
|
]));
|
|
181
214
|
}
|
|
182
|
-
},
|
|
215
|
+
}, ve = /* @__PURE__ */ ne(ie, [["__scopeId", "data-v-97579838"]]);
|
|
183
216
|
export {
|
|
184
|
-
|
|
217
|
+
ve as default
|
|
185
218
|
};
|
|
@@ -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 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
|
-
},
|
|
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(
|
|
22
|
-
const
|
|
23
|
-
const e = [
|
|
24
|
-
return
|
|
25
|
-
|
|
26
|
-
fallbackPlacements:
|
|
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
|
-
|
|
30
|
-
|
|
31
|
-
apply({ availableWidth:
|
|
32
|
-
const
|
|
33
|
-
Object.assign(
|
|
34
|
-
width: `${
|
|
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:
|
|
40
|
-
l,
|
|
40
|
+
}), { floatingStyles: $, update: z } = te(
|
|
41
41
|
i,
|
|
42
|
+
l,
|
|
42
43
|
{
|
|
43
|
-
placement:
|
|
44
|
-
middleware:
|
|
45
|
-
whileElementsMounted:
|
|
44
|
+
placement: _(() => t.placement),
|
|
45
|
+
middleware: D,
|
|
46
|
+
whileElementsMounted: oe
|
|
46
47
|
}
|
|
47
48
|
);
|
|
48
|
-
let
|
|
49
|
-
const
|
|
50
|
-
document.removeEventListener("click",
|
|
51
|
-
},
|
|
52
|
-
|
|
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
|
-
|
|
55
|
-
const
|
|
56
|
-
|
|
57
|
-
},
|
|
58
|
-
e.key === "Escape" &&
|
|
59
|
-
},
|
|
60
|
-
if (!
|
|
61
|
-
const e =
|
|
62
|
-
(e.bottom < 0 || e.top > window.innerHeight) &&
|
|
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
|
|
65
|
-
|
|
66
|
-
document.addEventListener("click",
|
|
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
|
-
},
|
|
69
|
-
|
|
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
|
|
90
|
+
return G(b), F({
|
|
72
91
|
/** Alterna el estado abierto/cerrado del popover */
|
|
73
|
-
toggle:
|
|
92
|
+
toggle: d,
|
|
74
93
|
/** Cierra programáticamente el popover */
|
|
75
|
-
close:
|
|
94
|
+
close: r,
|
|
76
95
|
/** Ref reactiva del estado abierto */
|
|
77
|
-
isOpen:
|
|
78
|
-
}), (e,
|
|
79
|
-
|
|
96
|
+
isOpen: n
|
|
97
|
+
}), (e, c) => (a(), u("div", se, [
|
|
98
|
+
B("button", {
|
|
80
99
|
ref_key: "referenceRef",
|
|
81
|
-
ref:
|
|
100
|
+
ref: i,
|
|
82
101
|
class: "rds-e-popover-menu__trigger-btn",
|
|
83
|
-
onClick:
|
|
102
|
+
onClick: V,
|
|
103
|
+
onMouseenter: E,
|
|
104
|
+
onMouseleave: w,
|
|
105
|
+
onFocus: E,
|
|
106
|
+
onBlur: w
|
|
84
107
|
}, [
|
|
85
|
-
|
|
86
|
-
],
|
|
87
|
-
(
|
|
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
|
-
|
|
114
|
+
n.value ? (a(), u("div", {
|
|
92
115
|
key: 0,
|
|
93
116
|
ref_key: "floatingRef",
|
|
94
|
-
ref:
|
|
95
|
-
class:
|
|
96
|
-
style:
|
|
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
|
-
|
|
99
|
-
(
|
|
100
|
-
item:
|
|
101
|
-
index:
|
|
102
|
-
onSelect: () =>
|
|
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
|
-
(
|
|
105
|
-
key:
|
|
106
|
-
class:
|
|
107
|
-
onClick: (
|
|
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
|
-
|
|
132
|
+
s.icon ? (a(), L(ne, {
|
|
110
133
|
key: 0,
|
|
111
134
|
class: "rds-e-popover-menu__item-icon",
|
|
112
|
-
name:
|
|
113
|
-
}, null, 8, ["name"])) :
|
|
114
|
-
|
|
115
|
-
], 10,
|
|
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)) :
|
|
141
|
+
], 6)) : C("", !0)
|
|
119
142
|
], 8, ["to", "disabled"]))
|
|
120
143
|
]));
|
|
121
144
|
}
|
|
122
|
-
}),
|
|
145
|
+
}), ve = /* @__PURE__ */ le(ce, [["__scopeId", "data-v-a9010c6d"]]);
|
|
123
146
|
export {
|
|
124
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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}
|