cfc-ds
Version:
Design System do Conselho Federal de Contabilidade baseado no govbr-ds
28 lines • 5.85 kB
JavaScript
import { Component, Input } from '@angular/core';
import { AvatarDensity } from '../../enums/avatar-density.enum';
import { AvatarType } from '../../enums/avatar-type.enum';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class AvatarComponent {
type = AvatarType.icon;
name;
density = AvatarDensity.medium;
imageUrl = '';
avatarTypes = AvatarType;
avatarDensities = AvatarDensity;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AvatarComponent, selector: "cfc-avatar", inputs: { type: "type", name: "name", density: "density", imageUrl: "imageUrl" }, ngImport: i0, template: "<span\r\n class=\"br-avatar mr-3\"\r\n [title]=\"name\"\r\n [class.medium]=\"density === avatarDensities.medium\"\r\n [class.large]=\"density === avatarDensities.large\"\r\n>\r\n <span\r\n *ngIf=\"type === avatarTypes.icon\"\r\n class=\"content\"\r\n >\r\n <i\r\n class=\"fas fa-user bg-blue-warn-20\"\r\n aria-hidden=\"true\"\r\n ></i>\r\n </span>\r\n <span\r\n *ngIf=\"type === avatarTypes.letter\"\r\n class=\"content bg-violet-50 text-pure-0\"\r\n >\r\n {{ name[0] | uppercase }}\r\n </span>\r\n <span\r\n *ngIf=\"type === avatarTypes.image\"\r\n class=\"content\"\r\n >\r\n <img\r\n [src]=\"imageUrl\"\r\n alt=\"Avatar\"\r\n />\r\n </span>\r\n</span>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AvatarComponent, decorators: [{
type: Component,
args: [{ selector: 'cfc-avatar', template: "<span\r\n class=\"br-avatar mr-3\"\r\n [title]=\"name\"\r\n [class.medium]=\"density === avatarDensities.medium\"\r\n [class.large]=\"density === avatarDensities.large\"\r\n>\r\n <span\r\n *ngIf=\"type === avatarTypes.icon\"\r\n class=\"content\"\r\n >\r\n <i\r\n class=\"fas fa-user bg-blue-warn-20\"\r\n aria-hidden=\"true\"\r\n ></i>\r\n </span>\r\n <span\r\n *ngIf=\"type === avatarTypes.letter\"\r\n class=\"content bg-violet-50 text-pure-0\"\r\n >\r\n {{ name[0] | uppercase }}\r\n </span>\r\n <span\r\n *ngIf=\"type === avatarTypes.image\"\r\n class=\"content\"\r\n >\r\n <img\r\n [src]=\"imageUrl\"\r\n alt=\"Avatar\"\r\n />\r\n </span>\r\n</span>\r\n" }]
}], propDecorators: { type: [{
type: Input
}], name: [{
type: Input
}], density: [{
type: Input
}], imageUrl: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NmYy1kcy9zcmMvbGliL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtZHMvc3JjL2xpYi9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7O0FBTzFELE1BQU0sT0FBTyxlQUFlO0lBQ2pCLElBQUksR0FBZSxVQUFVLENBQUMsSUFBSSxDQUFDO0lBQ25DLElBQUksQ0FBVTtJQUNkLE9BQU8sR0FBa0IsYUFBYSxDQUFDLE1BQU0sQ0FBQztJQUM5QyxRQUFRLEdBQVksRUFBRSxDQUFDO0lBRWhDLFdBQVcsR0FBRyxVQUFVLENBQUM7SUFDekIsZUFBZSxHQUFHLGFBQWEsQ0FBQzt3R0FQckIsZUFBZTs0RkFBZixlQUFlLG9JQ1Q1Qix1dEJBK0JBOzs0RkR0QmEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxZQUFZOzhCQUtiLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEF2YXRhckRlbnNpdHkgfSBmcm9tICcuLi8uLi9lbnVtcy9hdmF0YXItZGVuc2l0eS5lbnVtJztcclxuaW1wb3J0IHsgQXZhdGFyVHlwZSB9IGZyb20gJy4uLy4uL2VudW1zL2F2YXRhci10eXBlLmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjZmMtYXZhdGFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYXZhdGFyLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQXZhdGFyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0eXBlOiBBdmF0YXJUeXBlID0gQXZhdGFyVHlwZS5pY29uO1xyXG4gIEBJbnB1dCgpIG5hbWUhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVuc2l0eTogQXZhdGFyRGVuc2l0eSA9IEF2YXRhckRlbnNpdHkubWVkaXVtO1xyXG4gIEBJbnB1dCgpIGltYWdlVXJsPzogc3RyaW5nID0gJyc7XHJcblxyXG4gIGF2YXRhclR5cGVzID0gQXZhdGFyVHlwZTtcclxuICBhdmF0YXJEZW5zaXRpZXMgPSBBdmF0YXJEZW5zaXR5O1xyXG59XHJcbiIsIjxzcGFuXHJcbiAgY2xhc3M9XCJici1hdmF0YXIgbXItM1wiXHJcbiAgW3RpdGxlXT1cIm5hbWVcIlxyXG4gIFtjbGFzcy5tZWRpdW1dPVwiZGVuc2l0eSA9PT0gYXZhdGFyRGVuc2l0aWVzLm1lZGl1bVwiXHJcbiAgW2NsYXNzLmxhcmdlXT1cImRlbnNpdHkgPT09IGF2YXRhckRlbnNpdGllcy5sYXJnZVwiXHJcbj5cclxuICA8c3BhblxyXG4gICAgKm5nSWY9XCJ0eXBlID09PSBhdmF0YXJUeXBlcy5pY29uXCJcclxuICAgIGNsYXNzPVwiY29udGVudFwiXHJcbiAgPlxyXG4gICAgPGlcclxuICAgICAgY2xhc3M9XCJmYXMgZmEtdXNlciBiZy1ibHVlLXdhcm4tMjBcIlxyXG4gICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxyXG4gICAgPjwvaT5cclxuICA8L3NwYW4+XHJcbiAgPHNwYW5cclxuICAgICpuZ0lmPVwidHlwZSA9PT0gYXZhdGFyVHlwZXMubGV0dGVyXCJcclxuICAgIGNsYXNzPVwiY29udGVudCBiZy12aW9sZXQtNTAgdGV4dC1wdXJlLTBcIlxyXG4gID5cclxuICAgIHt7IG5hbWVbMF0gfCB1cHBlcmNhc2UgfX1cclxuICA8L3NwYW4+XHJcbiAgPHNwYW5cclxuICAgICpuZ0lmPVwidHlwZSA9PT0gYXZhdGFyVHlwZXMuaW1hZ2VcIlxyXG4gICAgY2xhc3M9XCJjb250ZW50XCJcclxuICA+XHJcbiAgICA8aW1nXHJcbiAgICAgIFtzcmNdPVwiaW1hZ2VVcmxcIlxyXG4gICAgICBhbHQ9XCJBdmF0YXJcIlxyXG4gICAgLz5cclxuICA8L3NwYW4+XHJcbjwvc3Bhbj5cclxuIl19