happy-dom 12.10.2 → 13.0.0

package/src/nodes/document-fragment/DocumentFragment.ts

@@ -1,4 +1,5 @@
 import Node from '../node/Node.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import IElement from '../element/IElement.js';
 import QuerySelector from '../../query-selector/QuerySelector.js';
 import ParentNodeUtility from '../parent-node/ParentNodeUtility.js';
@@ -14,14 +15,14 @@ import INodeList from '../node/INodeList.js';
  */
 export default class DocumentFragment extends Node implements IDocumentFragment {
 	public nodeType = Node.DOCUMENT_FRAGMENT_NODE;
-	public readonly _children: IHTMLCollection<IElement> = new HTMLCollection();
-	public _rootNode: INode = this;
+	public readonly [PropertySymbol.children]: IHTMLCollection<IElement> = new HTMLCollection();
+	public [PropertySymbol.rootNode]: INode = this;
 
 	/**
 	 * Returns the document fragment children.
 	 */
 	public get children(): IHTMLCollection<IElement> {
-		return this._children;
+		return this[PropertySymbol.children];
 	}
 
 	/**
@@ -30,7 +31,7 @@ export default class DocumentFragment extends Node implements IDocumentFragment
 	 * @returns Element.
 	 */
 	public get childElementCount(): number {
-		return this._children.length;
+		return this[PropertySymbol.children].length;
 	}
 
 	/**
@@ -39,7 +40,7 @@ export default class DocumentFragment extends Node implements IDocumentFragment
 	 * @returns Element.
 	 */
 	public get firstElementChild(): IElement {
-		return this._children[0] ?? null;
+		return this[PropertySymbol.children][0] ?? null;
 	}
 
 	/**
@@ -48,7 +49,7 @@ export default class DocumentFragment extends Node implements IDocumentFragment
 	 * @returns Element.
 	 */
 	public get lastElementChild(): IElement {
-		return this._children[this._children.length - 1] ?? null;
+		return this[PropertySymbol.children][this[PropertySymbol.children].length - 1] ?? null;
 	}
 
 	/**
@@ -58,7 +59,7 @@ export default class DocumentFragment extends Node implements IDocumentFragment
 	 */
 	public get textContent(): string {
 		let result = '';
-		for (const childNode of this._childNodes) {
+		for (const childNode of this[PropertySymbol.childNodes]) {
 			if (childNode.nodeType === Node.ELEMENT_NODE || childNode.nodeType === Node.TEXT_NODE) {
 				result += childNode.textContent;
 			}
@@ -72,7 +73,7 @@ export default class DocumentFragment extends Node implements IDocumentFragment
 	 * @param textContent Text content.
 	 */
 	public set textContent(textContent: string) {
-		for (const child of this._childNodes.slice()) {
+		for (const child of this[PropertySymbol.childNodes].slice()) {
 			this.removeChild(child);
 		}
 		if (textContent) {
@@ -148,9 +149,9 @@ export default class DocumentFragment extends Node implements IDocumentFragment
 		const clone = <DocumentFragment>super.cloneNode(deep);
 
 		if (deep) {
-			for (const node of clone._childNodes) {
+			for (const node of clone[PropertySymbol.childNodes]) {
 				if (node.nodeType === Node.ELEMENT_NODE) {
-					clone._children.push(<IElement>node);
+					clone[PropertySymbol.children].push(<IElement>node);
 				}
 			}
 		}

package/src/nodes/element/Dataset.ts

@@ -1,4 +1,5 @@
 import Element from '../element/Element.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import HTMLElementNamedNodeMap from '../html-element/HTMLElementNamedNodeMap.js';
 
 /**
@@ -47,7 +48,7 @@ export default class Dataset {
 				return true;
 			},
 			deleteProperty(dataset: DatasetRecord, key: string): boolean {
-				(<HTMLElementNamedNodeMap>element.attributes)._removeNamedItem(
+				(<HTMLElementNamedNodeMap>element.attributes)[PropertySymbol.removeNamedItem](
 					'data-' + Dataset.camelCaseToKebab(key)
 				);
 				return delete dataset[key];

package/src/nodes/element/Element.ts

@@ -1,11 +1,10 @@
 import Node from '../node/Node.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import ShadowRoot from '../shadow-root/ShadowRoot.js';
-import Attr from '../attr/Attr.js';
 import DOMRect from './DOMRect.js';
 import DOMTokenList from '../../dom-token-list/DOMTokenList.js';
 import IDOMTokenList from '../../dom-token-list/IDOMTokenList.js';
 import QuerySelector from '../../query-selector/QuerySelector.js';
-import NamespaceURI from '../../config/NamespaceURI.js';
 import XMLParser from '../../xml-parser/XMLParser.js';
 import XMLSerializer from '../../xml-serializer/XMLSerializer.js';
 import ChildNodeUtility from '../child-node/ChildNodeUtility.js';
@@ -15,7 +14,6 @@ import IElement from './IElement.js';
 import DOMException from '../../exception/DOMException.js';
 import IShadowRoot from '../shadow-root/IShadowRoot.js';
 import INode from '../node/INode.js';
-import IDocument from '../document/IDocument.js';
 import IHTMLCollection from './IHTMLCollection.js';
 import INodeList from '../node/INodeList.js';
 import { TInsertAdjacentPositions } from './IElement.js';
@@ -32,14 +30,17 @@ import CSSStyleDeclaration from '../../css/declaration/CSSStyleDeclaration.js';
 import DocumentFragment from '../document-fragment/DocumentFragment.js';
 import ElementNamedNodeMap from './ElementNamedNodeMap.js';
 import WindowErrorUtility from '../../window/WindowErrorUtility.js';
+import WindowBrowserSettingsReader from '../../window/WindowBrowserSettingsReader.js';
+import BrowserErrorCaptureEnum from '../../browser/enums/BrowserErrorCaptureEnum.js';
+import NodeCreationOwnerDocument from '../document/NodeCreationOwnerDocument.js';
 
 /**
  * Element.
  */
 export default class Element extends Node implements IElement {
 	// ObservedAttributes should only be called once by CustomElementRegistry (see #117)
-	// CustomElementRegistry will therefore populate _observedAttributes when CustomElementRegistry.define() is called
-	public static _observedAttributes: string[];
+	// CustomElementRegistry will therefore populate "[PropertySymbol.observedAttributes]" when CustomElementRegistry.define() is called
+	public static [PropertySymbol.observedAttributes]: string[];
 	public static observedAttributes: string[];
 	public tagName: string = null;
 	public nodeType = Node.ELEMENT_NODE;
@@ -51,6 +52,7 @@ export default class Element extends Node implements IElement {
 	public scrollTop = 0;
 	public scrollLeft = 0;
 	public readonly namespaceURI: string = null;
+	public readonly attributes: INamedNodeMap = new ElementNamedNodeMap(this);
 
 	// Events
 	public oncancel: (event: Event) => void | null = null;
@@ -88,21 +90,18 @@ export default class Element extends Node implements IElement {
 	public ontouchmove: (event: Event) => void | null = null;
 	public ontouchstart: (event: Event) => void | null = null;
 
-	public readonly _children: IHTMLCollection<IElement> = new HTMLCollection<IElement>();
-
-	// Used for being able to access closed shadow roots
-	public _shadowRoot: IShadowRoot = null;
-	public readonly attributes: INamedNodeMap = new ElementNamedNodeMap(this);
-
-	public _classList: DOMTokenList = null;
-	public _isValue?: string | null = null;
-	public _computedStyle: CSSStyleDeclaration | null = null;
+	// Internal properties
+	public [PropertySymbol.children]: IHTMLCollection<IElement> = new HTMLCollection<IElement>();
+	public [PropertySymbol.shadowRoot]: IShadowRoot = null;
+	public [PropertySymbol.classList]: DOMTokenList = null;
+	public [PropertySymbol.isValue]: string | null = null;
+	public [PropertySymbol.computedStyle]: CSSStyleDeclaration | null = null;
 
 	/**
 	 * Returns element children.
 	 */
 	public get children(): IHTMLCollection<IElement> {
-		return this._children;
+		return this[PropertySymbol.children];
 	}
 
 	/**
@@ -111,10 +110,10 @@ export default class Element extends Node implements IElement {
 	 * @returns Class list.
 	 */
 	public get classList(): IDOMTokenList {
-		if (!this._classList) {
-			this._classList = new DOMTokenList(this, 'class');
+		if (!this[PropertySymbol.classList]) {
+			this[PropertySymbol.classList] = new DOMTokenList(this, 'class');
 		}
-		return <IDOMTokenList>this._classList;
+		return <IDOMTokenList>this[PropertySymbol.classList];
 	}
 
 	/**
@@ -214,7 +213,7 @@ export default class Element extends Node implements IElement {
 	 */
 	public get textContent(): string {
 		let result = '';
-		for (const childNode of this._childNodes) {
+		for (const childNode of this[PropertySymbol.childNodes]) {
 			if (childNode.nodeType === Node.ELEMENT_NODE || childNode.nodeType === Node.TEXT_NODE) {
 				result += childNode.textContent;
 			}
@@ -228,7 +227,7 @@ export default class Element extends Node implements IElement {
 	 * @param textContent Text content.
 	 */
 	public set textContent(textContent: string) {
-		for (const child of this._childNodes.slice()) {
+		for (const child of this[PropertySymbol.childNodes].slice()) {
 			this.removeChild(child);
 		}
 		if (textContent) {
@@ -251,7 +250,7 @@ export default class Element extends Node implements IElement {
 	 * @param html HTML.
 	 */
 	public set innerHTML(html: string) {
-		for (const child of this._childNodes.slice()) {
+		for (const child of this[PropertySymbol.childNodes].slice()) {
 			this.removeChild(child);
 		}
 
@@ -282,7 +281,7 @@ export default class Element extends Node implements IElement {
 	 * @returns Element.
 	 */
 	public get firstElementChild(): IElement {
-		return this._children[0] ?? null;
+		return this[PropertySymbol.children][0] ?? null;
 	}
 
 	/**
@@ -291,7 +290,7 @@ export default class Element extends Node implements IElement {
 	 * @returns Element.
 	 */
 	public get lastElementChild(): IElement {
-		return this._children[this._children.length - 1] ?? null;
+		return this[PropertySymbol.children][this[PropertySymbol.children].length - 1] ?? null;
 	}
 
 	/**
@@ -300,7 +299,7 @@ export default class Element extends Node implements IElement {
 	 * @returns Element.
 	 */
 	public get childElementCount(): number {
-		return this._children.length;
+		return this[PropertySymbol.children].length;
 	}
 
 	/**
@@ -347,7 +346,7 @@ export default class Element extends Node implements IElement {
 			escapeEntities: false
 		});
 		let xml = '';
-		for (const node of this._childNodes) {
+		for (const node of this[PropertySymbol.childNodes]) {
 			xml += xmlSerializer.serializeToString(node);
 		}
 		return xml;
@@ -363,17 +362,20 @@ export default class Element extends Node implements IElement {
 	public cloneNode(deep = false): IElement {
 		const clone = <Element>super.cloneNode(deep);
 
-		Attr._ownerDocument = this.ownerDocument;
-
 		for (let i = 0, max = this.attributes.length; i < max; i++) {
 			const attribute = this.attributes[i];
-			clone.attributes.setNamedItem(Object.assign(new Attr(), attribute));
+			clone.attributes.setNamedItem(
+				Object.assign(
+					this.ownerDocument.createAttributeNS(attribute.namespaceURI, attribute.name),
+					attribute
+				)
+			);
 		}
 
 		if (deep) {
-			for (const node of clone._childNodes) {
+			for (const node of clone[PropertySymbol.childNodes]) {
 				if (node.nodeType === Node.ELEMENT_NODE) {
-					clone._children.push(<IElement>node);
+					clone[PropertySymbol.children].push(<IElement>node);
 				}
 			}
 		}
@@ -511,9 +513,9 @@ export default class Element extends Node implements IElement {
 	 * @param text HTML string to insert.
 	 */
 	public insertAdjacentHTML(position: TInsertAdjacentPositions, text: string): void {
-		for (const node of (<DocumentFragment>(
-			XMLParser.parse(this.ownerDocument, text)
-		))._childNodes.slice()) {
+		for (const node of (<DocumentFragment>XMLParser.parse(this.ownerDocument, text))[
+			PropertySymbol.childNodes
+		].slice()) {
 			this.insertAdjacentElement(position, node);
 		}
 	}
@@ -677,27 +679,29 @@ export default class Element extends Node implements IElement {
 	/**
 	 * Attaches a shadow root.
 	 *
-	 * @param _shadowRootInit Shadow root init.
-	 * @param shadowRootInit
-	 * @param shadowRootInit.mode
+	 * @param init Shadow root init.
+	 * @param init.mode Shadow root mode.
 	 * @returns Shadow root.
 	 */
-	public attachShadow(shadowRootInit: { mode: string }): IShadowRoot {
-		if (this._shadowRoot) {
+	public attachShadow(init: { mode: string }): IShadowRoot {
+		if (this[PropertySymbol.shadowRoot]) {
 			throw new DOMException('Shadow root has already been attached.');
 		}
 
-		(<IShadowRoot>this._shadowRoot) = new ShadowRoot();
-		(<IDocument>this._shadowRoot.ownerDocument) = this.ownerDocument;
-		(<Element>this._shadowRoot.host) = this;
-		(<string>this._shadowRoot.mode) = shadowRootInit.mode;
-		(<ShadowRoot>this._shadowRoot)._connectToNode(this);
-
-		if (this._shadowRoot.mode === 'open') {
-			(<IShadowRoot>this.shadowRoot) = this._shadowRoot;
+		NodeCreationOwnerDocument.ownerDocument = this.ownerDocument;
+		(<IShadowRoot>this[PropertySymbol.shadowRoot]) = new this.ownerDocument[
+			PropertySymbol.defaultView
+		].ShadowRoot();
+		NodeCreationOwnerDocument.ownerDocument = null;
+		(<Element>this[PropertySymbol.shadowRoot].host) = this;
+		(<string>this[PropertySymbol.shadowRoot].mode) = init.mode;
+		(<ShadowRoot>this[PropertySymbol.shadowRoot])[PropertySymbol.connectToNode](this);
+
+		if (this[PropertySymbol.shadowRoot].mode === 'open') {
+			(<IShadowRoot>this.shadowRoot) = this[PropertySymbol.shadowRoot];
 		}
 
-		return this._shadowRoot;
+		return this[PropertySymbol.shadowRoot];
 	}
 
 	/**
@@ -881,7 +885,7 @@ export default class Element extends Node implements IElement {
 	public scroll(x: { top?: number; left?: number; behavior?: string } | number, y?: number): void {
 		if (typeof x === 'object') {
 			if (x.behavior === 'smooth') {
-				this.ownerDocument.defaultView.setTimeout(() => {
+				this.ownerDocument[PropertySymbol.defaultView].setTimeout(() => {
 					if (x.top !== undefined) {
 						(<number>this.scrollTop) = x.top;
 					}
@@ -921,20 +925,32 @@ export default class Element extends Node implements IElement {
 	 */
 	public override dispatchEvent(event: Event): boolean {
 		const returnValue = super.dispatchEvent(event);
+		const browserSettings = WindowBrowserSettingsReader.getSettings(
+			this.ownerDocument[PropertySymbol.defaultView]
+		);
 
 		if (
+			browserSettings &&
+			!browserSettings.disableJavaScriptEvaluation &&
 			(event.eventPhase === EventPhaseEnum.atTarget ||
 				event.eventPhase === EventPhaseEnum.bubbling) &&
-			!event._immediatePropagationStopped
+			!event[PropertySymbol.immediatePropagationStopped]
 		) {
 			const attribute = this.getAttribute('on' + event.type);
 
-			if (attribute && !event._immediatePropagationStopped) {
-				if (this.ownerDocument.defaultView.happyDOM.settings.disableErrorCapturing) {
-					this.ownerDocument.defaultView.eval(attribute);
+			if (attribute && !event[PropertySymbol.immediatePropagationStopped]) {
+				const code = `//# sourceURL=${
+					this.ownerDocument[PropertySymbol.defaultView].location.href
+				}\n${attribute}`;
+
+				if (
+					browserSettings.disableErrorCapturing ||
+					browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch
+				) {
+					this.ownerDocument[PropertySymbol.defaultView].eval(code);
 				} else {
-					WindowErrorUtility.captureError(this.ownerDocument.defaultView, () =>
-						this.ownerDocument.defaultView.eval(attribute)
+					WindowErrorUtility.captureError(this.ownerDocument[PropertySymbol.defaultView], () =>
+						this.ownerDocument[PropertySymbol.defaultView].eval(code)
 					);
 				}
 			}
@@ -942,17 +958,4 @@ export default class Element extends Node implements IElement {
 
 		return returnValue;
 	}
-
-	/**
-	 * Returns attribute name.
-	 *
-	 * @param name Name.
-	 * @returns Attribute name based on namespace.
-	 */
-	protected _getAttributeName(name): string {
-		if (this.namespaceURI === NamespaceURI.svg) {
-			return name;
-		}
-		return name.toLowerCase();
-	}
 }

package/src/nodes/element/ElementNamedNodeMap.ts

@@ -1,12 +1,13 @@
 import NamespaceURI from '../../config/NamespaceURI.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import MutationRecord from '../../mutation-observer/MutationRecord.js';
 import MutationTypeEnum from '../../mutation-observer/MutationTypeEnum.js';
 import NamedNodeMap from '../../named-node-map/NamedNodeMap.js';
 import IAttr from '../attr/IAttr.js';
-import IDocument from '../document/IDocument.js';
 import Element from './Element.js';
 import HTMLCollection from './HTMLCollection.js';
 import IElement from './IElement.js';
+import MutationListener from '../../mutation-observer/MutationListener.js';
 
 /**
  * Named Node Map.
@@ -14,30 +15,30 @@ import IElement from './IElement.js';
  * @see https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap
  */
 export default class ElementNamedNodeMap extends NamedNodeMap {
-	protected _ownerElement: Element;
+	protected [PropertySymbol.ownerElement]: IElement;
 
 	/**
 	 * Constructor.
 	 *
 	 * @param ownerElement Owner element.
 	 */
-	constructor(ownerElement: Element) {
+	constructor(ownerElement: IElement) {
 		super();
-		this._ownerElement = ownerElement;
+		this[PropertySymbol.ownerElement] = ownerElement;
 	}
 
 	/**
 	 * @override
 	 */
 	public override getNamedItem(name: string): IAttr | null {
-		return this._namedItems[this._getAttributeName(name)] || null;
+		return this[PropertySymbol.namedItems][this[PropertySymbol.getAttributeName](name)] || null;
 	}
 
 	/**
 	 * @override
 	 */
 	public override getNamedItemNS(namespace: string, localName: string): IAttr | null {
-		return super.getNamedItemNS(namespace, this._getAttributeName(localName));
+		return super.getNamedItemNS(namespace, this[PropertySymbol.getAttributeName](localName));
 	}
 
 	/**
@@ -48,62 +49,69 @@ export default class ElementNamedNodeMap extends NamedNodeMap {
 			return null;
 		}
 
-		item.name = this._getAttributeName(item.name);
-		(<IElement>item.ownerElement) = this._ownerElement;
-		(<IDocument>item.ownerDocument) = this._ownerElement.ownerDocument;
+		item.name = this[PropertySymbol.getAttributeName](item.name);
+		(<IElement>item.ownerElement) = this[PropertySymbol.ownerElement];
 
 		const replacedItem = super.setNamedItem(item);
 		const oldValue = replacedItem ? replacedItem.value : null;
 
-		if (this._ownerElement.isConnected) {
-			this._ownerElement.ownerDocument['_cacheID']++;
+		if (this[PropertySymbol.ownerElement].isConnected) {
+			this[PropertySymbol.ownerElement].ownerDocument[PropertySymbol.cacheID]++;
 		}
 
-		if (item.name === 'class' && this._ownerElement._classList) {
-			this._ownerElement._classList._updateIndices();
+		if (item.name === 'class' && this[PropertySymbol.ownerElement][PropertySymbol.classList]) {
+			this[PropertySymbol.ownerElement][PropertySymbol.classList][PropertySymbol.updateIndices]();
 		}
 
 		if (item.name === 'id' || item.name === 'name') {
 			if (
-				this._ownerElement.parentNode &&
-				(<Element>this._ownerElement.parentNode)._children &&
+				this[PropertySymbol.ownerElement].parentNode &&
+				(<Element>this[PropertySymbol.ownerElement].parentNode)[PropertySymbol.children] &&
 				item.value !== oldValue
 			) {
 				if (oldValue) {
 					(<HTMLCollection<IElement>>(
-						(<Element>this._ownerElement.parentNode)._children
-					))._removeNamedItem(this._ownerElement, oldValue);
+						(<Element>this[PropertySymbol.ownerElement].parentNode)[PropertySymbol.children]
+					))[PropertySymbol.removeNamedItem](this[PropertySymbol.ownerElement], oldValue);
 				}
 				if (item.value) {
 					(<HTMLCollection<IElement>>(
-						(<Element>this._ownerElement.parentNode)._children
-					))._appendNamedItem(this._ownerElement, item.value);
+						(<Element>this[PropertySymbol.ownerElement].parentNode)[PropertySymbol.children]
+					))[PropertySymbol.appendNamedItem](this[PropertySymbol.ownerElement], item.value);
 				}
 			}
 		}
 
 		if (
-			this._ownerElement.attributeChangedCallback &&
-			(<typeof Element>this._ownerElement.constructor)._observedAttributes &&
-			(<typeof Element>this._ownerElement.constructor)._observedAttributes.includes(item.name)
+			this[PropertySymbol.ownerElement].attributeChangedCallback &&
+			(<typeof Element>this[PropertySymbol.ownerElement].constructor)[
+				PropertySymbol.observedAttributes
+			] &&
+			(<typeof Element>this[PropertySymbol.ownerElement].constructor)[
+				PropertySymbol.observedAttributes
+			].includes(item.name)
 		) {
-			this._ownerElement.attributeChangedCallback(item.name, oldValue, item.value);
+			this[PropertySymbol.ownerElement].attributeChangedCallback(item.name, oldValue, item.value);
 		}
 
 		// MutationObserver
-		if (this._ownerElement._observers.length > 0) {
-			for (const observer of this._ownerElement._observers) {
+		if (this[PropertySymbol.ownerElement][PropertySymbol.observers].length > 0) {
+			for (const observer of <MutationListener[]>(
+				this[PropertySymbol.ownerElement][PropertySymbol.observers]
+			)) {
 				if (
 					observer.options.attributes &&
 					(!observer.options.attributeFilter ||
 						observer.options.attributeFilter.includes(item.name))
 				) {
-					const record = new MutationRecord();
-					record.target = this._ownerElement;
-					record.type = MutationTypeEnum.attributes;
-					record.attributeName = item.name;
-					record.oldValue = observer.options.attributeOldValue ? oldValue : null;
-					observer.callback([record], observer.observer);
+					observer.report(
+						new MutationRecord({
+							target: this[PropertySymbol.ownerElement],
+							type: MutationTypeEnum.attributes,
+							attributeName: item.name,
+							oldValue: observer.options.attributeOldValue ? oldValue : null
+						})
+					);
 				}
 			}
 		}
@@ -114,57 +122,72 @@ export default class ElementNamedNodeMap extends NamedNodeMap {
 	/**
 	 * @override
 	 */
-	public override _removeNamedItem(name: string): IAttr | null {
-		const removedItem = super._removeNamedItem(this._getAttributeName(name));
+	public override [PropertySymbol.removeNamedItem](name: string): IAttr | null {
+		const removedItem = super[PropertySymbol.removeNamedItem](
+			this[PropertySymbol.getAttributeName](name)
+		);
 
 		if (!removedItem) {
 			return null;
 		}
 
-		if (this._ownerElement.isConnected) {
-			this._ownerElement.ownerDocument['_cacheID']++;
+		if (this[PropertySymbol.ownerElement].isConnected) {
+			this[PropertySymbol.ownerElement].ownerDocument[PropertySymbol.cacheID]++;
 		}
 
-		if (removedItem.name === 'class' && this._ownerElement._classList) {
-			this._ownerElement._classList._updateIndices();
+		if (
+			removedItem.name === 'class' &&
+			this[PropertySymbol.ownerElement][PropertySymbol.classList]
+		) {
+			this[PropertySymbol.ownerElement][PropertySymbol.classList][PropertySymbol.updateIndices]();
 		}
 
 		if (removedItem.name === 'id' || removedItem.name === 'name') {
 			if (
-				this._ownerElement.parentNode &&
-				(<Element>this._ownerElement.parentNode)._children &&
+				this[PropertySymbol.ownerElement].parentNode &&
+				(<Element>this[PropertySymbol.ownerElement].parentNode)[PropertySymbol.children] &&
 				removedItem.value
 			) {
 				(<HTMLCollection<IElement>>(
-					(<Element>this._ownerElement.parentNode)._children
-				))._removeNamedItem(this._ownerElement, removedItem.value);
+					(<Element>this[PropertySymbol.ownerElement].parentNode)[PropertySymbol.children]
+				))[PropertySymbol.removeNamedItem](this[PropertySymbol.ownerElement], removedItem.value);
 			}
 		}
 
 		if (
-			this._ownerElement.attributeChangedCallback &&
-			(<typeof Element>this._ownerElement.constructor)._observedAttributes &&
-			(<typeof Element>this._ownerElement.constructor)._observedAttributes.includes(
-				removedItem.name
-			)
+			this[PropertySymbol.ownerElement].attributeChangedCallback &&
+			(<typeof Element>this[PropertySymbol.ownerElement].constructor)[
+				PropertySymbol.observedAttributes
+			] &&
+			(<typeof Element>this[PropertySymbol.ownerElement].constructor)[
+				PropertySymbol.observedAttributes
+			].includes(removedItem.name)
 		) {
-			this._ownerElement.attributeChangedCallback(removedItem.name, removedItem.value, null);
+			this[PropertySymbol.ownerElement].attributeChangedCallback(
+				removedItem.name,
+				removedItem.value,
+				null
+			);
 		}
 
 		// MutationObserver
-		if (this._ownerElement._observers.length > 0) {
-			for (const observer of this._ownerElement._observers) {
+		if (this[PropertySymbol.ownerElement][PropertySymbol.observers].length > 0) {
+			for (const observer of <MutationListener[]>(
+				this[PropertySymbol.ownerElement][PropertySymbol.observers]
+			)) {
 				if (
 					observer.options.attributes &&
 					(!observer.options.attributeFilter ||
 						observer.options.attributeFilter.includes(removedItem.name))
 				) {
-					const record = new MutationRecord();
-					record.target = this._ownerElement;
-					record.type = MutationTypeEnum.attributes;
-					record.attributeName = removedItem.name;
-					record.oldValue = observer.options.attributeOldValue ? removedItem.value : null;
-					observer.callback([record], observer.observer);
+					observer.report(
+						new MutationRecord({
+							target: this[PropertySymbol.ownerElement],
+							type: MutationTypeEnum.attributes,
+							attributeName: removedItem.name,
+							oldValue: observer.options.attributeOldValue ? removedItem.value : null
+						})
+					);
 				}
 			}
 		}
@@ -176,7 +199,7 @@ export default class ElementNamedNodeMap extends NamedNodeMap {
 	 * @override
 	 */
 	public override removeNamedItemNS(namespace: string, localName: string): IAttr | null {
-		return super.removeNamedItemNS(namespace, this._getAttributeName(localName));
+		return super.removeNamedItemNS(namespace, this[PropertySymbol.getAttributeName](localName));
 	}
 
 	/**
@@ -185,8 +208,8 @@ export default class ElementNamedNodeMap extends NamedNodeMap {
 	 * @param name Name.
 	 * @returns Attribute name based on namespace.
 	 */
-	protected _getAttributeName(name): string {
-		if (this._ownerElement.namespaceURI === NamespaceURI.svg) {
+	protected [PropertySymbol.getAttributeName](name): string {
+		if (this[PropertySymbol.ownerElement].namespaceURI === NamespaceURI.svg) {
 			return name;
 		}
 		return name.toLowerCase();