@gjsify/dom-elements 0.3.13 → 0.3.15

package/lib/esm/html-element.js

@@ -1,426 +1,426 @@
-import { Event } from "@gjsify/dom-events";
+import { propertyEventListeners } from "./property-symbol.js";
 import { Element } from "./element.js";
-import * as PS from "./property-symbol.js";
-class CSSStyleDeclaration {
-  constructor() {
-    this._cssText = "";
-  }
-  /** Setting cssText parses individual declarations and stores them as camelCase properties,
-   *  matching browser behavior for feature-detection checks like Excalibur's rgbaSupport. */
-  get cssText() {
-    return this._cssText;
-  }
-  set cssText(value) {
-    this._cssText = value;
-    for (const decl of value.split(";")) {
-      const colon = decl.indexOf(":");
-      if (colon === -1) continue;
-      const prop = decl.slice(0, colon).trim();
-      const val = decl.slice(colon + 1).trim();
-      if (!prop) continue;
-      const camel = prop.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
-      this[camel] = val;
-    }
-  }
-  setProperty(property, value, _priority) {
-    this[property] = value;
-  }
-  getPropertyValue(property) {
-    const v = this[property];
-    return typeof v === "string" ? v : "";
-  }
-  removeProperty(property) {
-    const v = this[property];
-    delete this[property];
-    return typeof v === "string" ? v : "";
-  }
-  getPropertyPriority(_property) {
-    return "";
-  }
-}
-class HTMLElement extends Element {
-  constructor() {
-    super(...arguments);
-    // -- Style stub (no layout engine — assignments are no-ops) --
-    this.style = new CSSStyleDeclaration();
-  }
-  // -- dataset: Proxy-backed DOMStringMap over data-* attributes --
-  // Converts `data-original-src` ↔ `originalSrc` (camelCase). Used by
-  // Excalibur's ImageSource which sets data-original-src on images for
-  // debugging and TextureLoader.checkImageSizeSupportedAndLog.
-  get dataset() {
-    const el = this;
-    return new Proxy({}, {
-      get(_target, prop) {
-        if (typeof prop !== "string") return void 0;
-        const attr = "data-" + prop.replace(/[A-Z]/g, (c) => "-" + c.toLowerCase());
-        const value = el.getAttribute(attr);
-        return value ?? void 0;
-      },
-      set(_target, prop, value) {
-        if (typeof prop !== "string") return false;
-        const attr = "data-" + prop.replace(/[A-Z]/g, (c) => "-" + c.toLowerCase());
-        el.setAttribute(attr, String(value));
-        return true;
-      },
-      deleteProperty(_target, prop) {
-        if (typeof prop !== "string") return false;
-        const attr = "data-" + prop.replace(/[A-Z]/g, (c) => "-" + c.toLowerCase());
-        el.removeAttribute(attr);
-        return true;
-      },
-      has(_target, prop) {
-        if (typeof prop !== "string") return false;
-        const attr = "data-" + prop.replace(/[A-Z]/g, (c) => "-" + c.toLowerCase());
-        return el.hasAttribute(attr);
-      }
-    });
-  }
-  // -- Attribute-backed string properties --
-  get title() {
-    return this.getAttribute("title") ?? "";
-  }
-  set title(value) {
-    this.setAttribute("title", value);
-  }
-  get lang() {
-    return this.getAttribute("lang") ?? "";
-  }
-  set lang(value) {
-    this.setAttribute("lang", value);
-  }
-  get dir() {
-    return this.getAttribute("dir") ?? "";
-  }
-  set dir(value) {
-    this.setAttribute("dir", value);
-  }
-  get accessKey() {
-    return this.getAttribute("accesskey") ?? "";
-  }
-  set accessKey(value) {
-    this.setAttribute("accesskey", value);
-  }
-  get accessKeyLabel() {
-    return this.getAttribute("accesskey") ?? "";
-  }
-  // -- Attribute-backed boolean properties --
-  get hidden() {
-    return this.hasAttribute("hidden");
-  }
-  set hidden(value) {
-    if (value) {
-      this.setAttribute("hidden", "");
-    } else {
-      this.removeAttribute("hidden");
-    }
-  }
-  get draggable() {
-    return this.getAttribute("draggable") === "true";
-  }
-  set draggable(value) {
-    this.setAttribute("draggable", String(value));
-  }
-  get spellcheck() {
-    const attr = this.getAttribute("spellcheck");
-    if (attr === "false") return false;
-    return attr !== null;
-  }
-  set spellcheck(value) {
-    this.setAttribute("spellcheck", String(value));
-  }
-  get translate() {
-    const attr = this.getAttribute("translate");
-    return attr !== "no";
-  }
-  set translate(value) {
-    this.setAttribute("translate", value ? "yes" : "no");
-  }
-  // -- Attribute-backed numeric properties --
-  get tabIndex() {
-    const attr = this.getAttribute("tabindex");
-    return attr !== null ? Number(attr) : -1;
-  }
-  set tabIndex(value) {
-    this.setAttribute("tabindex", String(value));
-  }
-  // -- Content editable --
-  get contentEditable() {
-    const attr = this.getAttribute("contenteditable");
-    if (attr === "" || attr === "true") return "true";
-    if (attr === "false") return "false";
-    return "inherit";
-  }
-  set contentEditable(value) {
-    if (value === "inherit") {
-      this.removeAttribute("contenteditable");
-    } else {
-      this.setAttribute("contenteditable", value);
-    }
-  }
-  get isContentEditable() {
-    return this.contentEditable === "true";
-  }
-  // -- Layout stubs (return 0 — no layout engine) --
-  get offsetHeight() {
-    return 0;
-  }
-  get offsetWidth() {
-    return 0;
-  }
-  get offsetLeft() {
-    return 0;
-  }
-  get offsetTop() {
-    return 0;
-  }
-  get offsetParent() {
-    return null;
-  }
-  get clientHeight() {
-    return 0;
-  }
-  get clientWidth() {
-    return 0;
-  }
-  get clientLeft() {
-    return 0;
-  }
-  get clientTop() {
-    return 0;
-  }
-  get scrollHeight() {
-    return 0;
-  }
-  get scrollWidth() {
-    return 0;
-  }
-  get scrollTop() {
-    return 0;
-  }
-  set scrollTop(_value) {
-  }
-  get scrollLeft() {
-    return 0;
-  }
-  set scrollLeft(_value) {
-  }
-  getBoundingClientRect() {
-    const w = this.clientWidth;
-    const h = this.clientHeight;
-    return { x: 0, y: 0, top: 0, left: 0, right: w, bottom: h, width: w, height: h, toJSON() {
-      return this;
-    } };
-  }
-  // -- Interaction methods --
-  click() {
-    this.dispatchEvent(new Event("click", { bubbles: true, cancelable: true }));
-  }
-  blur() {
-    this.dispatchEvent(new Event("blur"));
-  }
-  focus() {
-    this.dispatchEvent(new Event("focus"));
-  }
-  // -- on* event handler properties --
-  // Following happy-dom pattern: stored in propertyEventListeners Map,
-  // dispatched automatically by Element.dispatchEvent override
-  get onclick() {
-    return this[PS.propertyEventListeners].get("onclick") ?? null;
-  }
-  set onclick(value) {
-    this[PS.propertyEventListeners].set("onclick", value);
-  }
-  get ondblclick() {
-    return this[PS.propertyEventListeners].get("ondblclick") ?? null;
-  }
-  set ondblclick(value) {
-    this[PS.propertyEventListeners].set("ondblclick", value);
-  }
-  get onload() {
-    return this[PS.propertyEventListeners].get("onload") ?? null;
-  }
-  set onload(value) {
-    this[PS.propertyEventListeners].set("onload", value);
-  }
-  get onerror() {
-    return this[PS.propertyEventListeners].get("onerror") ?? null;
-  }
-  set onerror(value) {
-    this[PS.propertyEventListeners].set("onerror", value);
-  }
-  get onabort() {
-    return this[PS.propertyEventListeners].get("onabort") ?? null;
-  }
-  set onabort(value) {
-    this[PS.propertyEventListeners].set("onabort", value);
-  }
-  get onfocus() {
-    return this[PS.propertyEventListeners].get("onfocus") ?? null;
-  }
-  set onfocus(value) {
-    this[PS.propertyEventListeners].set("onfocus", value);
-  }
-  get onblur() {
-    return this[PS.propertyEventListeners].get("onblur") ?? null;
-  }
-  set onblur(value) {
-    this[PS.propertyEventListeners].set("onblur", value);
-  }
-  get onchange() {
-    return this[PS.propertyEventListeners].get("onchange") ?? null;
-  }
-  set onchange(value) {
-    this[PS.propertyEventListeners].set("onchange", value);
-  }
-  get oninput() {
-    return this[PS.propertyEventListeners].get("oninput") ?? null;
-  }
-  set oninput(value) {
-    this[PS.propertyEventListeners].set("oninput", value);
-  }
-  get onsubmit() {
-    return this[PS.propertyEventListeners].get("onsubmit") ?? null;
-  }
-  set onsubmit(value) {
-    this[PS.propertyEventListeners].set("onsubmit", value);
-  }
-  get onreset() {
-    return this[PS.propertyEventListeners].get("onreset") ?? null;
-  }
-  set onreset(value) {
-    this[PS.propertyEventListeners].set("onreset", value);
-  }
-  get onscroll() {
-    return this[PS.propertyEventListeners].get("onscroll") ?? null;
-  }
-  set onscroll(value) {
-    this[PS.propertyEventListeners].set("onscroll", value);
-  }
-  get onresize() {
-    return this[PS.propertyEventListeners].get("onresize") ?? null;
-  }
-  set onresize(value) {
-    this[PS.propertyEventListeners].set("onresize", value);
-  }
-  // Mouse events
-  get onmousedown() {
-    return this[PS.propertyEventListeners].get("onmousedown") ?? null;
-  }
-  set onmousedown(value) {
-    this[PS.propertyEventListeners].set("onmousedown", value);
-  }
-  get onmouseup() {
-    return this[PS.propertyEventListeners].get("onmouseup") ?? null;
-  }
-  set onmouseup(value) {
-    this[PS.propertyEventListeners].set("onmouseup", value);
-  }
-  get onmousemove() {
-    return this[PS.propertyEventListeners].get("onmousemove") ?? null;
-  }
-  set onmousemove(value) {
-    this[PS.propertyEventListeners].set("onmousemove", value);
-  }
-  get onmouseover() {
-    return this[PS.propertyEventListeners].get("onmouseover") ?? null;
-  }
-  set onmouseover(value) {
-    this[PS.propertyEventListeners].set("onmouseover", value);
-  }
-  get onmouseout() {
-    return this[PS.propertyEventListeners].get("onmouseout") ?? null;
-  }
-  set onmouseout(value) {
-    this[PS.propertyEventListeners].set("onmouseout", value);
-  }
-  get onmouseenter() {
-    return this[PS.propertyEventListeners].get("onmouseenter") ?? null;
-  }
-  set onmouseenter(value) {
-    this[PS.propertyEventListeners].set("onmouseenter", value);
-  }
-  get onmouseleave() {
-    return this[PS.propertyEventListeners].get("onmouseleave") ?? null;
-  }
-  set onmouseleave(value) {
-    this[PS.propertyEventListeners].set("onmouseleave", value);
-  }
-  get oncontextmenu() {
-    return this[PS.propertyEventListeners].get("oncontextmenu") ?? null;
-  }
-  set oncontextmenu(value) {
-    this[PS.propertyEventListeners].set("oncontextmenu", value);
-  }
-  // Wheel events — Excalibur detects wheel support via
-  // `'onwheel' in document.createElement('div')` and only registers its
-  // wheel listener when the property is present on the prototype chain.
-  get onwheel() {
-    return this[PS.propertyEventListeners].get("onwheel") ?? null;
-  }
-  set onwheel(value) {
-    this[PS.propertyEventListeners].set("onwheel", value);
-  }
-  // Keyboard events
-  get onkeydown() {
-    return this[PS.propertyEventListeners].get("onkeydown") ?? null;
-  }
-  set onkeydown(value) {
-    this[PS.propertyEventListeners].set("onkeydown", value);
-  }
-  get onkeyup() {
-    return this[PS.propertyEventListeners].get("onkeyup") ?? null;
-  }
-  set onkeyup(value) {
-    this[PS.propertyEventListeners].set("onkeyup", value);
-  }
-  // Touch events
-  get ontouchstart() {
-    return this[PS.propertyEventListeners].get("ontouchstart") ?? null;
-  }
-  set ontouchstart(value) {
-    this[PS.propertyEventListeners].set("ontouchstart", value);
-  }
-  get ontouchend() {
-    return this[PS.propertyEventListeners].get("ontouchend") ?? null;
-  }
-  set ontouchend(value) {
-    this[PS.propertyEventListeners].set("ontouchend", value);
-  }
-  get ontouchmove() {
-    return this[PS.propertyEventListeners].get("ontouchmove") ?? null;
-  }
-  set ontouchmove(value) {
-    this[PS.propertyEventListeners].set("ontouchmove", value);
-  }
-  // Pointer events
-  get onpointerdown() {
-    return this[PS.propertyEventListeners].get("onpointerdown") ?? null;
-  }
-  set onpointerdown(value) {
-    this[PS.propertyEventListeners].set("onpointerdown", value);
-  }
-  get onpointerup() {
-    return this[PS.propertyEventListeners].get("onpointerup") ?? null;
-  }
-  set onpointerup(value) {
-    this[PS.propertyEventListeners].set("onpointerup", value);
-  }
-  get onpointermove() {
-    return this[PS.propertyEventListeners].get("onpointermove") ?? null;
-  }
-  set onpointermove(value) {
-    this[PS.propertyEventListeners].set("onpointermove", value);
-  }
-  // -- Clone --
-  cloneNode(deep = false) {
-    return super.cloneNode(deep);
-  }
-  get [Symbol.toStringTag]() {
-    return "HTMLElement";
-  }
-}
-export {
-  CSSStyleDeclaration,
-  HTMLElement
+import { Event } from "@gjsify/dom-events";
+
+//#region src/html-element.ts
+/**
+* Minimal CSSStyleDeclaration stub — stores property strings but has no effect.
+* GTK manages layout; CSS values written here (e.g. by three.js WebGLRenderer.setSize)
+* are silently accepted and ignored.
+*/
+var CSSStyleDeclaration = class {
+	constructor() {
+		this._cssText = "";
+	}
+	/** Setting cssText parses individual declarations and stores them as camelCase properties,
+	*  matching browser behavior for feature-detection checks like Excalibur's rgbaSupport. */
+	get cssText() {
+		return this._cssText;
+	}
+	set cssText(value) {
+		this._cssText = value;
+		for (const decl of value.split(";")) {
+			const colon = decl.indexOf(":");
+			if (colon === -1) continue;
+			const prop = decl.slice(0, colon).trim();
+			const val = decl.slice(colon + 1).trim();
+			if (!prop) continue;
+			const camel = prop.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+			this[camel] = val;
+		}
+	}
+	setProperty(property, value, _priority) {
+		this[property] = value;
+	}
+	getPropertyValue(property) {
+		const v = this[property];
+		return typeof v === "string" ? v : "";
+	}
+	removeProperty(property) {
+		const v = this[property];
+		delete this[property];
+		return typeof v === "string" ? v : "";
+	}
+	getPropertyPriority(_property) {
+		return "";
+	}
+};
+/**
+* HTML Element base class.
+*
+* Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement
+*/
+var HTMLElement = class extends Element {
+	constructor(..._args) {
+		super(..._args);
+		this.style = new CSSStyleDeclaration();
+	}
+	get dataset() {
+		const el = this;
+		return new Proxy({}, {
+			get(_target, prop) {
+				if (typeof prop !== "string") return undefined;
+				const attr = "data-" + prop.replace(/[A-Z]/g, (c) => "-" + c.toLowerCase());
+				const value = el.getAttribute(attr);
+				return value ?? undefined;
+			},
+			set(_target, prop, value) {
+				if (typeof prop !== "string") return false;
+				const attr = "data-" + prop.replace(/[A-Z]/g, (c) => "-" + c.toLowerCase());
+				el.setAttribute(attr, String(value));
+				return true;
+			},
+			deleteProperty(_target, prop) {
+				if (typeof prop !== "string") return false;
+				const attr = "data-" + prop.replace(/[A-Z]/g, (c) => "-" + c.toLowerCase());
+				el.removeAttribute(attr);
+				return true;
+			},
+			has(_target, prop) {
+				if (typeof prop !== "string") return false;
+				const attr = "data-" + prop.replace(/[A-Z]/g, (c) => "-" + c.toLowerCase());
+				return el.hasAttribute(attr);
+			}
+		});
+	}
+	get title() {
+		return this.getAttribute("title") ?? "";
+	}
+	set title(value) {
+		this.setAttribute("title", value);
+	}
+	get lang() {
+		return this.getAttribute("lang") ?? "";
+	}
+	set lang(value) {
+		this.setAttribute("lang", value);
+	}
+	get dir() {
+		return this.getAttribute("dir") ?? "";
+	}
+	set dir(value) {
+		this.setAttribute("dir", value);
+	}
+	get accessKey() {
+		return this.getAttribute("accesskey") ?? "";
+	}
+	set accessKey(value) {
+		this.setAttribute("accesskey", value);
+	}
+	get accessKeyLabel() {
+		return this.getAttribute("accesskey") ?? "";
+	}
+	get hidden() {
+		return this.hasAttribute("hidden");
+	}
+	set hidden(value) {
+		if (value) {
+			this.setAttribute("hidden", "");
+		} else {
+			this.removeAttribute("hidden");
+		}
+	}
+	get draggable() {
+		return this.getAttribute("draggable") === "true";
+	}
+	set draggable(value) {
+		this.setAttribute("draggable", String(value));
+	}
+	get spellcheck() {
+		const attr = this.getAttribute("spellcheck");
+		if (attr === "false") return false;
+		return attr !== null;
+	}
+	set spellcheck(value) {
+		this.setAttribute("spellcheck", String(value));
+	}
+	get translate() {
+		const attr = this.getAttribute("translate");
+		return attr !== "no";
+	}
+	set translate(value) {
+		this.setAttribute("translate", value ? "yes" : "no");
+	}
+	get tabIndex() {
+		const attr = this.getAttribute("tabindex");
+		return attr !== null ? Number(attr) : -1;
+	}
+	set tabIndex(value) {
+		this.setAttribute("tabindex", String(value));
+	}
+	get contentEditable() {
+		const attr = this.getAttribute("contenteditable");
+		if (attr === "" || attr === "true") return "true";
+		if (attr === "false") return "false";
+		return "inherit";
+	}
+	set contentEditable(value) {
+		if (value === "inherit") {
+			this.removeAttribute("contenteditable");
+		} else {
+			this.setAttribute("contenteditable", value);
+		}
+	}
+	get isContentEditable() {
+		return this.contentEditable === "true";
+	}
+	get offsetHeight() {
+		return 0;
+	}
+	get offsetWidth() {
+		return 0;
+	}
+	get offsetLeft() {
+		return 0;
+	}
+	get offsetTop() {
+		return 0;
+	}
+	get offsetParent() {
+		return null;
+	}
+	get clientHeight() {
+		return 0;
+	}
+	get clientWidth() {
+		return 0;
+	}
+	get clientLeft() {
+		return 0;
+	}
+	get clientTop() {
+		return 0;
+	}
+	get scrollHeight() {
+		return 0;
+	}
+	get scrollWidth() {
+		return 0;
+	}
+	get scrollTop() {
+		return 0;
+	}
+	set scrollTop(_value) {}
+	get scrollLeft() {
+		return 0;
+	}
+	set scrollLeft(_value) {}
+	getBoundingClientRect() {
+		const w = this.clientWidth;
+		const h = this.clientHeight;
+		return {
+			x: 0,
+			y: 0,
+			top: 0,
+			left: 0,
+			right: w,
+			bottom: h,
+			width: w,
+			height: h,
+			toJSON() {
+				return this;
+			}
+		};
+	}
+	click() {
+		this.dispatchEvent(new Event("click", {
+			bubbles: true,
+			cancelable: true
+		}));
+	}
+	blur() {
+		this.dispatchEvent(new Event("blur"));
+	}
+	focus() {
+		this.dispatchEvent(new Event("focus"));
+	}
+	get onclick() {
+		return this[propertyEventListeners].get("onclick") ?? null;
+	}
+	set onclick(value) {
+		this[propertyEventListeners].set("onclick", value);
+	}
+	get ondblclick() {
+		return this[propertyEventListeners].get("ondblclick") ?? null;
+	}
+	set ondblclick(value) {
+		this[propertyEventListeners].set("ondblclick", value);
+	}
+	get onload() {
+		return this[propertyEventListeners].get("onload") ?? null;
+	}
+	set onload(value) {
+		this[propertyEventListeners].set("onload", value);
+	}
+	get onerror() {
+		return this[propertyEventListeners].get("onerror") ?? null;
+	}
+	set onerror(value) {
+		this[propertyEventListeners].set("onerror", value);
+	}
+	get onabort() {
+		return this[propertyEventListeners].get("onabort") ?? null;
+	}
+	set onabort(value) {
+		this[propertyEventListeners].set("onabort", value);
+	}
+	get onfocus() {
+		return this[propertyEventListeners].get("onfocus") ?? null;
+	}
+	set onfocus(value) {
+		this[propertyEventListeners].set("onfocus", value);
+	}
+	get onblur() {
+		return this[propertyEventListeners].get("onblur") ?? null;
+	}
+	set onblur(value) {
+		this[propertyEventListeners].set("onblur", value);
+	}
+	get onchange() {
+		return this[propertyEventListeners].get("onchange") ?? null;
+	}
+	set onchange(value) {
+		this[propertyEventListeners].set("onchange", value);
+	}
+	get oninput() {
+		return this[propertyEventListeners].get("oninput") ?? null;
+	}
+	set oninput(value) {
+		this[propertyEventListeners].set("oninput", value);
+	}
+	get onsubmit() {
+		return this[propertyEventListeners].get("onsubmit") ?? null;
+	}
+	set onsubmit(value) {
+		this[propertyEventListeners].set("onsubmit", value);
+	}
+	get onreset() {
+		return this[propertyEventListeners].get("onreset") ?? null;
+	}
+	set onreset(value) {
+		this[propertyEventListeners].set("onreset", value);
+	}
+	get onscroll() {
+		return this[propertyEventListeners].get("onscroll") ?? null;
+	}
+	set onscroll(value) {
+		this[propertyEventListeners].set("onscroll", value);
+	}
+	get onresize() {
+		return this[propertyEventListeners].get("onresize") ?? null;
+	}
+	set onresize(value) {
+		this[propertyEventListeners].set("onresize", value);
+	}
+	get onmousedown() {
+		return this[propertyEventListeners].get("onmousedown") ?? null;
+	}
+	set onmousedown(value) {
+		this[propertyEventListeners].set("onmousedown", value);
+	}
+	get onmouseup() {
+		return this[propertyEventListeners].get("onmouseup") ?? null;
+	}
+	set onmouseup(value) {
+		this[propertyEventListeners].set("onmouseup", value);
+	}
+	get onmousemove() {
+		return this[propertyEventListeners].get("onmousemove") ?? null;
+	}
+	set onmousemove(value) {
+		this[propertyEventListeners].set("onmousemove", value);
+	}
+	get onmouseover() {
+		return this[propertyEventListeners].get("onmouseover") ?? null;
+	}
+	set onmouseover(value) {
+		this[propertyEventListeners].set("onmouseover", value);
+	}
+	get onmouseout() {
+		return this[propertyEventListeners].get("onmouseout") ?? null;
+	}
+	set onmouseout(value) {
+		this[propertyEventListeners].set("onmouseout", value);
+	}
+	get onmouseenter() {
+		return this[propertyEventListeners].get("onmouseenter") ?? null;
+	}
+	set onmouseenter(value) {
+		this[propertyEventListeners].set("onmouseenter", value);
+	}
+	get onmouseleave() {
+		return this[propertyEventListeners].get("onmouseleave") ?? null;
+	}
+	set onmouseleave(value) {
+		this[propertyEventListeners].set("onmouseleave", value);
+	}
+	get oncontextmenu() {
+		return this[propertyEventListeners].get("oncontextmenu") ?? null;
+	}
+	set oncontextmenu(value) {
+		this[propertyEventListeners].set("oncontextmenu", value);
+	}
+	get onwheel() {
+		return this[propertyEventListeners].get("onwheel") ?? null;
+	}
+	set onwheel(value) {
+		this[propertyEventListeners].set("onwheel", value);
+	}
+	get onkeydown() {
+		return this[propertyEventListeners].get("onkeydown") ?? null;
+	}
+	set onkeydown(value) {
+		this[propertyEventListeners].set("onkeydown", value);
+	}
+	get onkeyup() {
+		return this[propertyEventListeners].get("onkeyup") ?? null;
+	}
+	set onkeyup(value) {
+		this[propertyEventListeners].set("onkeyup", value);
+	}
+	get ontouchstart() {
+		return this[propertyEventListeners].get("ontouchstart") ?? null;
+	}
+	set ontouchstart(value) {
+		this[propertyEventListeners].set("ontouchstart", value);
+	}
+	get ontouchend() {
+		return this[propertyEventListeners].get("ontouchend") ?? null;
+	}
+	set ontouchend(value) {
+		this[propertyEventListeners].set("ontouchend", value);
+	}
+	get ontouchmove() {
+		return this[propertyEventListeners].get("ontouchmove") ?? null;
+	}
+	set ontouchmove(value) {
+		this[propertyEventListeners].set("ontouchmove", value);
+	}
+	get onpointerdown() {
+		return this[propertyEventListeners].get("onpointerdown") ?? null;
+	}
+	set onpointerdown(value) {
+		this[propertyEventListeners].set("onpointerdown", value);
+	}
+	get onpointerup() {
+		return this[propertyEventListeners].get("onpointerup") ?? null;
+	}
+	set onpointerup(value) {
+		this[propertyEventListeners].set("onpointerup", value);
+	}
+	get onpointermove() {
+		return this[propertyEventListeners].get("onpointermove") ?? null;
+	}
+	set onpointermove(value) {
+		this[propertyEventListeners].set("onpointermove", value);
+	}
+	cloneNode(deep = false) {
+		return super.cloneNode(deep);
+	}
+	get [Symbol.toStringTag]() {
+		return "HTMLElement";
+	}
 };
+
+//#endregion
+export { CSSStyleDeclaration, HTMLElement };