@samline/forms 2.3.4 → 2.4.0

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.4/dist/browser/global.global.js"></script>
+<script src="https://unpkg.com/@samline/forms@2.4.0/dist/browser/global.global.js"></script>
 ```
 
-> Pin the version in production. Replace `2.3.4` with the version you ship.
+> Pin the version in production. Replace `2.4.0` 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.4/dist/browser/global.global.js"></script>
+<script src="https://unpkg.com/@samline/forms@2.4.0/dist/browser/global.global.js"></script>
 <script>
   const contactForm = window.Forms.newForm({ id: 'contact-form' })
 

package/dist/browser/global.global.js

@@ -4846,6 +4846,11 @@ var Forms = (() => {
     const candidate = event;
     return typeof candidate.inputType === "string" ? candidate.inputType : void 0;
   };
+  var buildAutoInterpretedOptions = (formatOptions) => ({
+    ...formatOptions ?? {},
+    interpretInputAs: "auto"
+  });
+  var shouldForceAutoInterpretation = (formatOptions) => formatOptions?.interpretInputAs === void 0;
   var buildHandler = (visible, mirror, formatFn, formatType, formatOptions) => {
     const handler = (event) => {
       if (!visible.isConnected || !mirror.isConnected) return;
@@ -4854,7 +4859,8 @@ var Forms = (() => {
       if (!isVisible && !isMirror) return;
       const rawInput = isMirror ? mirror.value : visible.value;
       const inputType = readInputType(event);
-      const { formatted, raw } = formatFn(rawInput, formatType, formatOptions);
+      const sourceOptions = isMirror && shouldForceAutoInterpretation(formatOptions) ? buildAutoInterpretedOptions(formatOptions) : formatOptions;
+      const { formatted, raw } = formatFn(rawInput, formatType, sourceOptions);
       if (!formatted && !raw) {
         visible.value = "";
         if (mirror.value !== "") mirror.value = "";
@@ -4939,7 +4945,8 @@ var Forms = (() => {
       entry.handler = handler;
       const initial = entry.visible.value;
       if (initial !== "") {
-        const { formatted, raw } = formatter.format(initial, formatType, formatOptions);
+        const initialOptions = shouldForceAutoInterpretation(formatOptions) ? buildAutoInterpretedOptions(formatOptions) : formatOptions;
+        const { formatted, raw } = formatter.format(initial, formatType, initialOptions);
         applyFormattedValue(entry.visible, entry.mirror, formatted, raw);
       } else if (entry.mirrorIsOwned && entry.mirror.value !== "") {
         entry.mirror.value = "";