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