happy-dom 17.6.3 → 18.0.0

package/src/css/declaration/property-manager/CSSStyleDeclarationValueParser.ts

@@ -178,7 +178,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getLength(value: string): string {
+	public static getLength(value: string): string | null {
 		if (value === '0') {
 			return '0px';
 		}
@@ -200,7 +200,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getPercentage(value: string): string {
+	public static getPercentage(value: string): string | null {
 		if (value === '0') {
 			return '0%';
 		}
@@ -216,7 +216,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getDegree(value: string): string {
+	public static getDegree(value: string): string | null {
 		if (value === '0') {
 			return '0deg';
 		}
@@ -232,7 +232,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getCalc(value: string): string {
+	public static getCalc(value: string): string | null {
 		if (CALC_REGEXP.test(value)) {
 			return value;
 		}
@@ -245,7 +245,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getFitContent(value: string): string {
+	public static getFitContent(value: string): string | null {
 		const lowerValue = value.toLowerCase();
 		if (
 			lowerValue === 'auto' ||
@@ -267,7 +267,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getMeasurement(value: string): string {
+	public static getMeasurement(value: string): string | null {
 		return this.getLength(value) || this.getPercentage(value) || this.getCalc(value);
 	}
 
@@ -277,7 +277,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getContentMeasurement(value: string): string {
+	public static getContentMeasurement(value: string): string | null {
 		return this.getFitContent(value) || this.getMeasurement(value);
 	}
 
@@ -287,7 +287,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getAutoMeasurement(value: string): string {
+	public static getAutoMeasurement(value: string): string | null {
 		if (value.toLocaleLowerCase() === 'auto') {
 			return 'auto';
 		}
@@ -300,7 +300,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getInteger(value: string): string {
+	public static getInteger(value: string): string | null {
 		if (INTEGER_REGEXP.test(value)) {
 			return value;
 		}
@@ -313,7 +313,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getFloat(value: string): string {
+	public static getFloat(value: string): string | null {
 		if (FLOAT_REGEXP.test(value)) {
 			const number = parseFloat(value);
 			if (isNaN(number)) {
@@ -330,7 +330,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getGradient(value: string): string {
+	public static getGradient(value: string): string | null {
 		const match = value.match(GRADIENT_REGEXP);
 		if (match) {
 			return `${match[1]}(${match[3]
@@ -347,7 +347,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getColor(value: string): string {
+	public static getColor(value: string): string | null {
 		const lowerValue = value.toLowerCase();
 		if (COLORS.includes(lowerValue)) {
 			return lowerValue;
@@ -367,7 +367,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getURL(value: string): string {
+	public static getURL(value: string): string | null {
 		if (!value) {
 			return null;
 		}
@@ -417,7 +417,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getInitial(value: string): string {
+	public static getInitial(value: string): string | null {
 		return value.toLowerCase() === 'initial' ? 'initial' : null;
 	}
 
@@ -427,7 +427,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getVariable(value: string): string {
+	public static getVariable(value: string): string | null {
 		const cssVariableMatch = value.match(CSS_VARIABLE_REGEXP);
 		if (cssVariableMatch) {
 			return `var(${cssVariableMatch[1]})`;
@@ -441,7 +441,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getGlobal(value: string): string {
+	public static getGlobal(value: string): string | null {
 		const lowerValue = value.toLowerCase();
 		return GLOBALS.includes(lowerValue) ? lowerValue : null;
 	}
@@ -452,7 +452,7 @@ export default class CSSStyleDeclarationValueParser {
 	 * @param value Value.
 	 * @returns Parsed value.
 	 */
-	public static getGlobalExceptInitial(value: string): string {
+	public static getGlobalExceptInitial(value: string): string | null {
 		const lowerValue = value.toLowerCase();
 		return lowerValue !== 'initial' && GLOBALS.includes(lowerValue) ? lowerValue : null;
 	}

package/src/css/rules/CSSKeyframeRule.ts

@@ -8,7 +8,7 @@ import CSSRuleTypeEnum from '../CSSRuleTypeEnum.js';
  */
 export default class CSSKeyframeRule extends CSSRule {
 	public readonly type = CSSRuleTypeEnum.keyframeRule;
-	public readonly keyText: string;
+	public readonly keyText: string = '';
 	public [PropertySymbol.cssText] = '';
 	#style: CSSStyleDeclaration | null = null;
 

package/src/css/rules/CSSKeyframesRule.ts

@@ -12,7 +12,7 @@ const CSS_RULE_REGEXP = /([^{]+){([^}]+)}/;
 export default class CSSKeyframesRule extends CSSRule {
 	public readonly type = CSSRuleTypeEnum.keyframesRule;
 	public readonly cssRules: CSSKeyframeRule[] = [];
-	public readonly name: string = null;
+	public readonly name: string | null = null;
 
 	/**
 	 * Returns css text.

package/src/css/utilities/CSSParser.ts

@@ -32,7 +32,7 @@ export default class CSSParser {
 		const stack: CSSRule[] = [];
 		let parentRule: CSSRule | null = null;
 		let lastIndex = 0;
-		let match: RegExpMatchArray;
+		let match: RegExpMatchArray | null;
 
 		while ((match = regExp.exec(css))) {
 			if (match[0] === '{') {
@@ -188,7 +188,9 @@ export default class CSSParser {
 					}
 				}
 
-				stack.push(parentRule);
+				if (parentRule) {
+					stack.push(parentRule);
+				}
 			} else {
 				if (parentRule) {
 					const cssText = css
@@ -208,7 +210,7 @@ export default class CSSParser {
 				parentRule = stack[stack.length - 1] || null;
 			}
 
-			lastIndex = match.index + 1;
+			lastIndex = match.index! + 1;
 		}
 
 		return cssRules;

package/src/custom-element/CustomElementReactionStack.ts

@@ -49,7 +49,7 @@ export default class CustomElementReactionStack {
 		switch (callbackName) {
 			case 'connectedCallback':
 				if (definition.livecycleCallbacks.connectedCallback) {
-					const returnValue = definition.livecycleCallbacks.connectedCallback.call(element);
+					const returnValue: any = definition.livecycleCallbacks.connectedCallback?.call(element);
 
 					/**
 					 * It is common to import dependencies in the connectedCallback() method of web components.
@@ -76,9 +76,10 @@ export default class CustomElementReactionStack {
 			case 'attributeChangedCallback':
 				if (
 					definition.livecycleCallbacks.attributeChangedCallback &&
+					args?.length &&
 					definition.observedAttributes.has(args[0])
 				) {
-					definition.livecycleCallbacks.attributeChangedCallback.apply(element, args);
+					definition.livecycleCallbacks.attributeChangedCallback.apply(element, <any>args);
 				}
 				break;
 		}

package/src/custom-element/CustomElementRegistry.ts

@@ -148,7 +148,7 @@ export default class CustomElementRegistry {
 			return Promise.resolve();
 		}
 		return new Promise((resolve) => {
-			const callbacks: Array<() => void> = this[PropertySymbol.callbacks].get(name);
+			const callbacks: Array<() => void> | undefined = this[PropertySymbol.callbacks].get(name);
 			if (callbacks) {
 				callbacks.push(resolve);
 			} else {
@@ -173,8 +173,8 @@ export default class CustomElementRegistry {
 	public [PropertySymbol.destroy](): void {
 		this[PropertySymbol.destroyed] = true;
 		for (const definition of this[PropertySymbol.registry].values()) {
-			definition.elementClass.prototype[PropertySymbol.window] = null;
-			definition.elementClass.prototype[PropertySymbol.ownerDocument] = null;
+			definition.elementClass.prototype[PropertySymbol.window] = null!;
+			definition.elementClass.prototype[PropertySymbol.ownerDocument] = null!;
 			definition.elementClass.prototype[PropertySymbol.tagName] = null;
 			definition.elementClass.prototype[PropertySymbol.localName] = null;
 			definition.elementClass.prototype[PropertySymbol.namespaceURI] = null;

package/src/custom-element/ICustomElementDefinition.ts

@@ -2,12 +2,12 @@ import HTMLElement from '../nodes/html-element/HTMLElement.js';
 
 export default interface ICustomElementDefinition {
 	elementClass: typeof HTMLElement;
-	extends: string;
+	extends: string | null;
 	observedAttributes: Set<string>;
 	livecycleCallbacks: {
-		connectedCallback: () => void;
-		disconnectedCallback: () => void;
-		attributeChangedCallback: (
+		connectedCallback?: () => void;
+		disconnectedCallback?: () => void;
+		attributeChangedCallback?: (
 			name: string,
 			oldValue: string | null,
 			newValue: string | null

package/src/dom/DOMStringMap.ts

@@ -49,10 +49,10 @@ export default class DOMStringMap {
 				for (const items of element[PropertySymbol.attributes][
 					PropertySymbol.itemsByName
 				].values()) {
-					if (items[0][PropertySymbol.name].startsWith('data-')) {
+					if (items[0][PropertySymbol.name]!.startsWith('data-')) {
 						keys.push(
 							DOMStringMapUtility.kebabToCamelCase(
-								items[0][PropertySymbol.name].replace('data-', '')
+								items[0][PropertySymbol.name]!.replace('data-', '')
 							)
 						);
 					}
@@ -74,7 +74,7 @@ export default class DOMStringMap {
 
 				return true;
 			},
-			getOwnPropertyDescriptor(_target, property: string): PropertyDescriptor {
+			getOwnPropertyDescriptor(_target, property: string): PropertyDescriptor | undefined {
 				const attribute = element.getAttribute(
 					'data-' + DOMStringMapUtility.camelCaseToKebab(property)
 				);

package/src/dom/DOMTokenList.ts

@@ -52,7 +52,7 @@ export default class DOMTokenList {
 				}
 				if (property in target || typeof property === 'symbol') {
 					methodBinder.bind(property);
-					return target[property];
+					return (<any>target)[property];
 				}
 				const index = Number(property);
 				if (!isNaN(index)) {
@@ -62,23 +62,23 @@ export default class DOMTokenList {
 			set(target, property, newValue): boolean {
 				methodBinder.bind(property);
 				if (typeof property === 'symbol') {
-					target[property] = newValue;
+					(<any>target)[property] = newValue;
 					return true;
 				}
 				const index = Number(property);
 				if (isNaN(index)) {
-					target[property] = newValue;
+					(<any>target)[property] = newValue;
 				}
 				return true;
 			},
 			deleteProperty(target, property): boolean {
 				if (typeof property === 'symbol') {
-					delete target[property];
+					delete (<any>target)[property];
 					return true;
 				}
 				const index = Number(property);
 				if (isNaN(index)) {
-					delete target[property];
+					delete (<any>target)[property];
 				}
 				return true;
 			},
@@ -107,7 +107,7 @@ export default class DOMTokenList {
 
 				return false;
 			},
-			getOwnPropertyDescriptor(target, property): PropertyDescriptor {
+			getOwnPropertyDescriptor(target, property): PropertyDescriptor | undefined {
 				if (property in target || typeof property === 'symbol') {
 					return;
 				}
@@ -149,7 +149,7 @@ export default class DOMTokenList {
 	 * Get value.
 	 */
 	public get value(): string {
-		return this[PropertySymbol.ownerElement].getAttribute(this[PropertySymbol.attributeName]);
+		return this[PropertySymbol.ownerElement].getAttribute(this[PropertySymbol.attributeName]) || '';
 	}
 
 	/**
@@ -164,7 +164,7 @@ export default class DOMTokenList {
 	 *
 	 * @param index Index.
 	 * */
-	public item(index: number | string): string {
+	public item(index: number | string): string | null {
 		const items = this[PropertySymbol.getTokenList]();
 		if (typeof index === 'number') {
 			return items[index] ? items[index] : null;
@@ -223,7 +223,10 @@ export default class DOMTokenList {
 	 * @param callback
 	 * @param thisArg
 	 */
-	public forEach(callback: (currentValue, currentIndex, listObj) => void, thisArg?: this): void {
+	public forEach(
+		callback: (currentValue: string, currentIndex: number, listObj: string[]) => void,
+		thisArg?: this
+	): void {
 		return this[PropertySymbol.getTokenList]().forEach(callback, thisArg);
 	}
 
@@ -329,7 +332,7 @@ export default class DOMTokenList {
 		}
 
 		// It is possible to make this statement shorter by using Array.from() and Set, but this is faster when comparing using a bench test.
-		const items = [];
+		const items: string[] = [];
 		const trimmed = attributeValue.trim();
 
 		if (trimmed) {

package/src/dom/dom-matrix/DOMMatrixReadOnly.ts

@@ -582,7 +582,7 @@ export default class DOMMatrixReadOnly {
 	 * @param source A `DOMMatrix`, `Float32Array`, `Float64Array`, `Array`, or DOMMatrix compatible object to set the matrix values from.
 	 */
 	public [PropertySymbol.setMatrixValue](source?: TDOMMatrixInit): void {
-		let matrix: DOMMatrixReadOnly;
+		let matrix: DOMMatrixReadOnly | null = null;
 
 		// String
 		if (typeof source === 'string' && source.length && source !== 'none') {
@@ -601,6 +601,8 @@ export default class DOMMatrixReadOnly {
 			matrix = (<typeof DOMMatrixReadOnly>this.constructor).fromMatrix(
 				<IDOMMatrixCompatibleObject>source
 			);
+		} else {
+			return;
 		}
 
 		this[PropertySymbol.m11] = matrix[PropertySymbol.m11];
@@ -624,9 +626,11 @@ export default class DOMMatrixReadOnly {
 	/**
 	 * Applies a multiply operation to the current matrix.
 	 *
-	 * @param matrix Second matrix.
+	 * @param matrixCompatibleObject Second matrix.
 	 */
-	public [PropertySymbol.multiplySelf](matrix: IDOMMatrixCompatibleObject): void {
+	public [PropertySymbol.multiplySelf](matrixCompatibleObject: IDOMMatrixCompatibleObject): void {
+		let matrix: IDOMMatrixJSON = <IDOMMatrixJSON>matrixCompatibleObject;
+
 		if (!(matrix instanceof DOMMatrixReadOnly)) {
 			if (matrix?.m11 === undefined && matrix?.a !== undefined) {
 				matrix = Object.assign({}, DEFAULT_MATRIX_JSON, matrix);

package/src/event/DataTransfer.ts

@@ -28,10 +28,13 @@ export default class DataTransfer {
 	 * @returns Files.
 	 */
 	public get files(): File[] {
-		const files = [];
+		const files: File[] = [];
 		for (const item of this.items) {
 			if (item.kind === 'file') {
-				files.push(item.getAsFile());
+				const file = item.getAsFile();
+				if (file) {
+					files.push(file);
+				}
 			}
 		}
 		return files;

package/src/event/DataTransferItem.ts

@@ -9,7 +9,7 @@ import File from '../file/File.js';
 export default class DataTransferItem {
 	public readonly kind: 'string' | 'file';
 	public readonly type: string;
-	#item: string | File = null;
+	#item: string | File | null = null;
 
 	/**
 	 * Constructor.
@@ -26,7 +26,7 @@ export default class DataTransferItem {
 	/**
 	 * Returns file.
 	 */
-	public getAsFile(): File {
+	public getAsFile(): File | null {
 		if (this.kind === 'string') {
 			return null;
 		}

package/src/event/Event.ts

@@ -33,8 +33,8 @@ export default class Event {
 	public [PropertySymbol.dispatching] = false;
 	public [PropertySymbol.immediatePropagationStopped] = false;
 	public [PropertySymbol.propagationStopped] = false;
-	public [PropertySymbol.target]: EventTarget = null;
-	public [PropertySymbol.currentTarget]: EventTarget = null;
+	public [PropertySymbol.target]: EventTarget | null = null;
+	public [PropertySymbol.currentTarget]: EventTarget | null = null;
 	public [PropertySymbol.isInPassiveEventListener] = false;
 
 	/**
@@ -119,7 +119,7 @@ export default class Event {
 	 * @returns Target.
 	 */
 	public get target(): EventTarget {
-		return this[PropertySymbol.target];
+		return this[PropertySymbol.target]!;
 	}
 
 	/**
@@ -128,7 +128,7 @@ export default class Event {
 	 * @returns Target.
 	 */
 	public get currentTarget(): EventTarget {
-		return this[PropertySymbol.currentTarget];
+		return this[PropertySymbol.currentTarget]!;
 	}
 
 	/**
@@ -151,15 +151,15 @@ export default class Event {
 		}
 
 		const composedPath = [];
-		let eventTarget: Node | ShadowRoot | BrowserWindow = <Node | ShadowRoot>(
-			(<unknown>this[PropertySymbol.target])
+		let eventTarget: Node | ShadowRoot | BrowserWindow | null = <Node | ShadowRoot>(
+			this[PropertySymbol.target]
 		);
 
 		while (eventTarget) {
 			composedPath.push(eventTarget);
 
 			if ((<Node>(<unknown>eventTarget)).parentNode) {
-				eventTarget = (<Node>(<unknown>eventTarget)).parentNode;
+				eventTarget = (<Node>(<unknown>eventTarget)).parentNode!;
 			} else if (
 				this[PropertySymbol.composed] &&
 				(<Node>eventTarget)[PropertySymbol.nodeType] === NodeTypeEnum.documentFragmentNode &&

package/src/event/EventTarget.ts

@@ -55,11 +55,13 @@ export default class EventTarget {
 		options = typeof options === 'boolean' ? { capture: options } : options || {};
 		const eventPhase = options.capture ? 'capturing' : 'bubbling';
 
-		let listeners: TEventListener[] = this[PropertySymbol.listeners][eventPhase].get(type);
-		let listenerOptions: IEventListenerOptions[] =
-			this[PropertySymbol.listenerOptions][eventPhase].get(type);
+		let listeners: TEventListener[] | undefined =
+			this[PropertySymbol.listeners][eventPhase].get(type);
+		let listenerOptions: IEventListenerOptions[];
 
-		if (!listeners) {
+		if (listeners) {
+			listenerOptions = this[PropertySymbol.listenerOptions][eventPhase].get(type)!;
+		} else {
 			listeners = [];
 			listenerOptions = [];
 			this[PropertySymbol.listeners][eventPhase].set(type, listeners);
@@ -92,7 +94,7 @@ export default class EventTarget {
 			const index = bubblingListeners.indexOf(listener);
 			if (index !== -1) {
 				bubblingListeners.splice(index, 1);
-				this[PropertySymbol.listenerOptions].bubbling.get(type).splice(index, 1);
+				this[PropertySymbol.listenerOptions].bubbling.get(type)!.splice(index, 1);
 				return;
 			}
 		}
@@ -102,7 +104,7 @@ export default class EventTarget {
 			const index = capturingListeners.indexOf(listener);
 			if (index !== -1) {
 				capturingListeners.splice(index, 1);
-				this[PropertySymbol.listenerOptions].capturing.get(type).splice(index, 1);
+				this[PropertySymbol.listenerOptions].capturing.get(type)!.splice(index, 1);
 			}
 		}
 	}
@@ -122,7 +124,7 @@ export default class EventTarget {
 			(event[PropertySymbol.type] !== 'load' || !event[PropertySymbol.target])
 		) {
 			event[PropertySymbol.dispatching] = true;
-			event[PropertySymbol.target] = this[PropertySymbol.proxy] || this;
+			event[PropertySymbol.target] = (<any>this)[PropertySymbol.proxy] || this;
 
 			this.#goThroughDispatchEventPhases(event);
 
@@ -192,8 +194,8 @@ export default class EventTarget {
 
 		// At target phase
 		event[PropertySymbol.eventPhase] = EventPhaseEnum.atTarget;
-		event[PropertySymbol.currentTarget] = this[PropertySymbol.proxy] || this;
-		event[PropertySymbol.target].dispatchEvent(event);
+		event[PropertySymbol.currentTarget] = (<any>this)[PropertySymbol.proxy] || this;
+		event[PropertySymbol.target]!.dispatchEvent(event);
 
 		// Bubbling phase
 		event[PropertySymbol.eventPhase] = EventPhaseEnum.bubbling;
@@ -239,8 +241,8 @@ export default class EventTarget {
 
 		if (listeners && listeners.length) {
 			const listenerOptions = this[PropertySymbol.listenerOptions][eventPhase]
-				.get(event.type)
-				?.slice();
+				.get(event.type)!
+				.slice();
 
 			for (let i = 0, max = listeners.length; i < max; i++) {
 				const listener = listeners[i];
@@ -262,7 +264,7 @@ export default class EventTarget {
 						try {
 							result = (<TEventListenerObject>listener).handleEvent.call(listener, event);
 						} catch (error) {
-							window[PropertySymbol.dispatchError](error);
+							window[PropertySymbol.dispatchError](<Error>error);
 						}
 
 						if (result instanceof Promise) {
@@ -273,7 +275,7 @@ export default class EventTarget {
 						try {
 							result = (<TEventListenerFunction>listener).call(this, event);
 						} catch (error) {
-							window[PropertySymbol.dispatchError](error);
+							window[PropertySymbol.dispatchError](<Error>error);
 						}
 
 						if (result instanceof Promise) {
@@ -308,7 +310,7 @@ export default class EventTarget {
 
 		if (event.eventPhase !== EventPhaseEnum.capturing) {
 			const onEventName = 'on' + event.type.toLowerCase();
-			const eventListener = this[onEventName];
+			const eventListener = (<any>this)[onEventName];
 
 			if (typeof eventListener === 'function') {
 				// We can end up in a never ending loop if the listener for the error event on Window also throws an error.
@@ -322,7 +324,7 @@ export default class EventTarget {
 					try {
 						result = eventListener(event);
 					} catch (error) {
-						window[PropertySymbol.dispatchError](error);
+						window[PropertySymbol.dispatchError](<Error>error);
 					}
 
 					if (result instanceof Promise) {

package/src/event/events/CustomEvent.ts

@@ -43,7 +43,7 @@ export default class CustomEvent extends Event {
 		type: string,
 		bubbles = false,
 		cancelable = false,
-		detail: object = null
+		detail: object | null = null
 	): void {
 		this[PropertySymbol.type] = type;
 		this[PropertySymbol.bubbles] = bubbles;

package/src/event/events/IFocusEventInit.ts

@@ -2,5 +2,5 @@ import EventTarget from '../EventTarget.js';
 import IUIEventInit from '../IUIEventInit.js';
 
 export default interface IFocusEventInit extends IUIEventInit {
-	relatedTarget?: EventTarget;
+	relatedTarget?: EventTarget | null;
 }

package/src/event/events/IMouseEventInit.ts

@@ -12,6 +12,8 @@ export default interface IMouseEventInit extends IUIEventInit {
 	metaKey?: boolean;
 	movementX?: number;
 	movementY?: number;
+	offsetX?: number;
+	offsetY?: number;
 	button?: number;
 	buttons?: number;
 	relatedTarget?: EventTarget;

package/src/event/events/InputEvent.ts

@@ -7,7 +7,7 @@ import IInputEventInit from './IInputEventInit.js';
  */
 export default class InputEvent extends UIEvent {
 	public readonly data: string;
-	public readonly dataTransfer: DataTransfer;
+	public readonly dataTransfer: DataTransfer | null;
 	public readonly inputType: string;
 	public readonly isComposing: boolean;
 

package/src/event/events/MouseEvent.ts

@@ -41,6 +41,8 @@ export default class MouseEvent extends UIEvent {
 		this.metaKey = eventInit?.metaKey ?? false;
 		this.movementX = eventInit?.movementX ?? 0;
 		this.movementY = eventInit?.movementY ?? 0;
+		this.offsetX = eventInit?.offsetX ?? 0;
+		this.offsetY = eventInit?.offsetY ?? 0;
 		this.region = eventInit?.region ?? '';
 		this.relatedTarget = eventInit?.relatedTarget ?? null;
 		this.screenX = eventInit?.screenX ?? 0;

package/src/exception/DOMException.ts

@@ -13,7 +13,7 @@ export default class DOMException extends Error {
 	 * @param message Message.
 	 * @param name Name.
 	 */
-	constructor(message: string, name: string = null) {
+	constructor(message: string, name: string | null = null) {
 		super(message);
 
 		this.name = name || DOMExceptionNameEnum.domException;

package/src/fetch/AbortSignal.ts

@@ -164,7 +164,7 @@ export default class AbortSignal extends EventTarget {
 
 		const stopListening = (): void => {
 			for (const signal of signals) {
-				signal.removeEventListener('abort', handlers.get(signal));
+				signal.removeEventListener('abort', handlers.get(signal)!);
 			}
 		};