noph-ui 0.13.3 → 0.13.4

package/dist/text-field/TextField.svelte

@@ -18,13 +18,35 @@
 		placeholder = ' ',
 		element = $bindable(),
 		inputElement = $bindable(),
+		reportValidity = $bindable(),
+		checkValidity = $bindable(),
 		...attributes
 	}: TextFieldProps = $props()
 
 	let errorRaw: boolean = $state(error)
 	let errorTextRaw: string = $state(errorText)
 	let focusOnInvalid = $state(true)
-	let checkValidity = $state(false)
+	let doValidity = $state(false)
+
+	reportValidity = () => {
+		if (inputElement) {
+			const valid = inputElement.reportValidity()
+			if (valid) {
+				errorRaw = error
+				errorTextRaw = errorText
+			}
+			return valid
+		}
+		return false
+	}
+
+	checkValidity = () => {
+		if (inputElement) {
+			return inputElement.checkValidity()
+		}
+		return false
+	}
+
 	$effect(() => {
 		errorRaw = error
 		errorTextRaw = errorText
@@ -37,7 +59,7 @@
 				value = ''
 			})
 			inputElement.addEventListener('input', () => {
-				checkValidity = true
+				doValidity = true
 			})
 			inputElement.addEventListener('invalid', (event) => {
 				event.preventDefault()
@@ -53,13 +75,10 @@
 				}
 			})
 
-			inputElement.addEventListener('blur', (event) => {
-				const { currentTarget } = event as Event & {
-					currentTarget: HTMLInputElement | HTMLTextAreaElement
-				}
-				if (checkValidity) {
+			inputElement.addEventListener('blur', () => {
+				if (doValidity) {
 					focusOnInvalid = false
-					if (currentTarget.checkValidity()) {
+					if (checkValidity()) {
 						errorRaw = error
 						errorTextRaw = errorText
 					}

package/dist/text-field/TextField.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { TextFieldProps } from './types.ts';
-declare const TextField: import("svelte").Component<TextFieldProps, {}, "element" | "value" | "inputElement">;
+declare const TextField: import("svelte").Component<TextFieldProps, {}, "element" | "value" | "inputElement" | "reportValidity" | "checkValidity">;
 type TextField = ReturnType<typeof TextField>;
 export default TextField;

package/dist/text-field/types.d.ts

@@ -13,6 +13,8 @@ interface FieldProps {
     noAsterisk?: boolean;
     element?: HTMLSpanElement;
     inputElement?: HTMLInputElement | HTMLTextAreaElement;
+    reportValidity?: () => boolean;
+    checkValidity?: () => boolean;
 }
 export interface InputFieldProps extends HTMLInputAttributes, FieldProps {
     type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' | 'datetime-local';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "noph-ui",
-  "version": "0.13.3",
+  "version": "0.13.4",
   "license": "MIT",
   "homepage": "https://noph.dev",
   "repository": {