energy-components 1.1.2-beta.1 → 1.1.3
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 +11 -11
- package/dist/components/button.es.js +10 -11
- package/dist/components/card.es.js +21 -9
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/datepicker.es.js +2008 -2008
- package/dist/components/dropdown.es.js +97 -97
- package/dist/components/{icon-svg-CEZ-L3iv.js → icon-svg-GoL3_ayS.js} +699 -665
- package/dist/components/iconList.es.js +1 -1
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +1 -1
- package/dist/components/infoBox.es.js +1 -1
- package/dist/components/link.es.js +29 -26
- package/dist/components/modal.es.js +28 -26
- package/dist/components/multiselect.es.js +2 -2
- package/dist/components/overlay.es.js +3 -3
- package/dist/components/persistentToast.es.js +8 -8
- package/dist/components/radioButton.es.js +1 -1
- package/dist/components/sidebar.es.js +11 -11
- package/dist/components/style/button.css +1 -1
- package/dist/components/style/card.css +1 -1
- package/dist/components/style/datepicker.css +1 -1
- package/dist/components/style/link.css +1 -1
- package/dist/components/style/modal.css +1 -1
- package/dist/components/style/tag.css +1 -1
- package/dist/components/style/textArea.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/style/tooltip.css +1 -1
- package/dist/components/switch.es.js +1 -1
- package/dist/components/tabBar.es.js +27 -27
- package/dist/components/tag.es.js +1 -1
- package/dist/components/textArea.es.js +77 -75
- package/dist/components/textField.es.js +62 -59
- package/dist/components/tooltip.es.js +262 -259
- package/dist/energy-components.es.js +4600 -4542
- package/dist/energy-components.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/src/components/buttons/action-button/action-button.vue.d.ts +4 -4
- package/dist/types/src/components/buttons/button/button.vue.d.ts +11 -20
- package/dist/types/src/components/buttons/floating-action-button/floating-action-button.vue.d.ts +4 -4
- package/dist/types/src/components/content/accordion/accordion.vue.d.ts +20 -24
- package/dist/types/src/components/content/acordion-group/accordion-group.vue.d.ts +8 -15
- package/dist/types/src/components/content/card/card.vue.d.ts +26 -15
- package/dist/types/src/components/content/divider/divider.vue.d.ts +4 -4
- package/dist/types/src/components/content/tag/tag.vue.d.ts +4 -4
- package/dist/types/src/components/feedback/indicator/indicator.vue.d.ts +7 -4
- package/dist/types/src/components/feedback/info-box/info-box.vue.d.ts +7 -4
- package/dist/types/src/components/feedback/persistent-toast/persistent-toast.vue.d.ts +13 -19
- package/dist/types/src/components/icon-svg/icon-list.vue.d.ts +1 -1
- package/dist/types/src/components/icon-svg/icon-svg.vue.d.ts +4 -4
- package/dist/types/src/components/input/checkbox/checkbox.vue.d.ts +13 -20
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +26 -36
- package/dist/types/src/components/input/radio-button/radio-button.vue.d.ts +4 -4
- package/dist/types/src/components/input/radio-button/radio-group.vue.d.ts +13 -20
- package/dist/types/src/components/input/switch/switch.vue.d.ts +13 -19
- package/dist/types/src/components/input/text-area/text-area.vue.d.ts +16 -25
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +15 -23
- package/dist/types/src/components/layout/sidebar/sidebar.vue.d.ts +16 -21
- package/dist/types/src/components/navigation/breadcrumbs/breadcrumbs.vue.d.ts +6 -6
- package/dist/types/src/components/navigation/link/link.vue.d.ts +11 -19
- package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +6 -6
- package/dist/types/src/components/navigation/tab-bar/tab-bar.vue.d.ts +24 -27
- package/dist/types/src/components/overlay/modal/modal.vue.d.ts +92 -58
- package/dist/types/src/components/overlay/overlay/overlay.vue.d.ts +11 -18
- package/dist/types/src/components/overlay/tooltip/tooltip.vue.d.ts +19 -22
- package/dist/types/src/composables/breakpoints.d.ts +1 -1
- package/dist/types/src/helpers/mobileMockup.vue.d.ts +1 -1
- 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, openBlock as s, createElementBlock 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, I as k } from "./icon-svg-
|
|
2
|
+
import { i as m, I as k } from "./icon-svg-GoL3_ayS.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" }, I = ["onClick"], N = /* @__PURE__ */ p({
|
|
5
5
|
__name: "icon-list",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as y, ref as d, toRefs as h, computed as k, watch as w, nextTick as C, openBlock as t, createElementBlock as s, normalizeClass as m, createElementVNode as a, createVNode as _, createCommentVNode as o, toDisplayString as i } from "vue";
|
|
2
|
-
import { I as b } from "./icon-svg-
|
|
2
|
+
import { I as b } from "./icon-svg-GoL3_ayS.js";
|
|
3
3
|
import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/infoBox.css';const q = { class: "alert" }, $ = {
|
|
5
5
|
key: 0,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as E, toRefs as L, computed as f, openBlock as r, createBlock as d, resolveDynamicComponent as N, unref as e, normalizeClass as m, withCtx as R, mergeProps as _, createCommentVNode as i, createElementBlock as b, renderSlot as B, createTextVNode as S, toDisplayString as I } from "vue";
|
|
2
|
-
import { I as k } from "./icon-svg-
|
|
2
|
+
import { I as k } from "./icon-svg-GoL3_ayS.js";
|
|
3
3
|
import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/link.css';const $ = /* @__PURE__ */ E({
|
|
5
5
|
__name: "link",
|
|
@@ -8,8 +8,7 @@ import './style/link.css';const $ = /* @__PURE__ */ E({
|
|
|
8
8
|
* <span>Texto a mostrar en el link</span>
|
|
9
9
|
*/
|
|
10
10
|
text: {
|
|
11
|
-
type: String
|
|
12
|
-
required: !0
|
|
11
|
+
type: String
|
|
13
12
|
},
|
|
14
13
|
/**
|
|
15
14
|
* <span>Url a la que redirige el link</span>
|
|
@@ -80,41 +79,43 @@ import './style/link.css';const $ = /* @__PURE__ */ E({
|
|
|
80
79
|
const v = s, {
|
|
81
80
|
text: y,
|
|
82
81
|
to: g,
|
|
83
|
-
icon:
|
|
82
|
+
icon: n,
|
|
84
83
|
tag: o,
|
|
85
|
-
disabled:
|
|
86
|
-
inverse:
|
|
84
|
+
disabled: c,
|
|
85
|
+
inverse: p,
|
|
87
86
|
arrow: u,
|
|
88
87
|
right: t,
|
|
89
88
|
underline: h,
|
|
90
89
|
customClass: j
|
|
91
90
|
} = L(v), D = f(() => {
|
|
92
91
|
var l, C;
|
|
93
|
-
const
|
|
94
|
-
return
|
|
92
|
+
const a = ["rds-e-link"];
|
|
93
|
+
return p.value && a.push("rds-e-link--inverse"), h.value && a.push("rds-e-link--underline"), c.value && a.push("rds-e-style-state-disabled"), ((l = n == null ? void 0 : n.value) == null ? void 0 : l.name) !== "arrow" && a.push("link"), ((C = n == null ? void 0 : n.value) == null ? void 0 : C.name) !== "arrow" && p.value && a.push("link__icon--inverse"), a.join(" ");
|
|
95
94
|
}), w = f(() => {
|
|
96
95
|
var l;
|
|
97
|
-
const
|
|
98
|
-
return
|
|
96
|
+
const a = ["link__icon--arrow"];
|
|
97
|
+
return n != null && n.value && (a.push("link__icon"), c.value && a.push("link__icon--disabled")), ((l = n == null ? void 0 : n.value) == null ? void 0 : l.name) !== "arrow" && p.value && a.push("link__icon--inverse"), a.push(
|
|
99
98
|
t.value ? "link__icon--animation-right" : "link__icon--animation-left"
|
|
100
|
-
),
|
|
99
|
+
), a.join(" ");
|
|
101
100
|
}), x = f(() => {
|
|
102
|
-
var
|
|
103
|
-
return u.value || ((
|
|
101
|
+
var a;
|
|
102
|
+
return u.value || ((a = n == null ? void 0 : n.value) == null ? void 0 : a.name);
|
|
104
103
|
});
|
|
105
|
-
return (
|
|
104
|
+
return (a, l) => (r(), d(N(e(o) === "a" ? e(o) : "router-link"), {
|
|
106
105
|
class: m(D.value),
|
|
107
106
|
to: e(o) === "router-link" ? e(g) : null,
|
|
108
107
|
href: e(o) === "a" ? e(g) : null,
|
|
109
|
-
disable: e(
|
|
108
|
+
disable: e(c)
|
|
110
109
|
}, {
|
|
111
110
|
default: R(() => [
|
|
112
|
-
e(
|
|
111
|
+
e(n).name && !e(t) && !e(u) ? (r(), d(k, _({
|
|
113
112
|
key: 0,
|
|
114
|
-
name: e(
|
|
113
|
+
name: e(n).name
|
|
114
|
+
}, {
|
|
115
|
+
...e(n)
|
|
115
116
|
}, {
|
|
116
|
-
|
|
117
|
-
}
|
|
117
|
+
class: ["rds-e-link__icon-left", w.value]
|
|
118
|
+
}), null, 16, ["name", "class"])) : i("", !0),
|
|
118
119
|
e(t) ? (r(), b("span", {
|
|
119
120
|
key: 1,
|
|
120
121
|
class: m(["rds-e-link__text", [e(j), {
|
|
@@ -122,7 +123,7 @@ import './style/link.css';const $ = /* @__PURE__ */ E({
|
|
|
122
123
|
"rds-e-link__text--underline": e(h)
|
|
123
124
|
}]])
|
|
124
125
|
}, [
|
|
125
|
-
B(
|
|
126
|
+
B(a.$slots, "default", {}, () => [
|
|
126
127
|
S(I(e(y)), 1)
|
|
127
128
|
], !0)
|
|
128
129
|
], 2)) : i("", !0),
|
|
@@ -137,19 +138,21 @@ import './style/link.css';const $ = /* @__PURE__ */ E({
|
|
|
137
138
|
key: 3,
|
|
138
139
|
class: m(["rds-e-link__text", { "rds-e-ml-xs": x.value }])
|
|
139
140
|
}, [
|
|
140
|
-
B(
|
|
141
|
+
B(a.$slots, "default", {}, () => [
|
|
141
142
|
S(I(e(y)), 1)
|
|
142
143
|
], !0)
|
|
143
144
|
], 2)),
|
|
144
|
-
e(
|
|
145
|
+
e(n).name && e(t) && !e(u) ? (r(), d(k, _({
|
|
145
146
|
key: 4,
|
|
146
|
-
name: e(
|
|
147
|
-
}, e(
|
|
147
|
+
name: e(n).name
|
|
148
|
+
}, e(n), {
|
|
149
|
+
class: ["rds-e-link__icon-right", w.value]
|
|
150
|
+
}), null, 16, ["name", "class"])) : i("", !0)
|
|
148
151
|
]),
|
|
149
152
|
_: 3
|
|
150
153
|
}, 8, ["class", "to", "href", "disable"]));
|
|
151
154
|
}
|
|
152
|
-
}),
|
|
155
|
+
}), P = /* @__PURE__ */ V($, [["__scopeId", "data-v-d51e1628"]]);
|
|
153
156
|
export {
|
|
154
|
-
|
|
157
|
+
P as default
|
|
155
158
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { defineComponent as h, ref as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { I as
|
|
5
|
-
import { _ as
|
|
6
|
-
import './style/modal.css';const
|
|
1
|
+
import { defineComponent as h, ref as C, computed as v, openBlock as r, createBlock as m, unref as a, withCtx as u, createVNode as k, normalizeStyle as b, withModifiers as w, createElementVNode as d, renderSlot as n, createCommentVNode as l, createElementBlock as c } from "vue";
|
|
2
|
+
import x from "./overlay.es.js";
|
|
3
|
+
import S from "./card.es.js";
|
|
4
|
+
import { I as $ } from "./icon-svg-GoL3_ayS.js";
|
|
5
|
+
import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
|
+
import './style/modal.css';const N = { class: "rds-e-modal__container" }, R = { class: "rds-e-modal__header" }, W = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "rds-e-modal__section-spacer"
|
|
9
|
-
},
|
|
9
|
+
}, g = { class: "rds-e-modal__body" }, q = {
|
|
10
10
|
key: 1,
|
|
11
11
|
class: "rds-e-modal__section-spacer"
|
|
12
|
-
},
|
|
12
|
+
}, I = { class: "rds-e-modal__footer" }, V = /* @__PURE__ */ h({
|
|
13
13
|
__name: "modal",
|
|
14
14
|
props: {
|
|
15
15
|
/**
|
|
@@ -60,47 +60,49 @@ import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = {
|
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
emits: ["onCloseRequest"],
|
|
63
|
-
setup(t, { emit:
|
|
64
|
-
const e = t,
|
|
63
|
+
setup(t, { emit: p }) {
|
|
64
|
+
const e = t, i = p, f = C(null), _ = v(() => {
|
|
65
65
|
const o = typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth, s = typeof e.width == "number" ? `${e.width}px` : e.width;
|
|
66
66
|
return {
|
|
67
67
|
"--rds-modal-max-width": o,
|
|
68
68
|
"--rds-modal-width": s
|
|
69
69
|
};
|
|
70
70
|
}), y = () => {
|
|
71
|
-
e.preventClose ||
|
|
71
|
+
e.preventClose || i("onCloseRequest");
|
|
72
72
|
};
|
|
73
|
-
return (o, s) => t.open ? (r(),
|
|
73
|
+
return (o, s) => t.open ? (r(), m(a(x), {
|
|
74
74
|
key: 0,
|
|
75
75
|
ref_key: "overlay",
|
|
76
|
-
ref:
|
|
76
|
+
ref: f,
|
|
77
77
|
class: "rds-e-modal__overlay",
|
|
78
78
|
teleport: e.teleport,
|
|
79
79
|
onClick: y
|
|
80
80
|
}, {
|
|
81
|
-
default:
|
|
82
|
-
k(a(
|
|
81
|
+
default: u(() => [
|
|
82
|
+
k(a(S), {
|
|
83
83
|
class: "rds-e-modal__card",
|
|
84
|
-
style: b(
|
|
84
|
+
style: b(_.value),
|
|
85
|
+
onClick: s[1] || (s[1] = w(() => {
|
|
86
|
+
}, ["stop"]))
|
|
85
87
|
}, {
|
|
86
|
-
default:
|
|
87
|
-
d("div",
|
|
88
|
-
d("div",
|
|
88
|
+
default: u(() => [
|
|
89
|
+
d("div", N, [
|
|
90
|
+
d("div", R, [
|
|
89
91
|
n(o.$slots, "header", {}, void 0, !0),
|
|
90
|
-
e.showClose ? (r(),
|
|
92
|
+
e.showClose ? (r(), m(a($), {
|
|
91
93
|
key: 0,
|
|
92
94
|
class: "rds-e-modal__header-close",
|
|
93
95
|
name: "close",
|
|
94
96
|
small: "",
|
|
95
|
-
onClick: s[0] || (s[0] = () =>
|
|
97
|
+
onClick: s[0] || (s[0] = () => i("onCloseRequest"))
|
|
96
98
|
})) : l("", !0)
|
|
97
99
|
]),
|
|
98
|
-
o.$slots.body ? (r(),
|
|
99
|
-
d("div",
|
|
100
|
+
o.$slots.body ? (r(), c("span", W)) : l("", !0),
|
|
101
|
+
d("div", g, [
|
|
100
102
|
n(o.$slots, "body", {}, void 0, !0)
|
|
101
103
|
]),
|
|
102
|
-
o.$slots.footer ? (r(),
|
|
103
|
-
d("div",
|
|
104
|
+
o.$slots.footer ? (r(), c("span", q)) : l("", !0),
|
|
105
|
+
d("div", I, [
|
|
104
106
|
n(o.$slots, "footer", {}, void 0, !0)
|
|
105
107
|
])
|
|
106
108
|
])
|
|
@@ -111,7 +113,7 @@ import './style/modal.css';const B = { class: "rds-e-modal__container" }, N = {
|
|
|
111
113
|
_: 3
|
|
112
114
|
}, 8, ["teleport"])) : l("", !0);
|
|
113
115
|
}
|
|
114
|
-
}), j = /* @__PURE__ */
|
|
116
|
+
}), j = /* @__PURE__ */ B(V, [["__scopeId", "data-v-24bc0adc"]]);
|
|
115
117
|
export {
|
|
116
118
|
j as default
|
|
117
119
|
};
|
|
@@ -1008,7 +1008,7 @@ function te(e, t, i, l, a, n) {
|
|
|
1008
1008
|
b(o("li", null, [
|
|
1009
1009
|
o("span", _, [
|
|
1010
1010
|
u(e.$slots, "noResult", { search: e.search }, () => [
|
|
1011
|
-
v("No elements found. Consider changing the search query.")
|
|
1011
|
+
t[19] || (t[19] = v("No elements found. Consider changing the search query."))
|
|
1012
1012
|
], !0)
|
|
1013
1013
|
])
|
|
1014
1014
|
], 512), [
|
|
@@ -1017,7 +1017,7 @@ function te(e, t, i, l, a, n) {
|
|
|
1017
1017
|
b(o("li", null, [
|
|
1018
1018
|
o("span", ee, [
|
|
1019
1019
|
u(e.$slots, "noOptions", {}, () => [
|
|
1020
|
-
v("List is empty.")
|
|
1020
|
+
t[20] || (t[20] = v("List is empty."))
|
|
1021
1021
|
], !0)
|
|
1022
1022
|
])
|
|
1023
1023
|
], 512), [
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as s, openBlock as a, createBlock as
|
|
1
|
+
import { defineComponent as s, openBlock as a, createBlock as n, Teleport as d, createElementVNode as t, mergeProps as l, renderSlot as p } from "vue";
|
|
2
2
|
import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
3
|
import './style/overlay.css';const _ = { class: "rds-e-overlay__content" }, i = /* @__PURE__ */ s({
|
|
4
4
|
__name: "overlay",
|
|
@@ -15,10 +15,10 @@ import './style/overlay.css';const _ = { class: "rds-e-overlay__content" }, i =
|
|
|
15
15
|
},
|
|
16
16
|
setup(o) {
|
|
17
17
|
const r = o;
|
|
18
|
-
return (e,
|
|
18
|
+
return (e, u) => (a(), n(d, {
|
|
19
19
|
to: r.teleport
|
|
20
20
|
}, [
|
|
21
|
-
t("div",
|
|
21
|
+
t("div", l({ class: "rds-e-overlay" }, e.$attrs), [
|
|
22
22
|
t("div", _, [
|
|
23
23
|
p(e.$slots, "default", {}, void 0, !0)
|
|
24
24
|
])
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as f, toRefs as v, computed as y, openBlock as t, createElementBlock as s, normalizeClass as g, createElementVNode as
|
|
2
|
-
import { I as l } from "./icon-svg-
|
|
1
|
+
import { defineComponent as f, toRefs as v, computed as y, openBlock as t, createElementBlock as s, normalizeClass as g, createElementVNode as n, createVNode as a, createCommentVNode as o, toDisplayString as c, renderSlot as h } from "vue";
|
|
2
|
+
import { I as l } from "./icon-svg-GoL3_ayS.js";
|
|
3
3
|
import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/persistentToast.css';const C = { class: "alert" }, S = {
|
|
5
5
|
key: 0,
|
|
@@ -89,11 +89,11 @@ import './style/persistentToast.css';const C = { class: "alert" }, S = {
|
|
|
89
89
|
), p = () => {
|
|
90
90
|
m("onCloseToastAction");
|
|
91
91
|
};
|
|
92
|
-
return (
|
|
92
|
+
return (i, I) => (t(), s("div", {
|
|
93
93
|
class: g(["rds-e-persistent-toast", _.value]),
|
|
94
94
|
role: "alert"
|
|
95
95
|
}, [
|
|
96
|
-
|
|
96
|
+
n("div", C, [
|
|
97
97
|
e.icon ? (t(), s("div", S, [
|
|
98
98
|
a(l, {
|
|
99
99
|
name: e.icon,
|
|
@@ -101,8 +101,8 @@ import './style/persistentToast.css';const C = { class: "alert" }, S = {
|
|
|
101
101
|
"aria-hidden": "true"
|
|
102
102
|
}, null, 8, ["name"])
|
|
103
103
|
])) : o("", !0),
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
n("div", $, [
|
|
105
|
+
n("div", b, [
|
|
106
106
|
e.title ? (t(), s("div", q, c(e.title), 1)) : o("", !0),
|
|
107
107
|
e.message ? (t(), s("p", w, c(e.message), 1)) : o("", !0)
|
|
108
108
|
]),
|
|
@@ -119,8 +119,8 @@ import './style/persistentToast.css';const C = { class: "alert" }, S = {
|
|
|
119
119
|
])) : o("", !0)
|
|
120
120
|
])
|
|
121
121
|
]),
|
|
122
|
-
|
|
123
|
-
h(
|
|
122
|
+
i.$slots["action-section"] ? (t(), s("div", T, [
|
|
123
|
+
h(i.$slots, "action-section", {}, void 0, !0)
|
|
124
124
|
])) : o("", !0)
|
|
125
125
|
], 2));
|
|
126
126
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as R, ref as f, computed as m, inject as i, onMounted as _, onBeforeUnmount as D, openBlock as r, createElementBlock as b, normalizeClass as n, createElementVNode as v, unref as E, toDisplayString as N, createCommentVNode as w, createBlock as x } from "vue";
|
|
2
|
-
import { I as C } from "./icon-svg-
|
|
2
|
+
import { I as C } from "./icon-svg-GoL3_ayS.js";
|
|
3
3
|
import { g as I } from "./getInstance-GhoEcxLF.js";
|
|
4
4
|
import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "checked"], $ = ["for"], j = /* @__PURE__ */ R({
|
|
@@ -14,20 +14,20 @@ import './style/sidebar.css';function E() {
|
|
|
14
14
|
desktopLarge: !1,
|
|
15
15
|
ultrawide: !1
|
|
16
16
|
}), c = () => {
|
|
17
|
-
for (const [
|
|
17
|
+
for (const [n, t] of Object.entries(u)) {
|
|
18
18
|
const e = window.matchMedia(t);
|
|
19
|
-
i.value[
|
|
19
|
+
i.value[n] = e.matches;
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
return x(() => {
|
|
23
|
-
const
|
|
23
|
+
const n = Object.entries(u).map(([t, e]) => {
|
|
24
24
|
const s = window.matchMedia(e);
|
|
25
25
|
i.value[t] = s.matches;
|
|
26
26
|
const r = () => c();
|
|
27
27
|
return s.addEventListener("change", r), { mediaQuery: s, listener: r };
|
|
28
28
|
});
|
|
29
29
|
g(() => {
|
|
30
|
-
|
|
30
|
+
n.forEach(({ mediaQuery: t, listener: e }) => {
|
|
31
31
|
t.removeEventListener("change", e);
|
|
32
32
|
});
|
|
33
33
|
});
|
|
@@ -40,7 +40,7 @@ const z = { class: "rds-e-sidebar__sidebar__container" }, M = {
|
|
|
40
40
|
__name: "sidebar",
|
|
41
41
|
emits: ["sidebarChange"],
|
|
42
42
|
setup(u, { expose: i, emit: c }) {
|
|
43
|
-
const
|
|
43
|
+
const n = c, t = d(), e = d(!0), s = d(!1), r = d(!1), l = d(!0), a = E(), y = f(() => ({
|
|
44
44
|
"rds-e-sidebar--mobile": a.value.mobile,
|
|
45
45
|
"rds-e-sidebar--tablet": a.value.tablet,
|
|
46
46
|
"rds-e-sidebar--desktop": a.value.desktop,
|
|
@@ -52,9 +52,9 @@ const z = { class: "rds-e-sidebar__sidebar__container" }, M = {
|
|
|
52
52
|
"rds-e-sidebar__sidebar--overlay": r.value,
|
|
53
53
|
"rds-e-sidebar__sidebar--hide": s.value
|
|
54
54
|
})), m = () => {
|
|
55
|
-
|
|
56
|
-
}, v = (
|
|
57
|
-
e.value =
|
|
55
|
+
n("sidebarChange", e.value);
|
|
56
|
+
}, v = (o) => {
|
|
57
|
+
e.value = o, m();
|
|
58
58
|
}, p = () => {
|
|
59
59
|
e.value = !0, s.value = !1, r.value = !0, l.value = !0, a.value.mobile && (s.value = !0, l.value = !1), a.value.desktop && (s.value = !1), a.value.desktopLarge && (e.value = !1, r.value = !1, l.value = !1), a.value.ultrawide && (e.value = !1, r.value = !1), m();
|
|
60
60
|
};
|
|
@@ -79,7 +79,7 @@ const z = { class: "rds-e-sidebar__sidebar__container" }, M = {
|
|
|
79
79
|
* { (state: boolean) => void } Cambia el estado del sidebar.
|
|
80
80
|
*/
|
|
81
81
|
toogleSidebar: () => v(!e.value)
|
|
82
|
-
}), (
|
|
82
|
+
}), (o, Q) => (_(), h("div", {
|
|
83
83
|
class: k(["rds-e-sidebar", y.value])
|
|
84
84
|
}, [
|
|
85
85
|
w("div", {
|
|
@@ -87,9 +87,9 @@ const z = { class: "rds-e-sidebar__sidebar__container" }, M = {
|
|
|
87
87
|
ref: t,
|
|
88
88
|
class: k(["rds-e-sidebar__sidebar", C.value])
|
|
89
89
|
}, [
|
|
90
|
-
b(
|
|
90
|
+
b(o.$slots, "content", {}, () => [
|
|
91
91
|
w("div", z, [
|
|
92
|
-
e.value ? b(
|
|
92
|
+
e.value ? b(o.$slots, "collapsed", { key: 0 }, void 0, !0) : b(o.$slots, "expanded", { key: 1 }, void 0, !0)
|
|
93
93
|
])
|
|
94
94
|
], !0)
|
|
95
95
|
], 2),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-a17b5b56]: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-btn[data-v-a17b5b56]{font:1rem/1.5rem RepsolSoleTextRegular;align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;height:3rem;justify-content:center;max-width:21.4375rem;outline:0;padding:.5rem 1.5rem;overflow:hidden;position:relative}@media (min-width: 1280px){.rds-e-btn[data-v-a17b5b56]{height:3rem;min-width:12.5rem;padding:.75rem 2rem;width:auto}}.rds-e-btn[data-v-a17b5b56]:disabled{pointer-events:none}.rds-e-btn span.icon[data-v-a17b5b56]{color:inherit}.rds-e-btn[data-v-a17b5b56]:before{border-radius:50%;content:"";left:-50%;min-height:300px;position:absolute;top:100%;transition:all .25s ease-in-out;width:200%;z-index:0}.rds-e-btn[data-v-a17b5b56]:focus-visible{box-shadow:inset 0 0 0 2px #00badb}.rds-e-btn[data-v-a17b5b56]:hover:before{top:-50%}.rds-e-btn__icon[data-v-a17b5b56]{text-indent:0;z-index:10}.rds-e-btn__icon--small[data-v-a17b5b56],.rds-e-btn__icon--noSize[data-v-a17b5b56]{font-size:1rem}.rds-e-btn__icon--primary[data-v-a17b5b56],.rds-e-btn__icon--secondary-inverse[data-v-a17b5b56],.rds-e-btn__icon--tertiary-inverse[data-v-a17b5b56]{color:#fff}.rds-e-btn__icon--disabled[data-v-a17b5b56]{color:#717b84}.rds-e-btn__icon--primary-inverse[data-v-a17b5b56]{color:#005870}.rds-e-btn__icon--inverse-inverse[data-v-a17b5b56]{color:#fff}.rds-e-btn__text[data-v-a17b5b56]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:10}.rds-e-btn--mobile-width[data-v-a17b5b56]{min-width:100%}@media (min-width: 720px){.rds-e-btn--mobile-width[data-v-a17b5b56]{min-width:unset}}.rds-e-btn--revert[data-v-a17b5b56]{flex-direction:row-reverse}.rds-e-btn--revert .icon[data-v-a17b5b56]{margin-left:.75rem;margin-right:0!important}.rds-e-btn--no-size[data-v-a17b5b56]{height:auto;margin:0;padding:0;width:auto}.rds-e-btn--loading[data-v-a17b5b56]{pointer-events:none}.rds-e-btn--loading .icon[data-v-a17b5b56]{align-content:center;align-items:center;animation:spin-a17b5b56 2s linear infinite;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.rds-e-btn--loading .icon[data-v-a17b5b56]:before{display:block;margin:0;padding:0}.rds-e-btn--fluid[data-v-a17b5b56]{width:auto}@media (min-width: 1280px){.rds-e-btn--fluid[data-v-a17b5b56]{min-width:0}}.rds-e-btn--small[data-v-a17b5b56]{font:.875rem/1.25rem RepsolSoleTextRegular;height:2.5rem;width:auto}@media (min-width: 1280px){.rds-e-btn--small[data-v-a17b5b56]{height:2rem}}@media (min-width: 1280px){.rds-e-btn--small[data-v-a17b5b56]{min-width:0}}.rds-e-btn--with-icon .rds-e-btn__icon[data-v-a17b5b56]{margin-right:.75rem}.rds-e-btn--icon[data-v-a17b5b56]{width:auto;padding:.75rem;width:3.5rem}@media (min-width: 1280px){.rds-e-btn--icon[data-v-a17b5b56]{min-width:0}}@media (min-width: 1280px){.rds-e-btn--icon[data-v-a17b5b56]{height:3rem;width:3rem}}.rds-e-btn--icon.rds-e-btn--small[data-v-a17b5b56]{border-radius:.5rem;padding:.375rem;width:2.5rem}@media (min-width: 1280px){.rds-e-btn--icon.rds-e-btn--small[data-v-a17b5b56]{width:2rem}}.rds-e-btn--primary[data-v-a17b5b56]{background-color:#001e37;color:#fff}.rds-e-btn--primary[data-v-a17b5b56]:hover:before{background-color:#007899}.rds-e-btn--primary[data-v-a17b5b56]:active{background-color:#00badb;box-shadow:none}.rds-e-btn--primary-inverse[data-v-a17b5b56]{background-color:#fff;color:#001e37}.rds-e-btn--primary-inverse[data-v-a17b5b56]:hover:before{background-color:#e6e6e6}.rds-e-btn--primary-inverse[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn--primary-inverse[data-v-a17b5b56]:active{background-color:#fff;box-shadow:none;color:#001e37}.rds-e-btn--secondary[data-v-a17b5b56]{background-color:transparent;border:1px solid #001e37;color:#001e37}.rds-e-btn--secondary[data-v-a17b5b56]:hover{border:1px solid #007899;color:#007899}.rds-e-btn--secondary[data-v-a17b5b56]:hover:before{background-color:#f4f8fa}.rds-e-btn--secondary[data-v-a17b5b56]:active{background-color:#f4f8fa;border:1px solid #00badb;color:#00badb}.rds-e-btn--secondary[data-v-a17b5b56]:focus{border-color:#00badb}.rds-e-btn--secondary-inverse[data-v-a17b5b56],.rds-e-btn--secondary-inverse[data-v-a17b5b56]:hover{background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--secondary-inverse[data-v-a17b5b56]:hover:before{background-color:#e6e6e6;opacity:.3}.rds-e-btn--secondary-inverse[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn--secondary-inverse[data-v-a17b5b56]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost[data-v-a17b5b56]{background-color:transparent;color:#001e37}.rds-e-btn--ghost[data-v-a17b5b56]:hover{color:#007899}.rds-e-btn--ghost[data-v-a17b5b56]:hover:before{background-color:#f4f8fa}.rds-e-btn--ghost[data-v-a17b5b56]:active{background-color:#f4f8fa;color:#00badb}.rds-e-btn--ghost[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn--ghost-inverse[data-v-a17b5b56]{background-color:transparent;border:none;color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:hover{color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:hover:before{background-color:#fff3}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:focus{background-color:transparent;color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:active{background-color:#fff6;border-color:#fff;color:#fff}.rds-e-btn--ghost-inverse[data-v-a17b5b56]:disabled{opacity:.3}.rds-e-btn+.rds-e-btn[data-v-a17b5b56]{margin-left:8px;margin-right:8px}.rds-e-btn[data-v-a17b5b56]:first-of-type:has(+.rds-e-btn){margin-left:unset;margin-right:8px}.rds-e-btn+.rds-e-btn[data-v-a17b5b56]:last-of-type{margin-left:8px;margin-right:unset}@keyframes spin-a17b5b56{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-f2e83835]: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-card[data-v-f2e83835]{border-radius:24px;height:100%;padding:24px;width:100%}:where(.rds-e-card[data-v-f2e83835]){background-color:#fff}
|