@junte/ui
Version:
Quality Angular UI components kit
35 lines • 4.22 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, ContentChild, ContentChildren, HostBinding, QueryList, TemplateRef } from '@angular/core';
import { ContentApi } from '../../core/decorators/api';
import { UI } from '../../core/enums/ui';
import { BarIndicatorGroupComponent } from './indicator-group/indicator-group.component';
let CircleBarComponent = class CircleBarComponent {
constructor() {
this.ui = UI;
this.host = 'jnt-circle-bar-host';
}
};
__decorate([
HostBinding('attr.host'),
__metadata("design:type", Object)
], CircleBarComponent.prototype, "host", void 0);
__decorate([
ContentChildren(BarIndicatorGroupComponent),
__metadata("design:type", QueryList)
], CircleBarComponent.prototype, "groups", void 0);
__decorate([
ContentApi({
selector: '#circleBarContentTemplate',
description: 'Circle bar content template'
}),
ContentChild('circleBarContentTemplate'),
__metadata("design:type", TemplateRef)
], CircleBarComponent.prototype, "circleBarContentTemplate", void 0);
CircleBarComponent = __decorate([
Component({
selector: 'jnt-circle-bar',
template: "<jnt-bar-indicator-group child-of=\"jnt-circle-bar-host\" data-group\n *ngFor=\"let group of groups; let index = index\"\n [index]=\"index\"\n [groups]=\"groups.length\">\n <jnt-bar-indicator child-of=\"jnt-circle-bar-host\" *ngFor=\"let indicator of group.indicators\"\n [value]=\"indicator.value\"\n [title]=\"indicator.title\"\n [color]=\"indicator.color\">\n </jnt-bar-indicator>\n</jnt-bar-indicator-group>\n\n<div child-of=\"jnt-circle-bar-host\" data-content>\n <ng-container *ngTemplateOutlet=\"circleBarContentTemplate\"></ng-container>\n</div>"
})
], CircleBarComponent);
export { CircleBarComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY2xlLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AanVudGUvdWkvIiwic291cmNlcyI6WyJsaWIvZHluYW1pYy9jaXJjbGUtYmFyL2NpcmNsZS1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUcsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN6QyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQU16RixJQUFhLGtCQUFrQixHQUEvQixNQUFhLGtCQUFrQjtJQUEvQjtRQUVFLE9BQUUsR0FBRyxFQUFFLENBQUM7UUFFMkIsU0FBSSxHQUFHLHFCQUFxQixDQUFDO0lBWWxFLENBQUM7Q0FBQSxDQUFBO0FBWjJCO0lBQXpCLFdBQVcsQ0FBQyxXQUFXLENBQUM7O2dEQUF1QztBQUdoRTtJQURDLGVBQWUsQ0FBQywwQkFBMEIsQ0FBQzs4QkFDcEMsU0FBUztrREFBNkI7QUFPOUM7SUFMQyxVQUFVLENBQUM7UUFDVixRQUFRLEVBQUUsMkJBQTJCO1FBQ3JDLFdBQVcsRUFBRSw2QkFBNkI7S0FDM0MsQ0FBQztJQUNELFlBQVksQ0FBQywwQkFBMEIsQ0FBQzs4QkFDZixXQUFXO29FQUFNO0FBZGhDLGtCQUFrQjtJQUo5QixTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsZ0JBQWdCO1FBQzFCLDRyQkFBNkM7S0FDOUMsQ0FBQztHQUNXLGtCQUFrQixDQWdCOUI7U0FoQlksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIENvbnRlbnRDaGlsZHJlbiwgSG9zdEJpbmRpbmcsIFF1ZXJ5TGlzdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRlbnRBcGkgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMvYXBpJztcbmltcG9ydCB7IFVJIH0gZnJvbSAnLi4vLi4vY29yZS9lbnVtcy91aSc7XG5pbXBvcnQgeyBCYXJJbmRpY2F0b3JHcm91cENvbXBvbmVudCB9IGZyb20gJy4vaW5kaWNhdG9yLWdyb3VwL2luZGljYXRvci1ncm91cC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdqbnQtY2lyY2xlLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaXJjbGUtYmFyLmVuY2Fwc3VsYXRlZC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBDaXJjbGVCYXJDb21wb25lbnQge1xuXG4gIHVpID0gVUk7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmhvc3QnKSByZWFkb25seSBob3N0ID0gJ2pudC1jaXJjbGUtYmFyLWhvc3QnO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQmFySW5kaWNhdG9yR3JvdXBDb21wb25lbnQpXG4gIGdyb3VwczogUXVlcnlMaXN0PEJhckluZGljYXRvckdyb3VwQ29tcG9uZW50PjtcblxuICBAQ29udGVudEFwaSh7XG4gICAgc2VsZWN0b3I6ICcjY2lyY2xlQmFyQ29udGVudFRlbXBsYXRlJyxcbiAgICBkZXNjcmlwdGlvbjogJ0NpcmNsZSBiYXIgY29udGVudCB0ZW1wbGF0ZSdcbiAgfSlcbiAgQENvbnRlbnRDaGlsZCgnY2lyY2xlQmFyQ29udGVudFRlbXBsYXRlJylcbiAgY2lyY2xlQmFyQ29udGVudFRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG59XG4iXX0=