ngx-mat-menu/esm5/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';
var HeaderComponent = /** @class */ (function () {
    function HeaderComponent() {
        this.showMenu = new EventEmitter();
        this.showNotif = new EventEmitter();
    }
    HeaderComponent.prototype.ngOnInit = function () {
    };
    HeaderComponent.prototype.ngOnChanges = function () {
        this.heightLogo = this.heightLogo ? this.heightLogo : 'auto';
        this.widthLogo = this.widthLogo ? this.widthLogo : 'auto';
    };
    HeaderComponent.prototype.btnShowMenu_Click = function () {
        this.showMenu.emit();
    };
    HeaderComponent.prototype.btnShowNotif_Click = function () {
        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);
    return HeaderComponent;
}());
export { HeaderComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1tYXQtbWVudS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2hlYWRlci9oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBUTFGO0lBWUU7UUFGVSxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM5QixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUV6QyxDQUFDO0lBRUQsa0NBQVEsR0FBUjtJQUNBLENBQUM7SUFFRCxxQ0FBVyxHQUFYO1FBQ0UsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7UUFDN0QsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDNUQsQ0FBQztJQUVELDJDQUFpQixHQUFqQjtRQUNFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELDRDQUFrQixHQUFsQjtRQUNFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQTFCUTtRQUFSLEtBQUssRUFBRTtrREFBYztJQUNiO1FBQVIsS0FBSyxFQUFFO3lEQUF1QjtJQUN0QjtRQUFSLEtBQUssRUFBRTtvREFBaUI7SUFDaEI7UUFBUixLQUFLLEVBQUU7dURBQW9CO0lBQ25CO1FBQVIsS0FBSyxFQUFFO3NEQUFtQjtJQUNsQjtRQUFSLEtBQUssRUFBRTtrREFBZTtJQUNkO1FBQVIsS0FBSyxFQUFFO3lEQUFzQjtJQUNwQjtRQUFULE1BQU0sRUFBRTtxREFBK0I7SUFDOUI7UUFBVCxNQUFNLEVBQUU7c0RBQWdDO0lBWDlCLGVBQWU7UUFMM0IsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLHFCQUFxQjtZQUMvQix1d0JBQXNDOztTQUV2QyxDQUFDO09BQ1csZUFBZSxDQStCM0I7SUFBRCxzQkFBQztDQUFBLEFBL0JELElBK0JDO1NBL0JZLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL21lbnUtbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbmd4LW1hdC1tZW51LWhlYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vaGVhZGVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuXHJcblxyXG4gIEBJbnB1dCgpIHRoZW1lOiBUaGVtZTtcclxuICBASW5wdXQoKSB2aXNpYmxlTm90aWY6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgc3JjTG9nbzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGhlaWdodExvZ286IHN0cmluZztcclxuICBASW5wdXQoKSB3aWR0aExvZ286IHN0cmluZztcclxuICBASW5wdXQoKSBiYWRnZTogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGJvcmRlckhlYWRlcjogc3RyaW5nO1xyXG4gIEBPdXRwdXQoKSBzaG93TWVudSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgc2hvd05vdGlmID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcygpIHtcclxuICAgIHRoaXMuaGVpZ2h0TG9nbyA9IHRoaXMuaGVpZ2h0TG9nbyA/IHRoaXMuaGVpZ2h0TG9nbyA6ICdhdXRvJztcclxuICAgIHRoaXMud2lkdGhMb2dvID0gdGhpcy53aWR0aExvZ28gPyB0aGlzLndpZHRoTG9nbyA6ICdhdXRvJztcclxuICB9XHJcblxyXG4gIGJ0blNob3dNZW51X0NsaWNrKCkge1xyXG4gICAgdGhpcy5zaG93TWVudS5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBidG5TaG93Tm90aWZfQ2xpY2soKSB7XHJcbiAgICB0aGlzLnNob3dOb3RpZi5lbWl0KCk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=