happy-dom 13.0.6 → 13.1.0

package/src/nodes/shadow-root/ShadowRoot.ts

@@ -12,13 +12,32 @@ import Event from '../../event/Event.js';
  * ShadowRoot.
  */
 export default class ShadowRoot extends DocumentFragment implements IShadowRoot {
-	public readonly mode = 'open';
-	public readonly host: IElement = null;
-	public adoptedStyleSheets: CSSStyleSheet[] = [];
-
 	// Events
 	public onslotchange: (event: Event) => void | null = null;
 
+	// Internal properties
+	public [PropertySymbol.adoptedStyleSheets]: CSSStyleSheet[] = [];
+	public [PropertySymbol.mode] = 'open';
+	public [PropertySymbol.host]: IElement | null = null;
+
+	/**
+	 * Returns mode.
+	 *
+	 * @returns Mode.
+	 */
+	public get mode(): string {
+		return this[PropertySymbol.mode];
+	}
+
+	/**
+	 * Returns host.
+	 *
+	 * @returns Host.
+	 */
+	public get host(): IElement {
+		return this[PropertySymbol.host];
+	}
+
 	/**
 	 * Returns inner HTML.
 	 *
@@ -45,7 +64,25 @@ export default class ShadowRoot extends DocumentFragment implements IShadowRoot
 			this.removeChild(child);
 		}
 
-		XMLParser.parse(this.ownerDocument, html, { rootNode: this });
+		XMLParser.parse(this[PropertySymbol.ownerDocument], html, { rootNode: this });
+	}
+
+	/**
+	 * Returns adopted style sheets.
+	 *
+	 * @returns Adopted style sheets.
+	 */
+	public get adoptedStyleSheets(): CSSStyleSheet[] {
+		return this[PropertySymbol.adoptedStyleSheets];
+	}
+
+	/**
+	 * Sets adopted style sheets.
+	 *
+	 * @param value Adopted style sheets.
+	 */
+	public set adoptedStyleSheets(value: CSSStyleSheet[]) {
+		this[PropertySymbol.adoptedStyleSheets] = value;
 	}
 
 	/**
@@ -54,8 +91,13 @@ export default class ShadowRoot extends DocumentFragment implements IShadowRoot
 	 * @returns Active element.
 	 */
 	public get activeElement(): IHTMLElement | null {
-		const activeElement: IHTMLElement = this.ownerDocument[PropertySymbol.activeElement];
-		if (activeElement && activeElement.isConnected && activeElement.getRootNode() === this) {
+		const activeElement: IHTMLElement =
+			this[PropertySymbol.ownerDocument][PropertySymbol.activeElement];
+		if (
+			activeElement &&
+			activeElement[PropertySymbol.isConnected] &&
+			activeElement.getRootNode() === this
+		) {
 			return activeElement;
 		}
 		return null;
@@ -79,7 +121,7 @@ export default class ShadowRoot extends DocumentFragment implements IShadowRoot
 	 */
 	public cloneNode(deep = false): IShadowRoot {
 		const clone = <ShadowRoot>super.cloneNode(deep);
-		(<string>clone.mode) = this.mode;
+		clone[PropertySymbol.mode] = this.mode;
 		return clone;
 	}
 }

package/src/nodes/svg-element/SVGElement.ts

@@ -16,8 +16,6 @@ import SVGElementNamedNodeMap from './SVGElementNamedNodeMap.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/SVGElement.
  */
 export default class SVGElement extends Element implements ISVGElement {
-	public override readonly attributes: INamedNodeMap = new SVGElementNamedNodeMap(this);
-
 	// Events
 	public onabort: (event: Event) => void | null = null;
 	public onerror: (event: Event) => void | null = null;
@@ -26,8 +24,11 @@ export default class SVGElement extends Element implements ISVGElement {
 	public onscroll: (event: Event) => void | null = null;
 	public onunload: (event: Event) => void | null = null;
 
+	// Internal properties
+	public override [PropertySymbol.attributes]: INamedNodeMap = new SVGElementNamedNodeMap(this);
+	public [PropertySymbol.style]: CSSStyleDeclaration | null = null;
+
 	// Private properties
-	public [PropertySymbol.style]: CSSStyleDeclaration = null;
 	#dataset: Dataset = null;
 
 	/**
@@ -45,13 +46,13 @@ export default class SVGElement extends Element implements ISVGElement {
 	 * @returns Element.
 	 */
 	public get ownerSVGElement(): ISVGSVGElement {
-		let parent = this.parentNode;
+		let parent = this[PropertySymbol.parentNode];
 		while (parent) {
 			if (parent['tagName'] === 'SVG') {
 				return <ISVGSVGElement>parent;
 			}
 
-			parent = parent.parentNode;
+			parent = parent[PropertySymbol.parentNode];
 		}
 		return null;
 	}

package/src/nodes/svg-element/SVGElementNamedNodeMap.ts

@@ -17,8 +17,11 @@ export default class SVGElementNamedNodeMap extends ElementNamedNodeMap {
 	public override setNamedItem(item: IAttr): IAttr | null {
 		const replacedItem = super.setNamedItem(item);
 
-		if (item.name === 'style' && this[PropertySymbol.ownerElement][PropertySymbol.style]) {
-			this[PropertySymbol.ownerElement][PropertySymbol.style].cssText = item.value;
+		if (
+			item[PropertySymbol.name] === 'style' &&
+			this[PropertySymbol.ownerElement][PropertySymbol.style]
+		) {
+			this[PropertySymbol.ownerElement][PropertySymbol.style].cssText = item[PropertySymbol.value];
 		}
 
 		return replacedItem || null;
@@ -32,7 +35,7 @@ export default class SVGElementNamedNodeMap extends ElementNamedNodeMap {
 
 		if (
 			removedItem &&
-			removedItem.name === 'style' &&
+			removedItem[PropertySymbol.name] === 'style' &&
 			this[PropertySymbol.ownerElement][PropertySymbol.style]
 		) {
 			this[PropertySymbol.ownerElement][PropertySymbol.style].cssText = '';

package/src/nodes/text/Text.ts

@@ -1,4 +1,3 @@
-import Node from '../node/Node.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
 import CharacterData from '../character-data/CharacterData.js';
 import IText from './IText.js';
@@ -6,12 +5,13 @@ import DOMException from '../../exception/DOMException.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
 import HTMLTextAreaElement from '../html-text-area-element/HTMLTextAreaElement.js';
 import INode from '../node/INode.js';
+import NodeTypeEnum from '../node/NodeTypeEnum.js';
 
 /**
  * Text node.
  */
 export default class Text extends CharacterData implements IText {
-	public readonly nodeType = Node.TEXT_NODE;
+	public override [PropertySymbol.nodeType] = NodeTypeEnum.textNode;
 
 	/**
 	 * Node name.
@@ -59,10 +59,10 @@ export default class Text extends CharacterData implements IText {
 
 		const count = length - offset;
 		const newData = this.substringData(offset, count);
-		const newNode = <IText>this.ownerDocument.createTextNode(newData);
+		const newNode = <IText>this[PropertySymbol.ownerDocument].createTextNode(newData);
 
-		if (this.parentNode !== null) {
-			this.parentNode.insertBefore(newNode, this.nextSibling);
+		if (this[PropertySymbol.parentNode] !== null) {
+			this[PropertySymbol.parentNode].insertBefore(newNode, this.nextSibling);
 		}
 
 		this.replaceData(offset, count, '');

package/src/query-selector/QuerySelector.ts

@@ -48,7 +48,7 @@ export default class QuerySelector {
 
 		for (const items of groups) {
 			matches = matches.concat(
-				node.nodeType === NodeTypeEnum.elementNode
+				node[PropertySymbol.nodeType] === NodeTypeEnum.elementNode
 					? this.findAll(<IElement>node, [<IElement>node], items)
 					: this.findAll(null, (<Element>node)[PropertySymbol.children], items)
 			);
@@ -92,7 +92,7 @@ export default class QuerySelector {
 
 		for (const items of SelectorParser.getSelectorGroups(selector)) {
 			const match =
-				node.nodeType === NodeTypeEnum.elementNode
+				node[PropertySymbol.nodeType] === NodeTypeEnum.elementNode
 					? this.findFirst(<IElement>node, [<IElement>node], items)
 					: this.findFirst(null, (<Element>node)[PropertySymbol.children], items);
 

package/src/query-selector/SelectorItem.ts

@@ -65,7 +65,7 @@ export default class SelectorItem {
 
 		// Tag name match
 		if (this.tagName) {
-			if (this.tagName !== '*' && this.tagName !== element.tagName) {
+			if (this.tagName !== '*' && this.tagName !== element[PropertySymbol.tagName]) {
 				return null;
 			}
 			priorityWeight += 1;
@@ -112,9 +112,9 @@ export default class SelectorItem {
 	 * @returns Result.
 	 */
 	private matchPsuedo(element: IElement): boolean {
-		const parent = <IElement>element.parentNode;
-		const parentChildren = element.parentNode
-			? (<Element>element.parentNode)[PropertySymbol.children]
+		const parent = <IElement>element[PropertySymbol.parentNode];
+		const parentChildren = element[PropertySymbol.parentNode]
+			? (<Element>element[PropertySymbol.parentNode])[PropertySymbol.children]
 			: [];
 
 		if (!this.pseudos) {
@@ -161,7 +161,7 @@ export default class SelectorItem {
 					return parentChildren.length === 1 && parentChildren[0] === element;
 				case 'first-of-type':
 					for (const child of parentChildren) {
-						if (child.tagName === element.tagName) {
+						if (child[PropertySymbol.tagName] === element[PropertySymbol.tagName]) {
 							return child === element;
 						}
 					}
@@ -169,7 +169,7 @@ export default class SelectorItem {
 				case 'last-of-type':
 					for (let i = parentChildren.length - 1; i >= 0; i--) {
 						const child = parentChildren[i];
-						if (child.tagName === element.tagName) {
+						if (child[PropertySymbol.tagName] === element[PropertySymbol.tagName]) {
 							return child === element;
 						}
 					}
@@ -177,7 +177,7 @@ export default class SelectorItem {
 				case 'only-of-type':
 					let isFound = false;
 					for (const child of parentChildren) {
-						if (child.tagName === element.tagName) {
+						if (child[PropertySymbol.tagName] === element[PropertySymbol.tagName]) {
 							if (isFound || child !== element) {
 								return false;
 							}
@@ -186,11 +186,13 @@ export default class SelectorItem {
 					}
 					return isFound;
 				case 'checked':
-					return element.tagName === 'INPUT' && (<IHTMLInputElement>element).checked;
+					return (
+						element[PropertySymbol.tagName] === 'INPUT' && (<IHTMLInputElement>element).checked
+					);
 				case 'empty':
 					return !(<Element>element)[PropertySymbol.children].length;
 				case 'root':
-					return element.tagName === 'HTML';
+					return element[PropertySymbol.tagName] === 'HTML';
 				case 'not':
 					return !psuedo.selectorItem.match(element);
 				case 'nth-child':
@@ -199,11 +201,11 @@ export default class SelectorItem {
 						: parentChildren.indexOf(element);
 					return nthChildIndex !== -1 && psuedo.nthFunction(nthChildIndex + 1);
 				case 'nth-of-type':
-					if (!element.parentNode) {
+					if (!element[PropertySymbol.parentNode]) {
 						return false;
 					}
 					const nthOfTypeIndex = parentChildren
-						.filter((child) => child.tagName === element.tagName)
+						.filter((child) => child[PropertySymbol.tagName] === element[PropertySymbol.tagName])
 						.indexOf(element);
 					return nthOfTypeIndex !== -1 && psuedo.nthFunction(nthOfTypeIndex + 1);
 				case 'nth-last-child':
@@ -216,7 +218,7 @@ export default class SelectorItem {
 					return nthLastChildIndex !== -1 && psuedo.nthFunction(nthLastChildIndex + 1);
 				case 'nth-last-of-type':
 					const nthLastOfTypeIndex = parentChildren
-						.filter((child) => child.tagName === element.tagName)
+						.filter((child) => child[PropertySymbol.tagName] === element[PropertySymbol.tagName])
 						.reverse()
 						.indexOf(element);
 					return nthLastOfTypeIndex !== -1 && psuedo.nthFunction(nthLastOfTypeIndex + 1);
@@ -240,7 +242,9 @@ export default class SelectorItem {
 		let priorityWeight = 0;
 
 		for (const attribute of this.attributes) {
-			const elementAttribute = (<Element>element).attributes.getNamedItem(attribute.name);
+			const elementAttribute = (<Element>element)[PropertySymbol.attributes].getNamedItem(
+				attribute.name
+			);
 
 			if (!elementAttribute) {
 				return null;
@@ -250,9 +254,9 @@ export default class SelectorItem {
 
 			if (
 				attribute.value !== null &&
-				(elementAttribute.value === null ||
-					(attribute.regExp && !attribute.regExp.test(elementAttribute.value)) ||
-					(!attribute.regExp && attribute.value !== elementAttribute.value))
+				(elementAttribute[PropertySymbol.value] === null ||
+					(attribute.regExp && !attribute.regExp.test(elementAttribute[PropertySymbol.value])) ||
+					(!attribute.regExp && attribute.value !== elementAttribute[PropertySymbol.value]))
 			) {
 				return null;
 			}