happy-dom 17.1.7 → 17.1.9

package/src/nodes/element/Element.ts

@@ -13,9 +13,6 @@ import DOMRectList from '../../dom/DOMRectList.js';
 import Attr from '../attr/Attr.js';
 import NamedNodeMap from './NamedNodeMap.js';
 import Event from '../../event/Event.js';
-import EventPhaseEnum from '../../event/EventPhaseEnum.js';
-import WindowBrowserContext from '../../window/WindowBrowserContext.js';
-import BrowserErrorCaptureEnum from '../../browser/enums/BrowserErrorCaptureEnum.js';
 import NodeTypeEnum from '../node/NodeTypeEnum.js';
 import IHTMLElementTagNameMap from '../../config/IHTMLElementTagNameMap.js';
 import ISVGElementTagNameMap from '../../config/ISVGElementTagNameMap.js';
@@ -34,6 +31,7 @@ import HTMLParser from '../../html-parser/HTMLParser.js';
 import IScrollToOptions from '../../window/IScrollToOptions.js';
 import { AttributeUtility } from '../../utilities/AttributeUtility.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
+import ElementEventAttributeUtility from './ElementEventAttributeUtility.js';
 
 type InsertAdjacentPosition = 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend';
 
@@ -49,42 +47,6 @@ export default class Element
 	public static [PropertySymbol.namespaceURI]: string | null = null;
 	public declare cloneNode: (deep?: boolean) => Element;
 
-	// Events
-	public oncancel: ((event: Event) => void) | null = null;
-	public onerror: ((event: Event) => void) | null = null;
-	public onscroll: ((event: Event) => void) | null = null;
-	public onselect: ((event: Event) => void) | null = null;
-	public onwheel: ((event: Event) => void) | null = null;
-	public oncopy: ((event: Event) => void) | null = null;
-	public oncut: ((event: Event) => void) | null = null;
-	public onpaste: ((event: Event) => void) | null = null;
-	public oncompositionend: ((event: Event) => void) | null = null;
-	public oncompositionstart: ((event: Event) => void) | null = null;
-	public oncompositionupdate: ((event: Event) => void) | null = null;
-	public onblur: ((event: Event) => void) | null = null;
-	public onfocus: ((event: Event) => void) | null = null;
-	public onfocusin: ((event: Event) => void) | null = null;
-	public onfocusout: ((event: Event) => void) | null = null;
-	public onfullscreenchange: ((event: Event) => void) | null = null;
-	public onfullscreenerror: ((event: Event) => void) | null = null;
-	public onkeydown: ((event: Event) => void) | null = null;
-	public onkeyup: ((event: Event) => void) | null = null;
-	public onauxclick: ((event: Event) => void) | null = null;
-	public onclick: ((event: Event) => void) | null = null;
-	public oncontextmenu: ((event: Event) => void) | null = null;
-	public ondblclick: ((event: Event) => void) | null = null;
-	public onmousedown: ((event: Event) => void) | null = null;
-	public onmouseenter: ((event: Event) => void) | null = null;
-	public onmouseleave: ((event: Event) => void) | null = null;
-	public onmousemove: ((event: Event) => void) | null = null;
-	public onmouseout: ((event: Event) => void) | null = null;
-	public onmouseover: ((event: Event) => void) | null = null;
-	public onmouseup: ((event: Event) => void) | null = null;
-	public ontouchcancel: ((event: Event) => void) | null = null;
-	public ontouchend: ((event: Event) => void) | null = null;
-	public ontouchmove: ((event: Event) => void) | null = null;
-	public ontouchstart: ((event: Event) => void) | null = null;
-
 	// Internal properties
 	public [PropertySymbol.classList]: DOMTokenList | null = null;
 	public [PropertySymbol.isValue]: string | null = null;
@@ -99,6 +61,7 @@ export default class Element
 	public [PropertySymbol.attributesProxy]: NamedNodeMap | null = null;
 	public [PropertySymbol.children]: HTMLCollection<Element> | null = null;
 	public [PropertySymbol.computedStyle]: CSSStyleDeclaration | null = null;
+	public [PropertySymbol.propertyEventListeners]: Map<string, (event: Event) => void> = new Map();
 	public declare [PropertySymbol.tagName]: string | null;
 	public declare [PropertySymbol.localName]: string | null;
 	public declare [PropertySymbol.namespaceURI]: string | null;
@@ -125,6 +88,60 @@ export default class Element
 		}
 	}
 
+	// Events
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get onfullscreenerror(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onfullscreenerror');
+	}
+
+	public set onfullscreenerror(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onfullscreenerror', value);
+	}
+
+	public get onfullscreenchange(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onfullscreenchange');
+	}
+
+	public set onfullscreenchange(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onfullscreenchange', value);
+	}
+
+	public get onbeforecopy(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onbeforecopy');
+	}
+
+	public set onbeforecopy(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onbeforecopy', value);
+	}
+
+	public get onbeforecut(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onbeforecut');
+	}
+
+	public set onbeforecut(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onbeforecut', value);
+	}
+
+	public get onbeforepaste(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onbeforepaste');
+	}
+
+	public set onbeforepaste(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onbeforepaste', value);
+	}
+
+	public get onsearch(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onsearch');
+	}
+
+	public set onsearch(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onsearch', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
+
 	/**
 	 * Returns tag name.
 	 *
@@ -998,7 +1015,7 @@ export default class Element
 	): NodeList<IHTMLElementTagNameMap[K]>;
 
 	/**
-	 * Query CSS selector to find matching elments.
+	 * Query CSS selector to find matching elements.
 	 *
 	 * @param selector CSS selector.
 	 * @returns Matching elements.
@@ -1008,7 +1025,7 @@ export default class Element
 	): NodeList<ISVGElementTagNameMap[K]>;
 
 	/**
-	 * Query CSS selector to find matching elments.
+	 * Query CSS selector to find matching elements.
 	 *
 	 * @param selector CSS selector.
 	 * @returns Matching elements.
@@ -1016,7 +1033,7 @@ export default class Element
 	public querySelectorAll(selector: string): NodeList<Element>;
 
 	/**
-	 * Query CSS selector to find matching elments.
+	 * Query CSS selector to find matching elements.
 	 *
 	 * @param selector CSS selector.
 	 * @returns Matching elements.
@@ -1302,43 +1319,6 @@ export default class Element
 		// Do nothing
 	}
 
-	/**
-	 * @override
-	 */
-	public override dispatchEvent(event: Event): boolean {
-		const returnValue = super.dispatchEvent(event);
-		const window = this[PropertySymbol.window];
-		const browserSettings = new WindowBrowserContext(window).getSettings();
-
-		if (
-			browserSettings &&
-			!browserSettings.disableJavaScriptEvaluation &&
-			event.eventPhase === EventPhaseEnum.none &&
-			!event[PropertySymbol.immediatePropagationStopped]
-		) {
-			const attribute = this.getAttribute('on' + event.type);
-
-			if (attribute && !event[PropertySymbol.immediatePropagationStopped]) {
-				const code = `//# sourceURL=${window.location.href}\n${attribute}`;
-
-				if (
-					browserSettings.disableErrorCapturing ||
-					browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch
-				) {
-					window.eval(code);
-				} else {
-					try {
-						window.eval(code);
-					} catch (error) {
-						window[PropertySymbol.dispatchError](error);
-					}
-				}
-			}
-		}
-
-		return returnValue;
-	}
-
 	/**
 	 * @override
 	 */
@@ -1418,6 +1398,14 @@ export default class Element
 			}
 		}
 
+		if (
+			this[attribute[PropertySymbol.name]] !== undefined &&
+			attribute[PropertySymbol.name][0] === 'o' &&
+			attribute[PropertySymbol.name][1] === 'n'
+		) {
+			this[PropertySymbol.propertyEventListeners].delete(attribute[PropertySymbol.name]);
+		}
+
 		if (attribute[PropertySymbol.name] === 'id' && this[PropertySymbol.isConnected]) {
 			if (replacedAttribute?.[PropertySymbol.value]) {
 				this.#removeIdentifierFromWindow(replacedAttribute[PropertySymbol.value]);

package/src/nodes/element/ElementEventAttributeUtility.ts

@@ -0,0 +1,89 @@
+import BrowserErrorCaptureEnum from '../../browser/enums/BrowserErrorCaptureEnum.js';
+import WindowBrowserContext from '../../window/WindowBrowserContext.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+import Event from '../../event/Event.js';
+import Element from './Element.js';
+
+/**
+ * ECMAScript module compiler.
+ */
+export default class ElementEventAttributeUtility {
+	/**
+	 * Evaluates code in attribute and returns event listener.
+	 *
+	 * @param element
+	 * @param property Property.
+	 * @returns Result.
+	 */
+	public static getEventListener(
+		element: Element,
+		property: string
+	): ((event: Event) => void) | null {
+		const cached = element[PropertySymbol.propertyEventListeners].get(property);
+		if (cached) {
+			return cached;
+		}
+
+		const window = element[PropertySymbol.ownerDocument][PropertySymbol.defaultView];
+		const browserSettings = new WindowBrowserContext(window).getSettings();
+
+		if (!browserSettings) {
+			return null;
+		}
+
+		const code = element.getAttribute(property);
+
+		if (!code) {
+			return null;
+		}
+
+		let newCode = `(function anonymous($happy_dom, event) {\n//# sourceURL=${window.location.href}\n`;
+
+		if (
+			browserSettings &&
+			!browserSettings.disableErrorCapturing &&
+			browserSettings.errorCapture === BrowserErrorCaptureEnum.tryAndCatch
+		) {
+			newCode += 'try {\n';
+		}
+
+		newCode += code;
+
+		if (
+			browserSettings &&
+			!browserSettings.disableErrorCapturing &&
+			browserSettings.errorCapture === BrowserErrorCaptureEnum.tryAndCatch
+		) {
+			newCode += '\n} catch(e) { $happy_dom.dispatchError(e); }\n';
+		}
+
+		newCode += '})';
+
+		let listener: ((event: Event) => void) | null = null;
+
+		try {
+			listener = window.eval(newCode).bind(element, {
+				dispatchError: window[PropertySymbol.dispatchError]
+			});
+		} catch (e) {
+			const error = new window.SyntaxError(
+				`Failed to read the '${property}' property from '${element.constructor.name}': ${e.message}`
+			);
+			if (
+				browserSettings.disableErrorCapturing ||
+				browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch
+			) {
+				throw error;
+			} else {
+				window[PropertySymbol.dispatchError](error);
+				return null;
+			}
+		}
+
+		if (listener) {
+			element[PropertySymbol.propertyEventListeners].set(property, listener);
+		}
+
+		return listener;
+	}
+}

package/src/nodes/html-body-element/HTMLBodyElement.ts

@@ -1,5 +1,8 @@
 import Event from '../../event/Event.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
 import HTMLElement from '../html-element/HTMLElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+
 /**
  * HTMLBodyElement
  *
@@ -7,22 +10,152 @@ import HTMLElement from '../html-element/HTMLElement.js';
  */
 export default class HTMLBodyElement extends HTMLElement {
 	// Events
-	public onafterprint: ((event: Event) => void) | null = null;
-	public onbeforeprint: ((event: Event) => void) | null = null;
-	public onbeforeunload: ((event: Event) => void) | null = null;
-	public ongamepadconnected: ((event: Event) => void) | null = null;
-	public ongamepaddisconnected: ((event: Event) => void) | null = null;
-	public onhashchange: ((event: Event) => void) | null = null;
-	public onlanguagechange: ((event: Event) => void) | null = null;
-	public onmessage: ((event: Event) => void) | null = null;
-	public onmessageerror: ((event: Event) => void) | null = null;
-	public onoffline: ((event: Event) => void) | null = null;
-	public ononline: ((event: Event) => void) | null = null;
-	public onpagehide: ((event: Event) => void) | null = null;
-	public onpageshow: ((event: Event) => void) | null = null;
-	public onpopstate: ((event: Event) => void) | null = null;
-	public onrejectionhandled: ((event: Event) => void) | null = null;
-	public onstorage: ((event: Event) => void) | null = null;
-	public onunhandledrejection: ((event: Event) => void) | null = null;
-	public onunload: ((event: Event) => void) | null = null;
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get onafterprint(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onafterprint');
+	}
+
+	public set onafterprint(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onafterprint', value);
+	}
+
+	public get onbeforeprint(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onbeforeprint');
+	}
+
+	public set onbeforeprint(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onbeforeprint', value);
+	}
+
+	public get onbeforeunload(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onbeforeunload');
+	}
+
+	public set onbeforeunload(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onbeforeunload', value);
+	}
+
+	public get ongamepadconnected(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'ongamepadconnected');
+	}
+
+	public set ongamepadconnected(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('ongamepadconnected', value);
+	}
+
+	public get ongamepaddisconnected(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'ongamepaddisconnected');
+	}
+
+	public set ongamepaddisconnected(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('ongamepaddisconnected', value);
+	}
+
+	public get onhashchange(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onhashchange');
+	}
+
+	public set onhashchange(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onhashchange', value);
+	}
+
+	public get onlanguagechange(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onlanguagechange');
+	}
+
+	public set onlanguagechange(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onlanguagechange', value);
+	}
+
+	public get onmessage(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onmessage');
+	}
+
+	public set onmessage(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onmessage', value);
+	}
+
+	public get onmessageerror(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onmessageerror');
+	}
+
+	public set onmessageerror(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onmessageerror', value);
+	}
+
+	public get onoffline(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onoffline');
+	}
+
+	public set onoffline(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onoffline', value);
+	}
+
+	public get ononline(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'ononline');
+	}
+
+	public set ononline(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('ononline', value);
+	}
+
+	public get onpagehide(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onpagehide');
+	}
+
+	public set onpagehide(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onpagehide', value);
+	}
+
+	public get onpageshow(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onpageshow');
+	}
+
+	public set onpageshow(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onpageshow', value);
+	}
+
+	public get onpopstate(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onpopstate');
+	}
+
+	public set onpopstate(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onpopstate', value);
+	}
+
+	public get onrejectionhandled(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onrejectionhandled');
+	}
+
+	public set onrejectionhandled(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onrejectionhandled', value);
+	}
+
+	public get onstorage(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onstorage');
+	}
+
+	public set onstorage(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onstorage', value);
+	}
+
+	public get onunhandledrejection(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onunhandledrejection');
+	}
+
+	public set onunhandledrejection(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onunhandledrejection', value);
+	}
+
+	public get onunload(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onunload');
+	}
+
+	public set onunload(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onunload', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
 }

package/src/nodes/html-canvas-element/HTMLCanvasElement.ts

@@ -4,6 +4,7 @@ import Blob from '../../file/Blob.js';
 import OffscreenCanvas from './OffscreenCanvas.js';
 import Event from '../../event/Event.js';
 import MediaStream from '../html-media-element/MediaStream.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
 
 const DEVICE_ID = 'S3F/aBCdEfGHIjKlMnOpQRStUvWxYz1234567890+1AbC2DEf2GHi3jK34le+ab12C3+1aBCdEf==';
 
@@ -14,11 +15,50 @@ const DEVICE_ID = 'S3F/aBCdEfGHIjKlMnOpQRStUvWxYz1234567890+1AbC2DEf2GHi3jK34le+
  */
 export default class HTMLCanvasElement extends HTMLElement {
 	// Events
-	public oncontextlost: ((event: Event) => void) | null = null;
-	public oncontextrestored: ((event: Event) => void) | null = null;
-	public onwebglcontextcreationerror: ((event: Event) => void) | null = null;
-	public onwebglcontextlost: ((event: Event) => void) | null = null;
-	public onwebglcontextrestored: ((event: Event) => void) | null = null;
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get oncontextlost(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'oncontextlost');
+	}
+
+	public set oncontextlost(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('oncontextlost', value);
+	}
+
+	public get oncontextrestored(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'oncontextrestored');
+	}
+
+	public set oncontextrestored(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('oncontextrestored', value);
+	}
+
+	public get onwebglcontextcreationerror(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onwebglcontextcreationerror');
+	}
+
+	public set onwebglcontextcreationerror(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onwebglcontextcreationerror', value);
+	}
+
+	public get onwebglcontextlost(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onwebglcontextlost');
+	}
+
+	public set onwebglcontextlost(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onwebglcontextlost', value);
+	}
+
+	public get onwebglcontextrestored(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onwebglcontextrestored');
+	}
+
+	public set onwebglcontextrestored(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onwebglcontextrestored', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
 
 	/**
 	 * Returns width.

package/src/nodes/html-details-element/HTMLDetailsElement.ts

@@ -4,6 +4,7 @@ import * as PropertySymbol from '../../PropertySymbol.js';
 import Attr from '../attr/Attr.js';
 import EventPhaseEnum from '../../event/EventPhaseEnum.js';
 import MouseEvent from '../../event/events/MouseEvent.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
 
 /**
  * HTMLDetailsElement
@@ -12,7 +13,18 @@ import MouseEvent from '../../event/events/MouseEvent.js';
  */
 export default class HTMLDetailsElement extends HTMLElement {
 	// Events
-	public ontoggle: ((event: Event) => void) | null = null;
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get ontoggle(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'ontoggle');
+	}
+
+	public set ontoggle(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('ontoggle', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
 
 	/**
 	 * Returns the open attribute.

package/src/nodes/html-dialog-element/HTMLDialogElement.ts

@@ -1,6 +1,7 @@
 import Event from '../../event/Event.js';
 import HTMLElement from '../html-element/HTMLElement.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
 
 /**
  * HTML Dialog Element.
@@ -12,8 +13,26 @@ export default class HTMLDialogElement extends HTMLElement {
 	public [PropertySymbol.returnValue] = '';
 
 	// Events
-	public oncancel: ((event: Event) => void) | null = null;
-	public onclose: ((event: Event) => void) | null = null;
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get oncancel(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'oncancel');
+	}
+
+	public set oncancel(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('oncancel', value);
+	}
+
+	public get onclose(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onclose');
+	}
+
+	public set onclose(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onclose', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
 
 	/**
 	 * Returns return value.