energy-components 1.4.0 → 1.5.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/actionButton.es.js +3 -3
- package/dist/components/sidedrawer.es.js +41 -28
- package/dist/components/style/actionButton.css +1 -1
- package/dist/components/style/sidedrawer.css +1 -1
- package/dist/energy-components.es.js +116 -103
- 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 +2 -2
- package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +16 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -14,13 +14,13 @@ import './style/actionButton.css';const p = /* @__PURE__ */ o({
|
|
|
14
14
|
/**
|
|
15
15
|
* <span>Variante del botón</span>
|
|
16
16
|
* <br>
|
|
17
|
-
*`['primary', 'secondary']`
|
|
17
|
+
*`['primary', 'secondary', 'ghost']`
|
|
18
18
|
*/
|
|
19
19
|
variant: {
|
|
20
20
|
type: String,
|
|
21
21
|
default: "primary",
|
|
22
22
|
validator(e) {
|
|
23
|
-
return ["primary", "secondary"].includes(e);
|
|
23
|
+
return ["primary", "secondary", "ghost"].includes(e);
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
/**
|
|
@@ -58,7 +58,7 @@ import './style/actionButton.css';const p = /* @__PURE__ */ o({
|
|
|
58
58
|
"is-action": ""
|
|
59
59
|
}), null, 16));
|
|
60
60
|
}
|
|
61
|
-
}), f = /* @__PURE__ */ l(p, [["__scopeId", "data-v-
|
|
61
|
+
}), f = /* @__PURE__ */ l(p, [["__scopeId", "data-v-261a503b"]]);
|
|
62
62
|
export {
|
|
63
63
|
f as default
|
|
64
64
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { R as
|
|
1
|
+
import { defineComponent as g, ref as i, computed as l, watch as y, openBlock as n, createElementBlock as c, normalizeClass as u, createElementVNode as d, normalizeStyle as k, toDisplayString as b, createCommentVNode as w, createBlock as B, renderSlot as _ } from "vue";
|
|
2
|
+
import { R as $ } from "./icon-svg-u9BWBbvW.js";
|
|
3
3
|
import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
import './style/sidedrawer.css';const
|
|
4
|
+
import './style/sidedrawer.css';const z = { class: "rds-e-sidedrawer__header rds-mb-24" }, D = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "rds-headline-04 rds-content-high"
|
|
7
|
-
}, H = /* @__PURE__ */
|
|
7
|
+
}, E = { class: "rds-e-sidedrawer__content-inner" }, H = { class: "rds-e-sidedrawer__footer rds-pt-12" }, I = /* @__PURE__ */ g({
|
|
8
8
|
__name: "sidedrawer",
|
|
9
9
|
props: {
|
|
10
10
|
/**
|
|
@@ -20,26 +20,33 @@ import './style/sidedrawer.css';const D = { class: "rds-e-sidedrawer__header rds
|
|
|
20
20
|
iconClose: {
|
|
21
21
|
type: Boolean,
|
|
22
22
|
default: !0
|
|
23
|
+
},
|
|
24
|
+
/**
|
|
25
|
+
* <span>Define el ancho del componente al abrirse</span>
|
|
26
|
+
*/
|
|
27
|
+
containerWidth: {
|
|
28
|
+
type: String,
|
|
29
|
+
default: ""
|
|
23
30
|
}
|
|
24
31
|
},
|
|
25
32
|
emits: ["sidedrawerChange"],
|
|
26
|
-
setup(t, { expose:
|
|
27
|
-
const
|
|
33
|
+
setup(t, { expose: m, emit: f }) {
|
|
34
|
+
const h = f, v = i(), e = i(!0), a = i(!0), p = l(() => ({
|
|
28
35
|
"rds-e-sidedrawer--hide": e.value,
|
|
29
36
|
"rds-e-sidedrawer--show": !e.value
|
|
30
|
-
})),
|
|
37
|
+
})), C = l(() => ({
|
|
31
38
|
"rds-e-sidedrawer__content--hide": e.value,
|
|
32
39
|
"rds-e-sidedrawer__content--show": !e.value
|
|
33
|
-
})),
|
|
34
|
-
|
|
40
|
+
})), S = () => {
|
|
41
|
+
h("sidedrawerChange", e.value);
|
|
35
42
|
}, s = (r) => {
|
|
36
|
-
e.value = r,
|
|
43
|
+
e.value = r, S();
|
|
37
44
|
};
|
|
38
|
-
return
|
|
45
|
+
return y(e, (r) => {
|
|
39
46
|
r ? setTimeout(() => {
|
|
40
|
-
|
|
41
|
-
}, 500) :
|
|
42
|
-
}),
|
|
47
|
+
a.value = !0;
|
|
48
|
+
}, 500) : a.value = !1;
|
|
49
|
+
}), m({
|
|
43
50
|
/**
|
|
44
51
|
* { boolean } Muestra el estado actual del sidebar.
|
|
45
52
|
*/
|
|
@@ -58,28 +65,34 @@ import './style/sidedrawer.css';const D = { class: "rds-e-sidedrawer__header rds
|
|
|
58
65
|
toogleSidedrawer: () => {
|
|
59
66
|
s(!e.value);
|
|
60
67
|
}
|
|
61
|
-
}), (r,
|
|
62
|
-
class:
|
|
68
|
+
}), (r, o) => (n(), c("div", {
|
|
69
|
+
class: u(["rds-e-sidedrawer", [p.value, { "rds-e-sidedrawer--hidden": a.value }]])
|
|
63
70
|
}, [
|
|
64
|
-
|
|
71
|
+
d("div", {
|
|
65
72
|
ref_key: "sidebar",
|
|
66
|
-
ref:
|
|
67
|
-
class:
|
|
73
|
+
ref: v,
|
|
74
|
+
class: u(["rds-e-sidedrawer__content rds-pa-24", C.value]),
|
|
75
|
+
style: k({ "--container-width": `${t.containerWidth}px` })
|
|
68
76
|
}, [
|
|
69
|
-
|
|
70
|
-
t.title ? (
|
|
71
|
-
t.iconClose ? (
|
|
77
|
+
d("div", z, [
|
|
78
|
+
t.title ? (n(), c("h2", D, b(t.title), 1)) : w("", !0),
|
|
79
|
+
t.iconClose ? (n(), B($, {
|
|
72
80
|
key: 1,
|
|
73
81
|
name: "close",
|
|
74
82
|
class: "rds-e-sidedrawer__icon",
|
|
75
|
-
onClick:
|
|
76
|
-
})) :
|
|
83
|
+
onClick: o[0] || (o[0] = (N) => s(!0))
|
|
84
|
+
})) : w("", !0)
|
|
85
|
+
]),
|
|
86
|
+
d("div", E, [
|
|
87
|
+
_(r.$slots, "content", {}, void 0, !0)
|
|
77
88
|
]),
|
|
78
|
-
|
|
79
|
-
|
|
89
|
+
d("div", H, [
|
|
90
|
+
_(r.$slots, "footer", {}, void 0, !0)
|
|
91
|
+
])
|
|
92
|
+
], 6)
|
|
80
93
|
], 2));
|
|
81
94
|
}
|
|
82
|
-
}),
|
|
95
|
+
}), T = /* @__PURE__ */ x(I, [["__scopeId", "data-v-18f02b05"]]);
|
|
83
96
|
export {
|
|
84
|
-
|
|
97
|
+
T as default
|
|
85
98
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-261a503b]: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--action[data-v-261a503b]{aspect-ratio:1/1;border-radius:999px;flex-grow:0;height:3rem;width:3rem}.rds-e-btn--action.rds-e-btn--small[data-v-261a503b]{border-radius:999px;height:2.5rem;width:2.5rem}@media (min-width: 1280px){.rds-e-btn--action.rds-e-btn--small[data-v-261a503b]{height:2rem;width:2rem}}.rds-e-btn--action.rds-e-btn--secondary[data-v-261a503b]{background-color:#fff;border:1px solid #43637d;color:#001e37}.rds-e-btn--action.rds-e-btn--secondary[data-v-261a503b]:focus{border:1px solid #00badb}.rds-e-btn--action.rds-e-btn--secondary[data-v-261a503b]:hover{border:1px solid #007899;color:#007899}.rds-e-btn--action.rds-e-btn--secondary[data-v-261a503b]:hover:before{background-color:#f4f8fa}.rds-e-btn--action.rds-e-btn--primary-inverse[data-v-261a503b]{background-color:#fff;border:none;color:#001e37}.rds-e-btn--action.rds-e-btn--primary-inverse[data-v-261a503b]:hover{background-color:#ccc}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]{background-color:transparent;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]:hover{color:#007899}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]:hover:before{background-color:#f4f8fa}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]:active{background-color:#fff;color:#001e37}.rds-e-btn--action.rds-e-btn--ghost[data-v-261a503b]:disabled{opacity:.3}.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-261a503b],.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-261a503b]:hover{background-color:transparent;border-color:#fff;color:#fff}.rds-e-btn--action.rds-e-btn--secondary-inverse[data-v-261a503b]:hover:before{background-color:#e6e6e6;opacity:.3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-18f02b05]: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}@keyframes fadeIn-18f02b05{0%{opacity:0}to{opacity:1}}@keyframes fadeOut-18f02b05{0%{opacity:1}to{opacity:0}}@keyframes slideInFromRight-18f02b05{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight-18f02b05{0%{transform:translate(0)}to{transform:translate(100%)}}.rds-e-sidedrawer[data-v-18f02b05]{display:block;height:100%;left:0;position:fixed;top:0;width:100vw;z-index:9999}@media (min-width: 720px){.rds-e-sidedrawer[data-v-18f02b05]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#001e3733;z-index:20;animation:fadeIn-18f02b05 .5s ease-in-out forwards;transition:opacity .5s ease-in-out;z-index:9999}}.rds-e-sidedrawer--show[data-v-18f02b05]{animation:fadeIn-18f02b05 .5s ease-in-out forwards;opacity:1}.rds-e-sidedrawer--hide[data-v-18f02b05]{animation:fadeOut-18f02b05 .5s ease-in-out forwards;opacity:0}.rds-e-sidedrawer--hidden[data-v-18f02b05]{display:none}.rds-e-sidedrawer__content[data-v-18f02b05]{animation:slideInFromRight-18f02b05 .5s ease-in-out;background-color:#fff;display:flex;flex-direction:column;height:100vh;position:absolute;right:-var(--container-width,485px);top:0;transition:right .5s ease-in-out;width:100%}@media (min-width: 720px){.rds-e-sidedrawer__content[data-v-18f02b05]{border-radius:24px 0 0 24px;max-width:100vw;min-width:200px;position:absolute;right:0;width:var(--container-width, 485px)}}.rds-e-sidedrawer__content--show[data-v-18f02b05]{right:0}.rds-e-sidedrawer__content--hide[data-v-18f02b05]{animation:slideOutToRight-18f02b05 .5s ease-in-out forwards}.rds-e-sidedrawer__content__container[data-v-18f02b05]{display:flex;flex:1;flex-direction:column;height:100%}.rds-e-sidedrawer__content-inner[data-v-18f02b05]{flex:1;overflow:scroll}.rds-e-sidedrawer__icon[data-v-18f02b05]{position:absolute;right:24px;top:24px}
|