energy-components 2.4.0 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/components/actionButton.es.js +31 -18
  2. package/dist/components/breadcrumbs.es.js +76 -52
  3. package/dist/components/link.es.js +63 -48
  4. package/dist/components/pagination.es.js +58 -47
  5. package/dist/components/persistentToast.es.js +34 -25
  6. package/dist/components/searchField.es.js +18 -9
  7. package/dist/components/sidedrawer.es.js +53 -40
  8. package/dist/components/style/actionButton.css +1 -1
  9. package/dist/components/style/breadcrumbs.css +1 -1
  10. package/dist/components/style/link.css +1 -1
  11. package/dist/components/style/pagination.css +1 -1
  12. package/dist/components/style/persistentToast.css +1 -1
  13. package/dist/components/style/searchField.css +1 -1
  14. package/dist/components/style/sidedrawer.css +1 -1
  15. package/dist/components/style/table.css +1 -1
  16. package/dist/components/style/toggle.css +1 -1
  17. package/dist/components/table.es.js +19 -17
  18. package/dist/components/toggle.es.js +92 -36
  19. package/dist/energy-components.css +1 -1
  20. package/dist/energy-components.es.js +4840 -4689
  21. package/dist/energy-components.umd.js +2 -2
  22. package/dist/style.css +1 -1
  23. package/dist/types/src/components/buttons/action-button/action-button.vue.d.ts +62 -0
  24. package/dist/types/src/components/content/table/table.vue.d.ts +7 -0
  25. package/dist/types/src/components/feedback/persistent-toast/persistent-toast.vue.d.ts +15 -0
  26. package/dist/types/src/components/input/search-field/search-field.vue.d.ts +15 -0
  27. package/dist/types/src/components/input/toggle/toggle.vue.d.ts +20 -0
  28. package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +18 -3
  29. package/dist/types/src/components/navigation/breadcrumbs/breadcrumbs.vue.d.ts +30 -0
  30. package/dist/types/src/components/navigation/link/link.vue.d.ts +5 -5
  31. package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +21 -0
  32. package/dist/types/tsconfig.tsbuildinfo +1 -1
  33. package/llms/rdsaction-button.md +1 -0
  34. package/llms/rdsbreadcrumbs.md +2 -0
  35. package/llms/rdslink.md +1 -1
  36. package/llms/rdspagination.md +1 -0
  37. package/llms/rdspersistent-toast.md +1 -0
  38. package/llms/rdssearch-field.md +1 -0
  39. package/llms/rdssidedrawer.md +1 -0
  40. package/llms/rdstable.md +1 -0
  41. package/llms/rdstoggle.md +5 -0
  42. package/package.json +1 -1
@@ -1,3 +1,6 @@
1
+ import { type PropType } from 'vue';
2
+ import RDSTooltip from '../../overlay/tooltip/tooltip.vue';
3
+ type TooltipProps = Partial<InstanceType<typeof RDSTooltip>['$props']>;
1
4
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
5
  /**
3
6
  * <span>Icono a mostrar en el botón</span>
@@ -66,6 +69,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
66
69
  default: undefined;
67
70
  validator(value: string): boolean;
68
71
  };
72
+ /**
73
+ * <span>Props adicionales para el RDSTooltip interno. Permite configurar cualquier prop de RDSTooltip
74
+ * (ej: teleportTo, offsetSpace, hideDelay, large…). Los valores aquí definidos sobreescriben
75
+ * los derivados de `tooltip` y `tooltipPosition`.</span>
76
+ */
77
+ tooltipProps: {
78
+ type: PropType<TooltipProps>;
79
+ default: () => {};
80
+ };
69
81
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
70
82
  /**
71
83
  * <span>Icono a mostrar en el botón</span>
@@ -134,6 +146,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
134
146
  default: undefined;
135
147
  validator(value: string): boolean;
136
148
  };
149
+ /**
150
+ * <span>Props adicionales para el RDSTooltip interno. Permite configurar cualquier prop de RDSTooltip
151
+ * (ej: teleportTo, offsetSpace, hideDelay, large…). Los valores aquí definidos sobreescriben
152
+ * los derivados de `tooltip` y `tooltipPosition`.</span>
153
+ */
154
+ tooltipProps: {
155
+ type: PropType<TooltipProps>;
156
+ default: () => {};
157
+ };
137
158
  }>> & Readonly<{}>, {
138
159
  loading: boolean;
139
160
  small: boolean;
@@ -143,5 +164,46 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
143
164
  variant: string;
144
165
  inverse: boolean;
145
166
  tooltipPosition: string;
167
+ tooltipProps: Partial<Partial<{
168
+ open: boolean;
169
+ id: string;
170
+ large: boolean;
171
+ title: string;
172
+ content: string;
173
+ inverse: boolean;
174
+ target: string;
175
+ offsetSpace: number;
176
+ fullWidth: boolean;
177
+ suppressed: boolean;
178
+ hideArrow: boolean;
179
+ hideDelay: number;
180
+ openOnHover: boolean;
181
+ openOnFocus: boolean;
182
+ openOnClick: boolean;
183
+ autoUpdate: boolean;
184
+ teleportTo: string;
185
+ }> & Omit<{
186
+ readonly large: boolean;
187
+ readonly title: string;
188
+ readonly content: string;
189
+ readonly inverse: boolean;
190
+ readonly target: string;
191
+ readonly offsetSpace: number;
192
+ readonly fullWidth: boolean;
193
+ readonly suppressed: boolean;
194
+ readonly hideArrow: boolean;
195
+ readonly hideDelay: number;
196
+ readonly openOnHover: boolean;
197
+ readonly openOnFocus: boolean;
198
+ readonly openOnClick: boolean;
199
+ readonly autoUpdate: boolean;
200
+ readonly teleportTo: string;
201
+ readonly open?: boolean | undefined;
202
+ readonly id?: string | undefined;
203
+ readonly placement?: string | undefined;
204
+ readonly onHide?: ((...args: any[]) => any) | undefined;
205
+ readonly onShow?: ((...args: any[]) => any) | undefined;
206
+ readonly "onUpdate:open"?: ((...args: any[]) => any) | undefined;
207
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "open" | "id" | "large" | "title" | "content" | "inverse" | "target" | "offsetSpace" | "fullWidth" | "suppressed" | "hideArrow" | "hideDelay" | "openOnHover" | "openOnFocus" | "openOnClick" | "autoUpdate" | "teleportTo">>;
146
208
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
147
209
  export default _default;
@@ -89,6 +89,13 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
89
89
  * Oculta el texto de "Mostrando X de Y" en la paginación.
90
90
  */
91
91
  hideLegend?: boolean;
92
+ /**
93
+ * Texto personalizado para la leyenda de paginación.
94
+ * Usa {start}, {end} y {total} como placeholders.
95
+ * Ejemplo: 'Showing {start}-{end} of {total} results'
96
+ * Si no se provee, se usa el texto por defecto.
97
+ */
98
+ legendText?: string;
92
99
  /**
93
100
  * Oculta el checkbox "Seleccionar Todo" de la cabecera (solo en modo 'multiple').
94
101
  */
@@ -77,6 +77,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
77
77
  type: StringConstructor;
78
78
  default: undefined;
79
79
  };
80
+ /**
81
+ * <span>Etiqueta accesible del botón de cerrar. Por convención del sistema, el valor por defecto es español ('Cerrar'). En proyectos con i18n, se debe sobrescribir esta prop con el valor traducido.</span>
82
+ */
83
+ closeAriaLabel: {
84
+ type: StringConstructor;
85
+ default: string;
86
+ };
80
87
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
81
88
  onCloseToastAction: () => any;
82
89
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -152,11 +159,19 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
152
159
  type: StringConstructor;
153
160
  default: undefined;
154
161
  };
162
+ /**
163
+ * <span>Etiqueta accesible del botón de cerrar. Por convención del sistema, el valor por defecto es español ('Cerrar'). En proyectos con i18n, se debe sobrescribir esta prop con el valor traducido.</span>
164
+ */
165
+ closeAriaLabel: {
166
+ type: StringConstructor;
167
+ default: string;
168
+ };
155
169
  }>> & Readonly<{
156
170
  onOnCloseToastAction?: (() => any) | undefined;
157
171
  }>, {
158
172
  close: boolean;
159
173
  id: string;
174
+ closeAriaLabel: string;
160
175
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
161
176
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
162
177
  export default _default;
@@ -56,6 +56,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
56
56
  type: StringConstructor;
57
57
  default: string;
58
58
  };
59
+ /**
60
+ * Activa los estilos de variante inversa para superficies oscuras.
61
+ */
62
+ inverse: {
63
+ type: BooleanConstructor;
64
+ default: boolean;
65
+ };
59
66
  }>, {
60
67
  focus: () => void;
61
68
  blur: () => void;
@@ -122,6 +129,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
122
129
  type: StringConstructor;
123
130
  default: string;
124
131
  };
132
+ /**
133
+ * Activa los estilos de variante inversa para superficies oscuras.
134
+ */
135
+ inverse: {
136
+ type: BooleanConstructor;
137
+ default: boolean;
138
+ };
125
139
  }>> & Readonly<{
126
140
  onSearch?: ((value: string) => any) | undefined;
127
141
  onSelect?: ((value: string) => any) | undefined;
@@ -131,6 +145,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
131
145
  small: boolean;
132
146
  disabled: boolean;
133
147
  placeholder: string;
148
+ inverse: boolean;
134
149
  suggestions: string[];
135
150
  clearButtonAriaLabel: string;
136
151
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -32,6 +32,26 @@ type __VLS_Props = {
32
32
  * Texto a mostrar en el botón derecho.
33
33
  */
34
34
  labelRight?: string;
35
+ /**
36
+ * Nombre del icono a mostrar en el botón izquierdo (de la librería de iconos RDS).
37
+ */
38
+ iconLeft?: string;
39
+ /**
40
+ * Nombre del icono a mostrar en el botón derecho (de la librería de iconos RDS).
41
+ */
42
+ iconRight?: string;
43
+ /**
44
+ * aria-label del botón izquierdo. Obligatorio cuando se usa modo icon-only.
45
+ */
46
+ ariaLabelLeft?: string;
47
+ /**
48
+ * aria-label del botón derecho. Obligatorio cuando se usa modo icon-only.
49
+ */
50
+ ariaLabelRight?: string;
51
+ /**
52
+ * aria-label descriptivo del grupo de opciones (role="radiogroup").
53
+ */
54
+ ariaLabel?: string;
35
55
  /**
36
56
  * ID del toggle para testing
37
57
  */
@@ -1,10 +1,10 @@
1
- declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {};
1
+ declare var __VLS_1: {}, __VLS_6: {}, __VLS_8: {};
2
2
  type __VLS_Slots = {} & {
3
3
  title?: (props: typeof __VLS_1) => any;
4
4
  } & {
5
- content?: (props: typeof __VLS_10) => any;
5
+ content?: (props: typeof __VLS_6) => any;
6
6
  } & {
7
- footer?: (props: typeof __VLS_12) => any;
7
+ footer?: (props: typeof __VLS_8) => any;
8
8
  };
9
9
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
10
10
  /**
@@ -42,6 +42,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
42
42
  type: BooleanConstructor;
43
43
  default: boolean;
44
44
  };
45
+ /**
46
+ * <span>Etiqueta accesible del botón de cerrar. Por convención del sistema, el valor por defecto es español ('Cerrar'). En proyectos con i18n, se debe sobrescribir esta prop con el valor traducido.</span>
47
+ */
48
+ closeAriaLabel: {
49
+ type: StringConstructor;
50
+ default: string;
51
+ };
45
52
  }>, {
46
53
  /**
47
54
  * { boolean } Muestra el estado actual del sidebar.
@@ -97,10 +104,18 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
97
104
  type: BooleanConstructor;
98
105
  default: boolean;
99
106
  };
107
+ /**
108
+ * <span>Etiqueta accesible del botón de cerrar. Por convención del sistema, el valor por defecto es español ('Cerrar'). En proyectos con i18n, se debe sobrescribir esta prop con el valor traducido.</span>
109
+ */
110
+ closeAriaLabel: {
111
+ type: StringConstructor;
112
+ default: string;
113
+ };
100
114
  }>> & Readonly<{
101
115
  onSidedrawerChange?: ((isHide: boolean) => any) | undefined;
102
116
  }>, {
103
117
  title: string;
118
+ closeAriaLabel: string;
104
119
  iconClose: boolean;
105
120
  blurOverlay: boolean;
106
121
  containerWidth: string;
@@ -37,6 +37,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
37
37
  type: BooleanConstructor;
38
38
  default: boolean;
39
39
  };
40
+ /**
41
+ * <span>Etiqueta accesible del landmark de navegación para i18n</span>
42
+ */
43
+ ariaLabel: {
44
+ type: StringConstructor;
45
+ default: string;
46
+ };
47
+ /**
48
+ * <span>Etiqueta accesible del botón de elipsis para i18n</span>
49
+ */
50
+ ellipsisAriaLabel: {
51
+ type: StringConstructor;
52
+ default: string;
53
+ };
40
54
  /**
41
55
  * ID del breadcrumbs para testing
42
56
  */
@@ -84,6 +98,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
84
98
  type: BooleanConstructor;
85
99
  default: boolean;
86
100
  };
101
+ /**
102
+ * <span>Etiqueta accesible del landmark de navegación para i18n</span>
103
+ */
104
+ ariaLabel: {
105
+ type: StringConstructor;
106
+ default: string;
107
+ };
108
+ /**
109
+ * <span>Etiqueta accesible del botón de elipsis para i18n</span>
110
+ */
111
+ ellipsisAriaLabel: {
112
+ type: StringConstructor;
113
+ default: string;
114
+ };
87
115
  /**
88
116
  * ID del breadcrumbs para testing
89
117
  */
@@ -104,8 +132,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
104
132
  }) => any) | undefined;
105
133
  }>, {
106
134
  id: string;
135
+ ariaLabel: string;
107
136
  inverse: boolean;
108
137
  trimItems: boolean;
109
138
  leftTrim: boolean;
139
+ ellipsisAriaLabel: string;
110
140
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
111
141
  export default _default;
@@ -1,8 +1,8 @@
1
- declare var __VLS_13: {}, __VLS_18: {};
1
+ declare var __VLS_14: {}, __VLS_19: {};
2
2
  type __VLS_Slots = {} & {
3
- default?: (props: typeof __VLS_13) => any;
3
+ default?: (props: typeof __VLS_14) => any;
4
4
  } & {
5
- default?: (props: typeof __VLS_18) => any;
5
+ default?: (props: typeof __VLS_19) => any;
6
6
  };
7
7
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
8
  /**
@@ -33,7 +33,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
33
33
  }) => boolean;
34
34
  };
35
35
  /**
36
- * <span>Tag del link</span>
36
+ * <span>Tag semántico del componente. Valores soportados: <code>router-link</code> (navegación interna), <code>a</code> (enlace externo) y <code>button</code> (acción sin navegación).</span>
37
37
  */
38
38
  tag: {
39
39
  type: StringConstructor;
@@ -133,7 +133,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
133
133
  }) => boolean;
134
134
  };
135
135
  /**
136
- * <span>Tag del link</span>
136
+ * <span>Tag semántico del componente. Valores soportados: <code>router-link</code> (navegación interna), <code>a</code> (enlace externo) y <code>button</code> (acción sin navegación).</span>
137
137
  */
138
138
  tag: {
139
139
  type: StringConstructor;
@@ -97,6 +97,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
97
97
  type: StringConstructor;
98
98
  default: string;
99
99
  };
100
+ /**
101
+ * Texto personalizado para la leyenda de paginación.
102
+ * Usa {start}, {end} y {total} como placeholders.
103
+ * Ejemplo: 'Showing {start}-{end} of {total} results'
104
+ * Si no se provee, se usa el texto por defecto.
105
+ */
106
+ legendText: {
107
+ type: StringConstructor;
108
+ default: undefined;
109
+ };
100
110
  /**
101
111
  * ID de la paginación para testing
102
112
  */
@@ -203,6 +213,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
203
213
  type: StringConstructor;
204
214
  default: string;
205
215
  };
216
+ /**
217
+ * Texto personalizado para la leyenda de paginación.
218
+ * Usa {start}, {end} y {total} como placeholders.
219
+ * Ejemplo: 'Showing {start}-{end} of {total} results'
220
+ * Si no se provee, se usa el texto por defecto.
221
+ */
222
+ legendText: {
223
+ type: StringConstructor;
224
+ default: undefined;
225
+ };
206
226
  /**
207
227
  * ID de la paginación para testing
208
228
  */
@@ -230,5 +250,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
230
250
  enableEllipsis: boolean;
231
251
  enablePageDropdown: boolean;
232
252
  pageDropdownLabel: string;
253
+ legendText: string;
233
254
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
234
255
  export default _default;