@wavelengthusaf/components 3.3.6 → 3.3.7

package/dist/esm/index.js

@@ -1790,9 +1790,9 @@ var WavelengthInput = class extends HTMLElement {
     this._debounceValidate = () => {
     };
     this._debounceTimeout = null;
-    this.internals = null;
     this._onInput = () => {
       this.setAttribute("value", this.inputEl.value);
+      this.internals.setFormValue(this.inputEl.value);
       this.dispatchEvent(
         new CustomEvent("inputChange", {
           bubbles: true,
@@ -1837,6 +1837,7 @@ var WavelengthInput = class extends HTMLElement {
         })
       );
     };
+    this.internals = this.attachInternals();
     const shadow = this.attachShadow({ mode: "open" });
     shadow.appendChild(template3.content.cloneNode(true));
     this.inputEl = document.createElement("input");
@@ -1846,9 +1847,6 @@ var WavelengthInput = class extends HTMLElement {
     this.clearButtonEl.addEventListener("click", this._onClearClick);
     shadow.querySelector(".input-wrapper").appendChild(this.inputEl);
     shadow.appendChild(this.placeholderStyleEl);
-    if (this.attachInternals) {
-      this.internals = this.attachInternals();
-    }
   }
   static get observedAttributes() {
     return [
@@ -2225,6 +2223,7 @@ var WavelengthInput = class extends HTMLElement {
     val ? this.setAttribute("clearable", "") : this.removeAttribute("clearable");
   }
 };
+WavelengthInput.formAssociated = true;
 if (!customElements.get("wavelength-input")) {
   customElements.define("wavelength-input", WavelengthInput);
 }