energy-components 1.10.0-beta.0 → 1.10.1
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 +1 -1
- package/dist/components/avatar.es.js +1 -1
- package/dist/components/breadcrumbs.es.js +22 -21
- package/dist/components/button.es.js +56 -48
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/directAccess.es.js +1 -1
- package/dist/components/dragAndDrop.es.js +1 -1
- package/dist/components/dropdown.es.js +19 -18
- package/dist/components/fileUploadItem.es.js +1 -1
- package/dist/components/filterChip.es.js +1 -1
- package/dist/components/{icon-svg-YXBqzlJN.js → icon-svg-DuzOdbk1.js} +4360 -2853
- package/dist/components/iconList.es.js +1 -1
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +1 -1
- package/dist/components/infoBox.es.js +1 -1
- package/dist/components/link.es.js +60 -48
- package/dist/components/modal.es.js +1 -1
- package/dist/components/multiselectcontentwrapper.es.js +25 -22
- package/dist/components/pagination.es.js +129 -80
- package/dist/components/persistentToast.es.js +1 -1
- package/dist/components/progressBar.es.js +1 -1
- package/dist/components/quantitySelector.es.js +1 -1
- package/dist/components/radioButton.es.js +1 -1
- package/dist/components/selectionChip.es.js +1 -1
- package/dist/components/sidedrawer.es.js +48 -43
- package/dist/components/style/actionButton.css +1 -1
- package/dist/components/style/breadcrumbs.css +1 -1
- package/dist/components/style/button.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/floatingActionButton.css +1 -1
- package/dist/components/style/link.css +1 -1
- package/dist/components/style/multiselect.css +1 -1
- package/dist/components/style/multiselectcontentwrapper.css +1 -1
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/selectionChip.css +1 -1
- package/dist/components/style/sidedrawer.css +1 -1
- package/dist/components/style/tabBar.css +1 -1
- package/dist/components/style/tag.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/switch.es.js +1 -1
- package/dist/components/tabBar.es.js +95 -84
- package/dist/components/tableslotedcomponent.es.js +1 -1
- package/dist/components/tag.es.js +15 -15
- package/dist/components/textArea.es.js +1 -1
- package/dist/components/textField.es.js +64 -53
- package/dist/components/tooltip.es.js +293 -295
- package/dist/energy-components.es.js +8274 -6668
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/buttons/button/button.vue.d.ts +15 -0
- package/dist/types/src/components/feedback/indicator/indicator.vue.d.ts +1 -1
- package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts +1 -1
- package/dist/types/src/components/input/dropdown/Multiselect/MultiselectContentWrapper.vue.d.ts +9 -2
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +4 -4
- package/dist/types/src/components/input/quantity-selector/quantity-selector.vue.d.ts +1 -1
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +17 -0
- package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +7 -5
- package/dist/types/src/components/navigation/link/link.vue.d.ts +15 -0
- package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +29 -0
- package/dist/types/src/setupTests.d.ts +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +5 -3
|
@@ -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;
|
|
@@ -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;
|
|
@@ -198,8 +198,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
198
198
|
icon: string;
|
|
199
199
|
disabled: boolean;
|
|
200
200
|
id: string;
|
|
201
|
-
multiple: boolean;
|
|
202
201
|
fullWidth: boolean;
|
|
202
|
+
multiple: boolean;
|
|
203
203
|
accept: string;
|
|
204
204
|
detailText: string;
|
|
205
205
|
errorMessage: string;
|
package/dist/types/src/components/input/dropdown/Multiselect/MultiselectContentWrapper.vue.d.ts
CHANGED
|
@@ -32,7 +32,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
32
32
|
showNoResults: BooleanConstructor;
|
|
33
33
|
showNoOptions: BooleanConstructor;
|
|
34
34
|
small: BooleanConstructor;
|
|
35
|
-
contentStyle:
|
|
35
|
+
contentStyle: {
|
|
36
|
+
type: ObjectConstructor;
|
|
37
|
+
default: () => {};
|
|
38
|
+
};
|
|
36
39
|
customStyle: ObjectConstructor;
|
|
37
40
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], "focus", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
38
41
|
teleported: {
|
|
@@ -68,7 +71,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
68
71
|
showNoResults: BooleanConstructor;
|
|
69
72
|
showNoOptions: BooleanConstructor;
|
|
70
73
|
small: BooleanConstructor;
|
|
71
|
-
contentStyle:
|
|
74
|
+
contentStyle: {
|
|
75
|
+
type: ObjectConstructor;
|
|
76
|
+
default: () => {};
|
|
77
|
+
};
|
|
72
78
|
customStyle: ObjectConstructor;
|
|
73
79
|
}>> & Readonly<{
|
|
74
80
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
@@ -80,6 +86,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
80
86
|
showNoResults: boolean;
|
|
81
87
|
showNoOptions: boolean;
|
|
82
88
|
hasOptionGroup: boolean;
|
|
89
|
+
contentStyle: Record<string, any>;
|
|
83
90
|
groupSelect: boolean;
|
|
84
91
|
teleported: boolean;
|
|
85
92
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -199,8 +199,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
199
199
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
200
200
|
"update:modelValue": (value: any) => any;
|
|
201
201
|
} & {
|
|
202
|
-
close: (
|
|
203
|
-
open: (
|
|
202
|
+
close: (payload: any, componentId: string | number) => any;
|
|
203
|
+
open: (payload: any, componentId: string | number) => any;
|
|
204
204
|
change: (options: any[]) => any;
|
|
205
205
|
select: (selectOption: any) => any;
|
|
206
206
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -344,8 +344,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
344
344
|
required: true;
|
|
345
345
|
};
|
|
346
346
|
}>> & Readonly<{
|
|
347
|
-
onClose?: ((
|
|
348
|
-
onOpen?: ((
|
|
347
|
+
onClose?: ((payload: any, componentId: string | number) => any) | undefined;
|
|
348
|
+
onOpen?: ((payload: any, componentId: string | number) => any) | undefined;
|
|
349
349
|
onChange?: ((options: any[]) => any) | undefined;
|
|
350
350
|
onSelect?: ((selectOption: any) => any) | undefined;
|
|
351
351
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
@@ -89,7 +89,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
89
89
|
}>, {
|
|
90
90
|
size: "small" | "default";
|
|
91
91
|
disabled: boolean;
|
|
92
|
-
deleteButton: boolean;
|
|
93
92
|
fullWidth: boolean;
|
|
93
|
+
deleteButton: boolean;
|
|
94
94
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
95
95
|
export default _default;
|
|
@@ -7,6 +7,14 @@ type __VLS_Slots = {} & {
|
|
|
7
7
|
'helper-text'?: (props: typeof __VLS_15) => any;
|
|
8
8
|
};
|
|
9
9
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
10
|
+
/**
|
|
11
|
+
* Hace que el campo ocupe todo el ancho disponible del contenedor padre (elimina min-width).
|
|
12
|
+
* ⚠️ Solo recomendado para contenedores muy pequeños.
|
|
13
|
+
*/
|
|
14
|
+
fullWidth: {
|
|
15
|
+
type: BooleanConstructor;
|
|
16
|
+
default: boolean;
|
|
17
|
+
};
|
|
10
18
|
/**
|
|
11
19
|
* Etiqueta que se muestra sobre el campo de entrada. y Placeholder
|
|
12
20
|
*/
|
|
@@ -137,6 +145,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
137
145
|
keyup: (event: KeyboardEvent) => any;
|
|
138
146
|
"update:modelValue": (modelValue: string | number | null) => any;
|
|
139
147
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
148
|
+
/**
|
|
149
|
+
* Hace que el campo ocupe todo el ancho disponible del contenedor padre (elimina min-width).
|
|
150
|
+
* ⚠️ Solo recomendado para contenedores muy pequeños.
|
|
151
|
+
*/
|
|
152
|
+
fullWidth: {
|
|
153
|
+
type: BooleanConstructor;
|
|
154
|
+
default: boolean;
|
|
155
|
+
};
|
|
140
156
|
/**
|
|
141
157
|
* Etiqueta que se muestra sobre el campo de entrada. y Placeholder
|
|
142
158
|
*/
|
|
@@ -269,6 +285,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
269
285
|
icon: string;
|
|
270
286
|
disabled: boolean;
|
|
271
287
|
password: boolean;
|
|
288
|
+
fullWidth: boolean;
|
|
272
289
|
readonly: boolean;
|
|
273
290
|
maxLength: number;
|
|
274
291
|
minLength: number;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
declare var
|
|
1
|
+
declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {};
|
|
2
2
|
type __VLS_Slots = {} & {
|
|
3
|
-
|
|
3
|
+
title?: (props: typeof __VLS_1) => any;
|
|
4
4
|
} & {
|
|
5
|
-
|
|
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
|
|
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
|
|
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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|