@optionfactory/fml 9.0.0-rc28 → 9.0.0-rc29

package/dist/fml.iife.js

@@ -71,7 +71,7 @@ var fml = (function (exports) {
         },
     };
 
-    // @generated by Peggy 5.1.0.
+    // @generated by Peggy 5.1.1.
     //
     // https://peggyjs.org/
 
@@ -137,10 +137,9 @@ var fml = (function (exports) {
           return s;
         }
 
-        function literalEscape(s) {
+        function escape(s, special) {
           return unicodeEscape(s
-            .replace(/\\/g, "\\\\")
-            .replace(/"/g,  "\\\"")
+            .replace(special, "\\$&")
             .replace(/\0/g, "\\0")
             .replace(/\t/g, "\\t")
             .replace(/\n/g, "\\n")
@@ -149,18 +148,12 @@ var fml = (function (exports) {
             .replace(/[\x10-\x1F\x7F-\x9F]/g, ch => "\\x"  + hex(ch)));
         }
 
+        function literalEscape(s) {
+          return escape(s, /[\\"]/g);
+        }
+
         function classEscape(s) {
-          return unicodeEscape(s
-            .replace(/\\/g, "\\\\")
-            .replace(/\]/g, "\\]")
-            .replace(/\^/g, "\\^")
-            .replace(/-/g,  "\\-")
-            .replace(/\0/g, "\\0")
-            .replace(/\t/g, "\\t")
-            .replace(/\n/g, "\\n")
-            .replace(/\r/g, "\\r")
-            .replace(/[\x00-\x0F]/g,          ch => "\\x0" + hex(ch))
-            .replace(/[\x10-\x1F\x7F-\x9F]/g, ch => "\\x"  + hex(ch)));
+          return escape(s, /[\\\]^-]/g);
         }
 
         const DESCRIBE_EXPECTATION_FNS = {
@@ -278,14 +271,6 @@ var fml = (function (exports) {
       const peg$c53 = "<=";
       const peg$c54 = "<";
 
-      const peg$r0 = /^[^\\{]/;
-      const peg$r1 = /^[0-9]/;
-      const peg$r2 = /^[^']/;
-      const peg$r3 = /^[^"]/;
-      const peg$r4 = /^[^\\`{]/;
-      const peg$r5 = /^[a-zA-Z$_]/;
-      const peg$r6 = /^[a-zA-Z$_0-9]/;
-      const peg$r7 = /^[ \t\n\r]/;
 
       const peg$e0 = peg$literalExpectation("{{{{", false);
       const peg$e1 = peg$literalExpectation("}}}}", false);
@@ -443,9 +428,10 @@ var fml = (function (exports) {
       let peg$maxFailExpected = options.peg$maxFailExpected || [];
       let peg$silentFails = options.peg$silentFails | 0;
 
-      let peg$resultsCache = {};
+      let peg$resultsCache = new Map();
 
       let peg$result;
+      let peg$charCode;
 
       if (options.startRule) {
         if (!(options.startRule in peg$startRuleFunctions)) {
@@ -564,7 +550,7 @@ var fml = (function (exports) {
         let s0, s1;
 
         const key = peg$currPos * 38 + 0;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -573,13 +559,13 @@ var fml = (function (exports) {
         }
 
         s0 = [];
-        s1 = peg$parseTemplatedExpression();
-        while (s1 !== peg$FAILED) {
-          s0.push(s1);
+        for (;;) {
           s1 = peg$parseTemplatedExpression();
+          if (s1 === peg$FAILED) { break; }
+          s0.push(s1);
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -588,7 +574,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s3, s4;
 
         const key = peg$currPos * 38 + 1;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -684,7 +670,7 @@ var fml = (function (exports) {
           }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -693,7 +679,7 @@ var fml = (function (exports) {
         let s0;
 
         const key = peg$currPos * 38 + 2;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -709,7 +695,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e0); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -718,7 +704,7 @@ var fml = (function (exports) {
         let s0;
 
         const key = peg$currPos * 38 + 3;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -734,7 +720,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e1); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -743,7 +729,7 @@ var fml = (function (exports) {
         let s0;
 
         const key = peg$currPos * 38 + 4;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -759,7 +745,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e2); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -768,7 +754,7 @@ var fml = (function (exports) {
         let s0;
 
         const key = peg$currPos * 38 + 5;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -784,7 +770,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e3); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -793,7 +779,7 @@ var fml = (function (exports) {
         let s0;
 
         const key = peg$currPos * 38 + 6;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -809,7 +795,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e4); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -818,7 +804,7 @@ var fml = (function (exports) {
         let s0;
 
         const key = peg$currPos * 38 + 7;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -834,7 +820,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e5); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -843,7 +829,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s3, s4, s5, s6;
 
         const key = peg$currPos * 38 + 8;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -853,211 +839,104 @@ var fml = (function (exports) {
 
         s0 = peg$currPos;
         s1 = [];
-        s2 = peg$currPos;
-        s3 = [];
-        s4 = input.charAt(peg$currPos);
-        if (peg$r0.test(s4)) {
-          peg$currPos++;
-        } else {
-          s4 = peg$FAILED;
-          if (peg$silentFails === 0) { peg$fail(peg$e6); }
-        }
-        if (s4 !== peg$FAILED) {
-          while (s4 !== peg$FAILED) {
-            s3.push(s4);
+        for (;;) {
+          s2 = peg$currPos;
+          s3 = [];
+          for (;;) {
             s4 = input.charAt(peg$currPos);
-            if (peg$r0.test(s4)) {
+            if (s4 !== "" && !(peg$charCode = s4.charCodeAt(0), peg$charCode === 92 || peg$charCode === 123)) {
               peg$currPos++;
             } else {
               s4 = peg$FAILED;
               if (peg$silentFails === 0) { peg$fail(peg$e6); }
             }
+            if (s4 === peg$FAILED) { break; }
+            s3.push(s4);
           }
-        } else {
-          s3 = peg$FAILED;
-        }
-        if (s3 !== peg$FAILED) {
-          s2 = input.substring(s2, peg$currPos);
-        } else {
-          s2 = s3;
-        }
-        if (s2 === peg$FAILED) {
-          s2 = peg$currPos;
-          if (input.charCodeAt(peg$currPos) === 92) {
-            s3 = peg$c7;
-            peg$currPos++;
-          } else {
+          if (s3.length < 1) {
             s3 = peg$FAILED;
-            if (peg$silentFails === 0) { peg$fail(peg$e7); }
           }
           if (s3 !== peg$FAILED) {
-            if (input.length > peg$currPos) {
-              s4 = input.charAt(peg$currPos);
-              peg$currPos++;
-            } else {
-              s4 = peg$FAILED;
-              if (peg$silentFails === 0) { peg$fail(peg$e8); }
-            }
-            if (s4 !== peg$FAILED) {
-              s2 = peg$f4(s4);
-            } else {
-              peg$currPos = s2;
-              s2 = peg$FAILED;
-            }
+            s2 = input.substring(s2, peg$currPos);
           } else {
-            peg$currPos = s2;
-            s2 = peg$FAILED;
+            s2 = s3;
           }
           if (s2 === peg$FAILED) {
             s2 = peg$currPos;
-            s3 = peg$currPos;
-            if (input.charCodeAt(peg$currPos) === 123) {
-              s4 = peg$c9;
+            if (input.charCodeAt(peg$currPos) === 92) {
+              s3 = peg$c7;
               peg$currPos++;
             } else {
-              s4 = peg$FAILED;
-              if (peg$silentFails === 0) { peg$fail(peg$e9); }
+              s3 = peg$FAILED;
+              if (peg$silentFails === 0) { peg$fail(peg$e7); }
             }
-            if (s4 !== peg$FAILED) {
-              s5 = peg$currPos;
-              peg$silentFails++;
-              if (input.charCodeAt(peg$currPos) === 123) {
-                s6 = peg$c9;
+            if (s3 !== peg$FAILED) {
+              if (input.length > peg$currPos) {
+                s4 = input.charAt(peg$currPos);
                 peg$currPos++;
               } else {
-                s6 = peg$FAILED;
-                if (peg$silentFails === 0) { peg$fail(peg$e9); }
-              }
-              peg$silentFails--;
-              if (s6 === peg$FAILED) {
-                s5 = undefined;
-              } else {
-                peg$currPos = s5;
-                s5 = peg$FAILED;
+                s4 = peg$FAILED;
+                if (peg$silentFails === 0) { peg$fail(peg$e8); }
               }
-              if (s5 !== peg$FAILED) {
-                s4 = [s4, s5];
-                s3 = s4;
+              if (s4 !== peg$FAILED) {
+                s2 = peg$f4(s4);
               } else {
-                peg$currPos = s3;
-                s3 = peg$FAILED;
-              }
-            } else {
-              peg$currPos = s3;
-              s3 = peg$FAILED;
-            }
-            if (s3 !== peg$FAILED) {
-              s2 = input.substring(s2, peg$currPos);
-            } else {
-              s2 = s3;
-            }
-          }
-        }
-        if (s2 !== peg$FAILED) {
-          while (s2 !== peg$FAILED) {
-            s1.push(s2);
-            s2 = peg$currPos;
-            s3 = [];
-            s4 = input.charAt(peg$currPos);
-            if (peg$r0.test(s4)) {
-              peg$currPos++;
-            } else {
-              s4 = peg$FAILED;
-              if (peg$silentFails === 0) { peg$fail(peg$e6); }
-            }
-            if (s4 !== peg$FAILED) {
-              while (s4 !== peg$FAILED) {
-                s3.push(s4);
-                s4 = input.charAt(peg$currPos);
-                if (peg$r0.test(s4)) {
-                  peg$currPos++;
-                } else {
-                  s4 = peg$FAILED;
-                  if (peg$silentFails === 0) { peg$fail(peg$e6); }
-                }
+                peg$currPos = s2;
+                s2 = peg$FAILED;
               }
             } else {
-              s3 = peg$FAILED;
-            }
-            if (s3 !== peg$FAILED) {
-              s2 = input.substring(s2, peg$currPos);
-            } else {
-              s2 = s3;
+              peg$currPos = s2;
+              s2 = peg$FAILED;
             }
             if (s2 === peg$FAILED) {
               s2 = peg$currPos;
-              if (input.charCodeAt(peg$currPos) === 92) {
-                s3 = peg$c7;
+              s3 = peg$currPos;
+              if (input.charCodeAt(peg$currPos) === 123) {
+                s4 = peg$c9;
                 peg$currPos++;
               } else {
-                s3 = peg$FAILED;
-                if (peg$silentFails === 0) { peg$fail(peg$e7); }
-              }
-              if (s3 !== peg$FAILED) {
-                if (input.length > peg$currPos) {
-                  s4 = input.charAt(peg$currPos);
-                  peg$currPos++;
-                } else {
-                  s4 = peg$FAILED;
-                  if (peg$silentFails === 0) { peg$fail(peg$e8); }
-                }
-                if (s4 !== peg$FAILED) {
-                  s2 = peg$f4(s4);
-                } else {
-                  peg$currPos = s2;
-                  s2 = peg$FAILED;
-                }
-              } else {
-                peg$currPos = s2;
-                s2 = peg$FAILED;
+                s4 = peg$FAILED;
+                if (peg$silentFails === 0) { peg$fail(peg$e9); }
               }
-              if (s2 === peg$FAILED) {
-                s2 = peg$currPos;
-                s3 = peg$currPos;
+              if (s4 !== peg$FAILED) {
+                s5 = peg$currPos;
+                peg$silentFails++;
                 if (input.charCodeAt(peg$currPos) === 123) {
-                  s4 = peg$c9;
+                  s6 = peg$c9;
                   peg$currPos++;
                 } else {
-                  s4 = peg$FAILED;
+                  s6 = peg$FAILED;
                   if (peg$silentFails === 0) { peg$fail(peg$e9); }
                 }
-                if (s4 !== peg$FAILED) {
-                  s5 = peg$currPos;
-                  peg$silentFails++;
-                  if (input.charCodeAt(peg$currPos) === 123) {
-                    s6 = peg$c9;
-                    peg$currPos++;
-                  } else {
-                    s6 = peg$FAILED;
-                    if (peg$silentFails === 0) { peg$fail(peg$e9); }
-                  }
-                  peg$silentFails--;
-                  if (s6 === peg$FAILED) {
-                    s5 = undefined;
-                  } else {
-                    peg$currPos = s5;
-                    s5 = peg$FAILED;
-                  }
-                  if (s5 !== peg$FAILED) {
-                    s4 = [s4, s5];
-                    s3 = s4;
-                  } else {
-                    peg$currPos = s3;
-                    s3 = peg$FAILED;
-                  }
+                peg$silentFails--;
+                if (s6 === peg$FAILED) {
+                  s5 = undefined;
                 } else {
-                  peg$currPos = s3;
-                  s3 = peg$FAILED;
+                  peg$currPos = s5;
+                  s5 = peg$FAILED;
                 }
-                if (s3 !== peg$FAILED) {
-                  s2 = input.substring(s2, peg$currPos);
+                if (s5 !== peg$FAILED) {
+                  s4 = [s4, s5];
+                  s3 = s4;
                 } else {
-                  s2 = s3;
+                  peg$currPos = s3;
+                  s3 = peg$FAILED;
                 }
+              } else {
+                peg$currPos = s3;
+                s3 = peg$FAILED;
+              }
+              if (s3 !== peg$FAILED) {
+                s2 = input.substring(s2, peg$currPos);
+              } else {
+                s2 = s3;
               }
             }
           }
-        } else {
+          if (s2 === peg$FAILED) { break; }
+          s1.push(s2);
+        }
+        if (s1.length < 1) {
           s1 = peg$FAILED;
         }
         if (s1 !== peg$FAILED) {
@@ -1065,7 +944,7 @@ var fml = (function (exports) {
         }
         s0 = s1;
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1074,7 +953,7 @@ var fml = (function (exports) {
         let s0, s2;
 
         const key = peg$currPos * 38 + 9;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1093,7 +972,7 @@ var fml = (function (exports) {
           s0 = peg$FAILED;
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1102,7 +981,7 @@ var fml = (function (exports) {
         let s0, s1, s3, s5, s7, s9;
 
         const key = peg$currPos * 38 + 10;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1162,7 +1041,7 @@ var fml = (function (exports) {
           s0 = peg$parseElvisExpression();
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1171,7 +1050,7 @@ var fml = (function (exports) {
         let s0, s1, s3, s5;
 
         const key = peg$currPos * 38 + 11;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1211,7 +1090,7 @@ var fml = (function (exports) {
           s0 = peg$parseNullCoalescingExpression();
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1220,7 +1099,7 @@ var fml = (function (exports) {
         let s0, s1, s3, s5;
 
         const key = peg$currPos * 38 + 12;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1260,7 +1139,7 @@ var fml = (function (exports) {
           s0 = peg$parseOrExpression();
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1269,7 +1148,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s3, s5, s7;
 
         const key = peg$currPos * 38 + 13;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1281,30 +1160,7 @@ var fml = (function (exports) {
         s1 = peg$parseAndExpression();
         if (s1 !== peg$FAILED) {
           s2 = [];
-          s3 = peg$currPos;
-          peg$parse_();
-          if (input.substr(peg$currPos, 2) === peg$c22) {
-            s5 = peg$c22;
-            peg$currPos += 2;
-          } else {
-            s5 = peg$FAILED;
-            if (peg$silentFails === 0) { peg$fail(peg$e14); }
-          }
-          if (s5 !== peg$FAILED) {
-            peg$parse_();
-            s7 = peg$parseAndExpression();
-            if (s7 !== peg$FAILED) {
-              s3 = s7;
-            } else {
-              peg$currPos = s3;
-              s3 = peg$FAILED;
-            }
-          } else {
-            peg$currPos = s3;
-            s3 = peg$FAILED;
-          }
-          while (s3 !== peg$FAILED) {
-            s2.push(s3);
+          for (;;) {
             s3 = peg$currPos;
             peg$parse_();
             if (input.substr(peg$currPos, 2) === peg$c22) {
@@ -1327,6 +1183,8 @@ var fml = (function (exports) {
               peg$currPos = s3;
               s3 = peg$FAILED;
             }
+            if (s3 === peg$FAILED) { break; }
+            s2.push(s3);
           }
           s0 = peg$f10(s1, s2);
         } else {
@@ -1334,7 +1192,7 @@ var fml = (function (exports) {
           s0 = peg$FAILED;
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1343,7 +1201,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s3, s5, s7;
 
         const key = peg$currPos * 38 + 14;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1355,30 +1213,7 @@ var fml = (function (exports) {
         s1 = peg$parseEqExpression();
         if (s1 !== peg$FAILED) {
           s2 = [];
-          s3 = peg$currPos;
-          peg$parse_();
-          if (input.substr(peg$currPos, 2) === peg$c24) {
-            s5 = peg$c24;
-            peg$currPos += 2;
-          } else {
-            s5 = peg$FAILED;
-            if (peg$silentFails === 0) { peg$fail(peg$e15); }
-          }
-          if (s5 !== peg$FAILED) {
-            peg$parse_();
-            s7 = peg$parseEqExpression();
-            if (s7 !== peg$FAILED) {
-              s3 = s7;
-            } else {
-              peg$currPos = s3;
-              s3 = peg$FAILED;
-            }
-          } else {
-            peg$currPos = s3;
-            s3 = peg$FAILED;
-          }
-          while (s3 !== peg$FAILED) {
-            s2.push(s3);
+          for (;;) {
             s3 = peg$currPos;
             peg$parse_();
             if (input.substr(peg$currPos, 2) === peg$c24) {
@@ -1401,6 +1236,8 @@ var fml = (function (exports) {
               peg$currPos = s3;
               s3 = peg$FAILED;
             }
+            if (s3 === peg$FAILED) { break; }
+            s2.push(s3);
           }
           s0 = peg$f11(s1, s2);
         } else {
@@ -1408,7 +1245,7 @@ var fml = (function (exports) {
           s0 = peg$FAILED;
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1417,7 +1254,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s3, s5, s7;
 
         const key = peg$currPos * 38 + 15;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1429,24 +1266,7 @@ var fml = (function (exports) {
         s1 = peg$parseRelExpression();
         if (s1 !== peg$FAILED) {
           s2 = [];
-          s3 = peg$currPos;
-          peg$parse_();
-          s5 = peg$parseEqualityOp();
-          if (s5 !== peg$FAILED) {
-            peg$parse_();
-            s7 = peg$parseRelExpression();
-            if (s7 !== peg$FAILED) {
-              s3 = peg$f12(s1, s5, s7);
-            } else {
-              peg$currPos = s3;
-              s3 = peg$FAILED;
-            }
-          } else {
-            peg$currPos = s3;
-            s3 = peg$FAILED;
-          }
-          while (s3 !== peg$FAILED) {
-            s2.push(s3);
+          for (;;) {
             s3 = peg$currPos;
             peg$parse_();
             s5 = peg$parseEqualityOp();
@@ -1463,6 +1283,8 @@ var fml = (function (exports) {
               peg$currPos = s3;
               s3 = peg$FAILED;
             }
+            if (s3 === peg$FAILED) { break; }
+            s2.push(s3);
           }
           s0 = peg$f13(s1, s2);
         } else {
@@ -1470,7 +1292,7 @@ var fml = (function (exports) {
           s0 = peg$FAILED;
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1479,7 +1301,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s3, s5, s7;
 
         const key = peg$currPos * 38 + 16;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1491,24 +1313,7 @@ var fml = (function (exports) {
         s1 = peg$parseNotExpression();
         if (s1 !== peg$FAILED) {
           s2 = [];
-          s3 = peg$currPos;
-          peg$parse_();
-          s5 = peg$parseRelationalOp();
-          if (s5 !== peg$FAILED) {
-            peg$parse_();
-            s7 = peg$parseNotExpression();
-            if (s7 !== peg$FAILED) {
-              s3 = peg$f14(s1, s5, s7);
-            } else {
-              peg$currPos = s3;
-              s3 = peg$FAILED;
-            }
-          } else {
-            peg$currPos = s3;
-            s3 = peg$FAILED;
-          }
-          while (s3 !== peg$FAILED) {
-            s2.push(s3);
+          for (;;) {
             s3 = peg$currPos;
             peg$parse_();
             s5 = peg$parseRelationalOp();
@@ -1525,6 +1330,8 @@ var fml = (function (exports) {
               peg$currPos = s3;
               s3 = peg$FAILED;
             }
+            if (s3 === peg$FAILED) { break; }
+            s2.push(s3);
           }
           s0 = peg$f15(s1, s2);
         } else {
@@ -1532,7 +1339,7 @@ var fml = (function (exports) {
           s0 = peg$FAILED;
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1541,7 +1348,7 @@ var fml = (function (exports) {
         let s0, s1, s3;
 
         const key = peg$currPos * 38 + 17;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1574,7 +1381,7 @@ var fml = (function (exports) {
           s0 = peg$parseAccess();
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1583,7 +1390,7 @@ var fml = (function (exports) {
         let s0, s1, s3, s4, s5;
 
         const key = peg$currPos * 38 + 18;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1596,29 +1403,20 @@ var fml = (function (exports) {
         if (s1 !== peg$FAILED) {
           peg$parse_();
           s3 = [];
-          s4 = peg$currPos;
-          s5 = peg$parseAccessExpression();
-          if (s5 !== peg$FAILED) {
-            peg$parse_();
-            s4 = s5;
-          } else {
-            peg$currPos = s4;
-            s4 = peg$FAILED;
-          }
-          if (s4 !== peg$FAILED) {
-            while (s4 !== peg$FAILED) {
-              s3.push(s4);
-              s4 = peg$currPos;
-              s5 = peg$parseAccessExpression();
-              if (s5 !== peg$FAILED) {
-                peg$parse_();
-                s4 = s5;
-              } else {
-                peg$currPos = s4;
-                s4 = peg$FAILED;
-              }
+          for (;;) {
+            s4 = peg$currPos;
+            s5 = peg$parseAccessExpression();
+            if (s5 !== peg$FAILED) {
+              peg$parse_();
+              s4 = s5;
+            } else {
+              peg$currPos = s4;
+              s4 = peg$FAILED;
             }
-          } else {
+            if (s4 === peg$FAILED) { break; }
+            s3.push(s4);
+          }
+          if (s3.length < 1) {
             s3 = peg$FAILED;
           }
           if (s3 !== peg$FAILED) {
@@ -1635,7 +1433,7 @@ var fml = (function (exports) {
           s0 = peg$parseGroupingExpression();
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1644,7 +1442,7 @@ var fml = (function (exports) {
         let s0;
 
         const key = peg$currPos * 38 + 19;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1660,7 +1458,7 @@ var fml = (function (exports) {
           }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1669,7 +1467,7 @@ var fml = (function (exports) {
         let s0, s1, s3;
 
         const key = peg$currPos * 38 + 20;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1714,7 +1512,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e17); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1723,7 +1521,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s4, s6;
 
         const key = peg$currPos * 38 + 21;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1782,7 +1580,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e20); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1791,7 +1589,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s4, s5, s6, s7, s9;
 
         const key = peg$currPos * 38 + 22;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1833,30 +1631,7 @@ var fml = (function (exports) {
             s4 = null;
           }
           s5 = [];
-          s6 = peg$currPos;
-          if (input.charCodeAt(peg$currPos) === 44) {
-            s7 = peg$c34;
-            peg$currPos++;
-          } else {
-            s7 = peg$FAILED;
-            if (peg$silentFails === 0) { peg$fail(peg$e25); }
-          }
-          if (s7 !== peg$FAILED) {
-            peg$parse_();
-            s9 = peg$parseTernaryExpression();
-            if (s9 !== peg$FAILED) {
-              peg$parse_();
-              s6 = s9;
-            } else {
-              peg$currPos = s6;
-              s6 = peg$FAILED;
-            }
-          } else {
-            peg$currPos = s6;
-            s6 = peg$FAILED;
-          }
-          while (s6 !== peg$FAILED) {
-            s5.push(s6);
+          for (;;) {
             s6 = peg$currPos;
             if (input.charCodeAt(peg$currPos) === 44) {
               s7 = peg$c34;
@@ -1879,6 +1654,8 @@ var fml = (function (exports) {
               peg$currPos = s6;
               s6 = peg$FAILED;
             }
+            if (s6 === peg$FAILED) { break; }
+            s5.push(s6);
           }
           if (input.charCodeAt(peg$currPos) === 41) {
             s6 = peg$c36;
@@ -1903,7 +1680,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e23); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1912,7 +1689,7 @@ var fml = (function (exports) {
         let s0, s1, s3, s5;
 
         const key = peg$currPos * 38 + 23;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -1964,7 +1741,7 @@ var fml = (function (exports) {
           }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -1973,7 +1750,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s4, s5, s6, s7, s9;
 
         const key = peg$currPos * 38 + 24;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -2007,30 +1784,7 @@ var fml = (function (exports) {
               s4 = null;
             }
             s5 = [];
-            s6 = peg$currPos;
-            if (input.charCodeAt(peg$currPos) === 44) {
-              s7 = peg$c34;
-              peg$currPos++;
-            } else {
-              s7 = peg$FAILED;
-              if (peg$silentFails === 0) { peg$fail(peg$e25); }
-            }
-            if (s7 !== peg$FAILED) {
-              peg$parse_();
-              s9 = peg$parseTernaryExpression();
-              if (s9 !== peg$FAILED) {
-                peg$parse_();
-                s6 = s9;
-              } else {
-                peg$currPos = s6;
-                s6 = peg$FAILED;
-              }
-            } else {
-              peg$currPos = s6;
-              s6 = peg$FAILED;
-            }
-            while (s6 !== peg$FAILED) {
-              s5.push(s6);
+            for (;;) {
               s6 = peg$currPos;
               if (input.charCodeAt(peg$currPos) === 44) {
                 s7 = peg$c34;
@@ -2053,6 +1807,8 @@ var fml = (function (exports) {
                 peg$currPos = s6;
                 s6 = peg$FAILED;
               }
+              if (s6 === peg$FAILED) { break; }
+              s5.push(s6);
             }
             if (input.charCodeAt(peg$currPos) === 41) {
               s6 = peg$c36;
@@ -2081,7 +1837,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e27); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -2090,7 +1846,7 @@ var fml = (function (exports) {
         let s0;
 
         const key = peg$currPos * 38 + 25;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -2109,7 +1865,7 @@ var fml = (function (exports) {
           }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -2118,7 +1874,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s3, s4, s5, s6, s7, s8, s9;
 
         const key = peg$currPos * 38 + 26;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -2142,25 +1898,18 @@ var fml = (function (exports) {
         }
         s4 = peg$currPos;
         s5 = [];
-        s6 = input.charAt(peg$currPos);
-        if (peg$r1.test(s6)) {
-          peg$currPos++;
-        } else {
-          s6 = peg$FAILED;
-          if (peg$silentFails === 0) { peg$fail(peg$e30); }
-        }
-        if (s6 !== peg$FAILED) {
-          while (s6 !== peg$FAILED) {
-            s5.push(s6);
-            s6 = input.charAt(peg$currPos);
-            if (peg$r1.test(s6)) {
-              peg$currPos++;
-            } else {
-              s6 = peg$FAILED;
-              if (peg$silentFails === 0) { peg$fail(peg$e30); }
-            }
+        for (;;) {
+          s6 = input.charAt(peg$currPos);
+          if ((peg$charCode = s6.charCodeAt(0), (peg$charCode >= 48 && peg$charCode <= 57))) {
+            peg$currPos++;
+          } else {
+            s6 = peg$FAILED;
+            if (peg$silentFails === 0) { peg$fail(peg$e30); }
           }
-        } else {
+          if (s6 === peg$FAILED) { break; }
+          s5.push(s6);
+        }
+        if (s5.length < 1) {
           s5 = peg$FAILED;
         }
         if (s5 !== peg$FAILED) {
@@ -2174,22 +1923,16 @@ var fml = (function (exports) {
           }
           if (s7 !== peg$FAILED) {
             s8 = [];
-            s9 = input.charAt(peg$currPos);
-            if (peg$r1.test(s9)) {
-              peg$currPos++;
-            } else {
-              s9 = peg$FAILED;
-              if (peg$silentFails === 0) { peg$fail(peg$e30); }
-            }
-            while (s9 !== peg$FAILED) {
-              s8.push(s9);
+            for (;;) {
               s9 = input.charAt(peg$currPos);
-              if (peg$r1.test(s9)) {
+              if ((peg$charCode = s9.charCodeAt(0), (peg$charCode >= 48 && peg$charCode <= 57))) {
                 peg$currPos++;
               } else {
                 s9 = peg$FAILED;
                 if (peg$silentFails === 0) { peg$fail(peg$e30); }
               }
+              if (s9 === peg$FAILED) { break; }
+              s8.push(s9);
             }
             s7 = [s7, s8];
             s6 = s7;
@@ -2217,25 +1960,18 @@ var fml = (function (exports) {
           }
           if (s5 !== peg$FAILED) {
             s6 = [];
-            s7 = input.charAt(peg$currPos);
-            if (peg$r1.test(s7)) {
-              peg$currPos++;
-            } else {
-              s7 = peg$FAILED;
-              if (peg$silentFails === 0) { peg$fail(peg$e30); }
-            }
-            if (s7 !== peg$FAILED) {
-              while (s7 !== peg$FAILED) {
-                s6.push(s7);
-                s7 = input.charAt(peg$currPos);
-                if (peg$r1.test(s7)) {
-                  peg$currPos++;
-                } else {
-                  s7 = peg$FAILED;
-                  if (peg$silentFails === 0) { peg$fail(peg$e30); }
-                }
+            for (;;) {
+              s7 = input.charAt(peg$currPos);
+              if ((peg$charCode = s7.charCodeAt(0), (peg$charCode >= 48 && peg$charCode <= 57))) {
+                peg$currPos++;
+              } else {
+                s7 = peg$FAILED;
+                if (peg$silentFails === 0) { peg$fail(peg$e30); }
               }
-            } else {
+              if (s7 === peg$FAILED) { break; }
+              s6.push(s7);
+            }
+            if (s6.length < 1) {
               s6 = peg$FAILED;
             }
             if (s6 !== peg$FAILED) {
@@ -2272,7 +2008,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e28); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -2281,7 +2017,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s3, s4;
 
         const key = peg$currPos * 38 + 27;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -2301,22 +2037,16 @@ var fml = (function (exports) {
         if (s1 !== peg$FAILED) {
           s2 = peg$currPos;
           s3 = [];
-          s4 = input.charAt(peg$currPos);
-          if (peg$r2.test(s4)) {
-            peg$currPos++;
-          } else {
-            s4 = peg$FAILED;
-            if (peg$silentFails === 0) { peg$fail(peg$e33); }
-          }
-          while (s4 !== peg$FAILED) {
-            s3.push(s4);
+          for (;;) {
             s4 = input.charAt(peg$currPos);
-            if (peg$r2.test(s4)) {
+            if (s4 !== "" && !(peg$charCode = s4.charCodeAt(0), peg$charCode === 39)) {
               peg$currPos++;
             } else {
               s4 = peg$FAILED;
               if (peg$silentFails === 0) { peg$fail(peg$e33); }
             }
+            if (s4 === peg$FAILED) { break; }
+            s3.push(s4);
           }
           s2 = input.substring(s2, peg$currPos);
           if (input.charCodeAt(peg$currPos) === 39) {
@@ -2348,22 +2078,16 @@ var fml = (function (exports) {
           if (s1 !== peg$FAILED) {
             s2 = peg$currPos;
             s3 = [];
-            s4 = input.charAt(peg$currPos);
-            if (peg$r3.test(s4)) {
-              peg$currPos++;
-            } else {
-              s4 = peg$FAILED;
-              if (peg$silentFails === 0) { peg$fail(peg$e35); }
-            }
-            while (s4 !== peg$FAILED) {
-              s3.push(s4);
+            for (;;) {
               s4 = input.charAt(peg$currPos);
-              if (peg$r3.test(s4)) {
+              if (s4 !== "" && !(peg$charCode = s4.charCodeAt(0), peg$charCode === 34)) {
                 peg$currPos++;
               } else {
                 s4 = peg$FAILED;
                 if (peg$silentFails === 0) { peg$fail(peg$e35); }
               }
+              if (s4 === peg$FAILED) { break; }
+              s3.push(s4);
             }
             s2 = input.substring(s2, peg$currPos);
             if (input.charCodeAt(peg$currPos) === 34) {
@@ -2394,16 +2118,13 @@ var fml = (function (exports) {
             }
             if (s1 !== peg$FAILED) {
               s2 = [];
-              s3 = peg$parseTemplateStringExpression();
-              if (s3 === peg$FAILED) {
-                s3 = peg$parseTemplateStringLiteral();
-              }
-              while (s3 !== peg$FAILED) {
-                s2.push(s3);
+              for (;;) {
                 s3 = peg$parseTemplateStringExpression();
                 if (s3 === peg$FAILED) {
                   s3 = peg$parseTemplateStringLiteral();
                 }
+                if (s3 === peg$FAILED) { break; }
+                s2.push(s3);
               }
               if (input.charCodeAt(peg$currPos) === 96) {
                 s3 = peg$c42;
@@ -2430,7 +2151,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e31); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -2439,7 +2160,7 @@ var fml = (function (exports) {
         let s0, s1, s3, s5;
 
         const key = peg$currPos * 38 + 28;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -2488,7 +2209,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e37); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -2497,7 +2218,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s3, s4;
 
         const key = peg$currPos * 38 + 29;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -2508,123 +2229,60 @@ var fml = (function (exports) {
         peg$silentFails++;
         s0 = peg$currPos;
         s1 = [];
-        s2 = peg$currPos;
-        s3 = [];
-        s4 = input.charAt(peg$currPos);
-        if (peg$r4.test(s4)) {
-          peg$currPos++;
-        } else {
-          s4 = peg$FAILED;
-          if (peg$silentFails === 0) { peg$fail(peg$e40); }
-        }
-        if (s4 !== peg$FAILED) {
-          while (s4 !== peg$FAILED) {
-            s3.push(s4);
+        for (;;) {
+          s2 = peg$currPos;
+          s3 = [];
+          for (;;) {
             s4 = input.charAt(peg$currPos);
-            if (peg$r4.test(s4)) {
+            if (s4 !== "" && !(peg$charCode = s4.charCodeAt(0), peg$charCode === 92 || peg$charCode === 96 || peg$charCode === 123)) {
               peg$currPos++;
             } else {
               s4 = peg$FAILED;
               if (peg$silentFails === 0) { peg$fail(peg$e40); }
             }
+            if (s4 === peg$FAILED) { break; }
+            s3.push(s4);
           }
-        } else {
-          s3 = peg$FAILED;
-        }
-        if (s3 !== peg$FAILED) {
-          s2 = input.substring(s2, peg$currPos);
-        } else {
-          s2 = s3;
-        }
-        if (s2 === peg$FAILED) {
-          s2 = peg$currPos;
-          if (input.charCodeAt(peg$currPos) === 92) {
-            s3 = peg$c7;
-            peg$currPos++;
-          } else {
+          if (s3.length < 1) {
             s3 = peg$FAILED;
-            if (peg$silentFails === 0) { peg$fail(peg$e7); }
           }
           if (s3 !== peg$FAILED) {
-            if (input.length > peg$currPos) {
-              s4 = input.charAt(peg$currPos);
-              peg$currPos++;
-            } else {
-              s4 = peg$FAILED;
-              if (peg$silentFails === 0) { peg$fail(peg$e8); }
-            }
-            if (s4 !== peg$FAILED) {
-              s2 = peg$f28(s4);
-            } else {
-              peg$currPos = s2;
-              s2 = peg$FAILED;
-            }
+            s2 = input.substring(s2, peg$currPos);
           } else {
-            peg$currPos = s2;
-            s2 = peg$FAILED;
+            s2 = s3;
           }
-        }
-        if (s2 !== peg$FAILED) {
-          while (s2 !== peg$FAILED) {
-            s1.push(s2);
+          if (s2 === peg$FAILED) {
             s2 = peg$currPos;
-            s3 = [];
-            s4 = input.charAt(peg$currPos);
-            if (peg$r4.test(s4)) {
+            if (input.charCodeAt(peg$currPos) === 92) {
+              s3 = peg$c7;
               peg$currPos++;
-            } else {
-              s4 = peg$FAILED;
-              if (peg$silentFails === 0) { peg$fail(peg$e40); }
-            }
-            if (s4 !== peg$FAILED) {
-              while (s4 !== peg$FAILED) {
-                s3.push(s4);
-                s4 = input.charAt(peg$currPos);
-                if (peg$r4.test(s4)) {
-                  peg$currPos++;
-                } else {
-                  s4 = peg$FAILED;
-                  if (peg$silentFails === 0) { peg$fail(peg$e40); }
-                }
-              }
             } else {
               s3 = peg$FAILED;
+              if (peg$silentFails === 0) { peg$fail(peg$e7); }
             }
             if (s3 !== peg$FAILED) {
-              s2 = input.substring(s2, peg$currPos);
-            } else {
-              s2 = s3;
-            }
-            if (s2 === peg$FAILED) {
-              s2 = peg$currPos;
-              if (input.charCodeAt(peg$currPos) === 92) {
-                s3 = peg$c7;
+              if (input.length > peg$currPos) {
+                s4 = input.charAt(peg$currPos);
                 peg$currPos++;
               } else {
-                s3 = peg$FAILED;
-                if (peg$silentFails === 0) { peg$fail(peg$e7); }
+                s4 = peg$FAILED;
+                if (peg$silentFails === 0) { peg$fail(peg$e8); }
               }
-              if (s3 !== peg$FAILED) {
-                if (input.length > peg$currPos) {
-                  s4 = input.charAt(peg$currPos);
-                  peg$currPos++;
-                } else {
-                  s4 = peg$FAILED;
-                  if (peg$silentFails === 0) { peg$fail(peg$e8); }
-                }
-                if (s4 !== peg$FAILED) {
-                  s2 = peg$f28(s4);
-                } else {
-                  peg$currPos = s2;
-                  s2 = peg$FAILED;
-                }
+              if (s4 !== peg$FAILED) {
+                s2 = peg$f28(s4);
               } else {
                 peg$currPos = s2;
                 s2 = peg$FAILED;
               }
+            } else {
+              peg$currPos = s2;
+              s2 = peg$FAILED;
             }
           }
-        } else {
+          if (s2 === peg$FAILED) { break; }
+          s1.push(s2);
+        }
+        if (s1.length < 1) {
           s1 = peg$FAILED;
         }
         if (s1 !== peg$FAILED) {
@@ -2651,7 +2309,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e39); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -2660,7 +2318,7 @@ var fml = (function (exports) {
         let s0, s1, s3, s5, s6, s7, s9;
 
         const key = peg$currPos * 38 + 30;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -2685,30 +2343,7 @@ var fml = (function (exports) {
           }
           peg$parse_();
           s5 = [];
-          s6 = peg$currPos;
-          if (input.charCodeAt(peg$currPos) === 44) {
-            s7 = peg$c34;
-            peg$currPos++;
-          } else {
-            s7 = peg$FAILED;
-            if (peg$silentFails === 0) { peg$fail(peg$e25); }
-          }
-          if (s7 !== peg$FAILED) {
-            peg$parse_();
-            s9 = peg$parseTernaryExpression();
-            if (s9 !== peg$FAILED) {
-              peg$parse_();
-              s6 = s9;
-            } else {
-              peg$currPos = s6;
-              s6 = peg$FAILED;
-            }
-          } else {
-            peg$currPos = s6;
-            s6 = peg$FAILED;
-          }
-          while (s6 !== peg$FAILED) {
-            s5.push(s6);
+          for (;;) {
             s6 = peg$currPos;
             if (input.charCodeAt(peg$currPos) === 44) {
               s7 = peg$c34;
@@ -2731,6 +2366,8 @@ var fml = (function (exports) {
               peg$currPos = s6;
               s6 = peg$FAILED;
             }
+            if (s6 === peg$FAILED) { break; }
+            s5.push(s6);
           }
           if (input.charCodeAt(peg$currPos) === 93) {
             s6 = peg$c31;
@@ -2755,7 +2392,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e41); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -2764,7 +2401,7 @@ var fml = (function (exports) {
         let s0, s1, s3, s4, s5, s6, s7, s8, s9, s11, s13;
 
         const key = peg$currPos * 38 + 31;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -2816,50 +2453,7 @@ var fml = (function (exports) {
           }
           s4 = peg$parse_();
           s5 = [];
-          s6 = peg$currPos;
-          if (input.charCodeAt(peg$currPos) === 44) {
-            s7 = peg$c34;
-            peg$currPos++;
-          } else {
-            s7 = peg$FAILED;
-            if (peg$silentFails === 0) { peg$fail(peg$e25); }
-          }
-          if (s7 !== peg$FAILED) {
-            s8 = peg$parse_();
-            s9 = peg$parseStringLiteral();
-            if (s9 !== peg$FAILED) {
-              peg$parse_();
-              if (input.charCodeAt(peg$currPos) === 58) {
-                s11 = peg$c15;
-                peg$currPos++;
-              } else {
-                s11 = peg$FAILED;
-                if (peg$silentFails === 0) { peg$fail(peg$e11); }
-              }
-              if (s11 !== peg$FAILED) {
-                peg$parse_();
-                s13 = peg$parseTernaryExpression();
-                if (s13 !== peg$FAILED) {
-                  peg$parse_();
-                  s6 = [ s9, s13 ];
-                } else {
-                  peg$currPos = s6;
-                  s6 = peg$FAILED;
-                }
-              } else {
-                peg$currPos = s6;
-                s6 = peg$FAILED;
-              }
-            } else {
-              peg$currPos = s6;
-              s6 = peg$FAILED;
-            }
-          } else {
-            peg$currPos = s6;
-            s6 = peg$FAILED;
-          }
-          while (s6 !== peg$FAILED) {
-            s5.push(s6);
+          for (;;) {
             s6 = peg$currPos;
             if (input.charCodeAt(peg$currPos) === 44) {
               s7 = peg$c34;
@@ -2902,6 +2496,8 @@ var fml = (function (exports) {
               peg$currPos = s6;
               s6 = peg$FAILED;
             }
+            if (s6 === peg$FAILED) { break; }
+            s5.push(s6);
           }
           if (input.charCodeAt(peg$currPos) === 125) {
             s6 = peg$c43;
@@ -2926,7 +2522,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e42); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -2935,7 +2531,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s3, s4;
 
         const key = peg$currPos * 38 + 32;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -2993,7 +2589,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e43); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -3002,7 +2598,7 @@ var fml = (function (exports) {
         let s0, s1, s2, s3, s4;
 
         const key = peg$currPos * 38 + 33;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -3013,7 +2609,7 @@ var fml = (function (exports) {
         s0 = peg$currPos;
         s1 = peg$currPos;
         s2 = input.charAt(peg$currPos);
-        if (peg$r5.test(s2)) {
+        if ((peg$charCode = s2.charCodeAt(0), (peg$charCode >= 97 && peg$charCode <= 122) || (peg$charCode >= 65 && peg$charCode <= 90) || peg$charCode === 36 || peg$charCode === 95)) {
           peg$currPos++;
         } else {
           s2 = peg$FAILED;
@@ -3021,22 +2617,16 @@ var fml = (function (exports) {
         }
         if (s2 !== peg$FAILED) {
           s3 = [];
-          s4 = input.charAt(peg$currPos);
-          if (peg$r6.test(s4)) {
-            peg$currPos++;
-          } else {
-            s4 = peg$FAILED;
-            if (peg$silentFails === 0) { peg$fail(peg$e46); }
-          }
-          while (s4 !== peg$FAILED) {
-            s3.push(s4);
+          for (;;) {
             s4 = input.charAt(peg$currPos);
-            if (peg$r6.test(s4)) {
+            if ((peg$charCode = s4.charCodeAt(0), (peg$charCode >= 97 && peg$charCode <= 122) || (peg$charCode >= 65 && peg$charCode <= 90) || peg$charCode === 36 || peg$charCode === 95 || (peg$charCode >= 48 && peg$charCode <= 57))) {
               peg$currPos++;
             } else {
               s4 = peg$FAILED;
               if (peg$silentFails === 0) { peg$fail(peg$e46); }
             }
+            if (s4 === peg$FAILED) { break; }
+            s3.push(s4);
           }
           s2 = [s2, s3];
           s1 = s2;
@@ -3050,7 +2640,7 @@ var fml = (function (exports) {
           s0 = s1;
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -3059,7 +2649,7 @@ var fml = (function (exports) {
         let s0, s1;
 
         const key = peg$currPos * 38 + 34;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -3080,7 +2670,7 @@ var fml = (function (exports) {
           if (peg$silentFails === 0) { peg$fail(peg$e47); }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -3089,7 +2679,7 @@ var fml = (function (exports) {
         let s0;
 
         const key = peg$currPos * 38 + 35;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -3114,7 +2704,7 @@ var fml = (function (exports) {
           }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -3123,7 +2713,7 @@ var fml = (function (exports) {
         let s0;
 
         const key = peg$currPos * 38 + 36;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -3166,7 +2756,7 @@ var fml = (function (exports) {
           }
         }
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -3175,7 +2765,7 @@ var fml = (function (exports) {
         let s0, s1;
 
         const key = peg$currPos * 38 + 37;
-        const cached = peg$resultsCache[key];
+        const cached = peg$resultsCache.get(key);
 
         if (cached) {
           peg$currPos = cached.nextPos;
@@ -3185,26 +2775,20 @@ var fml = (function (exports) {
 
         peg$silentFails++;
         s0 = [];
-        s1 = input.charAt(peg$currPos);
-        if (peg$r7.test(s1)) {
-          peg$currPos++;
-        } else {
-          s1 = peg$FAILED;
-          if (peg$silentFails === 0) { peg$fail(peg$e54); }
-        }
-        while (s1 !== peg$FAILED) {
-          s0.push(s1);
+        for (;;) {
           s1 = input.charAt(peg$currPos);
-          if (peg$r7.test(s1)) {
+          if ((peg$charCode = s1.charCodeAt(0), peg$charCode === 32 || peg$charCode === 9 || peg$charCode === 10 || peg$charCode === 13)) {
             peg$currPos++;
           } else {
             s1 = peg$FAILED;
             if (peg$silentFails === 0) { peg$fail(peg$e54); }
           }
+          if (s1 === peg$FAILED) { break; }
+          s0.push(s1);
         }
         peg$silentFails--;
 
-        peg$resultsCache[key] = { nextPos: peg$currPos, result: s0 };
+        peg$resultsCache.set(key, { nextPos: peg$currPos, result: s0 });
 
         return s0;
       }
@@ -3717,7 +3301,7 @@ var fml = (function (exports) {
                     el.removeAttribute('slot');
                     return [slot, LightSlots.slotFromNode(el)];
                 });
-            const slots = {};
+            const slots = Object.create(null);
             slots.default = new DocumentFragment();
             slots.default.append(...el.childNodes);
             for (const [name, el] of namedSlots) {
@@ -3783,6 +3367,13 @@ var fml = (function (exports) {
             if (win === null) {
                 return Promise.resolve();
             }
+            // interactive spans both the deferred scripts and the time between DOMContentLoaded and load
+            const [navigation] = /** @type {PerformanceNavigationTiming[]} */ (
+                win.performance?.getEntriesByType('navigation') ?? []
+            );
+            if (navigation?.domContentLoadedEventStart > 0) {
+                return Promise.resolve();
+            }
             return new Promise((resolve) => {
                 const done = () => {
                     win.removeEventListener('DOMContentLoaded', done);
@@ -3799,12 +3390,12 @@ var fml = (function (exports) {
          * resolves once the element, or any of its ancestors, gains a next sibling,
          * which is the parser having moved past this subtree. The document's
          * DOMContentLoaded is the deadline. Resolves immediately for an element
-         * that is already parsed.
+         * that is already parsed, or once the parser has finished the document.
          * @param {Element} el
          * @returns {Promise<Element>} the element
          */
         static waitParsed(el) {
-            if (Nodes.isParsed(el)) {
+            if (Nodes.isParsed(el) || el.ownerDocument.readyState !== 'loading') {
                 return Promise.resolve(el);
             }
             return new Promise((resolve) => {
@@ -3946,7 +3537,8 @@ var fml = (function (exports) {
             const statName = ops.popData(node, 'tplStat');
             const template = new Template(node, evaluator);
             const evaluated = evaluator.evaluateExpression(expression);
-            const proto = evaluated === null || typeof evaluated !== 'object' ? undefined : Object.getPrototypeOf(evaluated);
+            const proto =
+                evaluated === null || typeof evaluated !== 'object' ? undefined : Object.getPrototypeOf(evaluated);
             const plain = !evaluated?.[Symbol.iterator] && (proto === Object.prototype || proto === null);
             const dict = plain ? Object.entries(evaluated) : null;
             const keyed = evaluated instanceof Map ? [...evaluated] : dict;
@@ -4026,6 +3618,9 @@ var fml = (function (exports) {
             }
             const tuples = Array.isArray(attributesAndValues[0]) ? attributesAndValues : [attributesAndValues];
             tuples.forEach(([k, v]) => {
+                if (v === null || v === undefined) {
+                    return;
+                }
                 node.setAttribute(k, v);
             });
         }
@@ -5143,7 +4738,8 @@ var fml = (function (exports) {
     const PLACEHOLDER = /\{(\w+)\}/g;
     const POSITIONAL = /\{(\d+)\}/g;
     /** @param {any} v @returns {v is Record<string, string>} */
-    const isPlainObject = (v) => typeof v === 'object' && v !== null && !Array.isArray(v);
+    const isPlainObject = (v) =>
+        typeof v === 'object' && v !== null && [Object.prototype, null].includes(Object.getPrototypeOf(v));
 
     /** @param {any} problem @returns {string|undefined} the reason, unless it is missing or blank */
     const reasonOf = (problem) =>
@@ -5178,8 +4774,8 @@ var fml = (function (exports) {
     class Localization {
         /**
          * Resolves a message from the translations and interpolates its arguments.
-         * A single plain object argument interpolates named placeholders
-         * ({name}); anything else interpolates positional ones ({0}).
+         * A single plain object argument (an object literal, or one with a null
+         * prototype) interpolates named placeholders ({name}); anything else interpolates positional ones ({0}).
          * A plural leaf selects its form through Intl.PluralRules over the
          * numeric {count} named argument.
          *
@@ -5502,12 +5098,20 @@ var fml = (function (exports) {
             });
         }
         /**
-         * @param {Iterable<number>} bytes
+         * @param {Iterable<number>|ArrayBuffer|ArrayBufferView} bytes octets, or
+         * a buffer or view read as its bytes
          * @param {boolean} [upper] uppercase digits instead of lowercase
          * @returns {string} two digits per byte
          */
         static encode(bytes, upper) {
-            return Array.from(bytes)
+            let octets = /** @type {Iterable<number>} */ (bytes);
+            if (bytes instanceof ArrayBuffer) {
+                octets = new Uint8Array(bytes);
+            }
+            if (ArrayBuffer.isView(bytes)) {
+                octets = new Uint8Array(bytes.buffer, bytes.byteOffset, bytes.byteLength);
+            }
+            return Array.from(octets)
                 .map((b) => b.toString(16))
                 .map((b) => (upper ? b.toUpperCase() : b))
                 .map((o) => o.padStart(2, '0'))
@@ -5610,11 +5214,12 @@ var fml = (function (exports) {
         /**
          * The failure an error response stands for, keeping its status. An
          * `application/failures+json` body is the problems list; an
-         * `application/problem+json` body contributes its `problems`, or one
-         * GENERIC_PROBLEM made of its title and detail. Any other body is one
-         * GENERIC_PROBLEM carrying the body text. A json body that does not decode,
-         * or decodes to the wrong shape, and a body that cannot be read at all,
-         * each become one GENERIC_PROBLEM saying so.
+         * `application/problem+json` body contributes its non-empty `problems`
+         * array, or one GENERIC_PROBLEM made of whichever of its title and detail
+         * it has. Any other body is one GENERIC_PROBLEM carrying the body text. A
+         * json body that does not decode, or decodes to the wrong shape or to an
+         * empty failures array, and a body that cannot be read at all, each
+         * become one GENERIC_PROBLEM saying so.
          * @param {Response} response consumed
          * @returns {Promise<HttpClientError>}
          */
@@ -5626,7 +5231,10 @@ var fml = (function (exports) {
                         return HttpClientError.#undecodable(response);
                     }
                     if (!Array.isArray(data)) {
-                        return HttpClientError.#undecodable(response, 'as a failures array');
+                        return HttpClientError.#undecodable(response, 'does not decode as a failures array');
+                    }
+                    if (data.length === 0) {
+                        return HttpClientError.#undecodable(response, 'carries no failures');
                     }
                     const message = `${response.status} ${response.statusText}: ${data.length} failures`;
                     return new HttpClientError(message, response.status, data);
@@ -5637,13 +5245,18 @@ var fml = (function (exports) {
                         return HttpClientError.#undecodable(response);
                     }
                     if (typeof data !== 'object' || data === null || Array.isArray(data)) {
-                        return HttpClientError.#undecodable(response, 'as a problem object');
+                        return HttpClientError.#undecodable(response, 'does not decode as a problem object');
                     }
-                    const message = `${response.status} ${response.statusText}: ${data.title} ${data.detail}`;
+                    const text = [data.title, data.detail].filter((part) => part !== undefined && part !== null).join(' ');
+                    const message = text
+                        ? `${response.status} ${response.statusText}: ${text}`
+                        : `${response.status} ${response.statusText}`;
                     return new HttpClientError(
                         message,
                         response.status,
-                        data.problems || [HttpClientError.problem('GENERIC_PROBLEM', message)],
+                        Array.isArray(data.problems) && data.problems.length > 0
+                            ? data.problems
+                            : [HttpClientError.problem('GENERIC_PROBLEM', message)],
                     );
                 }
                 default: {
@@ -5654,11 +5267,11 @@ var fml = (function (exports) {
         static #unreadable = Symbol('unreadable body');
         /**
          * @param {Response} response
-         * @param {string} [as] what the body does not decode as
+         * @param {string} [flaw] what is wrong with the body
          */
-        static #undecodable(response, as = 'as json') {
+        static #undecodable(response, flaw = 'does not decode as json') {
             const mediaType = MediaType.parse(response.headers.get('Content-Type')).normalized;
-            const message = `${response.status} ${response.statusText}: the ${mediaType} body does not decode ${as}`;
+            const message = `${response.status} ${response.statusText}: the ${mediaType} body ${flaw}`;
             return new HttpClientError(message, response.status, [HttpClientError.problem('GENERIC_PROBLEM', message)]);
         }
         static async #generic(response) {
@@ -5755,7 +5368,7 @@ var fml = (function (exports) {
         }
         /** @returns {HttpClient} a client running the interceptors added so far */
         build() {
-            return new HttpClient(this.#interceptors);
+            return new HttpClient([...this.#interceptors]);
         }
     }
 
@@ -6961,7 +6574,9 @@ var fml = (function (exports) {
          * alone and a composite field named for a prefix catches the problems of its
          * subtree. Each control of that name gets `setCustomValidity(reason, rest)`,
          * `rest` being the remainder of the path (`''` on an exact match) that a
-         * composite can use to route the problem to an inner control.
+         * composite can use to route the problem to an inner control. Several
+         * problems reaching one control with the same `rest` are joined one per
+         * line into a single call.
          *
          * A control counts only when it can show a problem, through a
          * `setCustomValidity` of its own: a form-associated element that has none is
@@ -6976,7 +6591,8 @@ var fml = (function (exports) {
          * Each `ful-field-error` of the form gets `aria-live="off"` when
          * `scrollOnError` is set, since focusing the field announces its error, and
          * `aria-live="polite"` otherwise. With `scrollOnError` and at least one
-         * problem, the topmost `:invalid` control is focused.
+         * problem, the topmost `:invalid` control is focused; a `<fieldset>`
+         * matching `:invalid` for the controls it holds is not a candidate.
          *
          * A banner or `ful-field-error` belongs to the nearest enclosing form, so
          * those of a nested form are left alone.
@@ -7001,6 +6617,8 @@ var fml = (function (exports) {
                 });
             }
             const unmatched = [];
+            /** @type {Map<any, Map<string, string[]>>} */
+            const pins = new Map();
             fieldErrors.forEach((e) => {
                 const name = /** @type {string} */ (e.context).replace(/\[/g, '.').replace(/\]\./g, '.').replace(/\]/g, '');
                 const parts = name.split('.');
@@ -7012,12 +6630,19 @@ var fml = (function (exports) {
                     }
                     const context = parts.slice(i).join('.');
                     targets.forEach((input) => {
-                        input.setCustomValidity?.(e.reason, context);
+                        const contexts = pins.get(input) ?? new Map();
+                        contexts.set(context, [...(contexts.get(context) ?? []), e.reason]);
+                        pins.set(input, contexts);
                     });
                     return;
                 }
                 unmatched.push(e);
             });
+            for (const [input, contexts] of pins) {
+                for (const [context, reasons] of contexts) {
+                    input.setCustomValidity(reasons.join('\n'), context);
+                }
+            }
             const bannered = [...globalErrors, ...unmatched];
             form.querySelectorAll('ful-errors').forEach((el) => {
                 if (!ofForm(el)) {
@@ -7037,7 +6662,7 @@ var fml = (function (exports) {
                 return;
             }
             /** @type {HTMLElement[]} */ (Array.from(form.elements))
-                .filter((el) => el.matches(':invalid'))
+                .filter((el) => el.localName !== 'fieldset' && el.matches(':invalid'))
                 .sort((a, b) => a.getBoundingClientRect().y - b.getBoundingClientRect().y)[0]
                 ?.focus();
         }
@@ -7056,9 +6681,12 @@ var fml = (function (exports) {
      *
      * The claim setters, the validity protocol and the aria wiring all act on the
      * pieces, so a field with no native control returns a focusable piece of its
-     * own chrome as the control. The claim getters and `focus()` are the only
-     * members that tolerate a not yet rendered element; the other members need the
-     * pieces and so work only after the render.
+     * own chrome as the control. The claims, `value` and `focus()` are the
+     * members that tolerate a not yet rendered element: before the render the
+     * `value` getter answers what the rendered field would answer from its current
+     * declared state, and a value written then is held and applied by the render
+     * (see `_holdValue`). The other members need the pieces and so work only after
+     * the render.
      *
      * The inner controls carry `form=""`, so the host is the only element the form
      * sees. Enter pressed in an inner `<input>` of any type but `file`, `button`,
@@ -7094,6 +6722,8 @@ var fml = (function (exports) {
         #claims;
         #announces;
         #also = [];
+        /** @type {{ value: any } | null} the value written before the render, which the render applies */
+        #held = null;
         /** Sets the internals' role from the subclass's `static ROLE`. */
         constructor() {
             super();
@@ -7327,11 +6957,47 @@ var fml = (function (exports) {
         _interactive() {
             return !this.matches(':disabled') && !this.readonly;
         }
+        /**
+         * Upgrades as `ParsedElement.upgrade` does, then writes the value held by
+         * `_holdValue`, if any, through the `value` setter: the value written
+         * before the render wins over the declared one.
+         * @returns {Promise<void>} rejecting with what the render threw
+         */
+        async upgrade() {
+            await super.upgrade();
+            if (this.#held === null) {
+                return;
+            }
+            const { value } = this.#held;
+            this.#held = null;
+            this.value = value;
+        }
+        /**
+         * Keeps a value written before the field has its control, for a subclass's
+         * `value` setter to call in place of writing it: the upgrade writes it
+         * through the setter once the field has rendered, over the declared one.
+         * The `value` attribute is left alone, so a reset still restores it.
+         * @param {any} value
+         */
+        _holdValue(value) {
+            this.#held = { value };
+        }
+        /**
+         * The value a subclass's `value` getter shapes before the field has its
+         * control: the one `_holdValue` kept, else the declared `value` attribute
+         * read through its mapper.
+         * @returns {any}
+         */
+        _heldValue() {
+            return this.#held === null ? this.declared('value') : this.#held.value;
+        }
         /**
          * The field's value, `null` when empty. Every concrete field overrides the
          * pair with its own semantics; the form extraction, `values =` assignment,
          * the `change` detail and `formResetCallback` all go through it. The base
-         * pair reads `undefined` and ignores writes.
+         * pair reads `undefined` and ignores writes. A concrete field answers and
+         * takes its value before the render too, through `_heldValue` and
+         * `_holdValue`.
          * @type {any}
          */
         get value() {
@@ -7700,6 +7366,18 @@ var fml = (function (exports) {
             this.addEventListener('input', (evt) => this.#touch(evt.target));
             this.addEventListener('change', (evt) => this.#touch(evt.target));
             this.addEventListener('focusin', (evt) => this.#focus(evt.target));
+            this.form.addEventListener('reset', (evt) => {
+                if (evt.target !== this.form) {
+                    return;
+                }
+                for (const name of new Set([...this.#saved.keys(), ...this.#snapshot().keys()])) {
+                    this.#edits.set(name, ++this.#sequence);
+                }
+                // the controls are restored only after the event, so the state is read at the next frame
+                if (this.#frame === 0) {
+                    this.#frame = requestAnimationFrame(() => this.#refresh());
+                }
+            });
             Rendering.waitForChildren(this)
                 .catch(() => undefined)
                 .then(() => this.commit());
@@ -7717,7 +7395,7 @@ var fml = (function (exports) {
         }
         #submitting = false;
         /**
-         * Runs the submit pipeline, with the spinner up for its whole length:
+         * Runs the submit pipeline, with the spinner up until its outcome:
          *
          * 1. builds the loader: the component the `loader` attribute names
          *    (`loaders:form` by default), called as `create(form)`
@@ -7734,8 +7412,8 @@ var fml = (function (exports) {
          * 6. has the loader `submit` the request and `transform` the response
          * 7. under `track-changes`, commits the values extracted at step 2 (see
          *    `commit`): an edit made while the submit was in flight stays unsaved
-         * 8. fires `submit:success` with `{ submitter, values, request, response }`,
-         *    `response` being the transformed one
+         * 8. releases the spinner and fires `submit:success` with `{ submitter,
+         *    values, request, response }`, `response` being the transformed one
          *
          * Anything thrown from step 1 on, a missing loader or a throwing mapper
          * included, fires `submit:failure` with `{ submitter, values, request,
@@ -7744,6 +7422,11 @@ var fml = (function (exports) {
          * `console.warn`. The `values` of both outcome events are the extracted
          * ones, not a replacement a `submit` listener put on its detail.
          *
+         * The form settles before either outcome event (0016): its listeners see
+         * the spinner released and the buttons no longer held off, the problems of
+         * a `Failure` already shown, and the submit no longer in flight, so one
+         * of them may submit again.
+         *
          * A call while a submit is in flight returns at once, doing nothing.
          * @param {HTMLElement} [submitter] the button that submitted, if any; it is
          * the only button whose name and value are submitted
@@ -7759,6 +7442,7 @@ var fml = (function (exports) {
             this.spinner(true);
             let values;
             let request;
+            let outcome;
             try {
                 const loader = this.component(this.declared('loader') ?? 'loaders:form').create(this);
                 values = Bindings.extractFrom(this.form, submitter);
@@ -7786,32 +7470,28 @@ var fml = (function (exports) {
                 if (submitted) {
                     this.#commitFrom(submitted.saved, submitted.upTo);
                 }
-                this.dispatchEvent(
-                    new CustomEvent('submit:success', {
-                        bubbles: true,
-                        cancelable: false,
-                        detail: { submitter, values, request, response: mapped },
-                    }),
-                );
-                return true;
+                outcome = new CustomEvent('submit:success', {
+                    bubbles: true,
+                    cancelable: false,
+                    detail: { submitter, values, request, response: mapped },
+                });
             } catch (e) {
-                this.dispatchEvent(
-                    new CustomEvent('submit:failure', {
-                        bubbles: true,
-                        cancelable: false,
-                        detail: { submitter, values, request, exception: e },
-                    }),
-                );
+                outcome = new CustomEvent('submit:failure', {
+                    bubbles: true,
+                    cancelable: false,
+                    detail: { submitter, values, request, exception: e },
+                });
                 if (e instanceof Failure) {
                     this.errors = e.problems;
                 } else {
                     console.warn('failed to submit form', this, 'reason:', e);
                 }
-                return false;
             } finally {
                 this.#submitting = false;
                 this.spinner(false);
             }
+            this.dispatchEvent(outcome);
+            return outcome.type === 'submit:success';
         }
         /**
          * Saves the unsaved edits, for a page action that would lose them, such as
@@ -7830,18 +7510,15 @@ var fml = (function (exports) {
         }
         /**
          * Resets the native form, each field returning to its default value. Under
-         * `track-changes` every control counts as edited: the form is dirty if the
-         * defaults differ from what was last committed.
+         * `track-changes` a reset, this one or a native reset button's, counts
+         * every control as edited: the form is dirty if the defaults differ from
+         * what was last committed.
          */
         reset() {
             this.form.reset();
-            if (!this.#tracking) {
-                return;
-            }
-            for (const name of new Set([...this.#saved.keys(), ...this.#snapshot().keys()])) {
-                this.#edits.set(name, ++this.#sequence);
+            if (this.#tracking) {
+                this.#refresh();
             }
-            this.#refresh();
         }
         /** name → the serialized values the last commit recorded */
         #saved = new Map();
@@ -8266,6 +7943,12 @@ var fml = (function (exports) {
         _input;
         /** @type {(HTMLInputElement|HTMLTextAreaElement)[]} */
         #controls = [];
+        /**
+         * The serialized value a date or time control last reported, or held when
+         * focused or written.
+         * @type {string|null}
+         */
+        #committed = null;
         /**
          * The type the field renders, which a subclass overrides to wrap another
          * native type. The base answers the declared `type`, else `number` under
@@ -8345,20 +8028,18 @@ var fml = (function (exports) {
                 });
                 return;
             }
-            /** @type {string|null} */
-            let committed = null;
             let typed = false;
             const commit = () => {
                 typed = false;
                 const now = JSON.stringify(this.value);
-                if (now === committed) {
+                if (now === this.#committed) {
                     return;
                 }
-                committed = now;
+                this.#committed = now;
                 this._notifyChange();
             };
             control.addEventListener('focus', () => {
-                committed = JSON.stringify(this.value);
+                this.#committed = JSON.stringify(this.value);
             });
             control.addEventListener('keydown', (/** @type any */ evt) => {
                 if (evt.key === 'Enter' && !evt.isComposing) {
@@ -8382,14 +8063,18 @@ var fml = (function (exports) {
          * `v-type="number"`, where text that does not decode is answered as it is.
          * Writing `null`, `undefined` or `''` empties the control; anything else is
          * written as its string, replacing whatever was being typed, as a native
-         * control's value does. Answers a `string`, a `number` or `null`; typed
-         * `any` because subclasses answer other values.
+         * control's value does, and is not an edit: a date or time control that
+         * has the focus reports no `change` for it when it is left. Answers a
+         * `string`, a `number` or `null`; typed `any` because subclasses answer
+         * other values. Before the render the same shaping reads the value last
+         * written, or the `value` attribute, as its text, and a write is held for
+         * the render to apply.
          * @type {any}
          */
         get value() {
             const uppercase = this.declared('uppercase');
             const trim = this.declared('trim');
-            const v = this._input.value;
+            const v = this._input ? this._input.value : `${this._heldValue() ?? ''}`;
             const uppercased = uppercase ? v.toUpperCase() : v;
             const trimmed = trim ? uppercased.trim() : uppercased;
             if (trimmed === '') {
@@ -8403,7 +8088,12 @@ var fml = (function (exports) {
             return normalized;
         }
         set value(value) {
+            if (!this._input) {
+                this._holdValue(value);
+                return;
+            }
             this._input.value = value === '' || value === undefined || value === null ? '' : `${value}`;
+            this.#committed = JSON.stringify(this.value);
         }
         /**
          * The control's placeholder, `null` when there is none. The control always
@@ -8426,6 +8116,20 @@ var fml = (function (exports) {
 
     const blankAsNull = (v) => (v === '' ? null : v);
 
+    /**
+     * The local midnight of the yyyy-mm-dd date a text names, taking a year below
+     * 100 as it is and refusing a day its month does not have.
+     * @param {string} text
+     * @returns {Date} an invalid date when the text names no date
+     */
+    const localMidnight = (text) => {
+        const [y, m, d] = text.split('-').map(Number);
+        const date = new Date(0);
+        date.setFullYear(y, m - 1, d);
+        date.setHours(0, 0, 0, 0);
+        return date.getFullYear() === y && date.getMonth() === m - 1 && date.getDate() === d ? date : new Date(Number.NaN);
+    };
+
     /**
      * Formats the yyyy-mm-dd date in its content as a numeric date, in the locale
      * its `locale` attribute names, else the page's, else the platform default.
@@ -8435,10 +8139,8 @@ var fml = (function (exports) {
     class LocalDate extends ParsedElement {
         static attributes = ['locale', 'default'];
         render() {
-            const content = this.textContent.trim();
-            const [y, m, d] = content.split('-').map(Number);
-            const parsed = content === '' ? null : new Date(y, m - 1, d);
-            if (parsed === null || Number.isNaN(parsed.getTime())) {
+            const parsed = localMidnight(this.textContent.trim());
+            if (Number.isNaN(parsed.getTime())) {
                 this.replaceChildren(this.declared('default') ?? '');
                 return;
             }
@@ -8477,7 +8179,7 @@ var fml = (function (exports) {
             );
         }
         static #parse(v) {
-            return /^\d{4}-\d{2}-\d{2}$/.test(v) ? new Date(`${v}T00:00:00`) : new Date(v);
+            return /^\d{4}-\d{2}-\d{2}$/.test(v) ? localMidnight(v) : new Date(v);
         }
         /**
          * Converts an ISO instant to the `yyyy-mm-ddThh:mm:ss.sss` wall clock time
@@ -8664,14 +8366,24 @@ var fml = (function (exports) {
             return 'datetime-local';
         }
         /**
-         * The entered time as a UTC ISO instant.
+         * The entered time as a UTC ISO instant. Before the render it answers the
+         * value last written, or the `value` attribute, as the rendered field
+         * would, and a write is held for the render to apply.
          * @returns {string|null} null when empty or when the input holds text that does not parse
          */
         get value() {
+            if (!this._input) {
+                const held = this._heldValue();
+                return Instant.localToIso(held ? Instant.isoToLocal(held) : '');
+            }
             return Instant.localToIso(this._input.value);
         }
         /** @param {string|null|undefined} v an ISO instant; a falsy value empties the input */
         set value(v) {
+            if (!this._input) {
+                this._holdValue(v);
+                return;
+            }
             super.value = v ? Instant.isoToLocal(v) : '';
         }
         /**
@@ -8851,9 +8563,14 @@ var fml = (function (exports) {
                 this.files = InputFile.list(files);
                 this._notifyChange();
             });
-            this._input.addEventListener('change', (e) => {
-                this.#update();
-            });
+            // capture runs before the base listener notifying change, so the event carries the constrained files
+            this._input.addEventListener(
+                'change',
+                () => {
+                    this.#update();
+                },
+                { capture: true },
+            );
             return { ...pieces, freeze: this.#group };
         }
         #update() {
@@ -8960,7 +8677,7 @@ var fml = (function (exports) {
          * @returns {boolean}
          */
         get multiple() {
-            return this._input.multiple;
+            return this._input ? this._input.multiple : this.declared('multiple');
         }
         /** @param {boolean} v */
         set multiple(v) {
@@ -8968,11 +8685,11 @@ var fml = (function (exports) {
             this.reflectTo('multiple', v);
         }
         /**
-         * The selected files, after the constraints.
+         * The selected files, after the constraints; none before the render.
          * @returns {FileList}
          */
         get files() {
-            return this._input.files;
+            return this._input ? this._input.files : InputFile.list();
         }
         /**
          * Replaces the selection and runs the constraints over it, refreshing the
@@ -8999,7 +8716,7 @@ var fml = (function (exports) {
         }
         /**
          * The names of the selected files: an array when `multiple`, otherwise the
-         * one name or null.
+         * one name or null. Before the render no file is selected yet.
          * @returns {string[]|string|null}
          */
         get value() {
@@ -9008,11 +8725,12 @@ var fml = (function (exports) {
         }
         /**
          * Empties the selection for a falsy value and ignores any other, since a
-         * file name cannot select a file.
+         * file name cannot select a file. Before the render there is nothing to
+         * empty, so it does nothing.
          * @param {any} v
          */
         set value(v) {
-            if (v) {
+            if (v || !this._input) {
                 return;
             }
             this.files = InputFile.list();
@@ -9296,7 +9014,8 @@ var fml = (function (exports) {
          *   which light dismiss then closes with no script of your own. The popover
          *   is given the generated id when it has none. A `button` or `input`
          *   invoker gets a `popovertarget` naming it; any other element toggles it
-         *   on click and on the Enter and Space keys
+         *   on click and on the Enter and Space keys; a click on it while the
+         *   popover is open closes the popover rather than opening it again
          * @param {boolean} [options.expanded] sets the invoker's `aria-expanded` to
          *   `false` at once and keeps it in step with the popover's `toggle` events
          * @param {boolean} [options.stretch] in the script placement, sizes the
@@ -9320,7 +9039,21 @@ var fml = (function (exports) {
                 if (invoker.localName === 'button' || invoker.localName === 'input') {
                     invoker.setAttribute('popovertarget', popover.id);
                 } else {
-                    invoker.addEventListener('click', () => popover.togglePopover());
+                    let pressedOpen = false;
+                    invoker.addEventListener(
+                        'pointerdown',
+                        () => {
+                            pressedOpen = popover.matches(':popover-open');
+                        },
+                        true,
+                    );
+                    invoker.addEventListener('click', () => {
+                        const dismissed = pressedOpen && !popover.matches(':popover-open');
+                        pressedOpen = false;
+                        if (!dismissed) {
+                            popover.togglePopover();
+                        }
+                    });
                     invoker.addEventListener('keydown', (/** @type any */ evt) => {
                         if (evt.key !== 'Enter' && evt.key !== ' ') {
                             return;
@@ -9422,7 +9155,7 @@ var fml = (function (exports) {
      * @typedef {{ request(method: string, url: string): any }} SelectHttpClient
      */
 
-    const byKeys = (entries, keys) => entries.filter(({ key }) => keys.some((r) => r == key));
+    const byKeys = (entries, keys) => entries.filter(({ key }) => keys.some((r) => String(r) === String(key)));
     const byLabel = (entries, needle) =>
         entries.filter(({ label }) => (label ?? '').toLowerCase().includes(needle?.toLowerCase() ?? ''));
 
@@ -9467,7 +9200,8 @@ var fml = (function (exports) {
             await this.#ensureFetched();
         }
         /**
-         * The entries whose key loosely equals one of the keys, in vocabulary order.
+         * The entries whose key reads as the same text as one of the keys, in
+         * vocabulary order.
          * @param {...any} keys
          * @returns {Promise<SelectEntry[]>}
          * @throws when the fetch fails, or when an invalidation supersedes it
@@ -9609,7 +9343,8 @@ var fml = (function (exports) {
          */
         async invalidate() {}
         /**
-         * The entries whose key loosely equals one of the keys, in vocabulary order.
+         * The entries whose key reads as the same text as one of the keys, in
+         * vocabulary order.
          * @param {...any} keys
          * @returns {SelectEntry[]}
          */
@@ -9828,11 +9563,10 @@ var fml = (function (exports) {
             this.replaceChildren(fragment);
         }
         #selected() {
-            return (
-                this.#menu?.querySelector('[selected]:not([aria-disabled="true"])') ??
-                this.#menu?.querySelector('li:not([aria-disabled="true"])') ??
-                null
-            );
+            if (!this.#menu || this.#menu.hidden) {
+                return null;
+            }
+            return this.#menu.querySelector('li[selected]') ?? this.#menu.querySelector('li:not([aria-disabled="true"])');
         }
         #highlight(li) {
             if (!li) {
@@ -9851,11 +9585,13 @@ var fml = (function (exports) {
         }
         /**
          * Picks the highlighted row, or the first enabled one when none is: hides
-         * the dropdown and dispatches `change`. Does nothing when no row is enabled.
+         * the dropdown and dispatches `change`. Does nothing when the highlighted
+         * row is disabled, when no row is enabled, or while a search is loading
+         * and the rows are hidden.
          */
         acceptSelection() {
             const selected = this.#selected();
-            if (!selected) {
+            if (!selected || selected.matches('[aria-disabled="true"]')) {
                 return;
             }
             this.#change(selected);
@@ -9864,7 +9600,7 @@ var fml = (function (exports) {
          * Renders the entries as rows and highlights the first one whose key is
          * picked, else the row the template marked `selected`, else the first
          * enabled row. A row is marked `picked` and
-         * `aria-selected="true"` when its key loosely equals one of the keys, and
+         * `aria-selected="true"` when its key reads as the same text as one of the keys, and
          * `aria-disabled="true"` when its `metadata.disabled` is truthy, titled with
          * `metadata.reason`. No entries shows the empty state instead of the menu.
          * @param {SelectEntry[]} values
@@ -9880,7 +9616,7 @@ var fml = (function (exports) {
             this.#optionstemplate.withOverlay(data).renderTo(this.#menu);
             for (const [index, li] of [...this.#menu.children].entries()) {
                 const entry = values[index];
-                const picked = keys.some((r) => r == entry?.key);
+                const picked = keys.some((r) => String(r) === String(entry?.key));
                 li.toggleAttribute('picked', picked);
                 li.setAttribute('aria-selected', picked ? 'true' : 'false');
                 const disabled = !!entry?.metadata?.disabled;
@@ -9897,8 +9633,13 @@ var fml = (function (exports) {
             }
             this.#empty.toggleAttribute('hidden', values.length !== 0);
             this.#menu.toggleAttribute('hidden', values.length === 0);
-            const current = values.findIndex(({ key }) => keys.some((r) => r == key));
-            this.#highlight(current >= 0 ? this.#menu.children[current] : this.#selected());
+            const current = values.findIndex(({ key }) => keys.some((r) => String(r) === String(key)));
+            this.#highlight(
+                current >= 0
+                    ? this.#menu.children[current]
+                    : (this.#menu.querySelector('li[selected]:not([aria-disabled="true"])') ??
+                          this.#menu.querySelector('li:not([aria-disabled="true"])')),
+            );
         }
         #change(target) {
             const index = target.getAttribute('value');
@@ -9972,7 +9713,8 @@ var fml = (function (exports) {
         }
         /**
          * Moves the highlight to the next or previous enabled row when the dropdown
-         * is shown, staying put at the edge, and shows it otherwise.
+         * is shown, staying put at the edge and while a search is loading, and
+         * shows it otherwise.
          * @param {boolean} forward
          * @param {() => SelectEntry[]|Promise<SelectEntry[]>} loader used only to show
          * @param {any[]} [keys] the keys currently selected, used only to show
@@ -10000,10 +9742,14 @@ var fml = (function (exports) {
             return null;
         }
         /**
-         * Highlights the first enabled row, or the last one.
+         * Highlights the first enabled row, or the last one. Does nothing while a
+         * search is loading and the rows are hidden.
          * @param {boolean} first
          */
         jump(first) {
+            if (this.#menu.hidden) {
+                return;
+            }
             const edge = first ? this.#menu.firstElementChild : this.#menu.lastElementChild;
             const target = this.#walk(edge, first);
             if (target) {
@@ -10013,6 +9759,7 @@ var fml = (function (exports) {
         /**
          * Moves the highlight by as many enabled rows as the menu shows at once,
          * one when that cannot be measured, stopping at the last enabled row.
+         * Does nothing while a search is loading.
          * @param {boolean} forward
          */
         page(forward) {
@@ -10137,6 +9884,7 @@ var fml = (function (exports) {
         #control;
         #ddmenu;
         #input;
+        #label;
         #items;
         #itemstemplate;
         #multiple;
@@ -10161,6 +9909,7 @@ var fml = (function (exports) {
             });
             const fragment = this.template().withOverlay({ slots, name }).render();
             this.#input = fragment.querySelector('ful-control > input');
+            this.#label = fragment.querySelector('label');
             this.#items = fragment.querySelector('ful-item-list');
             this.#itemstemplate =
                 slots.items && !Fragments.isBlank(slots.items) ? Templates.fromFragment(slots.items) : null;
@@ -10192,16 +9941,18 @@ var fml = (function (exports) {
                 fragment,
                 control: this.#input,
                 error: fragment.querySelector('ful-field-error'),
-                label: fragment.querySelector('label'),
+                label: this.#label,
             };
         }
         /**
          * Pointer interaction: the element toggles the dropdown, the item list's
-         * remove buttons and the control's badges drop their entry.
+         * remove buttons and the control's badges drop their entry. A click on the
+         * label is left to the click the browser forwards to the input, which
+         * toggles once.
          */
         #wireChrome() {
             this.addEventListener('click', (/** @type any */ e) => {
-                if (!this._interactive()) {
+                if (!this._interactive() || this.#label.contains(e.target)) {
                     return;
                 }
                 const elsewhere = e.target.closest('button, [role="button"], a[href], input, select, textarea');
@@ -10209,6 +9960,7 @@ var fml = (function (exports) {
                     return;
                 }
                 if (this.#ddmenu.shown) {
+                    this.#abortdload();
                     this.#close();
                     return;
                 }
@@ -10291,6 +10043,7 @@ var fml = (function (exports) {
         #wireSelection() {
             this.#ddmenu.addEventListener('change', (e) => {
                 e.stopPropagation();
+                this.#abortdload();
                 if (!this._interactive()) {
                     this.#close();
                     return;
@@ -10325,21 +10078,25 @@ var fml = (function (exports) {
          * another control needs when that control changes. A key the loader no
          * longer knows is dropped from the selection, so a value invalidated by the
          * change does not survive it, and one it still knows keeps its place with a
-         * fresh label. The badges and items follow, and no `change` is dispatched.
+         * fresh label. The badges and items follow, an open dropdown runs its
+         * search again, and no `change` is dispatched.
          *
          * Where the vocabulary lives at a different address, write `src` or call
          * `reconfigure`, which build the loader for the new url and reload.
          * @returns {Promise<void>}
-         * @throws what the loader's invalidate, prefetch or key lookup throws
+         * @throws what the loader's invalidate, prefetch, key lookup or search
+         * throws
          */
         async reload() {
             await this.#loader.invalidate?.();
             await this.#loader.prefetch?.();
             const keys = [...this.#values.keys()];
-            if (keys.length === 0) {
-                return;
+            if (keys.length !== 0) {
+                await this.#resolve(keys, this.#assignments.take());
+            }
+            if (this.#ddmenu.shown) {
+                await this.#open();
             }
-            await this.#resolve(keys, this.#assignments.take());
         }
         /**
          * The url the loader asks for the vocabulary, reflected as the `src`
@@ -10530,6 +10287,7 @@ var fml = (function (exports) {
                         return;
                     }
                     e.preventDefault();
+                    this.#abortdload();
                     this.#editing = false;
                     this.#display();
                     this.#ddmenu.acceptSelection();
@@ -10554,6 +10312,7 @@ var fml = (function (exports) {
                 if (forward && !this.#ddmenu.shown) {
                     this.#open();
                 } else if (!forward && this.#ddmenu.shown) {
+                    this.#abortdload();
                     this.#close();
                 }
                 return;
@@ -10650,27 +10409,30 @@ var fml = (function (exports) {
         }
         /**
          * Selects the keys, coerced by `k-type`: a key, an array of keys, or null or
-         * undefined for none. The empty string is a key like any other. The keys
-         * are applied at once, each labeled by itself until the loader's `exact`
+         * undefined for none. The empty string is a key like any other, and a
+         * single select keeps only the first key. The keys are applied at once, each labeled by itself until the loader's `exact`
          * answers; a key it does not answer is then dropped, a key removed in the
          * meantime stays removed, and a later assignment wins over the late answer.
          * A failed lookup keeps the keys and surfaces as an unhandled rejection.
          * No `change` is dispatched. A key containing a
          * comma, which the value attribute cannot carry, is kept and warned about
-         * once per element.
+         * once per element. Before the render the write is held for the render to
+         * apply, over the `value` attribute, which it leaves alone.
          * @param {any} vs
          */
         set value(vs) {
-            const keys = (vs == null ? [] : Array.isArray(vs) ? vs : [vs]).map((k) => this.#coerceKey(k));
+            if (!this.#control) {
+                this._holdValue(vs);
+                return;
+            }
+            const given = (vs == null ? [] : Array.isArray(vs) ? vs : [vs]).map((k) => this.#coerceKey(k));
+            const keys = this.#multiple ? given : given.slice(0, 1);
             if (!this.#warnedComma && keys.some((k) => typeof k === 'string' && k.includes(','))) {
                 this.#warnedComma = true;
                 console.warn('a ful-select key cannot contain a comma: it is unexpressible in the value attribute', this);
             }
             this.#values = new Map(keys.map((k) => [k, { key: k, label: k, metadata: undefined }]));
             const claim = this.#assignments.take();
-            if (!this.#control) {
-                return;
-            }
             this.#syncBadges();
             if (keys.length === 0) {
                 return;
@@ -10697,10 +10459,17 @@ var fml = (function (exports) {
         }
         /**
          * The selected keys, in selection order, for a multiple select; the one
-         * key, or null, for a single one.
+         * key, or null, for a single one. Before the render it answers the keys
+         * last written, or the `value` attribute, coerced and cut to one key as the
+         * rendered select would.
          * @returns {any}
          */
         get value() {
+            if (!this.#control) {
+                const held = this._heldValue();
+                const keys = [held ?? []].flat().map((k) => this.#coerceKey(k));
+                return this.multiple ? keys : (keys[0] ?? null);
+            }
             if (this.#multiple) {
                 return [...this.#values.keys()];
             }
@@ -10719,20 +10488,60 @@ var fml = (function (exports) {
             }
             return selection[0] ?? null;
         }
+        /**
+         * The field's disabled claim; turning it on while the dropdown is open
+         * closes it and drops a pending search.
+         * @type {boolean}
+         */
+        get disabled() {
+            return super.disabled;
+        }
+        set disabled(v) {
+            super.disabled = v;
+            if (v && this.#ddmenu?.shown) {
+                this.#abortdload();
+                this.#close();
+            }
+        }
+        /**
+         * The field's readonly claim; turning it on while the dropdown is open
+         * closes it and drops a pending search.
+         * @type {boolean}
+         */
+        get readonly() {
+            return super.readonly;
+        }
+        set readonly(v) {
+            super.readonly = v;
+            if (v && this.#ddmenu?.shown) {
+                this.#abortdload();
+                this.#close();
+            }
+        }
         #useItemList;
         /**
          * Whether the select holds several keys: `value` and `entry` answer arrays,
          * the input stays empty and the selection shows as removable badges in the
-         * control.
+         * control. Before the render it answers the `multiple` attribute.
          * @returns {boolean}
          */
         get multiple() {
-            return this.#multiple;
+            return this.#multiple ?? this.declared('multiple');
         }
-        /** @param {boolean} v */
+        /**
+         * Turning it off keeps only the first selected key; either way the badges,
+         * the items and the input follow at once.
+         * @param {boolean} v
+         */
         set multiple(v) {
             this.#multiple = v;
             this.reflectTo('multiple', v);
+            if (!v) {
+                this.#values = new Map([...this.#values].slice(0, 1));
+            }
+            if (this.#control) {
+                this.#syncBadges();
+            }
         }
         /**
          * Whether the selection shows as the `items` list below the control instead
@@ -10754,10 +10563,10 @@ var fml = (function (exports) {
      * a radio input carrying its attributes, labelled by its content; every
      * `input-*` attribute on the group is forwarded onto each radio as well. The
      * default slot is the `<legend>`, and `header` and `footer` slots frame the
-     * list. The radios share a name of their own (derived from `name`, or minted
-     * when there is none) and carry `form=""`, so the group is the only element
-     * the form sees. A radio's native `change` is stopped and republished as the
-     * group's own.
+     * list. The radios share a name of their own, minted afresh for each group
+     * (from `name` when there is one) so that same-named groups stay apart, and
+     * carry `form=""`, so the group is the only element the form sees. A radio's
+     * native `change` is stopped and republished as the group's own.
      *
      * The host carries the `radiogroup` role, `aria-readonly`, `aria-required`,
      * `aria-invalid` and the description. The disabled and readonly claims act on
@@ -10802,7 +10611,7 @@ var fml = (function (exports) {
          * `announces` pieces
          */
         _build({ slots }) {
-            const name = this.declared('name') ?? Attributes.uid('ful-radiogroup');
+            const name = Attributes.uid(this.declared('name') ?? 'ful-radiogroup');
             const radioEls = Array.from(slots.default.querySelectorAll('ful-radio'));
             const inputsAndLabels = radioEls.map((el) => {
                 const input = document.createElement('input');
@@ -10840,15 +10649,31 @@ var fml = (function (exports) {
          * The value of the checked radio, `null` when none is. Under
          * `type="boolean"` it answers `true` for a radio whose value is `true` and
          * `false` for any other. Writing a value checks the radio carrying it, and
-         * writing `null` or a value no radio carries clears the selection.
+         * writing `null` or a value no radio carries clears the selection. Before
+         * the render it answers the value last written, or the `value` attribute,
+         * when a `ful-radio` carries it, and a write is held for the render to
+         * apply.
          * @type {string | boolean | null}
          */
         get value() {
+            if (!this.#fieldset) {
+                const held = this._heldValue();
+                const radio = held === null ? null : this.querySelector(`ful-radio[value="${CSS.escape(String(held))}"]`);
+                const key = radio?.getAttribute('value') ?? null;
+                if (key === null || this.declared('type') !== 'boolean') {
+                    return key;
+                }
+                return key === 'true';
+            }
             /** @type {HTMLInputElement|null} */
             const checked = this.querySelector('input[type=radio]:checked');
             return checked ? (this.#booleanType ? checked.value === 'true' : checked.value) : null;
         }
         set value(value) {
+            if (!this.#fieldset) {
+                this._holdValue(value);
+                return;
+            }
             const radios = this.querySelectorAll(`input[type=radio]`);
             const clear = () => {
                 radios.forEach((el) => {
@@ -10918,13 +10743,19 @@ var fml = (function (exports) {
         }
         /**
          * Whether the box is checked. The `value` attribute is read with the `bool`
-         * mapper, where only the text `true` means checked.
+         * mapper, where only the text `true` means checked. Before the render it
+         * answers the value last written, or the `value` attribute, and a write is
+         * held for the render to apply.
          * @type {boolean}
          */
         get value() {
-            return this.#input.checked;
+            return this.#input ? this.#input.checked : Boolean(this._heldValue());
         }
         set value(value) {
+            if (!this.#input) {
+                this._holdValue(value);
+                return;
+            }
             this.#input.checked = value;
         }
     }
@@ -11274,8 +11105,9 @@ var fml = (function (exports) {
          */
         async load(pageRequest, sortRequest, filterRequest) {
             const rows = this.#sorted(sortRequest);
-            const begin = pageRequest.page * pageRequest.size;
-            const end = begin + pageRequest.size;
+            const size = Number(pageRequest.size);
+            const begin = pageRequest.page * size;
+            const end = begin + size;
             const page = rows.slice(begin, end);
             const totalElements = rows.length;
             return {
@@ -11408,12 +11240,17 @@ var fml = (function (exports) {
      * for it. Without it the table shows an initial panel until `load`,
      * `reload` or `resetWithFilter` is called.
      *
-     * Inside the table a `page:requested` loads that page with the current size,
+     * Inside the table, and not inside a `ful-table` nested in it, a
+     * `page:requested` loads that page with the current size,
      * sort and filters; a `sort:requested` loads the current page with the new
      * sort (none for a `null` order) and, once that load is the one showing, sets
      * the order of the sorter that asked and clears the others; a `submit:success`
      * of the filter form loads the first page with the submitted request as the
-     * filters. The loads these start, and the autoload, are not awaited by
+     * filters. The first load goes through the filter form too: `reload`, and so
+     * `autoload`, submits it (see `reload`), so a `submit` listener rewriting
+     * `detail.request` shapes every load alike. The filters a page, a sort or a size change carries are those of
+     * the last load asked for, whether it is still running, loaded or failed, so
+     * they are the ones the filter form shows. The loads these start, and the autoload, are not awaited by
      * anything: a failure shows the error panel and its rejection is unhandled.
      */
     class Table extends ParsedElement {
@@ -11500,6 +11337,14 @@ var fml = (function (exports) {
         #latestRequest = { pageRequest: { page: 0, size: 10 }, sortRequest: null, filterRequest: {} };
         /** whether a load has been asked for, by autoload or by a caller */
         #loadRequested = false;
+        /** the filters of the last load asked for, which page, sort and size changes carry */
+        #requestedFilters = {};
+        /** @type {any} the `ful-form` wrapping the `filters` slot, if any */
+        #filters = null;
+        /** whether a load has shown its rows, after which `reload` repeats it */
+        #loaded = false;
+        /** @type {Promise<void>|null} the load the last `submit:success` of the filter form started */
+        #filterLoad = null;
         #loads = new Claims();
         /** @type {{ src: string|null, method: string|null }} */
         #builtFrom = { src: null, method: null };
@@ -11521,19 +11366,21 @@ var fml = (function (exports) {
          *
          * The reload is not awaited: a failure shows the error panel and its
          * rejection is unhandled.
-         * @param {number|null|undefined} value absent or null is the default of
-         * ten, so removing the attribute restores it
+         * @param {number|string|null|undefined} value a number or a string of
+         * one, such as a select's value; absent or null is the default of ten,
+         * so removing the attribute restores it, and a value that is not a
+         * number is ignored
          */
         set pageSize(value) {
-            const size = value ?? 10;
-            if (size === this.#latestRequest.pageRequest.size) {
+            const size = Number(value ?? 10);
+            if (Number.isNaN(size) || size === this.#latestRequest.pageRequest.size) {
                 return;
             }
             this.#latestRequest = { ...this.#latestRequest, pageRequest: { page: 0, size } };
             if (!this.#loadRequested) {
                 return;
             }
-            this.reload();
+            this.load(this.#latestRequest.pageRequest, this.#latestRequest.sortRequest, this.#requestedFilters);
         }
         /**
          * The url the loader asks for rows, reflected as the `src` attribute.
@@ -11653,15 +11500,24 @@ var fml = (function (exports) {
                 sortRequest: schema.sort,
                 filterRequest: maybeForm?.values ?? {},
             };
+            this.#requestedFilters = this.#latestRequest.filterRequest;
+            this.#filters = maybeForm;
             maybeForm?.addEventListener('submit:success', async (evt) => {
-                await this.#loadPage(0, evt.detail.request);
+                this.#filterLoad = this.#loadPage(0, evt.detail.request);
+                await this.#filterLoad;
             });
             this.addEventListener('page:requested', async (/** @type any */ e) => {
-                await this.#loadPage(e.detail.value, this.#latestRequest.filterRequest);
+                if (e.target.closest('ful-table') !== this) {
+                    return;
+                }
+                await this.#loadPage(e.detail.value, this.#requestedFilters);
             });
             this.addEventListener('sort:requested', async (/** @type any */ e) => {
+                if (e.target.closest('ful-table') !== this) {
+                    return;
+                }
                 const sortRequest = e.detail.value.order ? e.detail.value : null;
-                await this.load(this.#latestRequest.pageRequest, sortRequest, this.#latestRequest.filterRequest);
+                await this.load(this.#latestRequest.pageRequest, sortRequest, this.#requestedFilters);
                 if (this.#latestRequest.sortRequest !== sortRequest) {
                     return;
                 }
@@ -11677,12 +11533,23 @@ var fml = (function (exports) {
 
         /**
          * Loads the last request that loaded, or, before any has, the first page
-         * with the declared size and sort and the values of the filters slot. A
-         * size written through `pageSize` since then replaces the page with the
-         * first one at that size.
+         * with the declared size and sort. A size written through `pageSize` since
+         * then replaces the page with the first one at that size.
+         *
+         * Before any load has loaded, a table with a `filters` slot submits its
+         * filter form instead, so the first request goes through the same
+         * `submit` listeners as the later ones, and the load its `submit:success`
+         * starts is the one awaited. A filter submit that is cancelled, fails or
+         * is dropped for one in flight loads nothing, and the promise resolves.
          * @returns {Promise<void>} as `load`
          */
         async reload() {
+            if (this.#filters && !this.#loaded) {
+                if (await this.#filters.submit()) {
+                    await this.#filterLoad;
+                }
+                return;
+            }
             return await this.load(
                 this.#latestRequest.pageRequest,
                 this.#latestRequest.sortRequest,
@@ -11690,7 +11557,9 @@ var fml = (function (exports) {
             );
         }
         /**
-         * Asks the loader for a page and shows it.
+         * Asks the loader for a page and shows it. Its filters are, from now on,
+         * the ones a page, a sort or a size change carries, even while it runs
+         * or once it failed.
          *
          * While the load runs the table carries `aria-busy="true"`, and the rows
          * already shown stay; the spinner panel shows only when there are none.
@@ -11698,7 +11567,8 @@ var fml = (function (exports) {
          * panel shows for an answer with no rows (the `empty` slot rendered with
          * `schema`, `pageRequest`, `filterRequest` and `pageResponse` in scope),
          * the request becomes the one
-         * `reload` repeats, `aria-busy` is removed and `load:success` is
+         * `reload` repeats; once the elements of the rows and of the empty panel
+         * have rendered, `aria-busy` is removed and `load:success` is
          * dispatched (bubbling, not cancelable) with `detail` set to
          * `{ pageRequest, sortRequest, filterRequest, response }`. A page beyond
          * the last one the answer reports is not shown: the last page is loaded
@@ -11712,7 +11582,9 @@ var fml = (function (exports) {
          * returned promise rejects with the same error.
          *
          * A load started after this one supersedes it: when this one's answer or
-         * failure arrives it changes nothing, dispatches nothing and resolves.
+         * failure arrives it changes nothing, dispatches nothing and resolves;
+         * superseded while its rows render, it leaves them to the newer load and
+         * dispatches nothing.
          * @param {TablePageRequest} pageRequest
          * @param {TableSortRequest|null} sortRequest
          * @param {Record<string, any>} filterRequest
@@ -11721,6 +11593,7 @@ var fml = (function (exports) {
          */
         async load(pageRequest, sortRequest, filterRequest) {
             this.#loadRequested = true;
+            this.#requestedFilters = filterRequest;
             const claim = this.#loads.take();
             this.#loading.toggleAttribute('hidden', this.#body.childElementCount > 0);
             this.#feedback.setAttribute('hidden', '');
@@ -11736,7 +11609,16 @@ var fml = (function (exports) {
                 lastPage = Math.max(0, Math.ceil(pageResponse.size / pageRequest.size) - 1);
                 if (pageRequest.page <= lastPage) {
                     this.#latestRequest = { pageRequest, sortRequest, filterRequest };
+                    this.#loaded = true;
                     this.#update(pageRequest, sortRequest, filterRequest, pageResponse);
+                    // a row element whose render fails leaves the rows shown: it does not fail the load
+                    await Promise.all([
+                        Rendering.waitForChildren(this.#body),
+                        Rendering.waitForChildren(this.#empty),
+                    ]).catch(() => undefined);
+                    if (claim.stale) {
+                        return;
+                    }
                     this.removeAttribute('aria-busy');
                     this.dispatchEvent(
                         new CustomEvent('load:success', {
@@ -12336,7 +12218,8 @@ var fml = (function (exports) {
          * The operators the menu offers, narrowed to the vocabulary: an empty list,
          * or one where no name is known, offers all of it. A single operator pins
          * the button, and an assigned tuple then carries that operator whatever it
-         * names. An assignment made before the upgrade is held narrowed and
+         * names. When the operator shown leaves the list, the first listed one is
+         * shown. An assignment made before the upgrade is held narrowed and
          * answered back until the render, when the `operators` attribute is applied
          * over it, an absent attribute meaning the whole vocabulary. Assignments are
          * ignored while the `operator` attribute fixes the operator.
@@ -12355,27 +12238,61 @@ var fml = (function (exports) {
                 return;
             }
             this._operator.allowed = declared;
-            this._syncBetween();
+            if (this._operator.value !== null) {
+                this._showOperator(this._operator.preferring(this._operator.value));
+            }
         }
         /**
          * The filter's tuple, `[operator, operand]` or `[operator, from, to]` for
          * BETWEEN, each operand converted by `_serialize` (an ISO instant for the
          * instant filter). Null while any operand the operator uses is empty.
+         * Before the render it answers the tuple last written, or the `value`
+         * attribute, as the rendered filter would show it.
          * @returns {any[]|null}
          */
         get value() {
+            if (!this._operator) {
+                return this._shownTuple(this._heldValue());
+            }
             return this._tuple();
         }
         /**
-         * Shows a tuple: the operator it names, unless a pinned or fixed operator
-         * replaces it, and its operands, an operand missing from a shorter tuple
+         * Shows a tuple: the operator it names, or the first allowed one where the
+         * whitelist, a pin or a fixed operator does not allow it, and its operands, an operand missing from a shorter tuple
          * leaving its input empty. Null or undefined empties both operands and
-         * keeps the operator.
+         * keeps the operator. Before the render the tuple is held for the render
+         * to apply, over the `value` attribute, which it leaves alone.
          * @param {any[]|null|undefined} v
          */
         set value(v) {
+            if (!this._operator) {
+                this._holdValue(v);
+                return;
+            }
             this._applyTuple(v);
         }
+        /**
+         * The tuple `_tuple` answers once `_applyTuple(v)` has shown `v`, read
+         * from the declared `operator` and `operators` in place of the menu.
+         * @param {any[]|null|undefined} v
+         * @returns {any[]|null}
+         */
+        _shownTuple(v) {
+            if (v == null) {
+                return null;
+            }
+            const [declared, ...values] = v;
+            const fixed = this.declared('operator');
+            const known = this._vocabulary().includes(fixed);
+            const allowed =
+                fixed === null
+                    ? ChoiceButton.narrow(this.declared('operators'), this._vocabulary())
+                    : [known ? fixed : this._defaultOperator()];
+            const operator = allowed.includes(declared) ? declared : allowed[0];
+            const shown = [values[0], values[1]].map((o) => `${o ? this._deserialize(o) : (o ?? '')}`);
+            const operands = operator === 'BETWEEN' ? shown : shown.slice(0, 1);
+            return operands.some((o) => o === '') ? null : [operator, ...operands.map((o) => this._serialize(o))];
+        }
         _tuple() {
             const operator = this._operator.value;
             const values = this.#operands();
@@ -12388,8 +12305,7 @@ var fml = (function (exports) {
                 return;
             }
             const [declared, ...values] = v;
-            const operator = this._operator.pinned ? this._operator.allowed[0] : declared;
-            this._showOperator(operator);
+            this._showOperator(this._operator.preferring(declared));
             this._value1.value = values[0] ? this._deserialize(values[0]) : (values[0] ?? '');
             this._value2.value = values[1] ? this._deserialize(values[1]) : (values[1] ?? '');
         }
@@ -12406,10 +12322,13 @@ var fml = (function (exports) {
          * them rather than as serialized: a date filter describes what is in its
          * control, not the ISO string it sends. Null while every one of those
          * operands is empty, so a BETWEEN with one bound answers that bound while
-         * its value is still null.
+         * its value is still null, and before the filter has rendered.
          * @returns {FilterCriterion|null}
          */
         get criterion() {
+            if (!this._operator) {
+                return null;
+            }
             return asCriterion(labelTextOf(this), this._operator.value, this.#operands());
         }
         #operands() {
@@ -12569,10 +12488,26 @@ var fml = (function (exports) {
         }
         /**
          * The tuple with the sensitivity after the operator, `[operator,
-         * sensitivity, ...operands]`. Null while any operand the operator uses is empty.
+         * sensitivity, ...operands]`. Null while any operand the operator uses is
+         * empty. Before the render it answers the tuple last written, or the
+         * `value` attribute, as the rendered filter would show it.
          * @returns {any[]|null}
          */
         get value() {
+            if (!this._sensitivityButton) {
+                const held = this._heldValue();
+                const tuple = held == null ? null : this._shownTuple([held[0], ...held.slice(2)]);
+                if (tuple === null) {
+                    return null;
+                }
+                const fixed = this.declared('sensitivity');
+                const allowed =
+                    fixed === null
+                        ? ChoiceButton.narrow(this.declared('sensitivities'), SENSITIVITIES)
+                        : [SENSITIVITIES.includes(fixed) ? fixed : 'IGNORE_CASE'];
+                const kept = allowed.includes(held[1]) ? held[1] : 'IGNORE_CASE';
+                return [tuple[0], allowed.includes(kept) ? kept : allowed[0], ...tuple.slice(1)];
+            }
             const tuple = this._tuple();
             return tuple == null ? null : [tuple[0], this._sensitivity, ...tuple.slice(1)];
         }
@@ -12580,10 +12515,15 @@ var fml = (function (exports) {
          * Shows a tuple as the compare filter does, reading the sensitivity at
          * index 1. A sensitivity the whitelist does not allow leaves the current
          * one in place. Null or undefined empties the operands and keeps the
-         * operator and the sensitivity.
+         * operator and the sensitivity. Before the render the tuple is held, as
+         * on the compare filters.
          * @param {any[]|null|undefined} v
          */
         set value(v) {
+            if (!this._sensitivityButton) {
+                this._holdValue(v);
+                return;
+            }
             if (v == null) {
                 this._applyTuple(v);
                 return;
@@ -12688,7 +12628,8 @@ var fml = (function (exports) {
         /**
          * The operators the menu offers, narrowed to EQ and NEQ: an empty list, or
          * one where no name is known, offers both, and a single one pins the
-         * button. Held before the upgrade and replaced by the `operators` attribute
+         * button. When the operator shown leaves the list, the first listed one is
+         * shown. Held before the upgrade and replaced by the `operators` attribute
          * at the render, as on the compare filters.
          * @returns {string[]|undefined} undefined before the upgrade when nothing was assigned
          */
@@ -12702,30 +12643,49 @@ var fml = (function (exports) {
                 return;
             }
             this._operator.allowed = declared;
+            if (this._operator.value !== null) {
+                this._operator.value = this._operator.preferring(this._operator.value);
+            }
         }
         /** @returns {string[]} */
         _vocabulary() {
             return BooleanFilter.OPERATORS;
         }
         /**
-         * `[operator, token]`, the token being 'true' or 'false'; null while the value menu is on any.
+         * `[operator, token]`, the token being 'true' or 'false'; null while the
+         * value menu is on any. Before the render it answers the tuple last
+         * written, or the `value` attribute, as the rendered filter would show it.
          * @returns {string[]|null}
          */
         get value() {
+            if (!this._value) {
+                const held = this._heldValue();
+                const token = `${held?.[1] ?? ''}`;
+                if (token === '') {
+                    return null;
+                }
+                const allowed = ChoiceButton.narrow(this.declared('operators'), this._vocabulary());
+                return [allowed.includes(held[0]) ? held[0] : allowed[0], token];
+            }
             return this._value.value === '' ? null : [this._operator.value, this._value.value];
         }
         /**
-         * Shows a tuple: its operator, unless a pinned operator replaces it, and its
-         * token, a missing token meaning any. Null or undefined sets the value menu
-         * back to any and keeps the operator.
+         * Shows a tuple: its operator, or the first allowed one where the whitelist
+         * does not allow it, and its token, a missing token meaning any. Null or undefined sets the value menu
+         * back to any and keeps the operator. Before the render the tuple is held,
+         * as on the compare filters.
          * @param {any[]|null|undefined} v
          */
         set value(v) {
+            if (!this._value) {
+                this._holdValue(v);
+                return;
+            }
             if (v == null) {
                 this._value.value = '';
                 return;
             }
-            this._operator.value = this._operator.pinned ? this._operator.allowed[0] : v[0];
+            this._operator.value = this._operator.preferring(v[0]);
             this._value.value = v[1] ?? '';
         }
         /**
@@ -12740,10 +12700,13 @@ var fml = (function (exports) {
         }
         /**
          * The operator and the localized word the value menu shows, not the token.
-         * Null while the value menu is on any.
+         * Null while the value menu is on any, and before the filter has rendered.
          * @returns {FilterCriterion|null}
          */
         get criterion() {
+            if (!this._value) {
+                return null;
+            }
             const token = this._value.value;
             return asCriterion(labelTextOf(this), this._operator.value, [token === '' ? '' : booleanValueLabel(token)]);
         }
@@ -12785,7 +12748,8 @@ var fml = (function (exports) {
          * The chosen keys as an array, a single choice included, led by the
          * declared `operator` when there is one. Null while nothing is chosen, so
          * that a table drops the filter instead of sending an empty set that
-         * matches nothing.
+         * matches nothing. Before the render it answers the keys the select answers
+         * then.
          * @returns {any[]|null}
          */
         get value() {
@@ -12800,7 +12764,8 @@ var fml = (function (exports) {
          * Selects the keys of an array or a single bare key; a leading element equal
          * to the declared `operator` is dropped first, so the filter takes back what
          * it answered. A single select takes the first key. Null or undefined clears
-         * the selection.
+         * the selection. Before the render the keys are held, as the select holds
+         * them.
          * @param {any} v
          */
         set value(v) {
@@ -12813,7 +12778,7 @@ var fml = (function (exports) {
         }
         /**
          * The declared operator, or null, and the labels of the chosen entries. Null
-         * while nothing is chosen.
+         * while nothing is chosen, as before the filter has rendered.
          * @returns {FilterCriterion|null}
          */
         get criterion() {
@@ -13109,7 +13074,7 @@ var fml = (function (exports) {
          */
         onSubmitted(answer) {
             this.#section.addEventListener('submit:success', (/** @type any */ e) => {
-                if (e.target !== Nodes.queryChildren(this.#section, 'ful-form')) {
+                if (e.target.localName !== 'ful-form' || e.target.parentElement !== this.#section) {
                     return;
                 }
                 answer(e.detail.response);
@@ -13272,10 +13237,7 @@ var fml = (function (exports) {
             <section data-ref="loading" hidden><ful-spinner class="centered" role="status"><span class="ful-sr-only">{{ #l10n:t('spinner.loading') }}</span></ful-spinner></section>
             <section data-ref="error" role="alert" hidden></section>
             <div data-ref="body" class="ful-dialog-body">{{{{ slots.default }}}}</div>
-            <footer class="ful-dialog-footer">
-                <button type="button" data-ref="acknowledge" data-result="acknowledged" data-tpl-if="!slots.buttons && !closeOnSubmit" data-tpl-aria-label="#l10n:t('dialog.acknowledge')">{{ #l10n:t('dialog.acknowledge') }}</button>
-                {{{{ slots.buttons }}}}
-            </footer>
+            <footer class="ful-dialog-footer"><button type="button" data-ref="acknowledge" data-result="acknowledged" data-tpl-if="!slots.buttons && !closeOnSubmit" data-tpl-aria-label="#l10n:t('dialog.acknowledge')">{{ #l10n:t('dialog.acknowledge') }}</button>{{{{ slots.buttons }}}}</footer>
         </dialog>
     `;
         #dialog;
@@ -13305,9 +13267,9 @@ var fml = (function (exports) {
                 this.#settle(outcome);
             });
             this.#dialog.addEventListener('click', (/** @type any */ e) => {
-                const result = e.target.closest('button[data-result]')?.dataset.result;
-                if (result !== undefined) {
-                    this.#dialog.close(result);
+                const button = e.target.closest('button[data-result]');
+                if (button && button.closest('dialog') === this.#dialog) {
+                    this.#dialog.close(button.dataset.result);
                 }
             });
             if (!requiresAnswer) {
@@ -13378,7 +13340,8 @@ var fml = (function (exports) {
          * the body and `first` true only on the first answered request), so a
          * listener can fill the body. A failed request is painted into the body
          * and does not reject. On a dialog already open nothing is shown or
-         * requested, and the call waits for the same ending as the calls before it.
+         * requested, and the call waits for the same ending as the calls before it;
+         * one the page moved while open, which is no longer modal, opens anew.
          * @returns {Promise<DialogOutcome>} resolving on close, or on removal from
          * the document with a dismissal
          */
@@ -13460,6 +13423,10 @@ var fml = (function (exports) {
         }
         /** @returns {boolean} whether this call is the one that opened the modal */
         #show() {
+            //a move in the page takes an open modal out of the top layer; close() would queue a close event answering the next opening
+            if (this.#dialog.open && !this.#dialog.matches(':modal')) {
+                this.#dialog.removeAttribute('open');
+            }
             if (this.#dialog.open) {
                 return false;
             }
@@ -13657,9 +13624,9 @@ var fml = (function (exports) {
                 this.dismiss('escape');
             });
             this.#dialog.addEventListener('click', (/** @type any */ e) => {
-                const result = e.target.closest('button[data-result]')?.dataset.result;
-                if (result !== undefined) {
-                    this.close(result);
+                const button = e.target.closest('button[data-result]');
+                if (button && button.closest('dialog') === this.#dialog) {
+                    this.close(button.dataset.result);
                 }
             });
             this.#dialog.addEventListener('close', () => {
@@ -13756,9 +13723,11 @@ var fml = (function (exports) {
          * the content section and `first` true only on the first answered request),
          * so a listener can fill the content. A failed request is painted into the
          * content section and does not reject. On a drawer already open nothing is
-         * shown or requested, except that one sliding out stops and stays open, and
-         * the call waits for the same ending as the calls before it, which is how
-         * a caller learns the outcome of the opening an `update()` made.
+         * shown or requested, except that one sliding out stops and stays open,
+         * forgetting the result it was closing with, and the call waits for the
+         * same ending as the calls before it, which is how a caller learns the
+         * outcome of the opening an `update()` made. One the page moved while open,
+         * which is no longer modal, opens anew.
          * @returns {Promise<{ dismissed: boolean, result: string|null, response: any }>} resolving on
          * close, or on removal from the document with a dismissal
          */
@@ -13839,7 +13808,14 @@ var fml = (function (exports) {
         }
         /** @returns {boolean} whether this call is the one that opened the modal */
         #show() {
+            if (this.#closing) {
+                this.#answer = null;
+            }
             this.#stopSlidingOut();
+            //a move in the page takes an open modal out of the top layer; close() would queue a close event answering the next opening
+            if (this.#dialog.open && !this.#dialog.matches(':modal')) {
+                this.#dialog.removeAttribute('open');
+            }
             if (this.#dialog.open) {
                 return false;
             }
@@ -13878,6 +13854,21 @@ var fml = (function (exports) {
         #invoker = null;
         /** @type {HTMLElement|null} */
         #pressed = null;
+        #notePress = (/** @type PointerEvent */ evt) => {
+            const target = /** @type Node */ (evt.target);
+            this.#pressed = this.matches(':popover-open') && this.#invoker?.contains(target) ? this.#invoker : null;
+        };
+        /** Upgrades the menu, and has a shared one that came back follow the presses on its invoker again. */
+        connectedCallback() {
+            super.connectedCallback();
+            if (this.rendered && !this.declared('for')) {
+                document.addEventListener('pointerdown', this.#notePress, true);
+            }
+        }
+        /** Stops a shared menu following the presses while it is out of the document. */
+        disconnectedCallback() {
+            document.removeEventListener('pointerdown', this.#notePress, true);
+        }
         /**
          * Gives the menu the `menu` role and an empty `popover` attribute unless
          * it already has one, and marks the items. With `for`, read here once, it
@@ -13963,14 +13954,7 @@ var fml = (function (exports) {
             return this.#mark().filter((item) => !item.hasAttribute('disabled') && !item.hasAttribute('hidden'));
         }
         #wireShared() {
-            document.addEventListener(
-                'pointerdown',
-                (evt) => {
-                    const target = /** @type Node */ (evt.target);
-                    this.#pressed = this.matches(':popover-open') && this.#invoker?.contains(target) ? this.#invoker : null;
-                },
-                true,
-            );
+            document.addEventListener('pointerdown', this.#notePress, true);
             this.addEventListener('toggle', (/** @type any */ evt) => {
                 if (evt.newState === 'closed') {
                     this.#invoker?.setAttribute('aria-expanded', 'false');
@@ -14298,17 +14282,21 @@ var fml = (function (exports) {
         #showScrollButtons() {
             const list = this.#tablist;
             const overflow = list.scrollWidth - list.clientWidth;
-            this.#scrollStart.hidden = list.scrollLeft <= 1;
-            this.#scrollEnd.hidden = list.scrollLeft >= overflow - 1;
+            const scrolled = Math.abs(list.scrollLeft);
+            this.#scrollStart.hidden = scrolled <= 1;
+            this.#scrollEnd.hidden = scrolled >= overflow - 1;
             this.#scrollStart.style.blockSize = this.#scrollEnd.style.blockSize = `${list.clientHeight}px`;
         }
         /**
-         * The part of the tablist that no scroll button covers.
-         * @returns {{ start: number, end: number }}
+         * The part of the tablist that no scroll button covers, in viewport
+         * coordinates, the start button being on the right under rtl.
+         * @returns {{ left: number, right: number }}
          */
         #visibleRange() {
             const view = this.#tablist.getBoundingClientRect();
-            return { start: view.left + this.#scrollStart.offsetWidth, end: view.right - this.#scrollEnd.offsetWidth };
+            const rtl = getComputedStyle(this.#tablist).direction === 'rtl';
+            const [onLeft, onRight] = rtl ? [this.#scrollEnd, this.#scrollStart] : [this.#scrollStart, this.#scrollEnd];
+            return { left: view.left + onLeft.offsetWidth, right: view.right - onRight.offsetWidth };
         }
         /**
          * Scrolls the tablist so that the first tab cut by the side the direction
@@ -14317,11 +14305,12 @@ var fml = (function (exports) {
          * @returns {void}
          */
         #scrollByOneTab(direction) {
-            const { start, end } = this.#visibleRange();
-            const target =
-                direction > 0
-                    ? this.#tabs.find((tab) => tab.getBoundingClientRect().right > end + 1)
-                    : this.#tabs.findLast((tab) => tab.getBoundingClientRect().left < start - 1);
+            const { left, right } = this.#visibleRange();
+            const rightwards = direction > 0 !== (getComputedStyle(this.#tablist).direction === 'rtl');
+            const cut = rightwards
+                ? (/** @type HTMLElement */ tab) => tab.getBoundingClientRect().right > right + 1
+                : (/** @type HTMLElement */ tab) => tab.getBoundingClientRect().left < left - 1;
+            const target = direction > 0 ? this.#tabs.find(cut) : this.#tabs.findLast(cut);
             this.#bringIntoView(target, matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth');
         }
         /**
@@ -14335,11 +14324,12 @@ var fml = (function (exports) {
             if (!tab) {
                 return;
             }
-            const { start, end } = this.#visibleRange();
+            const { left, right } = this.#visibleRange();
             const box = tab.getBoundingClientRect();
-            const delta = box.right > end ? Math.ceil(box.right - end) : box.left < start ? Math.floor(box.left - start) : 0;
-            if (delta !== 0) {
-                this.#tablist.scrollBy({ left: delta, behavior });
+            if (box.right > right) {
+                this.#tablist.scrollBy({ left: Math.ceil(box.right - right), behavior });
+            } else if (box.left < left) {
+                this.#tablist.scrollBy({ left: Math.floor(box.left - left), behavior });
             }
         }
         /**
@@ -14566,14 +14556,15 @@ var fml = (function (exports) {
          * @returns {Promise<any[] | undefined> | undefined} a promise resolving to
          * the answers once they are delivered, or to undefined when nobody
          * listened; undefined when the section is already current, and undefined
-         * with a warning when no section carries `ref`
+         * with a warning when no section carries `ref` or the one carrying it has
+         * no step paired with it
          * @throws what the entered section's delivery rejected with, as the rejection
          * of the returned promise, after its error is painted in the section
          */
         move(ref) {
             const index = this.#sections.findIndex((s) => s.getAttribute('data-step') === ref);
-            if (index === -1) {
-                console.warn(`ful-wizard: no section carries data-step="${ref}"`);
+            if (index === -1 || index >= this.#steps.length) {
+                console.warn(`ful-wizard: no section paired with a step carries data-step="${ref}"`);
                 return undefined;
             }
             return this.#move(index);
@@ -14586,17 +14577,14 @@ var fml = (function (exports) {
          * @returns {Promise<any[] | undefined> | undefined} a promise resolving to
          * the answers, or to undefined when nobody listened or the delivery failed
          * (its error painted in the section); undefined, with a warning, when `ref`
-         * names no section
+         * names no section or one with no step paired with it
          */
         refresh(ref) {
-            const section =
+            const index =
                 ref instanceof Element
-                    ? ref
-                    : typeof ref === 'string'
-                      ? this.#sections.find((s) => s.getAttribute('data-step') === ref)
-                      : undefined;
-            const index = this.#sections.indexOf(section);
-            if (index === -1) {
+                    ? this.#sections.indexOf(ref)
+                    : this.#sections.findIndex((s) => s.getAttribute('data-step') === ref);
+            if (index === -1 || index >= this.#steps.length) {
                 console.warn(`ful-wizard: no section answers to "${ref}"`);
                 return undefined;
             }