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.
- package/dist/components/breadcrumbs.es.js +21 -19
- package/dist/components/button.es.js +56 -48
- package/dist/components/collapsable.es.js +4 -0
- package/dist/components/collapsable.scss_vue_type_style_index_0_src_true_lang-DfOWp1XD.js +86 -0
- package/dist/components/datepicker.es.js +717 -708
- package/dist/components/index.es.js +73 -70
- package/dist/components/link.es.js +59 -47
- package/dist/components/pagination.es.js +129 -80
- 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/collapsable.css +1 -0
- package/dist/components/style/datepicker.css +1 -1
- package/dist/components/style/floatingActionButton.css +1 -1
- package/dist/components/style/link.css +1 -1
- package/dist/components/style/modal.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/textField.css +1 -1
- package/dist/components/tabBar.es.js +95 -84
- package/dist/components/textField.es.js +122 -108
- package/dist/energy-components.es.js +4468 -4276
- 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/content/collapsable/collapsable.vue.d.ts +53 -0
- package/dist/types/src/components/feedback/indicator/indicator.vue.d.ts +1 -1
- package/dist/types/src/components/index.d.ts +1 -0
- package/dist/types/src/components/input/datepicker/datepicker.vue.d.ts +15 -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/tsconfig.tsbuildinfo +1 -1
- 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
|
|
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;
|