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.
Files changed (46) hide show
  1. package/dist/components/accordion.es.js +8 -8
  2. package/dist/components/button.es.js +11 -11
  3. package/dist/components/card.es.js +12 -0
  4. package/dist/components/checkbox.es.js +7 -7
  5. package/dist/components/datepicker.es.js +8208 -0
  6. package/dist/components/dropdown.es.js +37 -29
  7. package/dist/components/{icon-svg-Cpx09myr.js → icon-svg-7Vih8GMM.js} +3 -2
  8. package/dist/components/iconList.es.js +5 -5
  9. package/dist/components/iconSvg.es.js +1 -1
  10. package/dist/components/index.es.js +84 -69
  11. package/dist/components/link.es.js +9 -9
  12. package/dist/components/modal.es.js +96 -0
  13. package/dist/components/overlay.es.js +31 -0
  14. package/dist/components/radio-group.vue_vue_type_script_setup_true_lang-D-Dl5aHN.js +18 -0
  15. package/dist/components/radioButton.es.js +32 -41
  16. package/dist/components/radioGroup.es.js +4 -0
  17. package/dist/components/style/card.css +1 -0
  18. package/dist/components/style/datepicker.css +1 -0
  19. package/dist/components/style/dropdown.css +1 -1
  20. package/dist/components/style/icon-svg.css +1 -1
  21. package/dist/components/style/modal.css +1 -0
  22. package/dist/components/style/overlay.css +1 -0
  23. package/dist/components/style/radioButton.css +1 -1
  24. package/dist/components/style/textField.css +1 -1
  25. package/dist/components/switch.es.js +7 -7
  26. package/dist/components/tabBar.es.js +12 -12
  27. package/dist/components/tag.es.js +5 -5
  28. package/dist/components/textArea.es.js +19 -19
  29. package/dist/components/textField.es.js +46 -44
  30. package/dist/components/tooltip.es.js +52 -52
  31. package/dist/energy-components.es.js +10063 -1720
  32. package/dist/energy-components.umd.js +1 -1
  33. package/dist/style.css +1 -1
  34. package/dist/types/src/components/content/card/card.vue.d.ts +24 -0
  35. package/dist/types/src/components/icon-svg/icon-svg.vue.d.ts +2 -0
  36. package/dist/types/src/components/index.d.ts +5 -0
  37. package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +15 -0
  38. package/dist/types/src/components/input/radio-button/radio-button.vue.d.ts +2 -21
  39. package/dist/types/src/components/input/radio-button/radio-group.vue.d.ts +40 -0
  40. package/dist/types/src/components/input/text-field/text-field.vue.d.ts +2 -2
  41. package/dist/types/src/components/navigation/link/link.vue.d.ts +1 -1
  42. package/dist/types/src/components/overlay/modal/modal.vue.d.ts +186 -0
  43. package/dist/types/src/components/overlay/overlay/overlay.vue.d.ts +46 -0
  44. package/dist/types/src/helpers/mobileMockup.vue.d.ts +9 -0
  45. package/dist/types/tsconfig.tsbuildinfo +1 -1
  46. package/package.json +3 -2
@@ -1,11 +1,11 @@
1
- import { defineComponent as H, mergeModels as M, 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 q, withCtx as a, normalizeClass as X, renderSlot as d, createElementVNode as n, createBlock as E, createCommentVNode as B, Fragment as Y, toDisplayString as D, nextTick as I, pushScopeId as Z, popScopeId as ee } from "vue";
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 { R as se } from "./icon-svg-Cpx09myr.js";
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-0ad95116"), 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 = {
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__ */ M({
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__ */ M(["open", "close", "select", "change"], ["update:modelValue"]),
111
- setup(t, { expose: $, emit: j }) {
112
- const c = t, m = j, {
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(), N = h(() => y.value.every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), T = h(() => !f.value || c.closeOnSelect), O = h({
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
- }), F = h(() => ({
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 N.value && Object.assign(e, {
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
- }, L = (e) => {
145
+ }, F = (e) => {
139
146
  m("open", e);
140
- }, x = (e) => {
147
+ }, L = (e) => {
141
148
  m("close", e);
142
149
  }, U = (e) => {
143
- I(() => {
150
+ T(() => {
144
151
  m("select", e);
145
152
  });
146
153
  }, P = () => {
147
- I(() => {
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: F.value,
191
+ class: N.value,
185
192
  options: r(y),
186
- "close-on-select": T.value,
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: L,
196
- onClose: x,
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
- }), q({
208
+ }), I({
202
209
  selection: a(({ isOpen: l }) => [
203
210
  V(r(te), {
204
211
  id: `multiselect-dropdown-${t.id}`,
205
- modelValue: O.value,
206
- "onUpdate:modelValue": o[1] || (o[1] = (w) => O.value = 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
- }, q({
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(), E(r(oe), {
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(), E(r(re), {
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, D(l.label), 1),
269
- l != null && l.detail ? (i(), b("span", fe, D(l.detail), 1)) : B("", !0)
270
- ], 64)) : (i(), b("span", ve, D(l), 1))
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-0ad95116"]]);
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-990a2ae3"]]);
10815
+ }), k = /* @__PURE__ */ p(S, [["__scopeId", "data-v-104fbd98"]]);
10815
10816
  export {
10816
- k as R,
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, R as k } from "./icon-svg-Cpx09myr.js";
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" }, D = ["onClick"], N = /* @__PURE__ */ p({
4
+ import './style/iconList.css';const y = { class: "rds-icon-list" }, I = ["onClick"], N = /* @__PURE__ */ p({
5
5
  __name: "icon-list",
6
- setup(S) {
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: (T) => _(e.name)
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, D))), 128))
42
+ ], 10, I))), 128))
43
43
  ])
44
44
  ], 64));
45
45
  }
@@ -1,4 +1,4 @@
1
- import { R as a } from "./icon-svg-Cpx09myr.js";
1
+ import { I as a } from "./icon-svg-7Vih8GMM.js";
2
2
  import "./_plugin-vue_export-helper-CHgC5LLL.js";
3
3
  export {
4
4
  a as default
@@ -1,81 +1,96 @@
1
- import { R as i } from "./icon-svg-Cpx09myr.js";
2
- import n from "./button.es.js";
3
- import a from "./floatingActionButton.es.js";
4
- import m from "./actionButton.es.js";
5
- import c from "./checkbox.es.js";
6
- import e from "./textField.es.js";
7
- import S from "./textArea.es.js";
8
- import p from "./switch.es.js";
9
- import D from "./radioButton.es.js";
10
- import R from "./dropdown.es.js";
11
- import d from "./tag.es.js";
12
- import f from "./accordionGroup.es.js";
13
- import s from "./accordion.es.js";
14
- import u from "./divider.es.js";
15
- import l from "./link.es.js";
16
- import b from "./breadcrumbs.es.js";
17
- import A from "./tabBar.es.js";
18
- import B from "./pagination.es.js";
19
- import T from "./indicator.es.js";
20
- import g from "./tooltip.es.js";
21
- const r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
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: s,
24
- RDSAccordionGroup: f,
25
- RDSActionButton: m,
26
- RDSBreadcrumbs: b,
27
- RDSButton: n,
28
- RDSCheckbox: c,
29
- RDSDivider: u,
30
- RDSDropdown: R,
31
- RDSFloatinActionButton: a,
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: T,
34
- RDSLink: l,
35
- RDSPagination: B,
36
- RDSRadioButton: D,
37
- RDSSwitch: p,
38
- RDSTabBar: A,
39
- RDSTag: d,
40
- RDSTextArea: S,
41
- RDSTextField: e,
42
- RDSTooltip: g
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 x;
45
- function H(o) {
46
- x = o;
54
+ let k;
55
+ function oo(o) {
56
+ k = o;
47
57
  }
48
- const J = {
58
+ const ro = {
49
59
  install: (o) => {
50
- for (const t in r)
60
+ for (const r in t)
51
61
  o.component(
52
- t,
53
- r[t]
62
+ r,
63
+ t[r]
54
64
  );
55
65
  }
56
66
  };
57
67
  export {
58
- s as RDSAccordion,
59
- f as RDSAccordionGroup,
60
- m as RDSActionButton,
61
- b as RDSBreadcrumbs,
62
- n as RDSButton,
63
- c as RDSCheckbox,
64
- u as RDSDivider,
65
- R as RDSDropdown,
66
- a as RDSFloatinActionButton,
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
- T as RDSIndicator,
69
- l as RDSLink,
70
- B as RDSPagination,
71
- D as RDSRadioButton,
72
- p as RDSSwitch,
73
- A as RDSTabBar,
74
- d as RDSTag,
75
- S as RDSTextArea,
76
- e as RDSTextField,
77
- g as RDSTooltip,
78
- x as VueInstance,
79
- J as default,
80
- H as setVueInstance
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 R, toRefs as j, computed as c, openBlock as l, createBlock as d, resolveDynamicComponent as E, unref as e, normalizeClass as m, withCtx as L, mergeProps as _, createCommentVNode as i, createElementBlock as B, renderSlot as C, createTextVNode as S, toDisplayString as I } from "vue";
2
- import { R as k } from "./icon-svg-Cpx09myr.js";
3
- import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
- import './style/link.css';const V = /* @__PURE__ */ R({
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
- } = j(v), D = c(() => {
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(E(e(o) === "a" ? e(o) : "router-link"), {
98
- class: m(D.value),
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: L(() => [
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__ */ N(V, [["__scopeId", "data-v-8883f921"]]);
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
+ };