energy-components 2.1.0 → 2.2.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/datepicker.es.js +322 -308
- package/dist/components/dropdown.es.js +173 -159
- package/dist/components/style/datepicker.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/multiselect.css +1 -1
- package/dist/components/style/multiselectcontentwrapper.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/style/tooltip.css +1 -1
- package/dist/components/textField.es.js +204 -145
- package/dist/components/tooltip.es.js +129 -113
- package/dist/energy-components.css +1 -1
- package/dist/energy-components.es.js +4313 -4210
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/input/datepicker/datepicker.vue.d.ts +25 -0
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +25 -0
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +64 -3
- package/dist/types/src/components/overlay/tooltip/tooltip.vue.d.ts +2 -2
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/llms/rdsdate-picker.md +1 -0
- package/llms/rdsdropdown.md +1 -0
- package/llms/rdstext-field.md +5 -0
- package/llms/rdstooltip.md +1 -1
- package/package.json +1 -1
|
@@ -25,6 +25,18 @@ declare const __VLS_component: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
25
25
|
type: StringConstructor;
|
|
26
26
|
required: true;
|
|
27
27
|
};
|
|
28
|
+
/**
|
|
29
|
+
* Versión compacta del datepicker con altura reducida (42px en lugar de 52px).
|
|
30
|
+
* En este modo se ocultan visualmente el label y el helper text para ahorrar espacio.
|
|
31
|
+
*
|
|
32
|
+
* ⚠️ **Uso recomendado**: Solo para celdas de tablas editables.
|
|
33
|
+
* No se recomienda fuera de este contexto por cuestiones de accesibilidad,
|
|
34
|
+
* ya que la ausencia del label visible puede dificultar la comprensión del campo.
|
|
35
|
+
*/
|
|
36
|
+
compact: {
|
|
37
|
+
type: BooleanConstructor;
|
|
38
|
+
default: boolean;
|
|
39
|
+
};
|
|
28
40
|
/**
|
|
29
41
|
* Etiqueta para el interruptor
|
|
30
42
|
*/
|
|
@@ -177,6 +189,18 @@ declare const __VLS_component: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
177
189
|
type: StringConstructor;
|
|
178
190
|
required: true;
|
|
179
191
|
};
|
|
192
|
+
/**
|
|
193
|
+
* Versión compacta del datepicker con altura reducida (42px en lugar de 52px).
|
|
194
|
+
* En este modo se ocultan visualmente el label y el helper text para ahorrar espacio.
|
|
195
|
+
*
|
|
196
|
+
* ⚠️ **Uso recomendado**: Solo para celdas de tablas editables.
|
|
197
|
+
* No se recomienda fuera de este contexto por cuestiones de accesibilidad,
|
|
198
|
+
* ya que la ausencia del label visible puede dificultar la comprensión del campo.
|
|
199
|
+
*/
|
|
200
|
+
compact: {
|
|
201
|
+
type: BooleanConstructor;
|
|
202
|
+
default: boolean;
|
|
203
|
+
};
|
|
180
204
|
/**
|
|
181
205
|
* Etiqueta para el interruptor
|
|
182
206
|
*/
|
|
@@ -312,6 +336,7 @@ declare const __VLS_component: import("vue").DefineComponent<ExtractPropTypes<{
|
|
|
312
336
|
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
313
337
|
}>, {
|
|
314
338
|
label: string;
|
|
339
|
+
compact: boolean;
|
|
315
340
|
range: boolean;
|
|
316
341
|
disabled: boolean;
|
|
317
342
|
clearable: boolean;
|
|
@@ -51,6 +51,18 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
51
51
|
required: true;
|
|
52
52
|
validator: (value: any) => boolean;
|
|
53
53
|
};
|
|
54
|
+
/**
|
|
55
|
+
* Versión compacta del dropdown con altura reducida (42px en lugar de 52px).
|
|
56
|
+
* En este modo se ocultan visualmente el label y el helper text para ahorrar espacio.
|
|
57
|
+
*
|
|
58
|
+
* ⚠️ **Uso recomendado**: Solo para celdas de tablas editables.
|
|
59
|
+
* No se recomienda fuera de este contexto por cuestiones de accesibilidad,
|
|
60
|
+
* ya que la ausencia del label visible puede dificultar la comprensión del campo.
|
|
61
|
+
*/
|
|
62
|
+
compact: {
|
|
63
|
+
type: BooleanConstructor;
|
|
64
|
+
default: boolean;
|
|
65
|
+
};
|
|
54
66
|
label: {
|
|
55
67
|
type: StringConstructor;
|
|
56
68
|
required: true;
|
|
@@ -234,6 +246,18 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
234
246
|
required: true;
|
|
235
247
|
validator: (value: any) => boolean;
|
|
236
248
|
};
|
|
249
|
+
/**
|
|
250
|
+
* Versión compacta del dropdown con altura reducida (42px en lugar de 52px).
|
|
251
|
+
* En este modo se ocultan visualmente el label y el helper text para ahorrar espacio.
|
|
252
|
+
*
|
|
253
|
+
* ⚠️ **Uso recomendado**: Solo para celdas de tablas editables.
|
|
254
|
+
* No se recomienda fuera de este contexto por cuestiones de accesibilidad,
|
|
255
|
+
* ya que la ausencia del label visible puede dificultar la comprensión del campo.
|
|
256
|
+
*/
|
|
257
|
+
compact: {
|
|
258
|
+
type: BooleanConstructor;
|
|
259
|
+
default: boolean;
|
|
260
|
+
};
|
|
237
261
|
label: {
|
|
238
262
|
type: StringConstructor;
|
|
239
263
|
required: true;
|
|
@@ -402,6 +426,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
402
426
|
loading: boolean;
|
|
403
427
|
error: boolean;
|
|
404
428
|
small: boolean;
|
|
429
|
+
compact: boolean;
|
|
405
430
|
multiple: boolean;
|
|
406
431
|
disabled: boolean;
|
|
407
432
|
inverse: boolean;
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { type PropType } from 'vue';
|
|
2
|
-
declare var __VLS_1: {}, __VLS_9: {},
|
|
2
|
+
declare var __VLS_1: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_24: {};
|
|
3
3
|
type __VLS_Slots = {} & {
|
|
4
4
|
'left-icon'?: (props: typeof __VLS_1) => any;
|
|
5
5
|
} & {
|
|
6
|
-
|
|
6
|
+
prefix?: (props: typeof __VLS_9) => any;
|
|
7
7
|
} & {
|
|
8
|
-
|
|
8
|
+
suffix?: (props: typeof __VLS_11) => any;
|
|
9
|
+
} & {
|
|
10
|
+
'right-icon'?: (props: typeof __VLS_13) => any;
|
|
11
|
+
} & {
|
|
12
|
+
'helper-text'?: (props: typeof __VLS_24) => any;
|
|
9
13
|
};
|
|
10
14
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
11
15
|
/**
|
|
@@ -16,6 +20,19 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
16
20
|
type: BooleanConstructor;
|
|
17
21
|
default: boolean;
|
|
18
22
|
};
|
|
23
|
+
/**
|
|
24
|
+
* Versión compacta del campo de texto con altura reducida (42px en lugar de 52px).
|
|
25
|
+
* En este modo se ocultan visualmente el label y el helper text para ahorrar espacio.
|
|
26
|
+
* Los eventos y cambios de estado visual se mantienen.
|
|
27
|
+
*
|
|
28
|
+
* ⚠️ **Uso recomendado**: Solo para celdas de tablas editables.
|
|
29
|
+
* No se recomienda fuera de este contexto por cuestiones de accesibilidad,
|
|
30
|
+
* ya que la ausencia del label visible puede dificultar la comprensión del campo.
|
|
31
|
+
*/
|
|
32
|
+
compact: {
|
|
33
|
+
type: BooleanConstructor;
|
|
34
|
+
default: boolean;
|
|
35
|
+
};
|
|
19
36
|
/**
|
|
20
37
|
* Etiqueta que se muestra sobre el campo de entrada. y Placeholder
|
|
21
38
|
*/
|
|
@@ -37,6 +54,20 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
37
54
|
type: (StringConstructor | NumberConstructor | null)[];
|
|
38
55
|
required: true;
|
|
39
56
|
};
|
|
57
|
+
/**
|
|
58
|
+
* Texto a mostrar antes del valor del input. (Reemplaza al icono izquierdo si existe)
|
|
59
|
+
*/
|
|
60
|
+
prefix: {
|
|
61
|
+
type: StringConstructor;
|
|
62
|
+
default: string;
|
|
63
|
+
};
|
|
64
|
+
/**
|
|
65
|
+
* Texto a mostrar después del valor del input, siguiendo dinámicamente al texto.
|
|
66
|
+
*/
|
|
67
|
+
suffix: {
|
|
68
|
+
type: StringConstructor;
|
|
69
|
+
default: string;
|
|
70
|
+
};
|
|
40
71
|
/**
|
|
41
72
|
* Indica si el campo de entrada está deshabilitado o no.
|
|
42
73
|
*/
|
|
@@ -224,6 +255,19 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
224
255
|
type: BooleanConstructor;
|
|
225
256
|
default: boolean;
|
|
226
257
|
};
|
|
258
|
+
/**
|
|
259
|
+
* Versión compacta del campo de texto con altura reducida (42px en lugar de 52px).
|
|
260
|
+
* En este modo se ocultan visualmente el label y el helper text para ahorrar espacio.
|
|
261
|
+
* Los eventos y cambios de estado visual se mantienen.
|
|
262
|
+
*
|
|
263
|
+
* ⚠️ **Uso recomendado**: Solo para celdas de tablas editables.
|
|
264
|
+
* No se recomienda fuera de este contexto por cuestiones de accesibilidad,
|
|
265
|
+
* ya que la ausencia del label visible puede dificultar la comprensión del campo.
|
|
266
|
+
*/
|
|
267
|
+
compact: {
|
|
268
|
+
type: BooleanConstructor;
|
|
269
|
+
default: boolean;
|
|
270
|
+
};
|
|
227
271
|
/**
|
|
228
272
|
* Etiqueta que se muestra sobre el campo de entrada. y Placeholder
|
|
229
273
|
*/
|
|
@@ -245,6 +289,20 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
245
289
|
type: (StringConstructor | NumberConstructor | null)[];
|
|
246
290
|
required: true;
|
|
247
291
|
};
|
|
292
|
+
/**
|
|
293
|
+
* Texto a mostrar antes del valor del input. (Reemplaza al icono izquierdo si existe)
|
|
294
|
+
*/
|
|
295
|
+
prefix: {
|
|
296
|
+
type: StringConstructor;
|
|
297
|
+
default: string;
|
|
298
|
+
};
|
|
299
|
+
/**
|
|
300
|
+
* Texto a mostrar después del valor del input, siguiendo dinámicamente al texto.
|
|
301
|
+
*/
|
|
302
|
+
suffix: {
|
|
303
|
+
type: StringConstructor;
|
|
304
|
+
default: string;
|
|
305
|
+
};
|
|
248
306
|
/**
|
|
249
307
|
* Indica si el campo de entrada está deshabilitado o no.
|
|
250
308
|
*/
|
|
@@ -425,12 +483,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
425
483
|
error: boolean;
|
|
426
484
|
type: string;
|
|
427
485
|
required: boolean;
|
|
486
|
+
compact: boolean;
|
|
428
487
|
icon: string;
|
|
429
488
|
disabled: boolean;
|
|
430
489
|
spellcheck: boolean;
|
|
490
|
+
prefix: string;
|
|
431
491
|
fullWidth: boolean;
|
|
432
492
|
readonly: boolean;
|
|
433
493
|
password: boolean;
|
|
494
|
+
suffix: string;
|
|
434
495
|
rightIcon: string;
|
|
435
496
|
helper: boolean;
|
|
436
497
|
helperText: string;
|
|
@@ -104,7 +104,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
104
104
|
default: boolean;
|
|
105
105
|
};
|
|
106
106
|
/**
|
|
107
|
-
* <span>Controla la visibilidad mediante v-model:open. Si se
|
|
107
|
+
* <span>Controla la visibilidad mediante v-model:open. Si se pasa (true o false), el componente entra en modo controlado: los eventos internos (hover/focus/click) solo emiten `update:open` sin cambiar la visibilidad directamente. Para volver al modo no controlado, no pasar la prop (undefined).</span>
|
|
108
108
|
*/
|
|
109
109
|
open: {
|
|
110
110
|
type: BooleanConstructor;
|
|
@@ -239,7 +239,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
239
239
|
default: boolean;
|
|
240
240
|
};
|
|
241
241
|
/**
|
|
242
|
-
* <span>Controla la visibilidad mediante v-model:open. Si se
|
|
242
|
+
* <span>Controla la visibilidad mediante v-model:open. Si se pasa (true o false), el componente entra en modo controlado: los eventos internos (hover/focus/click) solo emiten `update:open` sin cambiar la visibilidad directamente. Para volver al modo no controlado, no pasar la prop (undefined).</span>
|
|
243
243
|
*/
|
|
244
244
|
open: {
|
|
245
245
|
type: BooleanConstructor;
|