energy-components 2.4.0 → 2.5.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/actionButton.es.js +31 -18
- package/dist/components/breadcrumbs.es.js +76 -52
- package/dist/components/link.es.js +63 -48
- package/dist/components/pagination.es.js +58 -47
- package/dist/components/persistentToast.es.js +34 -25
- package/dist/components/searchField.es.js +18 -9
- package/dist/components/sidedrawer.es.js +53 -40
- package/dist/components/style/actionButton.css +1 -1
- package/dist/components/style/breadcrumbs.css +1 -1
- package/dist/components/style/link.css +1 -1
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/persistentToast.css +1 -1
- package/dist/components/style/searchField.css +1 -1
- package/dist/components/style/sidedrawer.css +1 -1
- package/dist/components/style/table.css +1 -1
- package/dist/components/style/toggle.css +1 -1
- package/dist/components/table.es.js +19 -17
- package/dist/components/toggle.es.js +92 -36
- package/dist/energy-components.css +1 -1
- package/dist/energy-components.es.js +4766 -4615
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/buttons/action-button/action-button.vue.d.ts +62 -0
- package/dist/types/src/components/content/table/table.vue.d.ts +7 -0
- package/dist/types/src/components/feedback/persistent-toast/persistent-toast.vue.d.ts +15 -0
- package/dist/types/src/components/input/search-field/search-field.vue.d.ts +15 -0
- package/dist/types/src/components/input/toggle/toggle.vue.d.ts +20 -0
- package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +18 -3
- package/dist/types/src/components/navigation/breadcrumbs/breadcrumbs.vue.d.ts +30 -0
- package/dist/types/src/components/navigation/link/link.vue.d.ts +5 -5
- package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +21 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/llms/rdsaction-button.md +1 -0
- package/llms/rdsbreadcrumbs.md +2 -0
- package/llms/rdslink.md +1 -1
- package/llms/rdspagination.md +1 -0
- package/llms/rdspersistent-toast.md +1 -0
- package/llms/rdssearch-field.md +1 -0
- package/llms/rdssidedrawer.md +1 -0
- package/llms/rdstable.md +1 -0
- package/llms/rdstoggle.md +5 -0
- 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: {},
|
|
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
|
|
5
|
+
content?: (props: typeof __VLS_6) => any;
|
|
6
6
|
} & {
|
|
7
|
-
footer?: (props: typeof
|
|
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
|
|
1
|
+
declare var __VLS_14: {}, __VLS_19: {};
|
|
2
2
|
type __VLS_Slots = {} & {
|
|
3
|
-
default?: (props: typeof
|
|
3
|
+
default?: (props: typeof __VLS_14) => any;
|
|
4
4
|
} & {
|
|
5
|
-
default?: (props: typeof
|
|
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;
|