happy-dom 2.55.0 → 3.1.1

package/lib/nodes/element/Element.js

@@ -1,330 +1,239 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Node_1 = __importDefault(require("../node/Node"));
-var ShadowRoot_1 = __importDefault(require("../shadow-root/ShadowRoot"));
-var Attr_1 = __importDefault(require("../../attribute/Attr"));
-var DOMRect_1 = __importDefault(require("./DOMRect"));
-var Range_1 = __importDefault(require("./Range"));
-var DOMTokenList_1 = __importDefault(require("../../dom-token-list/DOMTokenList"));
-var QuerySelector_1 = __importDefault(require("../../query-selector/QuerySelector"));
-var SelectorItem_1 = __importDefault(require("../../query-selector/SelectorItem"));
-var MutationRecord_1 = __importDefault(require("../../mutation-observer/MutationRecord"));
-var MutationTypeEnum_1 = __importDefault(require("../../mutation-observer/MutationTypeEnum"));
-var NamespaceURI_1 = __importDefault(require("../../config/NamespaceURI"));
-var XMLParser_1 = __importDefault(require("../../xml-parser/XMLParser"));
-var XMLSerializer_1 = __importDefault(require("../../xml-serializer/XMLSerializer"));
-var ChildNodeUtility_1 = __importDefault(require("../child-node/ChildNodeUtility"));
-var ParentNodeUtility_1 = __importDefault(require("../parent-node/ParentNodeUtility"));
-var NonDocumentChildNodeUtility_1 = __importDefault(require("../child-node/NonDocumentChildNodeUtility"));
-var DOMException_1 = __importDefault(require("../../exception/DOMException"));
-var HTMLCollectionFactory_1 = __importDefault(require("./HTMLCollectionFactory"));
+const Node_1 = __importDefault(require("../node/Node"));
+const ShadowRoot_1 = __importDefault(require("../shadow-root/ShadowRoot"));
+const Attr_1 = __importDefault(require("../../attribute/Attr"));
+const DOMRect_1 = __importDefault(require("./DOMRect"));
+const Range_1 = __importDefault(require("./Range"));
+const DOMTokenList_1 = __importDefault(require("../../dom-token-list/DOMTokenList"));
+const QuerySelector_1 = __importDefault(require("../../query-selector/QuerySelector"));
+const SelectorItem_1 = __importDefault(require("../../query-selector/SelectorItem"));
+const MutationRecord_1 = __importDefault(require("../../mutation-observer/MutationRecord"));
+const MutationTypeEnum_1 = __importDefault(require("../../mutation-observer/MutationTypeEnum"));
+const NamespaceURI_1 = __importDefault(require("../../config/NamespaceURI"));
+const XMLParser_1 = __importDefault(require("../../xml-parser/XMLParser"));
+const XMLSerializer_1 = __importDefault(require("../../xml-serializer/XMLSerializer"));
+const ChildNodeUtility_1 = __importDefault(require("../child-node/ChildNodeUtility"));
+const ParentNodeUtility_1 = __importDefault(require("../parent-node/ParentNodeUtility"));
+const NonDocumentChildNodeUtility_1 = __importDefault(require("../child-node/NonDocumentChildNodeUtility"));
+const DOMException_1 = __importDefault(require("../../exception/DOMException"));
+const HTMLCollectionFactory_1 = __importDefault(require("./HTMLCollectionFactory"));
 /**
  * Element.
  */
-var Element = /** @class */ (function (_super) {
-    __extends(Element, _super);
-    function Element() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.tagName = null;
-        _this.nodeType = Node_1.default.ELEMENT_NODE;
-        _this.shadowRoot = null;
-        _this.scrollTop = 0;
-        _this.scrollLeft = 0;
-        _this.children = HTMLCollectionFactory_1.default.create();
-        _this.namespaceURI = null;
+class Element extends Node_1.default {
+    constructor() {
+        super(...arguments);
+        this.tagName = null;
+        this.nodeType = Node_1.default.ELEMENT_NODE;
+        this.shadowRoot = null;
+        this.scrollTop = 0;
+        this.scrollLeft = 0;
+        this.children = HTMLCollectionFactory_1.default.create();
+        this.namespaceURI = null;
         // Used for being able to access closed shadow roots
-        _this._shadowRoot = null;
-        _this._attributes = {};
-        _this._classList = null;
-        return _this;
-    }
-    Object.defineProperty(Element.prototype, "classList", {
-        /**
-         * Returns class list.
-         *
-         * @returns Class list.
-         */
-        get: function () {
-            if (!this._classList) {
-                this._classList = new DOMTokenList_1.default(this, 'class');
-            }
-            return this._classList;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "id", {
-        /**
-         * Returns ID.
-         *
-         * @returns ID.
-         */
-        get: function () {
-            return this.getAttribute('id') || '';
-        },
-        /**
-         * Sets ID.
-         *
-         * @param id ID.
-         */
-        set: function (id) {
-            this.setAttribute('id', id);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "className", {
-        /**
-         * Returns class name.
-         *
-         * @returns Class name.
-         */
-        get: function () {
-            return this.getAttribute('class') || '';
-        },
-        /**
-         * Sets class name.
-         *
-         * @param className Class name.
-         */
-        set: function (className) {
-            this.setAttribute('class', className);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "nodeName", {
-        /**
-         * Node name.
-         *
-         * @returns Node name.
-         */
-        get: function () {
-            return this.tagName;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "localName", {
-        /**
-         * Local name.
-         *
-         * @returns Local name.
-         */
-        get: function () {
-            return this.tagName ? this.tagName.toLowerCase() : 'unknown';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "previousElementSibling", {
-        /**
-         * Previous element sibling.
-         *
-         * @returns Element.
-         */
-        get: function () {
-            return NonDocumentChildNodeUtility_1.default.previousElementSibling(this);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "nextElementSibling", {
-        /**
-         * Next element sibling.
-         *
-         * @returns Element.
-         */
-        get: function () {
-            return NonDocumentChildNodeUtility_1.default.nextElementSibling(this);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "textContent", {
-        /**
-         * Get text value of children.
-         *
-         * @returns Text content.
-         */
-        get: function () {
-            var result = '';
-            for (var _i = 0, _a = this.childNodes; _i < _a.length; _i++) {
-                var childNode = _a[_i];
-                if (childNode.nodeType === Node_1.default.ELEMENT_NODE || childNode.nodeType === Node_1.default.TEXT_NODE) {
-                    result += childNode.textContent;
-                }
-            }
-            return result;
-        },
-        /**
-         * Sets text content.
-         *
-         * @param textContent Text content.
-         */
-        set: function (textContent) {
-            for (var _i = 0, _a = this.childNodes.slice(); _i < _a.length; _i++) {
-                var child = _a[_i];
-                this.removeChild(child);
-            }
-            if (textContent) {
-                this.appendChild(this.ownerDocument.createTextNode(textContent));
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "innerHTML", {
-        /**
-         * Returns inner HTML.
-         *
-         * @returns HTML.
-         */
-        get: function () {
-            var xmlSerializer = new XMLSerializer_1.default();
-            var xml = '';
-            for (var _i = 0, _a = this.childNodes; _i < _a.length; _i++) {
-                var node = _a[_i];
-                xml += xmlSerializer.serializeToString(node);
-            }
-            return xml;
-        },
-        /**
-         * Sets inner HTML.
-         *
-         * @param html HTML.
-         */
-        set: function (html) {
-            for (var _i = 0, _a = this.childNodes.slice(); _i < _a.length; _i++) {
-                var child = _a[_i];
-                this.removeChild(child);
-            }
-            for (var _b = 0, _c = XMLParser_1.default.parse(this.ownerDocument, html).childNodes.slice(); _b < _c.length; _b++) {
-                var node = _c[_b];
-                this.appendChild(node);
+        this._shadowRoot = null;
+        this._attributes = {};
+        this._classList = null;
+    }
+    /**
+     * Returns class list.
+     *
+     * @returns Class list.
+     */
+    get classList() {
+        if (!this._classList) {
+            this._classList = new DOMTokenList_1.default(this, 'class');
+        }
+        return this._classList;
+    }
+    /**
+     * Returns ID.
+     *
+     * @returns ID.
+     */
+    get id() {
+        return this.getAttribute('id') || '';
+    }
+    /**
+     * Sets ID.
+     *
+     * @param id ID.
+     */
+    set id(id) {
+        this.setAttribute('id', id);
+    }
+    /**
+     * Returns class name.
+     *
+     * @returns Class name.
+     */
+    get className() {
+        return this.getAttribute('class') || '';
+    }
+    /**
+     * Sets class name.
+     *
+     * @param className Class name.
+     */
+    set className(className) {
+        this.setAttribute('class', className);
+    }
+    /**
+     * Node name.
+     *
+     * @returns Node name.
+     */
+    get nodeName() {
+        return this.tagName;
+    }
+    /**
+     * Local name.
+     *
+     * @returns Local name.
+     */
+    get localName() {
+        return this.tagName ? this.tagName.toLowerCase() : 'unknown';
+    }
+    /**
+     * Previous element sibling.
+     *
+     * @returns Element.
+     */
+    get previousElementSibling() {
+        return NonDocumentChildNodeUtility_1.default.previousElementSibling(this);
+    }
+    /**
+     * Next element sibling.
+     *
+     * @returns Element.
+     */
+    get nextElementSibling() {
+        return NonDocumentChildNodeUtility_1.default.nextElementSibling(this);
+    }
+    /**
+     * Get text value of children.
+     *
+     * @returns Text content.
+     */
+    get textContent() {
+        let result = '';
+        for (const childNode of this.childNodes) {
+            if (childNode.nodeType === Node_1.default.ELEMENT_NODE || childNode.nodeType === Node_1.default.TEXT_NODE) {
+                result += childNode.textContent;
             }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "outerHTML", {
-        /**
-         * Returns outer HTML.
-         *
-         * @returns HTML.
-         */
-        get: function () {
-            return new XMLSerializer_1.default().serializeToString(this);
-        },
-        /**
-         * Returns outer HTML.
-         *
-         * @param html HTML.
-         */
-        set: function (html) {
-            this.replaceWith(html);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "attributes", {
-        /**
-         * Returns attributes.
-         *
-         * @returns Attributes.
-         */
-        get: function () {
-            var attributes = Object.values(this._attributes);
-            return Object.assign({}, this._attributes, attributes, {
-                length: attributes.length
-            });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "firstElementChild", {
-        /**
-         * First element child.
-         *
-         * @returns Element.
-         */
-        get: function () {
-            return this.children ? this.children[0] || null : null;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "lastElementChild", {
-        /**
-         * Last element child.
-         *
-         * @returns Element.
-         */
-        get: function () {
-            return this.children ? this.children[this.children.length - 1] || null : null;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "childElementCount", {
-        /**
-         * Last element child.
-         *
-         * @returns Element.
-         */
-        get: function () {
-            return this.children.length;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "slot", {
-        /**
-         * Returns slot.
-         *
-         * @returns Slot.
-         */
-        get: function () {
-            return this.getAttributeNS(null, 'slot') || '';
-        },
-        /**
-         * Returns slot.
-         *
-         * @param slot Slot.
-         */
-        set: function (title) {
-            this.setAttributeNS(null, 'slot', title);
-        },
-        enumerable: false,
-        configurable: true
-    });
+        }
+        return result;
+    }
+    /**
+     * Sets text content.
+     *
+     * @param textContent Text content.
+     */
+    set textContent(textContent) {
+        for (const child of this.childNodes.slice()) {
+            this.removeChild(child);
+        }
+        if (textContent) {
+            this.appendChild(this.ownerDocument.createTextNode(textContent));
+        }
+    }
+    /**
+     * Returns inner HTML.
+     *
+     * @returns HTML.
+     */
+    get innerHTML() {
+        const xmlSerializer = new XMLSerializer_1.default();
+        let xml = '';
+        for (const node of this.childNodes) {
+            xml += xmlSerializer.serializeToString(node);
+        }
+        return xml;
+    }
+    /**
+     * Sets inner HTML.
+     *
+     * @param html HTML.
+     */
+    set innerHTML(html) {
+        for (const child of this.childNodes.slice()) {
+            this.removeChild(child);
+        }
+        for (const node of XMLParser_1.default.parse(this.ownerDocument, html).childNodes.slice()) {
+            this.appendChild(node);
+        }
+    }
+    /**
+     * Returns outer HTML.
+     *
+     * @returns HTML.
+     */
+    get outerHTML() {
+        return new XMLSerializer_1.default().serializeToString(this);
+    }
+    /**
+     * Returns outer HTML.
+     *
+     * @param html HTML.
+     */
+    set outerHTML(html) {
+        this.replaceWith(html);
+    }
+    /**
+     * Returns attributes.
+     *
+     * @returns Attributes.
+     */
+    get attributes() {
+        const attributes = Object.values(this._attributes);
+        return Object.assign({}, this._attributes, attributes, {
+            length: attributes.length
+        });
+    }
+    /**
+     * First element child.
+     *
+     * @returns Element.
+     */
+    get firstElementChild() {
+        return this.children ? this.children[0] || null : null;
+    }
+    /**
+     * Last element child.
+     *
+     * @returns Element.
+     */
+    get lastElementChild() {
+        return this.children ? this.children[this.children.length - 1] || null : null;
+    }
+    /**
+     * Last element child.
+     *
+     * @returns Element.
+     */
+    get childElementCount() {
+        return this.children.length;
+    }
+    /**
+     * Returns slot.
+     *
+     * @returns Slot.
+     */
+    get slot() {
+        return this.getAttributeNS(null, 'slot') || '';
+    }
+    /**
+     * Returns slot.
+     *
+     * @param slot Slot.
+     */
+    set slot(title) {
+        this.setAttributeNS(null, 'slot', title);
+    }
     /**
      * Returns inner HTML and optionally the content of shadow roots.
      *
@@ -336,15 +245,14 @@ var Element = /** @class */ (function (_super) {
      * @param [options.includeShadowRoots] Set to "true" to include shadow roots.
      * @returns HTML.
      */
-    Element.prototype.getInnerHTML = function (options) {
-        var xmlSerializer = new XMLSerializer_1.default();
-        var xml = '';
-        for (var _i = 0, _a = this.childNodes; _i < _a.length; _i++) {
-            var node = _a[_i];
+    getInnerHTML(options) {
+        const xmlSerializer = new XMLSerializer_1.default();
+        let xml = '';
+        for (const node of this.childNodes) {
             xml += xmlSerializer.serializeToString(node, options);
         }
         return xml;
-    };
+    }
     /**
      * Clones a node.
      *
@@ -352,18 +260,15 @@ var Element = /** @class */ (function (_super) {
      * @param [deep=false] "true" to clone deep.
      * @returns Cloned node.
      */
-    Element.prototype.cloneNode = function (deep) {
-        if (deep === void 0) { deep = false; }
-        var clone = _super.prototype.cloneNode.call(this, deep);
-        for (var _i = 0, _a = Object.keys(this._attributes); _i < _a.length; _i++) {
-            var key = _a[_i];
-            var attr = Object.assign(new Attr_1.default(), this._attributes[key]);
+    cloneNode(deep = false) {
+        const clone = super.cloneNode(deep);
+        for (const key of Object.keys(this._attributes)) {
+            const attr = Object.assign(new Attr_1.default(), this._attributes[key]);
             attr.ownerElement = clone;
             clone._attributes[key] = attr;
         }
         if (deep) {
-            for (var _b = 0, _c = clone.childNodes; _b < _c.length; _b++) {
-                var node = _c[_b];
+            for (const node of clone.childNodes) {
                 if (node.nodeType === Node_1.default.ELEMENT_NODE) {
                     clone.children.push(node);
                 }
@@ -374,7 +279,7 @@ var Element = /** @class */ (function (_super) {
         clone.scrollTop = this.scrollTop;
         clone.namespaceURI = this.namespaceURI;
         return clone;
-    };
+    }
     /**
      * Append a child node to childNodes.
      *
@@ -382,12 +287,12 @@ var Element = /** @class */ (function (_super) {
      * @param  node Node to append.
      * @returns Appended node.
      */
-    Element.prototype.appendChild = function (node) {
+    appendChild(node) {
         // If the type is DocumentFragment, then the child nodes of if it should be moved instead of the actual node.
         // See: https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment
         if (node.nodeType !== Node_1.default.DOCUMENT_FRAGMENT_NODE) {
             if (node.parentNode && node.parentNode['children']) {
-                var index = node.parentNode['children'].indexOf(node);
+                const index = node.parentNode['children'].indexOf(node);
                 if (index !== -1) {
                     node.parentNode['children'].splice(index, 1);
                 }
@@ -396,29 +301,29 @@ var Element = /** @class */ (function (_super) {
                 this.children.push(node);
             }
         }
-        return _super.prototype.appendChild.call(this, node);
-    };
+        return super.appendChild(node);
+    }
     /**
      * Remove Child element from childNodes array.
      *
      * @override
      * @param node Node to remove.
      */
-    Element.prototype.removeChild = function (node) {
+    removeChild(node) {
         if (node.nodeType === Node_1.default.ELEMENT_NODE) {
-            var index = this.children.indexOf(node);
+            const index = this.children.indexOf(node);
             if (index !== -1) {
                 this.children.splice(index, 1);
             }
         }
-        return _super.prototype.removeChild.call(this, node);
-    };
+        return super.removeChild(node);
+    }
     /**
      * Removes the node from its parent.
      */
-    Element.prototype.remove = function () {
+    remove() {
         ChildNodeUtility_1.default.remove(this);
-    };
+    }
     /**
      * Inserts a node before another.
      *
@@ -427,99 +332,74 @@ var Element = /** @class */ (function (_super) {
      * @param [referenceNode] Node to insert before.
      * @returns Inserted node.
      */
-    Element.prototype.insertBefore = function (newNode, referenceNode) {
-        var returnValue = _super.prototype.insertBefore.call(this, newNode, referenceNode);
+    insertBefore(newNode, referenceNode) {
+        const returnValue = super.insertBefore(newNode, referenceNode);
         // If the type is DocumentFragment, then the child nodes of if it should be moved instead of the actual node.
         // See: https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment
         if (newNode.nodeType !== Node_1.default.DOCUMENT_FRAGMENT_NODE) {
             if (newNode.parentNode && newNode.parentNode['children']) {
-                var index = newNode.parentNode['children'].indexOf(newNode);
+                const index = newNode.parentNode['children'].indexOf(newNode);
                 if (index !== -1) {
                     newNode.parentNode['children'].splice(index, 1);
                 }
             }
             this.children.length = 0;
-            for (var _i = 0, _a = this.childNodes; _i < _a.length; _i++) {
-                var node = _a[_i];
+            for (const node of this.childNodes) {
                 if (node.nodeType === Node_1.default.ELEMENT_NODE) {
                     this.children.push(node);
                 }
             }
         }
         return returnValue;
-    };
+    }
     /**
      * The Node.replaceWith() method replaces this Node in the children list of its parent with a set of Node or DOMString objects.
      *
      * @param nodes List of Node or DOMString.
      */
-    Element.prototype.replaceWith = function () {
-        var nodes = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            nodes[_i] = arguments[_i];
-        }
-        ChildNodeUtility_1.default.replaceWith.apply(ChildNodeUtility_1.default, __spreadArray([this], nodes, false));
-    };
+    replaceWith(...nodes) {
+        ChildNodeUtility_1.default.replaceWith(this, ...nodes);
+    }
     /**
      * Inserts a set of Node or DOMString objects in the children list of this ChildNode's parent, just before this ChildNode. DOMString objects are inserted as equivalent Text nodes.
      *
      * @param nodes List of Node or DOMString.
      */
-    Element.prototype.before = function () {
-        var nodes = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            nodes[_i] = arguments[_i];
-        }
-        ChildNodeUtility_1.default.before.apply(ChildNodeUtility_1.default, __spreadArray([this], nodes, false));
-    };
+    before(...nodes) {
+        ChildNodeUtility_1.default.before(this, ...nodes);
+    }
     /**
      * Inserts a set of Node or DOMString objects in the children list of this ChildNode's parent, just after this ChildNode. DOMString objects are inserted as equivalent Text nodes.
      *
      * @param nodes List of Node or DOMString.
      */
-    Element.prototype.after = function () {
-        var nodes = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            nodes[_i] = arguments[_i];
-        }
-        ChildNodeUtility_1.default.after.apply(ChildNodeUtility_1.default, __spreadArray([this], nodes, false));
-    };
+    after(...nodes) {
+        ChildNodeUtility_1.default.after(this, ...nodes);
+    }
     /**
      * Inserts a set of Node objects or DOMString objects after the last child of the ParentNode. DOMString objects are inserted as equivalent Text nodes.
      *
      * @param nodes List of Node or DOMString.
      */
-    Element.prototype.append = function () {
-        var nodes = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            nodes[_i] = arguments[_i];
-        }
-        ParentNodeUtility_1.default.append.apply(ParentNodeUtility_1.default, __spreadArray([this], nodes, false));
-    };
+    append(...nodes) {
+        ParentNodeUtility_1.default.append(this, ...nodes);
+    }
     /**
      * Inserts a set of Node objects or DOMString objects before the first child of the ParentNode. DOMString objects are inserted as equivalent Text nodes.
      *
      * @param nodes List of Node or DOMString.
      */
-    Element.prototype.prepend = function () {
-        var nodes = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            nodes[_i] = arguments[_i];
-        }
-        ParentNodeUtility_1.default.prepend.apply(ParentNodeUtility_1.default, __spreadArray([this], nodes, false));
-    };
+    prepend(...nodes) {
+        ParentNodeUtility_1.default.prepend(this, ...nodes);
+    }
     /**
      * Replaces the existing children of a node with a specified new set of children.
      *
      * @param nodes List of Node or DOMString.
      */
-    Element.prototype.replaceChildren = function () {
-        var nodes = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            nodes[_i] = arguments[_i];
-        }
-        ParentNodeUtility_1.default.replaceChildren.apply(ParentNodeUtility_1.default, __spreadArray([this], nodes, false));
-    };
+    replaceChildren(...nodes) {
+        ParentNodeUtility_1.default.replaceChildren(this, ...nodes);
+    }
     /**
      * Inserts a node to the given position.
      *
@@ -527,7 +407,7 @@ var Element = /** @class */ (function (_super) {
      * @param element Node to insert.
      * @returns Inserted node or null if couldn't insert.
      */
-    Element.prototype.insertAdjacentElement = function (position, element) {
+    insertAdjacentElement(position, element) {
         if (position === 'beforebegin') {
             if (!this.parentElement) {
                 return null;
@@ -547,43 +427,42 @@ var Element = /** @class */ (function (_super) {
             this.parentElement.insertBefore(element, this.nextSibling);
         }
         return element;
-    };
+    }
     /**
      * Inserts an HTML string to the given position.
      *
      * @param position Position to insert text.
      * @param text HTML string to insert.
      */
-    Element.prototype.insertAdjacentHTML = function (position, text) {
-        for (var _i = 0, _a = XMLParser_1.default.parse(this.ownerDocument, text).childNodes.slice(); _i < _a.length; _i++) {
-            var node = _a[_i];
+    insertAdjacentHTML(position, text) {
+        for (const node of XMLParser_1.default.parse(this.ownerDocument, text).childNodes.slice()) {
             this.insertAdjacentElement(position, node);
         }
-    };
+    }
     /**
      * Inserts text to the given position.
      *
      * @param position Position to insert text.
      * @param text String to insert.
      */
-    Element.prototype.insertAdjacentText = function (position, text) {
+    insertAdjacentText(position, text) {
         if (!text) {
             return;
         }
-        var textNode = this.ownerDocument.createTextNode(text);
+        const textNode = this.ownerDocument.createTextNode(text);
         this.insertAdjacentElement(position, textNode);
-    };
+    }
     /**
      * Sets an attribute.
      *
      * @param name Name.
      * @param value Value.
      */
-    Element.prototype.setAttribute = function (name, value) {
-        var attribute = this.ownerDocument.createAttributeNS(null, name);
+    setAttribute(name, value) {
+        const attribute = this.ownerDocument.createAttributeNS(null, name);
         attribute.value = String(value);
         this.setAttributeNode(attribute);
-    };
+    }
     /**
      * Sets a namespace attribute.
      *
@@ -591,53 +470,53 @@ var Element = /** @class */ (function (_super) {
      * @param name Name.
      * @param value Value.
      */
-    Element.prototype.setAttributeNS = function (namespaceURI, name, value) {
-        var attribute = this.ownerDocument.createAttributeNS(namespaceURI, name);
+    setAttributeNS(namespaceURI, name, value) {
+        const attribute = this.ownerDocument.createAttributeNS(namespaceURI, name);
         attribute.value = String(value);
         this.setAttributeNode(attribute);
-    };
+    }
     /**
      * Returns attribute names.
      *
      * @returns Attribute names.
      */
-    Element.prototype.getAttributeNames = function () {
+    getAttributeNames() {
         return Object.keys(this._attributes);
-    };
+    }
     /**
      * Returns attribute value.
      *
      * @param name Name.
      */
-    Element.prototype.getAttribute = function (name) {
-        var attribute = this.getAttributeNode(name);
+    getAttribute(name) {
+        const attribute = this.getAttributeNode(name);
         if (attribute) {
             return attribute.value;
         }
         return null;
-    };
+    }
     /**
      * Returns namespace attribute value.
      *
      * @param namespace Namespace URI.
      * @param localName Local name.
      */
-    Element.prototype.getAttributeNS = function (namespace, localName) {
-        var attribute = this.getAttributeNodeNS(namespace, localName);
+    getAttributeNS(namespace, localName) {
+        const attribute = this.getAttributeNodeNS(namespace, localName);
         if (attribute) {
             return attribute.value;
         }
         return null;
-    };
+    }
     /**
      * Returns a boolean value indicating whether the specified element has the attribute or not.
      *
      * @param name Attribute name.
      * @returns True if attribute exists, false otherwise.
      */
-    Element.prototype.hasAttribute = function (name) {
+    hasAttribute(name) {
         return !!this.getAttributeNode(name);
-    };
+    }
     /**
      * Returns a boolean value indicating whether the specified element has the namespace attribute or not.
      *
@@ -645,50 +524,48 @@ var Element = /** @class */ (function (_super) {
      * @param localName Local name.
      * @returns True if attribute exists, false otherwise.
      */
-    Element.prototype.hasAttributeNS = function (namespace, localName) {
-        for (var _i = 0, _a = Object.keys(this._attributes); _i < _a.length; _i++) {
-            var name = _a[_i];
-            var attribute = this._attributes[name];
+    hasAttributeNS(namespace, localName) {
+        for (const name of Object.keys(this._attributes)) {
+            const attribute = this._attributes[name];
             if (attribute.namespaceURI === namespace && attribute.localName === localName) {
                 return true;
             }
         }
         return false;
-    };
+    }
     /**
      * Returns "true" if the element has attributes.
      *
      * @returns "true" if the element has attributes.
      */
-    Element.prototype.hasAttributes = function () {
+    hasAttributes() {
         return Object.keys(this._attributes).length > 0;
-    };
+    }
     /**
      * Removes an attribute.
      *
      * @param name Name.
      */
-    Element.prototype.removeAttribute = function (name) {
-        var attribute = this._attributes[this._getAttributeName(name)];
+    removeAttribute(name) {
+        const attribute = this._attributes[this._getAttributeName(name)];
         if (attribute) {
             this.removeAttributeNode(attribute);
         }
-    };
+    }
     /**
      * Removes a namespace attribute.
      *
      * @param namespace Namespace URI.
      * @param localName Local name.
      */
-    Element.prototype.removeAttributeNS = function (namespace, localName) {
-        for (var _i = 0, _a = Object.keys(this._attributes); _i < _a.length; _i++) {
-            var name = _a[_i];
-            var attribute = this._attributes[name];
+    removeAttributeNS(namespace, localName) {
+        for (const name of Object.keys(this._attributes)) {
+            const attribute = this._attributes[name];
             if (attribute.namespaceURI === namespace && attribute.localName === localName) {
                 this.removeAttribute(attribute.name);
             }
         }
-    };
+    }
     /**
      * Attaches a shadow root.
      *
@@ -697,7 +574,7 @@ var Element = /** @class */ (function (_super) {
      * @param shadowRootInit.mode
      * @returns Shadow root.
      */
-    Element.prototype.attachShadow = function (shadowRootInit) {
+    attachShadow(shadowRootInit) {
         if (this._shadowRoot) {
             throw new DOMException_1.default('Shadow root has already been attached.');
         }
@@ -710,63 +587,62 @@ var Element = /** @class */ (function (_super) {
             this.shadowRoot = this._shadowRoot;
         }
         return this._shadowRoot;
-    };
+    }
     /**
      * Converts to string.
      *
      * @returns String.
      */
-    Element.prototype.toString = function () {
+    toString() {
         return this.outerHTML;
-    };
+    }
     /**
      * Returns the size of an element and its position relative to the viewport.
      *
      * @returns DOM rect.
      */
-    Element.prototype.getBoundingClientRect = function () {
+    getBoundingClientRect() {
         return new DOMRect_1.default();
-    };
+    }
     /**
      * Returns a range.
      *
      * @returns Range.
      */
-    Element.prototype.createTextRange = function () {
+    createTextRange() {
         return new Range_1.default();
-    };
+    }
     /**
      * The matches() method checks to see if the Element would be selected by the provided selectorString.
      *
      * @param selector Selector.
      * @returns "true" if matching.
      */
-    Element.prototype.matches = function (selector) {
-        for (var _i = 0, _a = selector.split(','); _i < _a.length; _i++) {
-            var part = _a[_i];
+    matches(selector) {
+        for (const part of selector.split(',')) {
             if (new SelectorItem_1.default(part.trim()).match(this)) {
                 return true;
             }
         }
         return false;
-    };
+    }
     /**
      * Traverses the Element and its parents (heading toward the document root) until it finds a node that matches the provided selector string.
      *
      * @param selector Selector.
      * @returns Closest matching element.
      */
-    Element.prototype.closest = function (selector) {
-        var rootElement = this.ownerDocument.documentElement;
+    closest(selector) {
+        let rootElement = this.ownerDocument.documentElement;
         if (!this.isConnected) {
             rootElement = this;
             while (rootElement.parentNode) {
                 rootElement = rootElement.parentNode;
             }
         }
-        var elements = rootElement.querySelectorAll(selector);
+        const elements = rootElement.querySelectorAll(selector);
         // eslint-disable-next-line
-        var parent = this;
+        let parent = this;
         while (parent) {
             if (elements.includes(parent)) {
                 return parent;
@@ -779,43 +655,43 @@ var Element = /** @class */ (function (_super) {
             return rootElement;
         }
         return null;
-    };
+    }
     /**
      * Query CSS selector to find matching nodes.
      *
      * @param selector CSS selector.
      * @returns Matching elements.
      */
-    Element.prototype.querySelectorAll = function (selector) {
+    querySelectorAll(selector) {
         return QuerySelector_1.default.querySelectorAll(this, selector);
-    };
+    }
     /**
      * Query CSS Selector to find matching node.
      *
      * @param selector CSS selector.
      * @returns Matching element.
      */
-    Element.prototype.querySelector = function (selector) {
+    querySelector(selector) {
         return QuerySelector_1.default.querySelector(this, selector);
-    };
+    }
     /**
      * Returns an elements by class name.
      *
      * @param className Tag name.
      * @returns Matching element.
      */
-    Element.prototype.getElementsByClassName = function (className) {
+    getElementsByClassName(className) {
         return ParentNodeUtility_1.default.getElementsByClassName(this, className);
-    };
+    }
     /**
      * Returns an elements by tag name.
      *
      * @param tagName Tag name.
      * @returns Matching element.
      */
-    Element.prototype.getElementsByTagName = function (tagName) {
+    getElementsByTagName(tagName) {
         return ParentNodeUtility_1.default.getElementsByTagName(this, tagName);
-    };
+    }
     /**
      * Returns an elements by tag name and namespace.
      *
@@ -823,19 +699,19 @@ var Element = /** @class */ (function (_super) {
      * @param tagName Tag name.
      * @returns Matching element.
      */
-    Element.prototype.getElementsByTagNameNS = function (namespaceURI, tagName) {
+    getElementsByTagNameNS(namespaceURI, tagName) {
         return ParentNodeUtility_1.default.getElementsByTagNameNS(this, namespaceURI, tagName);
-    };
+    }
     /**
      * The setAttributeNode() method adds a new Attr node to the specified element.
      *
      * @param attribute Attribute.
      * @returns Replaced attribute.
      */
-    Element.prototype.setAttributeNode = function (attribute) {
-        var name = this._getAttributeName(attribute.name);
-        var replacedAttribute = this._attributes[name];
-        var oldValue = replacedAttribute ? replacedAttribute.value : null;
+    setAttributeNode(attribute) {
+        const name = this._getAttributeName(attribute.name);
+        const replacedAttribute = this._attributes[name];
+        const oldValue = replacedAttribute ? replacedAttribute.value : null;
         attribute.name = name;
         attribute.ownerElement = this;
         attribute.ownerDocument = this.ownerDocument;
@@ -848,11 +724,10 @@ var Element = /** @class */ (function (_super) {
         }
         // MutationObserver
         if (this._observers.length > 0) {
-            for (var _i = 0, _a = this._observers; _i < _a.length; _i++) {
-                var observer = _a[_i];
+            for (const observer of this._observers) {
                 if (observer.options.attributes &&
                     (!observer.options.attributeFilter || observer.options.attributeFilter.includes(name))) {
-                    var record = new MutationRecord_1.default();
+                    const record = new MutationRecord_1.default();
                     record.target = this;
                     record.type = MutationTypeEnum_1.default.attributes;
                     record.attributeName = name;
@@ -862,25 +737,25 @@ var Element = /** @class */ (function (_super) {
             }
         }
         return replacedAttribute || null;
-    };
+    }
     /**
      * The setAttributeNodeNS() method adds a new Attr node to the specified element.
      *
      * @param attribute Attribute.
      * @returns Replaced attribute.
      */
-    Element.prototype.setAttributeNodeNS = function (attribute) {
+    setAttributeNodeNS(attribute) {
         return this.setAttributeNode(attribute);
-    };
+    }
     /**
      * Returns an Attr node.
      *
      * @param name Name.
      * @returns Replaced attribute.
      */
-    Element.prototype.getAttributeNode = function (name) {
+    getAttributeNode(name) {
         return this._attributes[this._getAttributeName(name)] || null;
-    };
+    }
     /**
      * Returns a namespaced Attr node.
      *
@@ -888,28 +763,27 @@ var Element = /** @class */ (function (_super) {
      * @param name Name.
      * @returns Replaced attribute.
      */
-    Element.prototype.getAttributeNodeNS = function (namespace, name) {
-        var attributeName = this._getAttributeName(name);
+    getAttributeNodeNS(namespace, name) {
+        const attributeName = this._getAttributeName(name);
         if (this._attributes[attributeName] &&
             this._attributes[attributeName].namespaceURI === namespace &&
             this._attributes[attributeName].localName === attributeName) {
             return this._attributes[attributeName];
         }
-        for (var _i = 0, _a = Object.keys(this._attributes); _i < _a.length; _i++) {
-            var name_1 = _a[_i];
-            var attribute = this._attributes[name_1];
+        for (const name of Object.keys(this._attributes)) {
+            const attribute = this._attributes[name];
             if (attribute.namespaceURI === namespace && attribute.localName === attributeName) {
                 return attribute;
             }
         }
         return null;
-    };
+    }
     /**
      * Removes an Attr node.
      *
      * @param attribute Attribute.
      */
-    Element.prototype.removeAttributeNode = function (attribute) {
+    removeAttributeNode(attribute) {
         delete this._attributes[attribute.name];
         this._updateDomListIndices();
         if (this.attributeChangedCallback &&
@@ -919,12 +793,11 @@ var Element = /** @class */ (function (_super) {
         }
         // MutationObserver
         if (this._observers.length > 0) {
-            for (var _i = 0, _a = this._observers; _i < _a.length; _i++) {
-                var observer = _a[_i];
+            for (const observer of this._observers) {
                 if (observer.options.attributes &&
                     (!observer.options.attributeFilter ||
                         observer.options.attributeFilter.includes(attribute.name))) {
-                    var record = new MutationRecord_1.default();
+                    const record = new MutationRecord_1.default();
                     record.target = this;
                     record.type = MutationTypeEnum_1.default.attributes;
                     record.attributeName = attribute.name;
@@ -933,31 +806,30 @@ var Element = /** @class */ (function (_super) {
                 }
             }
         }
-    };
+    }
     /**
      * Removes an Attr node.
      *
      * @param attribute Attribute.
      */
-    Element.prototype.removeAttributeNodeNS = function (attribute) {
+    removeAttributeNodeNS(attribute) {
         this.removeAttributeNode(attribute);
-    };
+    }
     /**
      * Scrolls to a particular set of coordinates.
      *
      * @param x X position or options object.
      * @param y Y position.
      */
-    Element.prototype.scroll = function (x, y) {
-        var _this = this;
+    scroll(x, y) {
         if (typeof x === 'object') {
             if (x.behavior === 'smooth') {
-                this.ownerDocument.defaultView.setTimeout(function () {
+                this.ownerDocument.defaultView.setTimeout(() => {
                     if (x.top !== undefined) {
-                        _this.scrollTop = x.top;
+                        this.scrollTop = x.top;
                     }
                     if (x.left !== undefined) {
-                        _this.scrollLeft = x.left;
+                        this.scrollLeft = x.left;
                     }
                 });
             }
@@ -974,37 +846,36 @@ var Element = /** @class */ (function (_super) {
             this.scrollLeft = x;
             this.scrollTop = y;
         }
-    };
+    }
     /**
      * Scrolls to a particular set of coordinates.
      *
      * @param x X position or options object.
      * @param y Y position.
      */
-    Element.prototype.scrollTo = function (x, y) {
+    scrollTo(x, y) {
         this.scroll(x, y);
-    };
+    }
     /**
      * Returns attribute name.
      *
      * @param name Name.
      * @returns Attribute name based on namespace.
      */
-    Element.prototype._getAttributeName = function (name) {
+    _getAttributeName(name) {
         if (this.namespaceURI === NamespaceURI_1.default.svg) {
             return name;
         }
         return name.toLowerCase();
-    };
+    }
     /**
      * Updates DOM list indices.
      */
-    Element.prototype._updateDomListIndices = function () {
+    _updateDomListIndices() {
         if (this._classList) {
             this._classList._updateIndices();
         }
-    };
-    return Element;
-}(Node_1.default));
+    }
+}
 exports.default = Element;
 //# sourceMappingURL=Element.js.map