@heroelc/fsociety 0.0.11 → 0.0.12
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/README.md +73 -21
- package/fesm2022/heroelc-fsociety.mjs +53 -56
- package/fesm2022/heroelc-fsociety.mjs.map +1 -1
- package/lib/badge/badge.component.d.ts +17 -10
- package/lib/experience-card/experience-card.component.d.ts +3 -0
- package/lib/profile-card/profile-card.component.d.ts +12 -27
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -85,19 +85,31 @@ export class MyComponent {}
|
|
|
85
85
|
### `<fs-badge>`
|
|
86
86
|
|
|
87
87
|
```html
|
|
88
|
-
<fs-badge color="primary">
|
|
89
|
-
<fs-badge color="
|
|
88
|
+
<fs-badge color="primary">TypeScript</fs-badge>
|
|
89
|
+
<fs-badge color="success" [dot]="true">Activo</fs-badge>
|
|
90
90
|
<fs-badge color="neutral" variant="outline">ESLint</fs-badge>
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
91
|
+
|
|
92
|
+
<!-- con imagen (simpleicons, assets, etc.) -->
|
|
93
|
+
<fs-badge color="danger"
|
|
94
|
+
imgLeft="https://cdn.simpleicons.org/angular/white"
|
|
95
|
+
imgLeftAlt="Angular">
|
|
96
|
+
Angular
|
|
97
|
+
</fs-badge>
|
|
98
|
+
|
|
99
|
+
<!-- con color hex personalizado -->
|
|
100
|
+
<fs-badge customColor="#7c3aed"
|
|
101
|
+
imgLeft="https://cdn.simpleicons.org/nestjs/white">
|
|
102
|
+
NestJS
|
|
94
103
|
</fs-badge>
|
|
95
|
-
|
|
104
|
+
|
|
105
|
+
<!-- removable -->
|
|
106
|
+
<fs-badge color="primary" [removable]="true" (removed)="onRemove()">TypeScript</fs-badge>
|
|
96
107
|
```
|
|
97
108
|
|
|
98
109
|
| Input | Tipo | Default | Descripción |
|
|
99
110
|
|---|---|---|---|
|
|
100
|
-
| `color` | `'primary' \| 'secondary' \| 'tertiary' \| 'success' \| 'warning' \| 'danger' \| 'neutral'` | `'neutral'` | Color |
|
|
111
|
+
| `color` | `'primary' \| 'secondary' \| 'tertiary' \| 'success' \| 'warning' \| 'danger' \| 'neutral'` | `'neutral'` | Color semántico |
|
|
112
|
+
| `customColor` | `string` | — | Color hex personalizado — genera fondo, borde y texto automáticamente |
|
|
101
113
|
| `variant` | `'filled' \| 'outline'` | `'filled'` | Variante visual |
|
|
102
114
|
| `size` | `'sm' \| 'md'` | `'md'` | Tamaño |
|
|
103
115
|
| `dot` | `boolean` | `false` | Punto de estado |
|
|
@@ -192,23 +204,41 @@ fs-tabs {
|
|
|
192
204
|
|
|
193
205
|
```typescript
|
|
194
206
|
experience = {
|
|
195
|
-
company: '
|
|
196
|
-
role: 'Frontend Developer',
|
|
197
|
-
startDate: '
|
|
207
|
+
company: 'Acme Corp',
|
|
208
|
+
role: 'Senior Frontend Developer',
|
|
209
|
+
startDate: 'mar 2022',
|
|
198
210
|
current: true,
|
|
199
|
-
logoText: '
|
|
211
|
+
logoText: 'ACME',
|
|
200
212
|
bullets: [
|
|
201
|
-
'Desarrollo de interfaces con Angular
|
|
202
|
-
'Configuración de pipelines en CodeBuild
|
|
213
|
+
'Desarrollo de interfaces con Angular 17+, migraciones de versiones anteriores.',
|
|
214
|
+
'Configuración de pipelines CI/CD en AWS CodeBuild y ECS.',
|
|
215
|
+
'Implementación de design system con tokens SCSS y componentes standalone.',
|
|
203
216
|
],
|
|
204
|
-
bulletsPreview:
|
|
217
|
+
bulletsPreview: 2,
|
|
205
218
|
badges: [
|
|
206
|
-
{
|
|
207
|
-
|
|
219
|
+
{
|
|
220
|
+
label: 'Angular',
|
|
221
|
+
color: 'danger',
|
|
222
|
+
imgLeft: 'https://cdn.simpleicons.org/angular/white',
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
label: 'TypeScript',
|
|
226
|
+
color: 'primary',
|
|
227
|
+
imgLeft: 'https://cdn.simpleicons.org/typescript/white',
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
label: 'AWS',
|
|
231
|
+
customColor: '#ea580c',
|
|
232
|
+
imgLeft: 'https://cdn.simpleicons.org/amazonaws/white',
|
|
233
|
+
},
|
|
234
|
+
{ label: 'ESLint', color: 'neutral' },
|
|
208
235
|
],
|
|
209
236
|
};
|
|
210
237
|
```
|
|
211
238
|
|
|
239
|
+
> `FsExperienceBadge` acepta los mismos campos que `FsProfileBadge`:
|
|
240
|
+
> `color`, `customColor`, `iconLeft`, `imgLeft`, `imgLeftAlt`.
|
|
241
|
+
|
|
212
242
|
```html
|
|
213
243
|
<fs-experience-card
|
|
214
244
|
[experience]="experience"
|
|
@@ -254,14 +284,36 @@ fs-experience-card {
|
|
|
254
284
|
|
|
255
285
|
```typescript
|
|
256
286
|
links = [
|
|
257
|
-
{
|
|
258
|
-
|
|
287
|
+
{
|
|
288
|
+
label: 'linkedin.com/in/johndoe',
|
|
289
|
+
url: 'https://linkedin.com/in/johndoe',
|
|
290
|
+
imgUrl: 'https://cdn.simpleicons.org/linkedin/white',
|
|
291
|
+
imgAlt: 'LinkedIn',
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
label: 'github.com/johndoe',
|
|
295
|
+
url: 'https://github.com/johndoe',
|
|
296
|
+
imgUrl: 'https://cdn.simpleicons.org/github/white',
|
|
297
|
+
imgAlt: 'GitHub',
|
|
298
|
+
},
|
|
259
299
|
{ label: 'Buenos Aires, Argentina' },
|
|
260
300
|
];
|
|
261
301
|
badges = [
|
|
262
|
-
{
|
|
263
|
-
|
|
264
|
-
|
|
302
|
+
{
|
|
303
|
+
label: 'Angular',
|
|
304
|
+
color: 'danger',
|
|
305
|
+
imgLeft: 'https://cdn.simpleicons.org/angular/white',
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
label: 'TypeScript',
|
|
309
|
+
color: 'primary',
|
|
310
|
+
imgLeft: 'https://cdn.simpleicons.org/typescript/white',
|
|
311
|
+
},
|
|
312
|
+
{
|
|
313
|
+
label: 'NestJS',
|
|
314
|
+
customColor: '#7c3aed',
|
|
315
|
+
imgLeft: 'https://cdn.simpleicons.org/nestjs/white',
|
|
316
|
+
},
|
|
265
317
|
];
|
|
266
318
|
stats = [
|
|
267
319
|
{ value: '4+', label: 'años exp.' },
|