import { Component, Input, Output, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class NoDataComponentUI {
    constructor() {
        this.buttonAction = new EventEmitter();
        this.secondaryActionButton = new EventEmitter();
    }
    ngOnInit() { }
    actionEmitter(button) {
        this.buttonAction.emit(button);
    }
    secondaryActionEmitter(button) {
        this.secondaryActionButton.emit(button);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataComponentUI, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NoDataComponentUI, selector: "app-no-data", inputs: { action: "action", secondaryAction: "secondaryAction", noDataImage: "noDataImage", noDataText: "noDataText", noDataButton: "noDataButton", secondaryButton: "secondaryButton", noDataSecButton: "noDataSecButton", altText: "altText", smallButton: "smallButton" }, outputs: { buttonAction: "buttonAction", secondaryActionButton: "secondaryActionButton" }, 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\">\n      <div *ngIf=\"secondaryButton\">\n        <button class=\"vx-btn md secondary\" (click)=\"actionEmitter($event)\">\n          {{ secondaryButton }}\n        </button>\n      </div>\n      <div *ngIf=\"noDataButton\">\n        <button class=\"vx-btn md primary\" (click)=\"actionEmitter($event)\">\n          {{ noDataButton }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#fff;border-radius:2px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:480px}::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.secondary{background:#fff;border:1px solid #1e5dd3;color:#1e5dd3}::ng-deep .no-data-container button+button{margin-left:4px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:10px}::ng-deep .no-data-container button.small i{margin-right:4px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:space-around}\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: NoDataComponentUI, 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\">\n      <div *ngIf=\"secondaryButton\">\n        <button class=\"vx-btn md secondary\" (click)=\"actionEmitter($event)\">\n          {{ secondaryButton }}\n        </button>\n      </div>\n      <div *ngIf=\"noDataButton\">\n        <button class=\"vx-btn md primary\" (click)=\"actionEmitter($event)\">\n          {{ noDataButton }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#fff;border-radius:2px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:480px}::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.secondary{background:#fff;border:1px solid #1e5dd3;color:#1e5dd3}::ng-deep .no-data-container button+button{margin-left:4px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:10px}::ng-deep .no-data-container button.small i{margin-right:4px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:space-around}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { action: [{
                type: Input
            }], secondaryAction: [{
                type: Input
            }], noDataImage: [{
                type: Input
            }], noDataText: [{
                type: Input
            }], noDataButton: [{
                type: Input
            }], secondaryButton: [{
                type: Input
            }], noDataSecButton: [{
                type: Input
            }], altText: [{
                type: Input
            }], buttonAction: [{
                type: Output
            }], secondaryActionButton: [{
                type: Output
            }], smallButton: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZGF0YS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvbm8tZGF0YS9uby1kYXRhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3VpLWtpdC9uby1kYXRhL25vLWRhdGEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTy9FLE1BQU0sT0FBTyxpQkFBaUI7SUFZNUI7UUFIVSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDMUMsMEJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUU3QyxDQUFDO0lBRWpCLFFBQVEsS0FBVyxDQUFDO0lBRXBCLGFBQWEsQ0FBQyxNQUFjO1FBQzFCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxNQUFjO1FBQ25DLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUMsQ0FBQzsrR0F0QlUsaUJBQWlCO21HQUFqQixpQkFBaUIsNFpDUDlCLHFvQkFrQkE7OzRGRFhhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxhQUFhOzBFQUtkLE1BQU07c0JBQWQsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxxQkFBcUI7c0JBQTlCLE1BQU07Z0JBQ0UsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLW5vLWRhdGEnLFxuICB0ZW1wbGF0ZVVybDogJy4vbm8tZGF0YS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vLWRhdGEuY29tcG9uZW50Lmxlc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTm9EYXRhQ29tcG9uZW50VUkgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBhY3Rpb24hOiBvYmplY3Q7XG4gIEBJbnB1dCgpIHNlY29uZGFyeUFjdGlvbiE6IG9iamVjdDsgLy9idXR0b24gYWN0aW9uXG4gIEBJbnB1dCgpIG5vRGF0YUltYWdlITogc3RyaW5nO1xuICBASW5wdXQoKSBub0RhdGFUZXh0ITogc3RyaW5nO1xuICBASW5wdXQoKSBub0RhdGFCdXR0b24hOiBzdHJpbmcgfCBib29sZWFuO1xuICBASW5wdXQoKSBzZWNvbmRhcnlCdXR0b24hOiBzdHJpbmcgfCBib29sZWFuOyAvL2J1dHRvbiB0ZXh0XG4gIEBJbnB1dCgpIG5vRGF0YVNlY0J1dHRvbiE6IHN0cmluZyB8IGJvb2xlYW47XG4gIEBJbnB1dCgpIGFsdFRleHQhOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBidXR0b25BY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPG9iamVjdD4oKTtcbiAgQE91dHB1dCgpIHNlY29uZGFyeUFjdGlvbkJ1dHRvbiA9IG5ldyBFdmVudEVtaXR0ZXI8b2JqZWN0PigpO1xuICBASW5wdXQoKSBzbWFsbEJ1dHRvbiE6IGJvb2xlYW47XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7IH1cblxuICBhY3Rpb25FbWl0dGVyKGJ1dHRvbjogb2JqZWN0KSB7XG4gICAgdGhpcy5idXR0b25BY3Rpb24uZW1pdChidXR0b24pO1xuICB9XG5cbiAgc2Vjb25kYXJ5QWN0aW9uRW1pdHRlcihidXR0b246IG9iamVjdCkge1xuICAgIHRoaXMuc2Vjb25kYXJ5QWN0aW9uQnV0dG9uLmVtaXQoYnV0dG9uKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm5vLWRhdGEtd3JhcHBlclwiPlxuICA8ZGl2IGNsYXNzPVwibm8tZGF0YS1jb250YWluZXJcIj5cbiAgICA8aW1nIFtzcmNdPVwibm9EYXRhSW1hZ2VcIiBbYWx0XT1cImFsdFRleHRcIiBjbGFzcz1cImltYWdlXCIgLz5cbiAgICA8cCBjbGFzcz1cInRleHRcIiBbaW5uZXJIVE1MXT1cIm5vRGF0YVRleHRcIiAqbmdJZj1cIm5vRGF0YVRleHRcIj48L3A+XG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1yb3dcIj5cbiAgICAgIDxkaXYgKm5nSWY9XCJzZWNvbmRhcnlCdXR0b25cIj5cbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInZ4LWJ0biBtZCBzZWNvbmRhcnlcIiAoY2xpY2spPVwiYWN0aW9uRW1pdHRlcigkZXZlbnQpXCI+XG4gICAgICAgICAge3sgc2Vjb25kYXJ5QnV0dG9uIH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2ICpuZ0lmPVwibm9EYXRhQnV0dG9uXCI+XG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJ2eC1idG4gbWQgcHJpbWFyeVwiIChjbGljayk9XCJhY3Rpb25FbWl0dGVyKCRldmVudClcIj5cbiAgICAgICAgICB7eyBub0RhdGFCdXR0b24gfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==