fix: fix form initialization

Author: calebdwilliams

Diff for: src/ValidityState.ts

@@ -1,3 +1,5 @@
+import { setFormValidity } from "./utils";
+
 /** Emulate the browser's default ValidityState object */
 export class ValidityState implements globalThis.ValidityState {
   badInput = false;
@@ -43,9 +45,12 @@ export const setValid = (validityObject: ValidityState): ValidityState => {
  * @param {Object} - A partial ValidityState object to override the original
  * @return {ValidityState} - The updated ValidityState object
  */
-export const reconcileValidity = (validityObject: ValidityState, newState: Partial<ValidityState>): ValidityState => {
+export const reconcileValidity = (validityObject: ValidityState, newState: Partial<ValidityState>, form: HTMLFormElement): ValidityState => {
   validityObject.valid = isValid(newState);
   Object.keys(newState).forEach(key => validityObject[key] = newState[key]);
+  if (form) {
+    setFormValidity(form);
+  }
   return validityObject;
 };
 

Diff for: src/element-internals.ts

@@ -205,7 +205,7 @@ export class ElementInternals implements IElementInternals {
     }
     const check = { ...validity, ...validityChangesObj };
     delete check.valid;
-    const { valid } = reconcileValidity(validity, check);
+    const { valid } = reconcileValidity(validity, check, this.form);
 
     if (!valid && !validationMessage) {
       throw new DOMException(`Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.`);

Diff for: src/types.ts

@@ -77,7 +77,7 @@ export interface ICustomElement extends HTMLElement {
   disabled?: boolean;
 }
 
-export type LabelsList = NodeList & [];
+export type LabelsList = NodeListOf<HTMLLabelElement>;
 
 declare global {
   interface HTMLElement {