@junte/ui
Version:
Quality Angular UI components kit
63 lines • 5.85 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';
let AvatarsListComponent = class AvatarsListComponent {
constructor() {
this.host = 'jnt-avatars-list-host';
this._size = Size.normal;
this.ui = UI;
this.max = 5;
}
get capacity() {
return Math.min(this.avatars.length, this.max);
}
set size(size) {
this._size = size || Size.normal;
}
get size() {
return this._size;
}
};
__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);
export { AvatarsListComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFycy1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9lbGVtZW50cy9hdmF0YXIvYXZhdGFycy1saXN0L2F2YXRhcnMtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQU10RCxJQUFhLG9CQUFvQixHQUFqQyxNQUFhLG9CQUFvQjtJQUFqQztRQUVxQyxTQUFJLEdBQUcsdUJBQXVCLENBQUM7UUFHbEUsVUFBSyxHQUFTLElBQUksQ0FBQyxNQUFNLENBQUM7UUFFMUIsT0FBRSxHQUFHLEVBQUUsQ0FBQztRQUdSLFFBQUcsR0FBRyxDQUFDLENBQUM7SUF3QlYsQ0FBQztJQWxCQyxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFRUSxJQUFJLElBQUksQ0FBQyxJQUFVO1FBQzFCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDbkMsQ0FBQztJQUVELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0NBRUYsQ0FBQTtBQWhDMkI7SUFBekIsV0FBVyxDQUFDLFdBQVcsQ0FBQzs7a0RBQXlDO0FBR2xFO0lBREMsV0FBVyxDQUFDLGdCQUFnQixDQUFDOzttREFDSjtBQUsxQjtJQURDLEtBQUssRUFBRTs7aURBQ0E7QUFHUjtJQURDLGVBQWUsQ0FBQyxlQUFlLENBQUM7OEJBQ3hCLFNBQVM7cURBQWtCO0FBR3BDO0lBREMsV0FBVyxDQUFDLG9CQUFvQixDQUFDOzs7b0RBR2pDO0FBUVE7SUFOUixXQUFXLENBQUM7UUFDWCxXQUFXLEVBQUUsbUJBQW1CO1FBQ2hDLElBQUksRUFBRSxTQUFTO1FBQ2YsT0FBTyxFQUFFLElBQUksQ0FBQyxNQUFNO1FBQ3BCLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUM7S0FDMUQsQ0FBQztJQUNELEtBQUssRUFBRTs7O2dEQUVQO0FBNUJVLG9CQUFvQjtJQUpoQyxTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsa0JBQWtCO1FBQzVCLGdaQUErQztLQUNoRCxDQUFDO0dBQ1csb0JBQW9CLENBa0NoQztTQWxDWSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgSG9zdEJpbmRpbmcsIElucHV0LCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFByb3BlcnR5QXBpIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9kZWNvcmF0b3JzL2FwaSc7XG5pbXBvcnQgeyBTaXplIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy9zaXplJztcbmltcG9ydCB7IFVJIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy91aSc7XG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuLi9hdmF0YXIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnam50LWF2YXRhcnMtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXJzLWxpc3QuZW5jYXBzdWxhdGVkLmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEF2YXRhcnNMaXN0Q29tcG9uZW50IHtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuaG9zdCcpIHJlYWRvbmx5IGhvc3QgPSAnam50LWF2YXRhcnMtbGlzdC1ob3N0JztcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaXplJylcbiAgX3NpemU6IFNpemUgPSBTaXplLm5vcm1hbDtcblxuICB1aSA9IFVJO1xuXG4gIEBJbnB1dCgpXG4gIG1heCA9IDU7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihBdmF0YXJDb21wb25lbnQpXG4gIGF2YXRhcnM6IFF1ZXJ5TGlzdDxBdmF0YXJDb21wb25lbnQ+O1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWNhcGFjaXR5JylcbiAgZ2V0IGNhcGFjaXR5KCkge1xuICAgIHJldHVybiBNYXRoLm1pbih0aGlzLmF2YXRhcnMubGVuZ3RoLCB0aGlzLm1heCk7XG4gIH1cblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnQXZhdGFycyBsaXN0IHNpemUnLFxuICAgIHBhdGg6ICd1aS5zaXplJyxcbiAgICBkZWZhdWx0OiBTaXplLm5vcm1hbCxcbiAgICBvcHRpb25zOiBbU2l6ZS50aW55LCBTaXplLnNtYWxsLCBTaXplLm5vcm1hbCwgU2l6ZS5sYXJnZV1cbiAgfSlcbiAgQElucHV0KCkgc2V0IHNpemUoc2l6ZTogU2l6ZSkge1xuICAgIHRoaXMuX3NpemUgPSBzaXplIHx8IFNpemUubm9ybWFsO1xuICB9XG5cbiAgZ2V0IHNpemUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3NpemU7XG4gIH1cblxufVxuIl19