@markuplint/ml-core 3.0.0-alpha.66 → 3.0.0-dev.176

package/lib/ml-dom/node/element.js

@@ -1,8 +1,9 @@
 "use strict";
-var _MLElement_attributes, _MLElement_fixedNodeName, _MLElement_getChildElementsAndTextNodeWithoutWhitespacesCache, _MLElement_normalizedAttrs, _MLElement_normalizedString, _MLElement_tagOpenChar;
+var _MLElement_attributes, _MLElement_fixedNodeName, _MLElement_getChildElementsAndTextNodeWithoutWhitespacesCache, _MLElement_localName, _MLElement_normalizedAttrs, _MLElement_normalizedString, _MLElement_tagOpenChar;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MLElement = void 0;
 const tslib_1 = require("tslib");
+const ml_spec_1 = require("@markuplint/ml-spec");
 const selector_1 = require("@markuplint/selector");
 const string_splice_1 = require("../../utils/string-splice");
 const accname_1 = require("../helper/accname");
@@ -16,28 +17,30 @@ const parent_node_1 = require("./parent-node");
 const unexpected_call_error_1 = tslib_1.__importDefault(require("./unexpected-call-error"));
 const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
 class MLElement extends parent_node_1.MLParentNode {
-    constructor(astNode, document) {
-        var _a;
+    constructor(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    astNode, 
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    document) {
         super(astNode, document);
         _MLElement_attributes.set(this, void 0);
         _MLElement_fixedNodeName.set(this, void 0);
         _MLElement_getChildElementsAndTextNodeWithoutWhitespacesCache.set(this, null);
-        _MLElement_normalizedAttrs.set(this, null);
+        _MLElement_localName.set(this, void 0);
+        _MLElement_normalizedAttrs.set(this, new Map());
         _MLElement_normalizedString.set(this, null);
+        this.pretenderContext = null;
         _MLElement_tagOpenChar.set(this, void 0);
         tslib_1.__classPrivateFieldSet(this, _MLElement_attributes, astNode.attributes.map(attr => new attr_1.MLAttr(attr, this)), "f");
         this.hasSpreadAttr = astNode.hasSpreadAttr;
         this.selfClosingSolidus = astNode.selfClosingSolidus ? new token_1.MLToken(astNode.selfClosingSolidus) : null;
         this.endSpace = astNode.endSpace ? new token_1.MLToken(astNode.endSpace) : null;
         this.closeTag = astNode.pearNode ? new token_1.MLToken(astNode.pearNode) : null;
-        this.namespaceURI =
-            (_a = [
-                'http://www.w3.org/1999/xhtml',
-                'http://www.w3.org/2000/svg',
-                'http://www.w3.org/1998/Math/MathML',
-            ].find(ns => astNode.namespace === ns)) !== null && _a !== void 0 ? _a : HTML_NAMESPACE;
+        const ns = (0, ml_spec_1.resolveNamespace)(astNode.nodeName, astNode.namespace);
+        this.namespaceURI = ns.namespaceURI;
+        this.elementType = astNode.elementType;
+        tslib_1.__classPrivateFieldSet(this, _MLElement_localName, ns.localName, "f");
         this.isForeignElement = this.namespaceURI !== HTML_NAMESPACE;
-        this.isCustomElement = astNode.isCustomElement;
         tslib_1.__classPrivateFieldSet(this, _MLElement_fixedNodeName, astNode.nodeName, "f");
         this.isOmitted = astNode.isGhost;
         tslib_1.__classPrivateFieldSet(this, _MLElement_tagOpenChar, astNode.tagOpenChar, "f");
@@ -122,6 +125,16 @@ class MLElement extends parent_node_1.MLParentNode {
     get ariaColIndex() {
         throw new unexpected_call_error_1.default('Not supported "ariaColIndex" property');
     }
+    /**
+     * **IT THROWS AN ERROR WHEN CALLING THIS.**
+     *
+     * @deprecated
+     * @unsupported
+     * @implements DOM API: `Element`
+     */
+    get ariaColIndexText() {
+        throw new unexpected_call_error_1.default('Not supported "ariaColIndexText" property');
+    }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
      *
@@ -182,6 +195,16 @@ class MLElement extends parent_node_1.MLParentNode {
     get ariaHidden() {
         throw new unexpected_call_error_1.default('Not supported "ariaHidden" property');
     }
+    /**
+     * **IT THROWS AN ERROR WHEN CALLING THIS.**
+     *
+     * @deprecated
+     * @unsupported
+     * @implements DOM API: `Element`
+     */
+    get ariaInvalid() {
+        throw new unexpected_call_error_1.default('Not supported "ariaInvalid" property');
+    }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
      *
@@ -342,6 +365,16 @@ class MLElement extends parent_node_1.MLParentNode {
     get ariaRowIndex() {
         throw new unexpected_call_error_1.default('Not supported "ariaRowIndex" property');
     }
+    /**
+     * **IT THROWS AN ERROR WHEN CALLING THIS.**
+     *
+     * @deprecated
+     * @unsupported
+     * @implements DOM API: `Element`
+     */
+    get ariaRowIndexText() {
+        throw new unexpected_call_error_1.default('Not supported "ariaRowIndexText" property');
+    }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
      *
@@ -437,12 +470,14 @@ class MLElement extends parent_node_1.MLParentNode {
      * @see https://dom.spec.whatwg.org/#dom-element-attributes
      */
     get attributes() {
-        if (tslib_1.__classPrivateFieldGet(this, _MLElement_normalizedAttrs, "f")) {
-            return tslib_1.__classPrivateFieldGet(this, _MLElement_normalizedAttrs, "f");
+        var _a;
+        const origin = ((_a = this.pretenderContext) === null || _a === void 0 ? void 0 : _a.type) === 'pretender' ? tslib_1.__classPrivateFieldGet(this.pretenderContext.as, _MLElement_attributes, "f") : tslib_1.__classPrivateFieldGet(this, _MLElement_attributes, "f");
+        if (tslib_1.__classPrivateFieldGet(this, _MLElement_normalizedAttrs, "f").has(origin)) {
+            return tslib_1.__classPrivateFieldGet(this, _MLElement_normalizedAttrs, "f").get(origin);
         }
         const names = new Set();
         const attrs = [];
-        for (const attr of tslib_1.__classPrivateFieldGet(this, _MLElement_attributes, "f")) {
+        for (const attr of origin) {
             if (names.has(attr.name)) {
                 /**
                  * Skips a duplicated attribute
@@ -453,8 +488,9 @@ class MLElement extends parent_node_1.MLParentNode {
             }
             attrs.push(attr);
         }
-        tslib_1.__classPrivateFieldSet(this, _MLElement_normalizedAttrs, (0, named_node_map_1.toNamedNodeMap)(attrs), "f");
-        return tslib_1.__classPrivateFieldGet(this, _MLElement_normalizedAttrs, "f");
+        const map = (0, named_node_map_1.toNamedNodeMap)(attrs);
+        tslib_1.__classPrivateFieldGet(this, _MLElement_normalizedAttrs, "f").set(origin, map);
+        return map;
     }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
@@ -603,7 +639,19 @@ class MLElement extends parent_node_1.MLParentNode {
      * @see https://dom.spec.whatwg.org/#ref-for-dom-element-id%E2%91%A0
      */
     get id() {
-        return this.getAttribute('id') || '';
+        var _a;
+        return (_a = this.getAttribute('id')) !== null && _a !== void 0 ? _a : '';
+    }
+    /**
+     * **IT THROWS AN ERROR WHEN CALLING THIS.**
+     *
+     * @deprecated
+     * @unsupported
+     * @implements DOM API: `Element`
+     * @see https://html.spec.whatwg.org/multipage/interaction.html#dom-inert
+     */
+    get inert() {
+        throw new unexpected_call_error_1.default('Not supported "inert" property');
     }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
@@ -671,10 +719,14 @@ class MLElement extends parent_node_1.MLParentNode {
      * @see https://dom.spec.whatwg.org/#ref-for-dom-element-localname%E2%91%A0
      */
     get localName() {
-        if (this.isForeignElement || this.isCustomElement) {
-            return this._astToken.nodeName;
+        var _a;
+        if (((_a = this.pretenderContext) === null || _a === void 0 ? void 0 : _a.type) === 'pretender') {
+            return this.pretenderContext.as.localName;
+        }
+        if (this.isForeignElement || this.elementType !== 'html') {
+            return tslib_1.__classPrivateFieldGet(this, _MLElement_localName, "f");
         }
-        return this._astToken.nodeName.toLowerCase();
+        return tslib_1.__classPrivateFieldGet(this, _MLElement_localName, "f").toLowerCase();
     }
     /**
      * The element immediately following the specified one in its parent's children list.
@@ -692,7 +744,11 @@ class MLElement extends parent_node_1.MLParentNode {
      * @see https://dom.spec.whatwg.org/#ref-for-element%E2%91%A2%E2%93%AA
      */
     get nodeName() {
-        if (this.isForeignElement || this.isCustomElement) {
+        var _a;
+        if (((_a = this.pretenderContext) === null || _a === void 0 ? void 0 : _a.type) === 'pretender') {
+            return this.pretenderContext.as.nodeName;
+        }
+        if (this.isForeignElement || this.elementType !== 'html') {
             return this._astToken.nodeName;
         }
         return this._astToken.nodeName.toUpperCase();
@@ -823,6 +879,16 @@ class MLElement extends parent_node_1.MLParentNode {
     get onauxclick() {
         throw new unexpected_call_error_1.default('Not supported "onauxclick" property');
     }
+    /**
+     * **IT THROWS AN ERROR WHEN CALLING THIS.**
+     *
+     * @deprecated
+     * @unsupported
+     * @implements DOM API: `Element`
+     */
+    get onbeforeinput() {
+        throw new unexpected_call_error_1.default('Not supported "onbeforeinput" property');
+    }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
      *
@@ -833,6 +899,16 @@ class MLElement extends parent_node_1.MLParentNode {
     get onblur() {
         throw new unexpected_call_error_1.default('Not supported "onblur" property');
     }
+    /**
+     * **IT THROWS AN ERROR WHEN CALLING THIS.**
+     *
+     * @deprecated
+     * @unsupported
+     * @implements DOM API: `Element`
+     */
+    get oncancel() {
+        throw new unexpected_call_error_1.default('Not supported "oncanplay" property');
+    }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
      *
@@ -1714,7 +1790,10 @@ class MLElement extends parent_node_1.MLParentNode {
         return (0, child_node_methods_1.previousElementSibling)(this);
     }
     get raw() {
-        var _a;
+        var _a, _b, _c;
+        if (((_a = this.pretenderContext) === null || _a === void 0 ? void 0 : _a.type) === 'pretender') {
+            return this.originRaw;
+        }
         let fixed = this.originRaw;
         let gap = 0;
         if (this.nodeName !== this.fixedNodeName) {
@@ -1722,7 +1801,7 @@ class MLElement extends parent_node_1.MLParentNode {
             gap = gap + this.fixedNodeName.length - this.nodeName.length;
         }
         for (const attr of Array.from(this.attributes)) {
-            const startOffset = (((_a = attr.spacesBeforeName) === null || _a === void 0 ? void 0 : _a.startOffset) || attr.startOffset) - this.startOffset;
+            const startOffset = ((_c = (_b = attr.spacesBeforeName) === null || _b === void 0 ? void 0 : _b.startOffset) !== null && _c !== void 0 ? _c : attr.startOffset) - this.startOffset;
             const fixedAttr = attr.toString();
             if (attr.originRaw !== fixedAttr) {
                 fixed = (0, string_splice_1.stringSplice)(fixed, startOffset + gap, attr.originRaw.length, fixedAttr);
@@ -1737,6 +1816,26 @@ class MLElement extends parent_node_1.MLParentNode {
     get rawName() {
         return this._astToken.nodeName;
     }
+    /**
+     * **IT THROWS AN ERROR WHEN CALLING THIS.**
+     *
+     * @unsupported
+     * @implements DOM API: `Element`
+     * @see https://w3c.github.io/aria/#ARIAMixin
+     */
+    get role() {
+        throw new unexpected_call_error_1.default('Not supported "role" property');
+    }
+    /**
+     * @implements `@markuplint/ml-core` API: `MLNode`
+     */
+    get rule() {
+        var _a;
+        if (((_a = this.pretenderContext) === null || _a === void 0 ? void 0 : _a.type) === 'origin') {
+            return this.pretenderContext.origin.rule;
+        }
+        return super.rule;
+    }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
      *
@@ -1792,7 +1891,8 @@ class MLElement extends parent_node_1.MLParentNode {
      * @see https://dom.spec.whatwg.org/#ref-for-dom-element-slot%E2%91%A0
      */
     get slot() {
-        return this.getAttribute('slot') || '';
+        var _a;
+        return (_a = this.getAttribute('slot')) !== null && _a !== void 0 ? _a : '';
     }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
@@ -1841,11 +1941,15 @@ class MLElement extends parent_node_1.MLParentNode {
      * @see https://dom.spec.whatwg.org/#ref-for-dom-element-tagname%E2%91%A0
      */
     get tagName() {
+        var _a;
+        if (((_a = this.pretenderContext) === null || _a === void 0 ? void 0 : _a.type) === 'pretender') {
+            return this.pretenderContext.as.nodeName;
+        }
         return this.nodeName;
     }
     get textContent() {
         return Array.from(this.childNodes)
-            .map(child => child.textContent || '')
+            .map(child => { var _a; return (_a = child.textContent) !== null && _a !== void 0 ? _a : ''; })
             .join('');
     }
     /**
@@ -1871,7 +1975,9 @@ class MLElement extends parent_node_1.MLParentNode {
     /**
      * @implements DOM API: `Element`
      */
-    after(...nodes) {
+    after(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    ...nodes) {
         (0, child_node_methods_1.after)(this, ...nodes);
     }
     /**
@@ -1881,7 +1987,11 @@ class MLElement extends parent_node_1.MLParentNode {
      * @implements DOM API: `Element`
      * @see https://www.w3.org/TR/web-animations-1/#dom-animatable-animate
      */
-    animate(keyframes, options) {
+    animate(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    keyframes, 
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    options) {
         throw new unexpected_call_error_1.default('Not supported "animate" method');
     }
     /**
@@ -1901,13 +2011,17 @@ class MLElement extends parent_node_1.MLParentNode {
      * @implements DOM API: `Element`
      * @see https://dom.spec.whatwg.org/#ref-for-dom-element-attachshadow%E2%91%A0
      */
-    attachShadow(init) {
+    attachShadow(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    init) {
         throw new unexpected_call_error_1.default('Not supported "attachShadow" method');
     }
     /**
      * @implements DOM API: `Element`
      */
-    before(...nodes) {
+    before(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    ...nodes) {
         (0, child_node_methods_1.before)(this, ...nodes);
     }
     /**
@@ -1920,6 +2034,18 @@ class MLElement extends parent_node_1.MLParentNode {
     blur() {
         throw new unexpected_call_error_1.default('Not supported "blur" method');
     }
+    /**
+     * **IT THROWS AN ERROR WHEN CALLING THIS.**
+     *
+     * @deprecated
+     * @unsupported
+     * @implements DOM API: `Element`
+     */
+    checkVisibility(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    options) {
+        throw new unexpected_call_error_1.default('Not supported "checkVisibility" method');
+    }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
      *
@@ -1954,14 +2080,16 @@ class MLElement extends parent_node_1.MLParentNode {
      * @unsupported
      * @implements DOM API: `Element`
      */
-    focus(options) {
+    focus(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    options) {
         throw new unexpected_call_error_1.default('Not supported "focus" method');
     }
     /**
      * @implements `@markuplint/ml-core` API: `MLElement`
      */
-    getAccessibleName() {
-        return (0, accname_1.getAccname)(this);
+    getAccessibleName(version) {
+        return (0, accname_1.getAccname)(this, version);
     }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
@@ -1970,7 +2098,9 @@ class MLElement extends parent_node_1.MLParentNode {
      * @implements DOM API: `Element`
      * @see https://www.w3.org/TR/web-animations-1/#dom-animatable-getanimations
      */
-    getAnimations(options) {
+    getAnimations(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    options) {
         throw new unexpected_call_error_1.default('Not supported "getAnimations" method');
     }
     /**
@@ -1985,6 +2115,16 @@ class MLElement extends parent_node_1.MLParentNode {
         }
         return null;
     }
+    /**
+     * **IT THROWS AN ERROR WHEN CALLING THIS.**
+     *
+     * @unsupported
+     * @implements DOM API: `Element`
+     * @see https://dom.spec.whatwg.org/#dom-element-getattributenodens
+     */
+    getAttributeNS(namespace, localName) {
+        throw new unexpected_call_error_1.default('Not supported "getAttributeNS" method');
+    }
     /**
      * @implements DOM API: `Element`
      * @see https://dom.spec.whatwg.org/#ref-for-dom-element-getattributenames%E2%91%A0
@@ -1997,7 +2137,8 @@ class MLElement extends parent_node_1.MLParentNode {
      * @see https://dom.spec.whatwg.org/#dom-element-getattributenode
      */
     getAttributeNode(qualifiedName) {
-        return this.getAttributeToken(qualifiedName)[0] || null;
+        var _a;
+        return (_a = this.getAttributeToken(qualifiedName)[0]) !== null && _a !== void 0 ? _a : null;
     }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
@@ -2010,14 +2151,15 @@ class MLElement extends parent_node_1.MLParentNode {
         throw new unexpected_call_error_1.default('Not supported "getAttributeNodeNS" method');
     }
     /**
-     * **IT THROWS AN ERROR WHEN CALLING THIS.**
-     *
-     * @unsupported
-     * @implements DOM API: `Element`
-     * @see https://dom.spec.whatwg.org/#dom-element-getattributenodens
+     * @implements `@markuplint/ml-core` API: `MLElement`
      */
-    getAttributeNS(namespace, localName) {
-        throw new unexpected_call_error_1.default('Not supported "getAttributeNS" method');
+    getAttributePretended(attrName) {
+        for (const attr of Array.from(tslib_1.__classPrivateFieldGet(this, _MLElement_attributes, "f"))) {
+            if (attr.name.toLowerCase() === attrName.toLowerCase()) {
+                return attr.value;
+            }
+        }
+        return null;
     }
     /**
      * @implements `@markuplint/ml-core` API: `MLElement`
@@ -2036,7 +2178,8 @@ class MLElement extends parent_node_1.MLParentNode {
      * @implements `@markuplint/ml-core` API: `MLElement`
      */
     getAttributeTokens() {
-        return Object.freeze(tslib_1.__classPrivateFieldGet(this, _MLElement_attributes, "f"));
+        var _a;
+        return Object.freeze(((_a = this.pretenderContext) === null || _a === void 0 ? void 0 : _a.type) === 'pretender' ? tslib_1.__classPrivateFieldGet(this.pretenderContext.as, _MLElement_attributes, "f") : tslib_1.__classPrivateFieldGet(this, _MLElement_attributes, "f"));
     }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
@@ -2144,7 +2287,7 @@ class MLElement extends parent_node_1.MLParentNode {
      * @see https://dom.spec.whatwg.org/#dom-element-hasattributes
      */
     hasAttributes() {
-        return !!this.attributes.length;
+        return this.attributes.length > 0;
     }
     /**
      * @implements `@markuplint/ml-core` API: `MLElement`
@@ -2198,7 +2341,9 @@ class MLElement extends parent_node_1.MLParentNode {
      * @implements DOM API: `Element`
      * @see https://dom.spec.whatwg.org/#dom-element-insertadjacentelement
      */
-    insertAdjacentElement(where, element) {
+    insertAdjacentElement(where, 
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    element) {
         // TODO:
         throw new unexpected_call_error_1.default('Does not implement "insertAdjacentElement" method yet');
     }
@@ -2240,12 +2385,125 @@ class MLElement extends parent_node_1.MLParentNode {
         } while (el !== null && el.is(el.ELEMENT_NODE));
         return false;
     }
+    /**
+     * @implements `@markuplint/ml-core` API: `MLElement`
+     */
+    isEmpty() {
+        var _a;
+        for (const childNode of Array.from(this.childNodes)) {
+            if (!(childNode.is(childNode.TEXT_NODE) && ((_a = childNode.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === '')) {
+                return false;
+            }
+        }
+        return true;
+    }
     /**
      * @implements DOM API: `Element`
      * @see https://dom.spec.whatwg.org/#ref-for-dom-element-matches%E2%91%A0
      */
     matches(selector) {
-        return !!(0, selector_1.createSelector)(selector, this.ownerMLDocument.specs).match(this);
+        var _a;
+        return ((0, selector_1.createSelector)(selector, this.ownerMLDocument.specs).match(
+        // Prioritize the pretender
+        ((_a = this.pretenderContext) === null || _a === void 0 ? void 0 : _a.type) === 'pretender' ? this.pretenderContext.as : this) !== false);
+    }
+    /**
+     * Pretenders Initialization
+     */
+    pretending(pretenders) {
+        var _a;
+        const pretenderConfig = pretenders === null || pretenders === void 0 ? void 0 : pretenders.find(option => this.matches(option.selector));
+        if (!pretenderConfig) {
+            return;
+        }
+        let nodeName;
+        let namespace = 'html';
+        const attributes = [];
+        let aria;
+        if (typeof pretenderConfig.as === 'string') {
+            nodeName = pretenderConfig.as;
+        }
+        else {
+            nodeName = pretenderConfig.as.element;
+            namespace = (_a = pretenderConfig.as.namespace) !== null && _a !== void 0 ? _a : namespace;
+            if (pretenderConfig.as.inheritAttrs) {
+                attributes.push(...this._astToken.attributes);
+            }
+            if (pretenderConfig.as.attrs) {
+                attributes.push(...pretenderConfig.as.attrs.map(({ name, value }, i) => {
+                    var _a;
+                    const _value = value != null
+                        ? typeof value === 'string'
+                            ? value
+                            : (_a = this.getAttribute(value.fromAttr)) !== null && _a !== void 0 ? _a : ''
+                        : '';
+                    return {
+                        ...this._astToken,
+                        uuid: `${this.uuid}_attr_${i}`,
+                        type: 'html-attr',
+                        nodeName: name,
+                        spacesBeforeName: {
+                            ...this._astToken,
+                            raw: '',
+                        },
+                        name: {
+                            ...this._astToken,
+                            raw: name,
+                        },
+                        spacesBeforeEqual: {
+                            ...this._astToken,
+                            raw: '',
+                        },
+                        equal: {
+                            ...this._astToken,
+                            raw: '',
+                        },
+                        spacesAfterEqual: {
+                            ...this._astToken,
+                            raw: '',
+                        },
+                        startQuote: {
+                            ...this._astToken,
+                            raw: '',
+                        },
+                        value: {
+                            ...this._astToken,
+                            raw: _value,
+                        },
+                        endQuote: {
+                            ...this._astToken,
+                            raw: '',
+                        },
+                        isDuplicatable: true,
+                        parentNode: null,
+                        nextNode: null,
+                        prevNode: null,
+                        isFragment: false,
+                        isGhost: false,
+                    };
+                }));
+            }
+            aria = pretenderConfig.as.aria;
+        }
+        const as = new MLElement({
+            ...this._astToken,
+            uuid: this.uuid + '_pretender',
+            raw: `<${nodeName}>`,
+            nodeName,
+            namespace,
+            elementType: 'html',
+            attributes,
+        }, this.ownerMLDocument);
+        as.resetChildren(this.childNodes);
+        as.pretenderContext = {
+            type: 'origin',
+            origin: this,
+        };
+        this.pretenderContext = {
+            type: 'pretender',
+            as,
+            aria,
+        };
     }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
@@ -2278,25 +2536,29 @@ class MLElement extends parent_node_1.MLParentNode {
      *
      * @unsupported
      * @implements DOM API: `Element`
-     * @see https://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-D589198
+     * @see https://dom.spec.whatwg.org/#ref-for-dom-element-removeattributens%E2%91%A0
      */
-    removeAttributeNode(attr) {
-        throw new unexpected_call_error_1.default('Not supported "removeAttributeNode" method');
+    removeAttributeNS(namespace, localName) {
+        throw new unexpected_call_error_1.default('Not supported "removeAttributeNS" method');
     }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
      *
      * @unsupported
      * @implements DOM API: `Element`
-     * @see https://dom.spec.whatwg.org/#ref-for-dom-element-removeattributens%E2%91%A0
+     * @see https://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-D589198
      */
-    removeAttributeNS(namespace, localName) {
-        throw new unexpected_call_error_1.default('Not supported "removeAttributeNS" method');
+    removeAttributeNode(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    attr) {
+        throw new unexpected_call_error_1.default('Not supported "removeAttributeNode" method');
     }
     /**
      * @implements DOM API: `Element`
      */
-    replaceWith(...nodes) {
+    replaceWith(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    ...nodes) {
         (0, child_node_methods_1.replaceWith)(this, ...nodes);
     }
     /**
@@ -2306,7 +2568,9 @@ class MLElement extends parent_node_1.MLParentNode {
      * @implements DOM API: `Element`
      * @see https://fullscreen.spec.whatwg.org/#dom-element-requestfullscreen
      */
-    requestFullscreen(options) {
+    requestFullscreen(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    options) {
         throw new unexpected_call_error_1.default('Not supported "requestFullscreen" method');
     }
     /**
@@ -2346,7 +2610,9 @@ class MLElement extends parent_node_1.MLParentNode {
      * @implements DOM API: `Element`
      * @see https://www.w3.org/TR/cssom-view-1/#dom-element-scrollintoview
      */
-    scrollIntoView(arg) {
+    scrollIntoView(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    arg) {
         throw new unexpected_call_error_1.default('Not supported "scrollIntoView" method');
     }
     /**
@@ -2374,30 +2640,34 @@ class MLElement extends parent_node_1.MLParentNode {
      *
      * @unsupported
      * @implements DOM API: `Element`
-     * @see https://dom.spec.whatwg.org/#dom-element-setattributenode
+     * @see https://dom.spec.whatwg.org/#ref-for-dom-element-setattributens%E2%91%A0
      */
-    setAttributeNode(attr) {
-        throw new unexpected_call_error_1.default('Not supported "setAttributeNode" method');
+    setAttributeNS(namespace, qualifiedName, value) {
+        throw new unexpected_call_error_1.default('Not supported "setAttributeNS" method');
     }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
      *
      * @unsupported
      * @implements DOM API: `Element`
-     * @see https://dom.spec.whatwg.org/#dom-element-setattributenodens
+     * @see https://dom.spec.whatwg.org/#dom-element-setattributenode
      */
-    setAttributeNodeNS(attr) {
-        throw new unexpected_call_error_1.default('Not supported "setAttributeNodeNS" method');
+    setAttributeNode(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    attr) {
+        throw new unexpected_call_error_1.default('Not supported "setAttributeNode" method');
     }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
      *
      * @unsupported
      * @implements DOM API: `Element`
-     * @see https://dom.spec.whatwg.org/#ref-for-dom-element-setattributens%E2%91%A0
+     * @see https://dom.spec.whatwg.org/#dom-element-setattributenodens
      */
-    setAttributeNS(namespace, qualifiedName, value) {
-        throw new unexpected_call_error_1.default('Not supported "setAttributeNS" method');
+    setAttributeNodeNS(
+    // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+    attr) {
+        throw new unexpected_call_error_1.default('Not supported "setAttributeNodeNS" method');
     }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
@@ -2409,16 +2679,6 @@ class MLElement extends parent_node_1.MLParentNode {
     setPointerCapture(pointerId) {
         throw new unexpected_call_error_1.default('Not supported "setPointerCapture" method');
     }
-    /**
-     * **IT THROWS AN ERROR WHEN CALLING THIS.**
-     *
-     * @unsupported
-     * @implements DOM API: `Element`
-     * @see https://dom.spec.whatwg.org/#ref-for-dom-element-toggleattribute%E2%91%A0
-     */
-    toggleAttribute(qualifiedName, force) {
-        throw new unexpected_call_error_1.default('Not supported "toggleAttribute" method');
-    }
     /**
      * @implements `@markuplint/ml-core` API: `MLElement`
      */
@@ -2428,7 +2688,7 @@ class MLElement extends parent_node_1.MLParentNode {
         }
         const children = this.getChildElementsAndTextNodeWithoutWhitespaces();
         const attrs = this.attributes.map(attr => attr.toNormalizeString());
-        const attrString = attrs.length ? ' ' + attrs.join('') : '';
+        const attrString = attrs.length > 0 ? ' ' + attrs.join('') : '';
         const startTag = `<${this.nodeName}${attrString}>`;
         const childNodes = children.map(node => {
             if (node.is(node.ELEMENT_NODE)) {
@@ -2447,6 +2707,16 @@ class MLElement extends parent_node_1.MLParentNode {
     toString() {
         return this.raw;
     }
+    /**
+     * **IT THROWS AN ERROR WHEN CALLING THIS.**
+     *
+     * @unsupported
+     * @implements DOM API: `Element`
+     * @see https://dom.spec.whatwg.org/#ref-for-dom-element-toggleattribute%E2%91%A0
+     */
+    toggleAttribute(qualifiedName, force) {
+        throw new unexpected_call_error_1.default('Not supported "toggleAttribute" method');
+    }
     /**
      * **IT THROWS AN ERROR WHEN CALLING THIS.**
      *
@@ -2459,4 +2729,4 @@ class MLElement extends parent_node_1.MLParentNode {
     }
 }
 exports.MLElement = MLElement;
-_MLElement_attributes = new WeakMap(), _MLElement_fixedNodeName = new WeakMap(), _MLElement_getChildElementsAndTextNodeWithoutWhitespacesCache = new WeakMap(), _MLElement_normalizedAttrs = new WeakMap(), _MLElement_normalizedString = new WeakMap(), _MLElement_tagOpenChar = new WeakMap();
+_MLElement_attributes = new WeakMap(), _MLElement_fixedNodeName = new WeakMap(), _MLElement_getChildElementsAndTextNodeWithoutWhitespacesCache = new WeakMap(), _MLElement_localName = new WeakMap(), _MLElement_normalizedAttrs = new WeakMap(), _MLElement_normalizedString = new WeakMap(), _MLElement_tagOpenChar = new WeakMap();