import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/progress-bar";
/**
 * Component to display progress bars
 */
export class ProgressbarComponent {
    constructor() {
        /**
         * Progress bar mode
         * Input must be one of these values: determinate, indeterminate, buffer, query, defaults to 'determinate'.
         */
        this.mode = 'indeterminate';
        /**
         * Show percentage (default value true)
         */
        this.showPercentage = true;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProgressbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ProgressbarComponent, selector: "mic-progress-bar", inputs: { color: "color", mode: "mode", value: "value", ariaLabel: "ariaLabel", showPercentage: "showPercentage" }, ngImport: i0, template: "<mat-progress-bar [mode]=\"mode\" [color]=\"color\" [value]=\"value\" [ariaLabel]=\"ariaLabel\"></mat-progress-bar>\n@if (mode !== 'indeterminate' && showPercentage) {\n<h6 class=\"percentage\" [class]=\"color ? color : 'primary'\">{{ value + '%' }}</h6>\n}\n", styles: [":host{height:100%;min-height:100%;min-width:100%;width:100%;flex-direction:row;box-sizing:border-box;display:flex;place-content:center;align-items:center;padding:10px 0}:host.wide .mat-mdc-progress-bar{height:16px;border-radius:8px}:host.wide ::ng-deep .mdc-linear-progress__bar-inner{border-top-width:16px}:host.wide ::ng-deep .mdc-linear-progress__buffer,:host.wide ::ng-deep .mdc-linear-progress__bar{margin:0;height:16px}:host.wide .percentage{width:10%;text-align:center}:host:not(.wide){flex-direction:column;align-items:baseline}:host:not(.wide) .percentage{text-align:left}:host .percentage{margin:0!important}\n"], dependencies: [{ kind: "component", type: i1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProgressbarComponent, decorators: [{
            type: Component,
            args: [{ selector: 'mic-progress-bar', template: "<mat-progress-bar [mode]=\"mode\" [color]=\"color\" [value]=\"value\" [ariaLabel]=\"ariaLabel\"></mat-progress-bar>\n@if (mode !== 'indeterminate' && showPercentage) {\n<h6 class=\"percentage\" [class]=\"color ? color : 'primary'\">{{ value + '%' }}</h6>\n}\n", styles: [":host{height:100%;min-height:100%;min-width:100%;width:100%;flex-direction:row;box-sizing:border-box;display:flex;place-content:center;align-items:center;padding:10px 0}:host.wide .mat-mdc-progress-bar{height:16px;border-radius:8px}:host.wide ::ng-deep .mdc-linear-progress__bar-inner{border-top-width:16px}:host.wide ::ng-deep .mdc-linear-progress__buffer,:host.wide ::ng-deep .mdc-linear-progress__bar{margin:0;height:16px}:host.wide .percentage{width:10%;text-align:center}:host:not(.wide){flex-direction:column;align-items:baseline}:host:not(.wide) .percentage{text-align:left}:host .percentage{margin:0!important}\n"] }]
        }], propDecorators: { color: [{
                type: Input
            }], mode: [{
                type: Input
            }], value: [{
                type: Input
            }], ariaLabel: [{
                type: Input
            }], showPercentage: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3RoZW1lL3NyYy9saWIvbG9hZGVyL3Byb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvdGhlbWUvc3JjL2xpYi9sb2FkZXIvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBSWpEOztHQUVHO0FBTUgsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQVVFOzs7V0FHRztRQUNhLFNBQUksR0FBb0IsZUFBZSxDQUFDO1FBU3hEOztXQUVHO1FBQ2EsbUJBQWMsR0FBRyxJQUFJLENBQUM7S0FDdkM7OEdBdEJZLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDRLQ1pqQyxxUUFJQTs7MkZEUWEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGtCQUFrQjs4QkFRWixLQUFLO3NCQUFwQixLQUFLO2dCQUtVLElBQUk7c0JBQW5CLEtBQUs7Z0JBSVUsS0FBSztzQkFBcEIsS0FBSztnQkFJVSxTQUFTO3NCQUF4QixLQUFLO2dCQUlVLGNBQWM7c0JBQTdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IFByb2dyZXNzQmFyTW9kZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLWJhcic7XG5cbi8qKlxuICogQ29tcG9uZW50IHRvIGRpc3BsYXkgcHJvZ3Jlc3MgYmFyc1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtaWMtcHJvZ3Jlc3MtYmFyJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFByb2dyZXNzYmFyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRoZW1lIHBhbGV0dGUgKHByaW1hcnksIGFjY2VudCwgd2FybilcbiAgICovXG4gIEBJbnB1dCgpIHB1YmxpYyBjb2xvcjogVGhlbWVQYWxldHRlO1xuICAvKipcbiAgICogUHJvZ3Jlc3MgYmFyIG1vZGVcbiAgICogSW5wdXQgbXVzdCBiZSBvbmUgb2YgdGhlc2UgdmFsdWVzOiBkZXRlcm1pbmF0ZSwgaW5kZXRlcm1pbmF0ZSwgYnVmZmVyLCBxdWVyeSwgZGVmYXVsdHMgdG8gJ2RldGVybWluYXRlJy5cbiAgICovXG4gIEBJbnB1dCgpIHB1YmxpYyBtb2RlOiBQcm9ncmVzc0Jhck1vZGUgPSAnaW5kZXRlcm1pbmF0ZSc7XG4gIC8qKlxuICAgKiBWYWx1ZSBvZiB0aGUgcHJvZ3Jlc3MgYmFyLiBEZWZhdWx0cyB0byB6ZXJvLlxuICAgKi9cbiAgQElucHV0KCkgcHVibGljIHZhbHVlITogbnVtYmVyO1xuICAvKipcbiAgICogQXJpYSBsYWJlbCBmb3IgcHJvZ3Jlc3MgYmFyLlxuICAgKi9cbiAgQElucHV0KCkgcHVibGljIGFyaWFMYWJlbD86IHN0cmluZztcbiAgLyoqXG4gICAqIFNob3cgcGVyY2VudGFnZSAoZGVmYXVsdCB2YWx1ZSB0cnVlKVxuICAgKi9cbiAgQElucHV0KCkgcHVibGljIHNob3dQZXJjZW50YWdlID0gdHJ1ZTtcbn1cbiIsIjxtYXQtcHJvZ3Jlc3MtYmFyIFttb2RlXT1cIm1vZGVcIiBbY29sb3JdPVwiY29sb3JcIiBbdmFsdWVdPVwidmFsdWVcIiBbYXJpYUxhYmVsXT1cImFyaWFMYWJlbFwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbkBpZiAobW9kZSAhPT0gJ2luZGV0ZXJtaW5hdGUnICYmIHNob3dQZXJjZW50YWdlKSB7XG48aDYgY2xhc3M9XCJwZXJjZW50YWdlXCIgW2NsYXNzXT1cImNvbG9yID8gY29sb3IgOiAncHJpbWFyeSdcIj57eyB2YWx1ZSArICclJyB9fTwvaDY+XG59XG4iXX0=