@junte/ui
Version:
Quality Angular UI components kit
104 lines • 8.65 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, ContentChild, HostBinding, Input } from '@angular/core';
import { PropertyApi } from '../../core/decorators/api';
import { Shape } from '../../core/enums/shape';
import { Size } from '../../core/enums/size';
import { UI } from '../../core/enums/ui';
import { DotComponent } from '../dot/dot.component';
let AvatarComponent = class AvatarComponent {
constructor() {
this.host = 'jnt-avatar-host';
this.ui = UI;
this._size = Size.normal;
this._shape = Shape.circle;
this.icon = UI.icons.user;
}
set size(size) {
this._size = size || Size.normal;
}
set shape(shape) {
this._shape = shape || Shape.circle;
}
};
__decorate([
HostBinding('attr.host'),
__metadata("design:type", Object)
], AvatarComponent.prototype, "host", void 0);
__decorate([
HostBinding('attr.data-size'),
__metadata("design:type", String)
], AvatarComponent.prototype, "_size", void 0);
__decorate([
HostBinding('attr.data-shape'),
__metadata("design:type", String)
], AvatarComponent.prototype, "_shape", void 0);
__decorate([
PropertyApi({
description: 'Avatar size',
path: 'ui.size',
default: Size.normal,
options: [Size.tiny,
Size.small,
Size.normal,
Size.large]
}),
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], AvatarComponent.prototype, "size", null);
__decorate([
PropertyApi({
description: 'Avatar shape',
path: 'ui.shape',
default: Shape.circle,
options: [Shape.circle, Shape.square]
}),
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], AvatarComponent.prototype, "shape", null);
__decorate([
PropertyApi({
description: 'Icon on avatar',
type: 'string',
default: 'ui.icons.user',
}),
Input(),
__metadata("design:type", String)
], AvatarComponent.prototype, "icon", void 0);
__decorate([
PropertyApi({
description: 'First char of name on avatar',
type: 'string'
}),
Input(),
__metadata("design:type", String)
], AvatarComponent.prototype, "name", void 0);
__decorate([
PropertyApi({
description: 'First char of surname on avatar',
type: 'string'
}),
Input(),
__metadata("design:type", String)
], AvatarComponent.prototype, "surname", void 0);
__decorate([
PropertyApi({
description: 'Image on avatar',
type: 'string'
}),
Input(),
__metadata("design:type", String)
], AvatarComponent.prototype, "image", void 0);
__decorate([
ContentChild(DotComponent),
__metadata("design:type", DotComponent)
], AvatarComponent.prototype, "dot", void 0);
AvatarComponent = __decorate([
Component({
selector: 'jnt-avatar',
template: "<div child-of=\"jnt-avatar-host\" data-wrapper>\n <ng-template #noImage>\n <ng-template #noInitials>\n <jnt-icon child-of=\"jnt-avatar-host\" *ngIf=\"!!icon\" [icon]=\"icon\"></jnt-icon>\n </ng-template>\n\n <span child-of=\"jnt-avatar-host\" data-text *ngIf=\"!!name else noInitials\">\n {{(name.charAt(0) + (!!surname ? surname.charAt(0) : '')) | uppercase}}\n </span>\n </ng-template>\n\n <img child-of=\"jnt-avatar-host\" data-image *ngIf=\"!!image else noImage\" [src]=\"image\" />\n</div>\n<jnt-dot child-of=\"jnt-avatar-host\" data-dot *ngIf=\"dot\" [color]=\"dot.color\"></jnt-dot>"
})
], AvatarComponent);
export { AvatarComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9lbGVtZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDeEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBTXBELElBQWEsZUFBZSxHQUE1QixNQUFhLGVBQWU7SUFBNUI7UUFHVyxTQUFJLEdBQUcsaUJBQWlCLENBQUM7UUFFbEMsT0FBRSxHQUFHLEVBQUUsQ0FBQztRQUdSLFVBQUssR0FBUyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBRzFCLFdBQU0sR0FBVSxLQUFLLENBQUMsTUFBTSxDQUFDO1FBaUM3QixTQUFJLEdBQVcsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7SUF5Qi9CLENBQUM7SUE5Q0MsSUFBSSxJQUFJLENBQUMsSUFBVTtRQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ25DLENBQUM7SUFTRCxJQUFJLEtBQUssQ0FBQyxLQUFZO1FBQ3BCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUM7SUFDdEMsQ0FBQztDQWlDRixDQUFBO0FBbEVDO0lBREMsV0FBVyxDQUFDLFdBQVcsQ0FBQzs7NkNBQ1M7QUFLbEM7SUFEQyxXQUFXLENBQUMsZ0JBQWdCLENBQUM7OzhDQUNKO0FBRzFCO0lBREMsV0FBVyxDQUFDLGlCQUFpQixDQUFDOzsrQ0FDRjtBQVk3QjtJQVZDLFdBQVcsQ0FBQztRQUNYLFdBQVcsRUFBRSxhQUFhO1FBQzFCLElBQUksRUFBRSxTQUFTO1FBQ2YsT0FBTyxFQUFFLElBQUksQ0FBQyxNQUFNO1FBQ3BCLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQ2pCLElBQUksQ0FBQyxLQUFLO1lBQ1YsSUFBSSxDQUFDLE1BQU07WUFDWCxJQUFJLENBQUMsS0FBSyxDQUFDO0tBQ2QsQ0FBQztJQUNELEtBQUssRUFBRTs7OzJDQUdQO0FBU0Q7SUFQQyxXQUFXLENBQUM7UUFDWCxXQUFXLEVBQUUsY0FBYztRQUMzQixJQUFJLEVBQUUsVUFBVTtRQUNoQixPQUFPLEVBQUUsS0FBSyxDQUFDLE1BQU07UUFDckIsT0FBTyxFQUFFLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDO0tBQ3RDLENBQUM7SUFDRCxLQUFLLEVBQUU7Ozs0Q0FHUDtBQVFEO0lBTkMsV0FBVyxDQUFDO1FBQ1gsV0FBVyxFQUFFLGdCQUFnQjtRQUM3QixJQUFJLEVBQUUsUUFBUTtRQUNkLE9BQU8sRUFBRSxlQUFlO0tBQ3pCLENBQUM7SUFDRCxLQUFLLEVBQUU7OzZDQUNxQjtBQU83QjtJQUxDLFdBQVcsQ0FBQztRQUNYLFdBQVcsRUFBRSw4QkFBOEI7UUFDM0MsSUFBSSxFQUFFLFFBQVE7S0FDZixDQUFDO0lBQ0QsS0FBSyxFQUFFOzs2Q0FDSztBQU9iO0lBTEMsV0FBVyxDQUFDO1FBQ1gsV0FBVyxFQUFFLGlDQUFpQztRQUM5QyxJQUFJLEVBQUUsUUFBUTtLQUNmLENBQUM7SUFDRCxLQUFLLEVBQUU7O2dEQUNRO0FBT2hCO0lBTEMsV0FBVyxDQUFDO1FBQ1gsV0FBVyxFQUFFLGlCQUFpQjtRQUM5QixJQUFJLEVBQUUsUUFBUTtLQUNmLENBQUM7SUFDRCxLQUFLLEVBQUU7OzhDQUNNO0FBR2Q7SUFEQyxZQUFZLENBQUMsWUFBWSxDQUFDOzhCQUN0QixZQUFZOzRDQUFDO0FBcEVQLGVBQWU7SUFKM0IsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLFlBQVk7UUFDdEIsbW5CQUF5QztLQUMxQyxDQUFDO0dBQ1csZUFBZSxDQXFFM0I7U0FyRVksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFByb3BlcnR5QXBpIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzL2FwaSc7XG5pbXBvcnQgeyBTaGFwZSB9IGZyb20gJy4uLy4uL2NvcmUvZW51bXMvc2hhcGUnO1xuaW1wb3J0IHsgU2l6ZSB9IGZyb20gJy4uLy4uL2NvcmUvZW51bXMvc2l6ZSc7XG5pbXBvcnQgeyBVSSB9IGZyb20gJy4uLy4uL2NvcmUvZW51bXMvdWknO1xuaW1wb3J0IHsgRG90Q29tcG9uZW50IH0gZnJvbSAnLi4vZG90L2RvdC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdqbnQtYXZhdGFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci5lbmNhcHN1bGF0ZWQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQXZhdGFyQ29tcG9uZW50IHtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuaG9zdCcpXG4gIHJlYWRvbmx5IGhvc3QgPSAnam50LWF2YXRhci1ob3N0JztcblxuICB1aSA9IFVJO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNpemUnKVxuICBfc2l6ZTogU2l6ZSA9IFNpemUubm9ybWFsO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNoYXBlJylcbiAgX3NoYXBlOiBTaGFwZSA9IFNoYXBlLmNpcmNsZTtcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnQXZhdGFyIHNpemUnLFxuICAgIHBhdGg6ICd1aS5zaXplJyxcbiAgICBkZWZhdWx0OiBTaXplLm5vcm1hbCxcbiAgICBvcHRpb25zOiBbU2l6ZS50aW55LFxuICAgICAgU2l6ZS5zbWFsbCxcbiAgICAgIFNpemUubm9ybWFsLFxuICAgICAgU2l6ZS5sYXJnZV1cbiAgfSlcbiAgQElucHV0KClcbiAgc2V0IHNpemUoc2l6ZTogU2l6ZSkge1xuICAgIHRoaXMuX3NpemUgPSBzaXplIHx8IFNpemUubm9ybWFsO1xuICB9XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ0F2YXRhciBzaGFwZScsXG4gICAgcGF0aDogJ3VpLnNoYXBlJyxcbiAgICBkZWZhdWx0OiBTaGFwZS5jaXJjbGUsXG4gICAgb3B0aW9uczogW1NoYXBlLmNpcmNsZSwgU2hhcGUuc3F1YXJlXVxuICB9KVxuICBASW5wdXQoKVxuICBzZXQgc2hhcGUoc2hhcGU6IFNoYXBlKSB7XG4gICAgdGhpcy5fc2hhcGUgPSBzaGFwZSB8fCBTaGFwZS5jaXJjbGU7XG4gIH1cblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnSWNvbiBvbiBhdmF0YXInLFxuICAgIHR5cGU6ICdzdHJpbmcnLFxuICAgIGRlZmF1bHQ6ICd1aS5pY29ucy51c2VyJyxcbiAgfSlcbiAgQElucHV0KClcbiAgaWNvbjogc3RyaW5nID0gVUkuaWNvbnMudXNlcjtcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnRmlyc3QgY2hhciBvZiBuYW1lIG9uIGF2YXRhcicsXG4gICAgdHlwZTogJ3N0cmluZydcbiAgfSlcbiAgQElucHV0KClcbiAgbmFtZTogc3RyaW5nO1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdGaXJzdCBjaGFyIG9mIHN1cm5hbWUgb24gYXZhdGFyJyxcbiAgICB0eXBlOiAnc3RyaW5nJ1xuICB9KVxuICBASW5wdXQoKVxuICBzdXJuYW1lOiBzdHJpbmc7XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ0ltYWdlIG9uIGF2YXRhcicsXG4gICAgdHlwZTogJ3N0cmluZydcbiAgfSlcbiAgQElucHV0KClcbiAgaW1hZ2U6IHN0cmluZztcblxuICBAQ29udGVudENoaWxkKERvdENvbXBvbmVudClcbiAgZG90OiBEb3RDb21wb25lbnQ7XG59XG4iXX0=