happy-dom 14.12.3 → 15.1.0

package/lib/nodes/document/Document.js

@@ -1,20 +1,9 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _Document_instances, _Document_selection, _Document_browserFrame, _Document_importNode, _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
 import Element from '../element/Element.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
 import Node from '../node/Node.js';
 import NodeIterator from '../../tree-walker/NodeIterator.js';
 import TreeWalker from '../../tree-walker/TreeWalker.js';
+import DocumentFragment from '../document-fragment/DocumentFragment.js';
 import XMLParser from '../../xml-parser/XMLParser.js';
 import Event from '../../event/Event.js';
 import DOMImplementation from '../../dom-implementation/DOMImplementation.js';
@@ -22,166 +11,156 @@ import NamespaceURI from '../../config/NamespaceURI.js';
 import DocumentType from '../document-type/DocumentType.js';
 import ParentNodeUtility from '../parent-node/ParentNodeUtility.js';
 import QuerySelector from '../../query-selector/QuerySelector.js';
-import DOMException from '../../exception/DOMException.js';
-import NodeList from '../node/NodeList.js';
+import Comment from '../comment/Comment.js';
+import Text from '../text/Text.js';
 import HTMLCollection from '../element/HTMLCollection.js';
 import DocumentReadyStateEnum from './DocumentReadyStateEnum.js';
 import Selection from '../../selection/Selection.js';
-import ElementUtility from '../element/ElementUtility.js';
+import Attr from '../attr/Attr.js';
+import ProcessingInstruction from '../processing-instruction/ProcessingInstruction.js';
 import VisibilityStateEnum from './VisibilityStateEnum.js';
 import NodeTypeEnum from '../node/NodeTypeEnum.js';
 import CookieStringUtility from '../../cookie/urilities/CookieStringUtility.js';
-import NodeFactory from '../NodeFactory.js';
 import { URL } from 'url';
 import HTMLElementConfig from '../../config/HTMLElementConfig.js';
+import WindowBrowserContext from '../../window/WindowBrowserContext.js';
+import NodeFactory from '../NodeFactory.js';
 const PROCESSING_INSTRUCTION_TARGET_REGEXP = /^[a-z][a-z0-9-]+$/;
 /**
  * Document.
  */
-class Document extends Node {
-    /**
-     * Constructor.
-     *
-     * @param injected Injected properties.
-     * @param injected.browserFrame Browser frame.
-     * @param injected.window Window.
-     */
-    constructor(injected) {
-        super();
-        _Document_instances.add(this);
-        // Internal properties
-        this[_a] = new HTMLCollection();
-        this[_b] = null;
-        this[_c] = null;
-        this[_d] = null;
-        this[_e] = this;
-        // Used as an unique identifier which is updated whenever the DOM gets modified.
-        this[_f] = 0;
-        this[_g] = true;
-        this[_h] = false;
-        this[_j] = NodeTypeEnum.documentNode;
-        this[_k] = true;
-        this[_l] = [];
-        this[_m] = new DOMImplementation(this);
-        this[_o] = DocumentReadyStateEnum.interactive;
-        this[_p] = '';
-        this[_q] = null;
-        // Private properties
-        _Document_selection.set(this, null);
-        _Document_browserFrame.set(this, void 0);
-        // Events
-        this.onreadystatechange = null;
-        this.onpointerlockchange = null;
-        this.onpointerlockerror = null;
-        this.onbeforecopy = null;
-        this.onbeforecut = null;
-        this.onbeforepaste = null;
-        this.onfreeze = null;
-        this.onresume = null;
-        this.onsearch = null;
-        this.onvisibilitychange = null;
-        this.onfullscreenchange = null;
-        this.onfullscreenerror = null;
-        this.onwebkitfullscreenchange = null;
-        this.onwebkitfullscreenerror = null;
-        this.onbeforexrselect = null;
-        this.onabort = null;
-        this.onbeforeinput = null;
-        this.onblur = null;
-        this.oncancel = null;
-        this.oncanplay = null;
-        this.oncanplaythrough = null;
-        this.onchange = null;
-        this.onclick = null;
-        this.onclose = null;
-        this.oncontextlost = null;
-        this.oncontextmenu = null;
-        this.oncontextrestored = null;
-        this.oncuechange = null;
-        this.ondblclick = null;
-        this.ondrag = null;
-        this.ondragend = null;
-        this.ondragenter = null;
-        this.ondragleave = null;
-        this.ondragover = null;
-        this.ondragstart = null;
-        this.ondrop = null;
-        this.ondurationchange = null;
-        this.onemptied = null;
-        this.onended = null;
-        this.onerror = null;
-        this.onfocus = null;
-        this.onformdata = null;
-        this.oninput = null;
-        this.oninvalid = null;
-        this.onkeydown = null;
-        this.onkeypress = null;
-        this.onkeyup = null;
-        this.onload = null;
-        this.onloadeddata = null;
-        this.onloadedmetadata = null;
-        this.onloadstart = null;
-        this.onmousedown = null;
-        this.onmouseenter = null;
-        this.onmouseleave = null;
-        this.onmousemove = null;
-        this.onmouseout = null;
-        this.onmouseover = null;
-        this.onmouseup = null;
-        this.onmousewheel = null;
-        this.onpause = null;
-        this.onplay = null;
-        this.onplaying = null;
-        this.onprogress = null;
-        this.onratechange = null;
-        this.onreset = null;
-        this.onresize = null;
-        this.onscroll = null;
-        this.onsecuritypolicyviolation = null;
-        this.onseeked = null;
-        this.onseeking = null;
-        this.onselect = null;
-        this.onslotchange = null;
-        this.onstalled = null;
-        this.onsubmit = null;
-        this.onsuspend = null;
-        this.ontimeupdate = null;
-        this.ontoggle = null;
-        this.onvolumechange = null;
-        this.onwaiting = null;
-        this.onwebkitanimationend = null;
-        this.onwebkitanimationiteration = null;
-        this.onwebkitanimationstart = null;
-        this.onwebkittransitionend = null;
-        this.onwheel = null;
-        this.onauxclick = null;
-        this.ongotpointercapture = null;
-        this.onlostpointercapture = null;
-        this.onpointerdown = null;
-        this.onpointermove = null;
-        this.onpointerrawupdate = null;
-        this.onpointerup = null;
-        this.onpointercancel = null;
-        this.onpointerover = null;
-        this.onpointerout = null;
-        this.onpointerenter = null;
-        this.onpointerleave = null;
-        this.onselectstart = null;
-        this.onselectionchange = null;
-        this.onanimationend = null;
-        this.onanimationiteration = null;
-        this.onanimationstart = null;
-        this.ontransitionrun = null;
-        this.ontransitionstart = null;
-        this.ontransitionend = null;
-        this.ontransitioncancel = null;
-        this.oncopy = null;
-        this.oncut = null;
-        this.onpaste = null;
-        this.onbeforematch = null;
-        __classPrivateFieldSet(this, _Document_browserFrame, injected.browserFrame, "f");
-        this[PropertySymbol.ownerWindow] = injected.window;
-    }
+export default class Document extends Node {
+    // Internal properties
+    [PropertySymbol.children] = null;
+    [PropertySymbol.activeElement] = null;
+    [PropertySymbol.nextActiveElement] = null;
+    [PropertySymbol.currentScript] = null;
+    [PropertySymbol.rootNode] = this;
+    [PropertySymbol.isFirstWrite] = true;
+    [PropertySymbol.isFirstWriteAfterOpen] = false;
+    [PropertySymbol.nodeType] = NodeTypeEnum.documentNode;
+    [PropertySymbol.isConnected] = true;
+    [PropertySymbol.adoptedStyleSheets] = [];
+    [PropertySymbol.implementation] = new DOMImplementation(this);
+    [PropertySymbol.readyState] = DocumentReadyStateEnum.interactive;
+    [PropertySymbol.referrer] = '';
+    [PropertySymbol.defaultView] = null;
+    [PropertySymbol.forms] = null;
+    [PropertySymbol.affectsComputedStyleCache] = [];
+    [PropertySymbol.ownerDocument] = null;
+    [PropertySymbol.elementIdMap] = new Map();
+    // Private properties
+    #selection = null;
+    // Events
+    onreadystatechange = null;
+    onpointerlockchange = null;
+    onpointerlockerror = null;
+    onbeforecopy = null;
+    onbeforecut = null;
+    onbeforepaste = null;
+    onfreeze = null;
+    onresume = null;
+    onsearch = null;
+    onvisibilitychange = null;
+    onfullscreenchange = null;
+    onfullscreenerror = null;
+    onwebkitfullscreenchange = null;
+    onwebkitfullscreenerror = null;
+    onbeforexrselect = null;
+    onabort = null;
+    onbeforeinput = null;
+    onblur = null;
+    oncancel = null;
+    oncanplay = null;
+    oncanplaythrough = null;
+    onchange = null;
+    onclick = null;
+    onclose = null;
+    oncontextlost = null;
+    oncontextmenu = null;
+    oncontextrestored = null;
+    oncuechange = null;
+    ondblclick = null;
+    ondrag = null;
+    ondragend = null;
+    ondragenter = null;
+    ondragleave = null;
+    ondragover = null;
+    ondragstart = null;
+    ondrop = null;
+    ondurationchange = null;
+    onemptied = null;
+    onended = null;
+    onerror = null;
+    onfocus = null;
+    onformdata = null;
+    oninput = null;
+    oninvalid = null;
+    onkeydown = null;
+    onkeypress = null;
+    onkeyup = null;
+    onload = null;
+    onloadeddata = null;
+    onloadedmetadata = null;
+    onloadstart = null;
+    onmousedown = null;
+    onmouseenter = null;
+    onmouseleave = null;
+    onmousemove = null;
+    onmouseout = null;
+    onmouseover = null;
+    onmouseup = null;
+    onmousewheel = null;
+    onpause = null;
+    onplay = null;
+    onplaying = null;
+    onprogress = null;
+    onratechange = null;
+    onreset = null;
+    onresize = null;
+    onscroll = null;
+    onsecuritypolicyviolation = null;
+    onseeked = null;
+    onseeking = null;
+    onselect = null;
+    onslotchange = null;
+    onstalled = null;
+    onsubmit = null;
+    onsuspend = null;
+    ontimeupdate = null;
+    ontoggle = null;
+    onvolumechange = null;
+    onwaiting = null;
+    onwebkitanimationend = null;
+    onwebkitanimationiteration = null;
+    onwebkitanimationstart = null;
+    onwebkittransitionend = null;
+    onwheel = null;
+    onauxclick = null;
+    ongotpointercapture = null;
+    onlostpointercapture = null;
+    onpointerdown = null;
+    onpointermove = null;
+    onpointerrawupdate = null;
+    onpointerup = null;
+    onpointercancel = null;
+    onpointerover = null;
+    onpointerout = null;
+    onpointerenter = null;
+    onpointerleave = null;
+    onselectstart = null;
+    onselectionchange = null;
+    onanimationend = null;
+    onanimationiteration = null;
+    onanimationstart = null;
+    ontransitionrun = null;
+    ontransitionstart = null;
+    ontransitionend = null;
+    ontransitioncancel = null;
+    oncopy = null;
+    oncut = null;
+    onpaste = null;
+    onbeforematch = null;
     /**
      * Returns adopted style sheets.
      *
@@ -234,6 +213,10 @@ class Document extends Node {
      * Returns document children.
      */
     get children() {
+        if (!this[PropertySymbol.children]) {
+            const elements = this[PropertySymbol.elementArray];
+            this[PropertySymbol.children] = new HTMLCollection(PropertySymbol.illegalConstructor, () => elements);
+        }
         return this[PropertySymbol.children];
     }
     /**
@@ -251,7 +234,7 @@ class Document extends Node {
      * @returns Character set.
      */
     get characterSet() {
-        const charset = this.querySelector('meta[charset]')?.getAttributeNS(null, 'charset');
+        const charset = QuerySelector.querySelector(this, 'meta[charset]')?.getAttributeNS(null, 'charset');
         return charset ? charset : 'UTF-8';
     }
     /**
@@ -262,7 +245,7 @@ class Document extends Node {
     get title() {
         const element = ParentNodeUtility.getElementByTagName(this, 'title');
         if (element) {
-            return element.textContent;
+            return element.text.trim();
         }
         return '';
     }
@@ -285,13 +268,16 @@ class Document extends Node {
      * Returns a collection of all area elements and a elements in a document with a value for the href attribute.
      */
     get links() {
-        return this.querySelectorAll('a[href],area[href]');
+        return QuerySelector.querySelectorAll(this, 'a[href],area[href]');
     }
     /**
      * Returns a collection of all form elements in a document.
      */
     get forms() {
-        return this.getElementsByTagName('form');
+        if (!this[PropertySymbol.forms]) {
+            this[PropertySymbol.forms] = (ParentNodeUtility.getElementsByTagName(this, 'form'));
+        }
+        return this[PropertySymbol.forms];
     }
     /**
      * Last element child.
@@ -299,7 +285,7 @@ class Document extends Node {
      * @returns Element.
      */
     get childElementCount() {
-        return this[PropertySymbol.children].length;
+        return this[PropertySymbol.elementArray].length;
     }
     /**
      * First element child.
@@ -307,7 +293,7 @@ class Document extends Node {
      * @returns Element.
      */
     get firstElementChild() {
-        return this[PropertySymbol.children][0] ?? null;
+        return this[PropertySymbol.elementArray][0] ?? null;
     }
     /**
      * Last element child.
@@ -315,7 +301,8 @@ class Document extends Node {
      * @returns Element.
      */
     get lastElementChild() {
-        return this[PropertySymbol.children][this[PropertySymbol.children].length - 1] ?? null;
+        const children = this[PropertySymbol.elementArray];
+        return children[children.length - 1] ?? null;
     }
     /**
      * Returns cookie string.
@@ -323,7 +310,11 @@ class Document extends Node {
      * @returns Cookie.
      */
     get cookie() {
-        return CookieStringUtility.cookiesToString(__classPrivateFieldGet(this, _Document_browserFrame, "f").page.context.cookieContainer.getCookies(new URL(this[PropertySymbol.ownerWindow].location.href), true));
+        const browserFrame = new WindowBrowserContext(this[PropertySymbol.window]).getBrowserFrame();
+        if (!browserFrame) {
+            return '';
+        }
+        return CookieStringUtility.cookiesToString(browserFrame.page.context.cookieContainer.getCookies(new URL(this[PropertySymbol.window].location.href), true));
     }
     /**
      * Sets a cookie string.
@@ -331,8 +322,12 @@ class Document extends Node {
      * @param cookie Cookie string.
      */
     set cookie(cookie) {
-        __classPrivateFieldGet(this, _Document_browserFrame, "f").page.context.cookieContainer.addCookies([
-            CookieStringUtility.stringToCookie(new URL(this[PropertySymbol.ownerWindow].location.href), cookie)
+        const browserFrame = new WindowBrowserContext(this[PropertySymbol.window]).getBrowserFrame();
+        if (!browserFrame) {
+            return;
+        }
+        browserFrame.page.context.cookieContainer.addCookies([
+            CookieStringUtility.stringToCookie(new URL(this[PropertySymbol.window].location.href), cookie)
         ]);
     }
     /**
@@ -357,7 +352,7 @@ class Document extends Node {
      * @returns Document type.
      */
     get doctype() {
-        for (const node of this[PropertySymbol.childNodes]) {
+        for (const node of this[PropertySymbol.nodeArray]) {
             if (node instanceof DocumentType) {
                 return node;
             }
@@ -386,7 +381,7 @@ class Document extends Node {
      * @returns CSS style sheets.
      */
     get styleSheets() {
-        const styles = (this.querySelectorAll('link[rel="stylesheet"][href],style'));
+        const styles = (QuerySelector.querySelectorAll(this, 'link[rel="stylesheet"][href],style'));
         const styleSheets = [];
         for (const style of styles) {
             const sheet = style.sheet;
@@ -432,7 +427,7 @@ class Document extends Node {
      * @returns Location.
      */
     get location() {
-        return this[PropertySymbol.ownerWindow].location;
+        return this[PropertySymbol.window].location;
     }
     /**
      * Returns scripts.
@@ -453,24 +448,32 @@ class Document extends Node {
         if (element) {
             return element.href;
         }
-        return this[PropertySymbol.ownerWindow].location.href;
+        return this[PropertySymbol.window].location.href;
     }
     /**
      * Returns URL.
      *
-     * @returns the URL of the current document.
+     * @returns URL of the current document.
      * */
     get URL() {
-        return this[PropertySymbol.ownerWindow].location.href;
+        return this[PropertySymbol.window].location.href;
     }
     /**
      * Returns document URI.
      *
-     * @returns the URL of the current document.
+     * @returns URL of the current document.
      * */
     get documentURI() {
         return this.URL;
     }
+    /**
+     * Returns domain.
+     *
+     * @returns Domain.
+     * */
+    get domain() {
+        return this[PropertySymbol.window].location.hostname;
+    }
     /**
      * Returns document visibility state.
      *
@@ -551,7 +554,7 @@ class Document extends Node {
      */
     queryCommandSupported(_) {
         if (!arguments.length) {
-            throw new TypeError("Failed to execute 'queryCommandSupported' on 'Document': 1 argument required, but only 0 present.");
+            throw new this[PropertySymbol.window].TypeError("Failed to execute 'queryCommandSupported' on 'Document': 1 argument required, but only 0 present.");
         }
         return true;
     }
@@ -599,54 +602,7 @@ class Document extends Node {
      * @param name
      */
     getElementsByName(name) {
-        const getElementsByName = (parentNode, name) => {
-            const matches = new NodeList();
-            for (const child of parentNode[PropertySymbol.children]) {
-                if (child.getAttributeNS(null, 'name') === name) {
-                    matches.push(child);
-                }
-                for (const match of getElementsByName(child, name)) {
-                    matches.push(match);
-                }
-            }
-            return matches;
-        };
-        return getElementsByName(this, name);
-    }
-    /**
-     * @override
-     */
-    [(_Document_selection = new WeakMap(), _Document_browserFrame = new WeakMap(), _Document_instances = new WeakSet(), _a = PropertySymbol.children, _b = PropertySymbol.activeElement, _c = PropertySymbol.nextActiveElement, _d = PropertySymbol.currentScript, _e = PropertySymbol.rootNode, _f = PropertySymbol.cacheID, _g = PropertySymbol.isFirstWrite, _h = PropertySymbol.isFirstWriteAfterOpen, _j = PropertySymbol.nodeType, _k = PropertySymbol.isConnected, _l = PropertySymbol.adoptedStyleSheets, _m = PropertySymbol.implementation, _o = PropertySymbol.readyState, _p = PropertySymbol.referrer, _q = PropertySymbol.defaultView, PropertySymbol.ownerWindow, PropertySymbol.cloneNode)](deep = false) {
-        const clone = super[PropertySymbol.cloneNode](deep);
-        if (deep) {
-            for (const node of clone[PropertySymbol.childNodes]) {
-                if (node[PropertySymbol.nodeType] === NodeTypeEnum.elementNode) {
-                    clone[PropertySymbol.children].push(node);
-                }
-            }
-        }
-        return clone;
-    }
-    /**
-     * @override
-     */
-    [PropertySymbol.appendChild](node) {
-        // We do not call super here as this will be handled by ElementUtility to improve performance by avoiding validation and other checks.
-        return ElementUtility.appendChild(this, node);
-    }
-    /**
-     * @override
-     */
-    [PropertySymbol.removeChild](node) {
-        // We do not call super here as this will be handled by ElementUtility to improve performance by avoiding validation and other checks.
-        return ElementUtility.removeChild(this, node);
-    }
-    /**
-     * @override
-     */
-    [PropertySymbol.insertBefore](newNode, referenceNode) {
-        // We do not call super here as this will be handled by ElementUtility to improve performance by avoiding validation and other checks.
-        return ElementUtility.insertBefore(this, newNode, referenceNode);
+        return QuerySelector.querySelectorAll(this, `[name="${name}"]`);
     }
     /**
      * Replaces the document HTML with new HTML.
@@ -665,7 +621,7 @@ class Document extends Node {
             this[PropertySymbol.isFirstWriteAfterOpen] = false;
             let documentElement = null;
             let documentTypeNode = null;
-            for (const node of root[PropertySymbol.childNodes]) {
+            for (const node of root[PropertySymbol.nodeArray]) {
                 if (node['tagName'] === 'HTML') {
                     documentElement = node;
                 }
@@ -696,15 +652,18 @@ class Document extends Node {
                     const rootBody = ParentNodeUtility.getElementByTagName(root, 'body');
                     const body = ParentNodeUtility.getElementByTagName(this, 'body');
                     if (rootBody && body) {
-                        for (const child of rootBody[PropertySymbol.childNodes].slice()) {
-                            body.appendChild(child);
+                        const childNodes = rootBody[PropertySymbol.nodeArray];
+                        while (childNodes.length) {
+                            body.appendChild(childNodes[0]);
                         }
                     }
                 }
                 // Remaining nodes outside the <html> element are added to the <body> element.
                 const body = ParentNodeUtility.getElementByTagName(this, 'body');
                 if (body) {
-                    for (const child of root[PropertySymbol.childNodes].slice()) {
+                    const childNodes = root[PropertySymbol.nodeArray];
+                    while (childNodes.length) {
+                        const child = childNodes[0];
                         if (child['tagName'] !== 'HTML' &&
                             child[PropertySymbol.nodeType] !== NodeTypeEnum.documentTypeNode) {
                             body.appendChild(child);
@@ -716,8 +675,9 @@ class Document extends Node {
                 const documentElement = this.createElement('html');
                 const bodyElement = this.createElement('body');
                 const headElement = this.createElement('head');
-                for (const child of root[PropertySymbol.childNodes].slice()) {
-                    bodyElement.appendChild(child);
+                const childNodes = root[PropertySymbol.nodeArray];
+                while (childNodes.length) {
+                    bodyElement.appendChild(childNodes[0]);
                 }
                 documentElement.appendChild(headElement);
                 documentElement.appendChild(bodyElement);
@@ -727,8 +687,9 @@ class Document extends Node {
         else {
             const bodyNode = ParentNodeUtility.getElementByTagName(root, 'body');
             const body = ParentNodeUtility.getElementByTagName(this, 'body');
-            for (const child of (bodyNode || root)[PropertySymbol.childNodes].slice()) {
-                body.appendChild(child);
+            const childNodes = (bodyNode || root)[PropertySymbol.nodeArray];
+            while (childNodes.length) {
+                body.appendChild(childNodes[0]);
             }
         }
     }
@@ -739,16 +700,25 @@ class Document extends Node {
      */
     open() {
         this[PropertySymbol.isFirstWriteAfterOpen] = true;
-        for (const eventType of Object.keys(this[PropertySymbol.listeners])) {
-            const listeners = this[PropertySymbol.listeners][eventType];
+        for (const eventType of this[PropertySymbol.listeners].bubbling.keys()) {
+            const listeners = this[PropertySymbol.listeners].bubbling.get(eventType);
+            if (listeners) {
+                for (const listener of listeners) {
+                    this.removeEventListener(eventType, listener);
+                }
+            }
+        }
+        for (const eventType of this[PropertySymbol.listeners].capturing.keys()) {
+            const listeners = this[PropertySymbol.listeners].capturing.get(eventType);
             if (listeners) {
                 for (const listener of listeners) {
                     this.removeEventListener(eventType, listener);
                 }
             }
         }
-        for (const child of this[PropertySymbol.childNodes].slice()) {
-            this.removeChild(child);
+        const childNodes = this[PropertySymbol.nodeArray];
+        while (childNodes.length) {
+            this.removeChild(childNodes[0]);
         }
         return this;
     }
@@ -779,13 +749,14 @@ class Document extends Node {
     createElementNS(namespaceURI, qualifiedName, options) {
         qualifiedName = String(qualifiedName);
         if (!qualifiedName) {
-            throw new DOMException("Failed to execute 'createElementNS' on 'Document': The qualified name provided is empty.");
+            throw new this[PropertySymbol.window].DOMException("Failed to execute 'createElementNS' on 'Document': The qualified name provided is empty.");
         }
         // SVG element
         if (namespaceURI === NamespaceURI.svg) {
-            const element = NodeFactory.createNode(this, qualifiedName === 'svg'
-                ? this[PropertySymbol.ownerWindow].SVGSVGElement
-                : this[PropertySymbol.ownerWindow].SVGElement);
+            const elementClass = qualifiedName === 'svg'
+                ? this[PropertySymbol.window].SVGSVGElement
+                : this[PropertySymbol.window].SVGElement;
+            const element = NodeFactory.createNode(this, elementClass);
             element[PropertySymbol.tagName] = qualifiedName;
             element[PropertySymbol.localName] = qualifiedName;
             element[PropertySymbol.namespaceURI] = namespaceURI;
@@ -793,7 +764,7 @@ class Document extends Node {
             return element;
         }
         // Custom HTML element
-        const customElement = this[PropertySymbol.ownerWindow].customElements[PropertySymbol.registry]?.[options && options.is ? String(options.is) : qualifiedName];
+        const customElement = this[PropertySymbol.window].customElements[PropertySymbol.registry]?.[options && options.is ? String(options.is) : qualifiedName];
         if (customElement) {
             const element = new customElement.elementClass();
             element[PropertySymbol.tagName] = qualifiedName.toUpperCase();
@@ -804,7 +775,7 @@ class Document extends Node {
         }
         const localName = qualifiedName.toLowerCase();
         const elementClass = HTMLElementConfig[localName]
-            ? this[PropertySymbol.ownerWindow][HTMLElementConfig[localName].className]
+            ? this[PropertySymbol.window][HTMLElementConfig[localName].className]
             : null;
         // Known HTML element
         if (elementClass) {
@@ -816,11 +787,10 @@ class Document extends Node {
             return element;
         }
         // Unknown HTML element
-        const element = NodeFactory.createNode(this, 
-        // If the tag name contains a hyphen, it is an unknown custom element and we should use HTMLElement.
-        localName.includes('-')
-            ? this[PropertySymbol.ownerWindow].HTMLElement
-            : this[PropertySymbol.ownerWindow].HTMLUnknownElement);
+        const unknownElementClass = localName.includes('-')
+            ? this[PropertySymbol.window].HTMLElement
+            : this[PropertySymbol.window].HTMLUnknownElement;
+        const element = NodeFactory.createNode(this, unknownElementClass);
         element[PropertySymbol.tagName] = qualifiedName.toUpperCase();
         element[PropertySymbol.localName] = localName;
         element[PropertySymbol.namespaceURI] = namespaceURI;
@@ -836,9 +806,10 @@ class Document extends Node {
      */
     createTextNode(data) {
         if (arguments.length < 1) {
-            throw new TypeError(`Failed to execute 'createTextNode' on 'Document': 1 argument required, but only ${arguments.length} present.`);
+            throw new this[PropertySymbol.window].TypeError(`Failed to execute 'createTextNode' on 'Document': 1 argument required, but only ${arguments.length} present.`);
         }
-        return NodeFactory.createNode(this, this[PropertySymbol.ownerWindow].Text, String(data));
+        // We should use the NodeFactory and not the class constructor, so that owner document will be this document
+        return NodeFactory.createNode(this, Text, String(data));
     }
     /**
      * Creates a comment node.
@@ -847,7 +818,11 @@ class Document extends Node {
      * @returns Text node.
      */
     createComment(data) {
-        return NodeFactory.createNode(this, this[PropertySymbol.ownerWindow].Comment, data);
+        if (arguments.length < 1) {
+            throw new this[PropertySymbol.window].TypeError(`Failed to execute 'createComment' on 'Document': 1 argument required, but only ${arguments.length} present.`);
+        }
+        // We should use the NodeFactory and not the class constructor, so that owner document will be this document
+        return NodeFactory.createNode(this, Comment, String(data));
     }
     /**
      * Creates a document fragment.
@@ -855,7 +830,8 @@ class Document extends Node {
      * @returns Document fragment.
      */
     createDocumentFragment() {
-        return new this[PropertySymbol.ownerWindow].DocumentFragment();
+        // We should use the NodeFactory and not the class constructor, so that owner document will be this document
+        return NodeFactory.createNode(this, DocumentFragment);
     }
     /**
      * Creates a node iterator.
@@ -885,8 +861,8 @@ class Document extends Node {
      * @returns Event.
      */
     createEvent(type) {
-        if (typeof this[PropertySymbol.ownerWindow][type] === 'function') {
-            return new this[PropertySymbol.ownerWindow][type]('init');
+        if (typeof this[PropertySymbol.window][type] === 'function') {
+            return new this[PropertySymbol.window][type]('init');
         }
         return new Event('init');
     }
@@ -907,9 +883,13 @@ class Document extends Node {
      * @returns Element.
      */
     createAttributeNS(namespaceURI, qualifiedName) {
-        const attribute = NodeFactory.createNode(this, this[PropertySymbol.ownerWindow].Attr);
+        // We should use the NodeFactory and not the class constructor, so that owner document will be this document
+        const attribute = NodeFactory.createNode(this, Attr);
+        const parts = qualifiedName.split(':');
         attribute[PropertySymbol.namespaceURI] = namespaceURI;
         attribute[PropertySymbol.name] = qualifiedName;
+        attribute[PropertySymbol.localName] = parts[1] ?? qualifiedName;
+        attribute[PropertySymbol.prefix] = parts[0] ?? null;
         return attribute;
     }
     /**
@@ -920,10 +900,10 @@ class Document extends Node {
      */
     importNode(node, deep = false) {
         if (!(node instanceof Node)) {
-            throw new DOMException('Parameter 1 was not of type Node.');
+            throw new this[PropertySymbol.window].DOMException('Parameter 1 was not of type Node.');
         }
         const clone = node.cloneNode(deep);
-        __classPrivateFieldGet(this, _Document_instances, "m", _Document_importNode).call(this, clone);
+        this.#importNode(clone);
         return clone;
     }
     /**
@@ -932,7 +912,7 @@ class Document extends Node {
      * @returns Range.
      */
     createRange() {
-        return new this[PropertySymbol.ownerWindow].Range();
+        return new this[PropertySymbol.window].Range();
     }
     /**
      * Adopts a node.
@@ -942,7 +922,7 @@ class Document extends Node {
      */
     adoptNode(node) {
         if (!(node instanceof Node)) {
-            throw new DOMException('Parameter 1 was not of type Node.');
+            throw new this[PropertySymbol.window].DOMException('Parameter 1 was not of type Node.');
         }
         const adopted = node[PropertySymbol.parentNode]
             ? node[PropertySymbol.parentNode].removeChild(node)
@@ -957,10 +937,10 @@ class Document extends Node {
      * @returns Selection.
      */
     getSelection() {
-        if (!__classPrivateFieldGet(this, _Document_selection, "f")) {
-            __classPrivateFieldSet(this, _Document_selection, new Selection(this), "f");
+        if (!this.#selection) {
+            this.#selection = new Selection(this);
         }
-        return __classPrivateFieldGet(this, _Document_selection, "f");
+        return this.#selection;
     }
     /**
      * Returns a boolean value indicating whether the document or any element inside the document has focus.
@@ -978,15 +958,22 @@ class Document extends Node {
      * @returns ProcessingInstruction.
      */
     createProcessingInstruction(target, data) {
+        if (arguments.length < 2) {
+            throw new this[PropertySymbol.window].TypeError(`Failed to execute 'createProcessingInstruction' on 'Document': 2 arguments required, but only ${arguments.length} present.`);
+        }
+        target = String(target);
+        data = String(data);
         if (!target || !PROCESSING_INSTRUCTION_TARGET_REGEXP.test(target)) {
-            throw new DOMException(`Failed to execute 'createProcessingInstruction' on 'Document': The target provided ('${target}') is not a valid name.`);
+            throw new this[PropertySymbol.window].DOMException(`Failed to execute 'createProcessingInstruction' on 'Document': The target provided ('${target}') is not a valid name.`);
         }
         if (data.includes('?>')) {
-            throw new DOMException(`Failed to execute 'createProcessingInstruction' on 'Document': The data provided ('?>') contains '?>'`);
+            throw new this[PropertySymbol.window].DOMException(`Failed to execute 'createProcessingInstruction' on 'Document': The data provided ('?>') contains '?>'`);
         }
-        const processingInstruction = NodeFactory.createNode(this, this[PropertySymbol.ownerWindow].ProcessingInstruction, data);
-        processingInstruction[PropertySymbol.target] = target;
-        return processingInstruction;
+        // We should use the NodeFactory and not the class constructor, so that owner document will be this document
+        const element = NodeFactory.createNode(this, ProcessingInstruction);
+        element[PropertySymbol.data] = data;
+        element[PropertySymbol.target] = target;
+        return element;
     }
     /**
      * Get element at a given point.
@@ -998,12 +985,16 @@ class Document extends Node {
     elementFromPoint(_x, _y) {
         return null;
     }
-}
-_Document_importNode = function _Document_importNode(node) {
-    node[PropertySymbol.ownerDocument] = this;
-    for (const child of node[PropertySymbol.childNodes]) {
-        __classPrivateFieldGet(this, _Document_instances, "m", _Document_importNode).call(this, child);
+    /**
+     * Imports a node.
+     *
+     * @param node Node.
+     */
+    #importNode(node) {
+        node[PropertySymbol.ownerDocument] = this;
+        for (const child of node[PropertySymbol.nodeArray]) {
+            this.#importNode(child);
+        }
     }
-};
-export default Document;
+}
 //# sourceMappingURL=Document.js.map