unpoly-rails 3.1.1 → 3.2.1

data/assets/unpoly/unpoly.js

@@ -5,7 +5,7 @@
 /***/ (() => {
 
 window.up = {
-    version: '3.1.1'
+    version: '3.2.1'
 };
 
 
@@ -721,6 +721,11 @@ up.util = (function () {
         let unicodeEscape = (char) => "\\u" + char.charCodeAt(0).toString(16).padStart(4, '0');
         return string.replace(/[^\x00-\x7F]/g, unicodeEscape);
     }
+    function variant(source, changes = {}) {
+        let variant = Object.create(source);
+        Object.assign(variant, changes);
+        return variant;
+    }
     return {
         parseURL,
         normalizeURL,
@@ -818,6 +823,7 @@ up.util = (function () {
         negate,
         memoizeMethod,
         safeStringifyJSON,
+        variant,
     };
 })();
 
@@ -827,10 +833,6 @@ up.util = (function () {
 /***/ (() => {
 
 up.error = (function () {
-    function emitGlobal(error) {
-        const { message } = error;
-        up.emit(window, 'error', { message, error, log: false });
-    }
     function fail(...args) {
         throw new up.Error(args);
     }
@@ -838,17 +840,27 @@ up.error = (function () {
         return (typeof error !== 'object') || ((error.name !== 'AbortError') && !(error instanceof up.RenderResult) && !(error instanceof up.Response));
     }
     function muteUncriticalRejection(promise) {
-        return promise.catch(function (reason) {
-            if (isCritical(reason)) {
-                throw reason;
-            }
-        });
+        return promise.catch(rethrowCritical);
+    }
+    function muteUncriticalSync(block) {
+        try {
+            return block();
+        }
+        catch (e) {
+            rethrowCritical(e);
+        }
+    }
+    function rethrowCritical(value) {
+        if (isCritical(value)) {
+            throw value;
+        }
     }
     return {
         fail,
-        emitGlobal,
+        rethrowCritical,
         isCritical,
         muteUncriticalRejection,
+        muteUncriticalSync,
     };
 })();
 up.fail = up.error.fail;
@@ -931,7 +943,7 @@ up.element = (function () {
     }
     function isInSubtree(root, selectorOrElement) {
         const element = getOne(selectorOrElement);
-        return root.contains(element);
+        return Node.prototype.contains.call(root, element);
     }
     function ancestor(element, selector) {
         let parentElement = element.parentElement;
@@ -1173,7 +1185,7 @@ up.element = (function () {
         }
     }
     function classSelector(klass) {
-        klass = klass.replace(/:/g, '\\:');
+        klass = klass.replace(/[^\w-]/g, '\\$&');
         return `.${klass}`;
     }
     function createBrokenDocumentFromHTML(html) {
@@ -1586,10 +1598,7 @@ up.Record = class Record {
         return u.pick(source, this.keys());
     }
     [u.copy.key]() {
-        return this.variant();
-    }
-    variant(changes = {}) {
-        return new this.constructor(u.merge(this.attributes(), changes));
+        return u.variant(this);
     }
     [u.isEqual.key](other) {
         return (this.constructor === other.constructor) && u.isEqual(this.attributes(), other.attributes());
@@ -1761,9 +1770,6 @@ up.Change = class Change {
     constructor(options) {
         this.options = options;
     }
-    cannotMatch(reason) {
-        throw new up.CannotMatch(reason);
-    }
     execute() {
         throw new up.NotImplemented();
     }
@@ -1778,6 +1784,9 @@ up.Change = class Change {
             return newValue;
         }
     }
+    deriveFailOptions() {
+        return up.RenderOptions.deriveFailOptions(this.options);
+    }
 };
 
 
@@ -1794,33 +1803,34 @@ up.Change.Addition = class Addition extends up.Change {
         this.acceptLayer = options.acceptLayer;
         this.dismissLayer = options.dismissLayer;
         this.eventPlans = options.eventPlans || [];
+        this.response = options.meta?.response;
     }
     handleLayerChangeRequests() {
         if (this.layer.isOverlay()) {
             this.tryAcceptLayerFromServer();
             this.abortWhenLayerClosed();
-            this.layer.tryAcceptForLocation();
+            this.layer.tryAcceptForLocation(this.responseOption());
             this.abortWhenLayerClosed();
             this.tryDismissLayerFromServer();
             this.abortWhenLayerClosed();
-            this.layer.tryDismissForLocation();
+            this.layer.tryDismissForLocation(this.responseOption());
             this.abortWhenLayerClosed();
         }
         this.layer.asCurrent(() => {
             for (let eventPlan of this.eventPlans) {
-                up.emit(eventPlan);
+                up.emit({ ...eventPlan, ...this.responseOption() });
                 this.abortWhenLayerClosed();
             }
         });
     }
     tryAcceptLayerFromServer() {
         if (u.isDefined(this.acceptLayer) && this.layer.isOverlay()) {
-            this.layer.accept(this.acceptLayer);
+            this.layer.accept(this.acceptLayer, this.responseOption());
         }
     }
     tryDismissLayerFromServer() {
         if (u.isDefined(this.dismissLayer) && this.layer.isOverlay()) {
-            this.layer.dismiss(this.dismissLayer);
+            this.layer.dismiss(this.dismissLayer, this.responseOption());
         }
     }
     abortWhenLayerClosed() {
@@ -1847,6 +1857,9 @@ up.Change.Addition = class Addition extends up.Change {
         this.setTime(options);
         this.setETag(options);
     }
+    responseOption() {
+        return { response: this.response };
+    }
 };
 
 
@@ -1876,7 +1889,7 @@ up.RenderJob = (_a = class RenderJob {
             if (result instanceof up.RenderResult) {
                 if (!result.none)
                     result.options.onRendered?.(result);
-                result.finished.then(result.options.onFinished);
+                result.finished.then(result.options.onFinished, u.noop);
                 return true;
             }
         }
@@ -1903,6 +1916,10 @@ up.RenderJob = (_a = class RenderJob {
                 let onRequest = (request) => this.handleAbortOption(request);
                 this.change = new up.Change.FromURL({ ...this.options, onRequest });
             }
+            else if (this.options.response) {
+                this.change = new up.Change.FromResponse(this.options);
+                this.handleAbortOption(null);
+            }
             else {
                 this.change = new up.Change.FromContent(this.options);
                 this.handleAbortOption(null);
@@ -2036,7 +2053,7 @@ up.Change.OpenLayer = class OpenLayer extends up.Change.Addition {
             this.content = responseDoc.select(this.target);
         }
         if (!this.content || this.baseLayer.isClosed()) {
-            throw this.cannotMatch();
+            throw new up.CannotMatch();
         }
         onApplicable();
         up.puts('up.render()', `Opening element "${this.target}" in new overlay`);
@@ -2044,8 +2061,8 @@ up.Change.OpenLayer = class OpenLayer extends up.Change.Addition {
         if (this.emitOpenEvent().defaultPrevented) {
             throw new up.Aborted('Open event was prevented');
         }
-        this.baseLayer.peel();
         this.layer = this.buildLayer();
+        this.baseLayer.peel({ history: !this.layer.history });
         up.layer.stack.push(this.layer);
         this.layer.createElements(this.content);
         this.layer.setupHandlers();
@@ -2179,7 +2196,7 @@ up.Change.UpdateLayer = (_a = class UpdateLayer extends up.Change.Addition {
                 up.viewport.saveFocus({ layer: this.layer });
             }
             if (this.options.peel) {
-                this.layer.peel();
+                this.layer.peel({ history: !this.hasHistory() });
             }
             if (this.options.abort !== false) {
                 up.fragment.abort(this.getFragments(), { reason: 'Fragment is being replaced' });
@@ -2352,7 +2369,7 @@ up.Change.UpdateLayer = (_a = class UpdateLayer extends up.Change.Addition {
                     return true;
                 }
                 else if (!step.maybe) {
-                    throw this.cannotMatch(`Could not find element "${this.target}" in current page`);
+                    throw new up.CannotMatch();
                 }
             });
             this.resolveOldNesting();
@@ -2368,7 +2385,7 @@ up.Change.UpdateLayer = (_a = class UpdateLayer extends up.Change.Addition {
                     return true;
                 }
                 else if (!step.maybe) {
-                    throw this.cannotMatch(`Could not find element "${this.target}" in server response`);
+                    throw new up.CannotMatch();
                 }
             });
             this.resolveOldNesting();
@@ -2471,6 +2488,8 @@ up.Change.CloseLayer = class CloseLayer extends up.Change.Removal {
         this.origin = options.origin;
         this.value = options.value;
         this.preventable = options.preventable ?? true;
+        this.response = options.response;
+        this.history = options.history ?? true;
     }
     execute() {
         if (!this.layer.isOpen()) {
@@ -2484,7 +2503,9 @@ up.Change.CloseLayer = class CloseLayer extends up.Change.Removal {
         const { parent } = this.layer;
         this.layer.peel();
         this.layer.stack.remove(this.layer);
-        parent.restoreHistory();
+        if (this.history) {
+            parent.restoreHistory();
+        }
         this.handleFocus(parent);
         this.layer.teardownHandlers();
         this.layer.destroyElements(this.options);
@@ -2512,7 +2533,8 @@ up.Change.CloseLayer = class CloseLayer extends up.Change.Removal {
         return up.event.build(name, {
             layer: this.layer,
             value: this.value,
-            origin: this.origin
+            origin: this.origin,
+            response: this.response,
         });
     }
     handleFocus(formerParent) {
@@ -2528,142 +2550,6 @@ up.Change.CloseLayer = class CloseLayer extends up.Change.Removal {
 /* 31 */
 /***/ (() => {
 
-var _a;
-const u = up.util;
-up.Change.FromContent = (_a = class FromContent extends up.Change {
-        constructor(options) {
-            super(options);
-            this.layers = u.filter(up.layer.getAll(this.options), this.isRenderableLayer);
-            this.origin = this.options.origin;
-            this.preview = this.options.preview;
-            this.mode = this.options.mode;
-            if (this.origin) {
-                this.originLayer = up.layer.get(this.origin);
-            }
-        }
-        isRenderableLayer(layer) {
-            return (layer === 'new') || layer.isOpen();
-        }
-        getPlans() {
-            var _a;
-            let plans = [];
-            if (this.options.fragment) {
-                (_a = this.options).target || (_a.target = this.getResponseDoc().rootSelector());
-            }
-            this.expandIntoPlans(plans, this.layers, this.options.target);
-            this.expandIntoPlans(plans, this.layers, this.options.fallback);
-            return plans;
-        }
-        expandIntoPlans(plans, layers, targets) {
-            for (let layer of layers) {
-                for (let target of this.expandTargets(targets, layer)) {
-                    const props = { ...this.options, target, layer, defaultPlacement: this.defaultPlacement() };
-                    const change = layer === 'new' ? new up.Change.OpenLayer(props) : new up.Change.UpdateLayer(props);
-                    plans.push(change);
-                }
-            }
-        }
-        expandTargets(targets, layer) {
-            return up.fragment.expandTargets(targets, { layer, mode: this.mode, origin: this.origin });
-        }
-        execute() {
-            if (this.options.preload) {
-                return Promise.resolve();
-            }
-            return this.seekPlan(this.executePlan.bind(this)) || this.cannotMatchPostflightTarget();
-        }
-        executePlan(matchedPlan) {
-            let result = matchedPlan.execute(this.getResponseDoc(), this.onPlanApplicable.bind(this, matchedPlan));
-            result.options = this.options;
-            return result;
-        }
-        onPlanApplicable(plan) {
-            let primaryPlan = this.getPlans()[0];
-            if (plan !== primaryPlan) {
-                up.puts('up.render()', 'Could not match primary target "%s". Updating a fallback target "%s".', primaryPlan.target, plan.target);
-            }
-        }
-        getResponseDoc() {
-            if (this.preview)
-                return;
-            const docOptions = u.pick(this.options, [
-                'target',
-                'content',
-                'fragment',
-                'document',
-                'html',
-                'cspNonces',
-                'origin',
-            ]);
-            up.migrate.handleResponseDocOptions?.(docOptions);
-            if (this.defaultPlacement() === 'content') {
-                docOptions.target = this.firstExpandedTarget(docOptions.target);
-            }
-            return new up.ResponseDoc(docOptions);
-        }
-        defaultPlacement() {
-            if (!this.options.document && !this.options.fragment) {
-                return 'content';
-            }
-        }
-        firstExpandedTarget(target) {
-            return this.expandTargets(target || ':main', this.layers[0])[0];
-        }
-        getPreflightProps(opts = {}) {
-            const getPlanProps = plan => plan.getPreflightProps();
-            return this.seekPlan(getPlanProps) || opts.optional || this.cannotMatchPreflightTarget();
-        }
-        cannotMatchPreflightTarget() {
-            this.cannotMatchTarget('Could not find target in current page');
-        }
-        cannotMatchPostflightTarget() {
-            this.cannotMatchTarget('Could not find common target in current page and response');
-        }
-        cannotMatchTarget(reason) {
-            if (this.getPlans().length) {
-                const planTargets = u.uniq(u.map(this.getPlans(), 'target'));
-                const humanizedLayerOption = up.layer.optionToString(this.options.layer);
-                up.fail(reason + " (tried selectors %o in %s)", planTargets, humanizedLayerOption);
-            }
-            else if (this.layers.length) {
-                if (this.options.failPrefixForced) {
-                    up.fail('No target selector given for failed responses (https://unpoly.com/failed-responses)');
-                }
-                else {
-                    up.fail('No target selector given');
-                }
-            }
-            else {
-                up.fail('Layer %o does not exist', this.options.layer);
-            }
-        }
-        seekPlan(fn) {
-            for (let plan of this.getPlans()) {
-                try {
-                    return fn(plan);
-                }
-                catch (error) {
-                    if (!(error instanceof up.CannotMatch)) {
-                        throw error;
-                    }
-                }
-            }
-        }
-    },
-    (() => {
-        u.memoizeMethod(_a.prototype, [
-            'getPlans',
-            'getResponseDoc',
-            'getPreflightProps',
-        ]);
-    })(),
-    _a);
-
-
-/***/ }),
-/* 32 */
-/***/ (() => {
-
 var _a;
 const u = up.util;
 up.Change.FromURL = (_a = class FromURL extends up.Change {
@@ -2688,9 +2574,6 @@ up.Change.FromURL = (_a = class FromURL extends up.Change {
             }
             return u.always(this.request, responseOrError => this.onRequestSettled(responseOrError));
         }
-        deriveFailOptions() {
-            return up.RenderOptions.deriveFailOptions(this.options);
-        }
         newPageReason() {
             if (u.isCrossOrigin(this.options.url)) {
                 return 'Loading cross-origin content in new page';
@@ -2724,7 +2607,41 @@ up.Change.FromURL = (_a = class FromURL extends up.Change {
             }
         }
         onRequestSettledWithResponse(response) {
-            this.response = response;
+            return new up.Change.FromResponse({ ...this.options, response }).execute();
+        }
+        onRequestSettledWithError(error) {
+            if (error instanceof up.Offline) {
+                this.request.emit('up:fragment:offline', {
+                    callback: this.options.onOffline,
+                    renderOptions: this.options,
+                    retry: (retryOptions) => up.render({ ...this.options, ...retryOptions }),
+                    log: ['Cannot load fragment from %s: %s', this.request.description, error.reason],
+                });
+            }
+            throw error;
+        }
+    },
+    (() => {
+        u.memoizeMethod(_a.prototype, [
+            'getRequestAttrs',
+        ]);
+    })(),
+    _a);
+
+
+/***/ }),
+/* 32 */
+/***/ (() => {
+
+var _a;
+const u = up.util;
+up.Change.FromResponse = (_a = class FromResponse extends up.Change {
+        constructor(options) {
+            super(options);
+            this.response = options.response;
+            this.request = this.response.request;
+        }
+        execute() {
             if (up.fragment.config.skipResponse(this.loadedEventProps())) {
                 this.skip();
             }
@@ -2736,40 +2653,12 @@ up.Change.FromURL = (_a = class FromURL extends up.Change {
                     skip: () => this.skip()
                 });
             }
-            let fail = u.evalOption(this.options.fail, this.response) ?? !response.ok;
+            let fail = u.evalOption(this.options.fail, this.response) ?? !this.response.ok;
             if (fail) {
                 throw this.updateContentFromResponse(this.deriveFailOptions());
             }
             return this.updateContentFromResponse(this.options);
         }
-        compilerPassMeta() {
-            return u.pick(this.loadedEventProps(), [
-                'revalidating',
-                'response'
-            ]);
-        }
-        loadedEventProps() {
-            const { expiredResponse } = this.options;
-            return {
-                request: this.request,
-                response: this.response,
-                renderOptions: this.options,
-                revalidating: !!expiredResponse,
-                expiredResponse,
-            };
-        }
-        onRequestSettledWithError(error) {
-            if (error instanceof up.Offline) {
-                this.request.emit('up:fragment:offline', {
-                    callback: this.options.onOffline,
-                    response: this.response,
-                    renderOptions: this.options,
-                    retry: (retryOptions) => up.render({ ...this.options, ...retryOptions }),
-                    log: ['Cannot load fragment from %s: %s', this.request.description, error.reason],
-                });
-            }
-            throw error;
-        }
         skip() {
             up.puts('up.render()', 'Skipping ' + this.response.description);
             this.options.target = ':none';
@@ -2818,6 +2707,22 @@ up.Change.FromURL = (_a = class FromURL extends up.Change {
             }
             return renderResult;
         }
+        loadedEventProps() {
+            const { expiredResponse } = this.options;
+            return {
+                request: this.request,
+                response: this.response,
+                renderOptions: this.options,
+                revalidating: !!expiredResponse,
+                expiredResponse,
+            };
+        }
+        compilerPassMeta() {
+            return u.pick(this.loadedEventProps(), [
+                'revalidating',
+                'response'
+            ]);
+        }
         augmentOptionsFromResponse(renderOptions) {
             const responseURL = this.response.url;
             let serverLocation = responseURL;
@@ -2826,44 +2731,181 @@ up.Change.FromURL = (_a = class FromURL extends up.Change {
                 renderOptions.hash = hash;
                 serverLocation += hash;
             }
-            const isReloadable = (this.response.method === 'GET');
-            if (isReloadable) {
-                renderOptions.source = this.improveHistoryValue(renderOptions.source, responseURL);
+            const isReloadable = (this.response.method === 'GET');
+            if (isReloadable) {
+                renderOptions.source = this.improveHistoryValue(renderOptions.source, responseURL);
+            }
+            else {
+                renderOptions.source = this.improveHistoryValue(renderOptions.source, 'keep');
+                renderOptions.history = !!renderOptions.location;
+            }
+            renderOptions.location = this.improveHistoryValue(renderOptions.location, serverLocation);
+            renderOptions.title = this.improveHistoryValue(renderOptions.title, this.response.title);
+            renderOptions.eventPlans = this.response.eventPlans;
+            let serverTarget = this.response.target;
+            if (serverTarget) {
+                renderOptions.target = serverTarget;
+            }
+            renderOptions.acceptLayer = this.response.acceptLayer;
+            renderOptions.dismissLayer = this.response.dismissLayer;
+            renderOptions.document = this.response.text;
+            if (this.response.none) {
+                renderOptions.target = ':none';
+            }
+            renderOptions.context = u.merge(renderOptions.context, this.response.context);
+            renderOptions.cspNonces = this.response.cspNonces;
+            renderOptions.time ?? (renderOptions.time = this.response.lastModified);
+            renderOptions.etag ?? (renderOptions.etag = this.response.etag);
+        }
+    },
+    (() => {
+        u.memoizeMethod(_a.prototype, [
+            'loadedEventProps',
+        ]);
+    })(),
+    _a);
+
+
+/***/ }),
+/* 33 */
+/***/ (() => {
+
+var _a;
+const u = up.util;
+up.Change.FromContent = (_a = class FromContent extends up.Change {
+        constructor(options) {
+            super(options);
+            this.layers = u.filter(up.layer.getAll(this.options), this.isRenderableLayer);
+            this.origin = this.options.origin;
+            this.preview = this.options.preview;
+            this.mode = this.options.mode;
+            if (this.origin) {
+                this.originLayer = up.layer.get(this.origin);
+            }
+        }
+        isRenderableLayer(layer) {
+            return (layer === 'new') || layer.isOpen();
+        }
+        getPlans() {
+            var _a;
+            let plans = [];
+            if (this.options.fragment) {
+                (_a = this.options).target || (_a.target = this.getResponseDoc().rootSelector());
+            }
+            this.expandIntoPlans(plans, this.layers, this.options.target);
+            this.expandIntoPlans(plans, this.layers, this.options.fallback);
+            return plans;
+        }
+        expandIntoPlans(plans, layers, targets) {
+            for (let layer of layers) {
+                for (let target of this.expandTargets(targets, layer)) {
+                    const props = { ...this.options, target, layer, defaultPlacement: this.defaultPlacement() };
+                    const change = layer === 'new' ? new up.Change.OpenLayer(props) : new up.Change.UpdateLayer(props);
+                    plans.push(change);
+                }
+            }
+        }
+        expandTargets(targets, layer) {
+            return up.fragment.expandTargets(targets, { layer, mode: this.mode, origin: this.origin });
+        }
+        execute() {
+            if (this.options.preload) {
+                return Promise.resolve();
+            }
+            return this.seekPlan(this.executePlan.bind(this)) || this.cannotMatchPostflightTarget();
+        }
+        executePlan(matchedPlan) {
+            let result = matchedPlan.execute(this.getResponseDoc(), this.onPlanApplicable.bind(this, matchedPlan));
+            result.options = this.options;
+            return result;
+        }
+        onPlanApplicable(plan) {
+            let primaryPlan = this.getPlans()[0];
+            if (plan !== primaryPlan) {
+                up.puts('up.render()', 'Could not match primary target "%s". Updating a fallback target "%s".', primaryPlan.target, plan.target);
+            }
+        }
+        getResponseDoc() {
+            if (this.preview)
+                return;
+            const docOptions = u.pick(this.options, [
+                'target',
+                'content',
+                'fragment',
+                'document',
+                'html',
+                'cspNonces',
+                'origin',
+            ]);
+            up.migrate.handleResponseDocOptions?.(docOptions);
+            if (this.defaultPlacement() === 'content') {
+                docOptions.target = this.firstExpandedTarget(docOptions.target);
+            }
+            return new up.ResponseDoc(docOptions);
+        }
+        defaultPlacement() {
+            if (!this.options.document && !this.options.fragment) {
+                return 'content';
+            }
+        }
+        firstExpandedTarget(target) {
+            return this.expandTargets(target || ':main', this.layers[0])[0];
+        }
+        getPreflightProps(opts = {}) {
+            const getPlanProps = plan => plan.getPreflightProps();
+            return this.seekPlan(getPlanProps) || opts.optional || this.cannotMatchPreflightTarget();
+        }
+        cannotMatchPreflightTarget() {
+            this.cannotMatchTarget('Could not find target in current page');
+        }
+        cannotMatchPostflightTarget() {
+            this.cannotMatchTarget('Could not find common target in current page and response');
+        }
+        cannotMatchTarget(reason) {
+            let message;
+            if (this.getPlans().length) {
+                const planTargets = u.uniq(u.map(this.getPlans(), 'target'));
+                const humanizedLayerOption = up.layer.optionToString(this.options.layer);
+                message = [reason + " (tried selectors %o in %s)", planTargets, humanizedLayerOption];
+            }
+            else if (this.layers.length) {
+                if (this.options.failPrefixForced) {
+                    message = 'No target selector given for failed responses (https://unpoly.com/failed-responses)';
+                }
+                else {
+                    message = 'No target selector given';
+                }
             }
             else {
-                renderOptions.source = this.improveHistoryValue(renderOptions.source, 'keep');
-                renderOptions.history = !!renderOptions.location;
-            }
-            renderOptions.location = this.improveHistoryValue(renderOptions.location, serverLocation);
-            renderOptions.title = this.improveHistoryValue(renderOptions.title, this.response.title);
-            renderOptions.eventPlans = this.response.eventPlans;
-            let serverTarget = this.response.target;
-            if (serverTarget) {
-                renderOptions.target = serverTarget;
+                message = 'Could not find a layer to render in. You may have passed a non-existing layer reference, or a detached element.';
             }
-            renderOptions.acceptLayer = this.response.acceptLayer;
-            renderOptions.dismissLayer = this.response.dismissLayer;
-            renderOptions.document = this.response.text;
-            if (!renderOptions.document) {
-                renderOptions.target = ':none';
+            throw new up.CannotMatch(message);
+        }
+        seekPlan(fn) {
+            for (let plan of this.getPlans()) {
+                try {
+                    return fn(plan);
+                }
+                catch (error) {
+                    if (!(error instanceof up.CannotMatch)) {
+                        throw error;
+                    }
+                }
             }
-            renderOptions.context = u.merge(renderOptions.context, this.response.context);
-            renderOptions.cspNonces = this.response.cspNonces;
-            renderOptions.time ?? (renderOptions.time = this.response.lastModified);
-            renderOptions.etag ?? (renderOptions.etag = this.response.etag);
         }
     },
     (() => {
         u.memoizeMethod(_a.prototype, [
-            'getRequestAttrs',
-            'loadedEventProps',
+            'getPlans',
+            'getResponseDoc',
+            'getPreflightProps',
         ]);
     })(),
     _a);
 
 
 /***/ }),
-/* 33 */
+/* 34 */
 /***/ (() => {
 
 const u = up.util;
@@ -2949,7 +2991,6 @@ up.CompilerPass = class CompilerPass {
         catch (error) {
             this.errors.push(error);
             up.log.error('up.hello()', 'While compiling %o: %o', elementOrElements, error);
-            up.error.emitGlobal(error);
         }
     }
     destructorPresence(result) {
@@ -2974,7 +3015,7 @@ up.CompilerPass = class CompilerPass {
 
 
 /***/ }),
-/* 34 */
+/* 35 */
 /***/ (() => {
 
 const u = up.util;
@@ -3085,7 +3126,7 @@ up.CSSTransition = class CSSTransition {
 
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ (() => {
 
 const u = up.util;
@@ -3120,14 +3161,13 @@ up.DestructorPass = class DestructorPass {
         catch (error) {
             this.errors.push(error);
             up.log.error('up.destroy()', 'While destroying %o: %o', element, error);
-            up.error.emitGlobal(error);
         }
     }
 };
 
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ (() => {
 
 const u = up.util;
@@ -3226,7 +3266,7 @@ up.EventEmitter = class EventEmitter extends up.Record {
 
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ (() => {
 
 const u = up.util;
@@ -3289,6 +3329,9 @@ up.EventListener = class EventListener extends up.Record {
                 const data = up.syntax.data(element);
                 args.push(data);
             }
+            if (this.eventType === 'click' && element.disabled) {
+                return;
+            }
             const applyCallback = this.callback.bind(element, ...args);
             if (this.baseLayer) {
                 this.baseLayer.asCurrent(applyCallback);
@@ -3328,7 +3371,7 @@ up.EventListener = class EventListener extends up.Record {
 
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (() => {
 
 const u = up.util;
@@ -3400,7 +3443,7 @@ up.EventListenerGroup = class EventListenerGroup extends up.Record {
 
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (() => {
 
 const u = up.util;
@@ -3516,7 +3559,7 @@ up.FieldWatcher = class FieldWatcher {
 
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (() => {
 
 const u = up.util;
@@ -3690,7 +3733,7 @@ up.FormValidator = class FormValidator {
 
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ (() => {
 
 up.FocusCapsule = class FocusCapsule {
@@ -3720,7 +3763,7 @@ up.FocusCapsule = class FocusCapsule {
 
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (() => {
 
 const u = up.util;
@@ -3784,7 +3827,7 @@ up.FragmentProcessor = class FragmentProcessor extends up.Record {
 
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (() => {
 
 const DESCENDANT_SELECTOR = /^([^ >+(]+) (.+)$/;
@@ -3827,7 +3870,7 @@ up.FragmentFinder = class FragmentFinder {
 
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ (() => {
 
 const u = up.util;
@@ -3911,7 +3954,7 @@ up.FragmentFocus = class FragmentFocus extends up.FragmentProcessor {
 
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ (() => {
 
 const e = up.element;
@@ -3995,9 +4038,7 @@ up.FragmentPolling = class FragmentPolling {
     }
     onReloadFailure(reason) {
         this.scheduleReload();
-        if (up.error.isCritical(reason)) {
-            throw reason;
-        }
+        up.error.rethrowCritical(reason);
     }
     onFragmentSwapped(newFragment) {
         this.stop();
@@ -4018,7 +4059,7 @@ up.FragmentPolling = class FragmentPolling {
 
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ (() => {
 
 const u = up.util;
@@ -4082,7 +4123,7 @@ up.FragmentScrolling = class FragmentScrolling extends up.FragmentProcessor {
 
 
 /***/ }),
-/* 47 */
+/* 48 */
 /***/ (() => {
 
 const e = up.element;
@@ -4305,7 +4346,7 @@ up.Layer = class Layer extends up.Record {
 
 
 /***/ }),
-/* 48 */
+/* 49 */
 /***/ (() => {
 
 const e = up.element;
@@ -4487,7 +4528,7 @@ up.Layer.Overlay = class Overlay extends up.Layer {
             parser.string('easing');
             parser.number('duration');
             parser.string('confirm');
-            closeFn(value, closeOptions);
+            up.error.muteUncriticalSync(() => closeFn(value, closeOptions));
         });
     }
     registerEventCloser(eventTypes, closeFn) {
@@ -4496,20 +4537,20 @@ up.Layer.Overlay = class Overlay extends up.Layer {
         }
         return this.on(eventTypes, event => {
             event.preventDefault();
-            closeFn.call(this, event);
+            closeFn.call(this, event, { response: event.response });
         });
     }
-    tryAcceptForLocation() {
-        this.tryCloseForLocation(this.acceptLocation, this.accept);
+    tryAcceptForLocation(options) {
+        this.tryCloseForLocation(this.acceptLocation, this.accept, options);
     }
-    tryDismissForLocation() {
-        this.tryCloseForLocation(this.dismissLocation, this.dismiss);
+    tryDismissForLocation(options) {
+        this.tryCloseForLocation(this.dismissLocation, this.dismiss, options);
     }
-    tryCloseForLocation(urlPattern, closeFn) {
+    tryCloseForLocation(urlPattern, closeFn, options) {
         let location, resolution;
         if (urlPattern && (location = this.location) && (resolution = urlPattern.recognize(location))) {
             const closeValue = { ...resolution, location };
-            closeFn.call(this, closeValue);
+            closeFn.call(this, closeValue, options);
         }
     }
     teardownHandlers() {
@@ -4580,7 +4621,7 @@ up.Layer.Overlay = class Overlay extends up.Layer {
 
 
 /***/ }),
-/* 49 */
+/* 50 */
 /***/ (() => {
 
 up.Layer.OverlayWithTether = class OverlayWithTether extends up.Layer.Overlay {
@@ -4617,7 +4658,7 @@ up.Layer.OverlayWithTether = class OverlayWithTether extends up.Layer.Overlay {
 
 
 /***/ }),
-/* 50 */
+/* 51 */
 /***/ (() => {
 
 var _a;
@@ -4655,19 +4696,19 @@ up.Layer.OverlayWithViewport = (_a = class OverlayWithViewport extends up.Layer.
 
 
 /***/ }),
-/* 51 */
+/* 52 */
 /***/ (() => {
 
 var _a;
 const e = up.element;
 up.Layer.Root = (_a = class Root extends up.Layer {
+        get element() {
+            return e.root;
+        }
         constructor(options) {
             super(options);
             this.setupHandlers();
         }
-        get element() {
-            return e.root;
-        }
         getFirstSwappableElement() {
             return document.body;
         }
@@ -4701,7 +4742,7 @@ up.Layer.Root = (_a = class Root extends up.Layer {
 
 
 /***/ }),
-/* 52 */
+/* 53 */
 /***/ (() => {
 
 var _a;
@@ -4712,7 +4753,7 @@ up.Layer.Modal = (_a = class Modal extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 53 */
+/* 54 */
 /***/ (() => {
 
 var _a;
@@ -4723,7 +4764,7 @@ up.Layer.Popup = (_a = class Popup extends up.Layer.OverlayWithTether {
 
 
 /***/ }),
-/* 54 */
+/* 55 */
 /***/ (() => {
 
 var _a;
@@ -4734,7 +4775,7 @@ up.Layer.Drawer = (_a = class Drawer extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 55 */
+/* 56 */
 /***/ (() => {
 
 var _a;
@@ -4745,7 +4786,7 @@ up.Layer.Cover = (_a = class Cover extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 56 */
+/* 57 */
 /***/ (() => {
 
 const u = up.util;
@@ -4835,7 +4876,7 @@ up.LayerLookup = class LayerLookup {
 
 
 /***/ }),
-/* 57 */
+/* 58 */
 /***/ (() => {
 
 const u = up.util;
@@ -4948,7 +4989,7 @@ up.LayerStack = class LayerStack extends Array {
 
 
 /***/ }),
-/* 58 */
+/* 59 */
 /***/ (() => {
 
 up.LinkFeedbackURLs = class LinkFeedbackURLs {
@@ -4979,7 +5020,7 @@ up.LinkFeedbackURLs = class LinkFeedbackURLs {
 
 
 /***/ }),
-/* 59 */
+/* 60 */
 /***/ (() => {
 
 const u = up.util;
@@ -5047,7 +5088,7 @@ up.LinkPreloader = class LinkPreloader {
 
 
 /***/ }),
-/* 60 */
+/* 61 */
 /***/ (() => {
 
 const u = up.util;
@@ -5143,7 +5184,7 @@ up.MotionController = class MotionController {
 
 
 /***/ }),
-/* 61 */
+/* 62 */
 /***/ (() => {
 
 const u = up.util;
@@ -5235,7 +5276,7 @@ up.NonceableCallback = class NonceableCallback {
 
 
 /***/ }),
-/* 62 */
+/* 63 */
 /***/ (() => {
 
 const u = up.util;
@@ -5312,7 +5353,7 @@ up.OptionsParser = class OptionsParser {
 
 
 /***/ }),
-/* 63 */
+/* 64 */
 /***/ (() => {
 
 const e = up.element;
@@ -5380,7 +5421,7 @@ up.OverlayFocus = class OverlayFocus {
 
 
 /***/ }),
-/* 64 */
+/* 65 */
 /***/ (() => {
 
 const u = up.util;
@@ -5611,7 +5652,7 @@ up.Params = class Params {
 
 
 /***/ }),
-/* 65 */
+/* 66 */
 /***/ (() => {
 
 const e = up.element;
@@ -5661,7 +5702,7 @@ up.ProgressBar = class ProgressBar {
 
 
 /***/ }),
-/* 66 */
+/* 67 */
 /***/ (() => {
 
 const u = up.util;
@@ -5710,14 +5751,15 @@ up.RenderOptions = (function () {
     ]);
     const CONTENT_KEYS = [
         'url',
+        'response',
         'content',
         'fragment',
-        'document'
+        'document',
     ];
     const LATE_KEYS = [
         'history',
         'focus',
-        'scroll'
+        'scroll',
     ];
     function navigateDefaults(options) {
         if (options.navigate) {
@@ -5784,7 +5826,7 @@ up.RenderOptions = (function () {
 
 
 /***/ }),
-/* 67 */
+/* 68 */
 /***/ (() => {
 
 up.RenderResult = class RenderResult extends up.Record {
@@ -5812,32 +5854,12 @@ up.RenderResult = class RenderResult extends up.Record {
 
 
 /***/ }),
-/* 68 */
+/* 69 */
 /***/ (() => {
 
 var _a;
 const u = up.util;
 up.Request = (_a = class Request extends up.Record {
-        constructor(options) {
-            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 || this.layer, layerLookupOptions);
-                this.context || (this.context = this.layer.context || {});
-                this.failContext || (this.failContext = this.failLayer.context || {});
-                this.mode || (this.mode = this.layer.mode);
-                this.failMode || (this.failMode = this.failLayer.mode);
-            }
-            this.deferred = u.newDeferred();
-            this.badResponseTime ?? (this.badResponseTime = u.evalOption(up.network.config.badResponseTime, this));
-            this.addAutoHeaders();
-        }
         keys() {
             return [
                 'method',
@@ -5880,17 +5902,39 @@ up.Request = (_a = class Request extends up.Record {
                 builtAt: new Date(),
             };
         }
+        constructor(options) {
+            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 || this.layer, layerLookupOptions);
+                this.context || (this.context = this.layer.context || {});
+                this.failContext || (this.failContext = this.failLayer.context || {});
+                this.mode || (this.mode = this.layer.mode);
+                this.failMode || (this.failMode = this.failLayer.mode);
+            }
+            this.deferred = u.newDeferred();
+            this.badResponseTime ?? (this.badResponseTime = u.evalOption(up.network.config.badResponseTime, this));
+            this.addAutoHeaders();
+        }
         get xhr() {
             return this._xhr ?? (this._xhr = new XMLHttpRequest());
         }
         get fragments() {
-            if (!this._fragments && this.target) {
+            if (this._fragments) {
+                return this._fragments;
+            }
+            else if (this.target) {
                 let steps = up.fragment.parseTargetSteps(this.target);
                 let selectors = u.map(steps, 'selector');
                 let lookupOpts = { origin: this.origin, layer: this.layer };
-                this._fragments = u.compact(u.map(selectors, (selector) => up.fragment.get(selector, lookupOpts)));
+                return u.compact(u.map(selectors, (selector) => up.fragment.get(selector, lookupOpts)));
             }
-            return this._fragments;
         }
         set fragments(value) {
             this._fragments = value;
@@ -6147,7 +6191,7 @@ up.Request = (_a = class Request extends up.Record {
 
 
 /***/ }),
-/* 69 */
+/* 70 */
 /***/ (() => {
 
 const u = up.util;
@@ -6237,6 +6281,7 @@ up.Request.Cache = class Cache {
         if (value instanceof up.Response) {
             if (options.force || this.isCacheCompatible(existingRequest, newRequest)) {
                 newRequest.fromCache = true;
+                value = u.variant(value, { request: newRequest });
                 newRequest.respondWith(value);
                 u.delegate(newRequest, ['expired', 'state'], () => existingRequest);
             }
@@ -6286,7 +6331,7 @@ up.Request.Cache = class Cache {
 
 
 /***/ }),
-/* 70 */
+/* 71 */
 /***/ (() => {
 
 const u = up.util;
@@ -6394,7 +6439,7 @@ up.Request.Queue = class Queue {
 
 
 /***/ }),
-/* 71 */
+/* 72 */
 /***/ (() => {
 
 const u = up.util;
@@ -6433,7 +6478,7 @@ up.Request.FormRenderer = class FormRenderer {
 
 
 /***/ }),
-/* 72 */
+/* 73 */
 /***/ (() => {
 
 var _a;
@@ -6505,7 +6550,7 @@ up.Request.XHRRenderer = (_a = class XHRRenderer {
 
 
 /***/ }),
-/* 73 */
+/* 74 */
 /***/ (() => {
 
 const u = up.util;
@@ -6540,6 +6585,12 @@ up.Response = class Response extends up.Record {
     get ok() {
         return !u.evalOption(this.fail ?? up.network.config.fail, this);
     }
+    get none() {
+        return !this.text;
+    }
+    isCacheable() {
+        return this.ok && !this.none;
+    }
     header(name) {
         return this.headers[name] || this.xhr?.getResponseHeader(name);
     }
@@ -6580,7 +6631,7 @@ up.Response = class Response extends up.Record {
 
 
 /***/ }),
-/* 74 */
+/* 75 */
 /***/ (() => {
 
 var _a;
@@ -6660,7 +6711,7 @@ up.ResponseDoc = (_a = class ResponseDoc {
 
 
 /***/ }),
-/* 75 */
+/* 76 */
 /***/ (() => {
 
 const e = up.element;
@@ -6754,7 +6805,7 @@ up.RevealMotion = class RevealMotion {
 
 
 /***/ }),
-/* 76 */
+/* 77 */
 /***/ (() => {
 
 const u = up.util;
@@ -6795,7 +6846,7 @@ up.Selector = class Selector {
 
 
 /***/ }),
-/* 77 */
+/* 78 */
 /***/ (() => {
 
 const u = up.util;
@@ -6915,7 +6966,7 @@ up.Tether = class Tether {
 
 
 /***/ }),
-/* 78 */
+/* 79 */
 /***/ (() => {
 
 const u = up.util;
@@ -6995,7 +7046,7 @@ up.URLPattern = class URLPattern {
 
 
 /***/ }),
-/* 79 */
+/* 80 */
 /***/ (() => {
 
 up.framework = (function () {
@@ -7079,7 +7130,7 @@ up.boot = up.framework.boot;
 
 
 /***/ }),
-/* 80 */
+/* 81 */
 /***/ (() => {
 
 up.event = (function () {
@@ -7182,7 +7233,7 @@ up.emit = up.event.emit;
 
 
 /***/ }),
-/* 81 */
+/* 82 */
 /***/ (() => {
 
 up.protocol = (function () {
@@ -7323,7 +7374,7 @@ up.protocol = (function () {
 
 
 /***/ }),
-/* 82 */
+/* 83 */
 /***/ (() => {
 
 up.log = (function () {
@@ -7408,7 +7459,7 @@ up.warn = up.log.warn;
 
 
 /***/ }),
-/* 83 */
+/* 84 */
 /***/ (() => {
 
 up.syntax = (function () {
@@ -7558,7 +7609,7 @@ up.hello = up.syntax.hello;
 
 
 /***/ }),
-/* 84 */
+/* 85 */
 /***/ (() => {
 
 up.history = (function () {
@@ -7651,6 +7702,7 @@ up.history = (function () {
     }
     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 });
@@ -7694,10 +7746,10 @@ up.history = (function () {
 
 
 /***/ }),
-/* 85 */
+/* 86 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(86);
+__webpack_require__(87);
 const u = up.util;
 const e = up.element;
 up.fragment = (function () {
@@ -8224,7 +8276,7 @@ u.delegate(up, ['context'], () => up.layer.current);
 
 
 /***/ }),
-/* 86 */
+/* 87 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -8233,10 +8285,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 87 */
+/* 88 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(88);
+__webpack_require__(89);
 up.viewport = (function () {
     const u = up.util;
     const e = up.element;
@@ -8556,7 +8608,7 @@ up.reveal = up.viewport.reveal;
 
 
 /***/ }),
-/* 88 */
+/* 89 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -8565,7 +8617,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 89 */
+/* 90 */
 /***/ (() => {
 
 up.motion = (function () {
@@ -8758,8 +8810,11 @@ up.motion = (function () {
     function translateCSS(dx, dy) {
         return { transform: `translate(${dx}px, ${dy}px)` };
     }
+    function noTranslateCSS() {
+        return { transform: null };
+    }
     function untranslatedBox(element) {
-        e.setStyle(element, translateCSS(0, 0));
+        e.setStyle(element, noTranslateCSS());
         return element.getBoundingClientRect();
     }
     function registerMoveAnimations(direction, boxToTransform) {
@@ -8774,7 +8829,7 @@ up.motion = (function () {
             const box = untranslatedBox(element);
             const transform = boxToTransform(box);
             e.setStyle(element, transform);
-            return animateNow(element, translateCSS(0, 0), options);
+            return animateNow(element, noTranslateCSS(), options);
         });
     }
     registerMoveAnimations('top', function (box) {
@@ -8820,10 +8875,10 @@ up.animate = up.motion.animate;
 
 
 /***/ }),
-/* 90 */
+/* 91 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(91);
+__webpack_require__(92);
 const u = up.util;
 up.network = (function () {
     const config = new up.Config(() => ({
@@ -8891,19 +8946,19 @@ up.network = (function () {
             cache.put(request);
             request.onLoading = () => cache.put(request);
         }
-        u.always(request, function (response) {
-            let expireCache = response.expireCache ?? request.expireCache ?? u.evalOption(config.expireCache, request, response);
+        u.always(request, function (responseOrError) {
+            let expireCache = responseOrError.expireCache ?? request.expireCache ?? u.evalOption(config.expireCache, request, responseOrError);
             if (expireCache) {
                 cache.expire(expireCache, { except: request });
             }
-            let evictCache = response.evictCache ?? request.evictCache ?? u.evalOption(config.evictCache, request, response);
+            let evictCache = responseOrError.evictCache ?? request.evictCache ?? u.evalOption(config.evictCache, request, responseOrError);
             if (evictCache) {
                 cache.evict(evictCache, { except: request });
             }
             if (cache.get(request)) {
                 cache.put(request);
             }
-            if (!response.ok) {
+            if (!responseOrError.isCacheable?.()) {
                 cache.evict(request);
             }
         });
@@ -8927,7 +8982,7 @@ up.network = (function () {
     }
     function registerAliasForRedirect(request, response) {
         if (request.cache && response.url && request.url !== response.url) {
-            const newRequest = request.variant({
+            const newRequest = u.variant(request, {
                 method: response.method,
                 url: response.url
             });
@@ -8966,7 +9021,7 @@ up.cache = up.network.cache;
 
 
 /***/ }),
-/* 91 */
+/* 92 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -8975,10 +9030,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 92 */
+/* 93 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(93);
+__webpack_require__(94);
 const u = up.util;
 const e = up.element;
 up.layer = (function () {
@@ -9122,7 +9177,7 @@ up.layer = (function () {
         return e.callbackAttr(link, attr, { exposedKeys: ['layer'] });
     }
     function closeCallbackAttr(link, attr) {
-        return e.callbackAttr(link, attr, { exposedKeys: ['layer', 'value'] });
+        return e.callbackAttr(link, attr, { exposedKeys: ['layer', 'value', 'response'] });
     }
     function reset() {
         config.reset();
@@ -9219,7 +9274,7 @@ up.layer = (function () {
 
 
 /***/ }),
-/* 93 */
+/* 94 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -9228,10 +9283,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 94 */
+/* 95 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(95);
+__webpack_require__(96);
 up.link = (function () {
     const u = up.util;
     const e = up.element;
@@ -9239,7 +9294,7 @@ up.link = (function () {
     let lastMousedownTarget = null;
     const LINKS_WITH_LOCAL_HTML = ['a[up-content]', 'a[up-fragment]', 'a[up-document]'];
     const LINKS_WITH_REMOTE_HTML = ['a[href]', '[up-href]'];
-    const ATTRIBUTES_SUGGESTING_FOLLOW = ['[up-follow]', '[up-target]', '[up-layer]', '[up-transition]', '[up-preload]', '[up-instant]'];
+    const ATTRIBUTES_SUGGESTING_FOLLOW = ['[up-follow]', '[up-target]', '[up-layer]', '[up-transition]', '[up-preload]', '[up-instant]', '[up-href]'];
     function combineFollowableSelectors(elementSelectors, attributeSelectors) {
         return u.flatMap(elementSelectors, elementSelector => attributeSelectors.map(attrSelector => elementSelector + attrSelector));
     }
@@ -9526,7 +9581,7 @@ up.follow = up.link.follow;
 
 
 /***/ }),
-/* 95 */
+/* 96 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -9535,7 +9590,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 96 */
+/* 97 */
 /***/ (() => {
 
 up.form = (function () {
@@ -9550,7 +9605,7 @@ up.form = (function () {
         submitButtonSelectors: ['input[type=submit]', 'input[type=image]', 'button[type=submit]', 'button:not([type])'],
         watchInputEvents: ['input', 'change'],
         watchInputDelay: 0,
-        watchChangeEvents: (field) => field.matches('input[type=date]') ? ['blur'] : ['change'],
+        watchChangeEvents: ['change'],
     }));
     function fullSubmitSelector() {
         return config.submitSelectors.join(',');
@@ -9580,13 +9635,13 @@ up.form = (function () {
     }
     function submittingButton(form) {
         const selector = submitButtonSelector();
-        const focusedElement = up.viewport.focusedElementWithin(form);
-        if (focusedElement && focusedElement.matches(selector)) {
-            return focusedElement;
-        }
-        else {
-            return e.get(form, selector);
+        const focusedElement = document.activeElement;
+        if (focusedElement && focusedElement.form === form) {
+            if (focusedElement.matches(selector)) {
+                return focusedElement;
+            }
         }
+        return e.get(form, selector);
     }
     function submitButtonSelector() {
         return config.submitButtonSelectors.join(',');
@@ -9929,7 +9984,7 @@ up.validate = up.form.validate;
 
 
 /***/ }),
-/* 97 */
+/* 98 */
 /***/ (() => {
 
 up.feedback = (function () {
@@ -10046,7 +10101,7 @@ up.feedback = (function () {
 
 
 /***/ }),
-/* 98 */
+/* 99 */
 /***/ (() => {
 
 up.radio = (function () {
@@ -10123,7 +10178,7 @@ up.radio = (function () {
 
 
 /***/ }),
-/* 99 */
+/* 100 */
 /***/ (() => {
 
 (function () {
@@ -10272,15 +10327,16 @@ __webpack_require__(82);
 __webpack_require__(83);
 __webpack_require__(84);
 __webpack_require__(85);
-__webpack_require__(87);
-__webpack_require__(89);
+__webpack_require__(86);
+__webpack_require__(88);
 __webpack_require__(90);
-__webpack_require__(92);
-__webpack_require__(94);
-__webpack_require__(96);
+__webpack_require__(91);
+__webpack_require__(93);
+__webpack_require__(95);
 __webpack_require__(97);
 __webpack_require__(98);
 __webpack_require__(99);
+__webpack_require__(100);
 up.framework.onEvaled();
 
 })();