ngx-mat-menu
Version:
⚡ Try it on [StackBlitz](https://stackblitz.com/edit/angular-lnjubx)!
35 lines • 3.17 kB
JavaScript
import { __decorate } from "tslib";
import { Directive, HostListener, ElementRef } from '@angular/core';
import { NgxMatMenuComponent } from '../ngx-mat-menu.component';
let ColorDirective = class ColorDirective {
constructor(elementRef, menucomp) {
this.elementRef = elementRef;
this.menucomp = menucomp;
}
onMouseEnter() {
this.highlight(this.menucomp.badgeColor);
}
onMouseLeave() {
this.highlight(null);
}
highlight(color) {
this.elementRef.nativeElement.style.color = color;
}
};
ColorDirective.ctorParameters = () => [
{ type: ElementRef },
{ type: NgxMatMenuComponent }
];
__decorate([
HostListener('mouseenter')
], ColorDirective.prototype, "onMouseEnter", null);
__decorate([
HostListener('mouseleave')
], ColorDirective.prototype, "onMouseLeave", null);
ColorDirective = __decorate([
Directive({
selector: '[libColor]'
})
], ColorDirective);
export { ColorDirective };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3IuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LW1hdC1tZW51LyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvY29sb3IuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFLaEUsSUFBYSxjQUFjLEdBQTNCLE1BQWEsY0FBYztJQUV6QixZQUFvQixVQUFzQixFQUN0QixRQUE2QjtRQUQ3QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQXFCO0lBQUksQ0FBQztJQUkxQixZQUFZO1FBQ3RDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRTJCLFlBQVk7UUFDdEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN2QixDQUFDO0lBRU8sU0FBUyxDQUFDLEtBQWE7UUFDN0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDcEQsQ0FBQztDQUVGLENBQUE7O1lBakJpQyxVQUFVO1lBQ1osbUJBQW1COztBQUlyQjtJQUEzQixZQUFZLENBQUMsWUFBWSxDQUFDO2tEQUUxQjtBQUUyQjtJQUEzQixZQUFZLENBQUMsWUFBWSxDQUFDO2tEQUUxQjtBQWJVLGNBQWM7SUFIMUIsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLFlBQVk7S0FDdkIsQ0FBQztHQUNXLGNBQWMsQ0FtQjFCO1NBbkJZLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RMaXN0ZW5lciwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ3hNYXRNZW51U2VydmljZSB9IGZyb20gJy4uL25neC1tYXQtbWVudS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTmd4TWF0TWVudUNvbXBvbmVudCB9IGZyb20gJy4uL25neC1tYXQtbWVudS5jb21wb25lbnQnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbbGliQ29sb3JdJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29sb3JEaXJlY3RpdmUge1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICAgICAgICAgICAgcHJpdmF0ZSBtZW51Y29tcDogTmd4TWF0TWVudUNvbXBvbmVudCkgeyB9XHJcblxyXG4gIFxyXG5cclxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJykgb25Nb3VzZUVudGVyKCkge1xyXG4gICAgdGhpcy5oaWdobGlnaHQodGhpcy5tZW51Y29tcC5iYWRnZUNvbG9yKTtcclxuICB9XHJcbiAgXHJcbiAgQEhvc3RMaXN0ZW5lcignbW91c2VsZWF2ZScpIG9uTW91c2VMZWF2ZSgpIHtcclxuICAgIHRoaXMuaGlnaGxpZ2h0KG51bGwpO1xyXG4gIH1cclxuICBcclxuICBwcml2YXRlIGhpZ2hsaWdodChjb2xvcjogc3RyaW5nKSB7XHJcbiAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zdHlsZS5jb2xvciA9IGNvbG9yO1xyXG4gIH1cclxuICBcclxufVxyXG4iXX0=