d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Directive, Output, ElementRef, EventEmitter, OnInit, NgZone, Renderer2, OnDestroy } from '@angular/core';
import { keycodes } from 'ngx-tethys/util';

/**
 * @name thyCtrlEnter
 */
@Directive({
    selector: '[thyCtrlEnter]',
    standalone: true
})
export class ThyCtrlEnterDirective implements OnInit, OnDestroy {
    @Output() thyCtrlEnter = new EventEmitter();

    private removeKeydownListenerFn: VoidFunction;

    constructor(private ngZone: NgZone, private elementRef: ElementRef, private renderer: Renderer2) {}

    onKeydown = (event: KeyboardEvent) => {
        const keyCode = event.which || event.keyCode;
        if ((event.ctrlKey || event.metaKey) && keyCode === keycodes.ENTER) {
            event.preventDefault();
            this.ngZone.run(() => {
                this.thyCtrlEnter.emit(event);
            });
        }
    };

    ngOnInit() {
        this.ngZone.runOutsideAngular(() => {
            this.removeKeydownListenerFn = this.renderer.listen(this.elementRef.nativeElement, 'keydown', this.onKeydown);
        });
    }

    ngOnDestroy(): void {
        this.removeKeydownListenerFn();
    }
}

1	import { Directive, Output, ElementRef, EventEmitter, OnInit, NgZone, Renderer2, OnDestroy } from '@angular/core';
2	import { keycodes } from 'ngx-tethys/util';
3
4	/**
5	* @name thyCtrlEnter
6	*/
7	@Directive({	1✔
8	selector: '[thyCtrlEnter]',
9	standalone: true	×
10	})	×
11	export class ThyCtrlEnterDirective implements OnInit, OnDestroy {	×
12	@Output() thyCtrlEnter = new EventEmitter();	×
13		×
14	private removeKeydownListenerFn: VoidFunction;	×
15		×
16	constructor(private ngZone: NgZone, private elementRef: ElementRef, private renderer: Renderer2) {}	×
17		×
18	onKeydown = (event: KeyboardEvent) => {	×
19	const keyCode = event.which \|\| event.keyCode;
20	if ((event.ctrlKey \|\| event.metaKey) && keyCode === keycodes.ENTER) {
21	event.preventDefault();
22	this.ngZone.run(() => {
23	this.thyCtrlEnter.emit(event);
24	});	×
25	}	×
26	};
27
28	ngOnInit() {
29	this.ngZone.runOutsideAngular(() => {	×
30	this.removeKeydownListenerFn = this.renderer.listen(this.elementRef.nativeElement, 'keydown', this.onKeydown);
31	});	1✔
32	}
33
34	ngOnDestroy(): void {
35	this.removeKeydownListenerFn();
36	}	1✔
37	}

atinc / ngx-tethys / d9ae709b-3c27-4b69-b125-b8b80b54f90b

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous