@samline/forms 2.3.1 → 2.3.2

package/README.md

@@ -42,10 +42,10 @@ Requires Node 20+ when bundling. Runtime target is ES2020.
 Use the browser build when you do not have a bundler and need to run the package directly in HTML, Shopify, WordPress, or any traditional template.
 
 ```html
-<script src="https://unpkg.com/@samline/forms@2.3.1/dist/browser/global.global.js"></script>
+<script src="https://unpkg.com/@samline/forms@2.3.2/dist/browser/global.global.js"></script>
 ```
 
-> Pin the version in production. Replace `2.3.1` with the version you ship.
+> Pin the version in production. Replace `2.3.2` with the version you ship.
 
 The browser bundle exposes a single global: `window.Forms`.
 
@@ -55,7 +55,7 @@ The browser bundle exposes a single global: `window.Forms`.
   <button type="submit">Send</button>
 </form>
 
-<script src="https://unpkg.com/@samline/forms@2.3.1/dist/browser/global.global.js"></script>
+<script src="https://unpkg.com/@samline/forms@2.3.2/dist/browser/global.global.js"></script>
 <script>
   const contactForm = window.Forms.newForm({ id: 'contact-form' })
 

package/dist/browser/global.global.js

@@ -4973,6 +4973,15 @@ var Forms = (() => {
     }
     return null;
   };
+  var resolveDisplayNameForName = (state2, name) => {
+    const bucket = registry.get(state2);
+    if (!bucket) return name;
+    for (const [canonical, entry] of bucket) {
+      if (canonical === name) return entry.displayName;
+      if (entry.displayName === name) return entry.displayName;
+    }
+    return name;
+  };
   var cleanupFormatRegistry = (state2) => {
     if (!state2.element) {
       registry.delete(state2);
@@ -5562,10 +5571,11 @@ var Forms = (() => {
       if (!name) return;
       clearFieldCache();
       const canonical = resolveCanonicalForName(state2, name) ?? name;
+      const displayName = resolveDisplayNameForName(state2, name);
       if (normalizedOptions.clearManualErrorsOnChange) {
         delete state2.manualErrors[canonical];
       }
-      syncVisualState([canonical]);
+      syncVisualState([displayName]);
       if (state2.isValidated && state2.validators[canonical]) {
         validateNames([canonical]);
       }