energy-components 1.0.2 → 1.0.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 +8 -8
- package/dist/components/button.es.js +11 -11
- package/dist/components/card.es.js +12 -0
- package/dist/components/checkbox.es.js +7 -7
- package/dist/components/datepicker.es.js +8208 -0
- package/dist/components/dropdown.es.js +37 -29
- package/dist/components/{icon-svg-Cpx09myr.js → icon-svg-7Vih8GMM.js} +3 -2
- package/dist/components/iconList.es.js +5 -5
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +84 -69
- package/dist/components/link.es.js +9 -9
- package/dist/components/modal.es.js +96 -0
- package/dist/components/overlay.es.js +31 -0
- package/dist/components/radio-group.vue_vue_type_script_setup_true_lang-D-Dl5aHN.js +18 -0
- package/dist/components/radioButton.es.js +32 -41
- package/dist/components/radioGroup.es.js +4 -0
- package/dist/components/style/card.css +1 -0
- package/dist/components/style/datepicker.css +1 -0
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/icon-svg.css +1 -1
- package/dist/components/style/modal.css +1 -0
- package/dist/components/style/overlay.css +1 -0
- package/dist/components/style/radioButton.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/switch.es.js +7 -7
- package/dist/components/tabBar.es.js +12 -12
- package/dist/components/tag.es.js +5 -5
- package/dist/components/textArea.es.js +19 -19
- package/dist/components/textField.es.js +46 -44
- package/dist/components/tooltip.es.js +52 -52
- package/dist/energy-components.es.js +10063 -1720
- package/dist/energy-components.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/src/components/content/card/card.vue.d.ts +24 -0
- package/dist/types/src/components/icon-svg/icon-svg.vue.d.ts +2 -0
- package/dist/types/src/components/index.d.ts +5 -0
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +15 -0
- package/dist/types/src/components/input/radio-button/radio-button.vue.d.ts +2 -21
- package/dist/types/src/components/input/radio-button/radio-group.vue.d.ts +40 -0
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +2 -2
- package/dist/types/src/components/navigation/link/link.vue.d.ts +1 -1
- package/dist/types/src/components/overlay/modal/modal.vue.d.ts +186 -0
- package/dist/types/src/components/overlay/overlay/overlay.vue.d.ts +46 -0
- package/dist/types/src/helpers/mobileMockup.vue.d.ts +9 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -2
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as H, mergeModels 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 b, 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 {
|
|
4
|
+
import { I as se } from "./icon-svg-7Vih8GMM.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-b6cecacf"), t = t(), ee(), t), ne = { class: "rds-dropdown" }, ie = /* @__PURE__ */ de(() => /* @__PURE__ */ n("span", null, null, -1)), ue = { class: "rds-dropdown__option" }, ce = { class: "rds-dropdown__option-container" }, me = { class: "rds-dropdown__option--prepend" }, pe = { class: "rds-dropdown__option--content" }, fe = {
|
|
9
9
|
key: 0,
|
|
10
10
|
class: "rds-dropdown__option-detail"
|
|
11
11
|
}, ve = { key: 1 }, he = {
|
|
@@ -13,7 +13,7 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
|
|
|
13
13
|
class: "rds-dropdown__option--append"
|
|
14
14
|
}, be = { class: "rds-dropdown__after-list" }, ye = { class: "rds-dropdown__after-list-container" }, ke = /* @__PURE__ */ H({
|
|
15
15
|
__name: "dropdown",
|
|
16
|
-
props: /* @__PURE__ */
|
|
16
|
+
props: /* @__PURE__ */ x({
|
|
17
17
|
/**
|
|
18
18
|
* Id del dropdown
|
|
19
19
|
*/
|
|
@@ -87,6 +87,13 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
|
|
|
87
87
|
type: Boolean,
|
|
88
88
|
default: !1
|
|
89
89
|
},
|
|
90
|
+
/**
|
|
91
|
+
* Texto de ayuda a mostrar debajo del campo de entrada.
|
|
92
|
+
*/
|
|
93
|
+
helperText: {
|
|
94
|
+
type: String,
|
|
95
|
+
default: ""
|
|
96
|
+
},
|
|
90
97
|
/**
|
|
91
98
|
* Indica la cantidad maxima de elementos seleccionados a mostrar en el imput.
|
|
92
99
|
*/
|
|
@@ -107,23 +114,23 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
|
|
|
107
114
|
},
|
|
108
115
|
modelModifiers: {}
|
|
109
116
|
}),
|
|
110
|
-
emits: /* @__PURE__ */
|
|
111
|
-
setup(t, { expose: $, emit:
|
|
112
|
-
const c = t, m =
|
|
117
|
+
emits: /* @__PURE__ */ x(["open", "close", "select", "change"], ["update:modelValue"]),
|
|
118
|
+
setup(t, { expose: $, emit: q }) {
|
|
119
|
+
const c = t, m = q, {
|
|
113
120
|
disabled: p,
|
|
114
121
|
options: y,
|
|
115
122
|
limit: S,
|
|
116
123
|
multiple: f
|
|
117
|
-
} = J(c), s = K(t, "modelValue"), v = Q(),
|
|
124
|
+
} = J(c), s = K(t, "modelValue"), v = Q(), E = h(() => y.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({
|
|
118
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 : "" : "",
|
|
119
126
|
set: () => null
|
|
120
|
-
}),
|
|
127
|
+
}), N = h(() => ({
|
|
121
128
|
"rds-dropdown-input": !0,
|
|
122
129
|
"rds-dropdown--disabled": p.value,
|
|
123
130
|
"rds-dropdown--small": c.small
|
|
124
131
|
})), C = h(() => {
|
|
125
132
|
const e = {};
|
|
126
|
-
return
|
|
133
|
+
return E.value && Object.assign(e, {
|
|
127
134
|
"track-by": "id",
|
|
128
135
|
label: "label"
|
|
129
136
|
}), e;
|
|
@@ -135,16 +142,16 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
|
|
|
135
142
|
return s.value.some((o) => o.id === e.id);
|
|
136
143
|
}
|
|
137
144
|
return !1;
|
|
138
|
-
},
|
|
145
|
+
}, F = (e) => {
|
|
139
146
|
m("open", e);
|
|
140
|
-
},
|
|
147
|
+
}, L = (e) => {
|
|
141
148
|
m("close", e);
|
|
142
149
|
}, U = (e) => {
|
|
143
|
-
|
|
150
|
+
T(() => {
|
|
144
151
|
m("select", e);
|
|
145
152
|
});
|
|
146
153
|
}, P = () => {
|
|
147
|
-
|
|
154
|
+
T(() => {
|
|
148
155
|
if (f.value) {
|
|
149
156
|
const e = y.value.filter(
|
|
150
157
|
(o) => k(o)
|
|
@@ -181,9 +188,9 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
|
|
|
181
188
|
ref: v,
|
|
182
189
|
modelValue: s.value,
|
|
183
190
|
"onUpdate:modelValue": o[2] || (o[2] = (l) => s.value = l),
|
|
184
|
-
class:
|
|
191
|
+
class: N.value,
|
|
185
192
|
options: r(y),
|
|
186
|
-
"close-on-select":
|
|
193
|
+
"close-on-select": j.value,
|
|
187
194
|
"show-labels": !1,
|
|
188
195
|
disabled: r(p),
|
|
189
196
|
multiple: r(f),
|
|
@@ -192,26 +199,27 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
|
|
|
192
199
|
limit: r(S),
|
|
193
200
|
"limit-text": t.limitText
|
|
194
201
|
}, C.value, {
|
|
195
|
-
onOpen:
|
|
196
|
-
onClose:
|
|
202
|
+
onOpen: F,
|
|
203
|
+
onClose: L,
|
|
197
204
|
onSelect: U,
|
|
198
205
|
"onUpdate:modelValue": P,
|
|
199
206
|
onFocus: o[3] || (o[3] = u(() => _(), ["prevent"])),
|
|
200
207
|
onBlur: u(() => null, ["prevent"])
|
|
201
|
-
}),
|
|
208
|
+
}), I({
|
|
202
209
|
selection: a(({ isOpen: l }) => [
|
|
203
210
|
V(r(te), {
|
|
204
211
|
id: `multiselect-dropdown-${t.id}`,
|
|
205
|
-
modelValue:
|
|
206
|
-
"onUpdate:modelValue": o[1] || (o[1] = (w) =>
|
|
212
|
+
modelValue: D.value,
|
|
213
|
+
"onUpdate:modelValue": o[1] || (o[1] = (w) => D.value = w),
|
|
207
214
|
class: "rds-dropdown__input",
|
|
208
215
|
disabled: r(p),
|
|
209
216
|
label: t.label,
|
|
210
217
|
error: t.error,
|
|
211
218
|
helper: t.helper,
|
|
219
|
+
"helper-text": t.helperText,
|
|
212
220
|
readonly: "",
|
|
213
221
|
onClick: u((w) => l ? null : _(), ["prevent", "stop"])
|
|
214
|
-
},
|
|
222
|
+
}, I({
|
|
215
223
|
"right-icon": a(() => [
|
|
216
224
|
V(r(se), {
|
|
217
225
|
name: "arrow_down",
|
|
@@ -233,7 +241,7 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
|
|
|
233
241
|
]),
|
|
234
242
|
key: "0"
|
|
235
243
|
} : void 0
|
|
236
|
-
]), 1032, ["id", "modelValue", "disabled", "label", "error", "helper", "onClick"])
|
|
244
|
+
]), 1032, ["id", "modelValue", "disabled", "label", "error", "helper", "helper-text", "onClick"])
|
|
237
245
|
]),
|
|
238
246
|
placeholder: a(() => [
|
|
239
247
|
ie
|
|
@@ -242,14 +250,14 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
|
|
|
242
250
|
n("div", ue, [
|
|
243
251
|
n("div", ce, [
|
|
244
252
|
n("div", me, [
|
|
245
|
-
r(f) ? (i(),
|
|
253
|
+
r(f) ? (i(), M(r(oe), {
|
|
246
254
|
key: 0,
|
|
247
255
|
id: `${R}-${l.id}`,
|
|
248
256
|
small: t.small,
|
|
249
257
|
"is-checked": k(l),
|
|
250
258
|
disabled: r(p) || (l == null ? void 0 : l.$isDisabled) || !1,
|
|
251
259
|
onClick: u((g) => A(l), ["prevent", "stop"])
|
|
252
|
-
}, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !r(f) && t.showRadio ? (i(),
|
|
260
|
+
}, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !r(f) && t.showRadio ? (i(), M(r(re), {
|
|
253
261
|
key: 1,
|
|
254
262
|
id: `${R}-${l.id}`,
|
|
255
263
|
small: t.small,
|
|
@@ -265,9 +273,9 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
|
|
|
265
273
|
var g;
|
|
266
274
|
return [
|
|
267
275
|
(g = C.value) != null && g.label ? (i(), b(Y, { key: 0 }, [
|
|
268
|
-
n("span", null,
|
|
269
|
-
l != null && l.detail ? (i(), b("span", fe,
|
|
270
|
-
], 64)) : (i(), b("span", ve,
|
|
276
|
+
n("span", null, O(l.label), 1),
|
|
277
|
+
l != null && l.detail ? (i(), b("span", fe, O(l.detail), 1)) : B("", !0)
|
|
278
|
+
], 64)) : (i(), b("span", ve, O(l), 1))
|
|
271
279
|
];
|
|
272
280
|
}, !0)
|
|
273
281
|
])
|
|
@@ -325,7 +333,7 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-0ad95116"), t = t(),
|
|
|
325
333
|
]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "limit", "limit-text"])
|
|
326
334
|
]));
|
|
327
335
|
}
|
|
328
|
-
}), Ve = /* @__PURE__ */ ae(ke, [["__scopeId", "data-v-
|
|
336
|
+
}), Ve = /* @__PURE__ */ ae(ke, [["__scopeId", "data-v-b6cecacf"]]);
|
|
329
337
|
export {
|
|
330
338
|
Ve as default
|
|
331
339
|
};
|
|
@@ -10785,6 +10785,7 @@ const m = o.reduce((c, s) => (c[s.name] = s, c), {}), S = /* @__PURE__ */ a({
|
|
|
10785
10785
|
},
|
|
10786
10786
|
/**
|
|
10787
10787
|
* Permite establecer un color personalizado para el icono.
|
|
10788
|
+
* Acepta un valor de color en CSS, como '#333', 'red' o 'var(--rds-color-turquoise-70)'.
|
|
10788
10789
|
*/
|
|
10789
10790
|
color: {
|
|
10790
10791
|
type: String,
|
|
@@ -10811,8 +10812,8 @@ const m = o.reduce((c, s) => (c[s.name] = s, c), {}), S = /* @__PURE__ */ a({
|
|
|
10811
10812
|
}, null, 2))), 128))
|
|
10812
10813
|
], 6));
|
|
10813
10814
|
}
|
|
10814
|
-
}), k = /* @__PURE__ */ p(S, [["__scopeId", "data-v-
|
|
10815
|
+
}), k = /* @__PURE__ */ p(S, [["__scopeId", "data-v-104fbd98"]]);
|
|
10815
10816
|
export {
|
|
10816
|
-
k as
|
|
10817
|
+
k as I,
|
|
10817
10818
|
o as i
|
|
10818
10819
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
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,
|
|
2
|
+
import { i as m, I as k } from "./icon-svg-7Vih8GMM.js";
|
|
3
3
|
import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
import './style/iconList.css';const y = { class: "rds-icon-list" },
|
|
4
|
+
import './style/iconList.css';const y = { class: "rds-icon-list" }, I = ["onClick"], N = /* @__PURE__ */ p({
|
|
5
5
|
__name: "icon-list",
|
|
6
|
-
setup(
|
|
6
|
+
setup(T) {
|
|
7
7
|
const o = a(""), l = a(!1), c = a(""), d = v(() => {
|
|
8
8
|
let t = m;
|
|
9
9
|
return o.value.length > 2 && (t = m.filter(
|
|
@@ -33,13 +33,13 @@ import './style/iconList.css';const y = { class: "rds-icon-list" }, D = ["onClic
|
|
|
33
33
|
class: x(["rds-icon-list__item", {
|
|
34
34
|
"rds-icon-list__item--active": l.value && c.value === e.name
|
|
35
35
|
}]),
|
|
36
|
-
onClick: (
|
|
36
|
+
onClick: (V) => _(e.name)
|
|
37
37
|
}, [
|
|
38
38
|
g(k, {
|
|
39
39
|
name: e.name
|
|
40
40
|
}, null, 8, ["name"]),
|
|
41
41
|
r("code", null, h(e.name), 1)
|
|
42
|
-
], 10,
|
|
42
|
+
], 10, I))), 128))
|
|
43
43
|
])
|
|
44
44
|
], 64));
|
|
45
45
|
}
|
|
@@ -1,81 +1,96 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import R from "./
|
|
11
|
-
import d from "./
|
|
12
|
-
import f from "./
|
|
13
|
-
import s from "./
|
|
14
|
-
import u from "./
|
|
15
|
-
import l from "./
|
|
16
|
-
import b from "./
|
|
17
|
-
import A from "./
|
|
18
|
-
import B from "./
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
|
|
1
|
+
import { I as i } from "./icon-svg-7Vih8GMM.js";
|
|
2
|
+
import a from "./button.es.js";
|
|
3
|
+
import m from "./floatingActionButton.es.js";
|
|
4
|
+
import n from "./actionButton.es.js";
|
|
5
|
+
import S from "./checkbox.es.js";
|
|
6
|
+
import D from "./textField.es.js";
|
|
7
|
+
import e from "./textArea.es.js";
|
|
8
|
+
import c from "./switch.es.js";
|
|
9
|
+
import p from "./radioButton.es.js";
|
|
10
|
+
import { _ as R } from "./radio-group.vue_vue_type_script_setup_true_lang-D-Dl5aHN.js";
|
|
11
|
+
import d from "./dropdown.es.js";
|
|
12
|
+
import f from "./datepicker.es.js";
|
|
13
|
+
import s from "./tag.es.js";
|
|
14
|
+
import u from "./accordionGroup.es.js";
|
|
15
|
+
import l from "./accordion.es.js";
|
|
16
|
+
import b from "./divider.es.js";
|
|
17
|
+
import A from "./card.es.js";
|
|
18
|
+
import B from "./link.es.js";
|
|
19
|
+
import g from "./breadcrumbs.es.js";
|
|
20
|
+
import T from "./tabBar.es.js";
|
|
21
|
+
import v from "./pagination.es.js";
|
|
22
|
+
import I from "./indicator.es.js";
|
|
23
|
+
import _ from "./modal.es.js";
|
|
24
|
+
import x from "./overlay.es.js";
|
|
25
|
+
import w from "./tooltip.es.js";
|
|
26
|
+
const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
22
27
|
__proto__: null,
|
|
23
|
-
RDSAccordion:
|
|
24
|
-
RDSAccordionGroup:
|
|
25
|
-
RDSActionButton:
|
|
26
|
-
RDSBreadcrumbs:
|
|
27
|
-
RDSButton:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
RDSAccordion: l,
|
|
29
|
+
RDSAccordionGroup: u,
|
|
30
|
+
RDSActionButton: n,
|
|
31
|
+
RDSBreadcrumbs: g,
|
|
32
|
+
RDSButton: a,
|
|
33
|
+
RDSCard: A,
|
|
34
|
+
RDSCheckbox: S,
|
|
35
|
+
RDSDatePicker: f,
|
|
36
|
+
RDSDivider: b,
|
|
37
|
+
RDSDropdown: d,
|
|
38
|
+
RDSFloatinActionButton: m,
|
|
32
39
|
RDSIconSvg: i,
|
|
33
|
-
RDSIndicator:
|
|
34
|
-
RDSLink:
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
RDSIndicator: I,
|
|
41
|
+
RDSLink: B,
|
|
42
|
+
RDSModal: _,
|
|
43
|
+
RDSOverlay: x,
|
|
44
|
+
RDSPagination: v,
|
|
45
|
+
RDSRadioButton: p,
|
|
46
|
+
RDSRadioGroup: R,
|
|
47
|
+
RDSSwitch: c,
|
|
48
|
+
RDSTabBar: T,
|
|
49
|
+
RDSTag: s,
|
|
50
|
+
RDSTextArea: e,
|
|
51
|
+
RDSTextField: D,
|
|
52
|
+
RDSTooltip: w
|
|
43
53
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
44
|
-
let
|
|
45
|
-
function
|
|
46
|
-
|
|
54
|
+
let k;
|
|
55
|
+
function oo(o) {
|
|
56
|
+
k = o;
|
|
47
57
|
}
|
|
48
|
-
const
|
|
58
|
+
const ro = {
|
|
49
59
|
install: (o) => {
|
|
50
|
-
for (const
|
|
60
|
+
for (const r in t)
|
|
51
61
|
o.component(
|
|
52
|
-
|
|
53
|
-
r
|
|
62
|
+
r,
|
|
63
|
+
t[r]
|
|
54
64
|
);
|
|
55
65
|
}
|
|
56
66
|
};
|
|
57
67
|
export {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
68
|
+
l as RDSAccordion,
|
|
69
|
+
u as RDSAccordionGroup,
|
|
70
|
+
n as RDSActionButton,
|
|
71
|
+
g as RDSBreadcrumbs,
|
|
72
|
+
a as RDSButton,
|
|
73
|
+
A as RDSCard,
|
|
74
|
+
S as RDSCheckbox,
|
|
75
|
+
f as RDSDatePicker,
|
|
76
|
+
b as RDSDivider,
|
|
77
|
+
d as RDSDropdown,
|
|
78
|
+
m as RDSFloatinActionButton,
|
|
67
79
|
i as RDSIconSvg,
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
80
|
+
I as RDSIndicator,
|
|
81
|
+
B as RDSLink,
|
|
82
|
+
_ as RDSModal,
|
|
83
|
+
x as RDSOverlay,
|
|
84
|
+
v as RDSPagination,
|
|
85
|
+
p as RDSRadioButton,
|
|
86
|
+
R as RDSRadioGroup,
|
|
87
|
+
c as RDSSwitch,
|
|
88
|
+
T as RDSTabBar,
|
|
89
|
+
s as RDSTag,
|
|
90
|
+
e as RDSTextArea,
|
|
91
|
+
D as RDSTextField,
|
|
92
|
+
w as RDSTooltip,
|
|
93
|
+
k as VueInstance,
|
|
94
|
+
ro as default,
|
|
95
|
+
oo as setVueInstance
|
|
81
96
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import {
|
|
3
|
-
import { _ as
|
|
4
|
-
import './style/link.css';const V = /* @__PURE__ */
|
|
1
|
+
import { defineComponent as D, toRefs as E, computed as c, openBlock as l, createBlock as d, resolveDynamicComponent as L, unref as e, normalizeClass as m, withCtx as N, mergeProps as _, createCommentVNode as i, createElementBlock as B, renderSlot as C, createTextVNode as S, toDisplayString as I } from "vue";
|
|
2
|
+
import { I as k } from "./icon-svg-7Vih8GMM.js";
|
|
3
|
+
import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
import './style/link.css';const V = /* @__PURE__ */ D({
|
|
5
5
|
__name: "link",
|
|
6
6
|
props: {
|
|
7
7
|
/**
|
|
@@ -80,7 +80,7 @@ import './style/link.css';const V = /* @__PURE__ */ R({
|
|
|
80
80
|
arrow: u,
|
|
81
81
|
right: t,
|
|
82
82
|
underline: h
|
|
83
|
-
} =
|
|
83
|
+
} = E(v), j = c(() => {
|
|
84
84
|
var r, b;
|
|
85
85
|
const a = ["rds-link"];
|
|
86
86
|
return f.value && a.push("rds-link--inverse"), h.value && a.push("rds-link--underline"), p.value && a.push("rds-style-state-disabled"), ((r = n == null ? void 0 : n.value) == null ? void 0 : r.name) !== "arrow" && a.push("link"), ((b = n == null ? void 0 : n.value) == null ? void 0 : b.name) !== "arrow" && f.value && a.push("link__icon--inverse"), a.join(" ");
|
|
@@ -94,13 +94,13 @@ import './style/link.css';const V = /* @__PURE__ */ R({
|
|
|
94
94
|
var a;
|
|
95
95
|
return u.value || ((a = n == null ? void 0 : n.value) == null ? void 0 : a.name);
|
|
96
96
|
});
|
|
97
|
-
return (a, r) => (l(), d(
|
|
98
|
-
class: m(
|
|
97
|
+
return (a, r) => (l(), d(L(e(o) === "a" ? e(o) : "router-link"), {
|
|
98
|
+
class: m(j.value),
|
|
99
99
|
to: e(o) === "router-link" ? e(g) : null,
|
|
100
100
|
href: e(o) === "a" ? e(g) : null,
|
|
101
101
|
disable: e(p)
|
|
102
102
|
}, {
|
|
103
|
-
default:
|
|
103
|
+
default: N(() => [
|
|
104
104
|
e(n) && !e(t) && !e(u) ? (l(), d(k, _({
|
|
105
105
|
key: 0,
|
|
106
106
|
name: e(n).name
|
|
@@ -141,7 +141,7 @@ import './style/link.css';const V = /* @__PURE__ */ R({
|
|
|
141
141
|
_: 3
|
|
142
142
|
}, 8, ["class", "to", "href", "disable"]));
|
|
143
143
|
}
|
|
144
|
-
}), M = /* @__PURE__ */
|
|
144
|
+
}), M = /* @__PURE__ */ R(V, [["__scopeId", "data-v-8883f921"]]);
|
|
145
145
|
export {
|
|
146
146
|
M as default
|
|
147
147
|
};
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { defineComponent as v, ref as y, onMounted as C, openBlock as o, createBlock as m, unref as l, withCtx as p, createVNode as h, createElementVNode as t, renderSlot as d, createCommentVNode as s, createElementBlock as u } from "vue";
|
|
2
|
+
import k from "./overlay.es.js";
|
|
3
|
+
import B from "./card.es.js";
|
|
4
|
+
import { I as b } from "./icon-svg-7Vih8GMM.js";
|
|
5
|
+
import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
|
+
import './style/modal.css';const S = { class: "rds-modal__container" }, $ = { class: "rds-modal__header" }, q = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "rds-modal__section-spacer"
|
|
9
|
+
}, w = { class: "rds-modal__body" }, E = {
|
|
10
|
+
key: 1,
|
|
11
|
+
class: "rds-modal__section-spacer"
|
|
12
|
+
}, I = { class: "rds-modal__footer" }, N = /* @__PURE__ */ v({
|
|
13
|
+
__name: "modal",
|
|
14
|
+
props: {
|
|
15
|
+
/**
|
|
16
|
+
* Define el estado del modal
|
|
17
|
+
*/
|
|
18
|
+
open: {
|
|
19
|
+
type: Boolean,
|
|
20
|
+
default: !1
|
|
21
|
+
},
|
|
22
|
+
/**
|
|
23
|
+
* Indica el punto de anclaje del overlay, para que funcione debe de estar montado en el DOM
|
|
24
|
+
* Si no se especifica se montará en el `body`
|
|
25
|
+
* [Documentación de Teleport](https://vuejs.org/guide/built-ins/teleport.html#teleport)
|
|
26
|
+
*/
|
|
27
|
+
teleport: {
|
|
28
|
+
type: String,
|
|
29
|
+
default: "body",
|
|
30
|
+
required: !0
|
|
31
|
+
},
|
|
32
|
+
/**
|
|
33
|
+
* Indica si se muestra el botón de cerrar, de la parte superior derecha
|
|
34
|
+
*/
|
|
35
|
+
showClose: {
|
|
36
|
+
type: Boolean,
|
|
37
|
+
default: !0
|
|
38
|
+
},
|
|
39
|
+
/**
|
|
40
|
+
* Evita que se cierre el modal al clickar en el overlay
|
|
41
|
+
*/
|
|
42
|
+
preventClose: {
|
|
43
|
+
type: Boolean,
|
|
44
|
+
default: !0
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
emits: ["onCloseRequest"],
|
|
48
|
+
setup(a, { emit: f }) {
|
|
49
|
+
const r = a, n = f, c = y(null), i = () => {
|
|
50
|
+
r.preventClose || n("onCloseRequest");
|
|
51
|
+
};
|
|
52
|
+
return C(() => {
|
|
53
|
+
var e;
|
|
54
|
+
(e = c.value) == null || e.addEventListener("click", i);
|
|
55
|
+
}), (e, _) => a.open ? (o(), m(l(k), {
|
|
56
|
+
key: 0,
|
|
57
|
+
ref_key: "overlay",
|
|
58
|
+
ref: c,
|
|
59
|
+
class: "rds-modal__overlay",
|
|
60
|
+
teleport: r.teleport,
|
|
61
|
+
onClick: i
|
|
62
|
+
}, {
|
|
63
|
+
default: p(() => [
|
|
64
|
+
h(l(B), { class: "rds-modal__card" }, {
|
|
65
|
+
default: p(() => [
|
|
66
|
+
t("div", S, [
|
|
67
|
+
t("div", $, [
|
|
68
|
+
d(e.$slots, "header", {}, void 0, !0),
|
|
69
|
+
r.showClose ? (o(), m(l(b), {
|
|
70
|
+
key: 0,
|
|
71
|
+
class: "rds-modal__header-close",
|
|
72
|
+
name: "close",
|
|
73
|
+
small: "",
|
|
74
|
+
onClick: _[0] || (_[0] = () => n("onCloseRequest"))
|
|
75
|
+
})) : s("", !0)
|
|
76
|
+
]),
|
|
77
|
+
e.$slots.body ? (o(), u("span", q)) : s("", !0),
|
|
78
|
+
t("div", w, [
|
|
79
|
+
d(e.$slots, "body", {}, void 0, !0)
|
|
80
|
+
]),
|
|
81
|
+
e.$slots.footer ? (o(), u("span", E)) : s("", !0),
|
|
82
|
+
t("div", I, [
|
|
83
|
+
d(e.$slots, "footer", {}, void 0, !0)
|
|
84
|
+
])
|
|
85
|
+
])
|
|
86
|
+
]),
|
|
87
|
+
_: 3
|
|
88
|
+
})
|
|
89
|
+
]),
|
|
90
|
+
_: 3
|
|
91
|
+
}, 8, ["teleport"])) : s("", !0);
|
|
92
|
+
}
|
|
93
|
+
}), M = /* @__PURE__ */ R(N, [["__scopeId", "data-v-d1fb90c2"]]);
|
|
94
|
+
export {
|
|
95
|
+
M as default
|
|
96
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { defineComponent as s, openBlock as a, createBlock as d, Teleport as l, createElementVNode as t, mergeProps as n, renderSlot as p } from "vue";
|
|
2
|
+
import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
|
+
import './style/overlay.css';const _ = { class: "rds-overlay__content" }, i = /* @__PURE__ */ s({
|
|
4
|
+
__name: "overlay",
|
|
5
|
+
props: {
|
|
6
|
+
/**
|
|
7
|
+
* Indica el punto de anclaje del overlay, para que funcione debe de estar montado en el DOM
|
|
8
|
+
* [Documentación de Teleport](https://vuejs.org/guide/built-ins/teleport.html#teleport)
|
|
9
|
+
*/
|
|
10
|
+
teleport: {
|
|
11
|
+
type: String,
|
|
12
|
+
default: "body",
|
|
13
|
+
required: !0
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
setup(o) {
|
|
17
|
+
const r = o;
|
|
18
|
+
return (e, f) => (a(), d(l, {
|
|
19
|
+
to: r.teleport
|
|
20
|
+
}, [
|
|
21
|
+
t("div", n({ class: "rds-overlay" }, e.$attrs), [
|
|
22
|
+
t("div", _, [
|
|
23
|
+
p(e.$slots, "default", {}, void 0, !0)
|
|
24
|
+
])
|
|
25
|
+
], 16)
|
|
26
|
+
], 8, ["to"]));
|
|
27
|
+
}
|
|
28
|
+
}), v = /* @__PURE__ */ c(i, [["__scopeId", "data-v-57d6df54"]]);
|
|
29
|
+
export {
|
|
30
|
+
v as default
|
|
31
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { defineComponent as r, useModel as d, provide as t, openBlock as a, createElementBlock as s, renderSlot as u } from "vue";
|
|
2
|
+
const n = { class: "rds-radio-group" }, p = /* @__PURE__ */ r({
|
|
3
|
+
__name: "radio-group",
|
|
4
|
+
props: {
|
|
5
|
+
modelValue: { default: null },
|
|
6
|
+
modelModifiers: {}
|
|
7
|
+
},
|
|
8
|
+
emits: ["update:modelValue"],
|
|
9
|
+
setup(e) {
|
|
10
|
+
const o = d(e, "modelValue");
|
|
11
|
+
return t("radioGroupValue", o), (l, i) => (a(), s("div", n, [
|
|
12
|
+
u(l.$slots, "default")
|
|
13
|
+
]));
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
export {
|
|
17
|
+
p as _
|
|
18
|
+
};
|