unpoly-rails 3.9.2 → 3.9.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d2c3e3f16e60500d2464237ee852af167d26afeda07e02acb0169eb2925a7a88
-  data.tar.gz: a1cdcf1e69c6a2e5bfc5639f72e878b63323b6ea2fcdf7f2f7dd1fc30b250483
+  metadata.gz: 5c6831a0bfebe95987455e4915056cf4ad5825ee247f90dfdceecf19a28eefea
+  data.tar.gz: 35b6daab0dee551131eb7b37c6ea395412b518e5278748dce5d6d6fab6b17409
 SHA512:
-  metadata.gz: d5f5815d06d9c08b26daa9d72adac45fc603f524d45b4c621b3a83f9418b916ba5aa6541c515610db36da0245744b85bdd1e63faf10bad2a5a632f84fcbcefbc
-  data.tar.gz: b3b940b2780ec684381eedf0b07eeea537f28227b7d86bf6882806a96ccaa6e50f70818f717ed45e504f245e141cab0137d1bdd21e75baf493a808cb90e7f160
+  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;
@@ -6692,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;
@@ -9694,7 +9700,8 @@ up.layer = (function () {
                 dismissLabel: '×',
                 dismissAriaLabel: 'Dismiss dialog',
                 dismissable: true,
-                history: 'auto'
+                history: 'auto',
+                trapFocus: true,
             },
             cover: {
                 mainTargets: ['[up-main~=cover]']
@@ -9727,7 +9734,8 @@ up.layer = (function () {
                 position: 'bottom',
                 size: 'medium',
                 align: 'left',
-                dismissable: 'outside key'
+                dismissable: 'outside key',
+                trapFocus: false,
             },
             foreignOverlaySelectors: ['dialog']
         };