@verbb/formie-browser 1.0.8 → 1.0.10

package/src/js/modules/fields/checkbox-radio.ts

@@ -4,6 +4,7 @@ import { createDebug } from '#utils/debug';
 
 const FIELD_SELECTOR = '[data-formie-checkboxes-field-layout], [data-formie-radio-field-layout]';
 const CHECKBOX_MINMAX_VALIDATOR = 'minmaxOptions';
+const OTHER_OPTION_TEXT_VALIDATOR = 'otherOptionText';
 const MAX_DISABLED_ATTR = 'data-formie-checkbox-radio-max-disabled';
 const MODULE_ID = 'checkbox-radio';
 const VALIDATOR_SCOPE = 'checkbox-radio';
@@ -31,6 +32,94 @@ function getMinMaxRule(getRule: (rule: string) => unknown): { min: number | null
     };
 }
 
+function isOtherOptionInput(input: HTMLInputElement): boolean {
+    return input.hasAttribute('data-formie-other-option')
+        || !!input.closest('[data-formie-other-option]');
+}
+
+function findOtherOptionGroups(field: HTMLElement): Array<{ choiceInput: HTMLInputElement; textInput: HTMLInputElement }> {
+    const groups: Array<{ choiceInput: HTMLInputElement; textInput: HTMLInputElement }> = [];
+
+    field.querySelectorAll('[data-formie-other-option-text]').forEach((node) => {
+        if (!(node instanceof HTMLInputElement)) {
+            return;
+        }
+
+        const container = node.closest('[data-formie-field-option]') ?? node.parentElement;
+
+        if (!container) {
+            return;
+        }
+
+        const choiceInput = container.querySelector('input[type="checkbox"][data-formie-other-option], input[type="radio"][data-formie-other-option]')
+            ?? container.querySelector('input[type="checkbox"], input[type="radio"]');
+
+        if (!(choiceInput instanceof HTMLInputElement)) {
+            return;
+        }
+
+        groups.push({ choiceInput, textInput: node });
+    });
+
+    return groups;
+}
+
+function syncOtherOptionField(field: HTMLElement): void {
+    findOtherOptionGroups(field).forEach(({ choiceInput, textInput }) => {
+        const showTextInput = choiceInput.checked;
+
+        textInput.disabled = !showTextInput;
+
+        if (!showTextInput) {
+            textInput.value = '';
+        }
+    });
+}
+
+function bindOtherOptionField(field: HTMLElement): () => void {
+    const otherOptionGroups = findOtherOptionGroups(field);
+
+    if (!otherOptionGroups.length) {
+        return () => {};
+    }
+
+    const listeners: Array<() => void> = [];
+
+    Array.from(field.querySelectorAll('input[type="checkbox"], input[type="radio"]')).filter((input): input is HTMLInputElement => {
+        return input instanceof HTMLInputElement && !isToggleCheckbox(input);
+    }).forEach((input) => {
+        const handler = () => {
+            syncOtherOptionField(field);
+        };
+
+        input.addEventListener('change', handler);
+        listeners.push(() => {
+            input.removeEventListener('change', handler);
+        });
+    });
+
+    otherOptionGroups.forEach(({ textInput }) => {
+        const handler = () => {
+            syncOtherOptionField(field);
+        };
+
+        textInput.addEventListener('input', handler);
+        textInput.addEventListener('change', handler);
+        listeners.push(() => {
+            textInput.removeEventListener('input', handler);
+            textInput.removeEventListener('change', handler);
+        });
+    });
+
+    syncOtherOptionField(field);
+
+    return () => {
+        listeners.forEach((unbind) => {
+            unbind();
+        });
+    };
+}
+
 function getSelectedOptionCount(field: HTMLElement): number {
     return Array.from(field.querySelectorAll('input[type="checkbox"]')).filter((input): input is HTMLInputElement => {
         return input instanceof HTMLInputElement && !isToggleCheckbox(input);
@@ -43,6 +132,39 @@ function registerValidators(form: HTMLFormElement | null): void {
     // Several checkbox/radio module instances can exist in one form, but the
     // custom validator should only be registered once per form lifecycle.
     retainFormValidators(form, VALIDATOR_SCOPE, (validator) => {
+        validator.addValidator(
+            OTHER_OPTION_TEXT_VALIDATOR,
+        ({ field, getRule }) => {
+            if (!field || !getRule(OTHER_OPTION_TEXT_VALIDATOR)) {
+                return true;
+            }
+
+            return findOtherOptionGroups(field).every(({ choiceInput, textInput }) => {
+                if (!choiceInput.checked) {
+                    return true;
+                }
+
+                return textInput.value.trim() !== '';
+            });
+        },
+        ({ field, label, t, getRule }) => {
+            if (!field || !getRule(OTHER_OPTION_TEXT_VALIDATOR)) {
+                return t('{label} is invalid.', { label });
+            }
+
+            const otherGroup = findOtherOptionGroups(field).find(({ choiceInput }) => {
+                return choiceInput.checked;
+            });
+            const otherLabel = otherGroup?.choiceInput.closest('[data-formie-field-option]')
+                ?.querySelector('[data-formie-field-option-label]')
+                ?.textContent
+                ?.trim()
+                ?? label;
+
+            return field.getAttribute('data-formie-validation-other-option-text-message')
+                ?? t('Please enter a value for “{label}”.', { label: otherLabel });
+        },
+    );
         validator.addValidator(
             CHECKBOX_MINMAX_VALIDATOR,
         ({ field, getRule }) => {
@@ -65,7 +187,7 @@ function registerValidators(form: HTMLFormElement | null): void {
         },
         ({ field, label, t, getRule }) => {
             if (!field) {
-                return t('{label} has an invalid value.', { label });
+                return t('{label} is invalid.', { label });
             }
 
             const selected = getSelectedOptionCount(field);
@@ -81,14 +203,14 @@ function registerValidators(form: HTMLFormElement | null): void {
                     ?? t('{label} should contain at most {max, number} {max, plural, one{option} other{options}}.', { label, max });
             }
 
-            return t('{label} has an invalid value.', { label });
+            return t('{label} is invalid.', { label });
         },
     );
     });
 }
 
 function unregisterValidators(form: HTMLFormElement | null): void {
-    releaseFormValidators(form, VALIDATOR_SCOPE, [CHECKBOX_MINMAX_VALIDATOR]);
+    releaseFormValidators(form, VALIDATOR_SCOPE, [CHECKBOX_MINMAX_VALIDATOR, OTHER_OPTION_TEXT_VALIDATOR]);
 }
 
 function syncCheckedAttribute(input: HTMLInputElement): void {
@@ -134,7 +256,7 @@ function enforceMaxOptions(field: HTMLElement): void {
     }
 
     const checkboxes = Array.from(field.querySelectorAll('input[type="checkbox"]')).filter((input): input is HTMLInputElement => {
-        return input instanceof HTMLInputElement && !isToggleCheckbox(input);
+        return input instanceof HTMLInputElement && !isToggleCheckbox(input) && !isOtherOptionInput(input);
     });
 
     const checked = checkboxes.filter((input) => {
@@ -223,6 +345,9 @@ function bindField(field: HTMLElement): () => void {
 
             syncRequiredCheckboxes(field);
             enforceMaxOptions(field);
+            queueMicrotask(() => {
+                syncOtherOptionField(field);
+            });
             debug.log('Input interaction processed.', {
                 inputName: input.name,
                 inputType: input.type,
@@ -238,8 +363,11 @@ function bindField(field: HTMLElement): () => void {
         };
     });
 
+    const destroyOtherOptionBinding = bindOtherOptionField(field);
+
     syncRequiredCheckboxes(field);
     enforceMaxOptions(field);
+    syncOtherOptionField(field);
     dispatchFieldEvent(field, MODULE_ID, 'init', {
         checkboxRadio: field,
     });
@@ -248,6 +376,7 @@ function bindField(field: HTMLElement): () => void {
         listeners.forEach((unbind) => {
             unbind();
         });
+        destroyOtherOptionBinding();
     };
 }
 

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

@@ -15,6 +15,7 @@ export const builtinFieldModuleLoaders: Record<string, () => Promise<FormieModul
     'upload-manager': () => import('#modules/fields/upload-manager').then((module) => module.uploadManagerModule),
     'hidden': () => import('#modules/fields/hidden').then((module) => module.hiddenModule),
     'phone-country': () => import('#modules/fields/phone-country').then((module) => module.phoneCountryModule),
+    'password-validation': () => import('#modules/fields/password-validation').then((module) => module.passwordValidationModule),
     'address-country': () => import('#modules/fields/address-country').then((module) => module.addressCountryModule),
     'address-state': () => import('#modules/fields/address-state').then((module) => module.addressStateModule),
     'repeater': () => import('#modules/fields/repeater').then((module) => module.repeaterModule),

package/src/js/modules/fields/password-validation.ts

@@ -0,0 +1,132 @@
+import { getTextLimitMetrics } from '@verbb/formie-core';
+
+import type { FormieModuleDefinition } from '#contracts/modules';
+import { getModuleFieldTarget, releaseFormValidators, retainFormValidators } from '#modules/fields/shared';
+
+const INPUT_SELECTOR = 'input[data-formie-password-input]';
+const PASSWORD_VALIDATORS = [
+    'passwordMinLength',
+    'passwordUppercase',
+    'passwordLowercase',
+    'passwordSpecialCharacter',
+] as const;
+const VALIDATOR_SCOPE = 'password-validation';
+
+function isPasswordInput(input: Element): input is HTMLInputElement {
+    return input instanceof HTMLInputElement && input.matches(INPUT_SELECTOR);
+}
+
+function getMinLength(input: HTMLInputElement): number {
+    return parseInt(input.getAttribute('data-formie-password-min-length') || '', 10) || 0;
+}
+
+function hasAnyPasswordValidationAttributes(input: HTMLInputElement): boolean {
+    return input.hasAttribute('data-formie-password-min-length') ||
+        input.hasAttribute('data-formie-password-require-uppercase') ||
+        input.hasAttribute('data-formie-password-require-lowercase') ||
+        input.hasAttribute('data-formie-password-require-special-character');
+}
+
+function hasNoRawValue(input: HTMLInputElement): boolean {
+    return input.value === '';
+}
+
+function registerValidators(form: HTMLFormElement | null): void {
+    retainFormValidators(form, VALIDATOR_SCOPE, (validator) => {
+        validator.addValidator('passwordMinLength', ({ input }) => {
+            if (!isPasswordInput(input)) {
+                return true;
+            }
+
+            const limit = getMinLength(input);
+
+            if (!limit || hasNoRawValue(input)) {
+                return true;
+            }
+
+            return getTextLimitMetrics(input.value).graphemeCount >= limit;
+        }, ({ label, input, t: translate }) => {
+            return input.getAttribute('data-formie-validation-min-characters-message')
+                || translate('{label} must be no less than {min} characters.', {
+                    label,
+                    min: input.getAttribute('data-formie-password-min-length') || '',
+                });
+        });
+
+        validator.addValidator('passwordUppercase', ({ input }) => {
+            if (!isPasswordInput(input) || !input.hasAttribute('data-formie-password-require-uppercase')) {
+                return true;
+            }
+
+            if (hasNoRawValue(input)) {
+                return true;
+            }
+
+            return /[A-Z]/.test(input.value);
+        }, ({ label, input, t: translate }) => {
+            return input.getAttribute('data-formie-validation-password-uppercase-message')
+                || translate('{label} must contain at least one uppercase letter.', { label });
+        });
+
+        validator.addValidator('passwordLowercase', ({ input }) => {
+            if (!isPasswordInput(input) || !input.hasAttribute('data-formie-password-require-lowercase')) {
+                return true;
+            }
+
+            if (hasNoRawValue(input)) {
+                return true;
+            }
+
+            return /[a-z]/.test(input.value);
+        }, ({ label, input, t: translate }) => {
+            return input.getAttribute('data-formie-validation-password-lowercase-message')
+                || translate('{label} must contain at least one lowercase letter.', { label });
+        });
+
+        validator.addValidator('passwordSpecialCharacter', ({ input }) => {
+            if (!isPasswordInput(input) || !input.hasAttribute('data-formie-password-require-special-character')) {
+                return true;
+            }
+
+            if (hasNoRawValue(input)) {
+                return true;
+            }
+
+            return /[^a-zA-Z0-9]/.test(input.value);
+        }, ({ label, input, t: translate }) => {
+            return input.getAttribute('data-formie-validation-password-special-character-message')
+                || translate('{label} must contain at least one special character.', { label });
+        });
+    });
+}
+
+function unregisterValidators(form: HTMLFormElement | null): void {
+    releaseFormValidators(form, VALIDATOR_SCOPE, PASSWORD_VALIDATORS);
+}
+
+export const passwordValidationModule: FormieModuleDefinition = {
+    id: 'password-validation',
+    kind: 'field',
+    match: (ctx) => {
+        return !!ctx.target.querySelector(`${INPUT_SELECTOR}[data-formie-password-min-length], ${INPUT_SELECTOR}[data-formie-password-require-uppercase], ${INPUT_SELECTOR}[data-formie-password-require-lowercase], ${INPUT_SELECTOR}[data-formie-password-require-special-character]`);
+    },
+    setup: async (ctx) => {
+        const field = getModuleFieldTarget(ctx);
+        const inputs = Array.from((field || ctx.target).querySelectorAll(INPUT_SELECTOR)).filter((input): input is HTMLInputElement => {
+            return input instanceof HTMLInputElement && hasAnyPasswordValidationAttributes(input);
+        });
+
+        registerValidators(ctx.form);
+
+        await ctx.emit('formie:module:password-validation:init', {
+            count: inputs.length,
+        });
+
+        return {
+            destroy: () => {
+                unregisterValidators(ctx.form);
+                void ctx.emit('formie:module:password-validation:destroy', {});
+            },
+        };
+    },
+};

package/src/js/utils/fields.ts

@@ -47,9 +47,21 @@ export function currencyToFloat(currencyString: string): number {
     // Accept both "1,234.56" and "1.234,56" style inputs so calculations can
     // operate on locale-formatted values emitted by other field modules.
     if (hasComma && hasDot) {
-        sanitized = sanitized.replace(/\./g, '').replace(/,/, '.');
+        if (sanitized.lastIndexOf(',') > sanitized.lastIndexOf('.')) {
+            // EU style: 1.234,56
+            sanitized = sanitized.replace(/\./g, '').replace(',', '.');
+        } else {
+            // US style: 1,234.56
+            sanitized = sanitized.replace(/,/g, '');
+        }
     } else if (hasComma && !hasDot) {
-        sanitized = sanitized.replace(/,/, '.');
+        const parts = sanitized.split(',');
+
+        if (parts.length === 2 && parts[1].length === 3 && /^\d+$/.test(parts[0]) && /^\d+$/.test(parts[1])) {
+            sanitized = parts[0] + parts[1];
+        } else {
+            sanitized = sanitized.replace(',', '.');
+        }
     } else {
         sanitized = sanitized.replace(/,/g, '');
     }

package/src/js/validation/rules/match.ts

@@ -16,10 +16,11 @@ const match: ValidationRuleDefinition = {
         const sourceField = sourceInput?.closest('[data-formie-field-handle]') as HTMLElement | null;
         const sourceLabel = getLabelText(sourceField);
 
-        return ctx.t('{label} must match {value}.', {
-            label: ctx.label,
-            value: sourceLabel,
-        });
+        return ctx.input.getAttribute('data-formie-validation-match-message')
+            ?? ctx.t('{label} must match {value}.', {
+                label: ctx.label,
+                value: sourceLabel,
+            });
     },
 };
 

package/src/js/validation/rules/minmax.ts

@@ -29,7 +29,7 @@ const minmax: ValidationRuleDefinition = {
         const max = input.hasAttribute('max') ? parseFloat(input.getAttribute('max') || '') : null;
 
         if (min !== null && max !== null) {
-            return t('{label} must be between {min} and {max}.', { label, min, max });
+            return t('{label} must be no less than {min}.', { label, min });
         }
 
         if (min !== null) {
@@ -40,7 +40,7 @@ const minmax: ValidationRuleDefinition = {
             return t('{label} must be no greater than {max}.', { label, max });
         }
 
-        return t('{label} has an invalid value.', { label });
+        return t('{label} is not a valid number.', { label });
     },
 };
 

package/src/js/validation/rules/number.ts

@@ -36,7 +36,7 @@ const number: ValidationRuleDefinition = {
 
         if (min !== null && max !== null) {
             return input.getAttribute('data-formie-validation-number-min-message')
-                ?? t('{label} must be between {min} and {max}.', { label, min, max });
+                ?? t('{label} must be no less than {min}.', { label, min });
         }
 
         if (min !== null) {

package/dist/chunks/_survey-presentations-CFsgToRT.js

@@ -1,4 +0,0 @@
-//#region src/css/theme/fields/_survey-presentations.css?inline
-var e = "@layer formie-theme{.formie-likert-field-layout{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;display:table}.formie-likert-field-layout thead{display:table-header-group}.formie-likert-field-layout tbody{display:table-row-group}.formie-likert-field-layout tr{display:table-row}.formie-likert-field-layout th,.formie-likert-field-layout td{display:table-cell}.formie-likert-column-label{text-align:center;color:var(--formie-survey-likert-label-color,var(--formie-color-heading));word-break:break-word;vertical-align:bottom;font-size:var(--formie-survey-likert-column-label-font-size,.875rem);padding:0 .35rem .5rem;line-height:1.3}[data-formie-field-control]:has(>[data-formie-likert-multiple-rows]){-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width>=40rem){.formie-likert-field-layout[data-formie-likert-multiple-rows]{width:max-content;min-width:100%}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-column-label,.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-option{min-width:var(--formie-survey-likert-column-min-width,5.5rem)}}.formie-likert-row-label-header,.formie-likert-row-label{text-align:left;color:var(--formie-survey-likert-label-color,var(--formie-color-heading));word-break:break-word;vertical-align:middle;font-weight:var(--formie-font-weight-medium);padding:.65rem .75rem .65rem 0}.formie-likert-row-label-header{font-weight:var(--formie-font-weight-normal);padding-bottom:.5rem}.formie-likert-field-layout[data-formie-likert-multiple-rows]{table-layout:auto}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-row-label-header,.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-row-label{white-space:nowrap;width:1%;padding-right:1rem}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row .formie-likert-row-label{border-top-left-radius:var(--formie-border-radius);border-bottom-left-radius:var(--formie-border-radius)}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row .formie-likert-option:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.formie-likert-inputs-row--alt .formie-likert-row-label,.formie-likert-inputs-row--alt .formie-likert-option{background-color:var(--formie-survey-likert-option-background-alt,var(--formie-color-surface))}.formie-likert-option{text-align:center;vertical-align:middle;background-color:var(--formie-survey-likert-option-background,var(--formie-color-surface-muted));padding:.65rem .35rem}.formie-likert-inputs-row .formie-likert-option:first-child{border-top-left-radius:var(--formie-border-radius);border-bottom-left-radius:var(--formie-border-radius)}.formie-likert-inputs-row .formie-likert-option:last-child{border-top-right-radius:var(--formie-border-radius);border-bottom-right-radius:var(--formie-border-radius)}.formie-likert-option .formie-radio-option-label{width:var(--formie-check-size);height:var(--formie-check-size);line-height:var(--formie-check-size);padding-left:0;overflow:hidden}.formie-likert-option .formie-likert-option-label-text{display:none}.formie-likert-option .formie-radio-option-label:before{top:0;left:0}@media (width<=39.999rem){[data-formie-field-control]:has(>[data-formie-likert-field-layout]){overflow-x:visible}.formie-likert-field-layout{table-layout:auto;background-color:#0000;border-radius:0;width:100%;padding:0;display:block}.formie-likert-column-labels{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.formie-likert-field-layout thead,.formie-likert-field-layout tbody,.formie-likert-field-layout tr,.formie-likert-field-layout th,.formie-likert-field-layout td{width:100%;display:block}.formie-likert-inputs-row{margin:0 0 var(--formie-space-2);padding:var(--formie-space-2) var(--formie-space-3);border-radius:var(--formie-border-radius);background-color:var(--formie-survey-likert-option-background,var(--formie-color-surface-muted))}.formie-likert-inputs-row:last-child{margin-bottom:0}.formie-likert-inputs-row--alt{background-color:var(--formie-survey-likert-option-background-alt,var(--formie-color-surface))}.formie-likert-option{padding:var(--formie-space-2) 0;text-align:left;background-color:#0000;border-radius:0;min-width:0;display:block}.formie-likert-option:first-child{padding-top:0}.formie-likert-option:last-child{padding-bottom:0}.formie-likert-option .formie-radio-option-label{width:auto;height:auto;padding-left:var(--formie-check-label-padding-left);line-height:var(--formie-check-line-height);font-weight:var(--formie-font-weight-normal);color:var(--formie-color-text);overflow:visible}.formie-likert-option .formie-likert-option-label-text{display:inline}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-row-label{width:100%;padding:0 0 var(--formie-space-2);font-weight:var(--formie-font-weight-medium);white-space:normal;background-color:#0000;display:block}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row{border-top:0}.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row .formie-likert-row-label,.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row .formie-likert-option:first-child,.formie-likert-field-layout[data-formie-likert-multiple-rows] .formie-likert-inputs-row .formie-likert-option:last-child{border-radius:0}}.formie-rank-field-layout{width:100%}.formie-rank-list,.formie-rank-field-layout .formie-rank-list.formie-field-options{margin:var(--formie-space-1) 0 0;gap:var(--formie-survey-rank-list-gap,var(--formie-space-2));flex-flow:column;padding:0;list-style:none;display:flex}.formie-rank-list[data-formie-rank-sorting=true]{-webkit-user-select:none;user-select:none}.formie-rank-item{align-items:center;gap:var(--formie-space-2);padding:var(--formie-space-2) var(--formie-space-3);border:var(--formie-border-width) solid var(--formie-survey-rank-item-border-color,var(--formie-color-border));border-radius:var(--formie-border-radius);background:var(--formie-survey-rank-item-background,var(--formie-color-surface));cursor:move;touch-action:none;margin:0;display:flex}.formie-rank-placeholder{box-sizing:border-box;background:0 0;border:0;margin:0;padding:0;list-style:none}.formie-rank-handle{width:.875rem;height:1.125rem;color:var(--formie-survey-rank-handle-color,var(--formie-color-text-muted));opacity:.6;cursor:move;pointer-events:none;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.formie-rank-handle:before{content:\"\";background:currentColor;width:13px;height:.875rem;display:block;-webkit-mask:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M288 128C288 92.7 259.3 64 224 64C188.7 64 160 92.7 160 128C160 163.3 188.7 192 224 192C259.3 192 288 163.3 288 128zM288 320C288 284.7 259.3 256 224 256C188.7 256 160 284.7 160 320C160 355.3 188.7 384 224 384C259.3 384 288 355.3 288 320zM160 512C160 547.3 188.7 576 224 576C259.3 576 288 547.3 288 512C288 476.7 259.3 448 224 448C188.7 448 160 476.7 160 512zM480 128C480 92.7 451.3 64 416 64C380.7 64 352 92.7 352 128C352 163.3 380.7 192 416 192C451.3 192 480 163.3 480 128zM352 320C352 355.3 380.7 384 416 384C451.3 384 480 355.3 480 320C480 284.7 451.3 256 416 256C380.7 256 352 284.7 352 320zM480 512C480 476.7 451.3 448 416 448C380.7 448 352 476.7 352 512C352 547.3 380.7 576 416 576C451.3 576 480 547.3 480 512z'/%3E%3C/svg%3E\") 50%/contain no-repeat;mask:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M288 128C288 92.7 259.3 64 224 64C188.7 64 160 92.7 160 128C160 163.3 188.7 192 224 192C259.3 192 288 163.3 288 128zM288 320C288 284.7 259.3 256 224 256C188.7 256 160 284.7 160 320C160 355.3 188.7 384 224 384C259.3 384 288 355.3 288 320zM160 512C160 547.3 188.7 576 224 576C259.3 576 288 547.3 288 512C288 476.7 259.3 448 224 448C188.7 448 160 476.7 160 512zM480 128C480 92.7 451.3 64 416 64C380.7 64 352 92.7 352 128C352 163.3 380.7 192 416 192C451.3 192 480 163.3 480 128zM352 320C352 355.3 380.7 384 416 384C451.3 384 480 355.3 480 320C480 284.7 451.3 256 416 256C380.7 256 352 284.7 352 320zM480 512C480 476.7 451.3 448 416 448C380.7 448 352 476.7 352 512C352 547.3 380.7 576 416 576C451.3 576 480 547.3 480 512z'/%3E%3C/svg%3E\") 50%/contain no-repeat}.formie-rank-option-label{font-size:var(--formie-check-font-size);line-height:var(--formie-check-line-height);flex:auto}.formie-rank-input{display:none}.formie-rating-field-layout{width:100%}.formie-rating-stars,.formie-rating-field-layout .formie-rating-stars.formie-field-options{padding:var(--formie-space-2) 0;--formie-survey-rating-star-size:26px;--formie-survey-rating-star-spacing:var(--formie-space-1);--formie-survey-rating-star-outline:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2023%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22.2%208.05333L15.7466%207.49333L13.2266%201.56C12.7733%200.48%2011.2266%200.48%2010.7733%201.56L8.25331%207.50667L1.81331%208.05333C0.639975%208.14667%200.159975%209.61333%201.05331%2010.3867L5.94664%2014.6267L4.47998%2020.92C4.21331%2022.0667%205.45331%2022.9733%206.46664%2022.36L12%2019.0267L17.5333%2022.3733C18.5466%2022.9867%2019.7866%2022.08%2019.52%2020.9333L18.0533%2014.6267L22.9466%2010.3867C23.84%209.61333%2023.3733%208.14667%2022.2%208.05333ZM12%2016.5333L6.98664%2019.56L8.31998%2013.8533L3.89331%2010.0133L9.73331%209.50667L12%204.13333L14.28%209.52L20.12%2010.0267L15.6933%2013.8667L17.0266%2019.5733L12%2016.5333Z%22%20fill%3D%22%23E27730%22%2F%3E%3C%2Fsvg%3E);--formie-survey-rating-star-filled:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2023%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%2019.0267L17.5333%2022.3733C18.5466%2022.9867%2019.7866%2022.08%2019.52%2020.9333L18.0533%2014.64L22.9466%2010.4C23.84%209.62667%2023.36%208.16%2022.1866%208.06667L15.7466%207.52L13.2266%201.57334C12.7733%200.493336%2011.2266%200.493336%2010.7733%201.57334L8.25331%207.50667L1.81331%208.05334C0.639975%208.14667%200.159975%209.61334%201.05331%2010.3867L5.94664%2014.6267L4.47997%2020.92C4.21331%2022.0667%205.45331%2022.9733%206.46664%2022.36L12%2019.0267Z%22%20fill%3D%22%23E27730%22%2F%3E%3C%2Fsvg%3E);flex-wrap:nowrap;align-items:center;gap:0;display:inline-flex}.formie-rating-option{cursor:pointer;align-items:center;gap:0;margin:0;position:relative}.formie-rating-input{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.formie-rating-option-label{cursor:pointer;padding-inline:calc(var(--formie-survey-rating-star-spacing,var(--formie-space-1)) / 2);display:inline-flex}.formie-rating-star{width:var(--formie-survey-rating-star-size,26px);height:var(--formie-survey-rating-star-size,26px);background:50%/contain no-repeat;background-image:var(--formie-survey-rating-star-outline);display:block}.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"1\"] .formie-rating-option:nth-child(-n+1) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"2\"] .formie-rating-option:nth-child(-n+2) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"3\"] .formie-rating-option:nth-child(-n+3) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"4\"] .formie-rating-option:nth-child(-n+4) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"5\"] .formie-rating-option:nth-child(-n+5) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"6\"] .formie-rating-option:nth-child(-n+6) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"7\"] .formie-rating-option:nth-child(-n+7) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"8\"] .formie-rating-option:nth-child(-n+8) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"9\"] .formie-rating-option:nth-child(-n+9) .formie-rating-star,.formie-rating-stars:not([data-formie-rating-hover])[data-formie-rating-value=\"10\"] .formie-rating-option:nth-child(-n+10) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"1\"] .formie-rating-option:nth-child(-n+1) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"2\"] .formie-rating-option:nth-child(-n+2) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"3\"] .formie-rating-option:nth-child(-n+3) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"4\"] .formie-rating-option:nth-child(-n+4) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"5\"] .formie-rating-option:nth-child(-n+5) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"6\"] .formie-rating-option:nth-child(-n+6) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"7\"] .formie-rating-option:nth-child(-n+7) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"8\"] .formie-rating-option:nth-child(-n+8) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"9\"] .formie-rating-option:nth-child(-n+9) .formie-rating-star,.formie-rating-stars[data-formie-rating-hover=\"10\"] .formie-rating-option:nth-child(-n+10) .formie-rating-star{background-image:var(--formie-survey-rating-star-filled)}.formie-rating-input:focus-visible+.formie-rating-option-label .formie-rating-star{outline:2px solid var(--formie-color-focus-ring);outline-offset:2px}}";
-//#endregion
-export { e as t };

package/dist/chunks/checkbox-radio-DQ0H67Tj.js

@@ -1,125 +0,0 @@
-import { t as e } from "./debug-BV0DvdHx.js";
-import { c as t, l as n, n as r, t as i } from "./shared-Bx9s0i0P.js";
-//#region src/js/modules/fields/checkbox-radio.ts
-var a = "[data-formie-checkboxes-field-layout], [data-formie-radio-field-layout]", o = "minmaxOptions", s = "data-formie-checkbox-radio-max-disabled", c = "checkbox-radio", l = "checkbox-radio", u = e("fields", "checkbox-radio");
-function d(e) {
-	return e.hasAttribute("data-checkbox-toggle") || e.hasAttribute("data-formie-checkbox-toggle");
-}
-function f(e) {
-	let t = e(o);
-	if (!t || t === !0 || typeof t != "object") return {
-		min: null,
-		max: null
-	};
-	let n = t;
-	return {
-		min: typeof n.min == "number" ? n.min : null,
-		max: typeof n.max == "number" ? n.max : null
-	};
-}
-function p(e) {
-	return Array.from(e.querySelectorAll("input[type=\"checkbox\"]")).filter((e) => e instanceof HTMLInputElement && !d(e)).filter((e) => e.checked).length;
-}
-function m(e) {
-	n(e, l, (e) => {
-		e.addValidator(o, ({ field: e, getRule: t }) => {
-			if (!e || !t(o)) return !0;
-			let n = p(e), { min: r, max: i } = f(t);
-			return !(r !== null && n < r || i !== null && n > i);
-		}, ({ field: e, label: t, t: n, getRule: r }) => {
-			if (!e) return n("{label} has an invalid value.", { label: t });
-			let i = p(e), { min: a, max: o } = f(r);
-			return a !== null && i < a ? e.getAttribute("data-formie-validation-min-options-message") ?? n("{label} should contain at least {min, number} {min, plural, one{option} other{options}}.", {
-				label: t,
-				min: a
-			}) : o !== null && i > o ? e.getAttribute("data-formie-validation-max-options-message") ?? n("{label} should contain at most {max, number} {max, plural, one{option} other{options}}.", {
-				label: t,
-				max: o
-			}) : n("{label} has an invalid value.", { label: t });
-		});
-	});
-}
-function h(e) {
-	t(e, l, [o]);
-}
-function g(e) {
-	e.checked ? e.setAttribute("checked", "") : e.removeAttribute("checked");
-}
-function _(e) {
-	let t = Array.from(e.querySelectorAll("input[type=\"checkbox\"][required][data-formie-checkbox-input]")).filter((e) => e instanceof HTMLInputElement);
-	if (!t.length) return;
-	let n = t.some((e) => e.checked);
-	t.forEach((e) => {
-		if (n) {
-			e.removeAttribute("required"), e.setAttribute("aria-required", "false");
-			return;
-		}
-		e.setAttribute("required", "true"), e.setAttribute("aria-required", "true");
-	});
-}
-function v(e) {
-	let t = parseInt(e.closest("[data-formie-field-handle]")?.getAttribute("data-formie-max-options") || "", 10);
-	if (!(t > 0)) return;
-	let n = Array.from(e.querySelectorAll("input[type=\"checkbox\"]")).filter((e) => e instanceof HTMLInputElement && !d(e)), r = n.filter((e) => e.checked).length >= t;
-	n.forEach((e) => {
-		let t = r && !e.checked, n = e.hasAttribute(s);
-		if (t) {
-			e.disabled || (e.disabled = !0, e.setAttribute(s, "true"));
-			return;
-		}
-		n && (e.disabled = !1, e.removeAttribute(s));
-	});
-}
-function y(e, t) {
-	Array.from(e.querySelectorAll("input[type=\"checkbox\"]")).filter((e) => e instanceof HTMLInputElement && e !== t && !d(e)).forEach((e) => {
-		e.disabled && !e.checked || (e.checked = t.checked, g(e), e.dispatchEvent(new Event("change", { bubbles: !0 })), e.dispatchEvent(new Event("input", { bubbles: !0 })));
-	});
-}
-function b(e, t) {
-	if (!e.checked || !e.name) {
-		g(e);
-		return;
-	}
-	Array.from(t.querySelectorAll(`input[type="radio"][name="${r(e.name)}"]`)).filter((e) => e instanceof HTMLInputElement).forEach((e) => {
-		g(e);
-	});
-}
-function x(e) {
-	let t = Array.from(e.querySelectorAll("input[type=\"checkbox\"], input[type=\"radio\"]")).filter((e) => e instanceof HTMLInputElement);
-	if (!t.length) return u.log("No checkbox/radio inputs found for field."), () => {};
-	let n = t.map((t) => {
-		let n = t.type === "radio" ? "change" : "click", r = () => {
-			g(t), t.type === "checkbox" && d(t) && y(e, t), t.type === "radio" && b(t, e), _(e), v(e), u.log("Input interaction processed.", {
-				inputName: t.name,
-				inputType: t.type,
-				checked: t.checked
-			});
-		};
-		return t.addEventListener(n, r), g(t), () => {
-			t.removeEventListener(n, r);
-		};
-	});
-	return _(e), v(e), i(e, c, "init", { checkboxRadio: e }), () => {
-		n.forEach((e) => {
-			e();
-		});
-	};
-}
-var S = {
-	id: c,
-	kind: "field",
-	match: (e) => e.target instanceof HTMLElement && (e.target.matches(a) || !!e.target.querySelector(a)),
-	setup: async (e) => {
-		if (!(e.target instanceof HTMLElement)) return;
-		let t = e.target.matches(a) ? [e.target] : Array.from(e.target.querySelectorAll(a)).filter((e) => e instanceof HTMLElement);
-		m(e.form), u.log("Module setup.", { fieldCount: t.length });
-		let n = t.map((e) => x(e));
-		return await e.emit("formie:module:checkbox-radio:init", { count: t.length }), { destroy: () => {
-			n.forEach((e) => {
-				e();
-			}), h(e.form), u.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:checkbox-radio:destroy", {});
-		} };
-	}
-};
-//#endregion
-export { S as checkboxRadioModule };