unpoly-rails 3.10.0 → 3.11.0.rc1

data/assets/unpoly/unpoly.es6.js

@@ -5,7 +5,7 @@
 /***/ (() => {
 
 window.up = {
-    version: '3.10.0'
+    version: '3.11.0-rc1'
 };
 
 
@@ -116,7 +116,7 @@ up.util = (function () {
     }
     function iteratee(block) {
         if (isString(block)) {
-            return item => item[block];
+            return (item) => item[block];
         }
         else {
             return block;
@@ -135,11 +135,7 @@ up.util = (function () {
         return mapped;
     }
     function mapObject(array, pairer) {
-        const merger = function (object, pair) {
-            object[pair[0]] = pair[1];
-            return object;
-        };
-        return map(array, pairer).reduce(merger, {});
+        return Object.fromEntries(array.map(pairer));
     }
     function each(array, block) {
         let i = 0;
@@ -147,15 +143,15 @@ up.util = (function () {
             block(item, i++);
         }
     }
-    function isNull(object) {
-        return object === null;
+    function isNull(value) {
+        return value === null;
     }
-    function isUndefined(object) {
-        return object === undefined;
+    function isUndefined(value) {
+        return value === undefined;
     }
     const isDefined = negate(isUndefined);
-    function isMissing(object) {
-        return isUndefined(object) || isNull(object);
+    function isMissing(value) {
+        return isUndefined(value) || isNull(value);
     }
     const isGiven = negate(isMissing);
     function isBlank(value) {
@@ -180,50 +176,50 @@ up.util = (function () {
         }
     }
     const isPresent = negate(isBlank);
-    function isFunction(object) {
-        return typeof (object) === 'function';
+    function isFunction(value) {
+        return typeof (value) === 'function';
     }
-    function isString(object) {
-        return (typeof (object) === 'string') || object instanceof String;
+    function isString(value) {
+        return (typeof (value) === 'string') || value instanceof String;
     }
-    function isBoolean(object) {
-        return (typeof (object) === 'boolean') || object instanceof Boolean;
+    function isBoolean(value) {
+        return (typeof (value) === 'boolean') || value instanceof Boolean;
     }
-    function isNumber(object) {
-        return (typeof (object) === 'number') || object instanceof Number;
+    function isNumber(value) {
+        return (typeof (value) === 'number') || value instanceof Number;
     }
-    function isOptions(object) {
-        return (typeof (object) === 'object') && !isNull(object) && (isUndefined(object.constructor) || (object.constructor === Object));
+    function isOptions(value) {
+        return (typeof (value) === 'object') && !isNull(value) && (isUndefined(value.constructor) || (value.constructor === Object));
     }
-    function isObject(object) {
-        const typeOfResult = typeof (object);
-        return ((typeOfResult === 'object') && !isNull(object)) || (typeOfResult === 'function');
+    function isObject(value) {
+        const typeOfResult = typeof (value);
+        return ((typeOfResult === 'object') && !isNull(value)) || (typeOfResult === 'function');
     }
-    function isElement(object) {
-        return object instanceof Element;
+    function isElement(value) {
+        return value instanceof Element;
     }
-    function isTextNode(object) {
-        return object instanceof Text;
+    function isTextNode(value) {
+        return value instanceof Text;
     }
-    function isRegExp(object) {
-        return object instanceof RegExp;
+    function isRegExp(value) {
+        return value instanceof RegExp;
     }
-    function isError(object) {
-        return object instanceof Error;
+    function isError(value) {
+        return value instanceof Error;
     }
-    function isJQuery(object) {
-        return up.browser.canJQuery() && object instanceof jQuery;
+    function isJQuery(value) {
+        return up.browser.canJQuery() && value instanceof jQuery;
     }
-    function isElementLike(object) {
+    function isElementLike(value) {
         var _a;
-        return !!(object && (object.addEventListener || (isJQuery(object) && ((_a = object[0]) === null || _a === void 0 ? void 0 : _a.addEventListener))));
+        return !!(value && (value.addEventListener || (isJQuery(value) && ((_a = value[0]) === null || _a === void 0 ? void 0 : _a.addEventListener))));
     }
-    function isPromise(object) {
-        return isObject(object) && isFunction(object.then);
+    function isPromise(value) {
+        return isObject(value) && isFunction(value.then);
     }
     const { isArray } = Array;
-    function isFormData(object) {
-        return object instanceof FormData;
+    function isFormData(value) {
+        return value instanceof FormData;
     }
     function toArray(value) {
         return isArray(value) ? value : copyArrayLike(value);
@@ -390,13 +386,15 @@ up.util = (function () {
         return filterList(list, tester);
     }
     function intersect(array1, array2) {
-        return filterList(array1, element => contains(array2, element));
+        return filterList(array1, (element) => contains(array2, element));
     }
     function scheduleTimer(millis, callback) {
         return setTimeout(callback, millis);
     }
     function queueTask(task) {
-        return setTimeout(task);
+        const channel = new MessageChannel();
+        channel.port1.onmessage = () => task();
+        channel.port2.postMessage(0);
     }
     function last(value) {
         return value[value.length - 1];
@@ -463,7 +461,7 @@ up.util = (function () {
         "'": '''
     };
     function escapeHTML(string) {
-        return string.replace(/[&<>"']/g, char => ESCAPE_HTML_ENTITY_MAP[char]);
+        return string.replace(/[&<>"']/g, (char) => ESCAPE_HTML_ENTITY_MAP[char]);
     }
     function escapeRegExp(string) {
         return string.replace(/[\\^$*+?.()|[\]{}]/g, '\\$&');
@@ -492,9 +490,9 @@ up.util = (function () {
     function identity(arg) {
         return arg;
     }
-    function sequence(functions) {
-        functions = compact(functions);
-        return (...args) => map(functions, fn => fn(...args));
+    function sequence(...args) {
+        let functions = scanFunctions(...args);
+        return (...args) => map(functions, (fn) => fn(...args));
     }
     function flatten(array) {
         const flattened = [];
@@ -548,7 +546,7 @@ up.util = (function () {
             const aKeys = Object.keys(a);
             const bKeys = Object.keys(b);
             if (isEqualList(aKeys, bKeys)) {
-                return every(aKeys, aKey => isEqual(a[aKey], b[aKey]));
+                return every(aKeys, (aKey) => isEqual(a[aKey], b[aKey]));
             }
             else {
                 return false;
@@ -613,7 +611,7 @@ up.util = (function () {
         return renamed;
     }
     function camelToKebabCase(str) {
-        return str.replace(/[A-Z]/g, char => '-' + char.toLowerCase());
+        return str.replace(/[A-Z]/g, (char) => '-' + char.toLowerCase());
     }
     function lowerCaseFirst(str) {
         return str[0].toLowerCase() + str.slice(1);
@@ -639,8 +637,8 @@ up.util = (function () {
             });
         }
     }
-    function delegatePromise(object, promiseProp) {
-        return defineDelegates(object, ['then', 'catch', 'finally'], function () { return this[promiseProp]; });
+    function delegatePromise(object, targetProvider) {
+        return defineDelegates(object, ['then', 'catch', 'finally'], targetProvider);
     }
     function stringifyArg(arg, placeholder = '%o') {
         let string;
@@ -868,6 +866,9 @@ up.util = (function () {
             ];
         });
     }
+    function spanObject(keys, value) {
+        return mapObject(keys, (key) => [key, value]);
+    }
     return {
         parseURL,
         normalizeURL,
@@ -885,6 +886,7 @@ up.util = (function () {
         map,
         flatMap,
         mapObject,
+        spanObject,
         findResult,
         some,
         every,
@@ -1089,12 +1091,13 @@ up.element = (function () {
         return root.querySelector(selector);
     }
     function subtree(root, selector) {
-        const results = [];
+        const descendantMatches = root.querySelectorAll(selector);
         if (elementLikeMatches(root, selector)) {
-            results.push(root);
+            return [root, ...descendantMatches];
+        }
+        else {
+            return descendantMatches;
         }
-        results.push(...root.querySelectorAll(selector));
-        return results;
     }
     function subtreeFirst(root, selector) {
         return elementLikeMatches(root, selector) ? root : root.querySelector(selector);
@@ -1202,7 +1205,7 @@ up.element = (function () {
     function metaContent(name) {
         var _a;
         const selector = "meta" + attrSelector('name', name);
-        return (_a = first(selector)) === null || _a === void 0 ? void 0 : _a.getAttribute('content');
+        return (_a = document.head.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.getAttribute('content');
     }
     function insertBefore(existingNode, newNode) {
         existingNode.parentNode.insertBefore(newNode, existingNode);
@@ -1312,7 +1315,7 @@ up.element = (function () {
         return element;
     }
     const SINGLETON_TAG_NAMES = ['HTML', 'BODY', 'HEAD', 'TITLE'];
-    const isSingleton = up.mockable(element => element.matches(SINGLETON_TAG_NAMES.join()));
+    const isSingleton = up.mockable((element) => element.matches(SINGLETON_TAG_NAMES.join()));
     function elementTagName(element) {
         return element.tagName.toLowerCase();
     }
@@ -1340,9 +1343,11 @@ up.element = (function () {
     function createBrokenDocumentFromHTML(html) {
         return new DOMParser().parseFromString(html, 'text/html');
     }
-    function fixParserDamage(scriptish) {
-        let clone = createFromHTML(scriptish.outerHTML);
-        scriptish.replaceWith(clone);
+    function revivedClone(element) {
+        let clone = createFromHTML(element.outerHTML);
+        if ('nonce' in element)
+            clone.nonce = element.nonce;
+        return clone;
     }
     function createFromHTML(html) {
         return extractSingular(createNodesFromHTML(html));
@@ -1625,6 +1630,18 @@ up.element = (function () {
             return [element.parentElement, 'beforeend'];
         }
     }
+    function moveBefore(parent, movedElement, referenceElement) {
+        let fn = parent.moveBefore || parent.insertBefore;
+        fn.call(parent, movedElement, referenceElement);
+    }
+    function preservingAppend(parent, newNode) {
+        moveBefore(parent, newNode, null);
+    }
+    function preservingReplace(oldElement, newElement) {
+        let parent = oldElement.parentElement;
+        moveBefore(parent, newElement, oldElement);
+        oldElement.remove();
+    }
     return {
         subtree,
         subtreeFirst,
@@ -1651,7 +1668,7 @@ up.element = (function () {
         attrSelector,
         tagName: elementTagName,
         createBrokenDocumentFromHTML,
-        fixParserDamage,
+        revivedClone,
         createNodesFromHTML,
         createFromHTML,
         extractSingular,
@@ -1693,6 +1710,8 @@ up.element = (function () {
         matchSelectorMap,
         elementLikeMatches,
         documentPosition,
+        preservingAppend,
+        preservingReplace,
     };
 })();
 
@@ -1783,7 +1802,7 @@ up.Record = class Record {
         return {};
     }
     constructor(options) {
-        Object.assign(this, this.defaults(options), this.attributes(options));
+        Object.assign(this, u.mergeDefined(this.defaults(options), this.attributes(options)));
     }
     attributes(source = this) {
         return u.pick(source, this.keys());
@@ -1862,13 +1881,39 @@ up.LogConfig = class LogConfig extends up.Config {
 /* 19 */
 /***/ (() => {
 
+const u = up.util;
+up.Registry = class Registry {
+    constructor(valueDescription, normalize = u.identity) {
+        this._data = {};
+        this._normalize = normalize;
+        this._valueDescription = valueDescription;
+        this.put = this.put.bind(this);
+        document.addEventListener('up:framework:reset', () => this.reset());
+    }
+    put(key, object) {
+        object = this._normalize(object);
+        object.isDefault = up.framework.evaling;
+        this._data[key] = object;
+    }
+    get(name) {
+        return this._data[name] || up.fail("Unknown %s %o", this._valueDescription, name);
+    }
+    reset() {
+        this._data = u.pickBy(this._data, 'isDefault');
+    }
+};
+
+
+/***/ }),
+/* 20 */
+/***/ (() => {
+
 const u = up.util;
 const e = up.element;
 up.OptionsParser = class OptionsParser {
     constructor(element, options, parserOptions = {}) {
         this._options = options;
         this._element = element;
-        this._parserOptions = parserOptions;
         this._fail = parserOptions.fail;
         this._closest = parserOptions.closest;
         this._attrPrefix = parserOptions.attrPrefix || 'up-';
@@ -1904,11 +1949,11 @@ up.OptionsParser = class OptionsParser {
             value !== null && value !== void 0 ? value : (value = this._parseFromAttr(attrValueFn, this._element, attrName));
         }
         value !== null && value !== void 0 ? value : (value = (_b = keyOptions.default) !== null && _b !== void 0 ? _b : this._defaults[key]);
-        let normalizeFn = keyOptions.normalize;
-        if (normalizeFn) {
-            value = normalizeFn(value);
-        }
         if (u.isDefined(value)) {
+            let normalizeFn = keyOptions.normalize;
+            if (normalizeFn) {
+                value = normalizeFn(value);
+            }
             this._options[key] = value;
         }
         let failKey;
@@ -1917,8 +1962,8 @@ up.OptionsParser = class OptionsParser {
             this.parse(attrValueFn, failKey, Object.assign(Object.assign({}, keyOptions), { attr: failAttrNames }));
         }
     }
-    include(optionsFn) {
-        let fnResult = optionsFn(this._element, this._options, this._parserOptions);
+    include(optionsFn, parserOptions) {
+        let fnResult = optionsFn(this._element, this._options, Object.assign({ defaults: this._defaults }, parserOptions));
         Object.assign(this._options, fnResult);
     }
     _parseFromAttr(attrValueFn, element, attrName) {
@@ -1945,7 +1990,7 @@ up.OptionsParser = class OptionsParser {
 
 
 /***/ }),
-/* 20 */
+/* 21 */
 /***/ (() => {
 
 const u = up.util;
@@ -1974,7 +2019,7 @@ up.FIFOCache = class FIFOCache {
 
 
 /***/ }),
-/* 21 */
+/* 22 */
 /***/ (() => {
 
 up.Rect = class Rect extends up.Record {
@@ -2005,7 +2050,7 @@ up.Rect = class Rect extends up.Record {
 
 
 /***/ }),
-/* 22 */
+/* 23 */
 /***/ (() => {
 
 const e = up.element;
@@ -2053,7 +2098,7 @@ up.BodyShifter = class BodyShifter {
 
 
 /***/ }),
-/* 23 */
+/* 24 */
 /***/ (() => {
 
 const u = up.util;
@@ -2079,7 +2124,7 @@ up.Change = class Change {
 
 
 /***/ }),
-/* 24 */
+/* 25 */
 /***/ (() => {
 
 const u = up.util;
@@ -2154,7 +2199,7 @@ up.Change.Addition = class Addition extends up.Change {
 
 
 /***/ }),
-/* 25 */
+/* 26 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -2280,7 +2325,7 @@ up.RenderJob = (_a = class RenderJob {
         }
     },
     (() => {
-        u.delegatePromise(_a.prototype, '_rendered');
+        u.delegatePromise(_a.prototype, function () { return this._rendered; });
         u.memoizeMethod(_a.prototype, {
             _awaitFinished: true,
             _getChange: true,
@@ -2290,7 +2335,7 @@ up.RenderJob = (_a = class RenderJob {
 
 
 /***/ }),
-/* 26 */
+/* 27 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -2326,20 +2371,20 @@ up.Change.DestroyFragment = class DestroyFragment extends up.Change {
         return __awaiter(this, void 0, void 0, function* () {
             this._emitDestroyed();
             yield this._animate();
-            this._wipe();
+            this._erase();
             (_a = this._onFinished) === null || _a === void 0 ? void 0 : _a.call(this);
         });
     }
     _destroyNow() {
         var _a;
-        this._wipe();
+        this._erase();
         this._emitDestroyed();
         (_a = this._onFinished) === null || _a === void 0 ? void 0 : _a.call(this);
     }
     _animate() {
         return up.motion.animate(this._element, this._animation, this.options);
     }
-    _wipe() {
+    _erase() {
         this._layer.asCurrent(() => {
             up.fragment.abort(this._element);
             up.script.clean(this._element, { layer: this._layer });
@@ -2354,7 +2399,7 @@ up.Change.DestroyFragment = class DestroyFragment extends up.Change {
 
 
 /***/ }),
-/* 27 */
+/* 28 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -2456,7 +2501,7 @@ up.Change.OpenLayer = class OpenLayer extends up.Change.Addition {
     }
     _buildLayer() {
         const buildOptions = Object.assign(Object.assign({}, this.options), { opening: true });
-        const beforeNew = optionsWithLayerDefaults => {
+        const beforeNew = (optionsWithLayerDefaults) => {
             return this.options = up.RenderOptions.finalize(optionsWithLayerDefaults);
         };
         return up.layer.build(buildOptions, beforeNew);
@@ -2513,7 +2558,7 @@ up.Change.OpenLayer = class OpenLayer extends up.Change.Addition {
 
 
 /***/ }),
-/* 28 */
+/* 29 */
 /***/ (() => {
 
 var _a;
@@ -2660,7 +2705,7 @@ up.Change.UpdateLayer = (_a = class UpdateLayer extends up.Change.Addition {
 
 
 /***/ }),
-/* 29 */
+/* 30 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -2693,7 +2738,7 @@ up.Change.UpdateSteps = class UpdateSteps extends up.Change.Addition {
             target: up.fragment.targetForSteps(this._steps),
         });
         this._steps.reverse();
-        const motionEndPromises = this._steps.map(step => this._executeStep(step));
+        const motionEndPromises = this._steps.map((step) => this._executeStep(step));
         this.renderResult.finished = this._finish(motionEndPromises);
         return this.renderResult;
     }
@@ -2726,14 +2771,14 @@ up.Change.UpdateSteps = class UpdateSteps extends up.Change.Addition {
                     return Promise.resolve();
                 }
                 else {
-                    this._preserveKeepables(step);
+                    this._preserveDescendantKeepables(step);
                     const parent = step.oldElement.parentNode;
                     const morphOptions = Object.assign(Object.assign({}, step), { beforeStart() {
                             up.fragment.markAsDestroying(step.oldElement);
                         }, afterInsert: () => {
-                            this._restoreKeepables(step);
+                            this._restoreDescendantKeepables(step);
                             this.responseDoc.finalizeElement(step.newElement);
-                            this._unmarkKeepables(step);
+                            this._finalizeDescendantKeepables(step);
                             up.hello(step.newElement, step);
                             this._addToResult(step.newElement);
                         }, beforeDetach: () => {
@@ -2804,8 +2849,8 @@ up.Change.UpdateSteps = class UpdateSteps extends up.Change.Addition {
             }
         }
     }
-    _preserveKeepables(step) {
-        const keepPlans = [];
+    _preserveDescendantKeepables(step) {
+        const descendantKeepPlans = [];
         if (step.keep) {
             for (let keepable of step.oldElement.querySelectorAll('[up-keep]')) {
                 let keepPlan = this._findKeepPlan(Object.assign(Object.assign({}, step), { oldElement: keepable, descendantsOnly: true }));
@@ -2815,37 +2860,42 @@ up.Change.UpdateSteps = class UpdateSteps extends up.Change.Addition {
                     keepable.classList.add('up-keeping');
                     up.script.disableSubtree(keepPlan.newElement);
                     let viewports = up.viewport.subtree(keepPlan.oldElement);
-                    keepPlan.revivers = viewports.map(function (viewport) {
+                    keepPlan.revivers = u.map(viewports, function (viewport) {
                         let cursorProps = up.viewport.copyCursorProps(viewport);
                         return () => up.viewport.copyCursorProps(cursorProps, viewport);
                     });
-                    if (this._willChangeElement(document.body)) {
+                    if (this._willChangeBody()) {
                         keepPlan.newElement.replaceWith(keepable);
                     }
                     else {
-                        document.body.append(keepable);
+                        e.preservingAppend(document.body, keepable);
                     }
-                    keepPlans.push(keepPlan);
+                    descendantKeepPlans.push(keepPlan);
                 }
             }
         }
-        step.keepPlans = keepPlans;
+        step.descendantKeepPlans = descendantKeepPlans;
     }
-    _restoreKeepables(step) {
-        for (let keepPlan of step.keepPlans) {
-            keepPlan.newElement.replaceWith(keepPlan.oldElement);
+    _restoreDescendantKeepables(step) {
+        for (let keepPlan of step.descendantKeepPlans) {
+            if (this._willChangeBody()) {
+                keepPlan.newElement.replaceWith(keepPlan.oldElement);
+            }
+            else {
+                e.preservingReplace(keepPlan.newElement, keepPlan.oldElement);
+            }
             for (let reviver of keepPlan.revivers) {
                 reviver();
             }
         }
     }
-    _unmarkKeepables(step) {
-        for (let keepPlan of step.keepPlans) {
+    _finalizeDescendantKeepables(step) {
+        for (let keepPlan of step.descendantKeepPlans) {
             keepPlan.oldElement.classList.remove('up-keeping');
         }
     }
-    _willChangeElement(element) {
-        return u.some(this._steps, (step) => step.oldElement.contains(element));
+    _willChangeBody() {
+        return u.some(this._steps, (step) => step.oldElement.matches('body'));
     }
     _handleFocus(fragment, options) {
         const fragmentFocus = new up.FragmentFocus(Object.assign(Object.assign({}, options), { fragment, autoMeans: up.fragment.config.autoFocus }));
@@ -2859,7 +2909,7 @@ up.Change.UpdateSteps = class UpdateSteps extends up.Change.Addition {
 
 
 /***/ }),
-/* 30 */
+/* 31 */
 /***/ (() => {
 
 const u = up.util;
@@ -2876,9 +2926,8 @@ up.Change.CloseLayer = class CloseLayer extends up.Change {
         this._history = (_b = options.history) !== null && _b !== void 0 ? _b : true;
     }
     execute() {
-        if (!this._layer.isOpen()) {
-            return Promise.resolve();
-        }
+        if (!this._layer.isOpen())
+            return;
         up.browser.assertConfirmed(this.options);
         if (this._emitCloseEvent().defaultPrevented && this._preventable) {
             throw new up.Aborted('Close event was prevented');
@@ -2928,16 +2977,19 @@ up.Change.CloseLayer = class CloseLayer extends up.Change {
     }
     _handleFocus(formerParent) {
         var _a;
+        let hadFocus = this._layer.hasFocus();
         this._layer.overlayFocus.teardown();
         (_a = formerParent.overlayFocus) === null || _a === void 0 ? void 0 : _a.moveToFront();
-        let newFocusElement = this._layer.origin || formerParent.element;
-        up.focus(newFocusElement, { preventScroll: true });
+        if (hadFocus) {
+            let newFocusElement = this._layer.origin || formerParent.element;
+            up.focus(newFocusElement, { preventScroll: true });
+        }
     }
 };
 
 
 /***/ }),
-/* 31 */
+/* 32 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -2967,7 +3019,7 @@ up.Change.FromURL = (_a = class FromURL extends up.Change {
                     return request;
                 (_e = (_d = this.options).handleAbort) === null || _e === void 0 ? void 0 : _e.call(_d, request);
                 request.runPreviews(this.options);
-                return yield u.always(request, responseOrError => this._onRequestSettled(responseOrError));
+                return yield u.always(request, (responseOrError) => this._onRequestSettled(responseOrError));
             });
         }
         _newPageReason() {
@@ -3022,7 +3074,7 @@ up.Change.FromURL = (_a = class FromURL extends up.Change {
 
 
 /***/ }),
-/* 32 */
+/* 33 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -3138,6 +3190,11 @@ up.Change.FromResponse = (_a = class FromResponse extends up.Change {
                 renderOptions.source = this.improveHistoryValue(renderOptions.source, 'keep');
                 renderOptions.history = !!renderOptions.location;
             }
+            let openLayerOptions = this._response.openLayer;
+            if (openLayerOptions) {
+                Object.assign(renderOptions, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, up.Layer.Overlay.UNSET_VISUALS), { target: undefined }), up.fragment.config.navigateOptions), openLayerOptions), { layer: 'new' }));
+                Object.assign(renderOptions, openLayerOptions);
+            }
             renderOptions.location = this.improveHistoryValue(renderOptions.location, serverLocation);
             renderOptions.title = this.improveHistoryValue(renderOptions.title, this._response.title);
             renderOptions.eventPlans = this._response.eventPlans;
@@ -3152,7 +3209,7 @@ up.Change.FromResponse = (_a = class FromResponse extends up.Change {
                 renderOptions.target = ':none';
             }
             renderOptions.context = u.merge(renderOptions.context, this._response.context);
-            renderOptions.cspNonces = this._response.cspNonces;
+            renderOptions.cspInfo = this._response.cspInfo;
             (_b = renderOptions.time) !== null && _b !== void 0 ? _b : (renderOptions.time = this._response.lastModified);
             (_c = renderOptions.etag) !== null && _c !== void 0 ? _c : (renderOptions.etag = this._response.etag);
         }
@@ -3166,7 +3223,7 @@ up.Change.FromResponse = (_a = class FromResponse extends up.Change {
 
 
 /***/ }),
-/* 33 */
+/* 34 */
 /***/ (() => {
 
 var _a;
@@ -3240,7 +3297,7 @@ up.Change.FromContent = (_a = class FromContent extends up.Change {
                 'fragment',
                 'document',
                 'html',
-                'cspNonces',
+                'cspInfo',
                 'origin',
                 'data',
             ]);
@@ -3272,7 +3329,7 @@ up.Change.FromContent = (_a = class FromContent extends up.Change {
             return this._expandTargets(target || ':main', layer)[0];
         }
         getPreflightProps(opts = {}) {
-            const getPlanProps = plan => plan.getPreflightProps();
+            const getPlanProps = (plan) => plan.getPreflightProps();
             return this._seekPlan(getPlanProps) || opts.optional || this._cannotMatchPreflightTarget();
         }
         _cannotMatchPreflightTarget() {
@@ -3324,7 +3381,7 @@ up.Change.FromContent = (_a = class FromContent extends up.Change {
 
 
 /***/ }),
-/* 34 */
+/* 35 */
 /***/ (() => {
 
 const u = up.util;
@@ -3420,7 +3477,7 @@ up.CompilerPass = class CompilerPass {
 
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ (() => {
 
 const u = up.util;
@@ -3527,7 +3584,7 @@ up.CSSTransition = class CSSTransition {
 
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ (() => {
 
 const u = up.util;
@@ -3550,7 +3607,7 @@ up.DestructorPass = class DestructorPass {
 
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ (() => {
 
 const u = up.util;
@@ -3650,7 +3707,7 @@ up.EventEmitter = class EventEmitter extends up.Record {
 
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (() => {
 
 const u = up.util;
@@ -3703,7 +3760,8 @@ up.EventListener = class EventListener extends up.Record {
         }
         let element = event.target;
         if (this.selector) {
-            element = element.closest(u.evalOption(this.selector));
+            let selector = u.evalOption(this.selector);
+            element = element.closest(selector);
         }
         if (this.guard && !this.guard(event)) {
             return;
@@ -3757,7 +3815,7 @@ up.EventListener = class EventListener extends up.Record {
 
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (() => {
 
 const u = up.util;
@@ -3803,7 +3861,7 @@ up.EventListenerGroup = class EventListenerGroup extends up.Record {
             }
         });
     }
-    static fromBindArgs(args, defaults) {
+    static fromBindArgs(args, overrides) {
         args = u.copy(args);
         const callback = args.pop();
         let elements;
@@ -3823,14 +3881,64 @@ up.EventListenerGroup = class EventListenerGroup extends up.Record {
         }
         const options = u.extractOptions(args);
         const selector = args[0];
-        const attributes = Object.assign(Object.assign({ elements, eventTypes, selector, callback }, options), defaults);
+        const attributes = Object.assign(Object.assign({ elements, eventTypes, selector, callback }, options), overrides);
         return new (this)(attributes);
     }
 };
 
 
 /***/ }),
-/* 40 */
+/* 41 */
+/***/ (() => {
+
+const u = up.util;
+up.SelectorTracker = class SelectorTracker {
+    constructor(selector, options, addCallback) {
+        var _a;
+        this._selector = selector;
+        this._addCallback = addCallback;
+        this._layer = options.layer || 'any';
+        this._filter = options.filter || u.identity;
+        this._live = (_a = options.live) !== null && _a !== void 0 ? _a : true;
+        this._knownMatches = new Map();
+    }
+    start() {
+        this._sync();
+        return u.sequence(this._trackFragments(), () => this._removeAllMatches());
+    }
+    _trackFragments() {
+        if (this._live) {
+            return up.on('up:fragment:inserted up:fragment:destroyed', () => this._sync());
+        }
+    }
+    _sync() {
+        let removeMap = new Map(this._knownMatches);
+        this._knownMatches.clear();
+        for (let newMatch of this._currentMatches) {
+            let knownRemoveCallback = removeMap.get(newMatch);
+            removeMap.delete(newMatch);
+            let removeCallback = knownRemoveCallback || this._addCallback(newMatch) || u.noop;
+            this._knownMatches.set(newMatch, removeCallback);
+        }
+        this._runRemoveCallbacks(removeMap);
+    }
+    get _currentMatches() {
+        let allMatches = up.fragment.all(this._selector, { layer: this._layer });
+        return this._filter(allMatches);
+    }
+    _removeAllMatches() {
+        this._runRemoveCallbacks(this._knownMatches);
+    }
+    _runRemoveCallbacks(map) {
+        for (let [element, removeCallback] of map) {
+            removeCallback(element);
+        }
+    }
+};
+
+
+/***/ }),
+/* 42 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -3845,42 +3953,49 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 const u = up.util;
 up.FieldWatcher = class FieldWatcher {
     constructor(root, options, callback) {
+        var _a;
         this._options = options;
         this._root = root;
-        this._scope = up.form.getScope(root);
         this._callback = callback;
         this._batch = options.batch;
+        this._logPrefix = (_a = options.logPrefix) !== null && _a !== void 0 ? _a : 'up.watch()';
+        this._ensureWatchable();
     }
     start() {
         this._scheduledValues = null;
         this._processedValues = this._readFieldValues();
         this._currentTimer = null;
         this._callbackRunning = false;
-        this._cleaner = u.cleaner();
-        this._watchFieldsWithin(this._root);
-        this._root.addEventListener('up:fragment:inserted', ({ target }) => {
-            if (target !== this._root)
-                this._watchFieldsWithin(target);
-        });
-        this._cleaner(up.fragment.onAborted(this._scope, () => this._abort()));
-        this._cleaner(up.on(this._scope, 'reset', () => this._onFormReset()));
+        return u.sequence(up.form.trackFields(this._root, (field) => this._watchField(field)), this._trackAbort(), this._trackReset(), () => this._abort());
     }
-    stop() {
-        this._abort();
-        this._cleaner.clean();
+    _ensureWatchable() {
+        const fail = (message) => up.fail(message, this._logPrefix, this._root);
+        if (!this._callback) {
+            fail('No callback provided for %s (%o)');
+        }
+        if (this._root.matches('input[type=radio]')) {
+            fail('Use %s with the container of a radio group, not with an individual radio button (%o)');
+        }
+    }
+    _trackAbort() {
+        let guard = ({ target }) => target.contains(this._region);
+        return up.on('up:fragment:aborted', { guard }, () => this._abort());
+    }
+    _trackReset() {
+        let guard = ({ target }) => target === this._region;
+        return up.on('reset', { guard }, (event) => this._onFormReset(event));
+    }
+    get _region() {
+        return up.form.getRegion(this._root);
     }
     _fieldOptions(field) {
         let rootOptions = u.copy(this._options);
         return up.form.watchOptions(field, rootOptions, { defaults: { event: 'input' } });
     }
-    _watchFieldsWithin(container) {
-        for (let field of up.form.fields(container)) {
-            this._watchField(field);
-        }
-    }
     _watchField(field) {
         let fieldOptions = this._fieldOptions(field);
-        this._cleaner(up.on(field, fieldOptions.event, () => this._check(fieldOptions)));
+        let eventType = fieldOptions.event;
+        return up.on(field, eventType, (event) => this._check(event, fieldOptions));
     }
     _abort() {
         this._scheduledValues = null;
@@ -3906,7 +4021,7 @@ up.FieldWatcher = class FieldWatcher {
                 return;
             if (this._currentTimer)
                 return;
-            if (!this._scope.isConnected)
+            if (!up.fragment.isAlive(this._region))
                 return;
             let callbackOptions = u.omit(this._scheduledFieldOptions, ['event', 'delay']);
             const diff = this._changedValues(this._processedValues, this._scheduledValues);
@@ -3952,20 +4067,143 @@ up.FieldWatcher = class FieldWatcher {
     _readFieldValues() {
         return up.Params.fromContainer(this._root).toObject();
     }
-    _check(fieldOptions = {}) {
+    _check(event, fieldOptions = {}) {
+        up.log.putsEvent(event);
         const values = this._readFieldValues();
         if (this._isNewValues(values)) {
             this._scheduleValues(values, fieldOptions);
         }
     }
-    _onFormReset() {
-        u.task(() => this._check());
+    _onFormReset(event) {
+        u.task(() => this._check(event));
     }
 };
 
 
 /***/ }),
-/* 41 */
+/* 43 */
+/***/ (() => {
+
+const u = up.util;
+const e = up.element;
+const BUILTIN_SWITCH_EFFECTS = [
+    { attr: 'up-hide-for', toggle(target, active) { e.toggle(target, !active); } },
+    { attr: 'up-show-for', toggle(target, active) { e.toggle(target, active); } },
+    { attr: 'up-disable-for', toggle(target, active) { up.form.setDisabled(target, active); } },
+    { attr: 'up-enable-for', toggle(target, active) { up.form.setDisabled(target, !active); } },
+];
+up.Switcher = class Switcher {
+    constructor(root) {
+        this._root = root;
+        this._switcheeSelector = root.getAttribute('up-switch') || up.fail("No switch target given for %o", root);
+        this._regionSelector = root.getAttribute('up-switch-region');
+    }
+    start() {
+        this._switchRegion();
+        return u.sequence(this._trackFieldChanges(), this._trackNewSwitchees());
+    }
+    _trackFieldChanges() {
+        var _a, _b;
+        let callback = () => this._onFieldChanged();
+        return ((_b = (_a = up.migrate).watchForSwitch) === null || _b === void 0 ? void 0 : _b.call(_a, this._root, callback))
+            || up.watch(this._root, { logPrefix: '[up-switch]' }, callback);
+    }
+    _trackNewSwitchees() {
+        let filter = (matches) => {
+            let scope = this._scope;
+            return u.filter(matches, (match) => scope.contains(match));
+        };
+        let onSwitcheeAdded = (switchee) => this._switchSwitchee(switchee);
+        return up.fragment.trackSelector(this._switcheeSelector, { filter }, onSwitcheeAdded);
+    }
+    _onFieldChanged() {
+        this._switchRegion();
+    }
+    _switchRegion() {
+        const fieldTokens = this._buildFieldTokens();
+        for (let switchee of this._findSwitchees()) {
+            this._switchSwitchee(switchee, fieldTokens);
+        }
+    }
+    _switchSwitchee(switchee, fieldTokens = this._buildFieldTokens()) {
+        let previousValues = switchee.upSwitchValues;
+        if (!u.isEqual(previousValues, fieldTokens)) {
+            switchee.upSwitchValues = fieldTokens;
+            this._switchSwitcheeNow(switchee, fieldTokens);
+        }
+    }
+    _switchSwitcheeNow(switchee, fieldTokens) {
+        for (let { attr, toggle } of BUILTIN_SWITCH_EFFECTS) {
+            let attrValue = switchee.getAttribute(attr);
+            if (attrValue) {
+                let activeTokens = this._parseSwitcheeTokens(attrValue);
+                let isActive = u.intersect(fieldTokens, activeTokens).length > 0;
+                toggle(switchee, isActive);
+            }
+        }
+        let log = ['Switching %o', switchee];
+        up.emit(switchee, 'up:form:switch', { field: this._root, tokens: fieldTokens, log });
+    }
+    _findSwitchees() {
+        return up.fragment.subtree(this._scope, this._switcheeSelector);
+    }
+    get _scope() {
+        if (this._regionSelector) {
+            return up.fragment.get(this._regionSelector, { origin: this._root });
+        }
+        else {
+            return up.form.getRegion(this._root);
+        }
+    }
+    _parseSwitcheeTokens(str) {
+        return u.getSimpleTokens(str, { json: true });
+    }
+    _buildFieldTokens() {
+        var _a, _b;
+        let fields = up.form.fields(this._root);
+        let field = fields[0];
+        let value;
+        let meta;
+        if (field.matches('input[type=checkbox]')) {
+            if (field.checked) {
+                value = field.value;
+                meta = ':checked';
+            }
+            else {
+                meta = ':unchecked';
+            }
+        }
+        else if (field.matches('input[type=radio]')) {
+            let checkedButton = ((_b = (_a = up.migrate).checkedRadioButtonForSwitch) === null || _b === void 0 ? void 0 : _b.call(_a, field)) || u.find(fields, 'checked');
+            if (checkedButton) {
+                meta = ':checked';
+                value = checkedButton.value;
+            }
+            else {
+                meta = ':unchecked';
+            }
+        }
+        else {
+            value = field.value;
+        }
+        const values = [];
+        if (u.isPresent(value)) {
+            values.push(value);
+            values.push(':present');
+        }
+        else {
+            values.push(':blank');
+        }
+        if (u.isPresent(meta)) {
+            values.push(meta);
+        }
+        return values;
+    }
+};
+
+
+/***/ }),
+/* 44 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -3996,41 +4234,52 @@ up.FormValidator = class FormValidator {
         this._dirtySolutions = [];
         this._nextRenderTimer = null;
         this._rendering = false;
-        this._resetNextRenderPromise();
         this._honorAbort();
     }
+    start() {
+        let guard = (field) => this._isValidatingField(field);
+        let callback = (field) => this._onFieldAdded(field);
+        return up.form.trackFields(this._form, { guard }, callback);
+    }
+    _isValidatingField(field) {
+        return field.closest('[up-validate]:not([up-validate=false])');
+    }
+    _onFieldAdded(field) {
+        let eventType = up.form.validateOptions(field).event;
+        return up.on(field, eventType, (event) => {
+            up.log.putsEvent(event);
+            up.error.muteUncriticalRejection(this.validate({ origin: field }));
+        });
+    }
     _honorAbort() {
         up.fragment.onAborted(this._form, (event) => this._onAborted(event));
     }
     _onAborted(event) {
-        if (this._dirtySolutions.length) {
-            this._dirtySolutions = [];
-            this._nextRenderPromise.reject(new up.Aborted(event.reason));
-            this._resetNextRenderPromise();
+        let abortedError = new up.Aborted(event.reason);
+        let solution;
+        while (solution = this._dirtySolutions.shift()) {
+            solution.deferred.reject(abortedError);
         }
     }
-    _resetNextRenderPromise() {
-        this._nextRenderPromise = u.newDeferred();
-    }
-    watchContainer(fieldOrForm) {
-        let { event } = this._originOptions(fieldOrForm);
-        let guard = () => up.fragment.isAlive(fieldOrForm);
-        let callback = () => up.error.muteUncriticalRejection(this.validate({ origin: fieldOrForm }));
-        up.on(fieldOrForm, event, { guard }, callback);
-    }
     validate(options = {}) {
-        let solutions = this._getSolutions(options);
-        this._dirtySolutions.push(...solutions);
+        var _a;
+        let newSolutions = this._getSolutions(options);
+        this._dirtySolutions.push(...newSolutions);
         this._scheduleNextRender();
-        return this._nextRenderPromise;
+        return (_a = newSolutions[0]) === null || _a === void 0 ? void 0 : _a.deferred;
     }
     _getSolutions(options) {
         let solutions = this._getTargetSelectorSolutions(options)
             || this._getFieldSolutions(options)
             || this._getElementSolutions(options.origin);
+        let deferred = u.newDeferred();
         for (let solution of solutions) {
-            solution.renderOptions = this._originOptions(solution.origin, options);
+            let renderOptions = up.form.validateOptions(solution.origin, options);
+            solution.batch = u.pluckKey(renderOptions, 'batch');
+            solution.renderOptions = renderOptions;
+            solution.destination = `${renderOptions.method} ${renderOptions.url}`;
             solution.target = up.fragment.resolveOrigin(solution.target, solution);
+            solution.deferred = deferred;
         }
         return solutions;
     }
@@ -4083,9 +4332,6 @@ up.FormValidator = class FormValidator {
             return this._getTargetSelectorSolutions({ target, origin: field });
         }
     }
-    _originOptions(element, overrideOptions) {
-        return up.form.watchOptions(element, overrideOptions, { defaults: { event: 'change' } });
-    }
     _scheduleNextRender() {
         let solutionDelays = this._dirtySolutions.map((solution) => solution.renderOptions.delay);
         let shortestDelay = Math.min(...solutionDelays) || 0;
@@ -4106,14 +4352,15 @@ up.FormValidator = class FormValidator {
                 return;
             if (this._nextRenderTimer)
                 return;
-            let options = this._mergeRenderOptions(this._dirtySolutions);
-            this._dirtySolutions = [];
+            let solutionsBatch = this._selectDirtySolutionsBatch();
+            let renderOptions = this._mergeRenderOptions(solutionsBatch);
             this._rendering = true;
-            let renderingPromise = this._nextRenderPromise;
-            this._resetNextRenderPromise();
             try {
-                renderingPromise.resolve(up.render(options));
-                yield renderingPromise;
+                let renderPromise = up.render(renderOptions);
+                for (let solution of solutionsBatch) {
+                    solution.deferred.resolve(renderPromise);
+                }
+                yield renderPromise;
             }
             finally {
                 this._rendering = false;
@@ -4121,20 +4368,39 @@ up.FormValidator = class FormValidator {
             }
         });
     }
+    _selectDirtySolutionsBatch() {
+        let batch = [];
+        let i = 0;
+        while (i < this._dirtySolutions.length) {
+            let solution = this._dirtySolutions[i];
+            if (batch.length === 0 || this._canBatchSolutions(batch[0], solution)) {
+                batch.push(solution);
+                this._dirtySolutions.splice(i, 1);
+            }
+            else {
+                i++;
+            }
+        }
+        return batch;
+    }
+    _canBatchSolutions(s1, s2) {
+        return s1.destination === s2.destination && s1.batch && s2.batch;
+    }
     _mergeRenderOptions(dirtySolutions) {
         var _a;
         let dirtyOrigins = u.map(dirtySolutions, 'origin');
         let dirtyFields = u.flatMap(dirtyOrigins, up.form.fields);
         let dirtyNames = u.uniq(u.map(dirtyFields, 'name'));
         let dirtyRenderOptionsList = u.map(dirtySolutions, 'renderOptions');
-        let options = u.mergeDefined(...dirtyRenderOptionsList, up.form.destinationOptions(this._form));
+        let formDestinationOptions = up.form.destinationOptions(this._form);
+        let options = u.mergeDefined(formDestinationOptions, ...dirtyRenderOptionsList);
         options.target = u.map(dirtySolutions, 'target').join(', ');
         options.origin = this._form;
         (_a = options.focus) !== null && _a !== void 0 ? _a : (options.focus = 'keep');
         options.failOptions = false;
         options.defaultMaybe = true;
-        options.params = up.Params.merge(options.params, ...u.map(dirtyRenderOptionsList, 'params'));
-        options.headers = u.merge(options.headers, ...u.map(dirtyRenderOptionsList, 'headers'));
+        options.params = up.Params.merge(formDestinationOptions.params, ...u.map(dirtyRenderOptionsList, 'params'));
+        options.headers = u.merge(formDestinationOptions.headers, ...u.map(dirtyRenderOptionsList, 'headers'));
         this._addValidateHeader(options.headers, dirtyNames);
         options.feedback = u.some(dirtyRenderOptionsList, 'feedback');
         options.data = undefined;
@@ -4162,27 +4428,29 @@ up.FormValidator = class FormValidator {
             value = ':unknown';
         headers[key] = value;
     }
-    static forElement(element) {
-        let form = up.form.get(element);
-        return form.upFormValidator || (form.upFormValidator = new this(form));
-    }
 };
 
 
 /***/ }),
-/* 42 */
+/* 45 */
 /***/ (() => {
 
 up.FocusCapsule = class FocusCapsule {
-    constructor(element, target, cursorProps) {
+    constructor(element, target) {
         this._element = element;
         this._target = target;
-        this._cursorProps = cursorProps;
+        this._cursorProps = up.viewport.copyCursorProps(this._element);
     }
     wasLost() {
-        return document.activeElement !== this._element;
+        return document.activeElement !== this._element && !this._voided;
+    }
+    autoVoid() {
+        up.on('focusin', { once: true }, () => this._voided = true);
     }
     restore(layer, focusOptions) {
+        if (!this.wasLost()) {
+            return false;
+        }
         let rediscoveredElement = up.fragment.get(this._target, { layer });
         if (rediscoveredElement) {
             up.viewport.copyCursorProps(this._cursorProps, rediscoveredElement);
@@ -4197,14 +4465,13 @@ up.FocusCapsule = class FocusCapsule {
         let target = up.fragment.tryToTarget(focusedElement);
         if (!target)
             return;
-        const cursorProps = up.viewport.copyCursorProps(focusedElement);
-        return new this(focusedElement, target, cursorProps);
+        return new this(focusedElement, target);
     }
 };
 
 
 /***/ }),
-/* 43 */
+/* 46 */
 /***/ (() => {
 
 const u = up.util;
@@ -4247,7 +4514,7 @@ up.FragmentProcessor = class FragmentProcessor extends up.Record {
         return this.processPrimitive(opt);
     }
     processArray(array) {
-        return u.find(array, opt => this.tryProcess(opt));
+        return u.find(array, (opt) => this.tryProcess(opt));
     }
     resolveCondition(condition) {
         if (condition === 'main') {
@@ -4269,7 +4536,7 @@ up.FragmentProcessor = class FragmentProcessor extends up.Record {
 
 
 /***/ }),
-/* 44 */
+/* 47 */
 /***/ (() => {
 
 const u = up.util;
@@ -4320,7 +4587,7 @@ up.FragmentFinder = class FragmentFinder {
 
 
 /***/ }),
-/* 45 */
+/* 48 */
 /***/ (() => {
 
 const u = up.util;
@@ -4330,6 +4597,7 @@ up.FragmentFocus = class FragmentFocus extends up.FragmentProcessor {
     keys() {
         return super.keys().concat([
             'hash',
+            'focusVisible',
             'focusCapsule',
             'inputDevice',
         ]);
@@ -4374,9 +4642,7 @@ up.FragmentFocus = class FragmentFocus extends up.FragmentProcessor {
     }
     _restoreLostFocus() {
         var _a;
-        if (this._wasFocusLost()) {
-            return (_a = this.focusCapsule) === null || _a === void 0 ? void 0 : _a.restore(this.layer, PREVENT_SCROLL_OPTIONS);
-        }
+        return (_a = this.focusCapsule) === null || _a === void 0 ? void 0 : _a.restore(this.layer, PREVENT_SCROLL_OPTIONS);
     }
     _restorePreviousFocusForLocation() {
         return up.viewport.restoreFocus({ layer: this.layer });
@@ -4389,7 +4655,7 @@ up.FragmentFocus = class FragmentFocus extends up.FragmentProcessor {
     }
     _focusElement(element) {
         if (element) {
-            up.focus(element, Object.assign(Object.assign({ force: true }, PREVENT_SCROLL_OPTIONS), { inputDevice: this.inputDevice }));
+            up.focus(element, Object.assign(Object.assign({ force: true }, PREVENT_SCROLL_OPTIONS), { inputDevice: this.inputDevice, focusVisible: this.focusVisible }));
             return true;
         }
     }
@@ -4407,7 +4673,7 @@ up.FragmentFocus = class FragmentFocus extends up.FragmentProcessor {
 
 
 /***/ }),
-/* 46 */
+/* 49 */
 /***/ (() => {
 
 const e = up.element;
@@ -4494,6 +4760,11 @@ up.FragmentPolling = class FragmentPolling {
         if (this._state !== 'started') {
             return;
         }
+        if (!up.fragment.isAlive(this._fragment)) {
+            this._stop();
+            up.puts('[up-poll]', 'Stopped polling a detached fragment');
+            return;
+        }
         if (!this._isFragmentVisible()) {
             up.puts('[up-poll]', 'Will not poll hidden fragment');
             return;
@@ -4565,7 +4836,7 @@ up.FragmentPolling = class FragmentPolling {
 
 
 /***/ }),
-/* 47 */
+/* 50 */
 /***/ (() => {
 
 const u = up.util;
@@ -4582,8 +4853,10 @@ up.FragmentScrolling = class FragmentScrolling extends up.FragmentProcessor {
     }
     processPrimitive(opt) {
         switch (opt) {
-            case 'reset':
-                return this._reset();
+            case 'top':
+                return this._scrollTo(0);
+            case 'bottom':
+                return this._scrollTo(99999999);
             case 'layer':
                 return this._revealLayer();
             case 'main':
@@ -4618,9 +4891,8 @@ up.FragmentScrolling = class FragmentScrolling extends up.FragmentProcessor {
     _revealLayer() {
         return this._revealElement(this.layer.getBoxElement());
     }
-    _reset() {
-        up.viewport.resetScroll(Object.assign(Object.assign({}, this.attributes()), { around: this.fragment }));
-        return true;
+    _scrollTo(position) {
+        return up.viewport.scrollTo(position, Object.assign(Object.assign({}, this.attributes()), { around: this.fragment }));
     }
     _restore() {
         return up.viewport.restoreScroll(Object.assign(Object.assign({}, this.attributes()), { around: this.fragment }));
@@ -4629,7 +4901,7 @@ up.FragmentScrolling = class FragmentScrolling extends up.FragmentProcessor {
 
 
 /***/ }),
-/* 48 */
+/* 51 */
 /***/ (() => {
 
 const e = up.element;
@@ -4867,7 +5139,7 @@ up.Layer = class Layer extends up.Record {
                 up.history.push(location);
             }
             if (!this.opening) {
-                this.emit('up:layer:location:changed', { location });
+                this.emit('up:layer:location:changed', { location, log: false });
             }
         }
     }
@@ -4897,7 +5169,7 @@ up.Layer = class Layer extends up.Record {
 
 
 /***/ }),
-/* 49 */
+/* 52 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -5007,7 +5279,7 @@ up.Layer.Overlay = (_a = class Overlay extends up.Layer {
             }
             if (this._supportsDismissMethod('outside')) {
                 if (this.viewportElement) {
-                    up.on(this.viewportElement, 'up:click', event => {
+                    up.on(this.viewportElement, 'up:click', (event) => {
                         if (event.target === this.viewportElement) {
                             this._onOutsideClicked(event, true);
                         }
@@ -5023,17 +5295,17 @@ up.Layer.Overlay = (_a = class Overlay extends up.Layer {
                 }
             }
             if (this._supportsDismissMethod('key')) {
-                this.unbindEscapePressed = up.event.onEscape(event => this.onEscapePressed(event));
+                this.unbindEscapePressed = up.event.onEscape((event) => this.onEscapePressed(event));
             }
-            this.registerClickCloser('up-accept', (value, closeOptions) => {
+            this.registerAttrCloser('up-accept', (value, closeOptions) => {
                 this.accept(value, closeOptions);
             });
-            this.registerClickCloser('up-dismiss', (value, closeOptions) => {
+            this.registerAttrCloser('up-dismiss', (value, closeOptions) => {
                 this.dismiss(value, closeOptions);
             });
             (_c = (_b = up.migrate).registerLayerCloser) === null || _c === void 0 ? void 0 : _c.call(_b, this);
-            this._registerEventCloser(this.acceptEvent, this.accept);
-            this._registerEventCloser(this.dismissEvent, this.dismiss);
+            this._registerExternalEventCloser(this.acceptEvent, this.accept);
+            this._registerExternalEventCloser(this.dismissEvent, this.dismiss);
             this.on('up:click', 'label[for]', (event, label) => this._onLabelClicked(event, label));
         }
         _onLabelClicked(event, label) {
@@ -5068,26 +5340,38 @@ up.Layer.Overlay = (_a = class Overlay extends up.Layer {
                 }
             }
         }
-        registerClickCloser(attribute, closeFn) {
-            let selector = `[${attribute}]`;
-            this.on('up:click', selector, function (event) {
+        registerAttrCloser(attribute, closeFn) {
+            this._registerClickCloser(attribute, closeFn);
+            this._registerSubmitCloser(attribute, closeFn);
+        }
+        _registerClickCloser(attribute, closeFn) {
+            this.on('up:click', `[${attribute}]:not(form)`, (event, link) => {
+                up.event.halt(event, { log: true });
+                const value = e.jsonAttr(link, attribute);
+                this._onAttrCloserActivated(link, value, closeFn);
+            });
+        }
+        _registerSubmitCloser(attribute, closeFn) {
+            this.on('submit', `[${attribute}]`, (event, form) => {
                 up.event.halt(event, { log: true });
-                const origin = event.target.closest(selector);
-                const value = e.jsonAttr(origin, attribute);
-                const closeOptions = { origin };
-                const parser = new up.OptionsParser(origin, closeOptions);
-                parser.booleanOrString('animation');
-                parser.string('easing');
-                parser.number('duration');
-                parser.string('confirm');
-                up.error.muteUncriticalSync(() => closeFn(value, closeOptions));
+                const value = up.Params.fromForm(form);
+                this._onAttrCloserActivated(form, value, closeFn);
             });
         }
-        _registerEventCloser(eventTypes, closeFn) {
+        _onAttrCloserActivated(origin, value, closeFn) {
+            const closeOptions = { origin };
+            const parser = new up.OptionsParser(origin, closeOptions);
+            parser.booleanOrString('animation');
+            parser.string('easing');
+            parser.number('duration');
+            parser.string('confirm');
+            up.error.muteUncriticalSync(() => closeFn(value, closeOptions));
+        }
+        _registerExternalEventCloser(eventTypes, closeFn) {
             if (!eventTypes) {
                 return;
             }
-            return this.on(eventTypes, event => {
+            return this.on(eventTypes, (event) => {
                 event.preventDefault();
                 up.error.muteUncriticalSync(() => closeFn.call(this, event, { response: event.response }));
             });
@@ -5196,11 +5480,12 @@ up.Layer.Overlay = (_a = class Overlay extends up.Layer {
         'closeEasing',
         'trapFocus',
     ],
+    _a.UNSET_VISUALS = u.spanObject(_a.VISUAL_KEYS, undefined),
     _a);
 
 
 /***/ }),
-/* 50 */
+/* 53 */
 /***/ (() => {
 
 up.Layer.OverlayWithTether = class OverlayWithTether extends up.Layer.Overlay {
@@ -5239,7 +5524,7 @@ up.Layer.OverlayWithTether = class OverlayWithTether extends up.Layer.Overlay {
 
 
 /***/ }),
-/* 51 */
+/* 54 */
 /***/ (() => {
 
 up.Layer.OverlayWithViewport = class OverlayWithViewport extends up.Layer.Overlay {
@@ -5268,7 +5553,7 @@ up.Layer.OverlayWithViewport = class OverlayWithViewport extends up.Layer.Overla
 
 
 /***/ }),
-/* 52 */
+/* 55 */
 /***/ (() => {
 
 var _a;
@@ -5314,7 +5599,7 @@ up.Layer.Root = (_a = class Root extends up.Layer {
 
 
 /***/ }),
-/* 53 */
+/* 56 */
 /***/ (() => {
 
 var _a;
@@ -5325,7 +5610,7 @@ up.Layer.Modal = (_a = class Modal extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 54 */
+/* 57 */
 /***/ (() => {
 
 var _a;
@@ -5336,7 +5621,7 @@ up.Layer.Popup = (_a = class Popup extends up.Layer.OverlayWithTether {
 
 
 /***/ }),
-/* 55 */
+/* 58 */
 /***/ (() => {
 
 var _a;
@@ -5347,7 +5632,7 @@ up.Layer.Drawer = (_a = class Drawer extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 56 */
+/* 59 */
 /***/ (() => {
 
 var _a;
@@ -5358,7 +5643,7 @@ up.Layer.Cover = (_a = class Cover extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 57 */
+/* 60 */
 /***/ (() => {
 
 var _a;
@@ -5374,7 +5659,7 @@ up.LayerLookup = (_a = class LayerLookup {
             this._values = u.getSimpleTokens(options.layer);
         }
         all() {
-            let results = u.flatMap(this._values, value => this._resolveValue(value));
+            let results = u.flatMap(this._values, (value) => this._resolveValue(value));
             results = u.compact(results);
             results = u.uniq(results);
             return results;
@@ -5389,7 +5674,7 @@ up.LayerLookup = (_a = class LayerLookup {
         }
         _forElement(element) {
             element = e.get(element);
-            return u.find(this._stack.reversed(), layer => layer.contains(element));
+            return u.find(this._stack.reversed(), (layer) => layer.contains(element));
         }
         _forIndex(value) {
             return this._stack.at(value);
@@ -5471,7 +5756,7 @@ up.LayerLookup = (_a = class LayerLookup {
 
 
 /***/ }),
-/* 58 */
+/* 61 */
 /***/ (() => {
 
 const u = up.util;
@@ -5585,7 +5870,7 @@ up.LayerStack = class LayerStack {
 
 
 /***/ }),
-/* 59 */
+/* 62 */
 /***/ (() => {
 
 const u = up.util;
@@ -5620,7 +5905,7 @@ up.LinkCurrentURLs = class LinkCurrentURLs {
 
 
 /***/ }),
-/* 60 */
+/* 63 */
 /***/ (() => {
 
 const u = up.util;
@@ -5663,13 +5948,15 @@ up.LinkFollowIntent = class LinkFollowIntent {
     }
     _runCallback(event) {
         up.log.putsEvent(event);
+        if (!up.fragment.isAlive(this._link))
+            return;
         this._callback({ onRequestKnown: (request) => this._lastRequest = request });
     }
 };
 
 
 /***/ }),
-/* 61 */
+/* 64 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -5722,7 +6009,7 @@ up.MotionController = class MotionController {
     }
     _expandFinishRequest(elements) {
         if (elements) {
-            return u.flatMap(elements, el => e.list(el.closest(this._selector), el.querySelectorAll(this._selector)));
+            return u.flatMap(elements, (el) => e.list(el.closest(this._selector), el.querySelectorAll(this._selector)));
         }
         else {
             return document.querySelectorAll(this._selector);
@@ -5778,10 +6065,9 @@ up.MotionController = class MotionController {
 
 
 /***/ }),
-/* 62 */
+/* 65 */
 /***/ (() => {
 
-const u = up.util;
 const e = up.element;
 up.NonceableCallback = class NonceableCallback {
     constructor(script, nonce) {
@@ -5835,37 +6121,11 @@ up.NonceableCallback = class NonceableCallback {
             }
         }
     }
-    _allowedBy(allowedNonces) {
-        return this.nonce && u.contains(allowedNonces, this.nonce);
-    }
-    static adoptNonces(element, allowedNonces) {
-        if (!(allowedNonces === null || allowedNonces === void 0 ? void 0 : allowedNonces.length)) {
-            return;
-        }
-        const getPageNonce = u.memoize(up.protocol.cspNonce);
-        u.each(up.script.config.nonceableAttributes, (attribute) => {
-            let matches = e.subtree(element, `[${attribute}^="nonce-"]`);
-            u.each(matches, (match) => {
-                let attributeValue = match.getAttribute(attribute);
-                let callback = this.fromString(attributeValue);
-                let warn = (message, ...args) => up.log.warn('up.render()', `Cannot use callback [${attribute}="${attributeValue}"]: ${message}`, ...args);
-                if (!callback._allowedBy(allowedNonces)) {
-                    return warn("Callback's CSP nonce (%o) does not match response header (%o)", callback.nonce, allowedNonces);
-                }
-                let pageNonce = getPageNonce();
-                if (!pageNonce) {
-                    return warn("Current page's CSP nonce is unknown");
-                }
-                callback.nonce = pageNonce;
-                match.setAttribute(attribute, callback.toString());
-            });
-        });
-    }
 };
 
 
 /***/ }),
-/* 63 */
+/* 66 */
 /***/ (() => {
 
 const e = up.element;
@@ -5887,7 +6147,7 @@ up.OverlayFocus = class OverlayFocus {
             'aria-modal': this._trapFocus.toString()
         });
         if (this._trapFocus) {
-            this._untrapFocus = up.on('focusin', event => this._onFocus(event));
+            this._untrapFocus = up.on('focusin', (event) => this._onFocus(event));
             this._focusTrapBefore = e.affix(this._focusElement, 'beforebegin', 'up-focus-trap[tabindex=0]');
             this._focusTrapAfter = e.affix(this._focusElement, 'afterend', 'up-focus-trap[tabindex=0]');
         }
@@ -5938,7 +6198,7 @@ up.OverlayFocus = class OverlayFocus {
 
 
 /***/ }),
-/* 64 */
+/* 67 */
 /***/ (() => {
 
 const u = up.util;
@@ -6075,7 +6335,7 @@ up.Params = class Params {
         this.entries = u.reject(this.entries, this._matchEntryFn(name));
     }
     _matchEntryFn(name) {
-        return entry => entry.name === name;
+        return (entry) => entry.name === name;
     }
     get(name) {
         if (this._isArrayKey(name)) {
@@ -6172,7 +6432,7 @@ up.Params = class Params {
 
 
 /***/ }),
-/* 65 */
+/* 68 */
 /***/ (() => {
 
 const u = up.util;
@@ -6243,7 +6503,7 @@ up.Preview = class Preview {
     }
     disable(...args) {
         let [element] = this._parseMutatorArgs(args, 'val');
-        this.undo(up.form.disable(element));
+        this.undo(up.form.disableTemp(element));
     }
     insert(...args) {
         let [reference, position = 'beforeend', tempValue] = this._parseMutatorArgs(args, 'val', u.isAdjacentPosition, 'val');
@@ -6300,7 +6560,7 @@ up.Preview = class Preview {
 
 
 /***/ }),
-/* 66 */
+/* 69 */
 /***/ (() => {
 
 const e = up.element;
@@ -6350,7 +6610,7 @@ up.ProgressBar = class ProgressBar {
 
 
 /***/ }),
-/* 67 */
+/* 70 */
 /***/ (() => {
 
 const u = up.util;
@@ -6447,7 +6707,7 @@ up.RenderOptions = (function () {
         return u.merge(preprocessedOptions.defaults, lateDefaults, preprocessedOptions);
     }
     function assertContentGiven(options) {
-        if (!u.some(CONTENT_KEYS, contentKey => u.isGiven(options[contentKey]))) {
+        if (!u.some(CONTENT_KEYS, (contentKey) => u.isGiven(options[contentKey]))) {
             if (options.defaultToEmptyContent) {
                 options.content = '';
             }
@@ -6489,7 +6749,7 @@ up.RenderOptions = (function () {
 
 
 /***/ }),
-/* 68 */
+/* 71 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -6548,7 +6808,7 @@ up.RenderResult = class RenderResult extends up.Record {
 
 
 /***/ }),
-/* 69 */
+/* 72 */
 /***/ (() => {
 
 var _a;
@@ -6575,6 +6835,8 @@ up.Request = (_a = class Request extends up.Record {
                 'failMode',
                 'failContext',
                 'origin',
+                'originLayer',
+                'originMode',
                 'builtAt',
                 'wrapMethod',
                 'contentType',
@@ -6587,31 +6849,32 @@ up.Request = (_a = class Request extends up.Record {
             ];
         }
         defaults() {
+            let config = up.network.config;
             return {
                 state: 'new',
                 abortable: true,
                 headers: {},
-                timeout: up.network.config.timeout,
+                timeout: config.timeout,
                 builtAt: new Date(),
                 previews: [],
+                wrapMethod: config.wrapMethod,
             };
         }
         constructor(options) {
-            var _b, _c;
+            var _b, _c, _d;
             super(options);
             this.params = new up.Params(this.params);
-            if (this.wrapMethod == null) {
-                this.wrapMethod = up.network.config.wrapMethod;
-            }
             this._normalize();
             if ((this.target || this.layer || this.origin) && !options.basic) {
                 const layerLookupOptions = { origin: this.origin };
                 this.layer = up.layer.get(this.layer, layerLookupOptions);
-                this.failLayer = up.layer.get(this.failLayer, layerLookupOptions);
                 this.context || (this.context = this.layer.context || {});
-                this.failContext || (this.failContext = ((_b = this.failLayer) === null || _b === void 0 ? void 0 : _b.context) || {});
                 this.mode || (this.mode = this.layer.mode);
+                this.failLayer = up.layer.get(this.failLayer, layerLookupOptions);
+                this.failContext || (this.failContext = ((_b = this.failLayer) === null || _b === void 0 ? void 0 : _b.context) || {});
                 this.failMode || (this.failMode = (_c = this.failLayer) === null || _c === void 0 ? void 0 : _c.mode);
+                this.originLayer || (this.originLayer = up.layer.get(this.origin) || up.layer.current);
+                this.originMode || (this.originMode = (_d = this.originLayer) === null || _d === void 0 ? void 0 : _d.mode);
             }
             this.bindLayer = options.bindLayer || this.layer;
             this._fragments = options.fragments;
@@ -6661,8 +6924,9 @@ up.Request = (_a = class Request extends up.Record {
             u.task(() => {
                 this.layer = undefined;
                 this.failLayer = undefined;
-                this._bindLayer = undefined;
+                this.bindLayer = undefined;
                 this.origin = undefined;
+                this.originLayer = undefined;
                 this._fragments = undefined;
                 this._bindFragments = undefined;
             });
@@ -6819,6 +7083,7 @@ up.Request = (_a = class Request extends up.Record {
                 status: this.xhr.status,
                 title: up.protocol.titleFromXHR(this.xhr),
                 target: up.protocol.targetFromXHR(this.xhr),
+                openLayer: up.protocol.openLayerFromXHR(this.xhr),
                 acceptLayer: up.protocol.acceptLayerFromXHR(this.xhr),
                 dismissLayer: up.protocol.dismissLayerFromXHR(this.xhr),
                 eventPlans: up.protocol.eventPlansFromXHR(this.xhr),
@@ -6872,7 +7137,7 @@ up.Request = (_a = class Request extends up.Record {
             return this.headers[name];
         }
         _setAutoHeaders() {
-            for (let key of ['target', 'failTarget', 'mode', 'failMode', 'context', 'failContext']) {
+            for (let key of ['target', 'failTarget', 'mode', 'failMode', 'context', 'failContext', 'originMode']) {
                 this._setPropertyHeader(key);
             }
             let csrfHeader, csrfToken;
@@ -6927,13 +7192,13 @@ up.Request = (_a = class Request extends up.Record {
         }
     },
     (() => {
-        u.delegatePromise(_a.prototype, '_deferred');
+        u.delegatePromise(_a.prototype, function () { return this._deferred; });
     })(),
     _a);
 
 
 /***/ }),
-/* 70 */
+/* 73 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -7091,14 +7356,14 @@ up.Request.Cache = class Cache {
     _isUsable(request) {
         return request.age < up.network.config.cacheEvictAge;
     }
-    get _size() {
+    get currentSize() {
         return this._requests.length;
     }
     get _capacity() {
         return up.network.config.cacheSize;
     }
     _limitSize() {
-        for (let i = 0; i < (this._size - this._capacity); i++) {
+        for (let i = 0; i < (this.currentSize - this._capacity); i++) {
             this._delete(this._requests[0]);
         }
     }
@@ -7114,7 +7379,7 @@ up.Request.Cache = class Cache {
 
 
 /***/ }),
-/* 71 */
+/* 74 */
 /***/ (() => {
 
 const u = up.util;
@@ -7132,7 +7397,7 @@ up.Request.Queue = class Queue {
     }
     asap(request) {
         request.runQueuedCallbacks();
-        u.always(request, responseOrError => this._onRequestSettled(request, responseOrError));
+        u.always(request, (responseOrError) => this._onRequestSettled(request, responseOrError));
         this._scheduleSlowTimer(request);
         this._queueRequest(request);
         queueMicrotask(() => this._poke());
@@ -7163,7 +7428,7 @@ up.Request.Queue = class Queue {
         this._queuedRequests.push(request);
     }
     _pluckNextRequest() {
-        let request = u.find(this._queuedRequests, request => !request.background);
+        let request = u.find(this._queuedRequests, (request) => !request.background);
         request || (request = this._queuedRequests[0]);
         return u.remove(this._queuedRequests, request);
     }
@@ -7225,7 +7490,7 @@ up.Request.Queue = class Queue {
 
 
 /***/ }),
-/* 72 */
+/* 75 */
 /***/ (() => {
 
 const u = up.util;
@@ -7264,7 +7529,7 @@ up.Request.FormRenderer = class FormRenderer {
 
 
 /***/ }),
-/* 73 */
+/* 76 */
 /***/ (() => {
 
 var _a;
@@ -7335,7 +7600,7 @@ up.Request.XHRRenderer = (_a = class XHRRenderer {
 
 
 /***/ }),
-/* 74 */
+/* 77 */
 /***/ (() => {
 
 const u = up.util;
@@ -7350,6 +7615,7 @@ up.Response = class Response extends up.Record {
             'xhr',
             'target',
             'title',
+            'openLayer',
             'acceptLayer',
             'dismissLayer',
             'eventPlans',
@@ -7364,7 +7630,7 @@ up.Response = class Response extends up.Record {
     defaults() {
         return {
             headers: {},
-            loadedAt: new Date()
+            loadedAt: new Date(),
         };
     }
     get ok() {
@@ -7385,8 +7651,9 @@ up.Response = class Response extends up.Record {
     get contentType() {
         return this.header('Content-Type');
     }
-    get cspNonces() {
-        return up.protocol.cspNoncesFromHeader(this.header('Content-Security-Policy') || this.header('Content-Security-Policy-Report-Only'));
+    get cspInfo() {
+        let policy = this.header('Content-Security-Policy') || this.header('Content-Security-Policy-Report-Only');
+        return up.protocol.cspInfoFromHeader(policy);
     }
     get lastModified() {
         let header = this.header('Last-Modified');
@@ -7415,15 +7682,15 @@ up.Response = class Response extends up.Record {
 
 
 /***/ }),
-/* 75 */
+/* 78 */
 /***/ (() => {
 
 var _a;
 const u = up.util;
 const e = up.element;
-const FULL_DOCUMENT_PATTERN = /^\s*<(html|!DOCTYPE)\b/i;
+const FULL_DOCUMENT_PATTERN = /^\s*(<!--[^-]*.*?-->\s*)*<(html|!DOCTYPE)\b/i;
 up.ResponseDoc = (_a = class ResponseDoc {
-        constructor({ document, fragment, content, target, origin, data, cspNonces, match }) {
+        constructor({ document, fragment, content, target, origin, data, cspInfo, match }) {
             if (document) {
                 this._parseDocument(document, origin, data);
             }
@@ -7433,7 +7700,7 @@ up.ResponseDoc = (_a = class ResponseDoc {
             else {
                 this._parseContent(content || '', origin, target, data);
             }
-            this._cspNonces = cspNonces;
+            this._cspInfo = cspInfo || {};
             if (origin) {
                 let originSelector = up.fragment.tryToTarget(origin);
                 if (originSelector) {
@@ -7462,9 +7729,6 @@ up.ResponseDoc = (_a = class ResponseDoc {
                 this._document = this._buildFauxDocument(value);
             }
         }
-        _parseDocumentFromHTML(html) {
-            return e.createBrokenDocumentFromHTML(html);
-        }
         _parseFragment(value, origin, data) {
             let element = e.extractSingular(up.fragment.provideNodes(value, { origin, data }));
             this._document = this._buildFauxDocument(element);
@@ -7502,7 +7766,14 @@ up.ResponseDoc = (_a = class ResponseDoc {
             return this._fromHead(up.history.findMetaTags);
         }
         get assets() {
-            return this._fromHead(up.script.findAssets);
+            return this._fromHead((head) => {
+                let assets = up.script.findAssets(head);
+                return u.map(assets, (asset) => {
+                    this._adoptNoncesInSubtree(asset);
+                    let clone = this._reviveElementAsClone(asset);
+                    return clone;
+                });
+            });
         }
         get lang() {
             if (this._isFullDocument) {
@@ -7555,21 +7826,44 @@ up.ResponseDoc = (_a = class ResponseDoc {
                 throw new up.CannotMatch();
             }
         }
+        _disableScriptsInSubtree(element) {
+            let pageNonce = up.protocol.cspNonce();
+            up.script.disableSubtree(element, (script) => !this._isScriptAllowed(script, pageNonce));
+        }
+        _isScriptAllowed(scriptElement, pageNonce) {
+            var _b;
+            let strategy = up.fragment.config.runScripts;
+            if (strategy === true && ((_b = this._cspInfo.declaration) === null || _b === void 0 ? void 0 : _b.includes("'strict-dynamic'"))) {
+                return pageNonce && (pageNonce === scriptElement.nonce);
+            }
+            else {
+                return u.evalOption(strategy, scriptElement);
+            }
+        }
+        _reviveElementAsClone(element) {
+            return e.revivedClone(element);
+        }
+        _reviveSubtreeInPlace(element) {
+            if (this._document instanceof Document) {
+                for (let brokenElement of e.subtree(element, ':is(noscript, script, audio, video):not(.up-keeping, .up-keeping *)')) {
+                    let clone = this._reviveElementAsClone(brokenElement);
+                    brokenElement.replaceWith(clone);
+                }
+            }
+        }
+        _adoptNoncesInSubtree(element) {
+            up.script.adoptNoncesInSubtree(element, this._cspInfo.nonces);
+        }
         commitElement(element) {
             if (this._document.contains(element)) {
-                if (!up.fragment.config.runScripts) {
-                    up.script.disableSubtree(element);
-                }
+                this._adoptNoncesInSubtree(element);
+                this._disableScriptsInSubtree(element);
                 element.remove();
                 return true;
             }
         }
         finalizeElement(element) {
-            up.NonceableCallback.adoptNonces(element, this._cspNonces);
-            if (this._document instanceof Document) {
-                let brokenElements = e.subtree(element, ':is(noscript,script,audio,video):not(.up-keeping, .up-keeping *)');
-                u.each(brokenElements, e.fixParserDamage);
-            }
+            this._reviveSubtreeInPlace(element);
         }
     },
     (() => {
@@ -7581,7 +7875,7 @@ up.ResponseDoc = (_a = class ResponseDoc {
 
 
 /***/ }),
-/* 76 */
+/* 79 */
 /***/ (() => {
 
 const e = up.element;
@@ -7672,7 +7966,7 @@ up.RevealMotion = class RevealMotion {
 
 
 /***/ }),
-/* 77 */
+/* 80 */
 /***/ (() => {
 
 const u = up.util;
@@ -7695,7 +7989,7 @@ up.Selector = class Selector {
             this._layers = up.layer.getAll(options);
             if (!this._layers.length)
                 throw new up.CannotMatch(["Unknown layer: %o", options.layer]);
-            this._filters.push(match => u.some(this._layers, layer => layer.contains(match)));
+            this._filters.push((match) => u.some(this._layers, (layer) => layer.contains(match)));
             expandTargetLayer = this._layers[0];
         }
         this._selectors = up.fragment.expandTargets(selector, Object.assign(Object.assign({}, options), { layer: expandTargetLayer }));
@@ -7730,7 +8024,7 @@ up.Selector = class Selector {
         });
     }
     _passesFilter(element) {
-        return element && u.every(this._filters, filter => filter(element));
+        return element && u.every(this._filters, (filter) => filter(element));
     }
     _filterOne(element) {
         return u.presence(element, this._passesFilter.bind(this));
@@ -7742,7 +8036,7 @@ up.Selector = class Selector {
 
 
 /***/ }),
-/* 78 */
+/* 81 */
 /***/ (() => {
 
 const u = up.util;
@@ -7863,7 +8157,7 @@ up.Tether = class Tether {
 
 
 /***/ }),
-/* 79 */
+/* 82 */
 /***/ (() => {
 
 const u = up.util;
@@ -7937,7 +8231,7 @@ up.URLPattern = class URLPattern {
 
 
 /***/ }),
-/* 80 */
+/* 83 */
 /***/ (() => {
 
 up.framework = (function () {
@@ -8026,7 +8320,7 @@ up.boot = up.framework.boot;
 
 
 /***/ }),
-/* 81 */
+/* 84 */
 /***/ (() => {
 
 up.event = (function () {
@@ -8078,9 +8372,8 @@ up.event = (function () {
         event.preventDefault();
     }
     const keyModifiers = ['metaKey', 'shiftKey', 'ctrlKey', 'altKey'];
-    function isUnmodified(event) {
-        return (u.isUndefined(event.button) || (event.button === 0)) &&
-            !u.some(keyModifiers, modifier => event[modifier]);
+    function isModified(event) {
+        return (event.button > 0) || u.some(keyModifiers, (modifier) => event[modifier]);
     }
     function isSyntheticClick(event) {
         return u.isMissing(event.clientX);
@@ -8101,7 +8394,7 @@ up.event = (function () {
         return newEvent;
     }
     function executeEmitAttr(event, element) {
-        if (!isUnmodified(event)) {
+        if (isModified(event)) {
             return;
         }
         const eventType = e.attr(element, 'up-emit');
@@ -8130,7 +8423,7 @@ up.event = (function () {
         assertEmitted,
         onEscape,
         halt,
-        isUnmodified,
+        isModified,
         isSyntheticClick,
         fork,
         keyModifiers,
@@ -8143,14 +8436,14 @@ up.emit = up.event.emit;
 
 
 /***/ }),
-/* 82 */
+/* 85 */
 /***/ (() => {
 
 up.protocol = (function () {
     const u = up.util;
     const e = up.element;
     const headerize = function (camel) {
-        const header = camel.replace(/(^.|[A-Z])/g, char => '-' + char.toUpperCase());
+        const header = camel.replace(/(^.|[A-Z])/g, (char) => '-' + char.toUpperCase());
         return 'X-Up' + header;
     };
     const extractHeader = function (xhr, shortHeader, parseFn = u.identity) {
@@ -8190,6 +8483,9 @@ up.protocol = (function () {
     function eventPlansFromXHR(xhr) {
         return extractHeader(xhr, 'events', u.parseRelaxedJSON);
     }
+    function openLayerFromXHR(xhr) {
+        return extractHeader(xhr, 'openLayer', u.parseRelaxedJSON);
+    }
     function acceptLayerFromXHR(xhr) {
         return extractHeader(xhr, 'acceptLayer', u.parseRelaxedJSON);
     }
@@ -8225,21 +8521,27 @@ up.protocol = (function () {
     function cspNonce() {
         return u.evalOption(config.cspNonce);
     }
-    function cspNoncesFromHeader(cspHeader) {
-        let nonces = [];
+    const NONCE_PATTERN = /'nonce-([^']+)'/g;
+    function findNonces(cspPart) {
+        let matches = cspPart.matchAll(NONCE_PATTERN);
+        return u.map(matches, '1');
+    }
+    function cspInfoFromHeader(cspHeader) {
+        var _a;
+        let results = {};
         if (cspHeader) {
-            let parts = cspHeader.split(/\s*;\s*/);
-            for (let part of parts) {
-                if (part.indexOf('script-src') === 0) {
-                    let noncePattern = /'nonce-([^']+)'/g;
-                    let match;
-                    while (match = noncePattern.exec(part)) {
-                        nonces.push(match[1]);
-                    }
+            let declarations = cspHeader.split(/\s*;\s*/);
+            for (let declaration of declarations) {
+                let directive = (_a = declaration.match(/^(script|default)-src:/)) === null || _a === void 0 ? void 0 : _a[1];
+                if (directive) {
+                    results[directive] = {
+                        declaration: declaration,
+                        nonces: findNonces(declaration)
+                    };
                 }
             }
         }
-        return nonces;
+        return results.script || results.default || {};
     }
     function wrapMethod(method, params) {
         params.add(config.methodParam, method);
@@ -8251,6 +8553,7 @@ up.protocol = (function () {
         titleFromXHR,
         targetFromXHR,
         methodFromXHR,
+        openLayerFromXHR,
         acceptLayerFromXHR,
         contextFromXHR,
         dismissLayerFromXHR,
@@ -8264,13 +8567,13 @@ up.protocol = (function () {
         initialRequestMethod,
         headerize,
         wrapMethod,
-        cspNoncesFromHeader,
+        cspInfoFromHeader,
     };
 })();
 
 
 /***/ }),
-/* 83 */
+/* 86 */
 /***/ (() => {
 
 up.log = (function () {
@@ -8283,24 +8586,26 @@ up.log = (function () {
     }
     const printToWarn = (...args) => printToStream('warn', ...args);
     const printToError = (...args) => printToStream('error', ...args);
-    function printToStream(stream, trace, message, ...args) {
-        printToStreamStyled(stream, trace, '', message, ...args);
+    function printToStream(stream, prefix, message, ...args) {
+        printToStreamStyled(stream, prefix, '', message, ...args);
     }
-    function printToStreamStyled(stream, trace, customStyles, message, ...args) {
+    function printToStreamStyled(stream, prefix, customStyles, message, ...args) {
         if (message) {
             if (config.format) {
-                console[stream](`%c${trace}%c ${message}`, 'color: #666666; padding: 1px 3px; border: 1px solid #bbbbbb; border-radius: 2px; font-size: 90%; display: inline-block;' + customStyles, '', ...args);
+                console[stream](`%c${prefix}%c ${message}`, 'color: #666666; padding: 1px 3px; border: 1px solid #bbbbbb; border-radius: 2px; font-size: 90%; display: inline-block;' + customStyles, '', ...args);
             }
             else {
-                console[stream](`[${trace}] ${u.sprintf(message, ...args)}`);
+                console[stream](`[${prefix}] ${u.sprintf(message, ...args)}`);
             }
         }
     }
+    let lastPrintedUserEvent;
     function printUserEvent(event) {
-        if (config.enabled) {
-            event = event.originalEvent || event;
+        if (config.enabled && lastPrintedUserEvent !== event) {
+            lastPrintedUserEvent = event;
+            let originalEvent = event.originalEvent || event;
             let color = '#5566cc';
-            printToStreamStyled('log', event.type, `color: white; border-color: ${color}; background-color: ${color}`, 'Interaction on %o', event.target);
+            printToStreamStyled('log', originalEvent.type, `color: white; border-color: ${color}; background-color: ${color}`, 'Interaction on %o', originalEvent.target);
         }
     }
     function printBanner() {
@@ -8351,7 +8656,7 @@ up.warn = up.log.warn;
 
 
 /***/ }),
-/* 84 */
+/* 87 */
 /***/ (() => {
 
 up.script = (function () {
@@ -8529,16 +8834,41 @@ up.script = (function () {
             up.event.assertEmitted('up:assets:changed', { oldAssets, newAssets, renderOptions });
         }
     }
-    function disableScript(scriptElement) {
-        scriptElement.type = 'up-disabled-script';
+    function disableScriptsInSubtree(root, guard = () => true) {
+        for (let script of findScripts(root)) {
+            if (guard(script)) {
+                script.type = 'up-disabled-script';
+            }
+        }
     }
-    function disableScriptsInSubtree(root) {
-        let selector = config.selector('scriptSelectors');
-        u.each(e.subtree(root, selector), disableScript);
+    function findScripts(root, selectorSuffix = '') {
+        let selector = config.selector('scriptSelectors') + selectorSuffix;
+        return e.subtree(root, selector);
     }
     function isScript(value) {
         return config.matches(value, 'scriptSelectors');
     }
+    function adoptNoncesInSubtree(root, responseNonces) {
+        let pageNonce = up.protocol.cspNonce();
+        if (!(responseNonces === null || responseNonces === void 0 ? void 0 : responseNonces.length) || !pageNonce)
+            return;
+        for (let script of findScripts(root, '[nonce]')) {
+            if (responseNonces.includes(script.nonce)) {
+                script.nonce = pageNonce;
+            }
+        }
+        for (let attribute of config.nonceableAttributes) {
+            let matches = e.subtree(root, `[${attribute}^="nonce-"]`);
+            for (let match of matches) {
+                let attributeValue = match.getAttribute(attribute);
+                let callback = up.NonceableCallback.fromString(attributeValue);
+                if (responseNonces.includes(callback.nonce)) {
+                    callback.nonce = pageNonce;
+                    match.setAttribute(attribute, callback.toString());
+                }
+            }
+        }
+    }
     function reset() {
         registeredCompilers = u.filter(registeredCompilers, 'isDefault');
         registeredMacros = u.filter(registeredMacros, 'isDefault');
@@ -8556,6 +8886,7 @@ up.script = (function () {
         findAssets,
         assertAssetsOK,
         disableSubtree: disableScriptsInSubtree,
+        adoptNoncesInSubtree,
         isScript,
     };
 })();
@@ -8568,7 +8899,7 @@ up.attribute = up.script.attrCompiler;
 
 
 /***/ }),
-/* 85 */
+/* 88 */
 /***/ (() => {
 
 up.history = (function () {
@@ -8594,60 +8925,76 @@ up.history = (function () {
     }));
     let previousLocation;
     let nextPreviousLocation;
+    let nextTrackOptions;
+    let adoptedBases = new up.FIFOCache({ capacity: 100, normalizeKey: getBase });
+    function isAdopted(location) {
+        return !!adoptedBases.get(location);
+    }
     function reset() {
         previousLocation = undefined;
         nextPreviousLocation = undefined;
-        trackCurrentLocation();
+        nextTrackOptions = undefined;
+        adoptedBases.clear();
+        trackCurrentLocation({ reason: null, alreadyHandled: true });
+        adopt();
     }
     function currentLocation() {
         return u.normalizeURL(location.href);
     }
-    function trackCurrentLocation() {
-        const url = currentLocation();
-        if (nextPreviousLocation !== url) {
+    function trackCurrentLocation(trackOptions) {
+        var _a, _b;
+        let { reason, alreadyHandled } = nextTrackOptions || trackOptions;
+        let location = currentLocation();
+        if (nextPreviousLocation !== location) {
             previousLocation = nextPreviousLocation;
-            nextPreviousLocation = url;
+            nextPreviousLocation = location;
+            if (reason === 'detect') {
+                reason = (getBase(location) === getBase(previousLocation)) ? 'hash' : 'pop';
+            }
+            let willHandle = !alreadyHandled && isAdopted(location);
+            let locationChangedEvent = up.event.build('up:location:changed', {
+                reason,
+                location,
+                previousLocation,
+                alreadyHandled,
+                willHandle,
+                log: `New location is ${location}`
+            });
+            (_b = (_a = up.migrate).prepareLocationChangedEvent) === null || _b === void 0 ? void 0 : _b.call(_a, locationChangedEvent);
+            if (reason) {
+                up.emit(locationChangedEvent);
+                reactToChange(locationChangedEvent);
+            }
         }
     }
-    trackCurrentLocation();
+    function splitLocation(location) {
+        return (location === null || location === void 0 ? void 0 : location.split(/(?=#)/)) || [];
+    }
+    function getBase(location) {
+        return splitLocation(location)[0];
+    }
     function isLocation(url, options) {
         return u.matchURLs(url, location.href, Object.assign({ hash: true }, options));
     }
-    function replace(location, options = {}) {
-        location = u.normalizeURL(location);
-        if (manipulate('replaceState', location) && (options.event !== false)) {
-            emitLocationChanged({ location, reason: 'replace', log: `Replaced state for ${location}` });
-        }
-    }
-    function push(location) {
-        location = u.normalizeURL(location);
-        if (!isLocation(location) && manipulate('pushState', location)) {
-            emitLocationChanged({ location, reason: 'push', log: `Advanced to location ${location}` });
-        }
+    function replace(location, trackOptions) {
+        placeAdoptedHistoryEntry('replaceState', location, trackOptions);
     }
-    function emitLocationChanged(props) {
-        var _a, _b;
-        let event = up.event.build('up:location:changed', props);
-        (_b = (_a = up.migrate) === null || _a === void 0 ? void 0 : _a.renamedProperty) === null || _b === void 0 ? void 0 : _b.call(_a, event, 'url', 'location');
-        up.emit(event);
+    function push(location, trackOptions) {
+        placeAdoptedHistoryEntry('pushState', location, trackOptions);
     }
-    function manipulate(method, url) {
+    function placeAdoptedHistoryEntry(method, location, trackOptions) {
+        adopt(location);
         if (config.enabled) {
-            const state = buildState();
-            window.history[method](state, '', url);
-            trackCurrentLocation();
-            return true;
+            nextTrackOptions = trackOptions;
+            history[method](null, '', location);
+            nextTrackOptions = undefined;
         }
     }
-    function buildState() {
-        return { up: {} };
+    function adopt(location = currentLocation()) {
+        location = u.normalizeURL(location);
+        adoptedBases.set(location, true);
     }
-    function restoreStateOnPop(state) {
-        if (!(state === null || state === void 0 ? void 0 : state.up)) {
-            up.puts('popstate', 'Ignoring a history state not owned by Unpoly');
-            return;
-        }
-        let location = currentLocation();
+    function restoreLocation(location) {
         up.error.muteUncriticalRejection(up.render({
             guardEvent: up.event.build('up:location:restore', { location, log: `Restoring location ${location}` }),
             url: location,
@@ -8665,28 +9012,23 @@ up.history = (function () {
             focus: ['restore', 'auto'],
         }));
     }
-    function onPop(event) {
-        trackCurrentLocation();
-        let location = currentLocation();
-        emitLocationChanged({ location, reason: 'pop', log: `Navigated to history entry ${location}` });
-        up.viewport.saveFocus({ location: previousLocation });
-        up.viewport.saveScroll({ location: previousLocation });
-        restoreStateOnPop(event.state);
-    }
-    function register() {
-        window.addEventListener('popstate', onPop);
-        if (up.protocol.initialRequestMethod() === 'GET') {
-            replace(currentLocation(), { event: false });
+    function reactToChange(event) {
+        if (event.alreadyHandled) {
+            return;
         }
-    }
-    up.on('up:framework:boot', function () {
-        if ('jasmine' in window) {
-            register();
+        if (!event.willHandle) {
+            up.puts('up.history', 'Ignoring history entry owned by foreign script');
+            return;
         }
-        else {
-            setTimeout(register, 100);
+        if (event.reason === 'pop') {
+            up.viewport.saveFocus({ location: event.previousLocation });
+            up.viewport.saveScroll({ location: event.previousLocation });
+            restoreLocation(event.location);
         }
-    });
+        else if (event.reason === 'hash') {
+            up.viewport.revealHash(event.hash, { strong: true });
+        }
+    }
     function findMetaTags(head = document.head) {
         return head.querySelectorAll(config.selector('metaTagSelectors'));
     }
@@ -8708,6 +9050,63 @@ up.history = (function () {
     function updateLang(newLang) {
         e.setAttrPresence(e.root, 'lang', newLang, !!newLang);
     }
+    function patchHistoryAPI() {
+        const originalPushState = history.pushState;
+        history.pushState = function (...args) {
+            originalPushState.apply(this, args);
+            trackCurrentLocation({ reason: 'push', alreadyHandled: true });
+        };
+        const originalReplaceState = history.replaceState;
+        history.replaceState = function (...args) {
+            originalReplaceState.apply(this, args);
+            trackCurrentLocation({ reason: 'replace', alreadyHandled: true });
+        };
+    }
+    function adoptInitialHistoryEntry() {
+        if (up.protocol.initialRequestMethod() === 'GET') {
+            adopt();
+        }
+    }
+    up.on('up:framework:boot', function () {
+        trackCurrentLocation({ reason: null, alreadyHandled: true });
+        patchHistoryAPI();
+        adoptInitialHistoryEntry();
+    });
+    up.on('DOMContentLoaded', function () {
+        up.viewport.revealHash({ strong: true });
+        u.task(up.viewport.revealHash);
+    });
+    up.on(window, 'hashchange, popstate', () => {
+        trackCurrentLocation({ reason: 'detect', alreadyHandled: false });
+    });
+    function onJumpLinkClicked(event, link) {
+        var _a;
+        if (event.defaultPrevented)
+            return;
+        if (up.event.isModified(event))
+            return;
+        let [currentBase, currentHash] = splitLocation(up.layer.current.location);
+        let [linkBase, linkHash] = splitLocation(u.normalizeURL(link));
+        let verbatimHREF = link.getAttribute('href');
+        let isJumpLink = (currentBase === linkBase) || verbatimHREF.startsWith('#');
+        if (!isJumpLink)
+            return;
+        let behavior = (_a = link.getAttribute('up-scroll-behavior')) !== null && _a !== void 0 ? _a : 'auto';
+        let layer = up.layer.get(link);
+        let revealFn = up.viewport.revealHashFn(linkHash, { layer, behavior });
+        if (revealFn) {
+            up.event.halt(event);
+            up.log.putsEvent(event);
+            if (linkHash !== currentHash && layer.showsLiveHistory()) {
+                let newHREF = currentBase + linkHash;
+                push(newHREF, { reason: 'hash', alreadyHandled: true });
+            }
+            revealFn();
+        }
+        else {
+        }
+    }
+    up.on('up:click', 'a[href*="#"]', onJumpLinkClicked);
     up.macro('[up-back]', function (link) {
         if (previousLocation) {
             e.setMissingAttrs(link, {
@@ -8735,10 +9134,10 @@ up.history = (function () {
 
 
 /***/ }),
-/* 86 */
+/* 89 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(87);
+__webpack_require__(90);
 const u = up.util;
 const e = up.element;
 up.fragment = (function () {
@@ -8783,6 +9182,7 @@ up.fragment = (function () {
             saveScroll: true,
             saveFocus: true,
             focus: 'keep',
+            focusVisible: 'auto',
             abort: 'target',
             failOptions: true,
             feedback: true,
@@ -8797,7 +9197,7 @@ up.fragment = (function () {
             peel: true,
         },
         match: 'region',
-        runScripts: true,
+        runScripts: false,
         autoHistoryTargets: [':main'],
         autoFocus: ['hash', 'autofocus', 'main-if-main', 'keep', 'target-if-lost'],
         autoScroll: ['hash', 'layer-if-main'],
@@ -8839,6 +9239,9 @@ up.fragment = (function () {
         return render(Object.assign(Object.assign({}, options), { navigate: true }));
     });
     function emitFragmentInserted(element) {
+        if (element.upInserted)
+            return;
+        element.upInserted = true;
         return up.emit(element, 'up:fragment:inserted', {
             log: ['Inserted fragment %o', element],
         });
@@ -8846,8 +9249,9 @@ up.fragment = (function () {
     function emitFragmentKeep(keepPlan) {
         let { oldElement, newElement: newFragment, newData, renderOptions } = keepPlan;
         const log = ['Keeping fragment %o', oldElement];
-        const callback = e.callbackAttr(oldElement, 'up-on-keep', { exposedKeys: ['newFragment', 'newData'] });
-        return up.emit(oldElement, 'up:fragment:keep', { newFragment, newData, renderOptions, log, callback });
+        const callback = e.callbackAttr(keepPlan.oldElement, 'up-on-keep', { exposedKeys: ['newFragment', 'newData'] });
+        const event = up.event.build('up:fragment:keep', { newFragment, newData, renderOptions });
+        return up.emit(oldElement, event, { log, callback });
     }
     function emitFragmentDestroyed(fragment, options) {
         var _a;
@@ -8926,7 +9330,7 @@ up.fragment = (function () {
     }
     function markFragmentAsDestroying(element) {
         element.classList.add('up-destroying');
-        element.setAttribute('aria-hidden', 'true');
+        element.setAttribute('inert', '');
     }
     function reload(...args) {
         var _a, _b;
@@ -8984,8 +9388,8 @@ up.fragment = (function () {
     function toTarget(element, options) {
         return u.presence(element, u.isString) || tryToTarget(element, options) || cannotTarget(element);
     }
-    function isTargetable(element) {
-        return !!tryToTarget(element);
+    function isTargetable(element, options) {
+        return !!tryToTarget(element, options);
     }
     function untargetableMessage(element) {
         return `Cannot derive good target selector from a <${e.tagName(element)}> element without identifying attributes. Try setting an [id] or configure up.fragment.config.targetDerivers.`;
@@ -9203,7 +9607,7 @@ up.fragment = (function () {
         if (steps.length < 2)
             return steps;
         let compressed = u.uniqBy(steps, 'oldElement');
-        compressed = u.reject(compressed, step => isContainedByRivalStep(compressed, step));
+        compressed = u.reject(compressed, (step) => isContainedByRivalStep(compressed, step));
         return compressed;
     }
     function abort(...args) {
@@ -9301,6 +9705,11 @@ up.fragment = (function () {
             return () => up.destroy(tempElement);
         }
     }
+    function trackSelector(...args) {
+        let parsedArgs = u.args(args, 'val', 'options', 'callback');
+        let tracker = new up.SelectorTracker(...parsedArgs);
+        return tracker.start();
+    }
     up.on('up:framework:boot', function () {
         const { documentElement } = document;
         documentElement.setAttribute('up-source', normalizeSource(location.href));
@@ -9353,6 +9762,7 @@ up.fragment = (function () {
         insertTemp,
         provideNodes,
         cloneTemplate,
+        trackSelector,
     };
 })();
 up.reload = up.fragment.reload;
@@ -9365,16 +9775,16 @@ u.delegate(up, ['context'], () => up.layer.current);
 
 
 /***/ }),
-/* 87 */
+/* 90 */
 /***/ (() => {
 
 
 
 /***/ }),
-/* 88 */
+/* 91 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(89);
+__webpack_require__(92);
 up.viewport = (function () {
     const u = up.util;
     const e = up.element;
@@ -9437,10 +9847,26 @@ up.viewport = (function () {
         doFocus(element, options);
         return element === document.activeElement;
     }
-    function revealHash(hash = location.hash, options) {
-        let match = firstHashTarget(hash, options);
+    function revealHash(...args) {
+        var _a;
+        return (_a = revealHashFn(...args)) === null || _a === void 0 ? void 0 : _a();
+    }
+    function revealHashFn(hash = location.hash, { strong, layer, origin, behavior = 'instant' } = {}) {
+        if (!hash)
+            return;
+        let match = firstHashTarget(hash, { layer, origin });
         if (match) {
-            return reveal(match, { top: true });
+            return () => {
+                let doReveal = () => reveal(match, { top: true, behavior });
+                if (strong)
+                    u.task(doReveal);
+                return doReveal();
+            };
+        }
+        else if (hash === '#top') {
+            return () => {
+                return scrollTo(0, { behavior });
+            };
         }
     }
     function allSelector() {
@@ -9512,7 +9938,7 @@ up.viewport = (function () {
         const { location } = options.layer;
         const locationScrollTops = options.layer.lastScrollTops.get(location);
         if (locationScrollTops) {
-            setScrollTops(viewports, locationScrollTops);
+            setScrollPositions(viewports, locationScrollTops, 0);
             up.puts('up.viewport.restoreScroll()', 'Restored scroll positions to %o', locationScrollTops);
             return true;
         }
@@ -9558,14 +9984,16 @@ up.viewport = (function () {
         }
         return [viewports, options];
     }
-    function resetScroll(...args) {
-        const [viewports, _options] = parseOptions(args);
-        setScrollTops(viewports, {});
+    function scrollTo(position, ...args) {
+        const [viewports, options] = parseOptions(args);
+        setScrollPositions(viewports, {}, position, options.behavior);
+        return true;
     }
-    function setScrollTops(viewports, tops) {
+    function setScrollPositions(viewports, tops, defaultTop, behavior = 'instant') {
         for (let viewport of viewports) {
             const key = scrollTopKey(viewport);
-            viewport.scrollTop = tops[key] || 0;
+            const top = tops[key] || defaultTop;
+            viewport.scrollTo({ top, behavior });
         }
     }
     function absolutize(element, options = {}) {
@@ -9607,7 +10035,8 @@ up.viewport = (function () {
         };
     }
     function firstHashTarget(hash, options = {}) {
-        if (hash = pureHash(hash)) {
+        hash = pureHash(hash);
+        if (hash) {
             const selector = [
                 e.idSelector(hash),
                 'a' + e.attrSelector('name', hash)
@@ -9635,22 +10064,10 @@ up.viewport = (function () {
         }
         return to;
     }
-    document.addEventListener('DOMContentLoaded', function () {
-        revealHash();
-        u.task(revealHash);
-    });
-    up.on(window, 'hashchange', () => revealHash());
-    up.on('up:click', 'a[href^="#"]', function (event, link) {
-        if (link.hash !== location.hash)
-            return;
-        if (up.link.isFollowable(link))
-            return;
-        if (revealHash(link.hash))
-            up.event.halt(event);
-    });
     return {
         reveal,
         revealHash,
+        revealHashFn,
         firstHashTarget,
         config,
         get: closest,
@@ -9663,7 +10080,7 @@ up.viewport = (function () {
         rootScrollbarWidth,
         saveScroll,
         restoreScroll,
-        resetScroll,
+        scrollTo,
         saveFocus,
         restoreFocus,
         absolutize,
@@ -9680,13 +10097,13 @@ up.reveal = up.viewport.reveal;
 
 
 /***/ }),
-/* 89 */
+/* 92 */
 /***/ (() => {
 
 
 
 /***/ }),
-/* 90 */
+/* 93 */
 /***/ (function() {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -9701,21 +10118,16 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 up.motion = (function () {
     const u = up.util;
     const e = up.element;
-    let namedAnimations = {};
-    let namedTransitions = {};
     const motionController = new up.MotionController('motion');
     const config = new up.Config(() => ({
         duration: 175,
         easing: 'ease',
         enabled: !matchMedia('(prefers-reduced-motion: reduce)').matches
     }));
-    function pickDefault(registry) {
-        return u.pickBy(registry, 'isDefault');
-    }
+    let namedAnimations = new up.Registry('animation', findAnimationFn);
+    let namedTransitions = new up.Registry('transition', findTransitionFn);
     function reset() {
         motionController.reset();
-        namedAnimations = pickDefault(namedAnimations);
-        namedTransitions = pickDefault(namedTransitions);
     }
     function isEnabled() {
         return config.enabled;
@@ -9756,9 +10168,6 @@ up.motion = (function () {
         (_a = options.easing) !== null && _a !== void 0 ? _a : (options.easing = config.easing);
         (_b = options.duration) !== null && _b !== void 0 ? _b : (options.duration = config.duration);
     }
-    function findNamedAnimation(name) {
-        return namedAnimations[name] || up.fail("Unknown animation %o", name);
-    }
     function finish(element) {
         return motionController.finish(element);
     }
@@ -9811,27 +10220,21 @@ up.motion = (function () {
             return Promise.resolve();
         }
     }
-    function findTransitionFn(object) {
-        if (isNone(object)) {
+    function findTransitionFn(value) {
+        if (isNone(value)) {
             return undefined;
         }
-        else if (u.isFunction(object)) {
-            return object;
+        else if (u.isFunction(value)) {
+            return value;
         }
-        else if (u.isArray(object)) {
-            return composeTransitionFn(...object);
+        else if (u.isArray(value)) {
+            return composeTransitionFn(...value);
         }
-        else if (u.isString(object)) {
-            let namedTransition;
-            if (object.indexOf('/') >= 0) {
-                return composeTransitionFn(...object.split('/'));
-            }
-            else if (namedTransition = namedTransitions[object]) {
-                return findTransitionFn(namedTransition);
-            }
+        else if (u.isString(value) && value.includes('/')) {
+            return composeTransitionFn(...value.split('/'));
         }
         else {
-            up.fail("Unknown transition %o", object);
+            return namedTransitions.get(value);
         }
     }
     function composeTransitionFn(oldAnimation, newAnimation) {
@@ -9844,21 +10247,18 @@ up.motion = (function () {
             ]);
         }
     }
-    function findAnimationFn(object) {
-        if (isNone(object)) {
+    function findAnimationFn(value) {
+        if (isNone(value)) {
             return undefined;
         }
-        else if (u.isFunction(object)) {
-            return object;
-        }
-        else if (u.isString(object)) {
-            return findNamedAnimation(object);
+        else if (u.isFunction(value)) {
+            return value;
         }
-        else if (u.isOptions(object)) {
-            return (element, options) => animateNow(element, object, options);
+        else if (u.isOptions(value)) {
+            return (element, options) => animateNow(element, value, options);
         }
         else {
-            up.fail('Unknown animation %o', object);
+            return namedAnimations.get(value);
         }
     }
     const swapElementsDirectly = up.mockable(function (oldElement, newElement) {
@@ -9873,16 +10273,6 @@ up.motion = (function () {
         parser.number('duration');
         return options;
     }
-    function registerTransition(name, transition) {
-        const fn = findTransitionFn(transition);
-        fn.isDefault = up.framework.evaling;
-        namedTransitions[name] = fn;
-    }
-    function registerAnimation(name, animation) {
-        const fn = findAnimationFn(animation);
-        fn.isDefault = up.framework.evaling;
-        namedAnimations[name] = fn;
-    }
     up.on('up:framework:boot', function () {
         if (!isEnabled()) {
             up.puts('up.motion', 'Animations are disabled');
@@ -9892,7 +10282,7 @@ up.motion = (function () {
         return !animationOrTransition || animationOrTransition === 'none';
     }
     function registerOpacityAnimation(name, from, to) {
-        registerAnimation(name, function (element, options) {
+        namedAnimations.put(name, function (element, options) {
             element.style.opacity = 0;
             e.setStyle(element, { opacity: from });
             return animateNow(element, { opacity: to }, options);
@@ -9913,12 +10303,12 @@ up.motion = (function () {
     function registerMoveAnimations(direction, boxToTransform) {
         const animationToName = `move-to-${direction}`;
         const animationFromName = `move-from-${direction}`;
-        registerAnimation(animationToName, function (element, options) {
+        namedAnimations.put(animationToName, function (element, options) {
             const box = untranslatedBox(element);
             const transform = boxToTransform(box);
             return animateNow(element, transform, options);
         });
-        registerAnimation(animationFromName, function (element, options) {
+        namedAnimations.put(animationFromName, function (element, options) {
             const box = untranslatedBox(element);
             const transform = boxToTransform(box);
             e.setStyle(element, transform);
@@ -9941,19 +10331,19 @@ up.motion = (function () {
         const travelDistance = up.viewport.rootWidth() - box.left;
         return translateCSS(travelDistance, 0);
     });
-    registerTransition('cross-fade', ['fade-out', 'fade-in']);
-    registerTransition('move-left', ['move-to-left', 'move-from-right']);
-    registerTransition('move-right', ['move-to-right', 'move-from-left']);
-    registerTransition('move-up', ['move-to-top', 'move-from-bottom']);
-    registerTransition('move-down', ['move-to-bottom', 'move-from-top']);
+    namedTransitions.put('cross-fade', ['fade-out', 'fade-in']);
+    namedTransitions.put('move-left', ['move-to-left', 'move-from-right']);
+    namedTransitions.put('move-right', ['move-to-right', 'move-from-left']);
+    namedTransitions.put('move-up', ['move-to-top', 'move-from-bottom']);
+    namedTransitions.put('move-down', ['move-to-bottom', 'move-from-top']);
     up.on('up:framework:reset', reset);
     return {
         morph,
         animate,
         finish,
         finishCount() { return motionController.finishCount; },
-        transition: registerTransition,
-        animation: registerAnimation,
+        transition: namedTransitions.put,
+        animation: namedAnimations.put,
         config,
         isEnabled,
         isNone,
@@ -9969,10 +10359,10 @@ up.animate = up.motion.animate;
 
 
 /***/ }),
-/* 91 */
+/* 94 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(92);
+__webpack_require__(95);
 const u = up.util;
 up.network = (function () {
     const config = new up.Config(() => ({
@@ -9984,7 +10374,7 @@ up.network = (function () {
         lateDelay: 400,
         fail(response) { return (response.status < 200 || response.status > 299) && response.status !== 304; },
         autoCache(request) { return request.isSafe(); },
-        expireCache(request, _response) { return !request.isSafe(); },
+        expireCache(request) { return !request.isSafe(); },
         evictCache: false,
         progressBar: true,
         timeout: 90000,
@@ -10012,6 +10402,9 @@ up.network = (function () {
         return options;
     }
     function processRequest(request) {
+        var _a, _b, _c, _d;
+        cache.expire((_b = (_a = request.expireCache) !== null && _a !== void 0 ? _a : u.evalOption(config.expireCache, request)) !== null && _b !== void 0 ? _b : false);
+        cache.evict((_d = (_c = request.evictCache) !== null && _c !== void 0 ? _c : u.evalOption(config.evictCache, request)) !== null && _d !== void 0 ? _d : false);
         useCachedRequest(request) || queueRequest(request);
     }
     function useCachedRequest(newRequest) {
@@ -10037,15 +10430,9 @@ up.network = (function () {
             request.onLoading = () => cache.reindex(request);
         }
         u.always(request, function (responseOrError) {
-            var _a, _b, _c, _d;
-            let expireCache = (_b = (_a = responseOrError.expireCache) !== null && _a !== void 0 ? _a : request.expireCache) !== null && _b !== void 0 ? _b : u.evalOption(config.expireCache, request, responseOrError);
-            if (expireCache) {
-                cache.expire(expireCache, { except: request });
-            }
-            let evictCache = (_d = (_c = responseOrError.evictCache) !== null && _c !== void 0 ? _c : request.evictCache) !== null && _d !== void 0 ? _d : u.evalOption(config.evictCache, request, responseOrError);
-            if (evictCache) {
-                cache.evict(evictCache, { except: request });
-            }
+            var _a, _b;
+            cache.expire((_a = responseOrError.expireCache) !== null && _a !== void 0 ? _a : false, { except: request });
+            cache.evict((_b = responseOrError.evictCache) !== null && _b !== void 0 ? _b : false, { except: request });
             let hasCacheEntry = cache.get(request);
             let isResponse = responseOrError instanceof up.Response;
             let isNetworkError = !isResponse;
@@ -10115,13 +10502,13 @@ up.cache = up.network.cache;
 
 
 /***/ }),
-/* 92 */
+/* 95 */
 /***/ (() => {
 
 
 
 /***/ }),
-/* 93 */
+/* 96 */
 /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -10133,7 +10520,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-__webpack_require__(94);
+__webpack_require__(97);
 const u = up.util;
 const e = up.element;
 up.layer = (function () {
@@ -10309,7 +10696,7 @@ up.layer = (function () {
         });
     }
     function anySelector() {
-        return u.map(LAYER_CLASSES, Class => Class.selector()).join();
+        return u.map(LAYER_CLASSES, (Class) => Class.selector()).join();
     }
     function optionToString(option) {
         if (u.isString(option)) {
@@ -10379,20 +10766,22 @@ up.layer = (function () {
 
 
 /***/ }),
-/* 94 */
+/* 97 */
 /***/ (() => {
 
 
 
 /***/ }),
-/* 95 */
+/* 98 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(96);
+__webpack_require__(99);
 up.link = (function () {
     const u = up.util;
     const e = up.element;
+    let lastTouchstartTarget = null;
     let lastMousedownTarget = null;
+    let lastInstantTarget = null;
     const ATTRS_WITH_LOCAL_HTML = '[up-content], [up-fragment], [up-document]';
     const ATTRS_SUGGESTING_FOLLOW = `${ATTRS_WITH_LOCAL_HTML}, [up-target], [up-layer], [up-transition], [up-preload]`;
     const DEFAULT_INTERACTIVE_ELEMENT = 'a[href], button';
@@ -10422,7 +10811,9 @@ up.link = (function () {
         }
     }
     function reset() {
+        lastTouchstartTarget = null;
         lastMousedownTarget = null;
+        lastInstantTarget = null;
     }
     const follow = up.mockable(function (link, options, parserOptions) {
         return up.render(followOptions(link, options, parserOptions));
@@ -10444,6 +10835,7 @@ up.link = (function () {
         parser.string('contentType');
         parser.booleanOrNumber('lateDelay');
         parser.number('timeout');
+        parser.booleanOrString('fail');
         return options;
     }
     function followOptions(link, options, parserOptions) {
@@ -10453,7 +10845,6 @@ up.link = (function () {
         const parser = new up.OptionsParser(link, options, Object.assign({ fail: true }, parserOptions));
         parser.include(parseRequestOptions);
         options.origin || (options.origin = link);
-        parser.boolean('fail');
         parser.boolean('navigate', { default: true });
         parser.string('confirm', { attr: ['up-confirm', 'data-confirm'] });
         parser.string('target');
@@ -10487,9 +10878,12 @@ up.link = (function () {
         parser.string('dismissEvent');
         parser.string('acceptLocation');
         parser.string('dismissLocation');
-        parser.booleanOrString('history');
+        parser.booleanOrString('closeAnimation');
+        parser.string('closeEasing');
+        parser.number('closeDuration');
         parser.include(up.status.statusOptions);
         parser.booleanOrString('focus');
+        parser.booleanOrString('focusVisible');
         parser.boolean('saveScroll');
         parser.boolean('saveFocus');
         parser.booleanOrString('scroll');
@@ -10514,7 +10908,7 @@ up.link = (function () {
             return Promise.reject(new up.Error(issue));
         }
         const guardEvent = up.event.build('up:link:preload', { log: ['Preloading link %o', link] });
-        return follow(link, Object.assign(Object.assign(Object.assign(Object.assign({ abort: false, abortable: false, background: true, cache: true }, up.RenderOptions.NO_INPUT_INTERFERENCE), up.RenderOptions.NO_PREVIEWS), options), { guardEvent, preload: true }));
+        return follow(link, Object.assign(Object.assign(Object.assign(Object.assign({ abort: false, abortable: false, background: true, cache: true }, options), up.RenderOptions.NO_INPUT_INTERFERENCE), up.RenderOptions.NO_PREVIEWS), { guardEvent, preload: true }));
     }
     function preloadIssue(link) {
         if (!isSafe(link)) {
@@ -10570,27 +10964,37 @@ up.link = (function () {
     }
     function convertClicks(layer) {
         layer.on('click', function (event, element) {
-            if (!up.event.isUnmodified(event)) {
+            if (up.event.isModified(event)) {
                 return;
             }
-            if (isInstant(element) && lastMousedownTarget) {
+            if (isInstant(element) && lastInstantTarget === element) {
                 up.event.halt(event);
             }
             else if (up.event.inputDevice === 'key' || up.event.isSyntheticClick(event) || (layer.wasHitByMouseEvent(event) && !didUserDragAway(event))) {
                 forkEventAsUpClick(event);
             }
-            return lastMousedownTarget = null;
+            lastMousedownTarget = null;
+            lastInstantTarget = null;
+        });
+        layer.on('touchstart', { passive: true }, function (event, element) {
+            lastTouchstartTarget = element;
         });
         layer.on('mousedown', function (event, element) {
-            if (!up.event.isUnmodified(event)) {
+            if (up.event.isModified(event)) {
                 return;
             }
-            lastMousedownTarget = event.target;
-            if (isInstant(element)) {
+            lastMousedownTarget = element;
+            if (isInstant(element) && !isLongPressPossible(event)) {
+                lastInstantTarget = element;
                 forkEventAsUpClick(event);
             }
+            lastTouchstartTarget = null;
         });
     }
+    function isLongPressPossible(mousedownEvent) {
+        let mousedownTarget = mousedownEvent.target;
+        return (lastTouchstartTarget === mousedownTarget) && mousedownTarget.closest('[href]');
+    }
     function didUserDragAway(clickEvent) {
         return lastMousedownTarget && (lastMousedownTarget !== clickEvent.target);
     }
@@ -10679,13 +11083,13 @@ up.deferred = { load: up.link.loadDeferred };
 
 
 /***/ }),
-/* 96 */
+/* 99 */
 /***/ (() => {
 
 
 
 /***/ }),
-/* 97 */
+/* 100 */
 /***/ (() => {
 
 up.form = (function () {
@@ -10698,12 +11102,14 @@ up.form = (function () {
         noSubmitSelectors: ['[up-submit=false]', '[target]', e.crossOriginSelector('action')],
         submitButtonSelectors: ['input[type=submit]', 'input[type=image]', 'button[type=submit]', 'button:not([type])'],
         genericButtonSelectors: ['input[type=button]', 'button[type=button]'],
+        validateBatch: true,
         watchInputEvents: ['input', 'change'],
         watchInputDelay: 0,
         watchChangeEvents: ['change'],
+        watchableEvents: ['input', 'change'],
     }));
     function fieldSelector(suffix = '') {
-        return config.fieldSelectors.map(field => field + suffix).join();
+        return config.fieldSelectors.map((field) => field + suffix).join();
     }
     function isField(element) {
         return element.matches(fieldSelector());
@@ -10714,11 +11120,17 @@ up.form = (function () {
         if (root.matches('form[id]')) {
             const outsideFieldSelector = fieldSelector(e.attrSelector('form', root.getAttribute('id')));
             const outsideFields = up.fragment.all(outsideFieldSelector, { layer: root });
-            fields.push(...outsideFields);
-            fields = u.uniq(fields);
+            fields = u.uniq([...fields, ...outsideFields]);
         }
         return fields;
     }
+    function findFieldsAndButtons(container) {
+        return [
+            ...findFields(container),
+            ...findSubmitButtons(container),
+            ...findGenericButtons(container),
+        ];
+    }
     function findSubmitButtons(root) {
         return e.subtree(root, submitButtonSelector());
     }
@@ -10752,16 +11164,18 @@ up.form = (function () {
         return options;
     }
     function watchOptions(field, options, parserOptions = {}) {
-        var _a;
+        var _a, _b, _c;
         options = u.options(options);
-        let parser = new up.OptionsParser(field, options, Object.assign(Object.assign({}, parserOptions), { closest: true, attrPrefix: 'up-watch-' }));
-        parser.include(up.status.statusOptions);
+        (_a = parserOptions.closest) !== null && _a !== void 0 ? _a : (parserOptions.closest = true);
+        (_b = parserOptions.attrPrefix) !== null && _b !== void 0 ? _b : (parserOptions.attrPrefix = 'up-watch-');
+        let parser = new up.OptionsParser(field, options, parserOptions);
+        parser.include(up.status.statusOptions, parserOptions);
         parser.string('event');
         parser.number('delay');
         let config = up.form.config;
         if (options.event === 'input') {
             options.event = u.evalOption(config.watchInputEvents, field);
-            (_a = options.delay) !== null && _a !== void 0 ? _a : (options.delay = config.watchInputDelay);
+            (_c = options.delay) !== null && _c !== void 0 ? _c : (options.delay = config.watchInputDelay);
         }
         else if (options.event === 'change') {
             options.event = u.evalOption(config.watchChangeEvents, field);
@@ -10769,15 +11183,20 @@ up.form = (function () {
         options.origin || (options.origin = field);
         return options;
     }
-    function disableContainer(container) {
-        let controls = [
-            ...findFields(container),
-            ...findSubmitButtons(container),
-            ...findGenericButtons(container),
-        ];
-        return u.sequence(u.map(controls, disableControl));
+    function validateOptions(field, options, parserOptions = {}) {
+        options = u.options(options);
+        let parser = new up.OptionsParser(field, options, Object.assign(Object.assign({}, parserOptions), { closest: true, attrPrefix: 'up-validate-' }));
+        parser.string('url');
+        parser.string('method', { normalize: u.normalizeMethod });
+        parser.boolean('batch', { default: config.validateBatch });
+        parser.include(watchOptions, { defaults: { event: 'change' } });
+        return options;
+    }
+    function disableContainerTemp(container) {
+        let controls = findFieldsAndButtons(container);
+        return u.sequence(u.map(controls, disableControlTemp));
     }
-    function disableControl(control) {
+    function disableControlTemp(control) {
         if (control.disabled)
             return;
         let focusFallback;
@@ -10792,7 +11211,7 @@ up.form = (function () {
         return () => { control.disabled = false; };
     }
     function getDisableContainers(disable, origin) {
-        let originScope = () => getScope(origin);
+        let originScope = () => getRegion(origin);
         if (disable === true) {
             return [originScope()];
         }
@@ -10817,6 +11236,11 @@ up.form = (function () {
             }
         };
     }
+    function setContainerDisabled(container, disabled) {
+        for (let control of findFieldsAndButtons(container)) {
+            control.disabled = disabled;
+        }
+    }
     function destinationOptions(form, options, parserOptions) {
         var _a;
         options = u.options(options);
@@ -10849,8 +11273,7 @@ up.form = (function () {
         root = up.element.get(root);
         callback || (callback = watchCallbackFromElement(root) || up.fail('No callback given for up.watch()'));
         const watcher = new up.FieldWatcher(root, options, callback);
-        watcher.start();
-        return () => watcher.stop();
+        return watcher.start();
     }
     function watchCallbackFromElement(element) {
         let rawCallback = element.getAttribute('up-watch');
@@ -10860,7 +11283,7 @@ up.form = (function () {
     }
     function autosubmit(target, options = {}) {
         const onChange = (_diff, renderOptions) => submit(target, renderOptions);
-        return watch(target, Object.assign(Object.assign({}, options), { batch: true }), onChange);
+        return watch(target, Object.assign(Object.assign({ logPrefix: 'up.autosubmit()' }, options), { batch: true }), onChange);
     }
     function getGroupSelectors() {
         var _a, _b;
@@ -10889,7 +11312,8 @@ up.form = (function () {
     }
     function validate(...args) {
         let options = parseValidateArgs(...args);
-        let validator = up.FormValidator.forElement(options.origin);
+        let form = getForm(options.origin);
+        let validator = getFormValidator(form);
         return validator.validate(options);
     }
     function parseValidateArgs(originOrTarget, ...args) {
@@ -10902,88 +11326,20 @@ up.form = (function () {
         }
         return options;
     }
-    function switcherValues(field) {
-        let value;
-        let meta;
-        if (field.matches('input[type=checkbox]')) {
-            if (field.checked) {
-                value = field.value;
-                meta = ':checked';
-            }
-            else {
-                meta = ':unchecked';
-            }
-        }
-        else if (field.matches('input[type=radio]')) {
-            const form = getScope(field);
-            const groupName = field.getAttribute('name');
-            const checkedButton = form.querySelector(`input[type=radio]${e.attrSelector('name', groupName)}:checked`);
-            if (checkedButton) {
-                meta = ':checked';
-                value = checkedButton.value;
-            }
-            else {
-                meta = ':unchecked';
-            }
-        }
-        else {
-            value = field.value;
-        }
-        const values = [];
-        if (u.isPresent(value)) {
-            values.push(value);
-            values.push(':present');
-        }
-        else {
-            values.push(':blank');
-        }
-        if (u.isPresent(meta)) {
-            values.push(meta);
-        }
-        return values;
-    }
-    function switchTargets(switcher, options = {}) {
-        const targetSelector = options.target || options.target || switcher.getAttribute('up-switch');
-        const form = getScope(switcher);
-        targetSelector || up.fail("No switch target given for %o", switcher);
-        const fieldValues = switcherValues(switcher);
-        for (let target of up.fragment.all(form, targetSelector)) {
-            switchTarget(target, fieldValues);
-        }
-    }
-    const switchTarget = up.mockable(function (target, fieldValues) {
-        let show;
-        fieldValues || (fieldValues = switcherValues(findSwitcherForTarget(target)));
-        let hideValues = target.getAttribute('up-hide-for');
-        if (hideValues) {
-            hideValues = parseSwitchTokens(hideValues);
-            show = u.intersect(fieldValues, hideValues).length === 0;
-        }
-        else {
-            let showValues = target.getAttribute('up-show-for');
-            showValues = showValues ? parseSwitchTokens(showValues) : [':present', ':checked'];
-            show = u.intersect(fieldValues, showValues).length > 0;
-        }
-        e.toggle(target, show);
-        target.classList.add('up-switched');
-    });
-    function parseSwitchTokens(str) {
-        return u.getSimpleTokens(str, { json: true });
-    }
-    function findSwitcherForTarget(target) {
-        const form = getScope(target);
-        const switchers = form.querySelectorAll('[up-switch]');
-        const switcher = u.find(switchers, function (switcher) {
-            const targetSelector = switcher.getAttribute('up-switch');
-            return target.matches(targetSelector);
-        });
-        return switcher || up.fail('Could not find [up-switch] field for %o', target);
-    }
     function getForm(elementOrSelector, options = {}) {
         const element = up.fragment.get(elementOrSelector, options);
         return element.form || element.closest('form');
     }
-    function getScope(origin, options) {
+    function getFormValidator(form) {
+        return form.upFormValidator || (form.upFormValidator = setupFormValidator(form));
+    }
+    function setupFormValidator(form) {
+        const validator = new up.FormValidator(form);
+        const stop = validator.start();
+        up.destructor(form, stop);
+        return validator;
+    }
+    function getRegion(origin, options) {
         if (origin) {
             return getForm(origin, options) || up.layer.get(origin).element;
         }
@@ -10991,6 +11347,19 @@ up.form = (function () {
             return up.layer.current.element;
         }
     }
+    function trackFields(...args) {
+        let [root, { guard }, callback] = u.args(args, 'val', 'options', 'callback');
+        let filter = function (fields) {
+            let scope = getRegion(root);
+            return u.filter(fields, function (field) {
+                return (root === scope || root.contains(field))
+                    && (getForm(field) === scope)
+                    && (!guard || guard(field));
+            });
+        };
+        const live = true;
+        return up.fragment.trackSelector(fieldSelector(), { filter, live }, callback);
+    }
     function focusedField() {
         return u.presence(document.activeElement, isField);
     }
@@ -11005,49 +11374,39 @@ up.form = (function () {
         up.event.halt(event, { log: true });
         up.error.muteUncriticalRejection(submit(form, { submitButton }));
     });
-    up.compiler(validatingFieldSelector, function (fieldOrForm) {
-        let validator = up.FormValidator.forElement(fieldOrForm);
-        validator.watchContainer(fieldOrForm);
+    up.compiler('form', function (form) {
+        getFormValidator(form);
     });
-    function validatingFieldSelector() {
-        let includes = config.fieldSelectors.map((selector) => `${selector}[up-validate], [up-validate] ${selector}`);
-        let excludes = ['[up-validate=false]'];
-        return e.unionSelector(includes, excludes);
-    }
     up.compiler('[up-switch]', (switcher) => {
-        switchTargets(switcher);
-    });
-    up.on('change', '[up-switch]', (_event, switcher) => {
-        switchTargets(switcher);
-    });
-    up.compiler('[up-show-for]:not(.up-switched), [up-hide-for]:not(.up-switched)', (element) => {
-        switchTarget(element);
+        return new up.Switcher(switcher).start();
     });
     up.attribute('up-watch', (formOrField) => watch(formOrField));
-    up.attribute('up-autosubmit', (formOrField) => autosubmit(formOrField));
+    up.attribute('up-autosubmit', (formOrField) => autosubmit(formOrField, { logPrefix: '[up-autosubmit]' }));
     return {
         config,
         submit,
         submitOptions,
         destinationOptions,
         watchOptions,
+        validateOptions,
         isSubmittable,
         watch,
         validate,
         autosubmit,
         fieldSelector,
         fields: findFields,
+        trackFields,
         isField,
         submitButtons: findSubmitButtons,
         focusedField,
-        switchTarget,
-        disable: disableContainer,
+        disableTemp: disableContainerTemp,
+        setDisabled: setContainerDisabled,
         getDisablePreviewFn,
         group: findGroup,
         groupSolution: findGroupSolution,
         groupSelectors: getGroupSelectors,
         get: getForm,
-        getScope,
+        getRegion,
     };
 })();
 up.submit = up.form.submit;
@@ -11057,13 +11416,12 @@ up.validate = up.form.validate;
 
 
 /***/ }),
-/* 98 */
+/* 101 */
 /***/ (() => {
 
 up.status = (function () {
     const u = up.util;
     const e = up.element;
-    let namedPreviewFns = {};
     const config = new up.Config(() => ({
         currentClasses: ['up-current'],
         activeClasses: ['up-active'],
@@ -11071,9 +11429,9 @@ up.status = (function () {
         navSelectors: ['[up-nav]', 'nav'],
         noNavSelectors: ['[up-nav=false]'],
     }));
+    let namedPreviewFns = new up.Registry('preview');
     function reset() {
         up.layer.root.feedbackLocation = null;
-        namedPreviewFns = u.pickBy(namedPreviewFns, 'isDefault');
     }
     const SELECTOR_LINK = 'a, [up-href]';
     function linkCurrentURLs(link) {
@@ -11104,7 +11462,7 @@ up.status = (function () {
         let focusCapsule = up.FocusCapsule.preserve(bindLayer);
         let applyPreviews = () => doRunPreviews(request, renderOptions);
         let revertPreviews = bindLayer.asCurrent(applyPreviews);
-        up.on('focusin', { once: true }, () => focusCapsule = null);
+        focusCapsule === null || focusCapsule === void 0 ? void 0 : focusCapsule.autoVoid();
         return () => {
             bindLayer.asCurrent(revertPreviews);
             focusCapsule === null || focusCapsule === void 0 ? void 0 : focusCapsule.restore(bindLayer, { preventScroll: true });
@@ -11149,7 +11507,7 @@ up.status = (function () {
     }
     function resolvePreviewString(str) {
         return u.map(u.parseScalarJSONPairs(str), ([name, parsedOptions]) => {
-            let previewFn = namedPreviewFns[name] || up.fail('Unknown preview "%s"', name);
+            let previewFn = namedPreviewFns.get(name);
             return function (preview, runOptions) {
                 up.puts('[up-preview]', 'Showing preview %o', name);
                 return previewFn(preview, parsedOptions || runOptions);
@@ -11160,10 +11518,6 @@ up.status = (function () {
         activeElements || (activeElements = u.wrapList(origin));
         return activeElements.map(findActivatableArea);
     }
-    function registerPreview(name, previewFn) {
-        previewFn.isDefault = up.framework.evaling;
-        namedPreviewFns[name] = previewFn;
-    }
     function getFeedbackClassesPreviewFn(feedbackOption, fragments) {
         if (!feedbackOption)
             return;
@@ -11208,7 +11562,7 @@ up.status = (function () {
     up.on('up:framework:reset', reset);
     return {
         config,
-        preview: registerPreview,
+        preview: namedPreviewFns.put,
         resolvePreviewFns,
         runPreviews,
         statusOptions,
@@ -11218,7 +11572,7 @@ up.preview = up.status.preview;
 
 
 /***/ }),
-/* 99 */
+/* 102 */
 /***/ (() => {
 
 up.radio = (function () {
@@ -11301,7 +11655,7 @@ up.radio = (function () {
 
 
 /***/ }),
-/* 100 */
+/* 103 */
 /***/ (() => {
 
 (function () {
@@ -11440,15 +11794,18 @@ __webpack_require__(83);
 __webpack_require__(84);
 __webpack_require__(85);
 __webpack_require__(86);
+__webpack_require__(87);
 __webpack_require__(88);
-__webpack_require__(90);
+__webpack_require__(89);
 __webpack_require__(91);
 __webpack_require__(93);
-__webpack_require__(95);
-__webpack_require__(97);
+__webpack_require__(94);
+__webpack_require__(96);
 __webpack_require__(98);
-__webpack_require__(99);
 __webpack_require__(100);
+__webpack_require__(101);
+__webpack_require__(102);
+__webpack_require__(103);
 up.framework.onEvaled();
 
 })();