@wavelengthusaf/components 3.3.6 → 3.3.7

package/README.md

@@ -14,6 +14,11 @@ npm install @wavelengthusaf/components
 
 ## Release Notes
 
+### 3.3.7
+
+- 8/11/2025
+- Introduced formAssociated = true for `WavelengthInput`. It allows the input to be recognized when utilized within a form element.
+
 ### 3.3.6
 
 - 8/11/2025
@@ -32,7 +37,7 @@ npm install @wavelengthusaf/components
 ### 3.3.3
 
 - 8/05/2025
-- Updated `WLAutoComplete` to be able to have scroll functionality and basic validation. 
+- Updated `WLAutoComplete` to be able to have scroll functionality and basic validation.
 
 ### 3.3.2
 
@@ -42,7 +47,7 @@ npm install @wavelengthusaf/components
 ### 3.3.1
 
 - 6/22/2025
-- Updated `WLAutoComplete` to be able to have scroll functionality and basic validation. 
+- Updated `WLAutoComplete` to be able to have scroll functionality and basic validation.
 
 ### 3.3.0
 
@@ -62,7 +67,7 @@ npm install @wavelengthusaf/components
 ### 3.1.0
 
 - 6/2/2025
-- Added `WLChildDataTable`; Changed naming conventions for components into their respective categories. 
+- Added `WLChildDataTable`; Changed naming conventions for components into their respective categories.
 
 ### 3.0.3
 

package/dist/cjs/index.cjs

@@ -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);
 }