energy-components 1.6.0-beta.0 → 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.
- package/dist/components/accordion.es.js +13 -13
- package/dist/components/button.es.js +11 -11
- package/dist/components/checkbox.es.js +7 -7
- package/dist/components/dropdown.es.js +278 -148
- package/dist/components/filterChip.es.js +4 -4
- package/dist/components/{icon-svg-CeKfjk3j.js → icon-svg-DGp2yHJn.js} +700 -670
- package/dist/components/iconList.es.js +5 -5
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +62 -59
- package/dist/components/infoBox.es.js +48 -33
- package/dist/components/link.es.js +15 -15
- package/dist/components/modal.es.js +69 -39
- package/dist/components/multiselect.es.js +230 -184
- package/dist/components/multiselectcontentwrapper.es.js +140 -0
- package/dist/components/pagination.es.js +118 -86
- package/dist/components/persistentToast.es.js +29 -23
- package/dist/components/quantitySelector.es.js +9 -9
- package/dist/components/radioButton.es.js +16 -16
- package/dist/components/selectionChip.es.js +5 -5
- package/dist/components/sidedrawer.es.js +36 -28
- package/dist/components/style/datepicker.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/infoBox.css +1 -1
- package/dist/components/style/modal.css +1 -1
- package/dist/components/style/multiselect.css +1 -1
- package/dist/components/style/multiselectcontentwrapper.css +1 -0
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/persistentToast.css +1 -1
- package/dist/components/style/sidedrawer.css +1 -1
- package/dist/components/style/tablepaginatedcomponent.css +1 -1
- package/dist/components/style/tableslotedcomponent.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/switch.es.js +10 -10
- package/dist/components/tabBar.es.js +12 -12
- package/dist/components/tablepaginatedcomponent.es.js +69 -66
- package/dist/components/tableslotedcomponent.es.js +147 -138
- package/dist/components/tag.es.js +5 -5
- package/dist/components/textArea.es.js +22 -22
- package/dist/components/textField.es.js +93 -84
- package/dist/components/tooltip.es.js +61 -61
- package/dist/energy-components.es.js +7354 -6797
- package/dist/energy-components.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/src/components/feedback/info-box/info-box.vue.d.ts +20 -1
- package/dist/types/src/components/feedback/persistent-toast/persistent-toast.vue.d.ts +1 -0
- package/dist/types/src/components/index.d.ts +1 -0
- package/dist/types/src/components/input/dropdown/Multiselect/MultiselectContentWrapper.vue.d.ts +86 -0
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +582 -0
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +10 -3
- package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +15 -0
- package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +63 -31
- package/dist/types/src/components/overlay/modal/modal.vue.d.ts +27 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -4
|
@@ -1,109 +1,141 @@
|
|
|
1
1
|
interface NavigationElement {
|
|
2
|
-
navigator?:
|
|
2
|
+
navigator?: 'first' | 'prev' | 'next' | 'last';
|
|
3
3
|
page?: number;
|
|
4
4
|
}
|
|
5
|
-
interface
|
|
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
|
|
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
|
-
*
|
|
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:
|
|
41
|
+
required: false;
|
|
42
|
+
default: undefined;
|
|
46
43
|
};
|
|
47
44
|
/**
|
|
48
|
-
*
|
|
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: (
|
|
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
|
|
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
|
-
*
|
|
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:
|
|
103
|
+
required: false;
|
|
104
|
+
default: undefined;
|
|
93
105
|
};
|
|
94
106
|
/**
|
|
95
|
-
*
|
|
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?: ((
|
|
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
|
-
}>, {
|
|
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;
|