unpoly-rails 3.2.0 → 3.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8aad822814c364e6c003135865e0601e1174b81567228b876be4147dfb376935
-  data.tar.gz: '0419c160f2820bfe41ae4a462ec1995d213fde77f29af52ff6245611e7256914'
+  metadata.gz: 79a9c4869d0ec45ad05907ff229067ef43891b59936aa069fd58551c673e3a77
+  data.tar.gz: 89fe1f52966c22a19f7bf57db742ca1a0c14362f39a5755556be18e5d2af8c6c
 SHA512:
-  metadata.gz: dc005b41d495e97382b7aa8e358219df7419cfc74769324481881d1e298cfdf4f90e6f38600a2b8eb2ea8fd48b6be0e085662575ecbddf88faafa07319cbc985
-  data.tar.gz: be6555351d6eae5e6bc5ef41e224ed586c798cdc8d27db4977d460d2f10179ad1cdc3a9e8992893e0125124d39d93af8813e09be97506affe21e382f64b0ddad
+  metadata.gz: 56e2152fe2c5c83d18ea818127d10abbb951649a134d54ecfe8905d8e97580fa9961f026fce11cff3f3ec835ab0d4eecb9755e1ed4131c1ceb0c93deb28062da
+  data.tar.gz: b50e4f53131c9a1cbd5efa0a219dc3272a7bfd3aeae1404510b38724fdbc9e9af314e3e5655d1f0a2ec2e32c0e90a438388c36eb04df73a7816c3e1d53cf6df4

data/README.md

@@ -494,7 +494,7 @@ What you still need to do manually
 
 ### Failed form submissions must return a non-200 status code
 
-Unpoly lets you submit forms via AJAX by using the [`form[up-follow]`](https://unpoly.com/form-up-submit) selector or [`up.submit()`](https://unpoly.com/up.submit) function.
+Unpoly lets you submit forms via AJAX by using the [`form[up-submit]`](https://unpoly.com/form-up-submit) selector or [`up.submit()`](https://unpoly.com/up.submit) function.
 
 For Unpoly to be able to detect a failed form submission,
 the form must be re-rendered with a non-200 HTTP status code.

data/assets/unpoly/unpoly-bootstrap3.css

@@ -6,5 +6,5 @@ up-popup .container,
 up-popup .container-fluid {
   padding-left: 0;
   padding-right: 0;
-  max-width: none; }
-
+  max-width: none;
+}

data/assets/unpoly/unpoly-bootstrap3.min.css

@@ -1,2 +1 @@
 up-modal .container,up-modal .container-fluid,up-drawer .container,up-drawer .container-fluid,up-popup .container,up-popup .container-fluid{padding-left:0;padding-right:0;max-width:none}
-

data/assets/unpoly/unpoly-bootstrap4.css

@@ -6,5 +6,5 @@ up-popup .container,
 up-popup .container-fluid {
   padding-left: 0;
   padding-right: 0;
-  max-width: none; }
-
+  max-width: none;
+}

data/assets/unpoly/unpoly-bootstrap4.min.css

@@ -1,2 +1 @@
 up-modal .container,up-modal .container-fluid,up-drawer .container,up-drawer .container-fluid,up-popup .container,up-popup .container-fluid{padding-left:0;padding-right:0;max-width:none}
-

data/assets/unpoly/unpoly-bootstrap5.css

@@ -6,5 +6,5 @@ up-popup .container,
 up-popup .container-fluid {
   padding-left: 0;
   padding-right: 0;
-  max-width: none; }
-
+  max-width: none;
+}

data/assets/unpoly/unpoly-bootstrap5.min.css

@@ -1,2 +1 @@
 up-modal .container,up-modal .container-fluid,up-drawer .container,up-drawer .container-fluid,up-popup .container,up-popup .container-fluid{padding-left:0;padding-right:0;max-width:none}
-

data/assets/unpoly/unpoly.css

@@ -1,17 +1,19 @@
 [hidden][hidden] {
-  display: none !important; }
-
+  display: none !important;
+}
 up-wrapper {
-  display: inline-block; }
-
+  display: inline-block;
+}
 up-bounds {
-  position: absolute; }
+  position: absolute;
+}
 
 .up-focusable-content:focus, .up-focusable-content:focus-visible {
-  outline: 0; }
-
+  outline: 0;
+}
 .up-request-loader {
-  display: none; }
+  display: none;
+}
 
 up-progress-bar {
   position: fixed;
@@ -19,136 +21,164 @@ up-progress-bar {
   left: 0;
   z-index: 999999999;
   height: 3px;
-  background-color: #007bff; }
-
+  background-color: #007bff;
+}
 up-focus-trap {
   position: fixed;
   top: 0;
   left: 0;
   width: 0;
-  height: 0; }
+  height: 0;
+}
 
-up-modal, up-drawer, up-cover, up-modal-backdrop, up-drawer-backdrop, up-modal-viewport, up-drawer-viewport, up-cover-viewport {
+up-cover-viewport, up-drawer-viewport, up-modal-viewport, up-drawer-backdrop, up-modal-backdrop, up-cover, up-drawer, up-modal {
   top: 0;
   left: 0;
   bottom: 0;
-  right: 0; }
+  right: 0;
+}
 
-up-modal-box, up-drawer-box {
-  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3); }
+up-drawer-box, up-modal-box {
+  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
+}
 
 up-popup {
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+}
 
-up-modal:focus, up-drawer:focus, up-cover:focus, up-modal-box:focus, up-drawer-box:focus, up-cover-box:focus, up-popup:focus, up-modal:focus-visible, up-drawer:focus-visible, up-cover:focus-visible, up-modal-box:focus-visible, up-drawer-box:focus-visible, up-cover-box:focus-visible, up-popup:focus-visible {
-  outline: none; }
+up-popup:focus, up-cover-box:focus, up-drawer-box:focus, up-modal-box:focus, up-cover:focus, up-drawer:focus, up-modal:focus, up-popup:focus-visible, up-cover-box:focus-visible, up-drawer-box:focus-visible, up-modal-box:focus-visible, up-cover:focus-visible, up-drawer:focus-visible, up-modal:focus-visible {
+  outline: none;
+}
 
-up-modal, up-drawer, up-cover {
+up-cover, up-drawer, up-modal {
   z-index: 2000;
-  position: fixed; }
+  position: fixed;
+}
 
-up-modal-backdrop, up-drawer-backdrop {
+up-drawer-backdrop, up-modal-backdrop {
   position: absolute;
-  background: rgba(0, 0, 0, 0.4); }
+  background: rgba(0, 0, 0, 0.4);
+}
 
-up-modal-viewport, up-drawer-viewport, up-cover-viewport {
+up-cover-viewport, up-drawer-viewport, up-modal-viewport {
   position: absolute;
   overflow-y: scroll;
   overflow-x: hidden;
   overscroll-behavior: contain;
   display: flex;
   align-items: flex-start;
-  justify-content: center; }
+  justify-content: center;
+}
 
-up-modal-box, up-drawer-box, up-cover-box, up-popup {
+up-popup, up-cover-box, up-drawer-box, up-modal-box {
   position: relative;
   box-sizing: border-box;
   max-width: 100%;
   background-color: #fff;
   padding: 20px;
-  overflow-x: hidden; }
+  overflow-x: hidden;
+}
 
-up-modal-content, up-drawer-content, up-cover-content, up-popup-content {
-  display: block; }
+up-popup-content, up-cover-content, up-drawer-content, up-modal-content {
+  display: block;
+}
 
 up-popup {
-  z-index: 1000; }
+  z-index: 1000;
+}
 
-up-modal-dismiss, up-drawer-dismiss, up-cover-dismiss, up-popup-dismiss {
+up-popup-dismiss, up-cover-dismiss, up-drawer-dismiss, up-modal-dismiss {
   color: #888;
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 1.7rem;
-  line-height: 0.5; }
+  line-height: 0.5;
+}
 
 up-modal[nesting="0"] up-modal-viewport {
-  padding: 25px 15px; }
-
+  padding: 25px 15px;
+}
 up-modal[nesting="1"] up-modal-viewport {
-  padding: 50px 30px; }
-
+  padding: 50px 30px;
+}
 up-modal[nesting="2"] up-modal-viewport {
-  padding: 75px 45px; }
-
+  padding: 75px 45px;
+}
 up-modal[nesting="3"] up-modal-viewport {
-  padding: 100px 60px; }
-
+  padding: 100px 60px;
+}
 up-modal[nesting="4"] up-modal-viewport {
-  padding: 125px 75px; }
+  padding: 125px 75px;
+}
 
 up-modal[size=small] up-modal-box {
-  width: 350px; }
-
+  width: 350px;
+}
 up-modal[size=medium] up-modal-box {
-  width: 650px; }
-
+  width: 650px;
+}
 up-modal[size=large] up-modal-box {
-  width: 1000px; }
-
+  width: 1000px;
+}
 up-modal[size=grow] up-modal-box {
-  width: auto; }
-
+  width: auto;
+}
 up-modal[size=full] up-modal-box {
-  width: 100%; }
+  width: 100%;
+}
 
 up-drawer-viewport {
-  justify-content: flex-start; }
-  up-drawer[position=right] up-drawer-viewport {
-    justify-content: flex-end; }
+  justify-content: flex-start;
+}
+up-drawer[position=right] up-drawer-viewport {
+  justify-content: flex-end;
+}
 
 up-drawer-box {
-  min-height: 100vh; }
-  up-drawer[size=small] up-drawer-box {
-    width: 150px; }
-  up-drawer[size=medium] up-drawer-box {
-    width: 340px; }
-  up-drawer[size=large] up-drawer-box {
-    width: 600px; }
-  up-drawer[size=grow] up-drawer-box {
-    width: auto; }
-  up-drawer[size=full] up-drawer-box {
-    width: 100%; }
+  min-height: 100vh;
+}
+up-drawer[size=small] up-drawer-box {
+  width: 150px;
+}
+up-drawer[size=medium] up-drawer-box {
+  width: 340px;
+}
+up-drawer[size=large] up-drawer-box {
+  width: 600px;
+}
+up-drawer[size=grow] up-drawer-box {
+  width: auto;
+}
+up-drawer[size=full] up-drawer-box {
+  width: 100%;
+}
 
 up-cover-box {
   width: 100%;
   min-height: 100vh;
-  padding: 0; }
+  padding: 0;
+}
 
 up-popup {
   padding: 15px;
-  text-align: left; }
-  up-popup[size=small] {
-    width: 180px; }
-  up-popup[size=medium] {
-    width: 300px; }
-  up-popup[size=large] {
-    width: 550px; }
-  up-popup[size=grow] up-popup {
-    width: auto; }
-  up-popup[size=full] up-popup {
-    width: 100%; }
-
+  text-align: left;
+}
+up-popup[size=small] {
+  width: 180px;
+}
+up-popup[size=medium] {
+  width: 300px;
+}
+up-popup[size=large] {
+  width: 550px;
+}
+up-popup[size=grow] up-popup {
+  width: auto;
+}
+up-popup[size=full] up-popup {
+  width: 100%;
+}
 [up-href], [up-clickable] {
-  cursor: pointer; }
-
+  cursor: pointer;
+}

data/assets/unpoly/unpoly.es6.js

@@ -5,7 +5,7 @@
 /***/ (() => {
 
 window.up = {
-    version: '3.2.0'
+    version: '3.2.1'
 };
 
 
@@ -834,10 +834,6 @@ up.util = (function () {
 /***/ (() => {
 
 up.error = (function () {
-    function emitGlobal(error) {
-        const { message } = error;
-        up.emit(window, 'error', { message, error, log: false });
-    }
     function fail(...args) {
         throw new up.Error(args);
     }
@@ -845,17 +841,27 @@ up.error = (function () {
         return (typeof error !== 'object') || ((error.name !== 'AbortError') && !(error instanceof up.RenderResult) && !(error instanceof up.Response));
     }
     function muteUncriticalRejection(promise) {
-        return promise.catch(function (reason) {
-            if (isCritical(reason)) {
-                throw reason;
-            }
-        });
+        return promise.catch(rethrowCritical);
+    }
+    function muteUncriticalSync(block) {
+        try {
+            return block();
+        }
+        catch (e) {
+            rethrowCritical(e);
+        }
+    }
+    function rethrowCritical(value) {
+        if (isCritical(value)) {
+            throw value;
+        }
     }
     return {
         fail,
-        emitGlobal,
+        rethrowCritical,
         isCritical,
         muteUncriticalRejection,
+        muteUncriticalSync,
     };
 })();
 up.fail = up.error.fail;
@@ -939,7 +945,7 @@ up.element = (function () {
     }
     function isInSubtree(root, selectorOrElement) {
         const element = getOne(selectorOrElement);
-        return root.contains(element);
+        return Node.prototype.contains.call(root, element);
     }
     function ancestor(element, selector) {
         let parentElement = element.parentElement;
@@ -1182,7 +1188,7 @@ up.element = (function () {
         }
     }
     function classSelector(klass) {
-        klass = klass.replace(/:/g, '\\:');
+        klass = klass.replace(/[^\w-]/g, '\\$&');
         return `.${klass}`;
     }
     function createBrokenDocumentFromHTML(html) {
@@ -1899,7 +1905,7 @@ up.RenderJob = (_a = class RenderJob {
             if (result instanceof up.RenderResult) {
                 if (!result.none)
                     (_b = (_a = result.options).onRendered) === null || _b === void 0 ? void 0 : _b.call(_a, result);
-                result.finished.then(result.options.onFinished);
+                result.finished.then(result.options.onFinished, u.noop);
                 return true;
             }
         }
@@ -2093,8 +2099,8 @@ up.Change.OpenLayer = class OpenLayer extends up.Change.Addition {
         if (this.emitOpenEvent().defaultPrevented) {
             throw new up.Aborted('Open event was prevented');
         }
-        this.baseLayer.peel();
         this.layer = this.buildLayer();
+        this.baseLayer.peel({ history: !this.layer.history });
         up.layer.stack.push(this.layer);
         this.layer.createElements(this.content);
         this.layer.setupHandlers();
@@ -2235,7 +2241,7 @@ up.Change.UpdateLayer = (_a = class UpdateLayer extends up.Change.Addition {
                 up.viewport.saveFocus({ layer: this.layer });
             }
             if (this.options.peel) {
-                this.layer.peel();
+                this.layer.peel({ history: !this.hasHistory() });
             }
             if (this.options.abort !== false) {
                 up.fragment.abort(this.getFragments(), { reason: 'Fragment is being replaced' });
@@ -2499,7 +2505,7 @@ up.Change.UpdateLayer = (_a = class UpdateLayer extends up.Change.Addition {
 const u = up.util;
 up.Change.CloseLayer = class CloseLayer extends up.Change.Removal {
     constructor(options) {
-        var _a;
+        var _a, _b;
         super(options);
         this.verb = options.verb;
         this.layer = up.layer.get(options);
@@ -2507,6 +2513,7 @@ up.Change.CloseLayer = class CloseLayer extends up.Change.Removal {
         this.value = options.value;
         this.preventable = (_a = options.preventable) !== null && _a !== void 0 ? _a : true;
         this.response = options.response;
+        this.history = (_b = options.history) !== null && _b !== void 0 ? _b : true;
     }
     execute() {
         if (!this.layer.isOpen()) {
@@ -2520,7 +2527,9 @@ up.Change.CloseLayer = class CloseLayer extends up.Change.Removal {
         const { parent } = this.layer;
         this.layer.peel();
         this.layer.stack.remove(this.layer);
-        parent.restoreHistory();
+        if (this.history) {
+            parent.restoreHistory();
+        }
         this.handleFocus(parent);
         this.layer.teardownHandlers();
         this.layer.destroyElements(this.options);
@@ -3004,7 +3013,6 @@ up.CompilerPass = class CompilerPass {
         catch (error) {
             this.errors.push(error);
             up.log.error('up.hello()', 'While compiling %o: %o', elementOrElements, error);
-            up.error.emitGlobal(error);
         }
     }
     destructorPresence(result) {
@@ -3177,7 +3185,6 @@ up.DestructorPass = class DestructorPass {
         catch (error) {
             this.errors.push(error);
             up.log.error('up.destroy()', 'While destroying %o: %o', element, error);
-            up.error.emitGlobal(error);
         }
     }
 };
@@ -3349,6 +3356,9 @@ up.EventListener = class EventListener extends up.Record {
                 const data = up.syntax.data(element);
                 args.push(data);
             }
+            if (this.eventType === 'click' && element.disabled) {
+                return;
+            }
             const applyCallback = this.callback.bind(element, ...args);
             if (this.baseLayer) {
                 this.baseLayer.asCurrent(applyCallback);
@@ -4091,9 +4101,7 @@ up.FragmentPolling = class FragmentPolling {
     }
     onReloadFailure(reason) {
         this.scheduleReload();
-        if (up.error.isCritical(reason)) {
-            throw reason;
-        }
+        up.error.rethrowCritical(reason);
     }
     onFragmentSwapped(newFragment) {
         this.stop();
@@ -4585,7 +4593,7 @@ up.Layer.Overlay = class Overlay extends up.Layer {
             parser.string('easing');
             parser.number('duration');
             parser.string('confirm');
-            closeFn(value, closeOptions);
+            up.error.muteUncriticalSync(() => closeFn(value, closeOptions));
         });
     }
     registerEventCloser(eventTypes, closeFn) {
@@ -4763,13 +4771,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;
         }
@@ -5930,27 +5938,6 @@ up.RenderResult = class RenderResult extends up.Record {
 var _a;
 const u = up.util;
 up.Request = (_a = class Request extends up.Record {
-        constructor(options) {
-            var _a;
-            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();
-            (_a = this.badResponseTime) !== null && _a !== void 0 ? _a : (this.badResponseTime = u.evalOption(up.network.config.badResponseTime, this));
-            this.addAutoHeaders();
-        }
         keys() {
             return [
                 'method',
@@ -5993,6 +5980,27 @@ up.Request = (_a = class Request extends up.Record {
                 builtAt: new Date(),
             };
         }
+        constructor(options) {
+            var _a;
+            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();
+            (_a = this.badResponseTime) !== null && _a !== void 0 ? _a : (this.badResponseTime = u.evalOption(up.network.config.badResponseTime, this));
+            this.addAutoHeaders();
+        }
         get xhr() {
             var _a;
             return (_a = this._xhr) !== null && _a !== void 0 ? _a : (this._xhr = new XMLHttpRequest());
@@ -7798,6 +7806,7 @@ up.history = (function () {
     }
     function onPop(event) {
         trackCurrentLocation();
+        let location = currentLocation();
         emitLocationChanged({ location, reason: 'pop', log: `Navigated to history entry ${location}` });
         up.viewport.saveFocus({ location: previousLocation });
         up.viewport.saveScroll({ location: previousLocation });
@@ -8913,8 +8922,11 @@ up.motion = (function () {
     function translateCSS(dx, dy) {
         return { transform: `translate(${dx}px, ${dy}px)` };
     }
+    function noTranslateCSS() {
+        return { transform: null };
+    }
     function untranslatedBox(element) {
-        e.setStyle(element, translateCSS(0, 0));
+        e.setStyle(element, noTranslateCSS());
         return element.getBoundingClientRect();
     }
     function registerMoveAnimations(direction, boxToTransform) {
@@ -8929,7 +8941,7 @@ up.motion = (function () {
             const box = untranslatedBox(element);
             const transform = boxToTransform(box);
             e.setStyle(element, transform);
-            return animateNow(element, translateCSS(0, 0), options);
+            return animateNow(element, noTranslateCSS(), options);
         });
     }
     registerMoveAnimations('top', function (box) {
@@ -9733,13 +9745,13 @@ up.form = (function () {
     }
     function submittingButton(form) {
         const selector = submitButtonSelector();
-        const focusedElement = up.viewport.focusedElementWithin(form);
-        if (focusedElement && focusedElement.matches(selector)) {
-            return focusedElement;
-        }
-        else {
-            return e.get(form, selector);
+        const focusedElement = document.activeElement;
+        if (focusedElement && focusedElement.form === form) {
+            if (focusedElement.matches(selector)) {
+                return focusedElement;
+            }
         }
+        return e.get(form, selector);
     }
     function submitButtonSelector() {
         return config.submitButtonSelectors.join(',');