@junte/ui/esm5/lib/dynamic/circle-bar/indicator/indicator.component.js

Quality Angular UI components kit

import { __decorate, __metadata } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
import { PropertyApi } from '../../../core/decorators/api';
var BarIndicatorComponent = /** @class */ (function () {
    function BarIndicatorComponent() {
        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);
    return BarIndicatorComponent;
}());
export { BarIndicatorComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9keW5hbWljL2NpcmNsZS1iYXIvaW5kaWNhdG9yL2luZGljYXRvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFNM0Q7SUFBQTtRQUVxQyxTQUFJLEdBQUcsd0JBQXdCLENBQUM7SUEwQnJFLENBQUM7SUExQjJCO1FBQXpCLFdBQVcsQ0FBQyxXQUFXLENBQUM7O3VEQUEwQztJQU0xRDtRQUpSLFdBQVcsQ0FBQztZQUNYLFdBQVcsRUFBRSxpQkFBaUI7WUFDOUIsSUFBSSxFQUFFLFFBQVE7U0FDZixDQUFDO1FBQ0QsS0FBSyxFQUFFOzt3REFBZTtJQU1kO1FBSlIsV0FBVyxDQUFDO1lBQ1gsV0FBVyxFQUFFLGlCQUFpQjtZQUM5QixJQUFJLEVBQUUsUUFBUTtTQUNmLENBQUM7UUFDRCxLQUFLLEVBQUU7O3dEQUFlO0lBTWQ7UUFKUixXQUFXLENBQUM7WUFDWCxXQUFXLEVBQUUsaUJBQWlCO1lBQzlCLElBQUksRUFBRSxRQUFRO1NBQ2YsQ0FBQztRQUNELEtBQUssRUFBRTs7d0RBQWU7SUFNZDtRQUpSLFdBQVcsQ0FBQztZQUNYLFdBQVcsRUFBRSxpQkFBaUI7WUFDOUIsSUFBSSxFQUFFLFFBQVE7U0FDZixDQUFDO1FBQ0QsS0FBSyxFQUFFOzt3REFBZTtJQTFCWixxQkFBcUI7UUFKakMsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLG1CQUFtQjtZQUM3QixvVkFBNEM7U0FDN0MsQ0FBQztPQUNXLHFCQUFxQixDQTRCakM7SUFBRCw0QkFBQztDQUFBLEFBNUJELElBNEJDO1NBNUJZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQcm9wZXJ0eUFwaSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvZGVjb3JhdG9ycy9hcGknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdqbnQtYmFyLWluZGljYXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbmRpY2F0b3IuZW5jYXBzdWxhdGVkLmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEJhckluZGljYXRvckNvbXBvbmVudCB7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmhvc3QnKSByZWFkb25seSBob3N0ID0gJ2pudC1iYXItaW5kaWNhdG9yLWhvc3QnO1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdJbmRpY2F0b3IgdmFsdWUnLFxuICAgIHR5cGU6ICdudW1iZXInLFxuICB9KVxuICBASW5wdXQoKSB2YWx1ZTogbnVtYmVyO1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdJbmRpY2F0b3IgdGl0bGUnLFxuICAgIHR5cGU6ICdzdHJpbmcnLFxuICB9KVxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdJbmRpY2F0b3IgY29sb3InLFxuICAgIHR5cGU6ICdzdHJpbmcnLFxuICB9KVxuICBASW5wdXQoKSBjb2xvcjogc3RyaW5nO1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdJbmRpY2F0b3Igd2lkdGgnLFxuICAgIHR5cGU6ICdzdHJpbmcnLFxuICB9KVxuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nO1xuXG59XG4iXX0=