7271938405

Committed 20 Dec 2023 06:42AM UTC coverage: 89.784% (-0.1%) from 89.925%

Build # 7271938405

Build Type

push

github

Committed by

uNmAnNeR

Commit Message

improve IME support

Run Details

847 of 953 branches covered (0.0%)

Branch coverage included in aggregate %.

10 of 32 new or added lines in 1 file covered. (31.25%)

2 existing lines in 1 file now uncovered.

3925 of 4362 relevant lines covered (89.98%)

354.53 hits per line

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

70.0

/packages/imask/src/controls/html-mask-element.ts

import MaskElement, { type ElementEvent } from './mask-element';
import IMask from '../core/holder';


/** Bridge between HTMLElement and {@link Masked} */
export default
abstract class HTMLMaskElement extends MaskElement {
  /** HTMLElement to use mask on */
  declare input: HTMLElement;
  declare _handlers: {[key: string]: EventListener};
  abstract value: string;

  constructor (input: HTMLElement) {
    super();
    this.input = input;
    this._onKeydown = this._onKeydown.bind(this);
    this._onInput = this._onInput.bind(this);
    this._onCompositionEnd = this._onCompositionEnd.bind(this);
  }

  get rootElement (): HTMLDocument {
    return (this.input.getRootNode?.() ?? document) as HTMLDocument;
  }

  /**
    Is element in focus
  */
  get isActive (): boolean {
    return this.input === this.rootElement.activeElement;
  }

  /**
    Binds HTMLElement events to mask internal events
  */
  override bindEvents (handlers: {[key in ElementEvent]: EventListener}) {
    this.input.addEventListener('keydown', this._onKeydown as EventListener);
    this.input.addEventListener('input', this._onInput as EventListener);
    this.input.addEventListener('compositionend', this._onCompositionEnd as EventListener);
    this.input.addEventListener('drop', handlers.drop);
    this.input.addEventListener('click', handlers.click);
    this.input.addEventListener('focus', handlers.focus);
    this.input.addEventListener('blur', handlers.commit);
    this._handlers = handlers;
  }

  _onKeydown (e: KeyboardEvent) {
    if (!e.isComposing) this._handlers.selectionChange(e);
  }

  _onCompositionEnd (e: CompositionEvent) {
    this._handlers.input(e);
  }

  _onInput (e: InputEvent) {
    if (!e.isComposing) this._handlers.input(e);
  }

  /**
    Unbinds HTMLElement events to mask internal events
  */
  override unbindEvents () {
    this.input.removeEventListener('keydown', this._onKeydown as EventListener);
    this.input.removeEventListener('input', this._onInput as EventListener);
    this.input.removeEventListener('compositionend', this._onCompositionEnd as EventListener);
    this.input.removeEventListener('drop', this._handlers.drop);
    this.input.removeEventListener('click', this._handlers.click);
    this.input.removeEventListener('focus', this._handlers.focus);
    this.input.removeEventListener('blur', this._handlers.commit);
    this._handlers = {};
  }
}


IMask.HTMLMaskElement = HTMLMaskElement;

1	import MaskElement, { type ElementEvent } from './mask-element';	1✔
2	import IMask from '../core/holder';	1✔
3		1✔
4		1✔
5	/** Bridge between HTMLElement and {@link Masked} */	1✔
6	export default	1✔
7	abstract class HTMLMaskElement extends MaskElement {	1✔
8	/** HTMLElement to use mask on */	5✔
9	declare input: HTMLElement;	5✔
10	declare _handlers: {[key: string]: EventListener};	5✔
11	abstract value: string;	5✔
12		5✔
13	constructor (input: HTMLElement) {	5✔
14	super();	2✔
15	this.input = input;	2✔
16	this._onKeydown = this._onKeydown.bind(this);	2✔
17	this._onInput = this._onInput.bind(this);	2✔
18	this._onCompositionEnd = this._onCompositionEnd.bind(this);	2✔
19	}	2✔
20		5✔
21	get rootElement (): HTMLDocument {	5✔
22	return (this.input.getRootNode?.() ?? document) as HTMLDocument;	2✔
23	}	2✔
24		5✔
25	/**	5✔
26	Is element in focus	5✔
27	*/	5✔
28	get isActive (): boolean {	5✔
29	return this.input === this.rootElement.activeElement;	2✔
30	}	2✔
31		5✔
32	/**	5✔
33	Binds HTMLElement events to mask internal events	5✔
34	*/	5✔
35	override bindEvents (handlers: {[key in ElementEvent]: EventListener}) {	5✔
NEW 36	this.input.addEventListener('keydown', this._onKeydown as EventListener);	×
NEW 37	this.input.addEventListener('input', this._onInput as EventListener);	×
NEW 38	this.input.addEventListener('compositionend', this._onCompositionEnd as EventListener);	×
NEW 39	this.input.addEventListener('drop', handlers.drop);	×
NEW 40	this.input.addEventListener('click', handlers.click);	×
NEW 41	this.input.addEventListener('focus', handlers.focus);	×
NEW 42	this.input.addEventListener('blur', handlers.commit);	×
NEW 43	this._handlers = handlers;	×
NEW 44	}	×
45		5✔
46	_onKeydown (e: KeyboardEvent) {	5✔
NEW 47	if (!e.isComposing) this._handlers.selectionChange(e);	×
NEW 48	}	×
49		5✔
50	_onCompositionEnd (e: CompositionEvent) {	5✔
NEW 51	this._handlers.input(e);	×
NEW 52	}	×
53		5✔
54	_onInput (e: InputEvent) {	5✔
NEW 55	if (!e.isComposing) this._handlers.input(e);	×
UNCOV 56	}	×
57		5✔
58	/**	5✔
59	Unbinds HTMLElement events to mask internal events	5✔
60	*/	5✔
61	override unbindEvents () {	5✔
NEW 62	this.input.removeEventListener('keydown', this._onKeydown as EventListener);	×
NEW 63	this.input.removeEventListener('input', this._onInput as EventListener);	×
NEW 64	this.input.removeEventListener('compositionend', this._onCompositionEnd as EventListener);	×
NEW 65	this.input.removeEventListener('drop', this._handlers.drop);	×
NEW 66	this.input.removeEventListener('click', this._handlers.click);	×
NEW 67	this.input.removeEventListener('focus', this._handlers.focus);	×
NEW 68	this.input.removeEventListener('blur', this._handlers.commit);	×
NEW 69	this._handlers = {};	×
UNCOV 70	}	×
71	}	5✔
72		1✔
73		1✔
74	IMask.HTMLMaskElement = HTMLMaskElement;	1✔

uNmAnNeR / imaskjs / 7271938405

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