From 46e0a05eb4ee607fc050d064066c49b0f155592d Mon Sep 17 00:00:00 2001
From: Jacob Sutter <sutterj@github.com>
Date: Fri, 10 Jan 2025 20:54:02 +0000
Subject: [PATCH] Use CustomEvent and event naming convention

---
 src/auto-check-element.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/auto-check-element.ts b/src/auto-check-element.ts
index 43b316c..c956da7 100644
--- a/src/auto-check-element.ts
+++ b/src/auto-check-element.ts
@@ -109,7 +109,7 @@ export class AutoCheckElement extends HTMLElement {
 
     input.addEventListener('blur', changeHandler)
     input.addEventListener('input', changeHandler)
-    input.addEventListener('triggerValidation', changeHandler)
+    input.addEventListener('triggervalidation', changeHandler)
     input.autocomplete = 'off'
     input.spellcheck = false
   }
@@ -139,7 +139,7 @@ export class AutoCheckElement extends HTMLElement {
     const input = this.input
     if (!input) return
 
-    input.dispatchEvent(new Event('triggerValidation'))
+    input.dispatchEvent(new CustomEvent('triggervalidation'))
   }
 
   static get observedAttributes(): string[] {
@@ -235,7 +235,7 @@ function handleChange(checker: () => void, event: Event) {
       !autoCheckElement.validateOnKeystroke &&
       autoCheckElement.hasAttribute('dirty')) || // Only validate on blur if only-validate-on-blur is set, input is dirty, and input is not current validating on keystroke
     (event.type === 'input' && autoCheckElement.onlyValidateOnBlur && autoCheckElement.validateOnKeystroke) || // Only validate on key inputs in only-validate-on-blur mode if validate-on-keystroke is set (when input is invalid)
-    event.type === 'triggerValidation' // Trigger validation manually
+    event.type === 'triggervalidation' // Trigger validation manually
   ) {
     setLoadingState(event)
     checker()