@junte/ui
Version:
Quality Angular UI components kit
52 lines • 4.1 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
import { PropertyApi } from '../../../core/decorators/api';
let BarIndicatorComponent = class BarIndicatorComponent {
constructor() {
this.host = 'jnt-bar-indicator-host';
}
};
__decorate([
HostBinding('attr.host'),
__metadata("design:type", Object)
], BarIndicatorComponent.prototype, "host", void 0);
__decorate([
PropertyApi({
description: 'Indicator value',
type: 'number',
}),
Input(),
__metadata("design:type", Number)
], BarIndicatorComponent.prototype, "value", void 0);
__decorate([
PropertyApi({
description: 'Indicator title',
type: 'string',
}),
Input(),
__metadata("design:type", String)
], BarIndicatorComponent.prototype, "title", void 0);
__decorate([
PropertyApi({
description: 'Indicator color',
type: 'string',
}),
Input(),
__metadata("design:type", String)
], BarIndicatorComponent.prototype, "color", void 0);
__decorate([
PropertyApi({
description: 'Indicator width',
type: 'string',
}),
Input(),
__metadata("design:type", String)
], BarIndicatorComponent.prototype, "width", void 0);
BarIndicatorComponent = __decorate([
Component({
selector: 'jnt-bar-indicator',
template: "<svg child-of=\"jnt-bar-indicator-host\" viewBox=\"0 0 32 32\">\n <circle child-of=\"jnt-bar-indicator-host\" class=\"progress\"\n [style.stroke-dasharray]=\"value + ' 100'\"\n [style.stroke]=\"color\"\n [style.stroke-width]=\"width\"\n r=\"15.925\" cx=\"16\" cy=\"16\">\n </circle>\n</svg>"
})
], BarIndicatorComponent);
export { BarIndicatorComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9keW5hbWljL2NpcmNsZS1iYXIvaW5kaWNhdG9yL2luZGljYXRvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFNM0QsSUFBYSxxQkFBcUIsR0FBbEMsTUFBYSxxQkFBcUI7SUFBbEM7UUFFcUMsU0FBSSxHQUFHLHdCQUF3QixDQUFDO0lBMEJyRSxDQUFDO0NBQUEsQ0FBQTtBQTFCMkI7SUFBekIsV0FBVyxDQUFDLFdBQVcsQ0FBQzs7bURBQTBDO0FBTTFEO0lBSlIsV0FBVyxDQUFDO1FBQ1gsV0FBVyxFQUFFLGlCQUFpQjtRQUM5QixJQUFJLEVBQUUsUUFBUTtLQUNmLENBQUM7SUFDRCxLQUFLLEVBQUU7O29EQUFlO0FBTWQ7SUFKUixXQUFXLENBQUM7UUFDWCxXQUFXLEVBQUUsaUJBQWlCO1FBQzlCLElBQUksRUFBRSxRQUFRO0tBQ2YsQ0FBQztJQUNELEtBQUssRUFBRTs7b0RBQWU7QUFNZDtJQUpSLFdBQVcsQ0FBQztRQUNYLFdBQVcsRUFBRSxpQkFBaUI7UUFDOUIsSUFBSSxFQUFFLFFBQVE7S0FDZixDQUFDO0lBQ0QsS0FBSyxFQUFFOztvREFBZTtBQU1kO0lBSlIsV0FBVyxDQUFDO1FBQ1gsV0FBVyxFQUFFLGlCQUFpQjtRQUM5QixJQUFJLEVBQUUsUUFBUTtLQUNmLENBQUM7SUFDRCxLQUFLLEVBQUU7O29EQUFlO0FBMUJaLHFCQUFxQjtJQUpqQyxTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsbUJBQW1CO1FBQzdCLG9WQUE0QztLQUM3QyxDQUFDO0dBQ1cscUJBQXFCLENBNEJqQztTQTVCWSxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHJvcGVydHlBcGkgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2RlY29yYXRvcnMvYXBpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnam50LWJhci1pbmRpY2F0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5kaWNhdG9yLmVuY2Fwc3VsYXRlZC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBCYXJJbmRpY2F0b3JDb21wb25lbnQge1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5ob3N0JykgcmVhZG9ubHkgaG9zdCA9ICdqbnQtYmFyLWluZGljYXRvci1ob3N0JztcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnSW5kaWNhdG9yIHZhbHVlJyxcbiAgICB0eXBlOiAnbnVtYmVyJyxcbiAgfSlcbiAgQElucHV0KCkgdmFsdWU6IG51bWJlcjtcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnSW5kaWNhdG9yIHRpdGxlJyxcbiAgICB0eXBlOiAnc3RyaW5nJyxcbiAgfSlcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnSW5kaWNhdG9yIGNvbG9yJyxcbiAgICB0eXBlOiAnc3RyaW5nJyxcbiAgfSlcbiAgQElucHV0KCkgY29sb3I6IHN0cmluZztcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnSW5kaWNhdG9yIHdpZHRoJyxcbiAgICB0eXBlOiAnc3RyaW5nJyxcbiAgfSlcbiAgQElucHV0KCkgd2lkdGg6IHN0cmluZztcblxufVxuIl19