@verbb/formie-browser 1.0.6 → 1.0.8

package/src/js/validation/types.ts

@@ -15,6 +15,7 @@ export type ValidationRules = Record<string, ValidationRuleValue>;
 
 export type ValidationConfig = {
     live: boolean;
+    errorAriaLive: 'polite' | 'assertive' | 'off';
     errorMessage?: string;
     fieldContainerErrorClass: string[];
     inputErrorClass: string[];

package/src/js/validation/validator.ts

@@ -1,6 +1,7 @@
 import { ensureFieldErrorContainer } from '#core/field-error-container';
 import { syncPageTabErrors } from '#core/page-tab-errors';
 import rules from '#validation/rules';
+import { applyErrorAriaLive, resolveValidationErrorAriaLive } from '#core/error-aria-live';
 import type {
     ValidationConfig,
     ValidationContext,
@@ -101,6 +102,7 @@ export class FormieValidator {
         this.onInput = this.inputHandler.bind(this);
         this.config = {
             live: false,
+            errorAriaLive: 'polite',
             errorMessage: '',
             fieldContainerErrorClass: [],
             inputErrorClass: [],
@@ -336,8 +338,10 @@ export class FormieValidator {
         const handle = fieldContainer.getAttribute('data-formie-field-handle') || 'field';
         const errorId = `${handle}-error`;
         errorMessages.id = errorMessages.id || `${handle}-errors`;
-        errorMessages.setAttribute('aria-live', 'polite');
-        errorMessages.setAttribute('aria-atomic', 'true');
+        applyErrorAriaLive(
+            errorMessages,
+            resolveValidationErrorAriaLive(this.config.errorAriaLive, this.submitted),
+        );
 
         const errorElement = document.createElement('div');
         errorElement.setAttribute('data-formie-field-error', 'true');
@@ -490,9 +494,14 @@ export class FormieValidator {
     }
 
     isVisible(element: ValidationInput, options: ValidateOptions = {}): boolean {
-        // Conditionally hidden fields are treated as inactive inputs, and hidden
-        // pages are only re-included on the final page submit pass.
-        if (element.closest('[data-formie-conditionally-hidden]')) {
+        // Conditionally hidden/disabled fields are inactive for validation, and
+        // hidden pages are only re-included on the final page submit pass.
+        if (
+            element.disabled
+            || element.hasAttribute('data-formie-conditions-disabled')
+            || element.closest('[data-formie-conditions-disabled]')
+            || element.closest('[data-formie-conditionally-hidden]')
+        ) {
             return false;
         }
 

package/dist/chunks/recaptcha-v3-BtbbP111.js

@@ -1,27 +0,0 @@
-import { t as e } from "./api-DMK8NSUI.js";
-import { t } from "./recaptcha-shared-B4zAescW.js";
-//#region src/js/modules/captchas/recaptcha-v3.ts
-var n = e({
-	id: "recaptcha-v3",
-	defaultPlaceholderSelector: "[data-recaptcha-placeholder]",
-	defaultTokenFieldNames: ["g-recaptcha-response"],
-	load: ({ options: e }) => t(e.provider, !1, e.provider.siteKey || void 0),
-	mount: ({ api: e, provider: t }) => new Promise((n) => {
-		e.ready(() => {
-			n(t.siteKey || "recaptcha-v3");
-		});
-	}),
-	screen: async ({ api: e, provider: t, placeholder: n, services: r, stageCtx: i }) => {
-		if (r.tokens.has()) return;
-		let a = await e.execute(t.siteKey || "", { action: t.action || "submit" });
-		if (typeof a == "string" && a.trim() !== "" && r.tokens.write(a.trim()), !await r.tokens.wait(12e4)) {
-			let e = r.errors.getDefaultMessage();
-			r.errors.show(e, n), i.abort(e);
-		}
-	},
-	unmount: ({ services: e }) => {
-		e.tokens.clear();
-	}
-});
-//#endregion
-export { n as recaptchaV3Module };

package/dist/chunks/scripts-6CYSUGKQ.js

@@ -1,24 +0,0 @@
-import { r as e } from "./async-nPFRNQ06.js";
-//#region src/js/utils/scripts.ts
-var t = /* @__PURE__ */ new Map();
-async function n(t, n = 5e3) {
-	return e(() => window[t] ?? null, {
-		timeoutMs: n,
-		intervalMs: 30
-	});
-}
-async function r({ id: e, src: n, async: r = !0, defer: i = !0 }) {
-	return document.getElementById(e) || (t.has(e) || t.set(e, new Promise((a, o) => {
-		let s = document.createElement("script");
-		s.id = e, s.src = n, s.async = r, s.defer = i, s.onload = () => {
-			a(s);
-		}, s.onerror = () => {
-			t.delete(e), o(/* @__PURE__ */ Error(`Failed to load external script: ${n}`));
-		}, document.body.appendChild(s);
-	})), t.get(e));
-}
-async function i(e, t) {
-	return window[e] ?? (await r(t), n(e, t.timeoutMs));
-}
-//#endregion
-export { r as n, i as r, n as t };