ngx-mat-menu/esm2015/lib/components/header/header.component.js

⚡ Try it on [StackBlitz](https://stackblitz.com/edit/angular-lnjubx)!

import { __decorate } from "tslib";
import { Component, Output, EventEmitter, Input } from '@angular/core';
let HeaderComponent = class HeaderComponent {
    constructor() {
        this.showMenu = new EventEmitter();
        this.showNotif = new EventEmitter();
    }
    ngOnInit() {
    }
    ngOnChanges() {
        this.heightLogo = this.heightLogo ? this.heightLogo : 'auto';
        this.widthLogo = this.widthLogo ? this.widthLogo : 'auto';
    }
    btnShowMenu_Click() {
        this.showMenu.emit();
    }
    btnShowNotif_Click() {
        this.showNotif.emit();
    }
};
__decorate([
    Input()
], HeaderComponent.prototype, "theme", void 0);
__decorate([
    Input()
], HeaderComponent.prototype, "visibleNotif", void 0);
__decorate([
    Input()
], HeaderComponent.prototype, "srcLogo", void 0);
__decorate([
    Input()
], HeaderComponent.prototype, "heightLogo", void 0);
__decorate([
    Input()
], HeaderComponent.prototype, "widthLogo", void 0);
__decorate([
    Input()
], HeaderComponent.prototype, "badge", void 0);
__decorate([
    Input()
], HeaderComponent.prototype, "borderHeader", void 0);
__decorate([
    Output()
], HeaderComponent.prototype, "showMenu", void 0);
__decorate([
    Output()
], HeaderComponent.prototype, "showNotif", void 0);
HeaderComponent = __decorate([
    Component({
        selector: 'ngx-mat-menu-header',
        template: "<div \r\nstyle=\"height: 100%;\"  \r\n[ngStyle]=\"theme\"\r\n[style.border]=\"borderHeader\"\r\nfxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n    <div>\r\n        <button mat-icon-button (click)=\"btnShowMenu_Click()\">\r\n            <mat-icon>menu</mat-icon>\r\n        </button>\r\n    </div>\r\n    <div>\r\n        <img [src]=\"srcLogo\" [ngStyle]=\"{'height': heightLogo, 'width': widthLogo}\"  style=\"height: 60px; \">\r\n    </div>\r\n    <div>\r\n        <button mat-icon-button *ngIf=\"visibleNotif\">\r\n            <mat-icon (click)=\"btnShowNotif_Click()\" [matBadge]=\"badge\" matBadgeColor=\"warn\" matBadgePosition=\"before\" [matBadgeHidden]=\"badge == 0\">notifications_none</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>",
        styles: [""]
    })
], HeaderComponent);
export { HeaderComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1tYXQtbWVudS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2hlYWRlci9oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBUTFGLElBQWEsZUFBZSxHQUE1QixNQUFhLGVBQWU7SUFZMUI7UUFGVSxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM5QixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUV6QyxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7UUFDN0QsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDNUQsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7Q0FFRixDQUFBO0FBNUJVO0lBQVIsS0FBSyxFQUFFOzhDQUFjO0FBQ2I7SUFBUixLQUFLLEVBQUU7cURBQXVCO0FBQ3RCO0lBQVIsS0FBSyxFQUFFO2dEQUFpQjtBQUNoQjtJQUFSLEtBQUssRUFBRTttREFBb0I7QUFDbkI7SUFBUixLQUFLLEVBQUU7a0RBQW1CO0FBQ2xCO0lBQVIsS0FBSyxFQUFFOzhDQUFlO0FBQ2Q7SUFBUixLQUFLLEVBQUU7cURBQXNCO0FBQ3BCO0lBQVQsTUFBTSxFQUFFO2lEQUErQjtBQUM5QjtJQUFULE1BQU0sRUFBRTtrREFBZ0M7QUFYOUIsZUFBZTtJQUwzQixTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUscUJBQXFCO1FBQy9CLHV3QkFBc0M7O0tBRXZDLENBQUM7R0FDVyxlQUFlLENBK0IzQjtTQS9CWSxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9tZW51LW1vZGVscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25neC1tYXQtbWVudS1oZWFkZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcblxyXG5cclxuICBASW5wdXQoKSB0aGVtZTogVGhlbWU7XHJcbiAgQElucHV0KCkgdmlzaWJsZU5vdGlmOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHNyY0xvZ286IHN0cmluZztcclxuICBASW5wdXQoKSBoZWlnaHRMb2dvOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgd2lkdGhMb2dvOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYmFkZ2U6IG51bWJlcjtcclxuICBASW5wdXQoKSBib3JkZXJIZWFkZXI6IHN0cmluZztcclxuICBAT3V0cHV0KCkgc2hvd01lbnUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHNob3dOb3RpZiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoKSB7XHJcbiAgICB0aGlzLmhlaWdodExvZ28gPSB0aGlzLmhlaWdodExvZ28gPyB0aGlzLmhlaWdodExvZ28gOiAnYXV0byc7XHJcbiAgICB0aGlzLndpZHRoTG9nbyA9IHRoaXMud2lkdGhMb2dvID8gdGhpcy53aWR0aExvZ28gOiAnYXV0byc7XHJcbiAgfVxyXG5cclxuICBidG5TaG93TWVudV9DbGljaygpIHtcclxuICAgIHRoaXMuc2hvd01lbnUuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgYnRuU2hvd05vdGlmX0NsaWNrKCkge1xyXG4gICAgdGhpcy5zaG93Tm90aWYuZW1pdCgpO1xyXG4gIH1cclxuXHJcbn1cclxuIl19