happy-dom 15.7.4 → 15.8.1

package/src/window/BrowserWindow.ts

@@ -4,7 +4,6 @@ import Stream from 'stream';
 import { ReadableStream } from 'stream/web';
 import { URLSearchParams } from 'url';
 import VM from 'vm';
-import ClassMethodBinder from '../ClassMethodBinder.js';
 import * as PropertySymbol from '../PropertySymbol.js';
 import Base64 from '../base64/Base64.js';
 import BrowserErrorCaptureEnum from '../browser/enums/BrowserErrorCaptureEnum.js';
@@ -84,8 +83,8 @@ import DocumentType from '../nodes/document-type/DocumentType.js';
 import Document from '../nodes/document/Document.js';
 import DocumentReadyStateEnum from '../nodes/document/DocumentReadyStateEnum.js';
 import DocumentReadyStateManager from '../nodes/document/DocumentReadyStateManager.js';
-import DOMRect from '../nodes/element/DOMRect.js';
-import DOMRectReadOnly from '../nodes/element/DOMRectReadOnly.js';
+import DOMRect from '../dom/DOMRect.js';
+import DOMRectReadOnly from '../dom/DOMRectReadOnly.js';
 import Element from '../nodes/element/Element.js';
 import HTMLCollection from '../nodes/element/HTMLCollection.js';
 import NamedNodeMap from '../nodes/element/NamedNodeMap.js';
@@ -174,10 +173,7 @@ import Node from '../nodes/node/Node.js';
 import NodeList from '../nodes/node/NodeList.js';
 import ProcessingInstruction from '../nodes/processing-instruction/ProcessingInstruction.js';
 import ShadowRoot from '../nodes/shadow-root/ShadowRoot.js';
-import SVGDocument from '../nodes/svg-document/SVGDocument.js';
 import SVGElement from '../nodes/svg-element/SVGElement.js';
-import SVGGraphicsElement from '../nodes/svg-element/SVGGraphicsElement.js';
-import SVGSVGElement from '../nodes/svg-element/SVGSVGElement.js';
 import Text from '../nodes/text/Text.js';
 import XMLDocument from '../nodes/xml-document/XMLDocument.js';
 import PermissionStatus from '../permissions/PermissionStatus.js';
@@ -211,6 +207,104 @@ import HTMLOptionsCollection from '../nodes/html-select-element/HTMLOptionsColle
 import WindowClassExtender from './WindowClassExtender.js';
 import WindowBrowserContext from './WindowBrowserContext.js';
 import CanvasCaptureMediaStreamTrack from '../nodes/html-canvas-element/CanvasCaptureMediaStreamTrack.js';
+import SVGSVGElement from '../nodes/svg-svg-element/SVGSVGElement.js';
+import SVGGraphicsElement from '../nodes/svg-graphics-element/SVGGraphicsElement.js';
+import SVGAnimateElement from '../nodes/svg-animate-element/SVGAnimateElement.js';
+import SVGAnimateMotionElement from '../nodes/svg-animate-motion-element/SVGAnimateMotionElement.js';
+import SVGAnimateTransformElement from '../nodes/svg-animate-transform-element/SVGAnimateTransformElement.js';
+import SVGCircleElement from '../nodes/svg-circle-element/SVGCircleElement.js';
+import SVGClipPathElement from '../nodes/svg-clip-path-element/SVGClipPathElement.js';
+import SVGDefsElement from '../nodes/svg-defs-element/SVGDefsElement.js';
+import SVGDescElement from '../nodes/svg-desc-element/SVGDescElement.js';
+import SVGEllipseElement from '../nodes/svg-ellipse-element/SVGEllipseElement.js';
+import SVGFEBlendElement from '../nodes/svg-fe-blend-element/SVGFEBlendElement.js';
+import SVGFEColorMatrixElement from '../nodes/svg-fe-color-matrix-element/SVGFEColorMatrixElement.js';
+import SVGFEComponentTransferElement from '../nodes/svg-fe-component-transfer-element/SVGFEComponentTransferElement.js';
+import SVGFECompositeElement from '../nodes/svg-fe-composite-element/SVGFECompositeElement.js';
+import SVGFEConvolveMatrixElement from '../nodes/svg-fe-convolve-matrix-element/SVGFEConvolveMatrixElement.js';
+import SVGFEDiffuseLightingElement from '../nodes/svg-fe-diffuse-lighting-element/SVGFEDiffuseLightingElement.js';
+import SVGFEDisplacementMapElement from '../nodes/svg-fe-displacement-map-element/SVGFEDisplacementMapElement.js';
+import SVGFEDistantLightElement from '../nodes/svg-fe-distant-light-element/SVGFEDistantLightElement.js';
+import SVGFEDropShadowElement from '../nodes/svg-fe-drop-shadow-element/SVGFEDropShadowElement.js';
+import SVGFEFloodElement from '../nodes/svg-fe-flood-element/SVGFEFloodElement.js';
+import SVGFEFuncAElement from '../nodes/svg-fe-func-a-element/SVGFEFuncAElement.js';
+import SVGFEFuncBElement from '../nodes/svg-fe-func-b-element/SVGFEFuncBElement.js';
+import SVGFEFuncGElement from '../nodes/svg-fe-func-g-element/SVGFEFuncGElement.js';
+import SVGFEFuncRElement from '../nodes/svg-fe-func-r-element/SVGFEFuncRElement.js';
+import SVGFEGaussianBlurElement from '../nodes/svg-fe-gaussian-blur-element/SVGFEGaussianBlurElement.js';
+import SVGFEImageElement from '../nodes/svg-fe-image-element/SVGFEImageElement.js';
+import SVGFEMergeElement from '../nodes/svg-fe-merge-element/SVGFEMergeElement.js';
+import SVGFEMergeNodeElement from '../nodes/svg-fe-merge-node-element/SVGFEMergeNodeElement.js';
+import SVGFEMorphologyElement from '../nodes/svg-fe-morphology-element/SVGFEMorphologyElement.js';
+import SVGFEOffsetElement from '../nodes/svg-fe-offset-element/SVGFEOffsetElement.js';
+import SVGFEPointLightElement from '../nodes/svg-fe-point-light-element/SVGFEPointLightElement.js';
+import SVGFESpecularLightingElement from '../nodes/svg-fe-specular-lighting-element/SVGFESpecularLightingElement.js';
+import SVGFESpotLightElement from '../nodes/svg-fe-spot-light-element/SVGFESpotLightElement.js';
+import SVGFETileElement from '../nodes/svg-fe-tile-element/SVGFETileElement.js';
+import SVGFETurbulenceElement from '../nodes/svg-fe-turbulence-element/SVGFETurbulenceElement.js';
+import SVGFilterElement from '../nodes/svg-filter-element/SVGFilterElement.js';
+import SVGForeignObjectElement from '../nodes/svg-foreign-object-element/SVGForeignObjectElement.js';
+import SVGGElement from '../nodes/svg-g-element/SVGGElement.js';
+import SVGImageElement from '../nodes/svg-image-element/SVGImageElement.js';
+import SVGLineElement from '../nodes/svg-line-element/SVGLineElement.js';
+import SVGLinearGradientElement from '../nodes/svg-linear-gradient-element/SVGLinearGradientElement.js';
+import SVGMarkerElement from '../nodes/svg-marker-element/SVGMarkerElement.js';
+import SVGMaskElement from '../nodes/svg-mask-element/SVGMaskElement.js';
+import SVGMetadataElement from '../nodes/svg-metadata-element/SVGMetadataElement.js';
+import SVGMPathElement from '../nodes/svg-m-path-element/SVGMPathElement.js';
+import SVGPathElement from '../nodes/svg-path-element/SVGPathElement.js';
+import SVGPatternElement from '../nodes/svg-pattern-element/SVGPatternElement.js';
+import SVGPolygonElement from '../nodes/svg-polygon-element/SVGPolygonElement.js';
+import SVGPolylineElement from '../nodes/svg-polyline-element/SVGPolylineElement.js';
+import SVGRadialGradientElement from '../nodes/svg-radial-gradient-element/SVGRadialGradientElement.js';
+import SVGRectElement from '../nodes/svg-rect-element/SVGRectElement.js';
+import SVGScriptElement from '../nodes/svg-script-element/SVGScriptElement.js';
+import SVGSetElement from '../nodes/svg-set-element/SVGSetElement.js';
+import SVGStopElement from '../nodes/svg-stop-element/SVGStopElement.js';
+import SVGStyleElement from '../nodes/svg-style-element/SVGStyleElement.js';
+import SVGSwitchElement from '../nodes/svg-switch-element/SVGSwitchElement.js';
+import SVGSymbolElement from '../nodes/svg-symbol-element/SVGSymbolElement.js';
+import SVGTextElement from '../nodes/svg-text-element/SVGTextElement.js';
+import SVGTextPathElement from '../nodes/svg-text-path-element/SVGTextPathElement.js';
+import SVGTitleElement from '../nodes/svg-title-element/SVGTitleElement.js';
+import SVGTSpanElement from '../nodes/svg-t-span-element/SVGTSpanElement.js';
+import SVGUseElement from '../nodes/svg-use-element/SVGUseElement.js';
+import SVGViewElement from '../nodes/svg-view-element/SVGViewElement.js';
+import SVGAnimationElement from '../nodes/svg-animation-element/SVGAnimationElement.js';
+import SVGComponentTransferFunctionElement from '../nodes/svg-component-transfer-function-element/SVGComponentTransferFunctionElement.js';
+import SVGGeometryElement from '../nodes/svg-geometry-element/SVGGeometryElement.js';
+import SVGGradientElement from '../nodes/svg-gradient-element/SVGGradientElement.js';
+import SVGTextPositioningElement from '../nodes/svg-text-positioning-element/SVGTextPositioningElement.js';
+import DOMMatrixReadOnly from '../dom/dom-matrix/DOMMatrixReadOnly.js';
+import DOMMatrix from '../dom/dom-matrix/DOMMatrix.js';
+import SVGAngle from '../svg/SVGAngle.js';
+import SVGAnimatedAngle from '../svg/SVGAnimatedAngle.js';
+import SVGAnimatedBoolean from '../svg/SVGAnimatedBoolean.js';
+import SVGAnimatedEnumeration from '../svg/SVGAnimatedEnumeration.js';
+import SVGAnimatedInteger from '../svg/SVGAnimatedInteger.js';
+import SVGAnimatedLength from '../svg/SVGAnimatedLength.js';
+import SVGLength from '../svg/SVGLength.js';
+import SVGAnimatedNumber from '../svg/SVGAnimatedNumber.js';
+import SVGAnimatedNumberList from '../svg/SVGAnimatedNumberList.js';
+import SVGAnimatedPreserveAspectRatio from '../svg/SVGAnimatedPreserveAspectRatio.js';
+import SVGAnimatedRect from '../svg/SVGAnimatedRect.js';
+import SVGAnimatedString from '../svg/SVGAnimatedString.js';
+import SVGAnimatedTransformList from '../svg/SVGAnimatedTransformList.js';
+import SVGLengthList from '../svg/SVGLengthList.js';
+import SVGMatrix from '../svg/SVGMatrix.js';
+import SVGNumber from '../svg/SVGNumber.js';
+import SVGNumberList from '../svg/SVGNumberList.js';
+import SVGPoint from '../svg/SVGPoint.js';
+import SVGPointList from '../svg/SVGPointList.js';
+import SVGPreserveAspectRatio from '../svg/SVGPreserveAspectRatio.js';
+import SVGRect from '../svg/SVGRect.js';
+import SVGStringList from '../svg/SVGStringList.js';
+import SVGTransform from '../svg/SVGTransform.js';
+import SVGTransformList from '../svg/SVGTransformList.js';
+import SVGUnitTypes from '../svg/SVGUnitTypes.js';
+import DOMPoint from '../dom/DOMPoint.js';
+import SVGAnimatedLengthList from '../svg/SVGAnimatedLengthList.js';
+
 const TIMER = {
 	setTimeout: globalThis.setTimeout.bind(globalThis),
 	clearTimeout: globalThis.clearTimeout.bind(globalThis),
@@ -220,6 +314,7 @@ const TIMER = {
 	setImmediate: globalThis.setImmediate.bind(globalThis),
 	clearImmediate: globalThis.clearImmediate.bind(globalThis)
 };
+
 const IS_NODE_JS_TIMEOUT_ENVIRONMENT = setTimeout.toString().includes('new Timeout');
 
 /**
@@ -257,9 +352,6 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	// Nodes
 	public readonly Node = Node;
 	public readonly Attr = Attr;
-	public readonly SVGSVGElement = SVGSVGElement;
-	public readonly SVGElement = SVGElement;
-	public readonly SVGGraphicsElement = SVGGraphicsElement;
 	public readonly ShadowRoot = ShadowRoot;
 	public readonly ProcessingInstruction = ProcessingInstruction;
 	public readonly Element = Element;
@@ -270,14 +362,13 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public declare readonly Document: typeof Document;
 	public declare readonly HTMLDocument: typeof HTMLDocument;
 	public declare readonly XMLDocument: typeof XMLDocument;
-	public declare readonly SVGDocument: typeof SVGDocument;
 	public declare readonly DocumentFragment: typeof DocumentFragment;
 	public declare readonly Text: typeof Text;
 	public declare readonly Comment: typeof Comment;
 	public declare readonly Image: typeof Image;
 	public declare readonly Audio: typeof Audio;
 
-	// Element classes
+	// HTML Element classes
 	public readonly HTMLAnchorElement = HTMLAnchorElement;
 	public readonly HTMLButtonElement = HTMLButtonElement;
 	public readonly HTMLOptGroupElement = HTMLOptGroupElement;
@@ -345,6 +436,79 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public readonly HTMLBodyElement = HTMLBodyElement;
 	public readonly HTMLAreaElement = HTMLAreaElement;
 
+	// SVG Element classes
+	public readonly SVGSVGElement = SVGSVGElement;
+	public readonly SVGAnimateElement = SVGAnimateElement;
+	public readonly SVGAnimateMotionElement = SVGAnimateMotionElement;
+	public readonly SVGAnimateTransformElement = SVGAnimateTransformElement;
+	public readonly SVGCircleElement = SVGCircleElement;
+	public readonly SVGClipPathElement = SVGClipPathElement;
+	public readonly SVGDefsElement = SVGDefsElement;
+	public readonly SVGDescElement = SVGDescElement;
+	public readonly SVGEllipseElement = SVGEllipseElement;
+	public readonly SVGFEBlendElement = SVGFEBlendElement;
+	public readonly SVGFEColorMatrixElement = SVGFEColorMatrixElement;
+	public readonly SVGFEComponentTransferElement = SVGFEComponentTransferElement;
+	public readonly SVGFECompositeElement = SVGFECompositeElement;
+	public readonly SVGFEConvolveMatrixElement = SVGFEConvolveMatrixElement;
+	public readonly SVGFEDiffuseLightingElement = SVGFEDiffuseLightingElement;
+	public readonly SVGFEDisplacementMapElement = SVGFEDisplacementMapElement;
+	public readonly SVGFEDistantLightElement = SVGFEDistantLightElement;
+	public readonly SVGFEDropShadowElement = SVGFEDropShadowElement;
+	public readonly SVGFEFloodElement = SVGFEFloodElement;
+	public readonly SVGFEFuncAElement = SVGFEFuncAElement;
+	public readonly SVGFEFuncBElement = SVGFEFuncBElement;
+	public readonly SVGFEFuncGElement = SVGFEFuncGElement;
+	public readonly SVGFEFuncRElement = SVGFEFuncRElement;
+	public readonly SVGFEGaussianBlurElement = SVGFEGaussianBlurElement;
+	public readonly SVGFEImageElement = SVGFEImageElement;
+	public readonly SVGFEMergeElement = SVGFEMergeElement;
+	public readonly SVGFEMergeNodeElement = SVGFEMergeNodeElement;
+	public readonly SVGFEMorphologyElement = SVGFEMorphologyElement;
+	public readonly SVGFEOffsetElement = SVGFEOffsetElement;
+	public readonly SVGFEPointLightElement = SVGFEPointLightElement;
+	public readonly SVGFESpecularLightingElement = SVGFESpecularLightingElement;
+	public readonly SVGFESpotLightElement = SVGFESpotLightElement;
+	public readonly SVGFETileElement = SVGFETileElement;
+	public readonly SVGFETurbulenceElement = SVGFETurbulenceElement;
+	public readonly SVGFilterElement = SVGFilterElement;
+	public readonly SVGForeignObjectElement = SVGForeignObjectElement;
+	public readonly SVGGElement = SVGGElement;
+	public readonly SVGImageElement = SVGImageElement;
+	public readonly SVGLineElement = SVGLineElement;
+	public readonly SVGLinearGradientElement = SVGLinearGradientElement;
+	public readonly SVGMarkerElement = SVGMarkerElement;
+	public readonly SVGMaskElement = SVGMaskElement;
+	public readonly SVGMetadataElement = SVGMetadataElement;
+	public readonly SVGMPathElement = SVGMPathElement;
+	public readonly SVGPathElement = SVGPathElement;
+	public readonly SVGPatternElement = SVGPatternElement;
+	public readonly SVGPolygonElement = SVGPolygonElement;
+	public readonly SVGPolylineElement = SVGPolylineElement;
+	public readonly SVGRadialGradientElement = SVGRadialGradientElement;
+	public readonly SVGRectElement = SVGRectElement;
+	public readonly SVGScriptElement = SVGScriptElement;
+	public readonly SVGSetElement = SVGSetElement;
+	public readonly SVGStopElement = SVGStopElement;
+	public readonly SVGStyleElement = SVGStyleElement;
+	public readonly SVGSwitchElement = SVGSwitchElement;
+	public readonly SVGSymbolElement = SVGSymbolElement;
+	public readonly SVGTextElement = SVGTextElement;
+	public readonly SVGTextPathElement = SVGTextPathElement;
+	public readonly SVGTitleElement = SVGTitleElement;
+	public readonly SVGTSpanElement = SVGTSpanElement;
+	public readonly SVGUseElement = SVGUseElement;
+	public readonly SVGViewElement = SVGViewElement;
+
+	// Abstract SVG Element classes
+	public readonly SVGElement = SVGElement;
+	public readonly SVGAnimationElement = SVGAnimationElement;
+	public readonly SVGComponentTransferFunctionElement = SVGComponentTransferFunctionElement;
+	public readonly SVGGeometryElement = SVGGeometryElement;
+	public readonly SVGGradientElement = SVGGradientElement;
+	public readonly SVGTextPositioningElement = SVGTextPositioningElement;
+	public readonly SVGGraphicsElement = SVGGraphicsElement;
+
 	// Event classes
 	public readonly Event = Event;
 	public readonly UIEvent = UIEvent;
@@ -411,7 +575,6 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public declare readonly NodeIterator: typeof NodeIterator;
 	public declare readonly TreeWalker: typeof TreeWalker;
 	public declare readonly MutationObserver: typeof MutationObserver;
-	public declare readonly CSSStyleDeclaration: typeof CSSStyleDeclaration;
 	public declare readonly MessagePort: typeof MessagePort;
 	public declare readonly DataTransfer: typeof DataTransfer;
 	public declare readonly DataTransferItem: typeof DataTransferItem;
@@ -457,6 +620,7 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public readonly MutationRecord = MutationRecord;
 	public readonly IntersectionObserver = IntersectionObserver;
 	public readonly IntersectionObserverEntry = IntersectionObserverEntry;
+	public readonly CSSStyleDeclaration = CSSStyleDeclaration;
 	public readonly CSSRule = CSSRule;
 	public readonly CSSContainerRule = CSSContainerRule;
 	public readonly CSSFontFaceRule = CSSFontFaceRule;
@@ -486,6 +650,35 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	public readonly RadioNodeList = RadioNodeList;
 	public readonly FileList = FileList;
 	public readonly Screen = Screen;
+	public readonly DOMMatrixReadOnly = DOMMatrixReadOnly;
+	public readonly DOMMatrix = DOMMatrix;
+	public readonly SVGAngle = SVGAngle;
+	public readonly SVGAnimatedAngle = SVGAnimatedAngle;
+	public readonly SVGAnimatedBoolean = SVGAnimatedBoolean;
+	public readonly SVGAnimatedEnumeration = SVGAnimatedEnumeration;
+	public readonly SVGAnimatedInteger = SVGAnimatedInteger;
+	public readonly SVGAnimatedLength = SVGAnimatedLength;
+	public readonly SVGAnimatedNumber = SVGAnimatedNumber;
+	public readonly SVGAnimatedNumberList = SVGAnimatedNumberList;
+	public readonly SVGAnimatedPreserveAspectRatio = SVGAnimatedPreserveAspectRatio;
+	public readonly SVGAnimatedRect = SVGAnimatedRect;
+	public readonly SVGAnimatedString = SVGAnimatedString;
+	public readonly SVGAnimatedTransformList = SVGAnimatedTransformList;
+	public readonly SVGLength = SVGLength;
+	public readonly SVGLengthList = SVGLengthList;
+	public readonly SVGMatrix = SVGMatrix;
+	public readonly SVGNumber = SVGNumber;
+	public readonly SVGNumberList = SVGNumberList;
+	public readonly SVGPoint = SVGPoint;
+	public readonly SVGPointList = SVGPointList;
+	public readonly SVGPreserveAspectRatio = SVGPreserveAspectRatio;
+	public readonly SVGRect = SVGRect;
+	public readonly SVGStringList = SVGStringList;
+	public readonly SVGTransform = SVGTransform;
+	public readonly SVGTransformList = SVGTransformList;
+	public readonly SVGAnimatedLengthList = SVGAnimatedLengthList;
+	public readonly SVGUnitTypes = SVGUnitTypes;
+	public readonly DOMPoint = DOMPoint;
 	public readonly Window = <typeof BrowserWindow>this.constructor;
 
 	// Node.js Classes
@@ -657,7 +850,7 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 			loadEvent[PropertySymbol.eventPhase] = EventPhaseEnum.none;
 		});
 
-		ClassMethodBinder.bindMethods(this, [EventTarget, BrowserWindow]);
+		this[PropertySymbol.bindMethods]();
 	}
 
 	/**
@@ -926,7 +1119,8 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 	 */
 	public getComputedStyle(element: Element): CSSStyleDeclaration {
 		element[PropertySymbol.computedStyle] =
-			element[PropertySymbol.computedStyle] || new CSSStyleDeclaration(element, true);
+			element[PropertySymbol.computedStyle] ||
+			new CSSStyleDeclaration(PropertySymbol.illegalConstructor, this, { element, computed: true });
 		return element[PropertySymbol.computedStyle];
 	}
 
@@ -1509,4 +1703,34 @@ export default class BrowserWindow extends EventTarget implements INodeJSGlobal
 
 		WindowBrowserContext.removeWindowBrowserFrameRelation(this);
 	}
+
+	/**
+	 * Binds methods to a window as scope.
+	 */
+	public [PropertySymbol.bindMethods](): void {
+		for (const _class of [BrowserWindow, EventTarget]) {
+			const propertyDescriptors = Object.getOwnPropertyDescriptors(_class.prototype);
+			const keys: Array<string | symbol> = Object.keys(propertyDescriptors);
+
+			for (const key of keys) {
+				const descriptor = propertyDescriptors[<string>key];
+				if (descriptor.get || descriptor.set) {
+					Object.defineProperty(this, key, {
+						...descriptor,
+						get: descriptor.get?.bind(this),
+						set: descriptor.set?.bind(this)
+					});
+				} else if (
+					key !== 'constructor' &&
+					typeof descriptor.value === 'function' &&
+					!descriptor.value.toString().startsWith('class ')
+				) {
+					Object.defineProperty(this, key, {
+						...descriptor,
+						value: descriptor.value.bind(this)
+					});
+				}
+			}
+		}
+	}
 }

package/src/window/WindowBrowserContext.ts

@@ -68,6 +68,9 @@ export default class WindowBrowserContext {
 	 * @returns Browser frame.
 	 */
 	public getBrowserFrame(): IBrowserFrame | null {
+		if (!this.#window) {
+			return null;
+		}
 		return (
 			(<typeof WindowBrowserContext>this.constructor)[PropertySymbol.browserFrames].get(
 				this.#window[PropertySymbol.internalId]

package/src/window/WindowClassExtender.ts

@@ -4,7 +4,6 @@ import * as PropertySymbol from '../PropertySymbol.js';
 import DocumentImplementation from '../nodes/document/Document.js';
 import HTMLDocumentImplementation from '../nodes/html-document/HTMLDocument.js';
 import XMLDocumentImplementation from '../nodes/xml-document/XMLDocument.js';
-import SVGDocumentImplementation from '../nodes/svg-document/SVGDocument.js';
 import DocumentFragmentImplementation from '../nodes/document-fragment/DocumentFragment.js';
 import TextImplementation from '../nodes/text/Text.js';
 import CommentImplementation from '../nodes/comment/Comment.js';
@@ -13,7 +12,6 @@ import AudioImplementation from '../nodes/html-audio-element/Audio.js';
 import NodeIteratorImplementation from '../tree-walker/NodeIterator.js';
 import TreeWalkerImplementation from '../tree-walker/TreeWalker.js';
 import MutationObserverImplementation from '../mutation-observer/MutationObserver.js';
-import CSSStyleDeclarationImplementation from '../css/declaration/CSSStyleDeclaration.js';
 import MessagePortImplementation from '../event/MessagePort.js';
 import DataTransferImplementation from '../event/DataTransfer.js';
 import DataTransferItemImplementation from '../event/DataTransferItem.js';
@@ -78,11 +76,6 @@ export default class WindowClassExtender {
 		XMLDocument.prototype[PropertySymbol.window] = window;
 		(<typeof XMLDocument>window.XMLDocument) = XMLDocument;
 
-		// SVGDocument
-		class SVGDocument extends SVGDocumentImplementation {}
-		SVGDocument.prototype[PropertySymbol.window] = window;
-		(<typeof SVGDocument>window.SVGDocument) = SVGDocument;
-
 		// DocumentFragment
 		class DocumentFragment extends DocumentFragmentImplementation {}
 		DocumentFragment.prototype[PropertySymbol.window] = window;
@@ -123,11 +116,6 @@ export default class WindowClassExtender {
 		MutationObserver.prototype[PropertySymbol.window] = window;
 		(<typeof MutationObserver>window.MutationObserver) = MutationObserver;
 
-		// CSSStyleDeclaration
-		class CSSStyleDeclaration extends CSSStyleDeclarationImplementation {}
-		CSSStyleDeclaration.prototype[PropertySymbol.window] = window;
-		(<typeof CSSStyleDeclaration>window.CSSStyleDeclaration) = CSSStyleDeclaration;
-
 		// MessagePort
 		class MessagePort extends MessagePortImplementation {}
 		MessagePort.prototype[PropertySymbol.window] = window;

package/src/xml-parser/XMLParser.ts

@@ -10,6 +10,8 @@ import DocumentFragment from '../nodes/document-fragment/DocumentFragment.js';
 import HTMLElementConfig from '../config/HTMLElementConfig.js';
 import * as Entities from 'entities';
 import HTMLElementConfigContentModelEnum from '../config/HTMLElementConfigContentModelEnum.js';
+import SVGElementConfig from '../config/SVGElementConfig.js';
+import StringUtility from '../StringUtility.js';
 
 /**
  * Markup RegExp.
@@ -24,7 +26,7 @@ import HTMLElementConfigContentModelEnum from '../config/HTMLElementConfigConten
  * Group 8: End of start tag (e.g. ">" in "<div>").
  */
 const MARKUP_REGEXP =
-	/<([a-zA-Z0-9-]+)|<\/([a-zA-Z0-9-]+)\s*>|<!--([^-]+)-->|<!--([^>]+)>|<!([^>]*)>|<\?([^>]+)>|(\/>)|(>)/gm;
+	/<([^\s/!>?]+)|<\/([^\s/!>?]+)\s*>|<!--([^-]+)-->|<!--([^>]+)>|<!([^>]*)>|<\?([^>]+)>|(\/>)|(>)/gm;
 
 /**
  * Attribute RegExp.
@@ -77,8 +79,8 @@ export default class XMLParser {
 		options?: { rootNode?: Element | DocumentFragment | Document; evaluateScripts?: boolean }
 	): Element | DocumentFragment | Document {
 		const root = options && options.rootNode ? options.rootNode : document.createDocumentFragment();
-		const stack: Node[] = [root];
-		const stackTagNames: string[] = [];
+		const nodeStack: Node[] = [root];
+		const localNameStack: string[] = [null];
 		const markupRegexp = new RegExp(MARKUP_REGEXP, 'gm');
 		const { evaluateScripts = false } = options || {};
 		let newNode: Node | null = null;
@@ -107,31 +109,37 @@ export default class XMLParser {
 
 						if (match[1]) {
 							// Start tag.
-							const tagName = match[1].toUpperCase();
-							const localName = tagName === 'SVG' ? 'svg' : match[1];
+							const name = StringUtility.asciiLowerCase(match[1]);
 
 							// NamespaceURI is inherited from the parent element.
 							// NamespaceURI should be SVG for SVGSVGElement.
 							const namespaceURI =
-								tagName === 'SVG'
+								name === 'svg'
 									? NamespaceURI.svg
 									: (<Element>currentNode)[PropertySymbol.namespaceURI] || NamespaceURI.html;
 
+							// SVG elements are resolved to their local name during parsing.
+							// This should probably be handled in an XML document.
+							const qualifiedName =
+								namespaceURI === NamespaceURI.svg && SVGElementConfig[name]
+									? SVGElementConfig[name].localName
+									: name;
+
 							// Create a new element.
-							newNode = document.createElementNS(namespaceURI, localName);
+							newNode = document.createElementNS(namespaceURI, qualifiedName);
 
 							readState = MarkupReadStateEnum.insideStartTag;
 							startTagIndex = markupRegexp.lastIndex;
 						} else if (match[2]) {
 							// End tag.
 
-							if (
-								match[2].toUpperCase() ===
-								(<Element>currentNode)[PropertySymbol.tagName]?.toUpperCase()
-							) {
-								stack.pop();
-								stackTagNames.pop();
-								currentNode = stack[stack.length - 1] || root;
+							// We close all tags up until the first tag that matches the end tag.
+							const localName = StringUtility.asciiLowerCase(match[2]);
+							const index = localNameStack.lastIndexOf(localName);
+							if (index !== -1) {
+								nodeStack.splice(index, nodeStack.length - index);
+								localNameStack.splice(index, localNameStack.length - index);
+								currentNode = nodeStack[nodeStack.length - 1] || root;
 							}
 						} else if (
 							match[3] ||
@@ -244,40 +252,42 @@ export default class XMLParser {
 							// The attribute string can potentially contain "/>" or ">".
 							if (hasAttributeStringEnded) {
 								const config = HTMLElementConfig[(<Element>newNode)[PropertySymbol.localName]];
-								const tagName = (<Element>newNode)[PropertySymbol.tagName];
+								const localName = StringUtility.asciiLowerCase(
+									(<Element>newNode)[PropertySymbol.localName]
+								);
 
 								// Some elements are not allowed to be nested (e.g. "<a><a></a></a>" is not allowed.).
 								// Therefore we need to auto-close the tag, so that it become valid (e.g. "<a></a><a></a>").
 								if (
 									config?.contentModel ===
 										HTMLElementConfigContentModelEnum.noFirstLevelSelfDescendants &&
-									stackTagNames[stackTagNames.length - 1] === tagName
+									localNameStack[localNameStack.length - 1] === localName
 								) {
-									stack.pop();
-									stackTagNames.pop();
-									currentNode = stack[stack.length - 1] || root;
+									nodeStack.pop();
+									localNameStack.pop();
+									currentNode = nodeStack[nodeStack.length - 1] || root;
 								} else if (
 									config?.contentModel === HTMLElementConfigContentModelEnum.noSelfDescendants &&
-									stackTagNames.includes(tagName)
+									localNameStack.includes(localName)
 								) {
 									while (currentNode !== root) {
-										if ((<Element>currentNode)[PropertySymbol.tagName].toUpperCase() === tagName) {
-											stack.pop();
-											stackTagNames.pop();
-											currentNode = stack[stack.length - 1] || root;
+										if ((<Element>currentNode)[PropertySymbol.localName] === localName) {
+											nodeStack.pop();
+											localNameStack.pop();
+											currentNode = nodeStack[nodeStack.length - 1] || root;
 											break;
 										}
-										stack.pop();
-										stackTagNames.pop();
-										currentNode = stack[stack.length - 1] || root;
+										nodeStack.pop();
+										localNameStack.pop();
+										currentNode = nodeStack[nodeStack.length - 1] || root;
 									}
 								}
 
 								// Appends the new node to its parent and sets is as current node.
 								currentNode[PropertySymbol.appendChild](newNode, true);
 								currentNode = newNode;
-								stack.push(currentNode);
-								stackTagNames.push(tagName);
+								nodeStack.push(currentNode);
+								localNameStack.push(localName);
 								newNode = null;
 
 								// Checks if the tag is a self closing tag (ends with "/>") or void element.
@@ -290,9 +300,9 @@ export default class XMLParser {
 									(match[7] &&
 										(<Element>currentNode)[PropertySymbol.namespaceURI] === NamespaceURI.svg)
 								) {
-									stack.pop();
-									stackTagNames.pop();
-									currentNode = stack[stack.length - 1] || root;
+									nodeStack.pop();
+									localNameStack.pop();
+									currentNode = nodeStack[nodeStack.length - 1] || root;
 									readState = MarkupReadStateEnum.startOrEndTag;
 								} else {
 									readState =
@@ -307,17 +317,17 @@ export default class XMLParser {
 
 						break;
 					case MarkupReadStateEnum.plainTextContent:
-						const tagName = currentNode[PropertySymbol.tagName];
+						const localName = currentNode[PropertySymbol.localName];
 
-						if (tagName && match[2] && match[2].toUpperCase() === tagName) {
+						if (localName && match[2] && StringUtility.asciiLowerCase(match[2]) === localName) {
 							// End of plain text tag.
 
 							// Scripts are not allowed to be executed when they are parsed using innerHTML, outerHTML, replaceWith() etc.
 							// However, they are allowed to be executed when document.write() is used.
 							// See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement
-							if (tagName === 'SCRIPT') {
+							if (localName === 'script') {
 								(<HTMLScriptElement>currentNode)[PropertySymbol.evaluateScript] = evaluateScripts;
-							} else if (tagName === 'LINK') {
+							} else if (localName === 'link') {
 								// An assumption that the same rule should be applied for the HTMLLinkElement is made here.
 								(<HTMLLinkElement>currentNode)[PropertySymbol.evaluateCSS] = evaluateScripts;
 							}
@@ -330,9 +340,9 @@ export default class XMLParser {
 								true
 							);
 
-							stack.pop();
-							stackTagNames.pop();
-							currentNode = stack[stack.length - 1] || root;
+							nodeStack.pop();
+							localNameStack.pop();
+							currentNode = nodeStack[nodeStack.length - 1] || root;
 							readState = MarkupReadStateEnum.startOrEndTag;
 						}
 

package/src/xml-serializer/XMLSerializer.ts

@@ -44,16 +44,8 @@ export default class XMLSerializer {
 					return `<${localName}${this.getAttributes(element)}>`;
 				}
 
-				const childNodes =
-					localName === 'template'
-						? (<DocumentFragment>(<HTMLTemplateElement>root).content)[PropertySymbol.nodeArray]
-						: (<DocumentFragment>root)[PropertySymbol.nodeArray];
 				let innerHTML = '';
 
-				for (const node of childNodes) {
-					innerHTML += this.serializeToString(node);
-				}
-
 				// TODO: Should we include closed shadow roots? We are currently only including open shadow roots.
 				if (
 					element.shadowRoot &&
@@ -72,6 +64,15 @@ export default class XMLSerializer {
 					innerHTML += '</template>';
 				}
 
+				const childNodes =
+					localName === 'template'
+						? (<DocumentFragment>(<HTMLTemplateElement>root).content)[PropertySymbol.nodeArray]
+						: (<DocumentFragment>root)[PropertySymbol.nodeArray];
+
+				for (const node of childNodes) {
+					innerHTML += this.serializeToString(node);
+				}
+
 				return `<${localName}${this.getAttributes(element)}>${innerHTML}</${localName}>`;
 			case Node.DOCUMENT_FRAGMENT_NODE:
 			case Node.DOCUMENT_NODE:

package/tsconfig.json

@@ -16,7 +16,7 @@
 		"removeComments": false,
 		"preserveConstEnums": true,
 		"sourceMap": true,
-		"skipLibCheck": false,
+		"skipLibCheck": true,
 		"baseUrl": ".",
 		"composite": false,
 		"incremental": false,

package/cjs/config/IHTMLElementConfigEntity.cjs

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=IHTMLElementConfigEntity.cjs.map

package/cjs/config/IHTMLElementConfigEntity.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"IHTMLElementConfigEntity.cjs","sourceRoot":"","sources":["../../src/config/IHTMLElementConfigEntity.ts"],"names":[],"mappings":""}

package/cjs/config/IHTMLElementConfigEntity.d.ts

@@ -1,8 +0,0 @@
-import HTMLElementConfigContentModelEnum from './HTMLElementConfigContentModelEnum.cjs';
-export default interface IHTMLElementConfigEntity {
-    className: string;
-    localName: string;
-    tagName: string;
-    contentModel: HTMLElementConfigContentModelEnum;
-}
-//# sourceMappingURL=IHTMLElementConfigEntity.d.ts.map

package/cjs/config/IHTMLElementConfigEntity.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IHTMLElementConfigEntity.d.ts","sourceRoot":"","sources":["../../src/config/IHTMLElementConfigEntity.ts"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,MAAM,wCAAwC,CAAC;AAEvF,MAAM,CAAC,OAAO,WAAW,wBAAwB;IAChD,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,iCAAiC,CAAC;CAChD"}