unpoly-rails 3.1.0 → 3.2.0

data/assets/unpoly/unpoly.js

@@ -5,7 +5,7 @@
 /***/ (() => {
 
 window.up = {
-    version: '3.1.0'
+    version: '3.2.0'
 };
 
 
@@ -194,6 +194,9 @@ up.util = (function () {
     function isRegExp(object) {
         return object instanceof RegExp;
     }
+    function isError(object) {
+        return object instanceof Error;
+    }
     function isJQuery(object) {
         return up.browser.canJQuery() && object instanceof jQuery;
     }
@@ -389,8 +392,8 @@ up.util = (function () {
     function queueMicrotask(task) {
         return Promise.resolve().then(task);
     }
-    function last(array) {
-        return array[array.length - 1];
+    function last(value) {
+        return value[value.length - 1];
     }
     function contains(value, subValue) {
         return value.indexOf(subValue) >= 0;
@@ -615,14 +618,20 @@ up.util = (function () {
             });
         }
     }
-    function stringifyArg(arg) {
+    function stringifyArg(arg, placeholder = '%o') {
         let string;
         const maxLength = 200;
-        let closer = '';
+        if (placeholder === '%c') {
+            return '';
+        }
+        if (placeholder === '%s' && isGiven(arg)) {
+            arg = arg.toString();
+        }
         if (isString(arg)) {
-            string = arg.replace(/[\n\r\t ]+/g, ' ');
-            string = string.replace(/^[\n\r\t ]+/, '');
-            string = string.replace(/[\n\r\t ]$/, '');
+            string = arg.trim().replace(/[\n\r\t ]+/g, ' ');
+            if (placeholder === '%o') {
+                string = JSON.stringify(string);
+            }
         }
         else if (isUndefined(arg)) {
             string = 'undefined';
@@ -632,24 +641,21 @@ up.util = (function () {
         }
         else if (isArray(arg)) {
             string = `[${map(arg, stringifyArg).join(', ')}]`;
-            closer = ']';
         }
         else if (isJQuery(arg)) {
             string = `$(${map(arg, stringifyArg).join(', ')})`;
-            closer = ')';
         }
         else if (isElement(arg)) {
             string = `<${arg.tagName.toLowerCase()}`;
-            for (let attr of ['id', 'name', 'class']) {
+            for (let attr of ['id', 'up-id', 'name', 'class']) {
                 let value = arg.getAttribute(attr);
                 if (value) {
                     string += ` ${attr}="${value}"`;
                 }
             }
             string += ">";
-            closer = '>';
         }
-        else if (isRegExp(arg)) {
+        else if (isRegExp(arg) || isError(arg)) {
             string = arg.toString();
         }
         else {
@@ -666,14 +672,13 @@ up.util = (function () {
             }
         }
         if (string.length > maxLength) {
-            string = `${string.substr(0, maxLength)} …`;
-            string += closer;
+            string = `${string.substr(0, maxLength)}…${last(string)}`;
         }
         return string;
     }
-    const SPRINTF_PLACEHOLDERS = /%[oOdisf]/g;
+    const SPRINTF_PLACEHOLDERS = /%[oOdisfc]/g;
     function sprintf(message, ...args) {
-        return message.replace(SPRINTF_PLACEHOLDERS, () => stringifyArg(args.shift()));
+        return message.replace(SPRINTF_PLACEHOLDERS, (placeholder) => stringifyArg(args.shift(), placeholder));
     }
     function negate(fn) {
         return function (...args) {
@@ -716,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,
@@ -813,6 +823,7 @@ up.util = (function () {
         negate,
         memoizeMethod,
         safeStringifyJSON,
+        variant,
     };
 })();
 
@@ -1581,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());
@@ -1756,9 +1764,6 @@ up.Change = class Change {
     constructor(options) {
         this.options = options;
     }
-    cannotMatch(reason) {
-        throw new up.CannotMatch(reason);
-    }
     execute() {
         throw new up.NotImplemented();
     }
@@ -1773,6 +1778,9 @@ up.Change = class Change {
             return newValue;
         }
     }
+    deriveFailOptions() {
+        return up.RenderOptions.deriveFailOptions(this.options);
+    }
 };
 
 
@@ -1789,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() {
@@ -1842,6 +1851,9 @@ up.Change.Addition = class Addition extends up.Change {
         this.setTime(options);
         this.setETag(options);
     }
+    responseOption() {
+        return { response: this.response };
+    }
 };
 
 
@@ -1898,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);
@@ -2031,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`);
@@ -2347,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();
@@ -2363,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();
@@ -2466,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()) {
@@ -2507,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) {
@@ -2523,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 {
@@ -2683,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';
@@ -2719,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();
             }
@@ -2731,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';
@@ -2813,52 +2698,205 @@ up.Change.FromURL = (_a = class FromURL extends up.Change {
             }
             return renderResult;
         }
-        augmentOptionsFromResponse(renderOptions) {
-            const responseURL = this.response.url;
-            let serverLocation = responseURL;
-            let hash = this.request.hash;
-            if (hash) {
-                renderOptions.hash = hash;
-                serverLocation += hash;
+        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;
+            let hash = this.request.hash;
+            if (hash) {
+                renderOptions.hash = hash;
+                serverLocation += hash;
+            }
+            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];
             }
-            const isReloadable = (this.response.method === 'GET');
-            if (isReloadable) {
-                renderOptions.source = this.improveHistoryValue(renderOptions.source, responseURL);
+            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;
@@ -2969,7 +3007,7 @@ up.CompilerPass = class CompilerPass {
 
 
 /***/ }),
-/* 34 */
+/* 35 */
 /***/ (() => {
 
 const u = up.util;
@@ -3080,7 +3118,7 @@ up.CSSTransition = class CSSTransition {
 
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ (() => {
 
 const u = up.util;
@@ -3122,7 +3160,7 @@ up.DestructorPass = class DestructorPass {
 
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ (() => {
 
 const u = up.util;
@@ -3221,7 +3259,7 @@ up.EventEmitter = class EventEmitter extends up.Record {
 
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ (() => {
 
 const u = up.util;
@@ -3323,7 +3361,7 @@ up.EventListener = class EventListener extends up.Record {
 
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (() => {
 
 const u = up.util;
@@ -3395,7 +3433,7 @@ up.EventListenerGroup = class EventListenerGroup extends up.Record {
 
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (() => {
 
 const u = up.util;
@@ -3511,7 +3549,7 @@ up.FieldWatcher = class FieldWatcher {
 
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (() => {
 
 const u = up.util;
@@ -3685,7 +3723,7 @@ up.FormValidator = class FormValidator {
 
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ (() => {
 
 up.FocusCapsule = class FocusCapsule {
@@ -3715,7 +3753,7 @@ up.FocusCapsule = class FocusCapsule {
 
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (() => {
 
 const u = up.util;
@@ -3779,7 +3817,7 @@ up.FragmentProcessor = class FragmentProcessor extends up.Record {
 
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (() => {
 
 const DESCENDANT_SELECTOR = /^([^ >+(]+) (.+)$/;
@@ -3822,7 +3860,7 @@ up.FragmentFinder = class FragmentFinder {
 
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ (() => {
 
 const u = up.util;
@@ -3906,7 +3944,7 @@ up.FragmentFocus = class FragmentFocus extends up.FragmentProcessor {
 
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ (() => {
 
 const e = up.element;
@@ -4013,7 +4051,7 @@ up.FragmentPolling = class FragmentPolling {
 
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ (() => {
 
 const u = up.util;
@@ -4077,7 +4115,7 @@ up.FragmentScrolling = class FragmentScrolling extends up.FragmentProcessor {
 
 
 /***/ }),
-/* 47 */
+/* 48 */
 /***/ (() => {
 
 const e = up.element;
@@ -4300,7 +4338,7 @@ up.Layer = class Layer extends up.Record {
 
 
 /***/ }),
-/* 48 */
+/* 49 */
 /***/ (() => {
 
 const e = up.element;
@@ -4491,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() {
@@ -4575,7 +4613,7 @@ up.Layer.Overlay = class Overlay extends up.Layer {
 
 
 /***/ }),
-/* 49 */
+/* 50 */
 /***/ (() => {
 
 up.Layer.OverlayWithTether = class OverlayWithTether extends up.Layer.Overlay {
@@ -4612,7 +4650,7 @@ up.Layer.OverlayWithTether = class OverlayWithTether extends up.Layer.Overlay {
 
 
 /***/ }),
-/* 50 */
+/* 51 */
 /***/ (() => {
 
 var _a;
@@ -4650,19 +4688,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;
         }
@@ -4696,7 +4734,7 @@ up.Layer.Root = (_a = class Root extends up.Layer {
 
 
 /***/ }),
-/* 52 */
+/* 53 */
 /***/ (() => {
 
 var _a;
@@ -4707,7 +4745,7 @@ up.Layer.Modal = (_a = class Modal extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 53 */
+/* 54 */
 /***/ (() => {
 
 var _a;
@@ -4718,7 +4756,7 @@ up.Layer.Popup = (_a = class Popup extends up.Layer.OverlayWithTether {
 
 
 /***/ }),
-/* 54 */
+/* 55 */
 /***/ (() => {
 
 var _a;
@@ -4729,7 +4767,7 @@ up.Layer.Drawer = (_a = class Drawer extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 55 */
+/* 56 */
 /***/ (() => {
 
 var _a;
@@ -4740,7 +4778,7 @@ up.Layer.Cover = (_a = class Cover extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 56 */
+/* 57 */
 /***/ (() => {
 
 const u = up.util;
@@ -4830,7 +4868,7 @@ up.LayerLookup = class LayerLookup {
 
 
 /***/ }),
-/* 57 */
+/* 58 */
 /***/ (() => {
 
 const u = up.util;
@@ -4943,7 +4981,7 @@ up.LayerStack = class LayerStack extends Array {
 
 
 /***/ }),
-/* 58 */
+/* 59 */
 /***/ (() => {
 
 up.LinkFeedbackURLs = class LinkFeedbackURLs {
@@ -4974,7 +5012,7 @@ up.LinkFeedbackURLs = class LinkFeedbackURLs {
 
 
 /***/ }),
-/* 59 */
+/* 60 */
 /***/ (() => {
 
 const u = up.util;
@@ -5042,7 +5080,7 @@ up.LinkPreloader = class LinkPreloader {
 
 
 /***/ }),
-/* 60 */
+/* 61 */
 /***/ (() => {
 
 const u = up.util;
@@ -5138,7 +5176,7 @@ up.MotionController = class MotionController {
 
 
 /***/ }),
-/* 61 */
+/* 62 */
 /***/ (() => {
 
 const u = up.util;
@@ -5230,7 +5268,7 @@ up.NonceableCallback = class NonceableCallback {
 
 
 /***/ }),
-/* 62 */
+/* 63 */
 /***/ (() => {
 
 const u = up.util;
@@ -5307,7 +5345,7 @@ up.OptionsParser = class OptionsParser {
 
 
 /***/ }),
-/* 63 */
+/* 64 */
 /***/ (() => {
 
 const e = up.element;
@@ -5375,7 +5413,7 @@ up.OverlayFocus = class OverlayFocus {
 
 
 /***/ }),
-/* 64 */
+/* 65 */
 /***/ (() => {
 
 const u = up.util;
@@ -5606,7 +5644,7 @@ up.Params = class Params {
 
 
 /***/ }),
-/* 65 */
+/* 66 */
 /***/ (() => {
 
 const e = up.element;
@@ -5656,7 +5694,7 @@ up.ProgressBar = class ProgressBar {
 
 
 /***/ }),
-/* 66 */
+/* 67 */
 /***/ (() => {
 
 const u = up.util;
@@ -5705,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) {
@@ -5779,7 +5818,7 @@ up.RenderOptions = (function () {
 
 
 /***/ }),
-/* 67 */
+/* 68 */
 /***/ (() => {
 
 up.RenderResult = class RenderResult extends up.Record {
@@ -5807,12 +5846,32 @@ 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',
@@ -5855,37 +5914,19 @@ 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;
@@ -6142,7 +6183,7 @@ up.Request = (_a = class Request extends up.Record {
 
 
 /***/ }),
-/* 69 */
+/* 70 */
 /***/ (() => {
 
 const u = up.util;
@@ -6232,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);
             }
@@ -6281,7 +6323,7 @@ up.Request.Cache = class Cache {
 
 
 /***/ }),
-/* 70 */
+/* 71 */
 /***/ (() => {
 
 const u = up.util;
@@ -6389,7 +6431,7 @@ up.Request.Queue = class Queue {
 
 
 /***/ }),
-/* 71 */
+/* 72 */
 /***/ (() => {
 
 const u = up.util;
@@ -6428,7 +6470,7 @@ up.Request.FormRenderer = class FormRenderer {
 
 
 /***/ }),
-/* 72 */
+/* 73 */
 /***/ (() => {
 
 var _a;
@@ -6500,7 +6542,7 @@ up.Request.XHRRenderer = (_a = class XHRRenderer {
 
 
 /***/ }),
-/* 73 */
+/* 74 */
 /***/ (() => {
 
 const u = up.util;
@@ -6535,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);
     }
@@ -6575,7 +6623,7 @@ up.Response = class Response extends up.Record {
 
 
 /***/ }),
-/* 74 */
+/* 75 */
 /***/ (() => {
 
 var _a;
@@ -6655,7 +6703,7 @@ up.ResponseDoc = (_a = class ResponseDoc {
 
 
 /***/ }),
-/* 75 */
+/* 76 */
 /***/ (() => {
 
 const e = up.element;
@@ -6749,7 +6797,7 @@ up.RevealMotion = class RevealMotion {
 
 
 /***/ }),
-/* 76 */
+/* 77 */
 /***/ (() => {
 
 const u = up.util;
@@ -6790,7 +6838,7 @@ up.Selector = class Selector {
 
 
 /***/ }),
-/* 77 */
+/* 78 */
 /***/ (() => {
 
 const u = up.util;
@@ -6910,7 +6958,7 @@ up.Tether = class Tether {
 
 
 /***/ }),
-/* 78 */
+/* 79 */
 /***/ (() => {
 
 const u = up.util;
@@ -6990,7 +7038,7 @@ up.URLPattern = class URLPattern {
 
 
 /***/ }),
-/* 79 */
+/* 80 */
 /***/ (() => {
 
 up.framework = (function () {
@@ -7074,7 +7122,7 @@ up.boot = up.framework.boot;
 
 
 /***/ }),
-/* 80 */
+/* 81 */
 /***/ (() => {
 
 up.event = (function () {
@@ -7177,7 +7225,7 @@ up.emit = up.event.emit;
 
 
 /***/ }),
-/* 81 */
+/* 82 */
 /***/ (() => {
 
 up.protocol = (function () {
@@ -7318,10 +7366,11 @@ up.protocol = (function () {
 
 
 /***/ }),
-/* 82 */
+/* 83 */
 /***/ (() => {
 
 up.log = (function () {
+    const u = up.util;
     const config = new up.LogConfig();
     function reset() {
         config.reset();
@@ -7339,13 +7388,11 @@ up.log = (function () {
     function printToStreamStyled(stream, trace, customStyles, message, ...args) {
         if (message) {
             if (config.format) {
-                args.unshift('color: #666666; padding: 1px 3px; border: 1px solid #bbbbbb; border-radius: 2px; font-size: 90%; display: inline-block;' + customStyles, '');
-                message = `%c${trace}%c ${message}`;
+                console[stream](`%c${trace}%c ${message}`, 'color: #666666; padding: 1px 3px; border: 1px solid #bbbbbb; border-radius: 2px; font-size: 90%; display: inline-block;' + customStyles, '', ...args);
             }
             else {
-                message = `[${trace}] ${message}`;
+                console[stream](`[${trace}] ${u.sprintf(message, ...args)}`);
             }
-            console[stream](message, ...args);
         }
     }
     function printUserEvent(event) {
@@ -7404,7 +7451,7 @@ up.warn = up.log.warn;
 
 
 /***/ }),
-/* 83 */
+/* 84 */
 /***/ (() => {
 
 up.syntax = (function () {
@@ -7554,7 +7601,7 @@ up.hello = up.syntax.hello;
 
 
 /***/ }),
-/* 84 */
+/* 85 */
 /***/ (() => {
 
 up.history = (function () {
@@ -7690,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 () {
@@ -8220,7 +8267,7 @@ u.delegate(up, ['context'], () => up.layer.current);
 
 
 /***/ }),
-/* 86 */
+/* 87 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -8229,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;
@@ -8552,7 +8599,7 @@ up.reveal = up.viewport.reveal;
 
 
 /***/ }),
-/* 88 */
+/* 89 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -8561,7 +8608,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 89 */
+/* 90 */
 /***/ (() => {
 
 up.motion = (function () {
@@ -8816,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(() => ({
@@ -8887,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);
             }
         });
@@ -8923,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
             });
@@ -8962,7 +9009,7 @@ up.cache = up.network.cache;
 
 
 /***/ }),
-/* 91 */
+/* 92 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -8971,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 () {
@@ -9118,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();
@@ -9215,7 +9262,7 @@ up.layer = (function () {
 
 
 /***/ }),
-/* 93 */
+/* 94 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -9224,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;
@@ -9235,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));
     }
@@ -9367,7 +9414,6 @@ up.link = (function () {
         parser.booleanOrString('transition');
         parser.string('easing');
         parser.number('duration');
-        up.migrate.parseFollowOptions?.(parser);
         if (!options.guardEvent) {
             options.guardEvent = up.event.build('up:link:follow', { log: 'Following link' });
         }
@@ -9515,14 +9561,15 @@ up.link = (function () {
         convertClicks,
         config,
         combineFollowableSelectors,
-        preloadSelector: fullPreloadSelector
+        preloadSelector: fullPreloadSelector,
+        followSelector: fullFollowSelector,
     };
 })();
 up.follow = up.link.follow;
 
 
 /***/ }),
-/* 95 */
+/* 96 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -9531,7 +9578,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /***/ }),
-/* 96 */
+/* 97 */
 /***/ (() => {
 
 up.form = (function () {
@@ -9546,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(',');
@@ -9914,6 +9961,7 @@ up.form = (function () {
         disable: disableContainer,
         group: findGroup,
         groupSolution: findGroupSolution,
+        groupSelectors: getGroupSelectors,
         get: getForm,
     };
 })();
@@ -9924,7 +9972,7 @@ up.validate = up.form.validate;
 
 
 /***/ }),
-/* 97 */
+/* 98 */
 /***/ (() => {
 
 up.feedback = (function () {
@@ -10041,7 +10089,7 @@ up.feedback = (function () {
 
 
 /***/ }),
-/* 98 */
+/* 99 */
 /***/ (() => {
 
 up.radio = (function () {
@@ -10118,7 +10166,7 @@ up.radio = (function () {
 
 
 /***/ }),
-/* 99 */
+/* 100 */
 /***/ (() => {
 
 (function () {
@@ -10267,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();
 
 })();