energy-components 1.10.0-beta.0 → 1.10.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.
Files changed (62) hide show
  1. package/dist/components/accordion.es.js +1 -1
  2. package/dist/components/avatar.es.js +1 -1
  3. package/dist/components/breadcrumbs.es.js +22 -21
  4. package/dist/components/button.es.js +56 -48
  5. package/dist/components/checkbox.es.js +1 -1
  6. package/dist/components/directAccess.es.js +1 -1
  7. package/dist/components/dragAndDrop.es.js +1 -1
  8. package/dist/components/dropdown.es.js +19 -18
  9. package/dist/components/fileUploadItem.es.js +1 -1
  10. package/dist/components/filterChip.es.js +1 -1
  11. package/dist/components/{icon-svg-YXBqzlJN.js → icon-svg-DuzOdbk1.js} +4360 -2853
  12. package/dist/components/iconList.es.js +1 -1
  13. package/dist/components/iconSvg.es.js +1 -1
  14. package/dist/components/index.es.js +1 -1
  15. package/dist/components/infoBox.es.js +1 -1
  16. package/dist/components/link.es.js +60 -48
  17. package/dist/components/modal.es.js +1 -1
  18. package/dist/components/multiselectcontentwrapper.es.js +25 -22
  19. package/dist/components/pagination.es.js +129 -80
  20. package/dist/components/persistentToast.es.js +1 -1
  21. package/dist/components/progressBar.es.js +1 -1
  22. package/dist/components/quantitySelector.es.js +1 -1
  23. package/dist/components/radioButton.es.js +1 -1
  24. package/dist/components/selectionChip.es.js +1 -1
  25. package/dist/components/sidedrawer.es.js +48 -43
  26. package/dist/components/style/actionButton.css +1 -1
  27. package/dist/components/style/breadcrumbs.css +1 -1
  28. package/dist/components/style/button.css +1 -1
  29. package/dist/components/style/dropdown.css +1 -1
  30. package/dist/components/style/floatingActionButton.css +1 -1
  31. package/dist/components/style/link.css +1 -1
  32. package/dist/components/style/multiselect.css +1 -1
  33. package/dist/components/style/multiselectcontentwrapper.css +1 -1
  34. package/dist/components/style/pagination.css +1 -1
  35. package/dist/components/style/selectionChip.css +1 -1
  36. package/dist/components/style/sidedrawer.css +1 -1
  37. package/dist/components/style/tabBar.css +1 -1
  38. package/dist/components/style/tag.css +1 -1
  39. package/dist/components/style/textField.css +1 -1
  40. package/dist/components/switch.es.js +1 -1
  41. package/dist/components/tabBar.es.js +95 -84
  42. package/dist/components/tableslotedcomponent.es.js +1 -1
  43. package/dist/components/tag.es.js +15 -15
  44. package/dist/components/textArea.es.js +1 -1
  45. package/dist/components/textField.es.js +64 -53
  46. package/dist/components/tooltip.es.js +293 -295
  47. package/dist/energy-components.es.js +8274 -6668
  48. package/dist/energy-components.umd.js +2 -2
  49. package/dist/style.css +1 -1
  50. package/dist/types/src/components/buttons/button/button.vue.d.ts +15 -0
  51. package/dist/types/src/components/feedback/indicator/indicator.vue.d.ts +1 -1
  52. package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts +1 -1
  53. package/dist/types/src/components/input/dropdown/Multiselect/MultiselectContentWrapper.vue.d.ts +9 -2
  54. package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +4 -4
  55. package/dist/types/src/components/input/quantity-selector/quantity-selector.vue.d.ts +1 -1
  56. package/dist/types/src/components/input/text-field/text-field.vue.d.ts +17 -0
  57. package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +7 -5
  58. package/dist/types/src/components/navigation/link/link.vue.d.ts +15 -0
  59. package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +29 -0
  60. package/dist/types/src/setupTests.d.ts +1 -0
  61. package/dist/types/tsconfig.tsbuildinfo +1 -1
  62. package/package.json +5 -3
@@ -82,6 +82,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
82
82
  type: BooleanConstructor;
83
83
  default: boolean;
84
84
  };
85
+ /**
86
+ * <span>Indica si el botón es destructivo (solo para variantes 'secondary' y 'ghost')</span>
87
+ */
88
+ destructive: {
89
+ type: BooleanConstructor;
90
+ default: boolean;
91
+ };
85
92
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
86
93
  /**
87
94
  * <span>Texto a mostrar en el botón</span>
@@ -161,6 +168,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
161
168
  type: BooleanConstructor;
162
169
  default: boolean;
163
170
  };
171
+ /**
172
+ * <span>Indica si el botón es destructivo (solo para variantes 'secondary' y 'ghost')</span>
173
+ */
174
+ destructive: {
175
+ type: BooleanConstructor;
176
+ default: boolean;
177
+ };
164
178
  }>> & Readonly<{}>, {
165
179
  loading: boolean;
166
180
  small: boolean;
@@ -172,6 +186,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
172
186
  inverse: boolean;
173
187
  disabled: boolean;
174
188
  revertIcon: boolean;
189
+ destructive: boolean;
175
190
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
176
191
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
177
192
  export default _default;
@@ -94,7 +94,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
94
94
  }>> & Readonly<{}>, {
95
95
  variant: VariantType;
96
96
  fullWidth: boolean;
97
- direction: DirectionType;
98
97
  ellipsis: boolean;
98
+ direction: DirectionType;
99
99
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
100
100
  export default _default;
@@ -198,8 +198,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
198
198
  icon: string;
199
199
  disabled: boolean;
200
200
  id: string;
201
- multiple: boolean;
202
201
  fullWidth: boolean;
202
+ multiple: boolean;
203
203
  accept: string;
204
204
  detailText: string;
205
205
  errorMessage: string;
@@ -32,7 +32,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
32
32
  showNoResults: BooleanConstructor;
33
33
  showNoOptions: BooleanConstructor;
34
34
  small: BooleanConstructor;
35
- contentStyle: ObjectConstructor;
35
+ contentStyle: {
36
+ type: ObjectConstructor;
37
+ default: () => {};
38
+ };
36
39
  customStyle: ObjectConstructor;
37
40
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], "focus", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
38
41
  teleported: {
@@ -68,7 +71,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
68
71
  showNoResults: BooleanConstructor;
69
72
  showNoOptions: BooleanConstructor;
70
73
  small: BooleanConstructor;
71
- contentStyle: ObjectConstructor;
74
+ contentStyle: {
75
+ type: ObjectConstructor;
76
+ default: () => {};
77
+ };
72
78
  customStyle: ObjectConstructor;
73
79
  }>> & Readonly<{
74
80
  onFocus?: ((...args: any[]) => any) | undefined;
@@ -80,6 +86,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
80
86
  showNoResults: boolean;
81
87
  showNoOptions: boolean;
82
88
  hasOptionGroup: boolean;
89
+ contentStyle: Record<string, any>;
83
90
  groupSelect: boolean;
84
91
  teleported: boolean;
85
92
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -199,8 +199,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
199
199
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
200
200
  "update:modelValue": (value: any) => any;
201
201
  } & {
202
- close: (id: any) => any;
203
- open: (id: any) => any;
202
+ close: (payload: any, componentId: string | number) => any;
203
+ open: (payload: any, componentId: string | number) => any;
204
204
  change: (options: any[]) => any;
205
205
  select: (selectOption: any) => any;
206
206
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -344,8 +344,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
344
344
  required: true;
345
345
  };
346
346
  }>> & Readonly<{
347
- onClose?: ((id: any) => any) | undefined;
348
- onOpen?: ((id: any) => any) | undefined;
347
+ onClose?: ((payload: any, componentId: string | number) => any) | undefined;
348
+ onOpen?: ((payload: any, componentId: string | number) => any) | undefined;
349
349
  onChange?: ((options: any[]) => any) | undefined;
350
350
  onSelect?: ((selectOption: any) => any) | undefined;
351
351
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -89,7 +89,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
89
89
  }>, {
90
90
  size: "small" | "default";
91
91
  disabled: boolean;
92
- deleteButton: boolean;
93
92
  fullWidth: boolean;
93
+ deleteButton: boolean;
94
94
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
95
95
  export default _default;
@@ -7,6 +7,14 @@ type __VLS_Slots = {} & {
7
7
  'helper-text'?: (props: typeof __VLS_15) => any;
8
8
  };
9
9
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
10
+ /**
11
+ * Hace que el campo ocupe todo el ancho disponible del contenedor padre (elimina min-width).
12
+ * ⚠️ Solo recomendado para contenedores muy pequeños.
13
+ */
14
+ fullWidth: {
15
+ type: BooleanConstructor;
16
+ default: boolean;
17
+ };
10
18
  /**
11
19
  * Etiqueta que se muestra sobre el campo de entrada. y Placeholder
12
20
  */
@@ -137,6 +145,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
137
145
  keyup: (event: KeyboardEvent) => any;
138
146
  "update:modelValue": (modelValue: string | number | null) => any;
139
147
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
148
+ /**
149
+ * Hace que el campo ocupe todo el ancho disponible del contenedor padre (elimina min-width).
150
+ * ⚠️ Solo recomendado para contenedores muy pequeños.
151
+ */
152
+ fullWidth: {
153
+ type: BooleanConstructor;
154
+ default: boolean;
155
+ };
140
156
  /**
141
157
  * Etiqueta que se muestra sobre el campo de entrada. y Placeholder
142
158
  */
@@ -269,6 +285,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
269
285
  icon: string;
270
286
  disabled: boolean;
271
287
  password: boolean;
288
+ fullWidth: boolean;
272
289
  readonly: boolean;
273
290
  maxLength: number;
274
291
  minLength: number;
@@ -1,12 +1,14 @@
1
- declare var __VLS_8: {}, __VLS_10: {};
1
+ declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {};
2
2
  type __VLS_Slots = {} & {
3
- content?: (props: typeof __VLS_8) => any;
3
+ title?: (props: typeof __VLS_1) => any;
4
4
  } & {
5
- footer?: (props: typeof __VLS_10) => any;
5
+ content?: (props: typeof __VLS_10) => any;
6
+ } & {
7
+ footer?: (props: typeof __VLS_12) => any;
6
8
  };
7
9
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
10
  /**
9
- * <span>Texto a mostrar en el título</span>
11
+ * <span>Texto a mostrar en el título. Si se usa el slot "title", este prop será ignorado.</span>
10
12
  */
11
13
  title: {
12
14
  type: StringConstructor;
@@ -61,7 +63,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
61
63
  sidedrawerChange: (isHide: boolean) => any;
62
64
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
63
65
  /**
64
- * <span>Texto a mostrar en el título</span>
66
+ * <span>Texto a mostrar en el título. Si se usa el slot "title", este prop será ignorado.</span>
65
67
  */
66
68
  title: {
67
69
  type: StringConstructor;
@@ -67,6 +67,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
67
67
  type: BooleanConstructor;
68
68
  default: boolean;
69
69
  };
70
+ /**
71
+ * <span>Indica si la flecha del link debe ser pequeña</span>
72
+ */
73
+ arrowSmall: {
74
+ type: BooleanConstructor;
75
+ default: boolean;
76
+ };
70
77
  /**
71
78
  * <span>Indica si el icono esta a la derecha</span>
72
79
  */
@@ -151,6 +158,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
151
158
  type: BooleanConstructor;
152
159
  default: boolean;
153
160
  };
161
+ /**
162
+ * <span>Indica si la flecha del link debe ser pequeña</span>
163
+ */
164
+ arrowSmall: {
165
+ type: BooleanConstructor;
166
+ default: boolean;
167
+ };
154
168
  /**
155
169
  * <span>Indica si el icono esta a la derecha</span>
156
170
  */
@@ -183,6 +197,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
183
197
  underline: boolean;
184
198
  to: string;
185
199
  arrow: boolean;
200
+ arrowSmall: boolean;
186
201
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
187
202
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
188
203
  export default _default;
@@ -74,11 +74,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
74
74
  type: BooleanConstructor;
75
75
  default: boolean;
76
76
  };
77
+ /**
78
+ * Habilita la funcionalidad de elipsis (...) para mostrar páginas ocultas.
79
+ * Cuando se hace click en las elipsis, se emite un evento con las páginas ocultas.
80
+ */
81
+ enableEllipsis: {
82
+ type: BooleanConstructor;
83
+ default: boolean;
84
+ };
77
85
  }>, {
78
86
  /** Resetea la paginación a la primera página y emite el evento pageChanged. */
79
87
  resetPagination: () => void;
80
88
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
81
89
  pageChanged: (payload: PageChangedEventPayload) => any;
90
+ ellipsisClicked: (payload: {
91
+ hiddenPages: number[];
92
+ ellipsisType: string;
93
+ currentPage: number;
94
+ totalPages: number;
95
+ }) => any;
82
96
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
83
97
  /**
84
98
  * La página actual que se está visualizando. Usada para inicializar el componente.
@@ -144,8 +158,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
144
158
  type: BooleanConstructor;
145
159
  default: boolean;
146
160
  };
161
+ /**
162
+ * Habilita la funcionalidad de elipsis (...) para mostrar páginas ocultas.
163
+ * Cuando se hace click en las elipsis, se emite un evento con las páginas ocultas.
164
+ */
165
+ enableEllipsis: {
166
+ type: BooleanConstructor;
167
+ default: boolean;
168
+ };
147
169
  }>> & Readonly<{
148
170
  onPageChanged?: ((payload: PageChangedEventPayload) => any) | undefined;
171
+ onEllipsisClicked?: ((payload: {
172
+ hiddenPages: number[];
173
+ ellipsisType: string;
174
+ currentPage: number;
175
+ totalPages: number;
176
+ }) => any) | undefined;
149
177
  }>, {
150
178
  selected: boolean;
151
179
  jumpTo: boolean;
@@ -154,5 +182,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
154
182
  itemsPerPage: number;
155
183
  totalPages: number;
156
184
  disableFirstLoad: boolean;
185
+ enableEllipsis: boolean;
157
186
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
158
187
  export default _default;
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';