happy-dom 14.12.3 → 15.1.0

package/cjs/nodes/html-image-element/Image.cjs

@@ -1,9 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const HTMLImageElement_js_1 = __importDefault(require("./HTMLImageElement.cjs"));
+const PropertySymbol = __importStar(require("../../PropertySymbol.cjs"));
+const NamespaceURI_js_1 = __importDefault(require("../../config/NamespaceURI.cjs"));
 /**
  * Image as constructor.
  *
@@ -11,6 +36,9 @@ const HTMLImageElement_js_1 = __importDefault(require("./HTMLImageElement.cjs"))
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image.
  */
 class Image extends HTMLImageElement_js_1.default {
+    [PropertySymbol.tagName] = 'IMG';
+    [PropertySymbol.localName] = 'img';
+    [PropertySymbol.namespaceURI] = NamespaceURI_js_1.default.html;
     /**
      * Constructor.
      *

package/cjs/nodes/html-image-element/Image.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Image.cjs","sourceRoot":"","sources":["../../../src/nodes/html-image-element/Image.ts"],"names":[],"mappings":";;;;;AAAA,gFAAqD;AAErD;;;;;GAKG;AACH,MAAqB,KAAM,SAAQ,6BAAgB;IAClD;;;;;OAKG;IACH,YAAY,QAAgB,IAAI,EAAE,SAAiB,IAAI;QACtD,KAAK,EAAE,CAAC;QAER,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACpB,CAAC;QAED,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACtB,CAAC;IACF,CAAC;CACD;AAlBD,wBAkBC"}
+{"version":3,"file":"Image.cjs","sourceRoot":"","sources":["../../../src/nodes/html-image-element/Image.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gFAAqD;AACrD,wEAA0D;AAC1D,mFAAwD;AAExD;;;;;GAKG;AACH,MAAqB,KAAM,SAAQ,6BAAgB;IAC3C,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;IACjC,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IACnC,CAAC,cAAc,CAAC,YAAY,CAAC,GAAG,yBAAY,CAAC,IAAI,CAAC;IAEzD;;;;;OAKG;IACH,YAAY,QAAgB,IAAI,EAAE,SAAiB,IAAI;QACtD,KAAK,EAAE,CAAC;QAER,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACpB,CAAC;QAED,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACtB,CAAC;IACF,CAAC;CACD;AAtBD,wBAsBC"}

package/cjs/nodes/html-image-element/Image.d.ts

@@ -1,4 +1,5 @@
 import HTMLImageElement from './HTMLImageElement.cjs';
+import * as PropertySymbol from '../../PropertySymbol.cjs';
 /**
  * Image as constructor.
  *
@@ -6,6 +7,9 @@ import HTMLImageElement from './HTMLImageElement.cjs';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image.
  */
 export default class Image extends HTMLImageElement {
+    [PropertySymbol.tagName]: string;
+    [PropertySymbol.localName]: string;
+    [PropertySymbol.namespaceURI]: string;
     /**
      * Constructor.
      *

package/cjs/nodes/html-image-element/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/nodes/html-image-element/Image.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAErD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,gBAAgB;IAClD;;;;;OAKG;gBACS,KAAK,GAAE,MAAa,EAAE,MAAM,GAAE,MAAa;CAWvD"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/nodes/html-image-element/Image.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAG1D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,gBAAgB;IAC3C,CAAC,cAAc,CAAC,OAAO,CAAC,SAAS;IACjC,CAAC,cAAc,CAAC,SAAS,CAAC,SAAS;IACnC,CAAC,cAAc,CAAC,YAAY,CAAC,SAAqB;IAEzD;;;;;OAKG;gBACS,KAAK,GAAE,MAAa,EAAE,MAAM,GAAE,MAAa;CAWvD"}

package/cjs/nodes/html-input-element/HTMLInputElement.cjs

@@ -22,26 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _HTMLInputElement_instances, _HTMLInputElement_selectionStart, _HTMLInputElement_selectionEnd, _HTMLInputElement_selectionDirection, _HTMLInputElement_isSelectionSupported, _HTMLInputElement_setChecked, _a, _b, _c, _d, _e, _f, _g, _h, _j;
 Object.defineProperty(exports, "__esModule", { value: true });
 const HTMLElement_js_1 = __importDefault(require("../html-element/HTMLElement.cjs"));
 const PropertySymbol = __importStar(require("../../PropertySymbol.cjs"));
 const ValidityState_js_1 = __importDefault(require("../../validity-state/ValidityState.cjs"));
-const DOMException_js_1 = __importDefault(require("../../exception/DOMException.cjs"));
 const DOMExceptionNameEnum_js_1 = __importDefault(require("../../exception/DOMExceptionNameEnum.cjs"));
 const Event_js_1 = __importDefault(require("../../event/Event.cjs"));
 const HTMLInputElementValueSanitizer_js_1 = __importDefault(require("./HTMLInputElementValueSanitizer.cjs"));
@@ -52,7 +39,6 @@ const FileList_js_1 = __importDefault(require("./FileList.cjs"));
 const EventPhaseEnum_js_1 = __importDefault(require("../../event/EventPhaseEnum.cjs"));
 const HTMLInputElementDateUtility_js_1 = __importDefault(require("./HTMLInputElementDateUtility.cjs"));
 const HTMLLabelElementUtility_js_1 = __importDefault(require("../html-label-element/HTMLLabelElementUtility.cjs"));
-const HTMLInputElementNamedNodeMap_js_1 = __importDefault(require("./HTMLInputElementNamedNodeMap.cjs"));
 const url_1 = require("url");
 const MouseEvent_js_1 = __importDefault(require("../../event/events/MouseEvent.cjs"));
 /**
@@ -65,28 +51,24 @@ const MouseEvent_js_1 = __importDefault(require("../../event/events/MouseEvent.c
  * https://github.com/jsdom/jsdom/blob/master/lib/jsdom/living/nodes/nodes/HTMLInputElement-impl.js (MIT licensed).
  */
 class HTMLInputElement extends HTMLElement_js_1.default {
-    constructor() {
-        super(...arguments);
-        _HTMLInputElement_instances.add(this);
-        // Events
-        this.oninput = null;
-        this.oninvalid = null;
-        this.onselectionchange = null;
-        // Internal properties
-        this[_a] = new HTMLInputElementNamedNodeMap_js_1.default(this);
-        this[_b] = null;
-        this[_c] = 0;
-        this[_d] = 0;
-        this[_e] = false;
-        this[_f] = null;
-        this[_g] = '';
-        this[_h] = new ValidityState_js_1.default(this);
-        this[_j] = new FileList_js_1.default();
-        // Private properties
-        _HTMLInputElement_selectionStart.set(this, null);
-        _HTMLInputElement_selectionEnd.set(this, null);
-        _HTMLInputElement_selectionDirection.set(this, HTMLInputElementSelectionDirectionEnum_js_1.default.none);
-    }
+    // Events
+    oninput = null;
+    oninvalid = null;
+    onselectionchange = null;
+    [PropertySymbol.value] = null;
+    [PropertySymbol.height] = 0;
+    [PropertySymbol.width] = 0;
+    [PropertySymbol.defaultChecked] = false;
+    [PropertySymbol.checked] = null;
+    [PropertySymbol.validationMessage] = '';
+    [PropertySymbol.validity] = new ValidityState_js_1.default(this);
+    [PropertySymbol.files] = new FileList_js_1.default();
+    [PropertySymbol.formNode] = null;
+    [PropertySymbol.popoverTargetElement] = null;
+    // Private properties
+    #selectionStart = null;
+    #selectionEnd = null;
+    #selectionDirection = HTMLInputElementSelectionDirectionEnum_js_1.default.none;
     /**
      * Returns default checked.
      *
@@ -221,13 +203,11 @@ class HTMLInputElement extends HTMLElement_js_1.default {
         if (this[PropertySymbol.formNode]) {
             return this[PropertySymbol.formNode];
         }
-        if (!this.isConnected) {
+        const id = this[PropertySymbol.attributes][PropertySymbol.namedItems].get('form')?.[PropertySymbol.value];
+        if (!id || !this[PropertySymbol.isConnected]) {
             return null;
         }
-        const formID = this.getAttribute('form');
-        return formID
-            ? this[PropertySymbol.ownerDocument].getElementById(formID)
-            : null;
+        return this[PropertySymbol.ownerDocument].getElementById(id);
     }
     /**
      * Returns validation message.
@@ -706,7 +686,7 @@ class HTMLInputElement extends HTMLElement_js_1.default {
      * @param checked Checked.
      */
     set checked(checked) {
-        __classPrivateFieldGet(this, _HTMLInputElement_instances, "m", _HTMLInputElement_setChecked).call(this, checked);
+        this.#setChecked(checked);
     }
     /**
      * Returns value.
@@ -755,16 +735,16 @@ class HTMLInputElement extends HTMLElement_js_1.default {
                 break;
             case 'file':
                 if (value !== '') {
-                    throw new DOMException_js_1.default('Input elements of type "file" may only programmatically set the value to empty string.', DOMExceptionNameEnum_js_1.default.invalidStateError);
+                    throw new this[PropertySymbol.window].DOMException('Input elements of type "file" may only programmatically set the value to empty string.', DOMExceptionNameEnum_js_1.default.invalidStateError);
                 }
                 break;
             default:
                 const oldValue = this.value;
                 this[PropertySymbol.value] = HTMLInputElementValueSanitizer_js_1.default.sanitize(this, value);
                 if (oldValue !== this[PropertySymbol.value]) {
-                    __classPrivateFieldSet(this, _HTMLInputElement_selectionStart, this[PropertySymbol.value].length, "f");
-                    __classPrivateFieldSet(this, _HTMLInputElement_selectionEnd, this[PropertySymbol.value].length, "f");
-                    __classPrivateFieldSet(this, _HTMLInputElement_selectionDirection, HTMLInputElementSelectionDirectionEnum_js_1.default.none, "f");
+                    this.#selectionStart = this[PropertySymbol.value].length;
+                    this.#selectionEnd = this[PropertySymbol.value].length;
+                    this.#selectionDirection = HTMLInputElementSelectionDirectionEnum_js_1.default.none;
                 }
                 break;
         }
@@ -775,13 +755,13 @@ class HTMLInputElement extends HTMLElement_js_1.default {
      * @returns Selection start.
      */
     get selectionStart() {
-        if (!__classPrivateFieldGet(this, _HTMLInputElement_instances, "m", _HTMLInputElement_isSelectionSupported).call(this)) {
+        if (!this.#isSelectionSupported()) {
             return null;
         }
-        if (__classPrivateFieldGet(this, _HTMLInputElement_selectionStart, "f") === null) {
+        if (this.#selectionStart === null) {
             return this.value.length;
         }
-        return __classPrivateFieldGet(this, _HTMLInputElement_selectionStart, "f");
+        return this.#selectionStart;
     }
     /**
      * Sets selection start.
@@ -789,10 +769,10 @@ class HTMLInputElement extends HTMLElement_js_1.default {
      * @param start Start.
      */
     set selectionStart(start) {
-        if (!__classPrivateFieldGet(this, _HTMLInputElement_instances, "m", _HTMLInputElement_isSelectionSupported).call(this)) {
-            throw new DOMException_js_1.default(`The input element's type (${this.type}) does not support selection.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
+        if (!this.#isSelectionSupported()) {
+            throw new this[PropertySymbol.window].DOMException(`The input element's type (${this.type}) does not support selection.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
         }
-        this.setSelectionRange(start, Math.max(start, this.selectionEnd), __classPrivateFieldGet(this, _HTMLInputElement_selectionDirection, "f"));
+        this.setSelectionRange(start, Math.max(start, this.selectionEnd), this.#selectionDirection);
     }
     /**
      * Returns selection end.
@@ -800,13 +780,13 @@ class HTMLInputElement extends HTMLElement_js_1.default {
      * @returns Selection end.
      */
     get selectionEnd() {
-        if (!__classPrivateFieldGet(this, _HTMLInputElement_instances, "m", _HTMLInputElement_isSelectionSupported).call(this)) {
+        if (!this.#isSelectionSupported()) {
             return null;
         }
-        if (__classPrivateFieldGet(this, _HTMLInputElement_selectionEnd, "f") === null) {
+        if (this.#selectionEnd === null) {
             return this.value.length;
         }
-        return __classPrivateFieldGet(this, _HTMLInputElement_selectionEnd, "f");
+        return this.#selectionEnd;
     }
     /**
      * Sets selection end.
@@ -814,10 +794,10 @@ class HTMLInputElement extends HTMLElement_js_1.default {
      * @param end End.
      */
     set selectionEnd(end) {
-        if (!__classPrivateFieldGet(this, _HTMLInputElement_instances, "m", _HTMLInputElement_isSelectionSupported).call(this)) {
-            throw new DOMException_js_1.default(`The input element's type (${this.type}) does not support selection.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
+        if (!this.#isSelectionSupported()) {
+            throw new this[PropertySymbol.window].DOMException(`The input element's type (${this.type}) does not support selection.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
         }
-        this.setSelectionRange(this.selectionStart, end, __classPrivateFieldGet(this, _HTMLInputElement_selectionDirection, "f"));
+        this.setSelectionRange(this.selectionStart, end, this.#selectionDirection);
     }
     /**
      * Returns selection direction.
@@ -825,10 +805,10 @@ class HTMLInputElement extends HTMLElement_js_1.default {
      * @returns Selection direction.
      */
     get selectionDirection() {
-        if (!__classPrivateFieldGet(this, _HTMLInputElement_instances, "m", _HTMLInputElement_isSelectionSupported).call(this)) {
+        if (!this.#isSelectionSupported()) {
             return null;
         }
-        return __classPrivateFieldGet(this, _HTMLInputElement_selectionDirection, "f");
+        return this.#selectionDirection;
     }
     /**
      * Sets selection direction.
@@ -836,10 +816,10 @@ class HTMLInputElement extends HTMLElement_js_1.default {
      * @param direction Direction.
      */
     set selectionDirection(direction) {
-        if (!__classPrivateFieldGet(this, _HTMLInputElement_instances, "m", _HTMLInputElement_isSelectionSupported).call(this)) {
-            throw new DOMException_js_1.default(`The input element's type (${this.type}) does not support selection.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
+        if (!this.#isSelectionSupported()) {
+            throw new this[PropertySymbol.window].DOMException(`The input element's type (${this.type}) does not support selection.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
         }
-        this.setSelectionRange(__classPrivateFieldGet(this, _HTMLInputElement_selectionStart, "f"), __classPrivateFieldGet(this, _HTMLInputElement_selectionEnd, "f"), direction);
+        this.setSelectionRange(this.#selectionStart, this.#selectionEnd, direction);
     }
     /**
      * Returns "true" if it will validate.
@@ -883,13 +863,13 @@ class HTMLInputElement extends HTMLElement_js_1.default {
     set valueAsDate(value) {
         // Specs at https://html.spec.whatwg.org/multipage/input.html#dom-input-valueasdate
         if (!['date', 'month', 'time', 'week'].includes(this.type)) {
-            throw new DOMException_js_1.default("Failed to set the 'valueAsDate' property on 'HTMLInputElement': This input element does not support Date values.", DOMExceptionNameEnum_js_1.default.invalidStateError);
+            throw new this[PropertySymbol.window].DOMException("Failed to set the 'valueAsDate' property on 'HTMLInputElement': This input element does not support Date values.", DOMExceptionNameEnum_js_1.default.invalidStateError);
         }
         if (typeof value !== 'object') {
-            throw new TypeError("Failed to set the 'valueAsDate' property on 'HTMLInputElement': Failed to convert value to 'object'.");
+            throw new this[PropertySymbol.window].TypeError("Failed to set the 'valueAsDate' property on 'HTMLInputElement': Failed to convert value to 'object'.");
         }
         else if (value && !(value instanceof Date)) {
-            throw new TypeError("Failed to set the 'valueAsDate' property on 'HTMLInputElement': The provided value is not a Date.");
+            throw new this[PropertySymbol.window].TypeError("Failed to set the 'valueAsDate' property on 'HTMLInputElement': The provided value is not a Date.");
         }
         else if (value === null || isNaN(value.getTime())) {
             this.value = '';
@@ -1010,7 +990,7 @@ class HTMLInputElement extends HTMLElement_js_1.default {
                 break;
             }
             default:
-                throw new DOMException_js_1.default("Failed to set the 'valueAsNumber' property on 'HTMLInputElement': This input element does not support Number values.", DOMExceptionNameEnum_js_1.default.invalidStateError);
+                throw new this[PropertySymbol.window].DOMException("Failed to set the 'valueAsNumber' property on 'HTMLInputElement': This input element does not support Number values.", DOMExceptionNameEnum_js_1.default.invalidStateError);
         }
     }
     /**
@@ -1021,6 +1001,58 @@ class HTMLInputElement extends HTMLElement_js_1.default {
     get labels() {
         return HTMLLabelElementUtility_js_1.default.getAssociatedLabelElements(this);
     }
+    /**
+     * Returns associated datalist element.
+     *
+     * @returns Data list element.
+     */
+    get list() {
+        const id = this.getAttribute('list');
+        if (!id) {
+            return null;
+        }
+        const rootNode = this[PropertySymbol.rootNode] || this[PropertySymbol.ownerDocument];
+        return rootNode.querySelector(`datalist#${id}`);
+    }
+    /**
+     * Returns popover target element.
+     *
+     * @returns Popover target element.
+     */
+    get popoverTargetElement() {
+        return this[PropertySymbol.popoverTargetElement];
+    }
+    /**
+     * Sets popover target element.
+     *
+     * @param popoverTargetElement Popover target element.
+     */
+    set popoverTargetElement(popoverTargetElement) {
+        if (popoverTargetElement !== null && !(popoverTargetElement instanceof HTMLElement_js_1.default)) {
+            throw new this[PropertySymbol.window].TypeError(`Failed to set the 'popoverTargetElement' property on 'HTMLInputElement': Failed to convert value to 'Element'.`);
+        }
+        this[PropertySymbol.popoverTargetElement] = popoverTargetElement;
+    }
+    /**
+     * Returns popover target action.
+     *
+     * @returns Popover target action.
+     */
+    get popoverTargetAction() {
+        const value = this.getAttribute('popovertargetaction');
+        if (value === null || (value !== 'hide' && value !== 'show' && value !== 'toggle')) {
+            return 'toggle';
+        }
+        return value;
+    }
+    /**
+     * Sets popover target action.
+     *
+     * @param value Popover target action.
+     */
+    set popoverTargetAction(value) {
+        this.setAttribute('popovertargetaction', value);
+    }
     /**
      * Sets validation message.
      *
@@ -1033,13 +1065,13 @@ class HTMLInputElement extends HTMLElement_js_1.default {
      * Selects the text.
      */
     select() {
-        if (!__classPrivateFieldGet(this, _HTMLInputElement_instances, "m", _HTMLInputElement_isSelectionSupported).call(this)) {
+        if (!this.#isSelectionSupported()) {
             return null;
         }
-        __classPrivateFieldSet(this, _HTMLInputElement_selectionStart, 0, "f");
-        __classPrivateFieldSet(this, _HTMLInputElement_selectionEnd, this.value.length, "f");
-        __classPrivateFieldSet(this, _HTMLInputElement_selectionDirection, HTMLInputElementSelectionDirectionEnum_js_1.default.none, "f");
-        this.dispatchEvent(new Event_js_1.default('select', { bubbles: true, cancelable: true }));
+        this.#selectionStart = 0;
+        this.#selectionEnd = this.value.length;
+        this.#selectionDirection = HTMLInputElementSelectionDirectionEnum_js_1.default.none;
+        this.dispatchEvent(new Event_js_1.default('select', { bubbles: true, cancelable: false }));
     }
     /**
      * Set selection range.
@@ -1049,16 +1081,17 @@ class HTMLInputElement extends HTMLElement_js_1.default {
      * @param [direction="none"] Direction.
      */
     setSelectionRange(start, end, direction = 'none') {
-        if (!__classPrivateFieldGet(this, _HTMLInputElement_instances, "m", _HTMLInputElement_isSelectionSupported).call(this)) {
-            throw new DOMException_js_1.default(`The input element's type (${this.type}) does not support selection.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
+        if (!this.#isSelectionSupported()) {
+            throw new this[PropertySymbol.window].DOMException(`The input element's type (${this.type}) does not support selection.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
         }
-        __classPrivateFieldSet(this, _HTMLInputElement_selectionEnd, Math.min(end, this.value.length), "f");
-        __classPrivateFieldSet(this, _HTMLInputElement_selectionStart, Math.min(start, __classPrivateFieldGet(this, _HTMLInputElement_selectionEnd, "f")), "f");
-        __classPrivateFieldSet(this, _HTMLInputElement_selectionDirection, direction === HTMLInputElementSelectionDirectionEnum_js_1.default.forward ||
-            direction === HTMLInputElementSelectionDirectionEnum_js_1.default.backward
-            ? direction
-            : HTMLInputElementSelectionDirectionEnum_js_1.default.none, "f");
-        this.dispatchEvent(new Event_js_1.default('select', { bubbles: true, cancelable: true }));
+        this.#selectionEnd = Math.min(end, this.value.length);
+        this.#selectionStart = Math.min(start, this.#selectionEnd);
+        this.#selectionDirection =
+            direction === HTMLInputElementSelectionDirectionEnum_js_1.default.forward ||
+                direction === HTMLInputElementSelectionDirectionEnum_js_1.default.backward
+                ? direction
+                : HTMLInputElementSelectionDirectionEnum_js_1.default.none;
+        this.dispatchEvent(new Event_js_1.default('select', { bubbles: true, cancelable: false }));
     }
     /**
      * Set range text.
@@ -1070,23 +1103,23 @@ class HTMLInputElement extends HTMLElement_js_1.default {
      * @param selectionMode
      */
     setRangeText(replacement, start = null, end = null, selectionMode = HTMLInputElementSelectionModeEnum_js_1.default.preserve) {
-        if (!__classPrivateFieldGet(this, _HTMLInputElement_instances, "m", _HTMLInputElement_isSelectionSupported).call(this)) {
-            throw new DOMException_js_1.default(`The input element's type (${this.type}) does not support selection.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
+        if (!this.#isSelectionSupported()) {
+            throw new this[PropertySymbol.window].DOMException(`The input element's type (${this.type}) does not support selection.`, DOMExceptionNameEnum_js_1.default.invalidStateError);
         }
         if (start === null) {
-            start = __classPrivateFieldGet(this, _HTMLInputElement_selectionStart, "f");
+            start = this.#selectionStart;
         }
         if (end === null) {
-            end = __classPrivateFieldGet(this, _HTMLInputElement_selectionEnd, "f");
+            end = this.#selectionEnd;
         }
         if (start > end) {
-            throw new DOMException_js_1.default('The index is not in the allowed range.', DOMExceptionNameEnum_js_1.default.invalidStateError);
+            throw new this[PropertySymbol.window].DOMException('The index is not in the allowed range.', DOMExceptionNameEnum_js_1.default.invalidStateError);
         }
         start = Math.min(start, this.value.length);
         end = Math.min(end, this.value.length);
         const val = this.value;
-        let selectionStart = __classPrivateFieldGet(this, _HTMLInputElement_selectionStart, "f");
-        let selectionEnd = __classPrivateFieldGet(this, _HTMLInputElement_selectionEnd, "f");
+        let selectionStart = this.#selectionStart;
+        let selectionEnd = this.#selectionEnd;
         this.value = val.slice(0, start) + replacement + val.slice(end);
         const newEnd = start + this.value.length;
         switch (selectionMode) {
@@ -1167,121 +1200,107 @@ class HTMLInputElement extends HTMLElement_js_1.default {
     /**
      * @override
      */
-    [(_HTMLInputElement_selectionStart = new WeakMap(), _HTMLInputElement_selectionEnd = new WeakMap(), _HTMLInputElement_selectionDirection = new WeakMap(), _HTMLInputElement_instances = new WeakSet(), _a = PropertySymbol.attributes, _b = PropertySymbol.value, _c = PropertySymbol.height, _d = PropertySymbol.width, _e = PropertySymbol.defaultChecked, _f = PropertySymbol.checked, _g = PropertySymbol.validationMessage, _h = PropertySymbol.validity, _j = PropertySymbol.files, PropertySymbol.cloneNode)](deep = false) {
+    [PropertySymbol.cloneNode](deep = false) {
         const clone = super[PropertySymbol.cloneNode](deep);
-        clone.formAction = this.formAction;
-        clone.formMethod = this.formMethod;
         clone[PropertySymbol.value] = this[PropertySymbol.value];
         clone[PropertySymbol.height] = this[PropertySymbol.height];
         clone[PropertySymbol.width] = this[PropertySymbol.width];
         clone[PropertySymbol.defaultChecked] = this[PropertySymbol.defaultChecked];
         clone[PropertySymbol.files] = this[PropertySymbol.files].slice();
-        __classPrivateFieldSet(clone, _HTMLInputElement_selectionStart, __classPrivateFieldGet(this, _HTMLInputElement_selectionStart, "f"), "f");
-        __classPrivateFieldSet(clone, _HTMLInputElement_selectionEnd, __classPrivateFieldGet(this, _HTMLInputElement_selectionEnd, "f"), "f");
-        __classPrivateFieldSet(clone, _HTMLInputElement_selectionDirection, __classPrivateFieldGet(this, _HTMLInputElement_selectionDirection, "f"), "f");
+        clone.#selectionStart = this.#selectionStart;
+        clone.#selectionEnd = this.#selectionEnd;
+        clone.#selectionDirection = this.#selectionDirection;
         return clone;
     }
     /**
      * @override
      */
     dispatchEvent(event) {
+        if (event[PropertySymbol.type] !== 'click' ||
+            event[PropertySymbol.eventPhase] !== EventPhaseEnum_js_1.default.none ||
+            !(event instanceof MouseEvent_js_1.default)) {
+            return super.dispatchEvent(event);
+        }
         // Do nothing if the input element is disabled and the event is a click event.
-        if (event.type === 'click' &&
-            event instanceof MouseEvent_js_1.default &&
-            event.eventPhase === EventPhaseEnum_js_1.default.none &&
-            this.disabled) {
+        if (this.disabled) {
             return false;
         }
         let previousCheckedValue = null;
         // The checkbox or radio button has to be checked before the click event is dispatched, so that event listeners can check the checked value.
         // However, the value has to be restored if preventDefault() is called on the click event.
-        if ((event.eventPhase === EventPhaseEnum_js_1.default.atTarget ||
-            event.eventPhase === EventPhaseEnum_js_1.default.bubbling) &&
-            event.type === 'click' &&
-            event instanceof MouseEvent_js_1.default) {
-            const inputType = this.type;
-            if (inputType === 'checkbox' || inputType === 'radio') {
-                previousCheckedValue = this.checked;
-                __classPrivateFieldGet(this, _HTMLInputElement_instances, "m", _HTMLInputElement_setChecked).call(this, inputType === 'checkbox' ? !previousCheckedValue : true);
-            }
+        const type = this.type;
+        if (type === 'checkbox' || type === 'radio') {
+            previousCheckedValue = this.checked;
+            this.#setChecked(type === 'checkbox' ? !previousCheckedValue : true);
         }
+        // Dispatches the event
         const returnValue = super.dispatchEvent(event);
-        if (!event.defaultPrevented &&
-            (event.eventPhase === EventPhaseEnum_js_1.default.atTarget ||
-                event.eventPhase === EventPhaseEnum_js_1.default.bubbling) &&
-            event.type === 'click' &&
-            event instanceof MouseEvent_js_1.default &&
-            this[PropertySymbol.isConnected]) {
-            const inputType = this.type;
-            if (!this.readOnly || inputType === 'checkbox' || inputType === 'radio') {
-                if (inputType === 'checkbox' || inputType === 'radio') {
-                    this.dispatchEvent(new Event_js_1.default('input', { bubbles: true, cancelable: true }));
-                    this.dispatchEvent(new Event_js_1.default('change', { bubbles: true, cancelable: true }));
-                }
-                else if (inputType === 'submit') {
-                    const form = this.form;
-                    if (form) {
+        if (event[PropertySymbol.type] !== 'click' ||
+            event[PropertySymbol.eventPhase] !== EventPhaseEnum_js_1.default.none ||
+            !(event instanceof MouseEvent_js_1.default)) {
+            return returnValue;
+        }
+        if (event[PropertySymbol.defaultPrevented]) {
+            // Restore checked state if preventDefault() is triggered inside a listener of the click event.
+            if (previousCheckedValue !== null) {
+                this.#setChecked(previousCheckedValue);
+            }
+        }
+        else {
+            const type = this.type;
+            if (type === 'checkbox' && this[PropertySymbol.isConnected]) {
+                this.dispatchEvent(new Event_js_1.default('input', { bubbles: true, cancelable: true }));
+                this.dispatchEvent(new Event_js_1.default('change', { bubbles: true, cancelable: true }));
+            }
+            else if (type === 'radio' && !previousCheckedValue && this[PropertySymbol.isConnected]) {
+                this.dispatchEvent(new Event_js_1.default('input', { bubbles: true, cancelable: true }));
+                this.dispatchEvent(new Event_js_1.default('change', { bubbles: true, cancelable: true }));
+            }
+            else if (type === 'submit' || type === 'reset') {
+                const form = this.form;
+                if (form) {
+                    if (type === 'submit' && this[PropertySymbol.isConnected]) {
                         form.requestSubmit(this);
                     }
-                }
-                else if (inputType === 'reset' && this[PropertySymbol.isConnected]) {
-                    const form = this.form;
-                    if (form) {
+                    else if (type === 'reset') {
                         form.reset();
                     }
                 }
             }
         }
-        // Restore checked state if preventDefault() is triggered on the click event.
-        if (event.defaultPrevented &&
-            (event.eventPhase === EventPhaseEnum_js_1.default.atTarget ||
-                event.eventPhase === EventPhaseEnum_js_1.default.bubbling) &&
-            event.type === 'click' &&
-            event instanceof MouseEvent_js_1.default &&
-            previousCheckedValue !== null) {
-            const inputType = this.type;
-            if (inputType === 'checkbox' || inputType === 'radio') {
-                __classPrivateFieldGet(this, _HTMLInputElement_instances, "m", _HTMLInputElement_setChecked).call(this, previousCheckedValue);
-            }
-        }
         return returnValue;
     }
     /**
-     * @override
+     * Checks is selection is supported.
+     *
+     * @returns "true" if selection is supported.
      */
-    [PropertySymbol.connectToNode](parentNode = null) {
-        const oldFormNode = this[PropertySymbol.formNode];
-        super[PropertySymbol.connectToNode](parentNode);
-        if (oldFormNode !== this[PropertySymbol.formNode]) {
-            if (oldFormNode) {
-                oldFormNode[PropertySymbol.removeFormControlItem](this, this.name);
-                oldFormNode[PropertySymbol.removeFormControlItem](this, this.id);
-            }
-            if (this[PropertySymbol.formNode]) {
-                this[PropertySymbol.formNode][PropertySymbol.appendFormControlItem](this, this.name);
-                this[PropertySymbol.formNode][PropertySymbol.appendFormControlItem](this, this.id);
-            }
-        }
+    #isSelectionSupported() {
+        const inputType = this.type;
+        return (inputType === 'text' ||
+            inputType === 'search' ||
+            inputType === 'url' ||
+            inputType === 'tel' ||
+            inputType === 'password');
     }
-}
-_HTMLInputElement_isSelectionSupported = function _HTMLInputElement_isSelectionSupported() {
-    const inputType = this.type;
-    return (inputType === 'text' ||
-        inputType === 'search' ||
-        inputType === 'url' ||
-        inputType === 'tel' ||
-        inputType === 'password');
-}, _HTMLInputElement_setChecked = function _HTMLInputElement_setChecked(checked) {
-    this[PropertySymbol.checked] = checked;
-    if (checked && this.type === 'radio' && this.name) {
-        const root = ((this[PropertySymbol.formNode] || this.getRootNode()));
-        const radioButtons = root.querySelectorAll(`input[type="radio"][name="${this.name}"]`);
-        for (const radioButton of radioButtons) {
-            if (radioButton !== this) {
-                radioButton[PropertySymbol.checked] = false;
+    /**
+     * Sets checked value.
+     *
+     * @param checked Checked.
+     */
+    #setChecked(checked) {
+        this[PropertySymbol.checked] = checked;
+        this[PropertySymbol.clearCache]();
+        if (checked && this.type === 'radio' && this.name) {
+            const root = ((this[PropertySymbol.formNode] || this.getRootNode()));
+            const radioButtons = root.querySelectorAll(`input[type="radio"][name="${this.name}"]`);
+            for (const radioButton of radioButtons) {
+                if (radioButton !== this) {
+                    radioButton[PropertySymbol.checked] = false;
+                }
             }
         }
     }
-};
+}
 exports.default = HTMLInputElement;
 //# sourceMappingURL=HTMLInputElement.cjs.map