unpoly-rails 3.9.2.1 → 3.9.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 79d3f5ddf6f561f66076b280f84e1fd3ed1316a0f637dd523e7dd5b849ed3da2
-  data.tar.gz: 54c53c6d4b275b167ad05710d3bc27cab77c20e2ddf4cbc29583865c619a328d
+  metadata.gz: 5c6831a0bfebe95987455e4915056cf4ad5825ee247f90dfdceecf19a28eefea
+  data.tar.gz: 35b6daab0dee551131eb7b37c6ea395412b518e5278748dce5d6d6fab6b17409
 SHA512:
-  metadata.gz: b521facc126c240a43ad81f61b6db302f3756c3b6d6cea330b76f9e7381bd147d2e2274a9f5dba6cc8759f603a30ff9d7e7c2d68e5abbf4ce23c3e4d8023fc92
-  data.tar.gz: 81b3fcfab6706e0c0e9b78c64a6420eb148796c521ed4a7e0392addb82b1e7a6f7edc74dcfb8fe691977362499509685c5fd5913e57ec21b6d64f6f389e55683
+  metadata.gz: e3fca5ae5d5803d90bb4e245aee670303798005c4eb1d5cebb046eafe4414eec4e62e9a6bce17574a24e35a3d5cdde0320f6eca578285b53d56d915a8a8032f4
+  data.tar.gz: eed4b071eaea2b83ebdc3e63bea474303a1ff0a0c2f4eb512b9b0a4caba877daa2b627a62799f334c5a4657f70d03d1491b57c727d0f311d4d0d479e2d7196a4

data/README.md

@@ -121,7 +121,7 @@ class NotesController < ApplicationController
     @note = Note.new(note_params)
     if @note.save
       if up.layer.overlay?
-        up.accept_layer(@note.id)
+        up.layer.accept(@note.id)
         head :no_content
       else
         redirect_to @note

data/assets/unpoly/unpoly.css

@@ -102,6 +102,7 @@ up-popup-dismiss, up-cover-dismiss, up-drawer-dismiss, up-modal-dismiss {
   right: 10px;
   font-size: 1.7rem;
   line-height: 0.5;
+  cursor: pointer;
 }
 
 up-modal[nesting="0"] up-modal-viewport {

data/assets/unpoly/unpoly.es6.js

@@ -5,7 +5,7 @@
 /***/ (() => {
 
 window.up = {
-    version: '3.9.2'
+    version: '3.9.3'
 };
 
 
@@ -4743,6 +4743,7 @@ up.Layer.Overlay = class Overlay extends up.Layer {
             'dismissable',
             'dismissLabel',
             'dismissAriaLabel',
+            'trapFocus',
             'onOpened',
             'onAccept',
             'onAccepted',
@@ -5671,33 +5672,38 @@ up.OverlayFocus = class OverlayFocus {
     constructor(layer) {
         this._layer = layer;
         this._focusElement = this._layer.getFocusElement();
+        this._trapFocus = this._layer.trapFocus;
     }
     moveToFront() {
-        if (this._enabled) {
+        if (this._active) {
             return;
         }
-        this._enabled = true;
-        this._untrapFocus = up.on('focusin', event => this._onFocus(event));
+        this._active = true;
         this._unsetAttrs = e.setTemporaryAttrs(this._focusElement, {
             'tabindex': '0',
             'role': 'dialog',
-            'aria-modal': 'true'
+            'aria-modal': this._trapFocus.toString()
         });
-        this._focusTrapBefore = e.affix(this._focusElement, 'beforebegin', 'up-focus-trap[tabindex=0]');
-        this._focusTrapAfter = e.affix(this._focusElement, 'afterend', 'up-focus-trap[tabindex=0]');
+        if (this._trapFocus) {
+            this._untrapFocus = up.on('focusin', event => this._onFocus(event));
+            this._focusTrapBefore = e.affix(this._focusElement, 'beforebegin', 'up-focus-trap[tabindex=0]');
+            this._focusTrapAfter = e.affix(this._focusElement, 'afterend', 'up-focus-trap[tabindex=0]');
+        }
     }
     moveToBack() {
         this.teardown();
     }
     teardown() {
-        if (!this._enabled) {
+        if (!this._active) {
             return;
         }
-        this._enabled = false;
-        this._untrapFocus();
+        this._active = false;
         this._unsetAttrs();
-        this._focusTrapBefore.remove();
-        this._focusTrapAfter.remove();
+        if (this._trapFocus) {
+            this._untrapFocus();
+            this._focusTrapBefore.remove();
+            this._focusTrapAfter.remove();
+        }
     }
     _onFocus(event) {
         const { target } = event;
@@ -6141,7 +6147,6 @@ up.RenderOptions = (function () {
         finalize,
         assertContentGiven,
         deriveFailOptions,
-        lookupLayers: rememberOriginLayer,
     };
 })();
 
@@ -6693,13 +6698,13 @@ up.Request.Cache = class Cache {
     }
     reindex(request) {
         this._delete(request);
+        delete request.cacheRoute;
         this.put(request);
     }
     _delete(request) {
         var _a;
         u.remove(this._requests, request);
         (_a = request.cacheRoute) === null || _a === void 0 ? void 0 : _a.delete(request);
-        delete request.cacheRoute;
     }
     _getRoute(request) {
         var _a, _b;
@@ -9695,7 +9700,8 @@ up.layer = (function () {
                 dismissLabel: '×',
                 dismissAriaLabel: 'Dismiss dialog',
                 dismissable: true,
-                history: 'auto'
+                history: 'auto',
+                trapFocus: true,
             },
             cover: {
                 mainTargets: ['[up-main~=cover]']
@@ -9728,7 +9734,8 @@ up.layer = (function () {
                 position: 'bottom',
                 size: 'medium',
                 align: 'left',
-                dismissable: 'outside key'
+                dismissable: 'outside key',
+                trapFocus: false,
             },
             foreignOverlaySelectors: ['dialog']
         };