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.
@@ -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: {}, __VLS_20: {};
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
- 'right-icon'?: (props: typeof __VLS_9) => any;
6
+ prefix?: (props: typeof __VLS_9) => any;
7
7
  } & {
8
- 'helper-text'?: (props: typeof __VLS_20) => any;
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 establece, el componente se comporta de forma controlada.</span>
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 establece, el componente se comporta de forma controlada.</span>
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;