import { Component, Input } from '@angular/core';
import { BannerType } from '../models/qms-banner.model';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/progress-spinner";
export class QmsBannerLoadingComponent {
    constructor() {
        this.type = BannerType.primary;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsBannerLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QmsBannerLoadingComponent, selector: "qms-banner-loading", inputs: { type: "type", title: "title", percent: "percent" }, ngImport: i0, template: "<div class=\"qms-banner-loading-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\n    <span class=\"qms-banner-loading-container-text\">\n        {{ title }}\n    </span>\n\n   <div class=\"loading-infor\">\n       <div class=\"spinner spinner-{{type}}\">\n            <mat-spinner diameter=\"30\"></mat-spinner>\n        </div>\n\n        <span class=\"percent\">\n            {{ percent }}%\n        </span>\n   </div>\n</div>", styles: [".banner-container-primary{background-color:#e5eefb;border-bottom:1px solid #1954A9}.banner-container-warning{background-color:#e4cf534d;border-bottom:1px solid #E4CF53}.banner-container-success{background-color:#00804c1a;border-bottom:1px solid #00804C}.banner-container-error{background-color:#b0002014;border-bottom:1px solid #B00020}.banner-container-light{background-color:#fafafa;border-bottom:1px solid rgba(0,0,0,.6)}.banner-container-none{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.6)}.text-color-primary{color:#144285}.text-color-warning{color:#726729}.text-color-success{color:#005935}.text-color-error{color:#b00020}.text-color-light,.text-color-none{color:#323232}.qms-banner-loading-container{display:flex;align-items:center;width:100%;height:100%;padding:16px;font-family:Raleway}.qms-banner-loading-container-text{font-size:16px;line-height:22px;font-weight:600}.qms-banner-loading-container .loading-infor{margin-left:auto;display:flex}.qms-banner-loading-container .loading-infor ::ng-deep .spinner{height:30px}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-primary .mat-mdc-progress-spinner circle{stroke:#144285}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-warning .mat-mdc-progress-spinner circle{stroke:#726729}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-success .mat-mdc-progress-spinner circle{stroke:#005935}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-error .mat-mdc-progress-spinner circle{stroke:#b00020}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-light .mat-mdc-progress-spinner circle{stroke:#323232}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-none .mat-mdc-progress-spinner circle{stroke:#323232}.qms-banner-loading-container .loading-infor .percent{font-size:22px;line-height:26px;font-weight:500;margin-left:32px}\n"], dependencies: [{ kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsBannerLoadingComponent, decorators: [{
            type: Component,
            args: [{ selector: 'qms-banner-loading', template: "<div class=\"qms-banner-loading-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\n    <span class=\"qms-banner-loading-container-text\">\n        {{ title }}\n    </span>\n\n   <div class=\"loading-infor\">\n       <div class=\"spinner spinner-{{type}}\">\n            <mat-spinner diameter=\"30\"></mat-spinner>\n        </div>\n\n        <span class=\"percent\">\n            {{ percent }}%\n        </span>\n   </div>\n</div>", styles: [".banner-container-primary{background-color:#e5eefb;border-bottom:1px solid #1954A9}.banner-container-warning{background-color:#e4cf534d;border-bottom:1px solid #E4CF53}.banner-container-success{background-color:#00804c1a;border-bottom:1px solid #00804C}.banner-container-error{background-color:#b0002014;border-bottom:1px solid #B00020}.banner-container-light{background-color:#fafafa;border-bottom:1px solid rgba(0,0,0,.6)}.banner-container-none{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.6)}.text-color-primary{color:#144285}.text-color-warning{color:#726729}.text-color-success{color:#005935}.text-color-error{color:#b00020}.text-color-light,.text-color-none{color:#323232}.qms-banner-loading-container{display:flex;align-items:center;width:100%;height:100%;padding:16px;font-family:Raleway}.qms-banner-loading-container-text{font-size:16px;line-height:22px;font-weight:600}.qms-banner-loading-container .loading-infor{margin-left:auto;display:flex}.qms-banner-loading-container .loading-infor ::ng-deep .spinner{height:30px}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-primary .mat-mdc-progress-spinner circle{stroke:#144285}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-warning .mat-mdc-progress-spinner circle{stroke:#726729}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-success .mat-mdc-progress-spinner circle{stroke:#005935}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-error .mat-mdc-progress-spinner circle{stroke:#b00020}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-light .mat-mdc-progress-spinner circle{stroke:#323232}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-none .mat-mdc-progress-spinner circle{stroke:#323232}.qms-banner-loading-container .loading-infor .percent{font-size:22px;line-height:26px;font-weight:500;margin-left:32px}\n"] }]
        }], propDecorators: { type: [{
                type: Input
            }], title: [{
                type: Input
            }], percent: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicW1zLWJhbm5lci1sb2FkaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Ftcy1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9iYW5uZXIvcW1zLWJhbm5lci1sb2FkaW5nL3Ftcy1iYW5uZXItbG9hZGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xbXMtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvYmFubmVyL3Ftcy1iYW5uZXItbG9hZGluZy9xbXMtYmFubmVyLWxvYWRpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFPeEQsTUFBTSxPQUFPLHlCQUF5QjtJQUx0QztRQU1hLFNBQUksR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDO0tBR3RDOytHQUpZLHlCQUF5QjttR0FBekIseUJBQXlCLHdIQ1J0QyxvZEFjTTs7NEZETk8seUJBQXlCO2tCQUxyQyxTQUFTOytCQUNJLG9CQUFvQjs4QkFLckIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYW5uZXJUeXBlIH0gZnJvbSAnLi4vbW9kZWxzL3Ftcy1iYW5uZXIubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Ftcy1iYW5uZXItbG9hZGluZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Ftcy1iYW5uZXItbG9hZGluZy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcW1zLWJhbm5lci1sb2FkaW5nLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUW1zQmFubmVyTG9hZGluZ0NvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdHlwZSA9IEJhbm5lclR5cGUucHJpbWFyeTtcbiAgICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHBlcmNlbnQ6IG51bWJlcjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJxbXMtYmFubmVyLWxvYWRpbmctY29udGFpbmVyIGJhbm5lci1jb250YWluZXIte3t0eXBlfX0gdGV4dC1jb2xvci17e3R5cGV9fSBmb250LXNpemUtMTQgbGluZS1oZWlnaHQtMjJcIj5cbiAgICA8c3BhbiBjbGFzcz1cInFtcy1iYW5uZXItbG9hZGluZy1jb250YWluZXItdGV4dFwiPlxuICAgICAgICB7eyB0aXRsZSB9fVxuICAgIDwvc3Bhbj5cblxuICAgPGRpdiBjbGFzcz1cImxvYWRpbmctaW5mb3JcIj5cbiAgICAgICA8ZGl2IGNsYXNzPVwic3Bpbm5lciBzcGlubmVyLXt7dHlwZX19XCI+XG4gICAgICAgICAgICA8bWF0LXNwaW5uZXIgZGlhbWV0ZXI9XCIzMFwiPjwvbWF0LXNwaW5uZXI+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxzcGFuIGNsYXNzPVwicGVyY2VudFwiPlxuICAgICAgICAgICAge3sgcGVyY2VudCB9fSVcbiAgICAgICAgPC9zcGFuPlxuICAgPC9kaXY+XG48L2Rpdj4iXX0=