energy-components 1.10.0 → 1.11.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.
Files changed (37) hide show
  1. package/dist/components/breadcrumbs.es.js +21 -19
  2. package/dist/components/button.es.js +56 -48
  3. package/dist/components/collapsable.es.js +4 -0
  4. package/dist/components/collapsable.scss_vue_type_style_index_0_src_true_lang-DfOWp1XD.js +86 -0
  5. package/dist/components/datepicker.es.js +717 -708
  6. package/dist/components/index.es.js +73 -70
  7. package/dist/components/link.es.js +59 -47
  8. package/dist/components/pagination.es.js +129 -80
  9. package/dist/components/sidedrawer.es.js +48 -43
  10. package/dist/components/style/actionButton.css +1 -1
  11. package/dist/components/style/breadcrumbs.css +1 -1
  12. package/dist/components/style/button.css +1 -1
  13. package/dist/components/style/collapsable.css +1 -0
  14. package/dist/components/style/datepicker.css +1 -1
  15. package/dist/components/style/floatingActionButton.css +1 -1
  16. package/dist/components/style/link.css +1 -1
  17. package/dist/components/style/modal.css +1 -1
  18. package/dist/components/style/pagination.css +1 -1
  19. package/dist/components/style/selectionChip.css +1 -1
  20. package/dist/components/style/sidedrawer.css +1 -1
  21. package/dist/components/style/tabBar.css +1 -1
  22. package/dist/components/style/textField.css +1 -1
  23. package/dist/components/tabBar.es.js +95 -84
  24. package/dist/components/textField.es.js +122 -108
  25. package/dist/energy-components.es.js +4468 -4276
  26. package/dist/energy-components.umd.js +2 -2
  27. package/dist/style.css +1 -1
  28. package/dist/types/src/components/buttons/button/button.vue.d.ts +15 -0
  29. package/dist/types/src/components/content/collapsable/collapsable.vue.d.ts +53 -0
  30. package/dist/types/src/components/feedback/indicator/indicator.vue.d.ts +1 -1
  31. package/dist/types/src/components/index.d.ts +1 -0
  32. package/dist/types/src/components/input/datepicker/datepicker.vue.d.ts +15 -0
  33. package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +7 -5
  34. package/dist/types/src/components/navigation/link/link.vue.d.ts +15 -0
  35. package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +29 -0
  36. package/dist/types/tsconfig.tsbuildinfo +1 -1
  37. package/package.json +2 -2
@@ -82,6 +82,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
82
82
  type: BooleanConstructor;
83
83
  default: boolean;
84
84
  };
85
+ /**
86
+ * <span>Indica si el botón es destructivo (solo para variantes 'secondary' y 'ghost')</span>
87
+ */
88
+ destructive: {
89
+ type: BooleanConstructor;
90
+ default: boolean;
91
+ };
85
92
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
86
93
  /**
87
94
  * <span>Texto a mostrar en el botón</span>
@@ -161,6 +168,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
161
168
  type: BooleanConstructor;
162
169
  default: boolean;
163
170
  };
171
+ /**
172
+ * <span>Indica si el botón es destructivo (solo para variantes 'secondary' y 'ghost')</span>
173
+ */
174
+ destructive: {
175
+ type: BooleanConstructor;
176
+ default: boolean;
177
+ };
164
178
  }>> & Readonly<{}>, {
165
179
  loading: boolean;
166
180
  small: boolean;
@@ -172,6 +186,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
172
186
  inverse: boolean;
173
187
  disabled: boolean;
174
188
  revertIcon: boolean;
189
+ destructive: boolean;
175
190
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
176
191
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
177
192
  export default _default;
@@ -0,0 +1,53 @@
1
+ interface RDSCollapsableProps {
2
+ /**
3
+ * Título del collapsable
4
+ */
5
+ title: string;
6
+ /**
7
+ * Contenido simple si no se usa slot
8
+ */
9
+ content?: string;
10
+ /**
11
+ * Icono opcional a la izquierda
12
+ */
13
+ icon?: string;
14
+ /**
15
+ * Estado abierto/cerrado (controlado)
16
+ */
17
+ open?: boolean;
18
+ /**
19
+ * Deshabilita la interacción
20
+ */
21
+ disabled?: boolean;
22
+ /**
23
+ * Ocupa el ancho completo disponible
24
+ */
25
+ fullWidth?: boolean;
26
+ /**
27
+ * ID único del componente
28
+ */
29
+ id?: string;
30
+ }
31
+ declare var __VLS_7: {};
32
+ type __VLS_Slots = {} & {
33
+ default?: (props: typeof __VLS_7) => any;
34
+ };
35
+ declare const __VLS_component: import("vue").DefineComponent<RDSCollapsableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
36
+ "update:open": (value: boolean) => any;
37
+ }, string, import("vue").PublicProps, Readonly<RDSCollapsableProps> & Readonly<{
38
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
39
+ }>, {
40
+ open: boolean;
41
+ icon: string;
42
+ disabled: boolean;
43
+ id: string;
44
+ fullWidth: boolean;
45
+ content: string;
46
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
47
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
48
+ export default _default;
49
+ type __VLS_WithSlots<T, S> = T & {
50
+ new (): {
51
+ $slots: S;
52
+ };
53
+ };
@@ -94,7 +94,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
94
94
  }>> & Readonly<{}>, {
95
95
  variant: VariantType;
96
96
  fullWidth: boolean;
97
- direction: DirectionType;
98
97
  ellipsis: boolean;
98
+ direction: DirectionType;
99
99
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
100
100
  export default _default;
@@ -23,6 +23,7 @@ export { default as RDSDivider } from './content/divider/divider.vue';
23
23
  export { default as RDSCard } from './content/card/card.vue';
24
24
  export { default as RDSTable } from './content/table/table-paginated/TablePaginatedComponent.vue';
25
25
  export { default as RDSAvatar } from './content/avatar/avatar.vue';
26
+ export { default as RDSCollapsable } from './content/collapsable/collapsable.vue';
26
27
  export { default as RDSLink } from './navigation/link/link.vue';
27
28
  export { default as RDSBreadcrumbs } from './navigation/breadcrumbs/breadcrumbs.vue';
28
29
  export { default as RDSTabBar } from './navigation/tab-bar/tab-bar.vue';
@@ -117,6 +117,13 @@ declare const __VLS_component: import("vue").DefineComponent<ExtractPropTypes<{
117
117
  rightIcon: string;
118
118
  };
119
119
  };
120
+ /**
121
+ * Habilita teleport para renderizar el popup fuera del contexto del componente
122
+ */
123
+ teleport: {
124
+ type: (StringConstructor | BooleanConstructor)[];
125
+ default: boolean;
126
+ };
120
127
  modelValue: {
121
128
  type: PropType<Date | Date[] | null>;
122
129
  };
@@ -231,6 +238,13 @@ declare const __VLS_component: import("vue").DefineComponent<ExtractPropTypes<{
231
238
  rightIcon: string;
232
239
  };
233
240
  };
241
+ /**
242
+ * Habilita teleport para renderizar el popup fuera del contexto del componente
243
+ */
244
+ teleport: {
245
+ type: (StringConstructor | BooleanConstructor)[];
246
+ default: boolean;
247
+ };
234
248
  modelValue: {
235
249
  type: PropType<Date | Date[] | null>;
236
250
  };
@@ -244,6 +258,7 @@ declare const __VLS_component: import("vue").DefineComponent<ExtractPropTypes<{
244
258
  locale: string;
245
259
  format: (date: Date | Date[] | null) => string;
246
260
  monthPicker: boolean;
261
+ teleport: string | boolean;
247
262
  acceptButtonVariant: string;
248
263
  actionRow: any;
249
264
  vueDatepickerProps: CustomVueDatePickerProps;
@@ -1,12 +1,14 @@
1
- declare var __VLS_8: {}, __VLS_10: {};
1
+ declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {};
2
2
  type __VLS_Slots = {} & {
3
- content?: (props: typeof __VLS_8) => any;
3
+ title?: (props: typeof __VLS_1) => any;
4
4
  } & {
5
- footer?: (props: typeof __VLS_10) => any;
5
+ content?: (props: typeof __VLS_10) => any;
6
+ } & {
7
+ footer?: (props: typeof __VLS_12) => any;
6
8
  };
7
9
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
10
  /**
9
- * <span>Texto a mostrar en el título</span>
11
+ * <span>Texto a mostrar en el título. Si se usa el slot "title", este prop será ignorado.</span>
10
12
  */
11
13
  title: {
12
14
  type: StringConstructor;
@@ -61,7 +63,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
61
63
  sidedrawerChange: (isHide: boolean) => any;
62
64
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
63
65
  /**
64
- * <span>Texto a mostrar en el título</span>
66
+ * <span>Texto a mostrar en el título. Si se usa el slot "title", este prop será ignorado.</span>
65
67
  */
66
68
  title: {
67
69
  type: StringConstructor;
@@ -67,6 +67,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
67
67
  type: BooleanConstructor;
68
68
  default: boolean;
69
69
  };
70
+ /**
71
+ * <span>Indica si la flecha del link debe ser pequeña</span>
72
+ */
73
+ arrowSmall: {
74
+ type: BooleanConstructor;
75
+ default: boolean;
76
+ };
70
77
  /**
71
78
  * <span>Indica si el icono esta a la derecha</span>
72
79
  */
@@ -151,6 +158,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
151
158
  type: BooleanConstructor;
152
159
  default: boolean;
153
160
  };
161
+ /**
162
+ * <span>Indica si la flecha del link debe ser pequeña</span>
163
+ */
164
+ arrowSmall: {
165
+ type: BooleanConstructor;
166
+ default: boolean;
167
+ };
154
168
  /**
155
169
  * <span>Indica si el icono esta a la derecha</span>
156
170
  */
@@ -183,6 +197,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
183
197
  underline: boolean;
184
198
  to: string;
185
199
  arrow: boolean;
200
+ arrowSmall: boolean;
186
201
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
187
202
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
188
203
  export default _default;
@@ -74,11 +74,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
74
74
  type: BooleanConstructor;
75
75
  default: boolean;
76
76
  };
77
+ /**
78
+ * Habilita la funcionalidad de elipsis (...) para mostrar páginas ocultas.
79
+ * Cuando se hace click en las elipsis, se emite un evento con las páginas ocultas.
80
+ */
81
+ enableEllipsis: {
82
+ type: BooleanConstructor;
83
+ default: boolean;
84
+ };
77
85
  }>, {
78
86
  /** Resetea la paginación a la primera página y emite el evento pageChanged. */
79
87
  resetPagination: () => void;
80
88
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
81
89
  pageChanged: (payload: PageChangedEventPayload) => any;
90
+ ellipsisClicked: (payload: {
91
+ hiddenPages: number[];
92
+ ellipsisType: string;
93
+ currentPage: number;
94
+ totalPages: number;
95
+ }) => any;
82
96
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
83
97
  /**
84
98
  * La página actual que se está visualizando. Usada para inicializar el componente.
@@ -144,8 +158,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
144
158
  type: BooleanConstructor;
145
159
  default: boolean;
146
160
  };
161
+ /**
162
+ * Habilita la funcionalidad de elipsis (...) para mostrar páginas ocultas.
163
+ * Cuando se hace click en las elipsis, se emite un evento con las páginas ocultas.
164
+ */
165
+ enableEllipsis: {
166
+ type: BooleanConstructor;
167
+ default: boolean;
168
+ };
147
169
  }>> & Readonly<{
148
170
  onPageChanged?: ((payload: PageChangedEventPayload) => any) | undefined;
171
+ onEllipsisClicked?: ((payload: {
172
+ hiddenPages: number[];
173
+ ellipsisType: string;
174
+ currentPage: number;
175
+ totalPages: number;
176
+ }) => any) | undefined;
149
177
  }>, {
150
178
  selected: boolean;
151
179
  jumpTo: boolean;
@@ -154,5 +182,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
154
182
  itemsPerPage: number;
155
183
  totalPages: number;
156
184
  disableFirstLoad: boolean;
185
+ enableEllipsis: boolean;
157
186
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
158
187
  export default _default;