295baa8b-6e06-4564-af93-07616a108d32

Committed 01 Apr 2024 06:33PM CUT coverage: 100.0%. Remained the same

Build # 295baa8b-6e06-4564-af93-07616a108d32

Build Type

push

circleci

Committed by

Raiper34

Commit Message

docs(readme): add focus unleavable directive into README.md

Run Details

78 of 78 branches covered (100.0%)

Branch coverage included in aggregate %.

196 of 196 relevant lines covered (100.0%)

12.29 hits per line

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

100.0

/projects/ngx-focus-control/src/lib/directives/focus-selector.directive.ts

import {Directive, ElementRef, HostListener, Inject, Input} from '@angular/core';
import {DOCUMENT} from '@angular/common';
import {Keys} from '../helpers/keys.enum';

@Directive({
  selector: '[fuSelector]'
})
export class FocusSelectorDirective {

  @Input('fuSelector') selector: string;

  constructor(@Inject(DOCUMENT) private readonly document: any,
              private readonly el: ElementRef) {
  }

  @HostListener(`keydown`, ['$event']) goTo($event: KeyboardEvent) {
    if ($event.key === Keys.Tab) {
      const elements = Array.from(this.document.querySelectorAll(this.selector));
      const index = elements.findIndex(item => item === this.el.nativeElement);
      if ($event.shiftKey && index > 0) {
        $event.preventDefault();
        $event.stopPropagation();
        (elements[index - 1] as HTMLElement).focus();
      } else if (!$event.shiftKey && index < elements.length - 1) {
        $event.preventDefault();
        $event.stopPropagation();
        (elements[index + 1] as HTMLElement).focus();
      }
    }
  }

}

1	import {Directive, ElementRef, HostListener, Inject, Input} from '@angular/core';
2	import {DOCUMENT} from '@angular/common';
3	import {Keys} from '../helpers/keys.enum';
4
5	@Directive({
6	selector: '[fuSelector]'
7	})
8	export class FocusSelectorDirective {	1✔
9
10	@Input('fuSelector') selector: string;
11
12	constructor(@Inject(DOCUMENT) private readonly document: any,	11✔
13	private readonly el: ElementRef) {	11✔
14	}
15
16	@HostListener(`keydown`, ['$event']) goTo($event: KeyboardEvent) {
17	if ($event.key === Keys.Tab) {	4✔
18	const elements = Array.from(this.document.querySelectorAll(this.selector));	3✔
19	const index = elements.findIndex(item => item === this.el.nativeElement);	5✔
20	if ($event.shiftKey && index > 0) {	3✔
21	$event.preventDefault();	1✔
22	$event.stopPropagation();	1✔
23	(elements[index - 1] as HTMLElement).focus();	1✔
24	} else if (!$event.shiftKey && index < elements.length - 1) {	2✔
25	$event.preventDefault();	1✔
26	$event.stopPropagation();	1✔
27	(elements[index + 1] as HTMLElement).focus();	1✔
28	}
29	}
30	}
31
32	}

Raiper34 / ngx-focus-control / 295baa8b-6e06-4564-af93-07616a108d32

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