energy-components 1.8.1 → 1.9.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 (40) hide show
  1. package/dist/components/avatar.es.js +161 -0
  2. package/dist/components/checkbox.es.js +51 -35
  3. package/dist/components/directAccess.es.js +146 -0
  4. package/dist/components/dragAndDrop.es.js +77 -60
  5. package/dist/components/fileUploadItem.es.js +182 -0
  6. package/dist/components/filterChip.es.js +26 -22
  7. package/dist/components/index.es.js +76 -64
  8. package/dist/components/link.es.js +67 -55
  9. package/dist/components/loader.es.js +178 -0
  10. package/dist/components/progressBar.es.js +52 -28
  11. package/dist/components/selectionChip.es.js +15 -14
  12. package/dist/components/style/avatar.css +1 -0
  13. package/dist/components/style/button.css +1 -1
  14. package/dist/components/style/checkbox.css +1 -1
  15. package/dist/components/style/directAccess.css +1 -0
  16. package/dist/components/style/dragAndDrop.css +1 -1
  17. package/dist/components/style/fileUploadItem.css +1 -0
  18. package/dist/components/style/filterChip.css +1 -1
  19. package/dist/components/style/link.css +1 -1
  20. package/dist/components/style/loader.css +1 -0
  21. package/dist/components/style/progressBar.css +1 -1
  22. package/dist/components/style/selectionChip.css +1 -1
  23. package/dist/components/style/toggle.css +1 -1
  24. package/dist/components/toggle.es.js +21 -20
  25. package/dist/energy-components.es.js +5025 -4303
  26. package/dist/energy-components.umd.js +2 -2
  27. package/dist/style.css +1 -1
  28. package/dist/types/src/components/content/avatar/avatar.vue.d.ts +153 -0
  29. package/dist/types/src/components/feedback/loader/loader.vue.d.ts +151 -0
  30. package/dist/types/src/components/feedback/progress-bar/progress-bar.vue.d.ts +34 -0
  31. package/dist/types/src/components/index.d.ts +4 -0
  32. package/dist/types/src/components/input/checkbox/checkbox.vue.d.ts +15 -0
  33. package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts +14 -2
  34. package/dist/types/src/components/input/file-upload-item/file-upload-item.vue.d.ts +229 -0
  35. package/dist/types/src/components/input/filter-chip/filter-chip.vue.d.ts +2 -0
  36. package/dist/types/src/components/navigation/direct-access/direct-access.vue.d.ts +178 -0
  37. package/dist/types/src/components/navigation/link/link.vue.d.ts +15 -0
  38. package/dist/types/src/components/overlay/tooltip/tooltip.vue.d.ts +1 -1
  39. package/dist/types/tsconfig.tsbuildinfo +1 -1
  40. package/package.json +2 -2
@@ -0,0 +1,178 @@
1
+ interface ArtworkBase {
2
+ name?: string;
3
+ size?: number;
4
+ color?: string;
5
+ }
6
+ interface ArtworkIcon extends ArtworkBase {
7
+ name: string;
8
+ }
9
+ interface ArtworkMicroillustration extends ArtworkBase {
10
+ path?: string;
11
+ url?: string;
12
+ alt?: string;
13
+ name?: string;
14
+ }
15
+ interface ArtworkProp {
16
+ icon?: ArtworkIcon;
17
+ microillustration?: ArtworkMicroillustration;
18
+ }
19
+ declare var __VLS_10: {}, __VLS_12: {}, __VLS_17: {};
20
+ type __VLS_Slots = {} & {
21
+ default?: (props: typeof __VLS_10) => any;
22
+ } & {
23
+ artwork?: (props: typeof __VLS_12) => any;
24
+ } & {
25
+ text?: (props: typeof __VLS_17) => any;
26
+ };
27
+ declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
28
+ /**
29
+ * Texto principal a mostrar en el componente.
30
+ */
31
+ text: {
32
+ type: StringConstructor;
33
+ required: true;
34
+ };
35
+ /**
36
+ * Define la disposición de los elementos: 'horizontal' o 'vertical'.
37
+ * <br>
38
+ * `['horizontal', 'vertical']`
39
+ */
40
+ layout: {
41
+ type: () => "horizontal" | "vertical";
42
+ default: string;
43
+ validator: (value: string) => boolean;
44
+ };
45
+ /**
46
+ * Objeto para configurar el arte gráfico (icono o microilustración).
47
+ * <br>
48
+ * Ejemplo para icono: `{ icon: { name: 'icon-name', size: 24, color: 'blue' } }`
49
+ * <br>
50
+ * Ejemplo para microilustración: `{ microillustration: { path: 'path/to/image.svg', alt: 'Descripción', size: 48 } }`
51
+ */
52
+ artwork: {
53
+ type: () => ArtworkProp;
54
+ default: () => {};
55
+ };
56
+ /**
57
+ * Indica si se debe mostrar una flecha a la derecha (generalmente en layout horizontal).
58
+ */
59
+ arrow: {
60
+ type: BooleanConstructor;
61
+ default: boolean;
62
+ };
63
+ /**
64
+ * Indica si el componente está deshabilitado.
65
+ */
66
+ disabled: {
67
+ type: BooleanConstructor;
68
+ default: boolean;
69
+ };
70
+ /**
71
+ * Etiqueta ARIA para accesibilidad. Si no se proporciona, se usará el texto del componente.
72
+ */
73
+ ariaLabel: {
74
+ type: StringConstructor;
75
+ default: string;
76
+ };
77
+ /**
78
+ * URL de destino si el componente debe funcionar como un enlace.
79
+ * Si se proporciona, el componente se renderizará como <a> o <router-link>.
80
+ */
81
+ linkTo: {
82
+ type: (StringConstructor | ObjectConstructor)[];
83
+ default: string;
84
+ };
85
+ /**
86
+ * Determina si linkTo debe tratarse como ruta de Vue Router.
87
+ * Si es true y linkTo está presente, se usará <router-link>.
88
+ */
89
+ useRouterLink: {
90
+ type: BooleanConstructor;
91
+ default: boolean;
92
+ };
93
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
94
+ click: (event: MouseEvent) => any;
95
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
96
+ /**
97
+ * Texto principal a mostrar en el componente.
98
+ */
99
+ text: {
100
+ type: StringConstructor;
101
+ required: true;
102
+ };
103
+ /**
104
+ * Define la disposición de los elementos: 'horizontal' o 'vertical'.
105
+ * <br>
106
+ * `['horizontal', 'vertical']`
107
+ */
108
+ layout: {
109
+ type: () => "horizontal" | "vertical";
110
+ default: string;
111
+ validator: (value: string) => boolean;
112
+ };
113
+ /**
114
+ * Objeto para configurar el arte gráfico (icono o microilustración).
115
+ * <br>
116
+ * Ejemplo para icono: `{ icon: { name: 'icon-name', size: 24, color: 'blue' } }`
117
+ * <br>
118
+ * Ejemplo para microilustración: `{ microillustration: { path: 'path/to/image.svg', alt: 'Descripción', size: 48 } }`
119
+ */
120
+ artwork: {
121
+ type: () => ArtworkProp;
122
+ default: () => {};
123
+ };
124
+ /**
125
+ * Indica si se debe mostrar una flecha a la derecha (generalmente en layout horizontal).
126
+ */
127
+ arrow: {
128
+ type: BooleanConstructor;
129
+ default: boolean;
130
+ };
131
+ /**
132
+ * Indica si el componente está deshabilitado.
133
+ */
134
+ disabled: {
135
+ type: BooleanConstructor;
136
+ default: boolean;
137
+ };
138
+ /**
139
+ * Etiqueta ARIA para accesibilidad. Si no se proporciona, se usará el texto del componente.
140
+ */
141
+ ariaLabel: {
142
+ type: StringConstructor;
143
+ default: string;
144
+ };
145
+ /**
146
+ * URL de destino si el componente debe funcionar como un enlace.
147
+ * Si se proporciona, el componente se renderizará como <a> o <router-link>.
148
+ */
149
+ linkTo: {
150
+ type: (StringConstructor | ObjectConstructor)[];
151
+ default: string;
152
+ };
153
+ /**
154
+ * Determina si linkTo debe tratarse como ruta de Vue Router.
155
+ * Si es true y linkTo está presente, se usará <router-link>.
156
+ */
157
+ useRouterLink: {
158
+ type: BooleanConstructor;
159
+ default: boolean;
160
+ };
161
+ }>> & Readonly<{
162
+ onClick?: ((event: MouseEvent) => any) | undefined;
163
+ }>, {
164
+ disabled: boolean;
165
+ ariaLabel: string;
166
+ arrow: boolean;
167
+ layout: "vertical" | "horizontal";
168
+ artwork: ArtworkProp;
169
+ linkTo: string | Record<string, any>;
170
+ useRouterLink: boolean;
171
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
172
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
173
+ export default _default;
174
+ type __VLS_WithSlots<T, S> = T & {
175
+ new (): {
176
+ $slots: S;
177
+ };
178
+ };
@@ -81,6 +81,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
81
81
  type: StringConstructor;
82
82
  default: string;
83
83
  };
84
+ /**
85
+ * <span>Color personalizado para el link. Si se define, sobrescribe el color por defecto. Puede ser cualquier valor CSS válido: #333, rgb(), var(--color), etc.</span>
86
+ */
87
+ color: {
88
+ type: StringConstructor;
89
+ default: string;
90
+ };
84
91
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
85
92
  /**
86
93
  * <span>Texto a mostrar en el link</span>
@@ -158,7 +165,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
158
165
  type: StringConstructor;
159
166
  default: string;
160
167
  };
168
+ /**
169
+ * <span>Color personalizado para el link. Si se define, sobrescribe el color por defecto. Puede ser cualquier valor CSS válido: #333, rgb(), var(--color), etc.</span>
170
+ */
171
+ color: {
172
+ type: StringConstructor;
173
+ default: string;
174
+ };
161
175
  }>> & Readonly<{}>, {
176
+ color: string;
162
177
  icon: Record<string, any>;
163
178
  inverse: boolean;
164
179
  disabled: boolean;
@@ -92,8 +92,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
92
92
  title: string;
93
93
  fullWidth: boolean;
94
94
  content: string;
95
- offsetSpace: number;
96
95
  large: boolean;
96
+ offsetSpace: number;
97
97
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
98
98
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
99
99
  export default _default;