unpoly-rails 3.1.1 → 3.2.0

data/assets/unpoly/unpoly.js

@@ -5,7 +5,7 @@
 /***/ (() => {
 
 window.up = {
-    version: '3.1.1'
+    version: '3.2.0'
 };
 
 
@@ -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,
     };
 })();
 
@@ -1586,10 +1592,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 +1764,6 @@ up.Change = class Change {
     constructor(options) {
         this.options = options;
     }
-    cannotMatch(reason) {
-        throw new up.CannotMatch(reason);
-    }
     execute() {
         throw new up.NotImplemented();
     }
@@ -1778,6 +1778,9 @@ up.Change = class Change {
             return newValue;
         }
     }
+    deriveFailOptions() {
+        return up.RenderOptions.deriveFailOptions(this.options);
+    }
 };
 
 
@@ -1794,33 +1797,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 +1851,9 @@ up.Change.Addition = class Addition extends up.Change {
         this.setTime(options);
         this.setETag(options);
     }
+    responseOption() {
+        return { response: this.response };
+    }
 };
 
 
@@ -1903,6 +1910,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 +2047,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`);
@@ -2352,7 +2363,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 +2379,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 +2482,7 @@ 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;
     }
     execute() {
         if (!this.layer.isOpen()) {
@@ -2512,7 +2524,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 +2541,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 +2565,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 +2598,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 +2644,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 +2698,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;
@@ -2844,7 +2740,7 @@ up.Change.FromURL = (_a = class FromURL extends up.Change {
             renderOptions.acceptLayer = this.response.acceptLayer;
             renderOptions.dismissLayer = this.response.dismissLayer;
             renderOptions.document = this.response.text;
-            if (!renderOptions.document) {
+            if (this.response.none) {
                 renderOptions.target = ':none';
             }
             renderOptions.context = u.merge(renderOptions.context, this.response.context);
@@ -2855,7 +2751,6 @@ up.Change.FromURL = (_a = class FromURL extends up.Change {
     },
     (() => {
         u.memoizeMethod(_a.prototype, [
-            'getRequestAttrs',
             'loadedEventProps',
         ]);
     })(),
@@ -2866,6 +2761,144 @@ up.Change.FromURL = (_a = class FromURL extends up.Change {
 /* 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 {
+                message = 'Could not find a layer to render in. You may have passed a non-existing layer reference, or a detached element.';
+            }
+            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;
+                    }
+                }
+            }
+        }
+    },
+    (() => {
+        u.memoizeMethod(_a.prototype, [
+            'getPlans',
+            'getResponseDoc',
+            'getPreflightProps',
+        ]);
+    })(),
+    _a);
+
+
+/***/ }),
+/* 34 */
+/***/ (() => {
+
 const u = up.util;
 up.CompilerPass = class CompilerPass {
     constructor(root, compilers, { layer, data, dataMap, meta }) {
@@ -2974,7 +3007,7 @@ up.CompilerPass = class CompilerPass {
 
 
 /***/ }),
-/* 34 */
+/* 35 */
 /***/ (() => {
 
 const u = up.util;
@@ -3085,7 +3118,7 @@ up.CSSTransition = class CSSTransition {
 
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ (() => {
 
 const u = up.util;
@@ -3127,7 +3160,7 @@ up.DestructorPass = class DestructorPass {
 
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ (() => {
 
 const u = up.util;
@@ -3226,7 +3259,7 @@ up.EventEmitter = class EventEmitter extends up.Record {
 
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ (() => {
 
 const u = up.util;
@@ -3328,7 +3361,7 @@ up.EventListener = class EventListener extends up.Record {
 
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (() => {
 
 const u = up.util;
@@ -3400,7 +3433,7 @@ up.EventListenerGroup = class EventListenerGroup extends up.Record {
 
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (() => {
 
 const u = up.util;
@@ -3516,7 +3549,7 @@ up.FieldWatcher = class FieldWatcher {
 
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (() => {
 
 const u = up.util;
@@ -3690,7 +3723,7 @@ up.FormValidator = class FormValidator {
 
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ (() => {
 
 up.FocusCapsule = class FocusCapsule {
@@ -3720,7 +3753,7 @@ up.FocusCapsule = class FocusCapsule {
 
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (() => {
 
 const u = up.util;
@@ -3784,7 +3817,7 @@ up.FragmentProcessor = class FragmentProcessor extends up.Record {
 
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (() => {
 
 const DESCENDANT_SELECTOR = /^([^ >+(]+) (.+)$/;
@@ -3827,7 +3860,7 @@ up.FragmentFinder = class FragmentFinder {
 
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ (() => {
 
 const u = up.util;
@@ -3911,7 +3944,7 @@ up.FragmentFocus = class FragmentFocus extends up.FragmentProcessor {
 
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ (() => {
 
 const e = up.element;
@@ -4018,7 +4051,7 @@ up.FragmentPolling = class FragmentPolling {
 
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ (() => {
 
 const u = up.util;
@@ -4082,7 +4115,7 @@ up.FragmentScrolling = class FragmentScrolling extends up.FragmentProcessor {
 
 
 /***/ }),
-/* 47 */
+/* 48 */
 /***/ (() => {
 
 const e = up.element;
@@ -4305,7 +4338,7 @@ up.Layer = class Layer extends up.Record {
 
 
 /***/ }),
-/* 48 */
+/* 49 */
 /***/ (() => {
 
 const e = up.element;
@@ -4496,20 +4529,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 +4613,7 @@ up.Layer.Overlay = class Overlay extends up.Layer {
 
 
 /***/ }),
-/* 49 */
+/* 50 */
 /***/ (() => {
 
 up.Layer.OverlayWithTether = class OverlayWithTether extends up.Layer.Overlay {
@@ -4617,7 +4650,7 @@ up.Layer.OverlayWithTether = class OverlayWithTether extends up.Layer.Overlay {
 
 
 /***/ }),
-/* 50 */
+/* 51 */
 /***/ (() => {
 
 var _a;
@@ -4655,7 +4688,7 @@ up.Layer.OverlayWithViewport = (_a = class OverlayWithViewport extends up.Layer.
 
 
 /***/ }),
-/* 51 */
+/* 52 */
 /***/ (() => {
 
 var _a;
@@ -4701,7 +4734,7 @@ up.Layer.Root = (_a = class Root extends up.Layer {
 
 
 /***/ }),
-/* 52 */
+/* 53 */
 /***/ (() => {
 
 var _a;
@@ -4712,7 +4745,7 @@ up.Layer.Modal = (_a = class Modal extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 53 */
+/* 54 */
 /***/ (() => {
 
 var _a;
@@ -4723,7 +4756,7 @@ up.Layer.Popup = (_a = class Popup extends up.Layer.OverlayWithTether {
 
 
 /***/ }),
-/* 54 */
+/* 55 */
 /***/ (() => {
 
 var _a;
@@ -4734,7 +4767,7 @@ up.Layer.Drawer = (_a = class Drawer extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 55 */
+/* 56 */
 /***/ (() => {
 
 var _a;
@@ -4745,7 +4778,7 @@ up.Layer.Cover = (_a = class Cover extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 56 */
+/* 57 */
 /***/ (() => {
 
 const u = up.util;
@@ -4835,7 +4868,7 @@ up.LayerLookup = class LayerLookup {
 
 
 /***/ }),
-/* 57 */
+/* 58 */
 /***/ (() => {
 
 const u = up.util;
@@ -4948,7 +4981,7 @@ up.LayerStack = class LayerStack extends Array {
 
 
 /***/ }),
-/* 58 */
+/* 59 */
 /***/ (() => {
 
 up.LinkFeedbackURLs = class LinkFeedbackURLs {
@@ -4979,7 +5012,7 @@ up.LinkFeedbackURLs = class LinkFeedbackURLs {
 
 
 /***/ }),
-/* 59 */
+/* 60 */
 /***/ (() => {
 
 const u = up.util;
@@ -5047,7 +5080,7 @@ up.LinkPreloader = class LinkPreloader {
 
 
 /***/ }),
-/* 60 */
+/* 61 */
 /***/ (() => {
 
 const u = up.util;
@@ -5143,7 +5176,7 @@ up.MotionController = class MotionController {
 
 
 /***/ }),
-/* 61 */
+/* 62 */
 /***/ (() => {
 
 const u = up.util;
@@ -5235,7 +5268,7 @@ up.NonceableCallback = class NonceableCallback {
 
 
 /***/ }),
-/* 62 */
+/* 63 */
 /***/ (() => {
 
 const u = up.util;
@@ -5312,7 +5345,7 @@ up.OptionsParser = class OptionsParser {
 
 
 /***/ }),
-/* 63 */
+/* 64 */
 /***/ (() => {
 
 const e = up.element;
@@ -5380,7 +5413,7 @@ up.OverlayFocus = class OverlayFocus {
 
 
 /***/ }),
-/* 64 */
+/* 65 */
 /***/ (() => {
 
 const u = up.util;
@@ -5611,7 +5644,7 @@ up.Params = class Params {
 
 
 /***/ }),
-/* 65 */
+/* 66 */
 /***/ (() => {
 
 const e = up.element;
@@ -5661,7 +5694,7 @@ up.ProgressBar = class ProgressBar {
 
 
 /***/ }),
-/* 66 */
+/* 67 */
 /***/ (() => {
 
 const u = up.util;
@@ -5710,14 +5743,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 +5818,7 @@ up.RenderOptions = (function () {
 
 
 /***/ }),
-/* 67 */
+/* 68 */
 /***/ (() => {
 
 up.RenderResult = class RenderResult extends up.Record {
@@ -5812,7 +5846,7 @@ up.RenderResult = class RenderResult extends up.Record {
 
 
 /***/ }),
-/* 68 */
+/* 69 */
 /***/ (() => {
 
 var _a;
@@ -5884,13 +5918,15 @@ up.Request = (_a = class Request extends up.Record {
             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 +6183,7 @@ up.Request = (_a = class Request extends up.Record {
 
 
 /***/ }),
-/* 69 */
+/* 70 */
 /***/ (() => {
 
 const u = up.util;
@@ -6237,6 +6273,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 +6323,7 @@ up.Request.Cache = class Cache {
 
 
 /***/ }),
-/* 70 */
+/* 71 */
 /***/ (() => {
 
 const u = up.util;
@@ -6394,7 +6431,7 @@ up.Request.Queue = class Queue {
 
 
 /***/ }),
-/* 71 */
+/* 72 */
 /***/ (() => {
 
 const u = up.util;
@@ -6433,7 +6470,7 @@ up.Request.FormRenderer = class FormRenderer {
 
 
 /***/ }),
-/* 72 */
+/* 73 */
 /***/ (() => {
 
 var _a;
@@ -6505,7 +6542,7 @@ up.Request.XHRRenderer = (_a = class XHRRenderer {
 
 
 /***/ }),
-/* 73 */
+/* 74 */
 /***/ (() => {
 
 const u = up.util;
@@ -6540,6 +6577,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 +6623,7 @@ up.Response = class Response extends up.Record {
 
 
 /***/ }),
-/* 74 */
+/* 75 */
 /***/ (() => {
 
 var _a;
@@ -6660,7 +6703,7 @@ up.ResponseDoc = (_a = class ResponseDoc {
 
 
 /***/ }),
-/* 75 */
+/* 76 */
 /***/ (() => {
 
 const e = up.element;
@@ -6754,7 +6797,7 @@ up.RevealMotion = class RevealMotion {
 
 
 /***/ }),
-/* 76 */
+/* 77 */
 /***/ (() => {
 
 const u = up.util;
@@ -6795,7 +6838,7 @@ up.Selector = class Selector {
 
 
 /***/ }),
-/* 77 */
+/* 78 */
 /***/ (() => {
 
 const u = up.util;
@@ -6915,7 +6958,7 @@ up.Tether = class Tether {
 
 
 /***/ }),
-/* 78 */
+/* 79 */
 /***/ (() => {
 
 const u = up.util;
@@ -6995,7 +7038,7 @@ up.URLPattern = class URLPattern {
 
 
 /***/ }),
-/* 79 */
+/* 80 */
 /***/ (() => {
 
 up.framework = (function () {
@@ -7079,7 +7122,7 @@ up.boot = up.framework.boot;
 
 
 /***/ }),
-/* 80 */
+/* 81 */
 /***/ (() => {
 
 up.event = (function () {
@@ -7182,7 +7225,7 @@ up.emit = up.event.emit;
 
 
 /***/ }),
-/* 81 */
+/* 82 */
 /***/ (() => {
 
 up.protocol = (function () {
@@ -7323,7 +7366,7 @@ up.protocol = (function () {
 
 
 /***/ }),
-/* 82 */
+/* 83 */
 /***/ (() => {
 
 up.log = (function () {
@@ -7408,7 +7451,7 @@ up.warn = up.log.warn;
 
 
 /***/ }),
-/* 83 */
+/* 84 */
 /***/ (() => {
 
 up.syntax = (function () {
@@ -7558,7 +7601,7 @@ up.hello = up.syntax.hello;
 
 
 /***/ }),
-/* 84 */
+/* 85 */
 /***/ (() => {
 
 up.history = (function () {
@@ -7694,10 +7737,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 +8267,7 @@ u.delegate(up, ['context'], () => up.layer.current);
 
 
 /***/ }),
-/* 86 */
+/* 87 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -8233,10 +8276,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 +8599,7 @@ up.reveal = up.viewport.reveal;
 
 
 /***/ }),
-/* 88 */
+/* 89 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -8565,7 +8608,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 89 */
+/* 90 */
 /***/ (() => {
 
 up.motion = (function () {
@@ -8820,10 +8863,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 +8934,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 +8970,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 +9009,7 @@ up.cache = up.network.cache;
 
 
 /***/ }),
-/* 91 */
+/* 92 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -8975,10 +9018,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 +9165,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 +9262,7 @@ up.layer = (function () {
 
 
 /***/ }),
-/* 93 */
+/* 94 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -9228,10 +9271,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 +9282,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 +9569,7 @@ up.follow = up.link.follow;
 
 
 /***/ }),
-/* 95 */
+/* 96 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -9535,7 +9578,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 96 */
+/* 97 */
 /***/ (() => {
 
 up.form = (function () {
@@ -9550,7 +9593,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(',');
@@ -9929,7 +9972,7 @@ up.validate = up.form.validate;
 
 
 /***/ }),
-/* 97 */
+/* 98 */
 /***/ (() => {
 
 up.feedback = (function () {
@@ -10046,7 +10089,7 @@ up.feedback = (function () {
 
 
 /***/ }),
-/* 98 */
+/* 99 */
 /***/ (() => {
 
 up.radio = (function () {
@@ -10123,7 +10166,7 @@ up.radio = (function () {
 
 
 /***/ }),
-/* 99 */
+/* 100 */
 /***/ (() => {
 
 (function () {
@@ -10272,15 +10315,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();
 
 })();