energy-components 1.0.3 → 1.0.4
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 +46 -47
- package/dist/components/accordionGroup.es.js +12 -12
- package/dist/components/actionButton.es.js +2 -2
- package/dist/components/breadcrumbs.es.js +8 -8
- package/dist/components/button.es.js +16 -16
- package/dist/components/card.es.js +2 -2
- package/dist/components/checkbox.es.js +11 -11
- package/dist/components/datepicker.es.js +4 -4
- package/dist/components/divider.es.js +6 -6
- package/dist/components/dropdown.es.js +25 -25
- package/dist/components/floatingActionButton.es.js +4 -4
- package/dist/components/{icon-svg-7Vih8GMM.js → icon-svg-CEZ-L3iv.js} +4 -4
- package/dist/components/iconList.es.js +7 -7
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +59 -53
- package/dist/components/indicator.es.js +21 -21
- package/dist/components/infoBox.es.js +152 -0
- package/dist/components/link.es.js +16 -16
- package/dist/components/modal.es.js +17 -17
- package/dist/components/overlay.es.js +4 -4
- package/dist/components/pagination.es.js +20 -20
- package/dist/components/persistentToast.es.js +130 -0
- package/dist/components/radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js +28 -0
- package/dist/components/radioButton.es.js +66 -45
- package/dist/components/radioGroup.es.js +1 -1
- package/dist/components/style/accordion.css +1 -1
- package/dist/components/style/accordionGroup.css +1 -1
- package/dist/components/style/actionButton.css +1 -1
- package/dist/components/style/breadcrumbs.css +1 -1
- package/dist/components/style/button.css +1 -1
- package/dist/components/style/card.css +1 -1
- package/dist/components/style/checkbox.css +1 -1
- package/dist/components/style/datepicker.css +1 -1
- package/dist/components/style/divider.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/floatingActionButton.css +1 -1
- package/dist/components/style/icon-svg.css +1 -1
- package/dist/components/style/iconList.css +1 -1
- package/dist/components/style/indicator.css +1 -1
- package/dist/components/style/infoBox.css +1 -0
- package/dist/components/style/link.css +1 -1
- package/dist/components/style/modal.css +1 -1
- package/dist/components/style/multiselect.css +1 -1
- package/dist/components/style/overlay.css +1 -1
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/persistentToast.css +1 -0
- package/dist/components/style/radioButton.css +1 -1
- package/dist/components/style/switch.css +1 -1
- package/dist/components/style/tabBar.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 +11 -11
- package/dist/components/tabBar.es.js +26 -26
- package/dist/components/tag.es.js +9 -9
- package/dist/components/textArea.es.js +14 -14
- package/dist/components/textField.es.js +14 -14
- package/dist/components/tooltip.es.js +10 -10
- package/dist/energy-components.es.js +3427 -3124
- package/dist/energy-components.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/src/components/content/accordion/accordion.vue.d.ts +0 -2
- package/dist/types/src/components/feedback/info-box/info-box.vue.d.ts +134 -0
- package/dist/types/src/components/feedback/persistent-toast/persistent-toast.vue.d.ts +161 -0
- package/dist/types/src/components/index.d.ts +2 -0
- package/dist/types/src/components/input/radio-button/radio-button.vue.d.ts +12 -12
- package/dist/types/src/components/input/radio-button/radio-group.vue.d.ts +24 -14
- package/dist/types/src/helpers/getInstance.d.ts +6 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/dist/components/radio-group.vue_vue_type_script_setup_true_lang-D-Dl5aHN.js +0 -18
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as B, toRefs as D, ref as l, watch as
|
|
2
|
-
import { I as E } from "./icon-svg-
|
|
1
|
+
import { defineComponent as B, toRefs as D, ref as l, watch as N, nextTick as R, inject as v, onMounted as V, onBeforeUnmount as q, openBlock as _, createElementBlock as w, createElementVNode as n, toDisplayString as h, unref as d, createBlock as H, mergeProps as I, createCommentVNode as P, createVNode as T, normalizeClass as y, renderSlot as j, createTextVNode as A } from "vue";
|
|
2
|
+
import { I as E } from "./icon-svg-CEZ-L3iv.js";
|
|
3
3
|
import O from "./tag.es.js";
|
|
4
4
|
import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
-
import './style/accordion.css';const b = { class: "rds-accordion" }, z = { class: "rds-accordion-title" },
|
|
5
|
+
import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { class: "rds-e-accordion-title" }, M = { class: "rds-e-accordion-title_right" }, U = /* @__PURE__ */ B({
|
|
6
6
|
__name: "accordion",
|
|
7
7
|
props: {
|
|
8
8
|
/**
|
|
@@ -10,8 +10,7 @@ import './style/accordion.css';const b = { class: "rds-accordion" }, z = { class
|
|
|
10
10
|
*/
|
|
11
11
|
id: {
|
|
12
12
|
type: String,
|
|
13
|
-
required: !0
|
|
14
|
-
validator: (o) => !o || o.trim().length > 0 ? (console.error("[RDSAccordion]: La propiedad id es requerida."), !1) : !0
|
|
13
|
+
required: !0
|
|
15
14
|
},
|
|
16
15
|
/**
|
|
17
16
|
* El título del acordeón.
|
|
@@ -44,78 +43,78 @@ import './style/accordion.css';const b = { class: "rds-accordion" }, z = { class
|
|
|
44
43
|
}
|
|
45
44
|
},
|
|
46
45
|
emits: ["update:open"],
|
|
47
|
-
setup(
|
|
48
|
-
const
|
|
49
|
-
if (!
|
|
46
|
+
setup(c, { expose: C, emit: k }) {
|
|
47
|
+
const o = c, x = k, { tag: a } = D(o), t = l(o.open), i = l(null), s = l(null), S = () => {
|
|
48
|
+
if (!i.value || !s.value) return;
|
|
50
49
|
const e = s.value.scrollHeight;
|
|
51
|
-
|
|
52
|
-
},
|
|
53
|
-
e === void 0 ? t.value = !t.value : t.value = e,
|
|
54
|
-
}, u = () => {
|
|
55
|
-
i(!0);
|
|
50
|
+
i.value.style.maxHeight = t.value ? `${e}px` : "0px";
|
|
51
|
+
}, r = (e) => {
|
|
52
|
+
e === void 0 ? t.value = !t.value : t.value = e, x("update:open", t.value), S();
|
|
56
53
|
}, p = () => {
|
|
57
|
-
|
|
54
|
+
r(!0);
|
|
55
|
+
}, u = () => {
|
|
56
|
+
r(!1);
|
|
58
57
|
};
|
|
59
|
-
|
|
60
|
-
() =>
|
|
61
|
-
(e) =>
|
|
62
|
-
|
|
58
|
+
N(
|
|
59
|
+
() => o.open,
|
|
60
|
+
(e) => R(() => {
|
|
61
|
+
r(e);
|
|
63
62
|
}),
|
|
64
63
|
{ immediate: !0 }
|
|
65
64
|
);
|
|
66
|
-
const
|
|
67
|
-
return
|
|
68
|
-
|
|
69
|
-
id:
|
|
70
|
-
open:
|
|
71
|
-
close:
|
|
65
|
+
const m = v("registerRDSAccordionChild"), f = v("unregisterRDSAccordionChild");
|
|
66
|
+
return V(() => {
|
|
67
|
+
m && m({
|
|
68
|
+
id: o.id,
|
|
69
|
+
open: p,
|
|
70
|
+
close: u
|
|
72
71
|
});
|
|
73
|
-
}),
|
|
74
|
-
|
|
72
|
+
}), q(() => {
|
|
73
|
+
f && f(o.id);
|
|
75
74
|
}), C({
|
|
76
75
|
/**
|
|
77
76
|
* Abre el panel.
|
|
78
77
|
*/
|
|
79
|
-
openPanel:
|
|
78
|
+
openPanel: p,
|
|
80
79
|
/**
|
|
81
80
|
* Cierra el panel.
|
|
82
81
|
*/
|
|
83
|
-
closePanel:
|
|
82
|
+
closePanel: u
|
|
84
83
|
}), (e, g) => (_(), w("div", b, [
|
|
85
|
-
|
|
86
|
-
class: "rds-accordion-title_container",
|
|
87
|
-
onClick: g[0] || (g[0] = () =>
|
|
84
|
+
n("div", {
|
|
85
|
+
class: "rds-e-accordion-title_container",
|
|
86
|
+
onClick: g[0] || (g[0] = () => r())
|
|
88
87
|
}, [
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
d(a) && d(a).icon ? (_(),
|
|
88
|
+
n("span", z, h(c.title), 1),
|
|
89
|
+
n("div", M, [
|
|
90
|
+
d(a) && d(a).icon ? (_(), H(O, I({
|
|
92
91
|
key: 0,
|
|
93
|
-
class: "rds-accordion-title_tag"
|
|
94
|
-
}, d(a), { small: "" }), null, 16)) :
|
|
95
|
-
|
|
96
|
-
class: y(["rds-accordion-title_icon", { "rds-accordion-title_icon--open": t.value }]),
|
|
92
|
+
class: "rds-e-accordion-title_tag"
|
|
93
|
+
}, d(a), { small: "" }), null, 16)) : P("", !0),
|
|
94
|
+
T(E, {
|
|
95
|
+
class: y(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": t.value }]),
|
|
97
96
|
name: "arrow_down"
|
|
98
97
|
}, null, 8, ["class"])
|
|
99
98
|
])
|
|
100
99
|
]),
|
|
101
|
-
|
|
100
|
+
n("div", {
|
|
102
101
|
ref_key: "panel",
|
|
103
|
-
ref:
|
|
104
|
-
class: y(["rds-accordion-panel", { "rds-accordion-panel--open": t.value }])
|
|
102
|
+
ref: i,
|
|
103
|
+
class: y(["rds-e-accordion-panel", { "rds-e-accordion-panel--open": t.value }])
|
|
105
104
|
}, [
|
|
106
|
-
|
|
105
|
+
n("div", {
|
|
107
106
|
ref_key: "panelContent",
|
|
108
107
|
ref: s,
|
|
109
|
-
class: "rds-accordion-panel_content"
|
|
108
|
+
class: "rds-e-accordion-panel_content"
|
|
110
109
|
}, [
|
|
111
|
-
|
|
112
|
-
|
|
110
|
+
j(e.$slots, "default", {}, () => [
|
|
111
|
+
A(h(c.content), 1)
|
|
113
112
|
], !0)
|
|
114
113
|
], 512)
|
|
115
114
|
], 2)
|
|
116
115
|
]));
|
|
117
116
|
}
|
|
118
|
-
}),
|
|
117
|
+
}), L = /* @__PURE__ */ $(U, [["__scopeId", "data-v-150c3a24"]]);
|
|
119
118
|
export {
|
|
120
|
-
|
|
119
|
+
L as default
|
|
121
120
|
};
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import { defineComponent as s, ref as t, provide as r, openBlock as d, createElementBlock as i, renderSlot as a } from "vue";
|
|
2
2
|
import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
|
-
import './style/accordionGroup.css';const u = { class: "rds-accordion-group" }, _ = /* @__PURE__ */ s({
|
|
3
|
+
import './style/accordionGroup.css';const u = { class: "rds-e-accordion-group" }, _ = /* @__PURE__ */ s({
|
|
4
4
|
__name: "accordion-group",
|
|
5
5
|
setup(f, { expose: n }) {
|
|
6
|
-
const
|
|
7
|
-
return r("registerRDSAccordionChild", (
|
|
8
|
-
|
|
9
|
-
}), r("unregisterRDSAccordionChild", (
|
|
10
|
-
const c =
|
|
11
|
-
c > -1 &&
|
|
6
|
+
const o = t([]);
|
|
7
|
+
return r("registerRDSAccordionChild", (e) => {
|
|
8
|
+
o.value.push(e);
|
|
9
|
+
}), r("unregisterRDSAccordionChild", (e) => {
|
|
10
|
+
const c = o.value.findIndex((l) => l.id === e);
|
|
11
|
+
c > -1 && o.value.splice(c, 1);
|
|
12
12
|
}), n({
|
|
13
13
|
/**
|
|
14
14
|
* Abre todos los paneles del acordeón
|
|
15
15
|
*/
|
|
16
16
|
openAll: () => {
|
|
17
|
-
|
|
17
|
+
o.value.forEach((e) => e.open());
|
|
18
18
|
},
|
|
19
19
|
/**
|
|
20
20
|
* Cierra todos los paneles del acordeón
|
|
21
21
|
*/
|
|
22
22
|
closeAll: () => {
|
|
23
|
-
|
|
23
|
+
o.value.forEach((e) => e.close());
|
|
24
24
|
}
|
|
25
|
-
}), (
|
|
26
|
-
a(
|
|
25
|
+
}), (e, c) => (d(), i("div", u, [
|
|
26
|
+
a(e.$slots, "default", {}, void 0, !0)
|
|
27
27
|
]));
|
|
28
28
|
}
|
|
29
|
-
}), x = /* @__PURE__ */ p(_, [["__scopeId", "data-v-
|
|
29
|
+
}), x = /* @__PURE__ */ p(_, [["__scopeId", "data-v-97abd23e"]]);
|
|
30
30
|
export {
|
|
31
31
|
x as default
|
|
32
32
|
};
|
|
@@ -53,12 +53,12 @@ import './style/actionButton.css';const p = /* @__PURE__ */ o({
|
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
55
|
setup(e) {
|
|
56
|
-
return (t, i) => (a(), r(s, n({ class: "rds-btn--action" }, { ...t.$props, ...t.$attrs }, {
|
|
56
|
+
return (t, i) => (a(), r(s, n({ class: "rds-e-btn--action" }, { ...t.$props, ...t.$attrs }, {
|
|
57
57
|
text: "",
|
|
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-782579da"]]);
|
|
62
62
|
export {
|
|
63
63
|
f as default
|
|
64
64
|
};
|
|
@@ -47,7 +47,7 @@ import './style/breadcrumbs.css';const R = { key: 0 }, V = /* @__PURE__ */ g({
|
|
|
47
47
|
];
|
|
48
48
|
}, u = () => {
|
|
49
49
|
s.trimItems && t.value.length > 3 ? m() : typeof s.items == "object" ? n.value = s.items : console.error("energy-components: The prop is not an Object");
|
|
50
|
-
},
|
|
50
|
+
}, b = (e, a) => {
|
|
51
51
|
const r = {
|
|
52
52
|
...e,
|
|
53
53
|
inverse: o.value
|
|
@@ -56,14 +56,14 @@ import './style/breadcrumbs.css';const R = { key: 0 }, V = /* @__PURE__ */ g({
|
|
|
56
56
|
arrow: !0,
|
|
57
57
|
right: !0
|
|
58
58
|
}), r;
|
|
59
|
-
},
|
|
59
|
+
}, _ = (e) => ({
|
|
60
60
|
click: (r) => {
|
|
61
61
|
r.preventDefault(), r.stopPropagation(), e != null && e.clickable && v();
|
|
62
62
|
}
|
|
63
63
|
}), k = (e) => [
|
|
64
|
-
"rds-breadcrumbs__link",
|
|
65
|
-
e != null && e.active ? "rds-breadcrumbs__link--active" : "",
|
|
66
|
-
o.value && (e != null && e.active) ? "rds-breadcrumbs__link--inverse-active" : ""
|
|
64
|
+
"rds-e-breadcrumbs__link",
|
|
65
|
+
e != null && e.active ? "rds-e-breadcrumbs__link--active" : "",
|
|
66
|
+
o.value && (e != null && e.active) ? "rds-e-breadcrumbs__link--inverse-active" : ""
|
|
67
67
|
];
|
|
68
68
|
return C(() => {
|
|
69
69
|
u();
|
|
@@ -71,12 +71,12 @@ import './style/breadcrumbs.css';const R = { key: 0 }, V = /* @__PURE__ */ g({
|
|
|
71
71
|
u();
|
|
72
72
|
}), (e, a) => (c(!0), l(I, null, w(n.value, (r, i) => (c(), l("ul", {
|
|
73
73
|
key: i,
|
|
74
|
-
class: x(["rds-breadcrumbs", `${B(o) ? "rds-breadcrumbs--inverse" : ""}`])
|
|
74
|
+
class: x(["rds-e-breadcrumbs", `${B(o) ? "rds-e-breadcrumbs--inverse" : ""}`])
|
|
75
75
|
}, [
|
|
76
76
|
j(N, E({
|
|
77
77
|
class: k(r),
|
|
78
78
|
ref_for: !0
|
|
79
|
-
},
|
|
79
|
+
}, b(r, i), P(_(r))), {
|
|
80
80
|
default: T(() => [
|
|
81
81
|
r != null && r.clickable ? (c(), l("span", R, "...")) : D("", !0)
|
|
82
82
|
]),
|
|
@@ -84,7 +84,7 @@ import './style/breadcrumbs.css';const R = { key: 0 }, V = /* @__PURE__ */ g({
|
|
|
84
84
|
}, 1040, ["class"])
|
|
85
85
|
], 2))), 128));
|
|
86
86
|
}
|
|
87
|
-
}), F = /* @__PURE__ */ O(V, [["__scopeId", "data-v-
|
|
87
|
+
}), F = /* @__PURE__ */ O(V, [["__scopeId", "data-v-f9b5ced9"]]);
|
|
88
88
|
export {
|
|
89
89
|
F as default
|
|
90
90
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as B, toRefs as I, computed as l, openBlock as
|
|
2
|
-
import { I as E } from "./icon-svg-
|
|
1
|
+
import { defineComponent as B, toRefs as I, computed as l, openBlock as v, createElementBlock as S, unref as s, normalizeClass as m, createBlock as x, createCommentVNode as k, createElementVNode as $, renderSlot as C, createTextVNode as N, toDisplayString as V } from "vue";
|
|
2
|
+
import { I as E } from "./icon-svg-CEZ-L3iv.js";
|
|
3
3
|
import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
import './style/button.css';const w = ["type", "disabled"], D = { class: "rds-btn__text" }, R = /* @__PURE__ */ B({
|
|
4
|
+
import './style/button.css';const w = ["type", "disabled"], D = { class: "rds-e-btn__text" }, R = /* @__PURE__ */ B({
|
|
5
5
|
__name: "button",
|
|
6
6
|
props: {
|
|
7
7
|
/**
|
|
@@ -101,7 +101,7 @@ import './style/button.css';const w = ["type", "disabled"], D = { class: "rds-bt
|
|
|
101
101
|
setup(e) {
|
|
102
102
|
const t = e, {
|
|
103
103
|
text: o,
|
|
104
|
-
icon:
|
|
104
|
+
icon: a,
|
|
105
105
|
type: r,
|
|
106
106
|
variant: i,
|
|
107
107
|
small: f,
|
|
@@ -110,35 +110,35 @@ import './style/button.css';const w = ["type", "disabled"], D = { class: "rds-bt
|
|
|
110
110
|
inverse: d,
|
|
111
111
|
revertIcon: _,
|
|
112
112
|
loading: p
|
|
113
|
-
} = I(t), c = l(() => p.value ? "loading" :
|
|
114
|
-
const
|
|
115
|
-
return i.value &&
|
|
116
|
-
o != null && o.value ? "rds-btn--with-icon" : "rds-btn--icon"
|
|
117
|
-
), f.value &&
|
|
113
|
+
} = I(t), c = l(() => p.value ? "loading" : a != null && a.value ? a == null ? void 0 : a.value : ""), h = l(() => r.value && ["button", "submit", "reset"].includes(r.value) ? r.value : "button"), b = l(() => ["primary", "secondary", "ghost"].includes(i.value) ? i.value : "primary"), g = l(() => {
|
|
114
|
+
const n = ["rds-e-btn"];
|
|
115
|
+
return i.value && n.push(`rds-e-btn--${b.value}`), d.value && n.push(`rds-e-btn--${b.value}-inverse`), c.value && n.push(
|
|
116
|
+
o != null && o.value ? "rds-e-btn--with-icon" : "rds-e-btn--icon"
|
|
117
|
+
), f.value && n.push("rds-e-btn--small"), _.value && n.push("rds-e-btn--revert"), u.value && n.push("rds-e-style-state-disabled"), p.value && n.push("rds-e-btn--loading"), y.value && n.push("rds-e-btn--mobile-width"), n.join(" ");
|
|
118
118
|
});
|
|
119
|
-
return (
|
|
119
|
+
return (n, W) => (v(), S("button", {
|
|
120
120
|
type: h.value,
|
|
121
121
|
disabled: s(u),
|
|
122
122
|
class: m(g.value)
|
|
123
123
|
}, [
|
|
124
|
-
c.value ? (
|
|
124
|
+
c.value ? (v(), x(E, {
|
|
125
125
|
key: 0,
|
|
126
126
|
name: c.value,
|
|
127
127
|
small: s(f),
|
|
128
|
-
class: m(["rds-btn__icon", [
|
|
129
|
-
s(d) ? `rds-btn__icon--${s(d)}` : "",
|
|
130
|
-
s(u) ? "rds-btn__icon--disabled" : ""
|
|
128
|
+
class: m(["rds-e-btn__icon", [
|
|
129
|
+
s(d) ? `rds-e-btn__icon--${s(d)}` : "",
|
|
130
|
+
s(u) ? "rds-e-btn__icon--disabled" : ""
|
|
131
131
|
]]),
|
|
132
132
|
"aria-hidden": "true"
|
|
133
133
|
}, null, 8, ["name", "small", "class"])) : k("", !0),
|
|
134
134
|
$("span", D, [
|
|
135
|
-
C(
|
|
135
|
+
C(n.$slots, "default", {}, () => [
|
|
136
136
|
N(V(s(o)), 1)
|
|
137
137
|
], !0)
|
|
138
138
|
])
|
|
139
139
|
], 10, w));
|
|
140
140
|
}
|
|
141
|
-
}), F = /* @__PURE__ */ L(R, [["__scopeId", "data-v-
|
|
141
|
+
}), F = /* @__PURE__ */ L(R, [["__scopeId", "data-v-590609be"]]);
|
|
142
142
|
export {
|
|
143
143
|
F as default
|
|
144
144
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { openBlock as r, createElementBlock as t, renderSlot as o } from "vue";
|
|
2
2
|
import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
|
-
import './style/card.css';const d = {}, s = { class: "rds-card" };
|
|
3
|
+
import './style/card.css';const d = {}, s = { class: "rds-e-card" };
|
|
4
4
|
function n(e, a) {
|
|
5
5
|
return r(), t("div", s, [
|
|
6
6
|
o(e.$slots, "default", {}, void 0, !0)
|
|
7
7
|
]);
|
|
8
8
|
}
|
|
9
|
-
const l = /* @__PURE__ */ c(d, [["render", n], ["__scopeId", "data-v-
|
|
9
|
+
const l = /* @__PURE__ */ c(d, [["render", n], ["__scopeId", "data-v-6dfda4fc"]]);
|
|
10
10
|
export {
|
|
11
11
|
l as default
|
|
12
12
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as x, ref as d, watch as v, onMounted as y, onBeforeUnmount as w, openBlock as b, createElementBlock as g, normalizeClass as o, createElementVNode as n, renderSlot as S, createTextVNode as B, toDisplayString as C, createBlock as E, createCommentVNode as L } from "vue";
|
|
2
|
-
import { I as V } from "./icon-svg-
|
|
2
|
+
import { I as V } from "./icon-svg-CEZ-L3iv.js";
|
|
3
3
|
import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/checkbox.css';const N = ["id", "checked", "aria-label", "required", "disabled"], q = ["for"], D = /* @__PURE__ */ x({
|
|
5
5
|
__name: "checkbox",
|
|
@@ -81,14 +81,14 @@ import './style/checkbox.css';const N = ["id", "checked", "aria-label", "require
|
|
|
81
81
|
}), w(() => {
|
|
82
82
|
window.removeEventListener("keydown", r), window.removeEventListener("mousedown", i);
|
|
83
83
|
}), (a, I) => (b(), g("div", {
|
|
84
|
-
class: o(["rds-checkbox__container", { "rds-checkbox__container--focused": l.value }])
|
|
84
|
+
class: o(["rds-e-checkbox__container", { "rds-e-checkbox__container--focused": l.value }])
|
|
85
85
|
}, [
|
|
86
86
|
n("input", {
|
|
87
87
|
id: e.id.toString(),
|
|
88
88
|
checked: e.isChecked,
|
|
89
89
|
"aria-label": e.accessibilityLabel,
|
|
90
90
|
type: "checkbox",
|
|
91
|
-
class: o(["rds-checkbox", { "rds-checkbox--error": e.error }]),
|
|
91
|
+
class: o(["rds-e-checkbox", { "rds-e-checkbox--error": e.error }]),
|
|
92
92
|
required: e.required,
|
|
93
93
|
disabled: e.disabled,
|
|
94
94
|
onChange: m,
|
|
@@ -97,25 +97,25 @@ import './style/checkbox.css';const N = ["id", "checked", "aria-label", "require
|
|
|
97
97
|
}, null, 42, N),
|
|
98
98
|
n("label", {
|
|
99
99
|
for: e.id.toString(),
|
|
100
|
-
class: o(["rds-checkbox__label", {
|
|
101
|
-
"rds-checkbox__label--disabled": e.disabled,
|
|
102
|
-
"rds-checkbox__label--checked": t.value
|
|
100
|
+
class: o(["rds-e-checkbox__label", {
|
|
101
|
+
"rds-e-checkbox__label--disabled": e.disabled,
|
|
102
|
+
"rds-e-checkbox__label--checked": t.value
|
|
103
103
|
}])
|
|
104
104
|
}, [
|
|
105
105
|
S(a.$slots, "label-text", {}, () => [
|
|
106
106
|
n("span", {
|
|
107
107
|
class: o([
|
|
108
|
-
"rds-checkbox__label-box",
|
|
108
|
+
"rds-e-checkbox__label-box",
|
|
109
109
|
{
|
|
110
|
-
"rds-checkbox__label-box--disabled": e.disabled,
|
|
111
|
-
"rds-checkbox__label-box--error": e.error
|
|
110
|
+
"rds-e-checkbox__label-box--disabled": e.disabled,
|
|
111
|
+
"rds-e-checkbox__label-box--error": e.error
|
|
112
112
|
}
|
|
113
113
|
])
|
|
114
114
|
}, [
|
|
115
115
|
B(C(e.label) + " ", 1),
|
|
116
116
|
e.icon ? (b(), E(V, {
|
|
117
117
|
key: 0,
|
|
118
|
-
class: "rds-checkbox__label-box--icon",
|
|
118
|
+
class: "rds-e-checkbox__label-box--icon",
|
|
119
119
|
name: e.icon,
|
|
120
120
|
size: "sm"
|
|
121
121
|
}, null, 8, ["name"])) : L("", !0)
|
|
@@ -124,7 +124,7 @@ import './style/checkbox.css';const N = ["id", "checked", "aria-label", "require
|
|
|
124
124
|
], 10, q)
|
|
125
125
|
], 2));
|
|
126
126
|
}
|
|
127
|
-
}), M = /* @__PURE__ */ _(D, [["__scopeId", "data-v-
|
|
127
|
+
}), M = /* @__PURE__ */ _(D, [["__scopeId", "data-v-6beff478"]]);
|
|
128
128
|
export {
|
|
129
129
|
M as default
|
|
130
130
|
};
|
|
@@ -8007,7 +8007,7 @@ const Gu = ({
|
|
|
8007
8007
|
Object.entries(ms).forEach(([e, n]) => {
|
|
8008
8008
|
e !== "default" && ($n[e] = n);
|
|
8009
8009
|
});
|
|
8010
|
-
const fs = { class: "rds-datepicker" }, ps = { class: "rds-datepicker__day_wrapper" }, ys = { class: "rds-datepicker__day_inner" }, hs = /* @__PURE__ */ Je({
|
|
8010
|
+
const fs = { class: "rds-e-datepicker" }, ps = { class: "rds-e-datepicker__day_wrapper" }, ys = { class: "rds-e-datepicker__day_inner" }, hs = /* @__PURE__ */ Je({
|
|
8011
8011
|
__name: "datepicker",
|
|
8012
8012
|
props: /* @__PURE__ */ Jr({
|
|
8013
8013
|
/**
|
|
@@ -8141,8 +8141,8 @@ const fs = { class: "rds-datepicker" }, ps = { class: "rds-datepicker__day_wrapp
|
|
|
8141
8141
|
ref: l,
|
|
8142
8142
|
modelValue: a.value,
|
|
8143
8143
|
"onUpdate:modelValue": y[1] || (y[1] = (x) => a.value = x),
|
|
8144
|
-
class: "rds-datepicker__datepicker",
|
|
8145
|
-
"day-class": () => "rds-datepicker_day_day",
|
|
8144
|
+
class: "rds-e-datepicker__datepicker",
|
|
8145
|
+
"day-class": () => "rds-e-datepicker_day_day",
|
|
8146
8146
|
locale: e.locale,
|
|
8147
8147
|
disabled: e.disabled,
|
|
8148
8148
|
clearable: e.clearable,
|
|
@@ -8202,7 +8202,7 @@ const fs = { class: "rds-datepicker" }, ps = { class: "rds-datepicker__day_wrapp
|
|
|
8202
8202
|
]), 1040, ["modelValue", "locale", "disabled", "clearable", "action-row", "range"])
|
|
8203
8203
|
]));
|
|
8204
8204
|
}
|
|
8205
|
-
}), xs = /* @__PURE__ */ al(hs, [["__scopeId", "data-v-
|
|
8205
|
+
}), xs = /* @__PURE__ */ al(hs, [["__scopeId", "data-v-c36ae4ef"]]);
|
|
8206
8206
|
export {
|
|
8207
8207
|
xs as default
|
|
8208
8208
|
};
|
|
@@ -20,16 +20,16 @@ import './style/divider.css';const a = /* @__PURE__ */ s({
|
|
|
20
20
|
},
|
|
21
21
|
setup(r) {
|
|
22
22
|
const e = r, o = i(() => ({
|
|
23
|
-
"rds-divider": !0,
|
|
24
|
-
"rds-divider--low": e.low && !e.inverse,
|
|
25
|
-
"rds-divider--inverse-low": e.low && e.inverse,
|
|
26
|
-
"rds-divider--inverse-high": !e.low && e.inverse
|
|
23
|
+
"rds-e-divider": !0,
|
|
24
|
+
"rds-e-divider--low": e.low && !e.inverse,
|
|
25
|
+
"rds-e-divider--inverse-low": e.low && e.inverse,
|
|
26
|
+
"rds-e-divider--inverse-high": !e.low && e.inverse
|
|
27
27
|
}));
|
|
28
28
|
return (v, c) => (d(), n("div", {
|
|
29
29
|
class: t(o.value)
|
|
30
30
|
}, null, 2));
|
|
31
31
|
}
|
|
32
|
-
}),
|
|
32
|
+
}), u = /* @__PURE__ */ l(a, [["__scopeId", "data-v-92f03f9b"]]);
|
|
33
33
|
export {
|
|
34
|
-
|
|
34
|
+
u as default
|
|
35
35
|
};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { defineComponent as H, mergeModels as x, toRefs as J, useModel as K, ref as Q, computed as h, openBlock as i, createElementBlock as
|
|
1
|
+
import { defineComponent as H, mergeModels as x, toRefs as J, useModel as K, ref as Q, computed as h, openBlock as i, createElementBlock as y, createVNode as V, mergeProps as W, unref as r, withModifiers as u, createSlots as I, withCtx as a, normalizeClass as X, renderSlot as d, createElementVNode as n, createBlock as M, createCommentVNode as B, Fragment as Y, toDisplayString as O, nextTick as T, pushScopeId as Z, popScopeId as ee } from "vue";
|
|
2
2
|
import le from "./multiselect.es.js";
|
|
3
3
|
import te from "./textField.es.js";
|
|
4
|
-
import { I as se } from "./icon-svg-
|
|
4
|
+
import { I as se } from "./icon-svg-CEZ-L3iv.js";
|
|
5
5
|
import oe from "./checkbox.es.js";
|
|
6
6
|
import re from "./radioButton.es.js";
|
|
7
7
|
import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
8
|
-
import './style/dropdown.css';const de = (t) => (Z("data-v-
|
|
8
|
+
import './style/dropdown.css';const de = (t) => (Z("data-v-9e2c3262"), t = t(), ee(), t), ne = { class: "rds-e-dropdown" }, ie = /* @__PURE__ */ de(() => /* @__PURE__ */ n("span", null, null, -1)), ue = { class: "rds-e-dropdown__option" }, ce = { class: "rds-e-dropdown__option-container" }, me = { class: "rds-e-dropdown__option--prepend" }, pe = { class: "rds-e-dropdown__option--content" }, fe = {
|
|
9
9
|
key: 0,
|
|
10
|
-
class: "rds-dropdown__option-detail"
|
|
10
|
+
class: "rds-e-dropdown__option-detail"
|
|
11
11
|
}, ve = { key: 1 }, he = {
|
|
12
12
|
key: 0,
|
|
13
|
-
class: "rds-dropdown__option--append"
|
|
14
|
-
},
|
|
13
|
+
class: "rds-e-dropdown__option--append"
|
|
14
|
+
}, ye = { class: "rds-e-dropdown__after-list" }, be = { class: "rds-e-dropdown__after-list-container" }, ke = /* @__PURE__ */ H({
|
|
15
15
|
__name: "dropdown",
|
|
16
16
|
props: /* @__PURE__ */ x({
|
|
17
17
|
/**
|
|
@@ -118,16 +118,16 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-b6cecacf"), t = t(),
|
|
|
118
118
|
setup(t, { expose: $, emit: q }) {
|
|
119
119
|
const c = t, m = q, {
|
|
120
120
|
disabled: p,
|
|
121
|
-
options:
|
|
121
|
+
options: b,
|
|
122
122
|
limit: S,
|
|
123
123
|
multiple: f
|
|
124
|
-
} = J(c), s = K(t, "modelValue"), v = Q(), E = h(() =>
|
|
124
|
+
} = J(c), s = K(t, "modelValue"), v = Q(), E = h(() => b.value.every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), j = h(() => !f.value || c.closeOnSelect), D = h({
|
|
125
125
|
get: () => s.value ? c.multiple ? Array.isArray(s.value) ? s.value.length > S.value ? c.limitText(S.value) : s.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof s.value == "object" ? s.value.label : typeof s.value == "string" ? s.value : "" : "",
|
|
126
126
|
set: () => null
|
|
127
127
|
}), N = h(() => ({
|
|
128
|
-
"rds-dropdown-input": !0,
|
|
129
|
-
"rds-dropdown--disabled": p.value,
|
|
130
|
-
"rds-dropdown--small": c.small
|
|
128
|
+
"rds-e-dropdown-input": !0,
|
|
129
|
+
"rds-e-dropdown--disabled": p.value,
|
|
130
|
+
"rds-e-dropdown--small": c.small
|
|
131
131
|
})), C = h(() => {
|
|
132
132
|
const e = {};
|
|
133
133
|
return E.value && Object.assign(e, {
|
|
@@ -153,12 +153,12 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-b6cecacf"), t = t(),
|
|
|
153
153
|
}, P = () => {
|
|
154
154
|
T(() => {
|
|
155
155
|
if (f.value) {
|
|
156
|
-
const e =
|
|
156
|
+
const e = b.value.filter(
|
|
157
157
|
(o) => k(o)
|
|
158
158
|
) || [];
|
|
159
159
|
m("change", e);
|
|
160
160
|
} else {
|
|
161
|
-
const e =
|
|
161
|
+
const e = b.value.find(
|
|
162
162
|
(o) => k(o)
|
|
163
163
|
);
|
|
164
164
|
m("change", [e]);
|
|
@@ -182,14 +182,14 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-b6cecacf"), t = t(),
|
|
|
182
182
|
* Cierra el dropdown
|
|
183
183
|
*/
|
|
184
184
|
deactivate: z
|
|
185
|
-
}), (e, o) => (i(),
|
|
185
|
+
}), (e, o) => (i(), y("div", ne, [
|
|
186
186
|
V(le, W({
|
|
187
187
|
ref_key: "multiselect",
|
|
188
188
|
ref: v,
|
|
189
189
|
modelValue: s.value,
|
|
190
190
|
"onUpdate:modelValue": o[2] || (o[2] = (l) => s.value = l),
|
|
191
191
|
class: N.value,
|
|
192
|
-
options: r(
|
|
192
|
+
options: r(b),
|
|
193
193
|
"close-on-select": j.value,
|
|
194
194
|
"show-labels": !1,
|
|
195
195
|
disabled: r(p),
|
|
@@ -211,7 +211,7 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-b6cecacf"), t = t(),
|
|
|
211
211
|
id: `multiselect-dropdown-${t.id}`,
|
|
212
212
|
modelValue: D.value,
|
|
213
213
|
"onUpdate:modelValue": o[1] || (o[1] = (w) => D.value = w),
|
|
214
|
-
class: "rds-dropdown__input",
|
|
214
|
+
class: "rds-e-dropdown__input",
|
|
215
215
|
disabled: r(p),
|
|
216
216
|
label: t.label,
|
|
217
217
|
error: t.error,
|
|
@@ -224,8 +224,8 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-b6cecacf"), t = t(),
|
|
|
224
224
|
V(r(se), {
|
|
225
225
|
name: "arrow_down",
|
|
226
226
|
"aria-hidden": "true",
|
|
227
|
-
class: X(["rds-dropdown__input-caret", {
|
|
228
|
-
"rds-dropdown__input-caret--open": l
|
|
227
|
+
class: X(["rds-e-dropdown__input-caret", {
|
|
228
|
+
"rds-e-dropdown__input-caret--open": l
|
|
229
229
|
}]),
|
|
230
230
|
onClick: o[0] || (o[0] = u(() => {
|
|
231
231
|
}, ["self", "stop"])),
|
|
@@ -272,15 +272,15 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-b6cecacf"), t = t(),
|
|
|
272
272
|
d(e.$slots, "singleLabel", { option: l }, () => {
|
|
273
273
|
var g;
|
|
274
274
|
return [
|
|
275
|
-
(g = C.value) != null && g.label ? (i(),
|
|
275
|
+
(g = C.value) != null && g.label ? (i(), y(Y, { key: 0 }, [
|
|
276
276
|
n("span", null, O(l.label), 1),
|
|
277
|
-
l != null && l.detail ? (i(),
|
|
278
|
-
], 64)) : (i(),
|
|
277
|
+
l != null && l.detail ? (i(), y("span", fe, O(l.detail), 1)) : B("", !0)
|
|
278
|
+
], 64)) : (i(), y("span", ve, O(l), 1))
|
|
279
279
|
];
|
|
280
280
|
}, !0)
|
|
281
281
|
])
|
|
282
282
|
]),
|
|
283
|
-
e.$slots.optionAppend ? (i(),
|
|
283
|
+
e.$slots.optionAppend ? (i(), y("div", he, [
|
|
284
284
|
d(e.$slots, "optionAppend", {
|
|
285
285
|
option: l,
|
|
286
286
|
search: w,
|
|
@@ -322,8 +322,8 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-b6cecacf"), t = t(),
|
|
|
322
322
|
e.$slots.afterList ? {
|
|
323
323
|
name: "afterList",
|
|
324
324
|
fn: a(() => [
|
|
325
|
-
n("div",
|
|
326
|
-
n("div",
|
|
325
|
+
n("div", ye, [
|
|
326
|
+
n("div", be, [
|
|
327
327
|
d(e.$slots, "afterList", {}, void 0, !0)
|
|
328
328
|
])
|
|
329
329
|
])
|
|
@@ -333,7 +333,7 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-b6cecacf"), t = t(),
|
|
|
333
333
|
]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "limit", "limit-text"])
|
|
334
334
|
]));
|
|
335
335
|
}
|
|
336
|
-
}), Ve = /* @__PURE__ */ ae(ke, [["__scopeId", "data-v-
|
|
336
|
+
}), Ve = /* @__PURE__ */ ae(ke, [["__scopeId", "data-v-9e2c3262"]]);
|
|
337
337
|
export {
|
|
338
338
|
Ve as default
|
|
339
339
|
};
|
|
@@ -78,11 +78,11 @@ import './style/floatingActionButton.css';const v = /* @__PURE__ */ i({
|
|
|
78
78
|
placement: r,
|
|
79
79
|
extraSmall: n
|
|
80
80
|
} = p(a), s = u(() => {
|
|
81
|
-
const e = "rds-btn--fab", o = [];
|
|
82
|
-
return n.value && o.push("rds-btn--extra-small"), o.push(`${e}-${l.value}`), o.push(`${e}-${r.value}`), o.join(" ");
|
|
81
|
+
const e = "rds-e-btn--fab", o = [];
|
|
82
|
+
return n.value && o.push("rds-e-btn--extra-small"), o.push(`${e}-${l.value}`), o.push(`${e}-${r.value}`), o.join(" ");
|
|
83
83
|
});
|
|
84
84
|
return (e, o) => (f(), c(m, d({
|
|
85
|
-
class: ["rds-btn--fab", [
|
|
85
|
+
class: ["rds-e-btn--fab", [
|
|
86
86
|
s.value
|
|
87
87
|
]]
|
|
88
88
|
}, { ...e.$props, ...e.$attrs }, {
|
|
@@ -91,7 +91,7 @@ import './style/floatingActionButton.css';const v = /* @__PURE__ */ i({
|
|
|
91
91
|
variant: "primary"
|
|
92
92
|
}), null, 16, ["class"]));
|
|
93
93
|
}
|
|
94
|
-
}), _ = /* @__PURE__ */ b(v, [["__scopeId", "data-v-
|
|
94
|
+
}), _ = /* @__PURE__ */ b(v, [["__scopeId", "data-v-3cd22b46"]]);
|
|
95
95
|
export {
|
|
96
96
|
_ as default
|
|
97
97
|
};
|