happy-dom 14.12.3 → 15.1.0

package/cjs/nodes/document/Document.cjs

@@ -22,27 +22,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _Document_instances, _Document_selection, _Document_browserFrame, _Document_importNode, _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
 Object.defineProperty(exports, "__esModule", { value: true });
 const Element_js_1 = __importDefault(require("../element/Element.cjs"));
 const PropertySymbol = __importStar(require("../../PropertySymbol.cjs"));
 const Node_js_1 = __importDefault(require("../node/Node.cjs"));
 const NodeIterator_js_1 = __importDefault(require("../../tree-walker/NodeIterator.cjs"));
 const TreeWalker_js_1 = __importDefault(require("../../tree-walker/TreeWalker.cjs"));
+const DocumentFragment_js_1 = __importDefault(require("../document-fragment/DocumentFragment.cjs"));
 const XMLParser_js_1 = __importDefault(require("../../xml-parser/XMLParser.cjs"));
 const Event_js_1 = __importDefault(require("../../event/Event.cjs"));
 const DOMImplementation_js_1 = __importDefault(require("../../dom-implementation/DOMImplementation.cjs"));
@@ -50,166 +39,156 @@ const NamespaceURI_js_1 = __importDefault(require("../../config/NamespaceURI.cjs
 const DocumentType_js_1 = __importDefault(require("../document-type/DocumentType.cjs"));
 const ParentNodeUtility_js_1 = __importDefault(require("../parent-node/ParentNodeUtility.cjs"));
 const QuerySelector_js_1 = __importDefault(require("../../query-selector/QuerySelector.cjs"));
-const DOMException_js_1 = __importDefault(require("../../exception/DOMException.cjs"));
-const NodeList_js_1 = __importDefault(require("../node/NodeList.cjs"));
+const Comment_js_1 = __importDefault(require("../comment/Comment.cjs"));
+const Text_js_1 = __importDefault(require("../text/Text.cjs"));
 const HTMLCollection_js_1 = __importDefault(require("../element/HTMLCollection.cjs"));
 const DocumentReadyStateEnum_js_1 = __importDefault(require("./DocumentReadyStateEnum.cjs"));
 const Selection_js_1 = __importDefault(require("../../selection/Selection.cjs"));
-const ElementUtility_js_1 = __importDefault(require("../element/ElementUtility.cjs"));
+const Attr_js_1 = __importDefault(require("../attr/Attr.cjs"));
+const ProcessingInstruction_js_1 = __importDefault(require("../processing-instruction/ProcessingInstruction.cjs"));
 const VisibilityStateEnum_js_1 = __importDefault(require("./VisibilityStateEnum.cjs"));
 const NodeTypeEnum_js_1 = __importDefault(require("../node/NodeTypeEnum.cjs"));
 const CookieStringUtility_js_1 = __importDefault(require("../../cookie/urilities/CookieStringUtility.cjs"));
-const NodeFactory_js_1 = __importDefault(require("../NodeFactory.cjs"));
 const url_1 = require("url");
 const HTMLElementConfig_js_1 = __importDefault(require("../../config/HTMLElementConfig.cjs"));
+const WindowBrowserContext_js_1 = __importDefault(require("../../window/WindowBrowserContext.cjs"));
+const NodeFactory_js_1 = __importDefault(require("../NodeFactory.cjs"));
 const PROCESSING_INSTRUCTION_TARGET_REGEXP = /^[a-z][a-z0-9-]+$/;
 /**
  * Document.
  */
 class Document extends Node_js_1.default {
-    /**
-     * 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_js_1.default();
-        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_js_1.default.documentNode;
-        this[_k] = true;
-        this[_l] = [];
-        this[_m] = new DOMImplementation_js_1.default(this);
-        this[_o] = DocumentReadyStateEnum_js_1.default.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;
-    }
+    // 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_js_1.default.documentNode;
+    [PropertySymbol.isConnected] = true;
+    [PropertySymbol.adoptedStyleSheets] = [];
+    [PropertySymbol.implementation] = new DOMImplementation_js_1.default(this);
+    [PropertySymbol.readyState] = DocumentReadyStateEnum_js_1.default.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.
      *
@@ -262,6 +241,10 @@ class Document extends Node_js_1.default {
      * Returns document children.
      */
     get children() {
+        if (!this[PropertySymbol.children]) {
+            const elements = this[PropertySymbol.elementArray];
+            this[PropertySymbol.children] = new HTMLCollection_js_1.default(PropertySymbol.illegalConstructor, () => elements);
+        }
         return this[PropertySymbol.children];
     }
     /**
@@ -279,7 +262,7 @@ class Document extends Node_js_1.default {
      * @returns Character set.
      */
     get characterSet() {
-        const charset = this.querySelector('meta[charset]')?.getAttributeNS(null, 'charset');
+        const charset = QuerySelector_js_1.default.querySelector(this, 'meta[charset]')?.getAttributeNS(null, 'charset');
         return charset ? charset : 'UTF-8';
     }
     /**
@@ -290,7 +273,7 @@ class Document extends Node_js_1.default {
     get title() {
         const element = ParentNodeUtility_js_1.default.getElementByTagName(this, 'title');
         if (element) {
-            return element.textContent;
+            return element.text.trim();
         }
         return '';
     }
@@ -313,13 +296,16 @@ class Document extends Node_js_1.default {
      * 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_js_1.default.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_js_1.default.getElementsByTagName(this, 'form'));
+        }
+        return this[PropertySymbol.forms];
     }
     /**
      * Last element child.
@@ -327,7 +313,7 @@ class Document extends Node_js_1.default {
      * @returns Element.
      */
     get childElementCount() {
-        return this[PropertySymbol.children].length;
+        return this[PropertySymbol.elementArray].length;
     }
     /**
      * First element child.
@@ -335,7 +321,7 @@ class Document extends Node_js_1.default {
      * @returns Element.
      */
     get firstElementChild() {
-        return this[PropertySymbol.children][0] ?? null;
+        return this[PropertySymbol.elementArray][0] ?? null;
     }
     /**
      * Last element child.
@@ -343,7 +329,8 @@ class Document extends Node_js_1.default {
      * @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.
@@ -351,7 +338,11 @@ class Document extends Node_js_1.default {
      * @returns Cookie.
      */
     get cookie() {
-        return CookieStringUtility_js_1.default.cookiesToString(__classPrivateFieldGet(this, _Document_browserFrame, "f").page.context.cookieContainer.getCookies(new url_1.URL(this[PropertySymbol.ownerWindow].location.href), true));
+        const browserFrame = new WindowBrowserContext_js_1.default(this[PropertySymbol.window]).getBrowserFrame();
+        if (!browserFrame) {
+            return '';
+        }
+        return CookieStringUtility_js_1.default.cookiesToString(browserFrame.page.context.cookieContainer.getCookies(new url_1.URL(this[PropertySymbol.window].location.href), true));
     }
     /**
      * Sets a cookie string.
@@ -359,8 +350,12 @@ class Document extends Node_js_1.default {
      * @param cookie Cookie string.
      */
     set cookie(cookie) {
-        __classPrivateFieldGet(this, _Document_browserFrame, "f").page.context.cookieContainer.addCookies([
-            CookieStringUtility_js_1.default.stringToCookie(new url_1.URL(this[PropertySymbol.ownerWindow].location.href), cookie)
+        const browserFrame = new WindowBrowserContext_js_1.default(this[PropertySymbol.window]).getBrowserFrame();
+        if (!browserFrame) {
+            return;
+        }
+        browserFrame.page.context.cookieContainer.addCookies([
+            CookieStringUtility_js_1.default.stringToCookie(new url_1.URL(this[PropertySymbol.window].location.href), cookie)
         ]);
     }
     /**
@@ -385,7 +380,7 @@ class Document extends Node_js_1.default {
      * @returns Document type.
      */
     get doctype() {
-        for (const node of this[PropertySymbol.childNodes]) {
+        for (const node of this[PropertySymbol.nodeArray]) {
             if (node instanceof DocumentType_js_1.default) {
                 return node;
             }
@@ -414,7 +409,7 @@ class Document extends Node_js_1.default {
      * @returns CSS style sheets.
      */
     get styleSheets() {
-        const styles = (this.querySelectorAll('link[rel="stylesheet"][href],style'));
+        const styles = (QuerySelector_js_1.default.querySelectorAll(this, 'link[rel="stylesheet"][href],style'));
         const styleSheets = [];
         for (const style of styles) {
             const sheet = style.sheet;
@@ -460,7 +455,7 @@ class Document extends Node_js_1.default {
      * @returns Location.
      */
     get location() {
-        return this[PropertySymbol.ownerWindow].location;
+        return this[PropertySymbol.window].location;
     }
     /**
      * Returns scripts.
@@ -481,24 +476,32 @@ class Document extends Node_js_1.default {
         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.
      *
@@ -579,7 +582,7 @@ class Document extends Node_js_1.default {
      */
     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;
     }
@@ -627,54 +630,7 @@ class Document extends Node_js_1.default {
      * @param name
      */
     getElementsByName(name) {
-        const getElementsByName = (parentNode, name) => {
-            const matches = new NodeList_js_1.default();
-            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_js_1.default.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_js_1.default.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_js_1.default.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_js_1.default.insertBefore(this, newNode, referenceNode);
+        return QuerySelector_js_1.default.querySelectorAll(this, `[name="${name}"]`);
     }
     /**
      * Replaces the document HTML with new HTML.
@@ -693,7 +649,7 @@ class Document extends Node_js_1.default {
             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;
                 }
@@ -724,15 +680,18 @@ class Document extends Node_js_1.default {
                     const rootBody = ParentNodeUtility_js_1.default.getElementByTagName(root, 'body');
                     const body = ParentNodeUtility_js_1.default.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_js_1.default.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_js_1.default.documentTypeNode) {
                             body.appendChild(child);
@@ -744,8 +703,9 @@ class Document extends Node_js_1.default {
                 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);
@@ -755,8 +715,9 @@ class Document extends Node_js_1.default {
         else {
             const bodyNode = ParentNodeUtility_js_1.default.getElementByTagName(root, 'body');
             const body = ParentNodeUtility_js_1.default.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]);
             }
         }
     }
@@ -767,16 +728,25 @@ class Document extends Node_js_1.default {
      */
     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 child of this[PropertySymbol.childNodes].slice()) {
-            this.removeChild(child);
+        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);
+                }
+            }
+        }
+        const childNodes = this[PropertySymbol.nodeArray];
+        while (childNodes.length) {
+            this.removeChild(childNodes[0]);
         }
         return this;
     }
@@ -807,13 +777,14 @@ class Document extends Node_js_1.default {
     createElementNS(namespaceURI, qualifiedName, options) {
         qualifiedName = String(qualifiedName);
         if (!qualifiedName) {
-            throw new DOMException_js_1.default("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_js_1.default.svg) {
-            const element = NodeFactory_js_1.default.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_js_1.default.createNode(this, elementClass);
             element[PropertySymbol.tagName] = qualifiedName;
             element[PropertySymbol.localName] = qualifiedName;
             element[PropertySymbol.namespaceURI] = namespaceURI;
@@ -821,7 +792,7 @@ class Document extends Node_js_1.default {
             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();
@@ -832,7 +803,7 @@ class Document extends Node_js_1.default {
         }
         const localName = qualifiedName.toLowerCase();
         const elementClass = HTMLElementConfig_js_1.default[localName]
-            ? this[PropertySymbol.ownerWindow][HTMLElementConfig_js_1.default[localName].className]
+            ? this[PropertySymbol.window][HTMLElementConfig_js_1.default[localName].className]
             : null;
         // Known HTML element
         if (elementClass) {
@@ -844,11 +815,10 @@ class Document extends Node_js_1.default {
             return element;
         }
         // Unknown HTML element
-        const element = NodeFactory_js_1.default.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_js_1.default.createNode(this, unknownElementClass);
         element[PropertySymbol.tagName] = qualifiedName.toUpperCase();
         element[PropertySymbol.localName] = localName;
         element[PropertySymbol.namespaceURI] = namespaceURI;
@@ -864,9 +834,10 @@ class Document extends Node_js_1.default {
      */
     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_js_1.default.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_js_1.default.createNode(this, Text_js_1.default, String(data));
     }
     /**
      * Creates a comment node.
@@ -875,7 +846,11 @@ class Document extends Node_js_1.default {
      * @returns Text node.
      */
     createComment(data) {
-        return NodeFactory_js_1.default.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_js_1.default.createNode(this, Comment_js_1.default, String(data));
     }
     /**
      * Creates a document fragment.
@@ -883,7 +858,8 @@ class Document extends Node_js_1.default {
      * @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_js_1.default.createNode(this, DocumentFragment_js_1.default);
     }
     /**
      * Creates a node iterator.
@@ -913,8 +889,8 @@ class Document extends Node_js_1.default {
      * @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_js_1.default('init');
     }
@@ -935,9 +911,13 @@ class Document extends Node_js_1.default {
      * @returns Element.
      */
     createAttributeNS(namespaceURI, qualifiedName) {
-        const attribute = NodeFactory_js_1.default.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_js_1.default.createNode(this, Attr_js_1.default);
+        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;
     }
     /**
@@ -948,10 +928,10 @@ class Document extends Node_js_1.default {
      */
     importNode(node, deep = false) {
         if (!(node instanceof Node_js_1.default)) {
-            throw new DOMException_js_1.default('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;
     }
     /**
@@ -960,7 +940,7 @@ class Document extends Node_js_1.default {
      * @returns Range.
      */
     createRange() {
-        return new this[PropertySymbol.ownerWindow].Range();
+        return new this[PropertySymbol.window].Range();
     }
     /**
      * Adopts a node.
@@ -970,7 +950,7 @@ class Document extends Node_js_1.default {
      */
     adoptNode(node) {
         if (!(node instanceof Node_js_1.default)) {
-            throw new DOMException_js_1.default('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)
@@ -985,10 +965,10 @@ class Document extends Node_js_1.default {
      * @returns Selection.
      */
     getSelection() {
-        if (!__classPrivateFieldGet(this, _Document_selection, "f")) {
-            __classPrivateFieldSet(this, _Document_selection, new Selection_js_1.default(this), "f");
+        if (!this.#selection) {
+            this.#selection = new Selection_js_1.default(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.
@@ -1006,15 +986,22 @@ class Document extends Node_js_1.default {
      * @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_js_1.default(`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_js_1.default(`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_js_1.default.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_js_1.default.createNode(this, ProcessingInstruction_js_1.default);
+        element[PropertySymbol.data] = data;
+        element[PropertySymbol.target] = target;
+        return element;
     }
     /**
      * Get element at a given point.
@@ -1026,12 +1013,17 @@ class Document extends Node_js_1.default {
     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);
+        }
     }
-};
+}
 exports.default = Document;
 //# sourceMappingURL=Document.cjs.map