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.
- package/dist/components/avatar.es.js +161 -0
- package/dist/components/checkbox.es.js +51 -35
- package/dist/components/directAccess.es.js +146 -0
- package/dist/components/dragAndDrop.es.js +77 -60
- package/dist/components/fileUploadItem.es.js +182 -0
- package/dist/components/filterChip.es.js +26 -22
- package/dist/components/index.es.js +76 -64
- package/dist/components/link.es.js +67 -55
- package/dist/components/loader.es.js +178 -0
- package/dist/components/progressBar.es.js +52 -28
- package/dist/components/selectionChip.es.js +15 -14
- package/dist/components/style/avatar.css +1 -0
- package/dist/components/style/button.css +1 -1
- package/dist/components/style/checkbox.css +1 -1
- package/dist/components/style/directAccess.css +1 -0
- package/dist/components/style/dragAndDrop.css +1 -1
- package/dist/components/style/fileUploadItem.css +1 -0
- package/dist/components/style/filterChip.css +1 -1
- package/dist/components/style/link.css +1 -1
- package/dist/components/style/loader.css +1 -0
- package/dist/components/style/progressBar.css +1 -1
- package/dist/components/style/selectionChip.css +1 -1
- package/dist/components/style/toggle.css +1 -1
- package/dist/components/toggle.es.js +21 -20
- package/dist/energy-components.es.js +5025 -4303
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/content/avatar/avatar.vue.d.ts +153 -0
- package/dist/types/src/components/feedback/loader/loader.vue.d.ts +151 -0
- package/dist/types/src/components/feedback/progress-bar/progress-bar.vue.d.ts +34 -0
- package/dist/types/src/components/index.d.ts +4 -0
- package/dist/types/src/components/input/checkbox/checkbox.vue.d.ts +15 -0
- package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts +14 -2
- package/dist/types/src/components/input/file-upload-item/file-upload-item.vue.d.ts +229 -0
- package/dist/types/src/components/input/filter-chip/filter-chip.vue.d.ts +2 -0
- package/dist/types/src/components/navigation/direct-access/direct-access.vue.d.ts +178 -0
- package/dist/types/src/components/navigation/link/link.vue.d.ts +15 -0
- package/dist/types/src/components/overlay/tooltip/tooltip.vue.d.ts +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- 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;
|