unpoly-rails 3.2.0 → 3.2.2

data/assets/unpoly/unpoly.js

@@ -5,7 +5,7 @@
 /***/ (() => {
 
 window.up = {
-    version: '3.2.0'
+    version: '3.2.2'
 };
 
 
@@ -833,10 +833,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);
     }
@@ -844,17 +840,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;
@@ -935,9 +941,9 @@ up.element = (function () {
         results.push(...root.querySelectorAll(selector));
         return results;
     }
-    function isInSubtree(root, selectorOrElement) {
+    function contains(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;
@@ -1179,7 +1185,7 @@ up.element = (function () {
         }
     }
     function classSelector(klass) {
-        klass = klass.replace(/:/g, '\\:');
+        klass = klass.replace(/[^\w-]/g, '\\$&');
         return `.${klass}`;
     }
     function createBrokenDocumentFromHTML(html) {
@@ -1434,7 +1440,7 @@ up.element = (function () {
     }
     return {
         subtree,
-        isInSubtree,
+        contains,
         closestAttr,
         ancestor,
         around,
@@ -1883,7 +1889,7 @@ up.RenderJob = (_a = class RenderJob {
             if (result instanceof up.RenderResult) {
                 if (!result.none)
                     result.options.onRendered?.(result);
-                result.finished.then(result.options.onFinished);
+                result.finished.then(result.options.onFinished, u.noop);
                 return true;
             }
         }
@@ -2055,8 +2061,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();
@@ -2190,7 +2196,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' });
@@ -2483,6 +2489,7 @@ up.Change.CloseLayer = class CloseLayer extends up.Change.Removal {
         this.value = options.value;
         this.preventable = options.preventable ?? true;
         this.response = options.response;
+        this.history = options.history ?? true;
     }
     execute() {
         if (!this.layer.isOpen()) {
@@ -2496,7 +2503,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);
@@ -2982,7 +2991,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) {
@@ -3153,7 +3161,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);
         }
     }
 };
@@ -3322,6 +3329,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);
@@ -4028,9 +4038,7 @@ up.FragmentPolling = class FragmentPolling {
     }
     onReloadFailure(reason) {
         this.scheduleReload();
-        if (up.error.isCritical(reason)) {
-            throw reason;
-        }
+        up.error.rethrowCritical(reason);
     }
     onFragmentSwapped(newFragment) {
         this.stop();
@@ -4520,7 +4528,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) {
@@ -4694,13 +4702,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;
         }
@@ -5852,26 +5860,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',
@@ -5914,6 +5902,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());
         }
@@ -7694,6 +7702,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 });
@@ -7892,8 +7901,13 @@ up.fragment = (function () {
         selector = buildSelector(selector, element, options);
         return selector.subtree(element);
     }
-    function contains(element, selector) {
-        return getSubtree(element, selector).length > 0;
+    function contains(root, selectorOrElement) {
+        if (u.isElement(selectorOrElement)) {
+            return e.contains(root, selectorOrElement) && up.layer.get(root).contains(selectorOrElement);
+        }
+        else {
+            return getSubtree(root, selectorOrElement).length > 0;
+        }
     }
     function closest(element, selector, options) {
         element = e.get(element);
@@ -8539,7 +8553,7 @@ up.viewport = (function () {
     }
     function focusedElementWithin(scopeElement) {
         const focusedElement = document.activeElement;
-        if (e.isInSubtree(scopeElement, focusedElement)) {
+        if (up.fragment.contains(scopeElement, focusedElement)) {
             return focusedElement;
         }
     }
@@ -8801,8 +8815,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) {
@@ -8817,7 +8834,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) {
@@ -9623,13 +9640,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(',');

data/assets/unpoly/unpoly.min.css

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