mouse.directive.ts

@Directive({
  selector: "[mouse]",
  exportAs: "mouse"
})
export class MouseComponent {
  private _state = { x: 0, y: 0 };

  get state() {
    return this._state;
  }

  @HostListener("mousemove", ['$event'])
  handleMouseMove(event: MouseEvent) {
    this._state = {
      x: event.clientX,
      y: event.clientY
    };
  }
}