@junte/ui
Version:
Quality Angular UI components kit
72 lines • 6.38 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, ContentChildren, HostBinding, Input, QueryList } from '@angular/core';
import { PropertyApi } from '../../../core/decorators/api';
import { Size } from '../../../core/enums/size';
import { UI } from '../../../core/enums/ui';
import { AvatarComponent } from '../avatar.component';
var AvatarsListComponent = /** @class */ (function () {
function AvatarsListComponent() {
this.host = 'jnt-avatars-list-host';
this._size = Size.normal;
this.ui = UI;
this.max = 5;
}
Object.defineProperty(AvatarsListComponent.prototype, "capacity", {
get: function () {
return Math.min(this.avatars.length, this.max);
},
enumerable: true,
configurable: true
});
Object.defineProperty(AvatarsListComponent.prototype, "size", {
get: function () {
return this._size;
},
set: function (size) {
this._size = size || Size.normal;
},
enumerable: true,
configurable: true
});
__decorate([
HostBinding('attr.host'),
__metadata("design:type", Object)
], AvatarsListComponent.prototype, "host", void 0);
__decorate([
HostBinding('attr.data-size'),
__metadata("design:type", String)
], AvatarsListComponent.prototype, "_size", void 0);
__decorate([
Input(),
__metadata("design:type", Object)
], AvatarsListComponent.prototype, "max", void 0);
__decorate([
ContentChildren(AvatarComponent),
__metadata("design:type", QueryList)
], AvatarsListComponent.prototype, "avatars", void 0);
__decorate([
HostBinding('attr.data-capacity'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], AvatarsListComponent.prototype, "capacity", null);
__decorate([
PropertyApi({
description: 'Avatars list 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])
], AvatarsListComponent.prototype, "size", null);
AvatarsListComponent = __decorate([
Component({
selector: 'jnt-avatars-list',
template: "<ng-container *ngFor=\"let avatar of avatars; let i = index;\">\n <jnt-avatar child-of=\"jnt-avatars-list-host\" *ngIf=\"i < max\" [attr.data-avatar-index]=\"i\"\n [image]=\"avatar.image\"\n [icon]=\"avatar.icon\"\n [name]=\"avatar.name\"\n [surname]=\"avatar.surname\"\n [size]=\"size\">\n </jnt-avatar>\n</ng-container>"
})
], AvatarsListComponent);
return AvatarsListComponent;
}());
export { AvatarsListComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFycy1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9lbGVtZW50cy9hdmF0YXIvYXZhdGFycy1saXN0L2F2YXRhcnMtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQU10RDtJQUFBO1FBRXFDLFNBQUksR0FBRyx1QkFBdUIsQ0FBQztRQUdsRSxVQUFLLEdBQVMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUUxQixPQUFFLEdBQUcsRUFBRSxDQUFDO1FBR1IsUUFBRyxHQUFHLENBQUMsQ0FBQztJQXdCVixDQUFDO0lBbEJDLHNCQUFJLDBDQUFRO2FBQVo7WUFDRSxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ2pELENBQUM7OztPQUFBO0lBUVEsc0JBQUksc0NBQUk7YUFJakI7WUFDRSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDcEIsQ0FBQzthQU5RLFVBQVMsSUFBVTtZQUMxQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ25DLENBQUM7OztPQUFBO0lBMUJ5QjtRQUF6QixXQUFXLENBQUMsV0FBVyxDQUFDOztzREFBeUM7SUFHbEU7UUFEQyxXQUFXLENBQUMsZ0JBQWdCLENBQUM7O3VEQUNKO0lBSzFCO1FBREMsS0FBSyxFQUFFOztxREFDQTtJQUdSO1FBREMsZUFBZSxDQUFDLGVBQWUsQ0FBQztrQ0FDeEIsU0FBUzt5REFBa0I7SUFHcEM7UUFEQyxXQUFXLENBQUMsb0JBQW9CLENBQUM7Ozt3REFHakM7SUFRUTtRQU5SLFdBQVcsQ0FBQztZQUNYLFdBQVcsRUFBRSxtQkFBbUI7WUFDaEMsSUFBSSxFQUFFLFNBQVM7WUFDZixPQUFPLEVBQUUsSUFBSSxDQUFDLE1BQU07WUFDcEIsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQztTQUMxRCxDQUFDO1FBQ0QsS0FBSyxFQUFFOzs7b0RBRVA7SUE1QlUsb0JBQW9CO1FBSmhDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxrQkFBa0I7WUFDNUIsZ1pBQStDO1NBQ2hELENBQUM7T0FDVyxvQkFBb0IsQ0FrQ2hDO0lBQUQsMkJBQUM7Q0FBQSxBQWxDRCxJQWtDQztTQWxDWSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgSG9zdEJpbmRpbmcsIElucHV0LCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFByb3BlcnR5QXBpIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9kZWNvcmF0b3JzL2FwaSc7XG5pbXBvcnQgeyBTaXplIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy9zaXplJztcbmltcG9ydCB7IFVJIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy91aSc7XG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuLi9hdmF0YXIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnam50LWF2YXRhcnMtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXJzLWxpc3QuZW5jYXBzdWxhdGVkLmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEF2YXRhcnNMaXN0Q29tcG9uZW50IHtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuaG9zdCcpIHJlYWRvbmx5IGhvc3QgPSAnam50LWF2YXRhcnMtbGlzdC1ob3N0JztcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaXplJylcbiAgX3NpemU6IFNpemUgPSBTaXplLm5vcm1hbDtcblxuICB1aSA9IFVJO1xuXG4gIEBJbnB1dCgpXG4gIG1heCA9IDU7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihBdmF0YXJDb21wb25lbnQpXG4gIGF2YXRhcnM6IFF1ZXJ5TGlzdDxBdmF0YXJDb21wb25lbnQ+O1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWNhcGFjaXR5JylcbiAgZ2V0IGNhcGFjaXR5KCkge1xuICAgIHJldHVybiBNYXRoLm1pbih0aGlzLmF2YXRhcnMubGVuZ3RoLCB0aGlzLm1heCk7XG4gIH1cblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnQXZhdGFycyBsaXN0IHNpemUnLFxuICAgIHBhdGg6ICd1aS5zaXplJyxcbiAgICBkZWZhdWx0OiBTaXplLm5vcm1hbCxcbiAgICBvcHRpb25zOiBbU2l6ZS50aW55LCBTaXplLnNtYWxsLCBTaXplLm5vcm1hbCwgU2l6ZS5sYXJnZV1cbiAgfSlcbiAgQElucHV0KCkgc2V0IHNpemUoc2l6ZTogU2l6ZSkge1xuICAgIHRoaXMuX3NpemUgPSBzaXplIHx8IFNpemUubm9ybWFsO1xuICB9XG5cbiAgZ2V0IHNpemUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3NpemU7XG4gIH1cblxufVxuIl19