energy-components 1.17.0 → 1.19.0-beta.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.
Files changed (33) hide show
  1. package/dist/components/breadcrumbs.es.js +32 -29
  2. package/dist/components/datepicker.es.js +2725 -2662
  3. package/dist/components/dropdown.es.js +21 -21
  4. package/dist/components/{floating-ui.vue-7LKzPqHI.js → floating-ui.vue-DWAG1g94.js} +3 -3
  5. package/dist/components/link.es.js +51 -49
  6. package/dist/components/popover.es.js +47 -47
  7. package/dist/components/sidebar.es.js +143 -59
  8. package/dist/components/snackBar.es.js +37 -22
  9. package/dist/components/style/breadcrumbs.css +1 -1
  10. package/dist/components/style/datepicker.css +1 -1
  11. package/dist/components/style/dropdown.css +1 -1
  12. package/dist/components/style/link.css +1 -1
  13. package/dist/components/style/overlay.css +1 -1
  14. package/dist/components/style/popover.css +1 -1
  15. package/dist/components/style/sidebar.css +1 -1
  16. package/dist/components/style/snackBar.css +1 -1
  17. package/dist/components/style/textField.css +1 -1
  18. package/dist/components/style/tooltip.css +1 -1
  19. package/dist/components/textField.es.js +28 -26
  20. package/dist/components/tooltip.es.js +135 -84
  21. package/dist/energy-components.es.js +4967 -4748
  22. package/dist/energy-components.umd.js +2 -2
  23. package/dist/style.css +1 -1
  24. package/dist/types/src/components/feedback/snack-bar/snack-bar.vue.d.ts +13 -1
  25. package/dist/types/src/components/input/datepicker/datepicker.vue.d.ts +19 -4
  26. package/dist/types/src/components/input/text-field/text-field.vue.d.ts +2 -0
  27. package/dist/types/src/components/layout/sidebar/sidebar.vue.d.ts +128 -3
  28. package/dist/types/src/components/navigation/breadcrumbs/breadcrumbs.vue.d.ts +18 -0
  29. package/dist/types/src/components/navigation/link/link.vue.d.ts +10 -6
  30. package/dist/types/src/components/overlay/popover/popover.vue.d.ts +2 -2
  31. package/dist/types/src/components/overlay/tooltip/tooltip.vue.d.ts +47 -2
  32. package/dist/types/tsconfig.tsbuildinfo +1 -1
  33. package/package.json +1 -1
@@ -1,4 +1,10 @@
1
- declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1
+ declare var __VLS_12: {}, __VLS_14: {};
2
+ type __VLS_Slots = {} & {
3
+ 'content-section'?: (props: typeof __VLS_12) => any;
4
+ } & {
5
+ 'action-section'?: (props: typeof __VLS_14) => any;
6
+ };
7
+ declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
8
  /**
3
9
  * Tipo del mensaje.
4
10
  *
@@ -177,4 +183,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
177
183
  id: string;
178
184
  teleportTo: string;
179
185
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
186
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
180
187
  export default _default;
188
+ type __VLS_WithSlots<T, S> = T & {
189
+ new (): {
190
+ $slots: S;
191
+ };
192
+ };
@@ -8,14 +8,14 @@ type RDSTextFieldProps = ExtractPropTypes<(typeof RDSTextField)['props']>;
8
8
  interface CustomVueDatePickerProps extends Partial<OriginalVueDatePickerProps> {
9
9
  format?: (date: Date | Date[] | null) => string;
10
10
  }
11
- declare var __VLS_22: {
11
+ declare var __VLS_29: {
12
12
  day: number;
13
13
  date: Date;
14
- }, __VLS_41: string | number, __VLS_42: any;
14
+ }, __VLS_48: string | number, __VLS_49: any;
15
15
  type __VLS_Slots = {} & {
16
- [K in NonNullable<typeof __VLS_41>]?: (props: typeof __VLS_42) => any;
16
+ [K in NonNullable<typeof __VLS_48>]?: (props: typeof __VLS_49) => any;
17
17
  } & {
18
- day?: (props: typeof __VLS_22) => any;
18
+ day?: (props: typeof __VLS_29) => any;
19
19
  };
20
20
  declare const __VLS_component: import("vue").DefineComponent<ExtractPropTypes<{
21
21
  /**
@@ -67,6 +67,13 @@ declare const __VLS_component: import("vue").DefineComponent<ExtractPropTypes<{
67
67
  type: BooleanConstructor;
68
68
  default: boolean;
69
69
  };
70
+ /**
71
+ * Si es `true` y `range` es `true`, obliga al usuario a seleccionar un rango completo (inicio y fin).
72
+ */
73
+ selectFullRange: {
74
+ type: BooleanConstructor;
75
+ default: boolean;
76
+ };
70
77
  /**
71
78
  * Indica si el datepicker es selector de mes
72
79
  */
@@ -190,6 +197,13 @@ declare const __VLS_component: import("vue").DefineComponent<ExtractPropTypes<{
190
197
  type: BooleanConstructor;
191
198
  default: boolean;
192
199
  };
200
+ /**
201
+ * Si es `true` y `range` es `true`, obliga al usuario a seleccionar un rango completo (inicio y fin).
202
+ */
203
+ selectFullRange: {
204
+ type: BooleanConstructor;
205
+ default: boolean;
206
+ };
193
207
  /**
194
208
  * Indica si el datepicker es selector de mes
195
209
  */
@@ -262,6 +276,7 @@ declare const __VLS_component: import("vue").DefineComponent<ExtractPropTypes<{
262
276
  monthPicker: boolean;
263
277
  teleport: string | boolean;
264
278
  acceptButtonVariant: string;
279
+ selectFullRange: boolean;
265
280
  actionRow: any;
266
281
  vueDatepickerProps: CustomVueDatePickerProps;
267
282
  textfieldProps: RDSTextFieldProps;
@@ -151,6 +151,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
151
151
  keypress: (event: KeyboardEvent) => any;
152
152
  keyup: (event: KeyboardEvent) => any;
153
153
  "update:modelValue": (modelValue: string | number | null) => any;
154
+ clear: () => any;
154
155
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
155
156
  /**
156
157
  * Hace que el campo ocupe todo el ancho disponible del contenedor padre (elimina min-width).
@@ -293,6 +294,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
293
294
  onKeypress?: ((event: KeyboardEvent) => any) | undefined;
294
295
  onKeyup?: ((event: KeyboardEvent) => any) | undefined;
295
296
  "onUpdate:modelValue"?: ((modelValue: string | number | null) => any) | undefined;
297
+ onClear?: (() => any) | undefined;
296
298
  }>, {
297
299
  loading: boolean;
298
300
  error: boolean;
@@ -1,3 +1,4 @@
1
+ import type { PropType } from 'vue';
1
2
  declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
2
3
  type __VLS_Slots = {} & {
3
4
  content?: (props: typeof __VLS_1) => any;
@@ -6,7 +7,54 @@ type __VLS_Slots = {} & {
6
7
  } & {
7
8
  expanded?: (props: typeof __VLS_5) => any;
8
9
  };
9
- declare const __VLS_component: import("vue").DefineComponent<{}, {
10
+ declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
11
+ /**
12
+ * Etiqueta accesible del landmark.
13
+ * Cambia si hay más de un landmark del mismo tipo en la página.
14
+ * @default 'Barra lateral'
15
+ */
16
+ ariaLabel: {
17
+ type: StringConstructor;
18
+ default: string;
19
+ };
20
+ /**
21
+ * Activa/desactiva TODAS las animaciones estructurales (ancho, overlay, clip-path).
22
+ * Útil para entornos de alto rendimiento, tests o si el host gestiona animaciones.
23
+ * @default true
24
+ */
25
+ enableAnimation: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ /**
30
+ * Activa/desactiva animaciones internas del contenido (switch collapsed/expanded, fades, transforms).
31
+ * Independiente de la animación estructural.
32
+ * @default true
33
+ */
34
+ enableContentAnimation: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
38
+ /**
39
+ * Rol ARIA (landmark) del contenedor.
40
+ * 'complementary' para contenido auxiliar.
41
+ * 'navigation' si representa navegación principal/secundaria.
42
+ * @default 'complementary'
43
+ */
44
+ landmarkRole: {
45
+ type: PropType<"complementary" | "navigation">;
46
+ default: string;
47
+ validator: (v: string) => boolean;
48
+ };
49
+ /**
50
+ * Duración base de la animación (ms). Si enableAnimation o enableContentAnimation están en false se fuerza a 0 para su ámbito.
51
+ * @default 320
52
+ */
53
+ transitionDuration: {
54
+ type: NumberConstructor;
55
+ default: number;
56
+ };
57
+ }>, {
10
58
  /**
11
59
  * { boolean } Muestra el estado actual del sidebar.
12
60
  */
@@ -23,11 +71,88 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
23
71
  * { (state: boolean) => void } Cambia el estado del sidebar.
24
72
  */
25
73
  toogleSidebar: () => void;
74
+ /**
75
+ * { () => void } Alterna el estado del sidebar. (Nombre correcto)
76
+ */
77
+ toggleSidebar: () => void;
26
78
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
27
79
  sidebarChange: (isCollapsed: boolean) => any;
28
- }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
80
+ sidebarContentSwitch: (detail: {
81
+ from: "collapsed" | "expanded";
82
+ to: "collapsed" | "expanded";
83
+ animated: boolean;
84
+ }) => any;
85
+ sidebarContentSwitchEnd: (detail: {
86
+ from: "collapsed" | "expanded";
87
+ to: "collapsed" | "expanded";
88
+ animated: boolean;
89
+ }) => any;
90
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
91
+ /**
92
+ * Etiqueta accesible del landmark.
93
+ * Cambia si hay más de un landmark del mismo tipo en la página.
94
+ * @default 'Barra lateral'
95
+ */
96
+ ariaLabel: {
97
+ type: StringConstructor;
98
+ default: string;
99
+ };
100
+ /**
101
+ * Activa/desactiva TODAS las animaciones estructurales (ancho, overlay, clip-path).
102
+ * Útil para entornos de alto rendimiento, tests o si el host gestiona animaciones.
103
+ * @default true
104
+ */
105
+ enableAnimation: {
106
+ type: BooleanConstructor;
107
+ default: boolean;
108
+ };
109
+ /**
110
+ * Activa/desactiva animaciones internas del contenido (switch collapsed/expanded, fades, transforms).
111
+ * Independiente de la animación estructural.
112
+ * @default true
113
+ */
114
+ enableContentAnimation: {
115
+ type: BooleanConstructor;
116
+ default: boolean;
117
+ };
118
+ /**
119
+ * Rol ARIA (landmark) del contenedor.
120
+ * 'complementary' para contenido auxiliar.
121
+ * 'navigation' si representa navegación principal/secundaria.
122
+ * @default 'complementary'
123
+ */
124
+ landmarkRole: {
125
+ type: PropType<"complementary" | "navigation">;
126
+ default: string;
127
+ validator: (v: string) => boolean;
128
+ };
129
+ /**
130
+ * Duración base de la animación (ms). Si enableAnimation o enableContentAnimation están en false se fuerza a 0 para su ámbito.
131
+ * @default 320
132
+ */
133
+ transitionDuration: {
134
+ type: NumberConstructor;
135
+ default: number;
136
+ };
137
+ }>> & Readonly<{
29
138
  onSidebarChange?: ((isCollapsed: boolean) => any) | undefined;
30
- }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
139
+ onSidebarContentSwitch?: ((detail: {
140
+ from: "collapsed" | "expanded";
141
+ to: "collapsed" | "expanded";
142
+ animated: boolean;
143
+ }) => any) | undefined;
144
+ onSidebarContentSwitchEnd?: ((detail: {
145
+ from: "collapsed" | "expanded";
146
+ to: "collapsed" | "expanded";
147
+ animated: boolean;
148
+ }) => any) | undefined;
149
+ }>, {
150
+ ariaLabel: string;
151
+ enableAnimation: boolean;
152
+ enableContentAnimation: boolean;
153
+ landmarkRole: "complementary" | "navigation";
154
+ transitionDuration: number;
155
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
31
156
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
32
157
  export default _default;
33
158
  type __VLS_WithSlots<T, S> = T & {
@@ -46,6 +46,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
46
46
  };
47
47
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
48
48
  onClickTrimmedList: (value: RDSLinkProps[]) => any;
49
+ onClickItem: (payload: {
50
+ item: RDSLinkProps;
51
+ index: number;
52
+ event: MouseEvent;
53
+ }) => any;
54
+ onClickEllipsis: (payload: {
55
+ trimmed: RDSLinkProps[];
56
+ event: MouseEvent;
57
+ }) => any;
49
58
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
50
59
  /**
51
60
  * <span>Lista de items a mostrar en el breadcrumb</span>
@@ -84,6 +93,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
84
93
  };
85
94
  }>> & Readonly<{
86
95
  onOnClickTrimmedList?: ((value: RDSLinkProps[]) => any) | undefined;
96
+ onOnClickItem?: ((payload: {
97
+ item: RDSLinkProps;
98
+ index: number;
99
+ event: MouseEvent;
100
+ }) => any) | undefined;
101
+ onOnClickEllipsis?: ((payload: {
102
+ trimmed: RDSLinkProps[];
103
+ event: MouseEvent;
104
+ }) => any) | undefined;
87
105
  }>, {
88
106
  id: string;
89
107
  inverse: boolean;
@@ -1,8 +1,8 @@
1
- declare var __VLS_9: {}, __VLS_14: {};
1
+ declare var __VLS_13: {}, __VLS_18: {};
2
2
  type __VLS_Slots = {} & {
3
- default?: (props: typeof __VLS_9) => any;
3
+ default?: (props: typeof __VLS_13) => any;
4
4
  } & {
5
- default?: (props: typeof __VLS_14) => any;
5
+ default?: (props: typeof __VLS_18) => any;
6
6
  };
7
7
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
8
  /**
@@ -102,7 +102,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
102
102
  type: StringConstructor;
103
103
  default: undefined;
104
104
  };
105
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
105
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
106
+ click: (event: MouseEvent) => any;
107
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
106
108
  /**
107
109
  * <span>Texto a mostrar en el link</span>
108
110
  */
@@ -200,17 +202,19 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
200
202
  type: StringConstructor;
201
203
  default: undefined;
202
204
  };
203
- }>> & Readonly<{}>, {
205
+ }>> & Readonly<{
206
+ onClick?: ((event: MouseEvent) => any) | undefined;
207
+ }>, {
204
208
  color: string;
205
209
  id: string;
206
210
  icon: Record<string, any>;
207
211
  inverse: boolean;
208
212
  disabled: boolean;
213
+ to: string;
209
214
  right: boolean;
210
215
  tag: string;
211
216
  customClass: string;
212
217
  underline: boolean;
213
- to: string;
214
218
  arrow: boolean;
215
219
  arrowSmall: boolean;
216
220
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -11,8 +11,8 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
11
11
  width: number;
12
12
  placement: string;
13
13
  offsetSpace: number;
14
- items: unknown[];
15
14
  teleportTo: string;
15
+ items: unknown[];
16
16
  fallbackPlacements: unknown[];
17
17
  autoFlip: boolean;
18
18
  closeOnTriggerHidden: boolean;
@@ -20,8 +20,8 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
20
20
  readonly width?: number | undefined;
21
21
  readonly placement?: string | undefined;
22
22
  readonly offsetSpace?: number | undefined;
23
- readonly items?: unknown[] | undefined;
24
23
  readonly teleportTo?: string | undefined;
24
+ readonly items?: unknown[] | undefined;
25
25
  readonly fallbackPlacements?: unknown[] | undefined;
26
26
  readonly autoFlip?: boolean | undefined;
27
27
  readonly closeOnTriggerHidden?: boolean | undefined;
@@ -1,8 +1,8 @@
1
- declare var __VLS_1: {}, __VLS_10: {};
1
+ declare var __VLS_1: {}, __VLS_14: {};
2
2
  type __VLS_Slots = {} & {
3
3
  default?: (props: typeof __VLS_1) => any;
4
4
  } & {
5
- 'tooltip-content'?: (props: typeof __VLS_10) => any;
5
+ 'tooltip-content'?: (props: typeof __VLS_14) => any;
6
6
  };
7
7
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
8
  /**
@@ -74,6 +74,27 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
74
74
  type: BooleanConstructor;
75
75
  default: boolean;
76
76
  };
77
+ /**
78
+ * <span>Delay (ms) para ocultar el tooltip tras abandonar el trigger o el propio tooltip. Máximo 3000ms.</span>
79
+ */
80
+ hideDelay: {
81
+ type: NumberConstructor;
82
+ default: number;
83
+ };
84
+ /**
85
+ * <span>Actualiza la posición automáticamente en scroll/resize/mutaciones</span>
86
+ */
87
+ autoUpdate: {
88
+ type: BooleanConstructor;
89
+ default: boolean;
90
+ };
91
+ /**
92
+ * <span>Selector para teleport (ej: 'body', '#modal-container'). Si no se especifica se renderiza inline.</span>
93
+ */
94
+ teleportTo: {
95
+ type: StringConstructor;
96
+ default: null;
97
+ };
77
98
  }>, {
78
99
  show: () => void;
79
100
  hide: () => void;
@@ -151,6 +172,27 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
151
172
  type: BooleanConstructor;
152
173
  default: boolean;
153
174
  };
175
+ /**
176
+ * <span>Delay (ms) para ocultar el tooltip tras abandonar el trigger o el propio tooltip. Máximo 3000ms.</span>
177
+ */
178
+ hideDelay: {
179
+ type: NumberConstructor;
180
+ default: number;
181
+ };
182
+ /**
183
+ * <span>Actualiza la posición automáticamente en scroll/resize/mutaciones</span>
184
+ */
185
+ autoUpdate: {
186
+ type: BooleanConstructor;
187
+ default: boolean;
188
+ };
189
+ /**
190
+ * <span>Selector para teleport (ej: 'body', '#modal-container'). Si no se especifica se renderiza inline.</span>
191
+ */
192
+ teleportTo: {
193
+ type: StringConstructor;
194
+ default: null;
195
+ };
154
196
  }>> & Readonly<{
155
197
  onShow?: ((...args: any[]) => any) | undefined;
156
198
  onHide?: ((...args: any[]) => any) | undefined;
@@ -164,6 +206,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
164
206
  fullWidth: boolean;
165
207
  suppressed: boolean;
166
208
  hideArrow: boolean;
209
+ hideDelay: number;
210
+ autoUpdate: boolean;
211
+ teleportTo: string;
167
212
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
168
213
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
169
214
  export default _default;