energy-components 2.5.0 → 2.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/dropdown.es.js +2 -1
- package/dist/components/link.es.js +17 -17
- package/dist/components/radioButton.es.js +51 -37
- package/dist/components/sidebar.es.js +18 -19
- package/dist/components/sidedrawer.es.js +49 -39
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/link.css +1 -1
- package/dist/components/style/radioButton.css +1 -1
- package/dist/components/style/sidebar.css +1 -1
- package/dist/components/style/sidedrawer.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/textField.es.js +84 -60
- package/dist/energy-components.css +1 -1
- package/dist/energy-components.es.js +1254 -1207
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/input/radio-button/radio-button.vue.d.ts +15 -0
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +49 -2
- package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +15 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/llms/rdsradio-button.md +1 -0
- package/llms/rdssidedrawer.md +1 -0
- package/llms/rdstext-field.md +3 -1
- package/package.json +1 -1
|
@@ -42,6 +42,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
42
42
|
type: BooleanConstructor;
|
|
43
43
|
default: boolean;
|
|
44
44
|
};
|
|
45
|
+
/**
|
|
46
|
+
* <span>Oculta visualmente el label manteniendo su accesibilidad para lectores de pantalla</span>
|
|
47
|
+
*/
|
|
48
|
+
hideLabel: {
|
|
49
|
+
type: BooleanConstructor;
|
|
50
|
+
default: boolean;
|
|
51
|
+
};
|
|
45
52
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
46
53
|
/**
|
|
47
54
|
* <span>Id del radio button</span>
|
|
@@ -86,10 +93,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
86
93
|
type: BooleanConstructor;
|
|
87
94
|
default: boolean;
|
|
88
95
|
};
|
|
96
|
+
/**
|
|
97
|
+
* <span>Oculta visualmente el label manteniendo su accesibilidad para lectores de pantalla</span>
|
|
98
|
+
*/
|
|
99
|
+
hideLabel: {
|
|
100
|
+
type: BooleanConstructor;
|
|
101
|
+
default: boolean;
|
|
102
|
+
};
|
|
89
103
|
}>> & Readonly<{}>, {
|
|
90
104
|
error: boolean;
|
|
91
105
|
label: string;
|
|
92
106
|
icon: string;
|
|
93
107
|
disabled: boolean;
|
|
108
|
+
hideLabel: boolean;
|
|
94
109
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
95
110
|
export default _default;
|
|
@@ -76,12 +76,30 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
76
76
|
default: boolean;
|
|
77
77
|
};
|
|
78
78
|
/**
|
|
79
|
-
*
|
|
79
|
+
* Estado semántico de solo lectura. Añade el atributo HTML `readonly` al input, lo que
|
|
80
|
+
* impide la edición y lo anuncia a los lectores de pantalla como "solo lectura".
|
|
81
|
+
*
|
|
82
|
+
* **No cambia el aspecto visual del campo.** Si además se necesita el estilo visual
|
|
83
|
+
* (fondo gris, sin iconos, cursor texto), activa también `readonlyStyle`.
|
|
84
|
+
* Ambas props son independientes y pueden usarse juntas o por separado.
|
|
80
85
|
*/
|
|
81
86
|
readonly: {
|
|
82
87
|
type: BooleanConstructor;
|
|
83
88
|
default: boolean;
|
|
84
89
|
};
|
|
90
|
+
/**
|
|
91
|
+
* Estilo visual de solo lectura: fondo gris, borde por defecto, cursor texto y sin iconos
|
|
92
|
+
* ni elementos accionables. El campo parece no editable visualmente.
|
|
93
|
+
*
|
|
94
|
+
* **No añade el atributo HTML `readonly`** ni semántica de accesibilidad.
|
|
95
|
+
* Para bloquear la edición funcionalmente y anunciarlo a lectores de pantalla,
|
|
96
|
+
* activa también `:readonly="true"`.
|
|
97
|
+
* Ambas props son independientes y pueden usarse juntas o por separado.
|
|
98
|
+
*/
|
|
99
|
+
readonlyStyle: {
|
|
100
|
+
type: BooleanConstructor;
|
|
101
|
+
default: boolean;
|
|
102
|
+
};
|
|
85
103
|
/**
|
|
86
104
|
* Número máximo de caracteres permitidos en el campo de entrada.
|
|
87
105
|
* Si no se especifica, el componente no establecerá atributo maxlength (sin límite impuesto por la librería).
|
|
@@ -231,6 +249,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
231
249
|
type: BooleanConstructor;
|
|
232
250
|
required: false;
|
|
233
251
|
};
|
|
252
|
+
/** Índice de tabulación del input nativo. */
|
|
253
|
+
inputTabindex: {
|
|
254
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
255
|
+
required: false;
|
|
256
|
+
};
|
|
234
257
|
/** Control de capitalización automática del navegador en inputs text. */
|
|
235
258
|
autocapitalize: {
|
|
236
259
|
type: StringConstructor;
|
|
@@ -311,12 +334,30 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
311
334
|
default: boolean;
|
|
312
335
|
};
|
|
313
336
|
/**
|
|
314
|
-
*
|
|
337
|
+
* Estado semántico de solo lectura. Añade el atributo HTML `readonly` al input, lo que
|
|
338
|
+
* impide la edición y lo anuncia a los lectores de pantalla como "solo lectura".
|
|
339
|
+
*
|
|
340
|
+
* **No cambia el aspecto visual del campo.** Si además se necesita el estilo visual
|
|
341
|
+
* (fondo gris, sin iconos, cursor texto), activa también `readonlyStyle`.
|
|
342
|
+
* Ambas props son independientes y pueden usarse juntas o por separado.
|
|
315
343
|
*/
|
|
316
344
|
readonly: {
|
|
317
345
|
type: BooleanConstructor;
|
|
318
346
|
default: boolean;
|
|
319
347
|
};
|
|
348
|
+
/**
|
|
349
|
+
* Estilo visual de solo lectura: fondo gris, borde por defecto, cursor texto y sin iconos
|
|
350
|
+
* ni elementos accionables. El campo parece no editable visualmente.
|
|
351
|
+
*
|
|
352
|
+
* **No añade el atributo HTML `readonly`** ni semántica de accesibilidad.
|
|
353
|
+
* Para bloquear la edición funcionalmente y anunciarlo a lectores de pantalla,
|
|
354
|
+
* activa también `:readonly="true"`.
|
|
355
|
+
* Ambas props son independientes y pueden usarse juntas o por separado.
|
|
356
|
+
*/
|
|
357
|
+
readonlyStyle: {
|
|
358
|
+
type: BooleanConstructor;
|
|
359
|
+
default: boolean;
|
|
360
|
+
};
|
|
320
361
|
/**
|
|
321
362
|
* Número máximo de caracteres permitidos en el campo de entrada.
|
|
322
363
|
* Si no se especifica, el componente no establecerá atributo maxlength (sin límite impuesto por la librería).
|
|
@@ -466,6 +507,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
466
507
|
type: BooleanConstructor;
|
|
467
508
|
required: false;
|
|
468
509
|
};
|
|
510
|
+
/** Índice de tabulación del input nativo. */
|
|
511
|
+
inputTabindex: {
|
|
512
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
513
|
+
required: false;
|
|
514
|
+
};
|
|
469
515
|
/** Control de capitalización automática del navegador en inputs text. */
|
|
470
516
|
autocapitalize: {
|
|
471
517
|
type: StringConstructor;
|
|
@@ -492,6 +538,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
492
538
|
readonly: boolean;
|
|
493
539
|
password: boolean;
|
|
494
540
|
suffix: string;
|
|
541
|
+
readonlyStyle: boolean;
|
|
495
542
|
rightIcon: string;
|
|
496
543
|
helper: boolean;
|
|
497
544
|
helperText: string;
|
|
@@ -49,6 +49,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
49
49
|
type: StringConstructor;
|
|
50
50
|
default: string;
|
|
51
51
|
};
|
|
52
|
+
/**
|
|
53
|
+
* <span>Etiqueta accesible del panel lateral para lectores de pantalla.</span>
|
|
54
|
+
*/
|
|
55
|
+
ariaLabel: {
|
|
56
|
+
type: StringConstructor;
|
|
57
|
+
default: string;
|
|
58
|
+
};
|
|
52
59
|
}>, {
|
|
53
60
|
/**
|
|
54
61
|
* { boolean } Muestra el estado actual del sidebar.
|
|
@@ -111,9 +118,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
111
118
|
type: StringConstructor;
|
|
112
119
|
default: string;
|
|
113
120
|
};
|
|
121
|
+
/**
|
|
122
|
+
* <span>Etiqueta accesible del panel lateral para lectores de pantalla.</span>
|
|
123
|
+
*/
|
|
124
|
+
ariaLabel: {
|
|
125
|
+
type: StringConstructor;
|
|
126
|
+
default: string;
|
|
127
|
+
};
|
|
114
128
|
}>> & Readonly<{
|
|
115
129
|
onSidedrawerChange?: ((isHide: boolean) => any) | undefined;
|
|
116
130
|
}>, {
|
|
131
|
+
ariaLabel: string;
|
|
117
132
|
title: string;
|
|
118
133
|
closeAriaLabel: string;
|
|
119
134
|
iconClose: boolean;
|