@descope/web-components-ui 1.0.86 → 1.0.87

package/dist/index.esm.js

@@ -776,13 +776,24 @@ const proxyInputMixin = (superclass) =>
 			this.#inputElement = super.inputElement;
 		}
 
+		// the web-component does not loaded immediately, so we want to defer the warning
+		// and show it only if the input element was not found after the component is loaded
+		warnIfInputElementIsMissing() {
+			clearTimeout(this.inputElementTimerId);
+
+			this.inputElementTimerId = setTimeout(() => {
+				!this.#inputElement && console.warn('no input was found');
+			}, 0);
+		}
+
 		get inputElement() {
-			const inputSlot = this.baseElement.shadowRoot?.querySelector('slot[name="input"]');
+			this.warnIfInputElementIsMissing();
+
+			const inputSlot = this.baseElement.shadowRoot?.querySelector('slot[name="inputt"]');
 			const textAreaSlot = this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');
 
 			this.#inputElement ??= getNestedInput(inputSlot) || getNestedInput(textAreaSlot);
 
-			if (!this.#inputElement) throw Error('no input was found');
 
 			return this.#inputElement
 		}
@@ -792,7 +803,7 @@ const proxyInputMixin = (superclass) =>
 		}
 
 		getValidity() {
-			return this.inputElement.validity
+			return this.inputElement?.validity || {}
 		}
 
 		handleInternalInputErrorMessage() {