import { Component, Input } from '@angular/core';
import { BannerType } from '../models/qms-banner.model';
export class QmsBannerLoadingComponent {
    constructor() {
        this.type = BannerType.primary;
    }
}
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\">\r\n    <span class=\"qms-banner-loading-container-text\">\r\n        {{ title }}\r\n    </span>\r\n\r\n   <div class=\"loading-infor\">\r\n       <div class=\"spinner spinner-{{type}}\">\r\n            <mat-spinner diameter=\"30\"></mat-spinner>\r\n        </div>\r\n\r\n        <span class=\"percent\">\r\n            {{ percent }}%\r\n        </span>\r\n   </div>\r\n</div>",
                styles: [".banner-container-primary{background-color:#e5eefb;border-bottom:1px solid #1954a9}.banner-container-warning{background-color:rgba(228,207,83,.3);border-bottom:1px solid #e4cf53}.banner-container-success{background-color:rgba(0,128,76,.1);border-bottom:1px solid #00804c}.banner-container-error{background-color:rgba(176,0,32,.08);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-progress-spinner circle,.qms-banner-loading-container .loading-infor ::ng-deep .spinner-primary .mat-spinner circle{stroke:#144285}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-warning .mat-progress-spinner circle,.qms-banner-loading-container .loading-infor ::ng-deep .spinner-warning .mat-spinner circle{stroke:#726729}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-success .mat-progress-spinner circle,.qms-banner-loading-container .loading-infor ::ng-deep .spinner-success .mat-spinner circle{stroke:#005935}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-error .mat-progress-spinner circle,.qms-banner-loading-container .loading-infor ::ng-deep .spinner-error .mat-spinner circle{stroke:#b00020}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-light .mat-progress-spinner circle,.qms-banner-loading-container .loading-infor ::ng-deep .spinner-light .mat-spinner circle{stroke:#323232}.qms-banner-loading-container .loading-infor ::ng-deep .spinner-none .mat-progress-spinner circle,.qms-banner-loading-container .loading-infor ::ng-deep .spinner-none .mat-spinner circle{stroke:#323232}.qms-banner-loading-container .loading-infor .percent{font-size:22px;line-height:26px;font-weight:500;margin-left:32px}"]
            },] }
];
QmsBannerLoadingComponent.propDecorators = {
    type: [{ type: Input }],
    title: [{ type: Input }],
    percent: [{ type: Input }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicW1zLWJhbm5lci1sb2FkaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Ftcy1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9iYW5uZXIvcW1zLWJhbm5lci1sb2FkaW5nL3Ftcy1iYW5uZXItbG9hZGluZy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBT3hELE1BQU0sT0FBTyx5QkFBeUI7SUFMdEM7UUFNYSxTQUFJLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQztJQUd2QyxDQUFDOzs7WUFUQSxTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsMGZBQWtEOzthQUVyRDs7O21CQUVJLEtBQUs7b0JBQ0wsS0FBSztzQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCYW5uZXJUeXBlIH0gZnJvbSAnLi4vbW9kZWxzL3Ftcy1iYW5uZXIubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Ftcy1iYW5uZXItbG9hZGluZycsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vcW1zLWJhbm5lci1sb2FkaW5nLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3Ftcy1iYW5uZXItbG9hZGluZy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBRbXNCYW5uZXJMb2FkaW5nQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIHR5cGUgPSBCYW5uZXJUeXBlLnByaW1hcnk7XHJcbiAgICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcGVyY2VudDogbnVtYmVyO1xyXG59XHJcbiJdfQ==