energy-components 1.6.0-beta.1 → 1.6.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 (50) hide show
  1. package/dist/components/accordion.es.js +13 -13
  2. package/dist/components/button.es.js +11 -11
  3. package/dist/components/checkbox.es.js +7 -7
  4. package/dist/components/dropdown.es.js +278 -148
  5. package/dist/components/filterChip.es.js +4 -4
  6. package/dist/components/{icon-svg-pUb3-FXk.js → icon-svg-DGp2yHJn.js} +1 -1
  7. package/dist/components/iconList.es.js +5 -5
  8. package/dist/components/iconSvg.es.js +1 -1
  9. package/dist/components/index.es.js +62 -59
  10. package/dist/components/infoBox.es.js +17 -17
  11. package/dist/components/link.es.js +15 -15
  12. package/dist/components/modal.es.js +69 -39
  13. package/dist/components/multiselect.es.js +230 -184
  14. package/dist/components/multiselectcontentwrapper.es.js +140 -0
  15. package/dist/components/pagination.es.js +118 -86
  16. package/dist/components/persistentToast.es.js +9 -9
  17. package/dist/components/quantitySelector.es.js +9 -9
  18. package/dist/components/radioButton.es.js +16 -16
  19. package/dist/components/selectionChip.es.js +5 -5
  20. package/dist/components/sidedrawer.es.js +36 -28
  21. package/dist/components/style/datepicker.css +1 -1
  22. package/dist/components/style/dropdown.css +1 -1
  23. package/dist/components/style/modal.css +1 -1
  24. package/dist/components/style/multiselect.css +1 -1
  25. package/dist/components/style/multiselectcontentwrapper.css +1 -0
  26. package/dist/components/style/pagination.css +1 -1
  27. package/dist/components/style/sidedrawer.css +1 -1
  28. package/dist/components/style/tablepaginatedcomponent.css +1 -1
  29. package/dist/components/style/tableslotedcomponent.css +1 -1
  30. package/dist/components/style/textField.css +1 -1
  31. package/dist/components/switch.es.js +10 -10
  32. package/dist/components/tabBar.es.js +12 -12
  33. package/dist/components/tablepaginatedcomponent.es.js +55 -53
  34. package/dist/components/tableslotedcomponent.es.js +155 -148
  35. package/dist/components/tag.es.js +5 -5
  36. package/dist/components/textArea.es.js +22 -22
  37. package/dist/components/textField.es.js +93 -84
  38. package/dist/components/tooltip.es.js +61 -61
  39. package/dist/energy-components.es.js +6576 -6073
  40. package/dist/energy-components.umd.js +1 -1
  41. package/dist/style.css +1 -1
  42. package/dist/types/src/components/index.d.ts +1 -0
  43. package/dist/types/src/components/input/dropdown/Multiselect/MultiselectContentWrapper.vue.d.ts +86 -0
  44. package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +582 -0
  45. package/dist/types/src/components/input/text-field/text-field.vue.d.ts +10 -3
  46. package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +15 -0
  47. package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +63 -31
  48. package/dist/types/src/components/overlay/modal/modal.vue.d.ts +27 -1
  49. package/dist/types/tsconfig.tsbuildinfo +1 -1
  50. package/package.json +3 -3
@@ -1,109 +1,141 @@
1
1
  interface NavigationElement {
2
- navigator?: string;
2
+ navigator?: 'first' | 'prev' | 'next' | 'last';
3
3
  page?: number;
4
4
  }
5
- interface NavigationElementEvent extends NavigationElement {
5
+ interface PageChangedEventPayload extends NavigationElement {
6
+ page: number;
6
7
  offset: number;
7
- end: number;
8
8
  limit: number;
9
+ end: number;
9
10
  reset?: boolean;
10
11
  }
11
12
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
12
13
  /**
13
- * La página actual que se está visualizando.
14
+ * La página actual que se está visualizando. Usada para inicializar el componente.
14
15
  */
15
16
  currentPage: {
16
17
  type: NumberConstructor;
17
18
  required: true;
18
19
  };
19
20
  /**
20
- * Habilita la opción de "saltar" a una página específica de la paginación.
21
+ * Habilita los botones para "saltar" a la primera y última página.
21
22
  */
22
23
  jumpTo: {
23
24
  type: BooleanConstructor;
24
25
  default: boolean;
25
26
  };
26
27
  /**
27
- * Marca la paginación como seleccionada.
28
- */
29
- selected: {
30
- type: BooleanConstructor;
31
- default: boolean;
32
- };
33
- /**
34
- * Ocultar la leyenda de paginación
28
+ * Oculta la leyenda "Mostrando resultados X-Y de Z".
29
+ * Solo tiene efecto si se usa la prop `totalItems`.
35
30
  */
36
31
  hideLeyend: {
37
32
  type: BooleanConstructor;
38
33
  default: boolean;
39
34
  };
40
35
  /**
41
- * El número total de items
36
+ * El número total de items a paginar.
37
+ * Requerido si no se proporciona `totalPages`. Habilita la leyenda.
42
38
  */
43
39
  totalItems: {
44
40
  type: NumberConstructor;
45
- required: true;
41
+ required: false;
42
+ default: undefined;
46
43
  };
47
44
  /**
48
- * Items por página
45
+ * Número de items a mostrar por página.
46
+ * Usado para calcular el total de páginas (si se usa `totalItems`) y el offset/end en el evento.
49
47
  */
50
48
  itemsPerPage: {
51
49
  type: NumberConstructor;
52
50
  default: number;
53
51
  };
52
+ /**
53
+ * El número total de páginas.
54
+ * Usado como fallback si `totalItems` no se proporciona.
55
+ */
56
+ totalPages: {
57
+ type: NumberConstructor;
58
+ required: false;
59
+ default: undefined;
60
+ };
61
+ /**
62
+ * Controla si el número de la página activa se resalta visualmente.
63
+ * El resaltado requiere que esta prop sea true.
64
+ */
65
+ selected: {
66
+ type: BooleanConstructor;
67
+ default: boolean;
68
+ };
54
69
  }>, {
70
+ /** Resetea la paginación a la primera página y emite el evento pageChanged. */
55
71
  resetPagination: () => void;
56
72
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
57
- pageChanged: (element: NavigationElementEvent) => any;
73
+ pageChanged: (payload: PageChangedEventPayload) => any;
58
74
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
59
75
  /**
60
- * La página actual que se está visualizando.
76
+ * La página actual que se está visualizando. Usada para inicializar el componente.
61
77
  */
62
78
  currentPage: {
63
79
  type: NumberConstructor;
64
80
  required: true;
65
81
  };
66
82
  /**
67
- * Habilita la opción de "saltar" a una página específica de la paginación.
83
+ * Habilita los botones para "saltar" a la primera y última página.
68
84
  */
69
85
  jumpTo: {
70
86
  type: BooleanConstructor;
71
87
  default: boolean;
72
88
  };
73
89
  /**
74
- * Marca la paginación como seleccionada.
75
- */
76
- selected: {
77
- type: BooleanConstructor;
78
- default: boolean;
79
- };
80
- /**
81
- * Ocultar la leyenda de paginación
90
+ * Oculta la leyenda "Mostrando resultados X-Y de Z".
91
+ * Solo tiene efecto si se usa la prop `totalItems`.
82
92
  */
83
93
  hideLeyend: {
84
94
  type: BooleanConstructor;
85
95
  default: boolean;
86
96
  };
87
97
  /**
88
- * El número total de items
98
+ * El número total de items a paginar.
99
+ * Requerido si no se proporciona `totalPages`. Habilita la leyenda.
89
100
  */
90
101
  totalItems: {
91
102
  type: NumberConstructor;
92
- required: true;
103
+ required: false;
104
+ default: undefined;
93
105
  };
94
106
  /**
95
- * Items por página
107
+ * Número de items a mostrar por página.
108
+ * Usado para calcular el total de páginas (si se usa `totalItems`) y el offset/end en el evento.
96
109
  */
97
110
  itemsPerPage: {
98
111
  type: NumberConstructor;
99
112
  default: number;
100
113
  };
114
+ /**
115
+ * El número total de páginas.
116
+ * Usado como fallback si `totalItems` no se proporciona.
117
+ */
118
+ totalPages: {
119
+ type: NumberConstructor;
120
+ required: false;
121
+ default: undefined;
122
+ };
123
+ /**
124
+ * Controla si el número de la página activa se resalta visualmente.
125
+ * El resaltado requiere que esta prop sea true.
126
+ */
127
+ selected: {
128
+ type: BooleanConstructor;
129
+ default: boolean;
130
+ };
101
131
  }>> & Readonly<{
102
- onPageChanged?: ((element: NavigationElementEvent) => any) | undefined;
132
+ onPageChanged?: ((payload: PageChangedEventPayload) => any) | undefined;
103
133
  }>, {
104
134
  selected: boolean;
105
135
  jumpTo: boolean;
106
136
  hideLeyend: boolean;
137
+ totalItems: number;
107
138
  itemsPerPage: number;
139
+ totalPages: number;
108
140
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
109
141
  export default _default;
@@ -120,8 +120,32 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
120
120
  default: number;
121
121
  validator: (value: string | number) => boolean;
122
122
  };
123
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
123
+ }>, {
124
+ /**
125
+ * { () => void } Gestiona el clic fuera del modal.
126
+ */
127
+ modalClickOutside: () => void;
128
+ /**
129
+ * { () => void } Solicita abrir el modal.
130
+ */
131
+ openModal: () => void;
132
+ /**
133
+ * { () => void } Solicita cerrar el modal.
134
+ */
135
+ closeModal: () => void;
136
+ /**
137
+ * { (state: boolean) => void } Cambia el estado del modal.
138
+ * @param {boolean} state - true para abrir, false para cerrar
139
+ */
140
+ changeModalState: (state: boolean) => void;
141
+ /**
142
+ * { () => void } Alterna el estado del modal.
143
+ */
144
+ toggleModal: () => void;
145
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
124
146
  onCloseRequest: () => any;
147
+ onOpenRequest: () => any;
148
+ onToggleRequest: () => any;
125
149
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
126
150
  /**
127
151
  * Define el estado del modal
@@ -171,6 +195,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
171
195
  };
172
196
  }>> & Readonly<{
173
197
  onOnCloseRequest?: (() => any) | undefined;
198
+ onOnOpenRequest?: (() => any) | undefined;
199
+ onOnToggleRequest?: (() => any) | undefined;
174
200
  }>, {
175
201
  open: boolean;
176
202
  width: string | number;