import { Component, Input, Output, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class NoDataComponent {
    constructor() {
        this.buttonAction = new EventEmitter();
    }
    actionEmitter(button) {
        this.buttonAction.emit(button);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NoDataComponent, selector: "app-no-data", inputs: { action: "action", noDataImage: "noDataImage", noDataText: "noDataText", noDataButton: "noDataButton", noDataSecButton: "noDataSecButton", altText: "altText", smallButton: "smallButton", button: "button" }, outputs: { buttonAction: "buttonAction" }, ngImport: i0, template: "<div class=\"no-data-wrapper\">\n  <div class=\"no-data-container\">\n    <img [src]=\"noDataImage\" [alt]=\"altText\" class=\"image\" />\n    <p class=\"text\" [innerHTML]=\"noDataText\" *ngIf=\"noDataText\"></p>\n    <div class=\"button-row\" *ngIf=\"noDataButton\">\n      <button (click)=\"actionEmitter(button)\" [class.small]=\"smallButton\">\n        {{ noDataButton }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#fff;border-radius:4px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:500px}::ng-deep .no-data-container .image{width:300px;margin-bottom:24px;display:inline-block}::ng-deep .no-data-container p.text{font-size:19px;font-weight:400;line-height:28px;color:#565a6f;text-align:center;margin:0}::ng-deep .no-data-container p.text strong{font-weight:500}::ng-deep .no-data-container p.text .small-text{color:#787a8c;font-size:13px;line-height:20px;margin:8px 0 0}::ng-deep .no-data-container p.text .small-text strong{color:#000;font-weight:500}::ng-deep .no-data-container button{height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:500;line-height:24px;cursor:pointer;background:#1e5dd3;border:none;outline:none;text-transform:uppercase;padding:0 12px;margin:24px 0 0}::ng-deep .no-data-container button+button{margin-left:4px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:11px}::ng-deep .no-data-container button.small i{margin-right:5px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-no-data', template: "<div class=\"no-data-wrapper\">\n  <div class=\"no-data-container\">\n    <img [src]=\"noDataImage\" [alt]=\"altText\" class=\"image\" />\n    <p class=\"text\" [innerHTML]=\"noDataText\" *ngIf=\"noDataText\"></p>\n    <div class=\"button-row\" *ngIf=\"noDataButton\">\n      <button (click)=\"actionEmitter(button)\" [class.small]=\"smallButton\">\n        {{ noDataButton }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#fff;border-radius:4px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:500px}::ng-deep .no-data-container .image{width:300px;margin-bottom:24px;display:inline-block}::ng-deep .no-data-container p.text{font-size:19px;font-weight:400;line-height:28px;color:#565a6f;text-align:center;margin:0}::ng-deep .no-data-container p.text strong{font-weight:500}::ng-deep .no-data-container p.text .small-text{color:#787a8c;font-size:13px;line-height:20px;margin:8px 0 0}::ng-deep .no-data-container p.text .small-text strong{color:#000;font-weight:500}::ng-deep .no-data-container button{height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:500;line-height:24px;cursor:pointer;background:#1e5dd3;border:none;outline:none;text-transform:uppercase;padding:0 12px;margin:24px 0 0}::ng-deep .no-data-container button+button{margin-left:4px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:11px}::ng-deep .no-data-container button.small i{margin-right:5px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:center}\n"] }]
        }], propDecorators: { action: [{
                type: Input
            }], noDataImage: [{
                type: Input
            }], noDataText: [{
                type: Input
            }], noDataButton: [{
                type: Input
            }], noDataSecButton: [{
                type: Input
            }], altText: [{
                type: Input
            }], buttonAction: [{
                type: Output
            }], smallButton: [{
                type: Input
            }], button: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZGF0YS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL25vLWRhdGEvbm8tZGF0YS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL25vLWRhdGEvbm8tZGF0YS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPdkUsTUFBTSxPQUFPLGVBQWU7SUFMNUI7UUFZWSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FPbEQ7SUFIQyxhQUFhLENBQUMsTUFBVztRQUN2QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDOytHQWJVLGVBQWU7bUdBQWYsZUFBZSxzVENQNUIsMmFBV0E7OzRGREphLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsYUFBYTs4QkFLZCxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1uby1kYXRhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vLWRhdGEuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uby1kYXRhLmNvbXBvbmVudC5sZXNzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE5vRGF0YUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGFjdGlvbiE6IG9iamVjdDtcbiAgQElucHV0KCkgbm9EYXRhSW1hZ2UhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG5vRGF0YVRleHQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG5vRGF0YUJ1dHRvbiE6IHN0cmluZyB8IGJvb2xlYW47XG4gIEBJbnB1dCgpIG5vRGF0YVNlY0J1dHRvbiE6IHN0cmluZyB8IGJvb2xlYW47XG4gIEBJbnB1dCgpIGFsdFRleHQhOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBidXR0b25BY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQElucHV0KCkgc21hbGxCdXR0b24hOiBib29sZWFuO1xuICBASW5wdXQoKSBidXR0b24hOiBhbnk7XG5cbiAgYWN0aW9uRW1pdHRlcihidXR0b246IGFueSkge1xuICAgIHRoaXMuYnV0dG9uQWN0aW9uLmVtaXQoYnV0dG9uKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm5vLWRhdGEtd3JhcHBlclwiPlxuICA8ZGl2IGNsYXNzPVwibm8tZGF0YS1jb250YWluZXJcIj5cbiAgICA8aW1nIFtzcmNdPVwibm9EYXRhSW1hZ2VcIiBbYWx0XT1cImFsdFRleHRcIiBjbGFzcz1cImltYWdlXCIgLz5cbiAgICA8cCBjbGFzcz1cInRleHRcIiBbaW5uZXJIVE1MXT1cIm5vRGF0YVRleHRcIiAqbmdJZj1cIm5vRGF0YVRleHRcIj48L3A+XG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1yb3dcIiAqbmdJZj1cIm5vRGF0YUJ1dHRvblwiPlxuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiYWN0aW9uRW1pdHRlcihidXR0b24pXCIgW2NsYXNzLnNtYWxsXT1cInNtYWxsQnV0dG9uXCI+XG4gICAgICAgIHt7IG5vRGF0YUJ1dHRvbiB9fVxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=