@verbb/formie-browser 1.0.1 → 1.0.3

package/dist/js/utils/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/js/utils/i18n.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AA4DtE,wBAAgB,qBAAqB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAE9D;AAED,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAIlG;AAED,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CASpG;AAED,wBAAgB,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,YAAY,GAAE,uBAA4B,GAAG,MAAM,CAcrF;AAED,eAAO,MAAM,SAAS,UAAI,CAAC"}

package/dist/js/utils/scripts.d.ts

@@ -0,0 +1,13 @@
+type LoadExternalScriptOptions = {
+    id: string;
+    src: string;
+    async?: boolean;
+    defer?: boolean;
+};
+export declare function ensureGlobal<T = unknown>(globalName: string, timeoutMs?: number): Promise<T>;
+export declare function loadExternalScript({ id, src, async, defer, }: LoadExternalScriptOptions): Promise<HTMLScriptElement>;
+export declare function loadScriptAndEnsureGlobal<T = unknown>(globalName: string, options: LoadExternalScriptOptions & {
+    timeoutMs?: number;
+}): Promise<T>;
+export {};
+//# sourceMappingURL=scripts.d.ts.map

package/dist/js/utils/scripts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts.d.ts","sourceRoot":"","sources":["../../../src/js/utils/scripts.ts"],"names":[],"mappings":"AAIA,KAAK,yBAAyB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,wBAAsB,YAAY,CAAC,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,SAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAehG;AAED,wBAAsB,kBAAkB,CAAC,EACrC,EAAE,EACF,GAAG,EACH,KAAY,EACZ,KAAY,GACf,EAAE,yBAAyB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CA6BxD;AAED,wBAAsB,yBAAyB,CAAC,CAAC,GAAG,OAAO,EACvD,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,yBAAyB,GAAG;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,GACF,OAAO,CAAC,CAAC,CAAC,CAYZ"}

package/dist/js/utils/unload-warning.d.ts

@@ -0,0 +1,10 @@
+export type FormUnloadWarningGuard = {
+    captureBaseline: () => void;
+    scheduleBaselineCapture: () => void;
+    refreshDirtyState: () => boolean;
+    destroy: () => void;
+};
+export declare function createFormUnloadWarningGuard(form: HTMLFormElement, options?: {
+    shouldWarn?: () => boolean;
+}): FormUnloadWarningGuard;
+//# sourceMappingURL=unload-warning.d.ts.map

package/dist/js/utils/unload-warning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unload-warning.d.ts","sourceRoot":"","sources":["../../../src/js/utils/unload-warning.ts"],"names":[],"mappings":"AAmFA,MAAM,MAAM,sBAAsB,GAAG;IACjC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,iBAAiB,EAAE,MAAM,OAAO,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,4BAA4B,CACxC,IAAI,EAAE,eAAe,EACrB,OAAO,GAAE;IACL,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;CACzB,GACP,sBAAsB,CA8FxB"}

package/dist/js/validation/rules/email.d.ts

@@ -0,0 +1,4 @@
+import type { ValidationRuleDefinition } from '#validation/types';
+declare const email: ValidationRuleDefinition;
+export default email;
+//# sourceMappingURL=email.d.ts.map

package/dist/js/validation/rules/email.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/email.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElE,QAAA,MAAM,KAAK,EAAE,wBAaZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/js/validation/rules/match.d.ts

@@ -0,0 +1,4 @@
+import type { ValidationRuleDefinition } from '#validation/types';
+declare const match: ValidationRuleDefinition;
+export default match;
+//# sourceMappingURL=match.d.ts.map

package/dist/js/validation/rules/match.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/match.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAGlE,QAAA,MAAM,KAAK,EAAE,wBAoBZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/js/validation/rules/number.d.ts

@@ -0,0 +1,4 @@
+import type { ValidationRuleDefinition } from '#validation/types';
+declare const number: ValidationRuleDefinition;
+export default number;
+//# sourceMappingURL=number.d.ts.map

package/dist/js/validation/rules/number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/number.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElE,QAAA,MAAM,MAAM,EAAE,wBAkDb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/js/validation/rules/required.d.ts

@@ -0,0 +1,4 @@
+import type { ValidationRuleDefinition } from '#validation/types';
+declare const required: ValidationRuleDefinition;
+export default required;
+//# sourceMappingURL=required.d.ts.map

package/dist/js/validation/rules/required.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"required.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/required.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElE,QAAA,MAAM,QAAQ,EAAE,wBAyBf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/js/validation/rules/shared.d.ts

@@ -0,0 +1,7 @@
+import type { ValidationContext, ValidationInput } from '#validation/types';
+export declare function stripTags(value: string): string;
+export declare function countGraphemes(value: string): number;
+export declare function getWordCount(value: string): number;
+export declare function getLabelText(field: HTMLElement | null): string;
+export declare function getComparableInput(ctx: ValidationContext): ValidationInput | null;
+//# sourceMappingURL=shared.d.ts.map

package/dist/js/validation/rules/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE5E,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAG/C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,GAAG,MAAM,CAE9D;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAsBjF"}

package/dist/js/validation/rules/url.d.ts

@@ -0,0 +1,4 @@
+import type { ValidationRuleDefinition } from '#validation/types';
+declare const url: ValidationRuleDefinition;
+export default url;
+//# sourceMappingURL=url.d.ts.map

package/dist/js/validation/rules/url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/url.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElE,QAAA,MAAM,GAAG,EAAE,wBAkBV,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/js/validation/rules.d.ts

@@ -0,0 +1,10 @@
+import type { ValidationRuleDefinition } from '#validation/types';
+declare const _default: {
+    required: ValidationRuleDefinition;
+    email: ValidationRuleDefinition;
+    url: ValidationRuleDefinition;
+    number: ValidationRuleDefinition;
+    match: ValidationRuleDefinition;
+};
+export default _default;
+//# sourceMappingURL=rules.d.ts.map

package/dist/js/validation/rules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../../../src/js/validation/rules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;;;;;;;;AAOlE,wBAQqD"}

package/dist/js/validation/scope.d.ts

@@ -0,0 +1,6 @@
+export declare function getFormPages(form: HTMLFormElement): HTMLElement[];
+export declare function getValidationScope(form: HTMLFormElement): {
+    scope: Element;
+    final: boolean;
+};
+//# sourceMappingURL=scope.d.ts.map

package/dist/js/validation/scope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope.d.ts","sourceRoot":"","sources":["../../../src/js/validation/scope.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,IAAI,EAAE,eAAe,GAAG,WAAW,EAAE,CAEjE;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAoB5F"}

package/dist/js/validation/submit-readiness.d.ts

@@ -0,0 +1,4 @@
+import type { FormieValidator } from '#validation/validator';
+export declare function syncSubmitReadiness(form: HTMLFormElement, validator: FormieValidator): void;
+export declare function bindSubmitReadiness(form: HTMLFormElement, validator: FormieValidator, target: Element): () => void;
+//# sourceMappingURL=submit-readiness.d.ts.map

package/dist/js/validation/submit-readiness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit-readiness.d.ts","sourceRoot":"","sources":["../../../src/js/validation/submit-readiness.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAqB7D,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe,GAAG,IAAI,CA+C3F;AAED,wBAAgB,mBAAmB,CAC/B,IAAI,EAAE,eAAe,EACrB,SAAS,EAAE,eAAe,EAC1B,MAAM,EAAE,OAAO,GAChB,MAAM,IAAI,CAiFZ"}

package/dist/js/validation/types.d.ts

@@ -0,0 +1,44 @@
+export type ValidationInput = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export type ValidationRule = {
+    type: string;
+    fieldId?: string | null;
+    fieldHandle?: string | null;
+    min?: number | null;
+    max?: number | null;
+    [key: string]: unknown;
+};
+export type ValidationRuleValue = ValidationRule | boolean;
+export type ValidationRules = Record<string, ValidationRuleValue>;
+export type ValidationConfig = {
+    live: boolean;
+    errorMessage?: string;
+    fieldContainerErrorClass: string[];
+    inputErrorClass: string[];
+    messagesClass: string[];
+    messageClass: string[];
+    fieldsSelector: string;
+    patterns: Record<string, RegExp>;
+};
+export type ValidationContext = {
+    t: (message: string, replacements?: Record<string, string | number>) => string;
+    input: ValidationInput;
+    label: string;
+    field: HTMLElement | null;
+    form: HTMLFormElement;
+    config: ValidationConfig;
+    rules: ValidationRules;
+    getRule: (rule: string) => ValidationRuleValue | false;
+};
+export type ValidationRuleDefinition = {
+    rule: (ctx: ValidationContext) => boolean;
+    message?: (ctx: ValidationContext) => string;
+};
+export type ValidationError = {
+    input: ValidationInput;
+    field: HTMLElement | null;
+    validator: string;
+    message: string;
+    handle: string | null;
+    result: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/js/validation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/js/validation/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAEzF,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,OAAO,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAAK,MAAM,CAAC;IAC/E,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,mBAAmB,GAAG,KAAK,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACnC,IAAI,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,OAAO,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,MAAM,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/dist/js/validation/validator.d.ts

@@ -0,0 +1,54 @@
+import type { ValidationConfig, ValidationContext, ValidationError, ValidationInput, ValidationRules } from '#validation/types';
+type ValidatorDefinition = {
+    validate: (ctx: ValidationContext) => boolean;
+    errorMessage?: (ctx: ValidationContext) => string;
+};
+type ValidateOptions = {
+    includeHiddenPages?: boolean;
+};
+export declare class FormieValidator {
+    form: HTMLFormElement;
+    errors: ValidationError[];
+    validators: Record<string, ValidatorDefinition>;
+    boundListeners: boolean;
+    activated: WeakSet<ValidationInput>;
+    submitted: boolean;
+    initialValues: WeakMap<ValidationInput, string | boolean>;
+    onBlur: EventListener;
+    onChange: EventListener;
+    onInput: EventListener;
+    config: ValidationConfig;
+    constructor(form: HTMLFormElement, config?: Partial<ValidationConfig>);
+    init(): void;
+    inputs(inputOrSelector?: Element | null): ValidationInput[];
+    getInputValue(input: ValidationInput): string | boolean;
+    isDirty(input: ValidationInput): boolean;
+    shouldShowError(input: ValidationInput): boolean;
+    isValid(inputOrSelector?: Element | null, options?: ValidateOptions): boolean;
+    validate(inputOrSelector?: Element | null, options?: ValidateOptions): ValidationError[];
+    removeAllErrors(): void;
+    removeError(input: ValidationInput): void;
+    showError(input: ValidationInput, validatorName: string, errorMessage: string): void;
+    getValidatorCallbackOptions(input: ValidationInput): ValidationContext;
+    getErrorMessage(input: ValidationInput, validatorName: string, validator: ValidatorDefinition, opts: ValidationContext): string;
+    getErrors(): ValidationError[];
+    getFieldErrors(errors?: ValidationError[]): Record<string, string[]>;
+    getRule(field: HTMLElement | null, rule: string): ValidationRules[string] | false;
+    parseValidationRules(ruleString: string | null | undefined): ValidationRules;
+    destroy(): void;
+    isVisible(element: ValidationInput, options?: ValidateOptions): boolean;
+    blurHandler(event: Event): void;
+    changeHandler(event: Event): void;
+    inputHandler(event: Event): void;
+    submit(inputOrSelector?: Element | null, { final }?: {
+        final?: boolean;
+    }): ValidationError[];
+    resetLiveState(): void;
+    addEventListeners(): void;
+    removeEventListeners(): void;
+    emitEvent(target: Document | Element, type: string, detail?: Record<string, unknown>): void;
+    addValidator(name: string, validatorFunction: (ctx: ValidationContext) => boolean, errorMessage?: (ctx: ValidationContext) => string): void;
+    removeValidator(name: string): void;
+}
+export {};
+//# sourceMappingURL=validator.d.ts.map

package/dist/js/validation/validator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validator.d.ts","sourceRoot":"","sources":["../../../src/js/validation/validator.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACR,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,eAAe,EAClB,MAAM,mBAAmB,CAAC;AAK3B,KAAK,mBAAmB,GAAG;IACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,OAAO,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,MAAM,CAAC;CACrD,CAAC;AAEF,KAAK,eAAe,GAAG;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AA8DF,qBAAa,eAAe;IACxB,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,eAAe,EAAE,CAAM;IAC/B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAM;IACrD,cAAc,UAAS;IACvB,SAAS,2BAAkC;IAC3C,SAAS,UAAS;IAClB,aAAa,6CAAoD;IACjE,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,aAAa,CAAC;IACvB,MAAM,EAAE,gBAAgB,CAAC;gBAEb,IAAI,EAAE,eAAe,EAAE,MAAM,GAAE,OAAO,CAAC,gBAAgB,CAAM;IAwBzE,IAAI,IAAI,IAAI;IAoBZ,MAAM,CAAC,eAAe,GAAE,OAAO,GAAG,IAAW,GAAG,eAAe,EAAE;IAYjE,aAAa,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,GAAG,OAAO;IAcvD,OAAO,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO;IASxC,eAAe,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO;IAIhD,OAAO,CAAC,eAAe,GAAE,OAAO,GAAG,IAAW,EAAE,OAAO,GAAE,eAAoB,GAAG,OAAO;IAIvF,QAAQ,CAAC,eAAe,GAAE,OAAO,GAAG,IAAW,EAAE,OAAO,GAAE,eAAoB,GAAG,eAAe,EAAE;IAoElG,eAAe,IAAI,IAAI;IAMvB,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAwDzC,SAAS,CAAC,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI;IAuEpF,2BAA2B,CAAC,KAAK,EAAE,eAAe,GAAG,iBAAiB;IAmBtE,eAAe,CAAC,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,IAAI,EAAE,iBAAiB,GAAG,MAAM;IAK/H,SAAS,IAAI,eAAe,EAAE;IAI9B,cAAc,CAAC,MAAM,GAAE,eAAe,EAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IAcjF,OAAO,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,GAAG,KAAK;IAcjF,oBAAoB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,eAAe;IAwC5E,OAAO,IAAI,IAAI;IAYf,SAAS,CAAC,OAAO,EAAE,eAAe,EAAE,OAAO,GAAE,eAAoB,GAAG,OAAO;IAc3E,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IA0B/B,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IA+BjC,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAkBhC,MAAM,CAAC,eAAe,GAAE,OAAO,GAAG,IAAW,EAAE,EAAE,KAAa,EAAE,GAAE;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAO,GAAG,eAAe,EAAE;IAkB9G,cAAc,IAAI,IAAI;IAOtB,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAQ5B,SAAS,CAAC,MAAM,EAAE,QAAQ,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAAG,IAAI;IAO/F,YAAY,CACR,IAAI,EAAE,MAAM,EACZ,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,OAAO,EACtD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,MAAM,GAClD,IAAI;IAOP,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;CAGtC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verbb/formie-browser",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -29,6 +29,7 @@
   ],
   "imports": {
     "#theme/*": "./src/js/theme/*",
+    "#theme-css/*": "./src/css/theme/*",
     "#theme-base/*": "./src/css/theme-base/*",
     "#icons/*": "./src/icons/*",
     "#contracts/*": "./src/js/contracts/*",
@@ -64,7 +65,7 @@
     "vite": "^8.0.10"
   },
   "dependencies": {
-    "@verbb/formie-core": "1.0.1",
+    "@verbb/formie-core": "1.0.3",
     "@friendlycaptcha/sdk": "^1.0.0",
     "@placekit/autocomplete-js": "^2.2.1",
     "expression-language": "^2.5.4",

package/src/css/theme/forms/_form.css

@@ -101,6 +101,34 @@
         .formie-row[data-formie-field-count="4"] {
             grid-template-columns: repeat(4, minmax(0, 1fr));
         }
+
+        .formie-row[data-formie-field-count="5"] {
+            grid-template-columns: repeat(5, minmax(0, 1fr));
+        }
+    }
+
+    .formie-row[data-formie-row-submit-inline] > .formie-row-submit {
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+    }
+
+    @media (min-width: 40rem) {
+        .formie-row[data-formie-row-submit-inline] {
+            display: flex;
+            flex-wrap: nowrap;
+            align-items: stretch;
+            gap: var(--formie-gap-row);
+        }
+
+        .formie-row[data-formie-row-submit-inline] > [data-formie-field] {
+            flex: 1 1 0;
+            min-width: 0;
+        }
+
+        .formie-row[data-formie-row-submit-inline] > .formie-row-submit {
+            flex: 0 0 auto;
+        }
     }
 
     .formie-errors {

package/src/js/core/create-formie-client.ts

@@ -25,6 +25,7 @@ import { clearSubmissionOnUnload, requestGraphqlRender, requestRefreshTokens, re
 import { createDebug } from '#utils/debug';
 import { createFormUnloadWarningGuard } from '#utils/unload-warning';
 import { FormieValidator } from '#validation/validator';
+import { bindSubmitReadiness } from '#validation/submit-readiness';
 
 type InternalInstanceState = {
     options: FormMountOptions;
@@ -1135,6 +1136,11 @@ export function createFormieClient(): FormieClient {
 
         if (form) {
             bindFormEvents(target, form, normalizedOptions, bus, validator, unbinds);
+
+            if (validator) {
+                unbinds.push(bindSubmitReadiness(form, validator, target));
+            }
+
             await refreshTokensIfNeeded(target, normalizedOptions, form);
         }
 

package/src/js/core/submit-result-state.ts

@@ -6,6 +6,7 @@ import { addThemeClasses, removeThemeClasses, toggleThemeClasses } from '#theme/
 import { createDebug } from '#utils/debug';
 import { getFormStateEventName, normalizeFormieEventName } from '#utils/event-names';
 import type { FormieValidator } from '#validation/validator';
+import { syncSubmitReadiness } from '#validation/submit-readiness';
 
 type FormWithValidationApi = HTMLFormElement & {
     formieValidation?: FormieValidator;
@@ -287,6 +288,14 @@ export function clearSubmitLoading(form: HTMLFormElement): void {
         button.removeAttribute('data-formie-loading-indicator');
         button.removeAttribute('data-formie-loading-text');
     });
+
+    if (form.dataset.formieDisableSubmitUntilValid === 'true') {
+        const formWithValidation = form as FormWithValidationApi;
+
+        if (formWithValidation.formieValidation) {
+            syncSubmitReadiness(form, formWithValidation.formieValidation);
+        }
+    }
 }
 
 export function applyPageState(form: HTMLFormElement, nextPageId: string): void {
@@ -337,6 +346,14 @@ export function applyPageState(form: HTMLFormElement, nextPageId: string): void
     // follow-up submits, and server recovery land on the same page.
     setHiddenInputValue(form, 'pageId', nextPageId);
     syncPageTabErrors(form);
+
+    if (form.dataset.formieDisableSubmitUntilValid === 'true') {
+        const formWithValidation = form as FormWithValidationApi;
+
+        if (formWithValidation.formieValidation) {
+            syncSubmitReadiness(form, formWithValidation.formieValidation);
+        }
+    }
 }
 
 function syncSubmissionIdentity(form: HTMLFormElement, result: FormSubmitResult): void {

package/src/js/modules/address/google-address.ts

@@ -8,6 +8,7 @@ type GoogleMaps = typeof google;
 type GoogleAddressProviderOptions = {
     apiKey?: string;
     options?: Record<string, unknown>;
+    countryDefaultValue?: string;
 };
 
 const SCRIPT_ID = 'FORMIE_GOOGLE_ADDRESS_SCRIPT';
@@ -194,6 +195,37 @@ function buildAddressFromComponents(formData: Record<string, string>): {
     };
 }
 
+function hasCountryRestriction(options: Record<string, unknown>): boolean {
+    const componentRestrictions = options.componentRestrictions;
+
+    if (componentRestrictions && typeof componentRestrictions === 'object') {
+        const country = (componentRestrictions as { country?: unknown }).country;
+
+        if (Array.isArray(country) ? country.length > 0 : Boolean(country)) {
+            return true;
+        }
+    }
+
+    const includedRegionCodes = options.includedRegionCodes;
+
+    return Array.isArray(includedRegionCodes) && includedRegionCodes.length > 0;
+}
+
+export function buildGoogleAutocompleteOptions(provider: GoogleAddressProviderOptions): Record<string, unknown> {
+    const options = { types: ['geocode'], ...(provider.options || {}) };
+    const country = provider.countryDefaultValue?.trim().toLowerCase();
+
+    if (!country || hasCountryRestriction(options)) {
+        return options;
+    }
+
+    return {
+        ...options,
+        componentRestrictions: { country },
+        includedRegionCodes: [country.toUpperCase()],
+    };
+}
+
 export const googleAddressModule = defineAddressModule<
     GoogleAddressProviderOptions,
     GoogleMaps,
@@ -218,7 +250,7 @@ export const googleAddressModule = defineAddressModule<
             return null;
         }
 
-        const options = { types: ['geocode'], ...(provider.options || {}) };
+        const options = buildGoogleAutocompleteOptions(provider);
         const autocomplete = new PlaceAutocompleteElement(options);
         const inputHeight = window.getComputedStyle(input).height;
 

package/src/js/modules/fields/conditions/effects.ts

@@ -3,6 +3,9 @@ const PRESERVED_DISABLED_ATTR = 'data-formie-preserve-disabled';
 const CONDITIONAL_HIDDEN_ATTR = 'data-formie-conditionally-hidden';
 const PAGE_HIDDEN_ATTR = 'data-formie-page-hidden';
 const CONDITIONAL_HIDDEN_CLASS = 'formie-conditionally-hidden';
+const CP_MUTED_CLASS = 'fui-cp-muted-conditional-field';
+const CP_MUTED_EXPANDED_CLASS = 'fui-cp-muted-conditional-field--expanded';
+const CP_MUTED_ATTR = 'data-formie-cp-muted';
 const PAGE_HIDDEN_CLASS = 'formie-page-hidden';
 const ROW_HIDDEN_ATTR = 'data-formie-row-hidden';
 const ROW_HIDDEN_CLASS = 'formie-row-hidden';
@@ -143,6 +146,19 @@ function syncRowState(row: Element): void {
     }
 }
 
+function clearCpMutedState(node: Element): void {
+    node.removeAttribute(CP_MUTED_ATTR);
+    node.classList.remove(CP_MUTED_CLASS);
+    node.classList.remove(CP_MUTED_EXPANDED_CLASS);
+}
+
+function clearHideState(node: Element): void {
+    node.removeAttribute(CONDITIONAL_HIDDEN_ATTR);
+    node.removeAttribute(PAGE_HIDDEN_ATTR);
+    node.classList.remove(CONDITIONAL_HIDDEN_CLASS);
+    node.classList.remove(PAGE_HIDDEN_CLASS);
+}
+
 function syncAncestorRows(node: Element): void {
     let currentRow = node.closest(ROW_SELECTOR);
 
@@ -152,8 +168,26 @@ function syncAncestorRows(node: Element): void {
     }
 }
 
-export function applyConditionVisibility(node: Element, hidden: boolean, clearOnHide: boolean): boolean {
-    const stateChanged = setVisibilityState(node, hidden);
+export function applyConditionVisibility(
+    node: Element,
+    hidden: boolean,
+    clearOnHide: boolean,
+    options: { displayMode?: 'hide' | 'muted' } = {},
+): boolean {
+    if (options.displayMode === 'muted') {
+        return applyMutedConditionVisibility(node, hidden);
+    }
+
+    let stateChanged = false;
+
+    if (node.hasAttribute(CP_MUTED_ATTR)
+        || node.classList.contains(CP_MUTED_CLASS)
+        || node.classList.contains(CP_MUTED_EXPANDED_CLASS)) {
+        clearCpMutedState(node);
+        stateChanged = true;
+    }
+
+    stateChanged = setVisibilityState(node, hidden) || stateChanged;
 
     syncDisabledState(node, hidden);
     syncAncestorRows(node);
@@ -164,3 +198,46 @@ export function applyConditionVisibility(node: Element, hidden: boolean, clearOn
 
     return stateChanged;
 }
+
+function applyMutedConditionVisibility(node: Element, hidden: boolean): boolean {
+    let stateChanged = false;
+
+    if (hidden) {
+        if (node.hasAttribute(CONDITIONAL_HIDDEN_ATTR)
+            || node.hasAttribute(PAGE_HIDDEN_ATTR)
+            || node.classList.contains(CONDITIONAL_HIDDEN_CLASS)
+            || node.classList.contains(PAGE_HIDDEN_CLASS)) {
+            clearHideState(node);
+            stateChanged = true;
+        }
+
+        if (!node.hasAttribute(CP_MUTED_ATTR)) {
+            node.setAttribute(CP_MUTED_ATTR, 'true');
+            stateChanged = true;
+        }
+
+        if (!node.classList.contains(CP_MUTED_CLASS)) {
+            node.classList.add(CP_MUTED_CLASS);
+            stateChanged = true;
+        }
+    } else {
+        if (node.hasAttribute(CP_MUTED_ATTR)
+            || node.classList.contains(CP_MUTED_CLASS)
+            || node.classList.contains(CP_MUTED_EXPANDED_CLASS)) {
+            clearCpMutedState(node);
+            stateChanged = true;
+        }
+
+        if (node.hasAttribute(CONDITIONAL_HIDDEN_ATTR)
+            || node.hasAttribute(PAGE_HIDDEN_ATTR)
+            || node.classList.contains(CONDITIONAL_HIDDEN_CLASS)
+            || node.classList.contains(PAGE_HIDDEN_CLASS)) {
+            clearHideState(node);
+            stateChanged = true;
+        }
+    }
+
+    syncAncestorRows(node);
+
+    return stateChanged;
+}

package/src/js/modules/fields/conditions.ts

@@ -72,6 +72,9 @@ export const conditionsModule: FormieModuleDefinition = {
             });
         };
 
+        const cpDisplayMode = ctx.options?.cpDisplayMode === 'muted' ? 'muted' : 'hide';
+        let isApplyingConditions = false;
+
         const runEvaluationPass = (): boolean => {
             let hasStateChanges = false;
 
@@ -80,7 +83,16 @@ export const conditionsModule: FormieModuleDefinition = {
                     return queryConditionInputs(scopeRoot, entry.node, condition);
                 });
 
-                const stateChanged = applyConditionVisibility(entry.node, result.shouldHide, entry.settings.clearOnHide);
+                const displayMode = entry.node.hasAttribute('data-formie-page')
+                    ? 'hide'
+                    : cpDisplayMode;
+
+                const stateChanged = applyConditionVisibility(
+                    entry.node,
+                    result.shouldHide,
+                    entry.settings.clearOnHide,
+                    { displayMode },
+                );
                 hasStateChanges = hasStateChanges || stateChanged;
                 debug.log('Condition evaluated.', {
                     shouldHide: result.shouldHide,
@@ -100,26 +112,45 @@ export const conditionsModule: FormieModuleDefinition = {
         };
 
         const evaluateAll = (): void => {
-            for (let pass = 0; pass < MAX_EVALUATION_PASSES; pass += 1) {
-                if (!runEvaluationPass()) {
-                    break;
-                }
+            if (isApplyingConditions) {
+                return;
+            }
+
+            isApplyingConditions = true;
 
-                if (pass === MAX_EVALUATION_PASSES - 1) {
-                    debug.warn('Reached max evaluation passes.', { maxPasses: MAX_EVALUATION_PASSES });
+            try {
+                for (let pass = 0; pass < MAX_EVALUATION_PASSES; pass += 1) {
+                    if (!runEvaluationPass()) {
+                        break;
+                    }
+
+                    if (pass === MAX_EVALUATION_PASSES - 1) {
+                        debug.warn('Reached max evaluation passes.', { maxPasses: MAX_EVALUATION_PASSES });
+                    }
                 }
+            } finally {
+                isApplyingConditions = false;
             }
         };
 
         const scheduleEvaluateAll = (): void => {
+            if (isApplyingConditions) {
+                return;
+            }
+
             if (evaluationQueued) {
                 return;
             }
 
             evaluationQueued = true;
 
-            queueMicrotask(() => {
+            requestAnimationFrame(() => {
                 evaluationQueued = false;
+
+                if (isApplyingConditions) {
+                    return;
+                }
+
                 evaluateAll();
             });
         };
@@ -168,19 +199,32 @@ export const conditionsModule: FormieModuleDefinition = {
         };
 
         const scheduleRebuild = (): void => {
+            if (isApplyingConditions) {
+                return;
+            }
+
             if (rebuildQueued) {
                 return;
             }
 
             rebuildQueued = true;
 
-            queueMicrotask(() => {
+            requestAnimationFrame(() => {
                 rebuildQueued = false;
+
+                if (isApplyingConditions) {
+                    return;
+                }
+
                 rebuild();
             });
         };
 
         const observer = new MutationObserver((mutations) => {
+            if (isApplyingConditions) {
+                return;
+            }
+
             const shouldRebuild = mutations.some((mutation) => {
                 return mutation.type === 'childList' && (mutation.addedNodes.length > 0 || mutation.removedNodes.length > 0);
             });
@@ -200,8 +244,6 @@ export const conditionsModule: FormieModuleDefinition = {
             subtree: true,
             attributes: true,
             attributeFilter: [
-                'class',
-                'style',
                 'hidden',
                 'aria-hidden',
                 'data-formie-conditionally-hidden',