7016448138

Committed 28 Nov 2023 09:04AM UTC coverage: 97.204% (+0.2%) from 97.039%

Build # 7016448138

Build Type

Pull #983

github

Committed by

web-flow

Commit Message

Merge add2abdf7 into 74804a855

Pull Request Pull Request #983: feat: Refactor toggle directive into popover component

Run Details

3232 of 3450 branches covered (0.0%)

Branch coverage included in aggregate %.

1319 of 1325 new or added lines in 15 files covered. (99.55%)

4 existing lines in 2 files now uncovered.

20268 of 20726 relevant lines covered (97.79%)

430.08 hits per line

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

94.55

/src/components/common/controllers/root-click.ts

import type { ReactiveController, ReactiveControllerHost } from 'lit';

interface RootClickControllerConfig {
  hideCallback?: Function;
  target?: HTMLElement;
}

type RootClickControllerHost = ReactiveControllerHost &
  HTMLElement & {
    open: boolean;
    keepOpenOnOutsideClick: boolean;
    hide(): void;
  };

class RootClickController implements ReactiveController {
  private _abortController: AbortController;

  protected get abortController() {
    if (this._abortController.signal.aborted) {
      this._abortController = new AbortController();
    }

    return this._abortController;
  }

  constructor(
    private readonly host: RootClickControllerHost,
    private config?: RootClickControllerConfig
  ) {
    this.host.addController(this);
    this._abortController = new AbortController();
  }

  private addEventListeners() {
    if (!this.host.keepOpenOnOutsideClick) {
      document.addEventListener('click', this.handleClick, {
        signal: this.abortController.signal,
      });
    }

    // TODO: Implement the scroll blocking?
  }

  private configureListeners() {
    this.host.open ? this.addEventListeners() : this.abortController.abort();
  }

  private handleClick = (event: MouseEvent) => {
    if (this.host.keepOpenOnOutsideClick) {
      return;
    }

    const path = event.composed ? event.composedPath() : [event.target];
    const target = this.config?.target || null;
    if (path.includes(this.host) || path.includes(target)) {
      return;
    }

    this.hide();
  };

  private hide() {
    this.config?.hideCallback
      ? this.config.hideCallback.call(this.host)
      : this.host.hide();
  }

  public update(config?: RootClickControllerConfig) {
    if (config) {
      this.config = { ...this.config, ...config };
    }
    this.configureListeners();
  }

  public hostConnected() {
    this.configureListeners();
  }

  public hostDisconnected() {
    this.abortController.abort();
  }
}

export function addRootClickHandler(
  host: RootClickControllerHost,
  config?: RootClickControllerConfig
) {
  return new RootClickController(host, config);
}

1	import type { ReactiveController, ReactiveControllerHost } from 'lit';	34✔
2		34✔
3	interface RootClickControllerConfig {	34✔
4	hideCallback?: Function;	34✔
5	target?: HTMLElement;	34✔
6	}	34✔
7		34✔
8	type RootClickControllerHost = ReactiveControllerHost &	34✔
9	HTMLElement & {	34✔
10	open: boolean;	34✔
11	keepOpenOnOutsideClick: boolean;	34✔
12	hide(): void;	34✔
13	};	34✔
14		34✔
15	class RootClickController implements ReactiveController {	34✔
16	private _abortController: AbortController;	34✔
17		34✔
18	protected get abortController() {	34✔
19	if (this._abortController.signal.aborted) {	297✔
20	this._abortController = new AbortController();	132✔
21	}	132✔
22		297✔
23	return this._abortController;	297✔
24	}	297✔
25		34✔
26	constructor(	34✔
27	private readonly host: RootClickControllerHost,	106✔
28	private config?: RootClickControllerConfig	106✔
29	) {	106✔
30	this.host.addController(this);	106✔
31	this._abortController = new AbortController();	106✔
32	}	106✔
33		34✔
34	private addEventListeners() {	34✔
35	if (!this.host.keepOpenOnOutsideClick) {	62✔
36	document.addEventListener('click', this.handleClick, {	59✔
37	signal: this.abortController.signal,	59✔
38	});	59✔
39	}	59✔
40		62✔
41	// TODO: Implement the scroll blocking?	62✔
42	}	62✔
43		34✔
44	private configureListeners() {	34✔
45	this.host.open ? this.addEventListeners() : this.abortController.abort();	194✔
46	}	194✔
47		34✔
48	private handleClick = (event: MouseEvent) => {	34✔
49	if (this.host.keepOpenOnOutsideClick) {	55!
50	return;	32✔
51	}	32✔
52		55✔
53	const path = event.composed ? event.composedPath() : [event.target];	55!
54	const target = this.config?.target \|\| null;	55✔
55	if (path.includes(this.host) \|\| path.includes(target)) {	55✔
56	return;	51✔
57	}	51✔
58		36✔
59	this.hide();	36✔
60	};	34✔
61		34✔
62	private hide() {	34✔
63	this.config?.hideCallback	4✔
64	? this.config.hideCallback.call(this.host)	4✔
65	: this.host.hide();	4!
66	}	4✔
67		34✔
68	public update(config?: RootClickControllerConfig) {	34✔
69	if (config) {	88!
NEW 70	this.config = { ...this.config, ...config };	×
NEW 71	}	×
72	this.configureListeners();	88✔
73	}	88✔
74		34✔
75	public hostConnected() {	34✔
76	this.configureListeners();	106✔
77	}	106✔
78		34✔
79	public hostDisconnected() {	34✔
80	this.abortController.abort();	106✔
81	}	106✔
82	}	34✔
83		34✔
84	export function addRootClickHandler(	34✔
85	host: RootClickControllerHost,	106✔
86	config?: RootClickControllerConfig	106✔
87	) {	106✔
88	return new RootClickController(host, config);	106✔
89	}	106✔

IgniteUI / igniteui-webcomponents / 7016448138

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