import { Component, Input, Output } from "@angular/core";
import { ValueField } from "../value-field";
import * as i0 from "@angular/core";
import * as i1 from "../form-field-label.component";
export class ProgressBarComponent {
}
ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: ProgressBarComponent, selector: "path-progress-bar", inputs: { field: "field" }, outputs: { field: "field" }, ngImport: i0, template: "<span class=\"row\">\r\n<path-form-field-label [class.col-sm-4]=\"field.width == 1\" [class.col-sm-2]=\"field.width == 2\" [label]=\"field.name\" [required]=\"field.required\"></path-form-field-label>\r\n<div [class.col-sm-8]=\"field.width == 1\" [class.col-sm-10]=\"field.width == 2\">\r\n    <div class=\"progress\">\r\n        <div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" [style.width.%]=\"field.value\" [attr.aria-valuenow]=\"field.value\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n            <span class=\"sr-only\">{{field.value}}% Complete</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n</span>", components: [{ type: i1.FormFieldLabelComponent, selector: "path-form-field-label", inputs: ["label", "required"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ProgressBarComponent, decorators: [{
            type: Component,
            args: [{ selector: "path-progress-bar", template: "<span class=\"row\">\r\n<path-form-field-label [class.col-sm-4]=\"field.width == 1\" [class.col-sm-2]=\"field.width == 2\" [label]=\"field.name\" [required]=\"field.required\"></path-form-field-label>\r\n<div [class.col-sm-8]=\"field.width == 1\" [class.col-sm-10]=\"field.width == 2\">\r\n    <div class=\"progress\">\r\n        <div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" [style.width.%]=\"field.value\" [attr.aria-valuenow]=\"field.value\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n            <span class=\"sr-only\">{{field.value}}% Complete</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n</span>" }]
        }], propDecorators: { field: [{
                type: Input,
                args: ["field"]
            }, {
                type: Output,
                args: ["field"]
            }] } });
export class ProgressBarField extends ValueField {
    fromJson(modelFormField) {
        super.fromJson(modelFormField);
        this.setValue(modelFormField["value"]);
    }
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2FwcC9wYXRoLWZyYW1ld29yay9mb3JtL2ZpZWxkL3Byb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vYXBwL3BhdGgtZnJhbWV3b3JrL2Zvcm0vZmllbGQvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7QUFNMUMsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtxR0FBcEIsb0JBQW9CLGtIQ1BqQyw4bkJBU087MkZERk0sb0JBQW9CO2tCQUpoQyxTQUFTOytCQUNJLG1CQUFtQjs4QkFNN0IsS0FBSztzQkFGSixLQUFLO3VCQUFDLE9BQU87O3NCQUNiLE1BQU07dUJBQUMsT0FBTzs7QUFJbkIsTUFBTSxPQUFPLGdCQUFpQixTQUFRLFVBQWtCO0lBRTdDLFFBQVEsQ0FBQyxjQUFjO1FBQzFCLEtBQUssQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUMzQyxDQUFDO0NBRUoiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE91dHB1dH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtWYWx1ZUZpZWxkfSBmcm9tIFwiLi4vdmFsdWUtZmllbGRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwicGF0aC1wcm9ncmVzcy1iYXJcIixcclxuICAgIHRlbXBsYXRlVXJsOiBcInByb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbFwiXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQcm9ncmVzc0JhckNvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoXCJmaWVsZFwiKVxyXG4gICAgQE91dHB1dChcImZpZWxkXCIpXHJcbiAgICBmaWVsZDogUHJvZ3Jlc3NCYXJGaWVsZDtcclxufVxyXG5cclxuZXhwb3J0IGNsYXNzIFByb2dyZXNzQmFyRmllbGQgZXh0ZW5kcyBWYWx1ZUZpZWxkPG51bWJlcj4ge1xyXG5cclxuICAgIHB1YmxpYyBmcm9tSnNvbihtb2RlbEZvcm1GaWVsZCkge1xyXG4gICAgICAgIHN1cGVyLmZyb21Kc29uKG1vZGVsRm9ybUZpZWxkKTtcclxuICAgICAgICB0aGlzLnNldFZhbHVlKG1vZGVsRm9ybUZpZWxkW1widmFsdWVcIl0pO1xyXG4gICAgfVxyXG5cclxufVxyXG4iLCI8c3BhbiBjbGFzcz1cInJvd1wiPlxyXG48cGF0aC1mb3JtLWZpZWxkLWxhYmVsIFtjbGFzcy5jb2wtc20tNF09XCJmaWVsZC53aWR0aCA9PSAxXCIgW2NsYXNzLmNvbC1zbS0yXT1cImZpZWxkLndpZHRoID09IDJcIiBbbGFiZWxdPVwiZmllbGQubmFtZVwiIFtyZXF1aXJlZF09XCJmaWVsZC5yZXF1aXJlZFwiPjwvcGF0aC1mb3JtLWZpZWxkLWxhYmVsPlxyXG48ZGl2IFtjbGFzcy5jb2wtc20tOF09XCJmaWVsZC53aWR0aCA9PSAxXCIgW2NsYXNzLmNvbC1zbS0xMF09XCJmaWVsZC53aWR0aCA9PSAyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3NcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3MtYmFyIHByb2dyZXNzLWJhci1zdHJpcGVkXCIgcm9sZT1cInByb2dyZXNzYmFyXCIgW3N0eWxlLndpZHRoLiVdPVwiZmllbGQudmFsdWVcIiBbYXR0ci5hcmlhLXZhbHVlbm93XT1cImZpZWxkLnZhbHVlXCIgYXJpYS12YWx1ZW1pbj1cIjBcIiBhcmlhLXZhbHVlbWF4PVwiMTAwXCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3Itb25seVwiPnt7ZmllbGQudmFsdWV9fSUgQ29tcGxldGU8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbjwvc3Bhbj4iXX0=