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

package/dist/browser/global.global.js

@@ -4168,6 +4168,12 @@ var Forms = (() => {
     if (lowercase) chars += "a-z";
     if (numbers) chars += "0-9";
     if (special) chars += `!@#$%^&*()_+\\-=\\[\\]{}|;:'",.<>?/`;
+    const requirements = [
+      uppercase ? "(?=.*[A-Z])" : "",
+      lowercase ? "(?=.*[a-z])" : "",
+      numbers ? "(?=.*[0-9])" : "",
+      special ? `(?=.*[!@#$%^&*()_+\\-=\\[\\]{}|;:'",.<>?/])` : ""
+    ].join("");
     const ruleParts = [];
     if (uppercase) ruleParts.push("uppercase letter");
     if (lowercase) ruleParts.push("lowercase letter");
@@ -4175,7 +4181,7 @@ var Forms = (() => {
     if (special) ruleParts.push("special character");
     const rulesText = ruleParts.length > 2 ? ruleParts.slice(0, -1).join(", ") + " and " + ruleParts.slice(-1) : ruleParts.join(" and ");
     return {
-      pattern: new RegExp(`^[${chars}]{${min},${max}}$`),
+      pattern: new RegExp(`^${requirements}[${chars}]{${min},${max}}$`),
       errorMessage: `Password must be ${min}-${max} characters with at least one ${rulesText}.`
     };
   }
@@ -4304,7 +4310,7 @@ var Forms = (() => {
       looksLikeRawDate = (value, options) => {
         if (!value) return false;
         const delimiter = options.delimiter ?? "/";
-        if (value.includes(delimiter)) return false;
+        if (delimiter.length > 0 && value.includes(delimiter)) return false;
         const rawPattern = options.dateRawPattern ?? DEFAULT_DATE_RAW_PATTERN;
         const expectedLength = getRawPatternLength(rawPattern);
         const digits2 = value.replace(/\D/g, "");
@@ -4313,7 +4319,7 @@ var Forms = (() => {
       looksLikeRawTime = (value, options) => {
         if (!value) return false;
         const delimiter = options.delimiter ?? ":";
-        if (value.includes(delimiter)) return false;
+        if (delimiter.length > 0 && value.includes(delimiter)) return false;
         const rawPattern = options.timeRawPattern ?? options.timePattern ?? DEFAULT_TIME_RAW_PATTERN;
         const expectedLength = getTimePatternLength(rawPattern);
         const digits2 = value.replace(/\D/g, "");
@@ -4358,16 +4364,19 @@ var Forms = (() => {
         );
       };
       stripPrefixAndSuffix = (value, options = {}) => {
-        if (!value || !options.prefix) return value;
-        const { prefix } = options;
+        if (!value) return value;
+        const { prefix, suffix } = options;
         const tailPrefix = options.tailPrefix ?? false;
-        if (tailPrefix && value.endsWith(prefix)) {
-          return value.slice(0, -prefix.length);
+        let result = value;
+        if (suffix && result.endsWith(suffix)) {
+          result = result.slice(0, -suffix.length);
         }
-        if (!tailPrefix && value.startsWith(prefix)) {
-          return value.slice(prefix.length);
+        if (prefix && tailPrefix && result.endsWith(prefix)) {
+          result = result.slice(0, -prefix.length);
+        } else if (prefix && !tailPrefix && result.startsWith(prefix)) {
+          result = result.slice(prefix.length);
         }
-        return value;
+        return result;
       };
       getRawValue = (value, formatType, options = {}) => {
         if (!value) return "";
@@ -5025,6 +5034,10 @@ var Forms = (() => {
     ...formatOptions ?? {},
     interpretInputAs: "auto"
   });
+  var buildDisplayInterpretedOptions = (formatOptions) => ({
+    ...formatOptions ?? {},
+    interpretInputAs: "display"
+  });
   var shouldForceAutoInterpretation = (formatOptions) => formatOptions?.interpretInputAs === void 0;
   var buildHandler = (visible, mirror, formatFn, formatType, formatOptions) => {
     const handler = (event) => {
@@ -5034,7 +5047,7 @@ var Forms = (() => {
       if (!isVisible && !isMirror) return;
       const rawInput = isMirror ? mirror.value : visible.value;
       const inputType = readInputType(event);
-      const sourceOptions = isMirror && shouldForceAutoInterpretation(formatOptions) ? buildAutoInterpretedOptions(formatOptions) : formatOptions;
+      const sourceOptions = shouldForceAutoInterpretation(formatOptions) ? isMirror ? buildAutoInterpretedOptions(formatOptions) : buildDisplayInterpretedOptions(formatOptions) : formatOptions;
       const { formatted, raw } = formatFn(rawInput, formatType, sourceOptions);
       if (!formatted && !raw) {
         visible.value = "";
@@ -5116,7 +5129,8 @@ var Forms = (() => {
       if (entry.handler !== UNBOUND) {
         const current = entry.visible.value;
         if (current !== "") {
-          const { formatted, raw } = formatter.format(current, formatType, formatOptions);
+          const rebindOptions = shouldForceAutoInterpretation(formatOptions) ? buildDisplayInterpretedOptions(formatOptions) : formatOptions;
+          const { formatted, raw } = formatter.format(current, formatType, rebindOptions);
           applyFormattedValue(entry.visible, entry.mirror, formatted, raw);
         }
         continue;