unpoly-rails 3.7.1 → 3.7.2

data/assets/unpoly/unpoly.js

@@ -5,7 +5,7 @@
 /***/ (() => {
 
 window.up = {
-    version: '3.7.1'
+    version: '3.7.2'
 };
 
 
@@ -1989,9 +1989,6 @@ up.RenderJob = (_a = class RenderJob {
             this._rendered = this._executePromise();
             return this;
         }
-        getPreflightFragments() {
-            return this._getChange().getPreflightProps().fragments;
-        }
         async _executePromise() {
             try {
                 this._guardRender();
@@ -3668,9 +3665,7 @@ up.FieldWatcher = class FieldWatcher {
             if (target !== this._root)
                 this._watchFieldsWithin(target);
         });
-        for (let abortableElement of this._abortableElements()) {
-            this._unbindFns.push(up.fragment.onAborted(abortableElement, () => this._abort()));
-        }
+        this._unbindFns.push(up.fragment.onAborted(this._scope, () => this._abort()));
         this._unbindFns.push(up.on(this._scope, 'reset', () => this._onFormReset()));
     }
     stop() {
@@ -3682,14 +3677,6 @@ up.FieldWatcher = class FieldWatcher {
         let rootOptions = u.copy(this._options);
         return up.form.watchOptions(field, rootOptions, { defaults: { event: 'input' } });
     }
-    _abortableElements() {
-        if (this._abortable === false) {
-            return [];
-        }
-        else {
-            return u.wrapList(this._abortable ?? this._scope);
-        }
-    }
     _watchFieldsWithin(container) {
         for (let field of up.form.fields(container)) {
             this._watchField(field);
@@ -3796,10 +3783,14 @@ up.FormValidator = class FormValidator {
         this._honorAbort();
     }
     _honorAbort() {
-        up.fragment.onAborted(this._form, { around: true }, ({ target }) => this._unscheduleSolutionsWithin(target));
+        up.fragment.onAborted(this._form, (event) => this._onAborted(event));
     }
-    _unscheduleSolutionsWithin(container) {
-        this._dirtySolutions = u.reject(this._dirtySolutions, ({ element }) => container.contains(element));
+    _onAborted(event) {
+        if (this._dirtySolutions.length) {
+            this._dirtySolutions = [];
+            this._nextRenderPromise.reject(new up.Aborted(event.reason));
+            this._resetNextRenderPromise();
+        }
     }
     _resetNextRenderPromise() {
         this._nextRenderPromise = u.newDeferred();
@@ -3880,20 +3871,22 @@ up.FormValidator = class FormValidator {
     _scheduleNextRender() {
         let solutionDelays = this._dirtySolutions.map((solution) => solution.renderOptions.delay);
         let shortestDelay = Math.min(...solutionDelays) || 0;
-        this._unscheduleNextRender();
-        this._nextRenderTimer = u.timer(shortestDelay, () => this._renderDirtySolutions());
-    }
-    _unscheduleNextRender() {
         clearTimeout(this._nextRenderTimer);
+        this._nextRenderTimer = u.timer(shortestDelay, () => {
+            this._nextRenderTimer = null;
+            this._renderDirtySolutions();
+        });
     }
     _renderDirtySolutions() {
         up.error.muteUncriticalRejection(this._doRenderDirtySolutions());
     }
     async _doRenderDirtySolutions() {
-        this._dirtySolutions = u.filter(this._dirtySolutions, ({ element, origin }) => up.fragment.isAlive(element) && up.fragment.isAlive(origin));
-        if (!this._dirtySolutions.length || this._rendering) {
+        if (!this._dirtySolutions.length)
+            return;
+        if (this._rendering)
+            return;
+        if (this._nextRenderTimer)
             return;
-        }
         let dirtySolutions = this._dirtySolutions;
         this._dirtySolutions = [];
         let dirtyOrigins = u.map(dirtySolutions, 'origin');
@@ -3907,6 +3900,7 @@ up.FormValidator = class FormValidator {
         options.origin = this._form;
         options.focus ??= 'keep';
         options.failOptions = false;
+        options.defaultMaybe = true;
         options.params = up.Params.merge(options.params, ...u.map(dirtyRenderOptionsList, 'params'));
         options.headers = u.merge(...u.map(dirtyRenderOptionsList, 'headers'));
         this._addValidateHeader(options.headers, dirtyNames);
@@ -8544,13 +8538,14 @@ up.fragment = (function () {
     }
     function parseTargetSteps(target, options = {}) {
         let defaultPlacement = options.defaultPlacement || 'swap';
+        let defaultMaybe = options.defaultMaybe ?? false;
         let steps = [];
         let simpleSelectors = splitTarget(target);
         for (let selector of simpleSelectors) {
             if (selector === ':none')
                 continue;
             let placement = defaultPlacement;
-            let maybe = false;
+            let maybe = defaultMaybe;
             selector = selector.replace(/\b::?(before|after)\b/, (_match, customPlacement) => {
                 placement = customPlacement;
                 return '';
@@ -8594,8 +8589,8 @@ up.fragment = (function () {
         return request.fromCache && u.evalAutoOption(options.revalidate, config.autoRevalidate, response);
     }
     function targetForSteps(steps) {
-        let requiredSteps = u.reject(steps, 'maybe');
-        let selectors = u.map(requiredSteps, 'selector');
+        let bestSteps = steps.filter((step) => !step.maybe || step.oldElement?.isConnected);
+        let selectors = u.map(bestSteps, 'selector');
         return selectors.join(', ') || ':none';
     }
     function isContainedByRivalStep(steps, candidateStep) {
@@ -8631,13 +8626,11 @@ up.fragment = (function () {
         let testFnWithAbortable = (request) => request.abortable && testFn(request);
         up.network.abort(testFnWithAbortable, { ...options, reason });
         for (let element of elements) {
-            up.emit(element, 'up:fragment:aborted', { newLayer, log: false });
+            up.emit(element, 'up:fragment:aborted', { reason, newLayer, log: false });
         }
     }
-    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));
+    function onAborted(fragment, callback) {
+        let guard = (event) => event.target.contains(fragment);
         let unsubscribe = up.on('up:fragment:aborted', { guard }, callback);
         up.destructor(fragment, unsubscribe);
         return unsubscribe;
@@ -10046,11 +10039,8 @@ up.form = (function () {
         return config.selector('submitButtonSelectors');
     }
     const submit = up.mockable((form, options) => {
-        return buildSubmitJob(form, options).execute();
+        return up.render(submitOptions(form, options));
     });
-    function buildSubmitJob(form, options) {
-        return new up.RenderJob(submitOptions(form, options));
-    }
     function submitOptions(form, options, parserOptions) {
         form = getForm(form);
         options = u.options(options);
@@ -10067,9 +10057,6 @@ up.form = (function () {
         parser.include(up.link.followOptions);
         return options;
     }
-    function getPreflightFragments(form) {
-        return buildSubmitJob(form).getPreflightFragments();
-    }
     function watchOptions(field, options, parserOptions = {}) {
         options = u.options(options);
         let parser = new up.OptionsParser(field, options, { ...parserOptions, closest: true, attrPrefix: 'up-watch-' });
@@ -10193,10 +10180,8 @@ up.form = (function () {
         }
     }
     function autosubmit(target, options = {}) {
-        const form = getForm(target);
-        options.abortable ??= [form, ...getPreflightFragments(form)];
-        const onChange = (_value, _name, renderOptions) => submit(target, renderOptions);
-        return watch(target, options, onChange);
+        const onChange = (_diff, renderOptions) => submit(target, renderOptions);
+        return watch(target, { options, batch: true }, onChange);
     }
     function getGroupSelectors() {
         return up.migrate.migratedFormGroupSelectors?.() || config.groupSelectors;