unpoly-rails 3.0.0 → 3.1.0

data/assets/unpoly/unpoly.js

@@ -5,7 +5,7 @@
 /***/ (() => {
 
 window.up = {
-    version: '3.0.0'
+    version: '3.1.0'
 };
 
 
@@ -2319,7 +2319,12 @@ up.Change.UpdateLayer = (_a = class UpdateLayer extends up.Change.Addition {
                             let cursorProps = up.viewport.copyCursorProps(viewport);
                             return () => up.viewport.copyCursorProps(cursorProps, viewport);
                         });
-                        document.body.append(keepable);
+                        if (this.willChangeElement(document.body)) {
+                            keepPlan.newElement.replaceWith(keepable);
+                        }
+                        else {
+                            document.body.append(keepable);
+                        }
                         keepPlans.push(keepPlan);
                     }
                 }
@@ -2434,6 +2439,9 @@ up.Change.UpdateLayer = (_a = class UpdateLayer extends up.Change.Addition {
             const oldFragments = u.map(this.steps, 'oldElement');
             return u.some(oldFragments, up.fragment.hasAutoHistory);
         }
+        willChangeElement(element) {
+            return u.some(this.steps, (step) => step.oldElement.contains(element));
+        }
     },
     (() => {
         u.memoizeMethod(_a.prototype, [
@@ -3517,16 +3525,19 @@ up.FormValidator = class FormValidator {
         this.honorAbort();
     }
     honorAbort() {
-        up.fragment.onAborted(this.form, ({ target }) => {
-            this.dirtySolutions = u.reject(this.dirtySolutions, ({ element }) => target.contains(element));
-        });
+        up.fragment.onAborted(this.form, { around: true }, ({ target }) => this.unscheduleSolutionsWithin(target));
+    }
+    unscheduleSolutionsWithin(container) {
+        this.dirtySolutions = u.reject(this.dirtySolutions, ({ element }) => container.contains(element));
     }
     resetNextRenderPromise() {
         this.nextRenderPromise = u.newDeferred();
     }
     watchContainer(fieldOrForm) {
         let { event } = this.originOptions(fieldOrForm);
-        up.on(fieldOrForm, event, () => up.error.muteUncriticalRejection(this.validate({ origin: fieldOrForm })));
+        let guard = () => up.fragment.isAlive(fieldOrForm);
+        let callback = () => up.error.muteUncriticalRejection(this.validate({ origin: fieldOrForm }));
+        up.on(fieldOrForm, event, { guard }, callback);
     }
     validate(options = {}) {
         let solutions = this.getSolutions(options);
@@ -3562,13 +3573,19 @@ up.FormValidator = class FormValidator {
         if (u.isString(target) && target) {
             up.puts('up.validate()', 'Validating target "%s"', target);
             let simpleSelectors = up.fragment.splitTarget(target);
-            return simpleSelectors.map(function (simpleSelector) {
-                return {
-                    element: up.fragment.get(simpleSelector, { origin }),
-                    target: simpleSelector,
-                    origin
-                };
-            });
+            return u.compact(simpleSelectors.map(function (simpleSelector) {
+                let element = up.fragment.get(simpleSelector, { origin });
+                if (element) {
+                    return {
+                        element,
+                        target: simpleSelector,
+                        origin
+                    };
+                }
+                else {
+                    up.fail('Validation target "%s" does not match an element', simpleSelector);
+                }
+            }));
         }
     }
     getElementSolutions(element) {
@@ -3602,7 +3619,7 @@ up.FormValidator = class FormValidator {
         up.error.muteUncriticalRejection(this.doRenderDirtySolutions());
     }
     async doRenderDirtySolutions() {
-        this.dirtySolutions = u.filter(this.dirtySolutions, ({ element, origin }) => element.isConnected && origin.isConnected);
+        this.dirtySolutions = u.filter(this.dirtySolutions, ({ element, origin }) => up.fragment.isAlive(element) && up.fragment.isAlive(origin));
         if (!this.dirtySolutions.length || this.rendering) {
             return;
         }
@@ -4639,13 +4656,13 @@ up.Layer.OverlayWithViewport = (_a = class OverlayWithViewport extends up.Layer.
 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;
         }
@@ -5652,7 +5669,6 @@ up.RenderOptions = (function () {
         saveFocus: true,
         focus: 'keep',
         abort: 'target',
-        revalidate: 'auto',
         failOptions: true,
     };
     const PRELOAD_OVERRIDES = {
@@ -5797,26 +5813,6 @@ up.RenderResult = class RenderResult extends up.Record {
 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',
@@ -5859,6 +5855,26 @@ 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());
         }
@@ -7713,12 +7729,13 @@ up.fragment = (function () {
         verifyDerivedTarget: true,
         navigateOptions: {
             cache: 'auto',
+            revalidate: 'auto',
             feedback: true,
             fallback: true,
             focus: 'auto',
             scroll: 'auto',
             history: 'auto',
-            peel: true
+            peel: true,
         },
         matchAroundOrigin: true,
         runScripts: true,
@@ -7785,10 +7802,12 @@ up.fragment = (function () {
         const parent = options.parent || document;
         return up.emit(parent, 'up:fragment:destroyed', { fragment, parent, log });
     }
-    function isDestroying(element) {
-        return !!element.closest('.up-destroying');
+    function isNotDestroying(element) {
+        return !element.closest('.up-destroying');
+    }
+    function isAlive(fragment) {
+        return fragment.isConnected && isNotDestroying(fragment);
     }
-    const isNotDestroying = u.negate(isDestroying);
     function getSmart(...args) {
         const options = u.extractOptions(args);
         const selector = args.pop();
@@ -8138,8 +8157,10 @@ up.fragment = (function () {
             up.emit(element, 'up:fragment:aborted', { log: false });
         }
     }
-    function onAborted(fragment, callback) {
-        let guard = (event) => event.target.contains(fragment);
+    function onAborted(fragment, ...args) {
+        let callback = u.extractCallback(args);
+        let options = u.extractOptions(args);
+        let guard = (event) => event.target.contains(fragment) || (options.around && fragment.contains(event.target));
         let unsubscribe = up.on('up:fragment:aborted', { guard }, callback);
         up.destructor(fragment, unsubscribe);
         return unsubscribe;
@@ -8187,6 +8208,7 @@ up.fragment = (function () {
         onAborted,
         splitTarget,
         parseTargetSteps,
+        isAlive,
     };
 })();
 up.reload = up.fragment.reload;