systelab-components
Version:
systelab-components is a set of components that use wide accepted and adopted standard technologies like Angular and Bootstrap, as well as other popular libraries. Please read the ATTRIBUTION.md file for a complete list of dependencies.
21 lines • 4.34 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class PercentageCircleComponent {
constructor() {
this.value = 0;
this.text = '';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: PercentageCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: PercentageCircleComponent, selector: "systelab-percentage-circle", inputs: { value: "value", text: "text", color: "color" }, ngImport: i0, template: "<div class=\"percentage-circle\" [attr.data-percentage]=\"value\">\n <span class=\"percentage-circle-left\">\n <span class=\"percentage-circle-bar\" [style.border-color]=\"color\"></span>\n </span>\n <span class=\"percentage-circle-right\">\n <span class=\"percentage-circle-bar\" [style.border-color]=\"color\"></span>\n </span>\n <div class=\"percentage-circle-value\">\n <div>\n {{value}}%<br>\n <span>{{text}}</span>\n </div>\n </div>\n</div>" }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: PercentageCircleComponent, decorators: [{
type: Component,
args: [{ selector: 'systelab-percentage-circle', template: "<div class=\"percentage-circle\" [attr.data-percentage]=\"value\">\n <span class=\"percentage-circle-left\">\n <span class=\"percentage-circle-bar\" [style.border-color]=\"color\"></span>\n </span>\n <span class=\"percentage-circle-right\">\n <span class=\"percentage-circle-bar\" [style.border-color]=\"color\"></span>\n </span>\n <div class=\"percentage-circle-value\">\n <div>\n {{value}}%<br>\n <span>{{text}}</span>\n </div>\n </div>\n</div>" }]
}], propDecorators: { value: [{
type: Input
}], text: [{
type: Input
}], color: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyY2VudGFnZS1jaXJjbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3lzdGVsYWItY29tcG9uZW50cy9zcmMvbGliL3BlcmNlbnRhZ2UtY2lyY2xlL3BlcmNlbnRhZ2UtY2lyY2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N5c3RlbGFiLWNvbXBvbmVudHMvc3JjL2xpYi9wZXJjZW50YWdlLWNpcmNsZS9wZXJjZW50YWdlLWNpcmNsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNakQsTUFBTSxPQUFPLHlCQUF5QjtJQUp0QztRQU1pQixVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ1YsU0FBSSxHQUFHLEVBQUUsQ0FBQztLQUkxQjs4R0FQWSx5QkFBeUI7a0dBQXpCLHlCQUF5Qiw0SENOdEMsNGtCQWFNOzsyRkRQTyx5QkFBeUI7a0JBSnJDLFNBQVM7K0JBQ0ksNEJBQTRCOzhCQUt6QixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAgICAnc3lzdGVsYWItcGVyY2VudGFnZS1jaXJjbGUnLFxuXHR0ZW1wbGF0ZVVybDogJ3BlcmNlbnRhZ2UtY2lyY2xlLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBQZXJjZW50YWdlQ2lyY2xlQ29tcG9uZW50IHtcblxuXHRASW5wdXQoKSBwdWJsaWMgdmFsdWUgPSAwO1xuXHRASW5wdXQoKSBwdWJsaWMgdGV4dCA9ICcnO1xuXHRASW5wdXQoKSBwdWJsaWMgY29sb3I7XG5cblxufVxuIiwiPGRpdiBjbGFzcz1cInBlcmNlbnRhZ2UtY2lyY2xlXCIgW2F0dHIuZGF0YS1wZXJjZW50YWdlXT1cInZhbHVlXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJwZXJjZW50YWdlLWNpcmNsZS1sZWZ0XCI+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicGVyY2VudGFnZS1jaXJjbGUtYmFyXCIgW3N0eWxlLmJvcmRlci1jb2xvcl09XCJjb2xvclwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJwZXJjZW50YWdlLWNpcmNsZS1yaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInBlcmNlbnRhZ2UtY2lyY2xlLWJhclwiIFtzdHlsZS5ib3JkZXItY29sb3JdPVwiY29sb3JcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgIDxkaXYgY2xhc3M9XCJwZXJjZW50YWdlLWNpcmNsZS12YWx1ZVwiPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgICAge3t2YWx1ZX19JTxicj5cbiAgICAgICAgICAgIDxzcGFuPnt7dGV4dH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==