vrembem 3.0.11 → 3.0.14

package/dev/scripts.js

@@ -302,10 +302,10 @@ var Collection = /*#__PURE__*/function () {
   var _proto = Collection.prototype;
   _proto.register = function register(item) {
     try {
-      var _this2 = this;
-      return Promise.resolve(_this2.deregister(item)).then(function () {
-        _this2.collection.push(item);
-        return _this2.collection;
+      var _this = this;
+      return Promise.resolve(_this.deregister(item)).then(function () {
+        _this.collection.push(item);
+        return _this.collection;
       });
     } catch (e) {
       return Promise.reject(e);
@@ -313,29 +313,29 @@ var Collection = /*#__PURE__*/function () {
   };
   _proto.deregister = function deregister(ref) {
     try {
-      var _this4 = this;
-      var index = _this4.collection.findIndex(function (entry) {
+      var _this2 = this;
+      var index = _this2.collection.findIndex(function (entry) {
         return entry === ref;
       });
       if (index >= 0) {
-        var entry = _this4.collection[index];
+        var entry = _this2.collection[index];
         Object.getOwnPropertyNames(entry).forEach(function (prop) {
           delete entry[prop];
         });
-        _this4.collection.splice(index, 1);
+        _this2.collection.splice(index, 1);
       }
-      return Promise.resolve(_this4.collection);
+      return Promise.resolve(_this2.collection);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   _proto.registerCollection = function registerCollection(items) {
     try {
-      var _this6 = this;
+      var _this3 = this;
       return Promise.resolve(Promise.all(Array.from(items, function (item) {
-        _this6.register(item);
+        _this3.register(item);
       }))).then(function () {
-        return _this6.collection;
+        return _this3.collection;
       });
     } catch (e) {
       return Promise.reject(e);
@@ -343,16 +343,16 @@ var Collection = /*#__PURE__*/function () {
   };
   _proto.deregisterCollection = function deregisterCollection() {
     try {
-      var _temp3 = function _temp3() {
-        return _this8.collection;
+      var _temp2 = function _temp2() {
+        return _this4.collection;
       };
-      var _this8 = this;
-      var _temp4 = _for(function () {
-        return _this8.collection.length > 0;
+      var _this4 = this;
+      var _temp = _for(function () {
+        return _this4.collection.length > 0;
       }, void 0, function () {
-        return Promise.resolve(_this8.deregister(_this8.collection[0])).then(function () {});
+        return Promise.resolve(_this4.deregister(_this4.collection[0])).then(function () {});
       });
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -368,19 +368,29 @@ var Collection = /*#__PURE__*/function () {
   return Collection;
 }();
 
+const not = {
+  inert: ':not([inert]):not([inert] *)',
+  negTabIndex: ':not([tabindex^="-"])',
+  disabled: ':not(:disabled)',
+};
+
 var e = [
-  'a[href]:not([tabindex^="-"])',
-  'area[href]:not([tabindex^="-"])',
-  'input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])',
-  'input[type="radio"]:not([disabled]):not([tabindex^="-"])',
-  'select:not([disabled]):not([tabindex^="-"])',
-  'textarea:not([disabled]):not([tabindex^="-"])',
-  'button:not([disabled]):not([tabindex^="-"])',
-  'iframe:not([tabindex^="-"])',
-  'audio[controls]:not([tabindex^="-"])',
-  'video[controls]:not([tabindex^="-"])',
-  '[contenteditable]:not([tabindex^="-"])',
-  '[tabindex]:not([tabindex^="-"])',
+  `a[href]${not.inert}${not.negTabIndex}`,
+  `area[href]${not.inert}${not.negTabIndex}`,
+  `input:not([type="hidden"]):not([type="radio"])${not.inert}${not.negTabIndex}${not.disabled}`,
+  `input[type="radio"]${not.inert}${not.negTabIndex}${not.disabled}`,
+  `select${not.inert}${not.negTabIndex}${not.disabled}`,
+  `textarea${not.inert}${not.negTabIndex}${not.disabled}`,
+  `button${not.inert}${not.negTabIndex}${not.disabled}`,
+  `details${not.inert} > summary:first-of-type${not.negTabIndex}`,
+  // Discard until Firefox supports `:has()`
+  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
+  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
+  `iframe${not.inert}${not.negTabIndex}`,
+  `audio[controls]${not.inert}${not.negTabIndex}`,
+  `video[controls]${not.inert}${not.negTabIndex}`,
+  `[contenteditable]${not.inert}${not.negTabIndex}`,
+  `[tabindex]${not.inert}${not.negTabIndex}`,
 ];
 
 var _focusable = /*#__PURE__*/_classPrivateFieldLooseKey("focusable");
@@ -619,16 +629,27 @@ function teleport(what, where, how) {
 
 var openTransition = function openTransition(el, settings) {
   return new Promise(function (resolve) {
+    // Check if transitions are enabled.
     if (settings.transition) {
+      // Toggle classes for opening transition.
       el.classList.remove(settings.stateClosed);
       el.classList.add(settings.stateOpening);
-      el.addEventListener('transitionend', function _f() {
+
+      // Add event listener for when the transition is finished.
+      el.addEventListener('transitionend', function _f(event) {
+        // Prevent child transition bubbling from firing this event.
+        if (event.target != el) return;
+
+        // Toggle final opened state classes.
         el.classList.add(settings.stateOpened);
         el.classList.remove(settings.stateOpening);
+
+        // Resolve the promise and remove the event listener.
         resolve(el);
         this.removeEventListener('transitionend', _f);
       });
     } else {
+      // Toggle final opened state classes and resolve the promise.
       el.classList.add(settings.stateOpened);
       el.classList.remove(settings.stateClosed);
       resolve(el);
@@ -637,16 +658,27 @@ var openTransition = function openTransition(el, settings) {
 };
 var closeTransition = function closeTransition(el, settings) {
   return new Promise(function (resolve) {
+    // Check if transitions are enabled.
     if (settings.transition) {
+      // Toggle classes for closing transition.
       el.classList.add(settings.stateClosing);
       el.classList.remove(settings.stateOpened);
-      el.addEventListener('transitionend', function _f() {
+
+      // Add event listener for when the transition is finished.
+      el.addEventListener('transitionend', function _f(event) {
+        // Prevent child transition bubbling from firing this event.
+        if (event.target != el) return;
+
+        // Toggle final closed state classes.
         el.classList.remove(settings.stateClosing);
         el.classList.add(settings.stateClosed);
+
+        // Resolve the promise and remove the event listener.
         resolve(el);
         this.removeEventListener('transitionend', _f);
       });
     } else {
+      // Toggle final closed state classes and resolve the promise.
       el.classList.add(settings.stateClosed);
       el.classList.remove(settings.stateOpened);
       resolve(el);
@@ -872,23 +904,23 @@ var deregister$2 = function deregister(obj, close) {
     close = true;
   }
   try {
-    var _temp5 = function _temp5() {
+    var _temp4 = function _temp4() {
       // Return the modified collection.
-      return _this2.collection;
+      return _this.collection;
     };
-    var _this2 = this;
+    var _this = this;
     // Return collection if nothing was passed.
-    if (!obj) return Promise.resolve(_this2.collection);
+    if (!obj) return Promise.resolve(_this.collection);
 
     // Check if entry has been registered in the collection.
-    var index = _this2.collection.findIndex(function (entry) {
+    var index = _this.collection.findIndex(function (entry) {
       return entry.id === obj.id;
     });
-    var _temp6 = function () {
+    var _temp3 = function () {
       if (index >= 0) {
-        var _temp7 = function _temp7() {
+        var _temp2 = function _temp2() {
           // Remove entry from local store.
-          _this2.store.set(_entry.id);
+          _this.store.set(_entry.id);
 
           // Unmount the MatchMedia functionality.
           _entry.unmountBreakpoint();
@@ -899,22 +931,22 @@ var deregister$2 = function deregister(obj, close) {
           });
 
           // Remove entry from collection.
-          _this2.collection.splice(index, 1);
+          _this.collection.splice(index, 1);
         };
         // Get the collection entry.
-        var _entry = _this2.collection[index];
+        var _entry = _this.collection[index];
 
         // If entry is in the opened state.
-        var _temp8 = function () {
+        var _temp = function () {
           if (close && _entry.state === 'opened') {
             // Close the drawer.
             return Promise.resolve(_entry.close(false)).then(function () {});
           }
         }();
-        return _temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8);
+        return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
       }
     }();
-    return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp5) : _temp5(_temp6));
+    return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
   } catch (e) {
     return Promise.reject(e);
   }
@@ -1018,33 +1050,33 @@ function getDrawerElements(query) {
 
 var initialState = function initialState(entry) {
   try {
-    var _this2 = this;
-    var _temp3 = function () {
-      if (_this2.store.get(entry.id)) {
-        var _temp4 = function () {
-          if (_this2.store.get(entry.id) === 'opened') {
+    var _this = this;
+    var _temp2 = function () {
+      if (_this.store.get(entry.id)) {
+        var _temp = function () {
+          if (_this.store.get(entry.id) === 'opened') {
             return Promise.resolve(entry.open(false, false)).then(function () {});
           } else {
             return Promise.resolve(entry.close(false, false)).then(function () {});
           }
         }();
-        if (_temp4 && _temp4.then) return _temp4.then(function () {});
-      } else if (entry.el.classList.contains(_this2.settings.stateOpened)) {
+        if (_temp && _temp.then) return _temp.then(function () {});
+      } else if (entry.el.classList.contains(_this.settings.stateOpened)) {
         // Update drawer state.
         entry.state = 'opened';
       } else {
         // Remove transition state classes.
-        entry.el.classList.remove(_this2.settings.stateOpening);
-        entry.el.classList.remove(_this2.settings.stateClosing);
+        entry.el.classList.remove(_this.settings.stateOpening);
+        entry.el.classList.remove(_this.settings.stateClosing);
         // Add closed state class.
-        entry.el.classList.add(_this2.settings.stateClosed);
+        entry.el.classList.add(_this.settings.stateClosed);
       }
     }();
     // Setup initial state using the following priority:
     //  1. If a store state is available, restore from local store.
     //  2. If opened state class is set, set state to opened.
     //  3. Else, initialize default state.
-    return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+    return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
   } catch (e) {
     return Promise.reject(e);
   }
@@ -1074,33 +1106,33 @@ var open$2 = function open(query, transition, focus) {
     focus = true;
   }
   try {
-    var _temp3 = function _temp3() {
+    var _temp2 = function _temp2() {
       // Set focus to the drawer element if the focus param is true.
       if (focus) {
-        updateFocusState$1.call(_this2, drawer);
+        updateFocusState$1.call(_this, drawer);
       }
 
       // Dispatch custom opened event.
       drawer.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'opened', {
-        detail: _this2,
+        detail: _this,
         bubbles: true
       }));
 
       // Return the drawer.
       return drawer;
     };
-    var _this2 = this;
+    var _this = this;
     // Get the drawer from collection.
-    var drawer = getDrawer.call(_this2, query);
+    var drawer = getDrawer.call(_this, query);
 
     // Get the modal configuration.
-    var config = _extends({}, _this2.settings, drawer.settings);
+    var config = _extends({}, _this.settings, drawer.settings);
 
     // Add transition parameter to configuration.
     if (transition !== undefined) config.transition = transition;
 
     // If drawer is closed.
-    var _temp4 = function () {
+    var _temp = function () {
       if (drawer.state === 'closed') {
         // Update drawer state.
         drawer.state = 'opening';
@@ -1115,7 +1147,7 @@ var open$2 = function open(query, transition, focus) {
         });
       }
     }();
-    return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
   } catch (e) {
     return Promise.reject(e);
   }
@@ -1126,18 +1158,18 @@ var close$2 = function close(query, transition, focus) {
     focus = true;
   }
   try {
-    var _this2 = this;
+    var _this = this;
     // Get the drawer from collection.
-    var drawer = getDrawer.call(_this2, query);
+    var drawer = getDrawer.call(_this, query);
 
     // Get the modal configuration.
-    var config = _extends({}, _this2.settings, drawer.settings);
+    var config = _extends({}, _this.settings, drawer.settings);
 
     // Add transition parameter to configuration.
     if (transition !== undefined) config.transition = transition;
 
     // If drawer is opened.
-    var _temp2 = function () {
+    var _temp = function () {
       if (drawer.state === 'opened') {
         // Update drawer state.
         drawer.state = 'closing';
@@ -1152,7 +1184,7 @@ var close$2 = function close(query, transition, focus) {
 
           // Set focus to the trigger element if the focus param is true.
           if (focus) {
-            updateFocusState$1.call(_this2, drawer);
+            updateFocusState$1.call(_this, drawer);
           }
 
           // Update drawer state.
@@ -1160,13 +1192,13 @@ var close$2 = function close(query, transition, focus) {
 
           // Dispatch custom closed event.
           drawer.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'closed', {
-            detail: _this2,
+            detail: _this,
             bubbles: true
           }));
         });
       }
     }();
-    return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {
+    return Promise.resolve(_temp && _temp.then ? _temp.then(function () {
       // Return the drawer.
       return drawer;
     }) : drawer);
@@ -1177,15 +1209,15 @@ var close$2 = function close(query, transition, focus) {
 
 var toggle = function toggle(query, transition, focus) {
   try {
-    var _this2 = this;
+    var _this = this;
     // Get the drawer from collection.
-    var drawer = getDrawer.call(_this2, query);
+    var drawer = getDrawer.call(_this, query);
 
     // Open or close the drawer based on its current state.
     if (drawer.state === 'closed') {
-      return Promise.resolve(open$2.call(_this2, drawer, transition, focus));
+      return Promise.resolve(open$2.call(_this, drawer, transition, focus));
     } else {
-      return Promise.resolve(close$2.call(_this2, drawer, transition, focus));
+      return Promise.resolve(close$2.call(_this, drawer, transition, focus));
     }
   } catch (e) {
     return Promise.reject(e);
@@ -1194,7 +1226,7 @@ var toggle = function toggle(query, transition, focus) {
 
 var toModal = function toModal(entry) {
   try {
-    var _this4 = this;
+    var _this2 = this;
     // Get the drawer configuration.
 
     // Add the modal class.
@@ -1204,16 +1236,16 @@ var toModal = function toModal(entry) {
     entry.dialog.setAttribute('aria-modal', 'true');
 
     // If there isn't a stored state but also has the opened state class...
-    if (!_this4.store.get(entry.id) && entry.el.classList.contains(entry.getSetting('stateOpened'))) {
+    if (!_this2.store.get(entry.id) && entry.el.classList.contains(entry.getSetting('stateOpened'))) {
       // Save the opened state in local store.
-      _this4.store.set(entry.id, 'opened');
+      _this2.store.set(entry.id, 'opened');
     }
 
     // Modal drawer defaults to closed state.
-    return Promise.resolve(close$2.call(_this4, entry, false, false)).then(function () {
+    return Promise.resolve(close$2.call(_this2, entry, false, false)).then(function () {
       // Dispatch custom switch event.
       entry.el.dispatchEvent(new CustomEvent(entry.getSetting('customEventPrefix') + 'switchMode', {
-        detail: _this4,
+        detail: _this2,
         bubbles: true
       }));
 
@@ -1226,7 +1258,7 @@ var toModal = function toModal(entry) {
 };
 var toInline = function toInline(entry) {
   try {
-    var _this2 = this;
+    var _this = this;
     // Remove the modal class.
     entry.el.classList.remove(entry.getSetting('classModal'));
 
@@ -1234,16 +1266,16 @@ var toInline = function toInline(entry) {
     entry.dialog.removeAttribute('aria-modal');
 
     // Update the global state.
-    updateGlobalState(false, _extends({}, _this2.settings, entry.settings));
+    updateGlobalState(false, _extends({}, _this.settings, entry.settings));
 
     // Remove any focus traps.
-    _this2.focusTrap.unmount();
+    _this.focusTrap.unmount();
 
     // Setup initial state.
-    return Promise.resolve(initialState.call(_this2, entry)).then(function () {
+    return Promise.resolve(initialState.call(_this, entry)).then(function () {
       // Dispatch custom switch event.
       entry.el.dispatchEvent(new CustomEvent(entry.getSetting('customEventPrefix') + 'switchMode', {
-        detail: _this2,
+        detail: _this,
         bubbles: true
       }));
 
@@ -1267,11 +1299,11 @@ function switchMode(entry) {
 
 var register$2 = function register(el, dialog) {
   try {
-    var _this2 = this;
+    var _this = this;
     // Deregister entry incase it has already been registered.
-    return Promise.resolve(deregister$2.call(_this2, el, false)).then(function () {
+    return Promise.resolve(deregister$2.call(_this, el, false)).then(function () {
       // Save root this for use inside methods API.
-      var root = _this2;
+      var root = _this;
 
       // Create an instance of the Breakpoint class.
       var breakpoint = new Breakpoint();
@@ -1315,7 +1347,7 @@ var register$2 = function register(el, dialog) {
         el: el,
         dialog: dialog,
         trigger: null,
-        settings: getConfig$1(el, _this2.settings.dataConfig),
+        settings: getConfig$1(el, _this.settings.dataConfig),
         get breakpoint() {
           return getBreakpoint.call(root, el);
         },
@@ -1359,7 +1391,7 @@ var register$2 = function register(el, dialog) {
       }
 
       // Add entry to collection.
-      _this2.collection.push(entry);
+      _this.collection.push(entry);
 
       // If the entry has a breakpoint...
       var _temp = function () {
@@ -1368,7 +1400,7 @@ var register$2 = function register(el, dialog) {
           entry.mountBreakpoint();
         } else {
           // Else, Setup initial state.
-          return Promise.resolve(initialState.call(_this2, entry)).then(function () {});
+          return Promise.resolve(initialState.call(_this, entry)).then(function () {});
         }
       }();
       return _temp && _temp.then ? _temp.then(function () {
@@ -1413,20 +1445,20 @@ var Drawer = /*#__PURE__*/function (_Collection) {
       options = null;
     }
     try {
-      var _this3 = this;
+      var _this2 = this;
       // Update settings with passed options.
-      if (options) _this3.settings = _extends({}, _this3.settings, options);
+      if (options) _this2.settings = _extends({}, _this2.settings, options);
 
       // Get all the modals.
-      var drawers = document.querySelectorAll(_this3.settings.selectorDrawer);
+      var drawers = document.querySelectorAll(_this2.settings.selectorDrawer);
 
       // Register the collections array with modal instances.
-      return Promise.resolve(_this3.registerCollection(drawers)).then(function () {
+      return Promise.resolve(_this2.registerCollection(drawers)).then(function () {
         // If eventListeners are enabled, init event listeners.
-        if (_this3.settings.eventListeners) {
-          _this3.initEventListeners();
+        if (_this2.settings.eventListeners) {
+          _this2.initEventListeners();
         }
-        return _this3;
+        return _this2;
       });
     } catch (e) {
       return Promise.reject(e);
@@ -1434,14 +1466,14 @@ var Drawer = /*#__PURE__*/function (_Collection) {
   };
   _proto.destroy = function destroy() {
     try {
-      var _this5 = this;
+      var _this3 = this;
       // Remove all entries from the collection.
-      return Promise.resolve(_this5.deregisterCollection()).then(function () {
+      return Promise.resolve(_this3.deregisterCollection()).then(function () {
         // If eventListeners are enabled, init event listeners.
-        if (_this5.settings.eventListeners) {
-          _this5.destroyEventListeners();
+        if (_this3.settings.eventListeners) {
+          _this3.destroyEventListeners();
         }
-        return _this5;
+        return _this3;
       });
     } catch (e) {
       return Promise.reject(e);
@@ -1609,33 +1641,33 @@ function updateFocusState() {
 
 var handleClick$1 = function handleClick(event) {
   try {
-    var _this2 = this;
+    var _this = this;
     // If an open or replace button was clicked, open or replace the modal.
-    var trigger = event.target.closest("[data-" + _this2.settings.dataOpen + "], [data-" + _this2.settings.dataReplace + "]");
+    var trigger = event.target.closest("[data-" + _this.settings.dataOpen + "], [data-" + _this.settings.dataReplace + "]");
     if (trigger) {
       event.preventDefault();
       // Save the trigger if it's not coming from inside a modal.
-      var fromModal = event.target.closest(_this2.settings.selectorModal);
-      if (!fromModal) _this2.trigger = trigger;
+      var fromModal = event.target.closest(_this.settings.selectorModal);
+      if (!fromModal) _this.trigger = trigger;
       // Get the modal.
-      var modal = _this2.get(getModalID.call(_this2, trigger));
+      var modal = _this.get(getModalID.call(_this, trigger));
       // Depending on the button type, either open or replace the modal.
-      return Promise.resolve(trigger.matches("[data-" + _this2.settings.dataOpen + "]") ? modal.open() : modal.replace());
+      return Promise.resolve(trigger.matches("[data-" + _this.settings.dataOpen + "]") ? modal.open() : modal.replace());
     }
 
     // If a close button was clicked, close the modal.
-    trigger = event.target.closest("[data-" + _this2.settings.dataClose + "]");
+    trigger = event.target.closest("[data-" + _this.settings.dataClose + "]");
     if (trigger) {
       event.preventDefault();
       // Get the value of the data attribute.
-      var value = trigger.getAttribute("data-" + _this2.settings.dataClose);
+      var value = trigger.getAttribute("data-" + _this.settings.dataClose);
       // Close all if * wildcard is passed, otherwise close a single modal.
-      return Promise.resolve(value === '*' ? _this2.closeAll() : _this2.close(value));
+      return Promise.resolve(value === '*' ? _this.closeAll() : _this.close(value));
     }
 
     // If the modal screen was clicked, close the modal.
-    if (event.target.matches(_this2.settings.selectorModal) && !event.target.querySelector(_this2.settings.selectorRequired)) {
-      return Promise.resolve(_this2.close(getModalID.call(_this2, event.target)));
+    if (event.target.matches(_this.settings.selectorModal) && !event.target.querySelector(_this.settings.selectorRequired)) {
+      return Promise.resolve(_this.close(getModalID.call(_this, event.target)));
     }
     return Promise.resolve();
   } catch (e) {
@@ -1657,21 +1689,21 @@ var deregister$1 = function deregister(obj, close) {
     close = true;
   }
   try {
-    var _temp5 = function _temp5() {
+    var _temp4 = function _temp4() {
       // Return the modified collection.
-      return _this2.collection;
+      return _this.collection;
     };
-    var _this2 = this;
+    var _this = this;
     // Return collection if nothing was passed.
-    if (!obj) return Promise.resolve(_this2.collection);
+    if (!obj) return Promise.resolve(_this.collection);
 
     // Check if entry has been registered in the collection.
-    var index = _this2.collection.findIndex(function (entry) {
+    var index = _this.collection.findIndex(function (entry) {
       return entry.id === obj.id;
     });
-    var _temp6 = function () {
+    var _temp3 = function () {
       if (index >= 0) {
-        var _temp7 = function _temp7() {
+        var _temp2 = function _temp2() {
           // Return teleported modal if a reference has been set.
           if (_entry.getSetting('teleport')) {
             _entry.teleportReturn();
@@ -1683,24 +1715,24 @@ var deregister$1 = function deregister(obj, close) {
           });
 
           // Remove entry from collection.
-          _this2.collection.splice(index, 1);
+          _this.collection.splice(index, 1);
         };
         // Get the collection entry.
-        var _entry = _this2.collection[index];
+        var _entry = _this.collection[index];
 
         // If entry is in the opened state, close it.
-        var _temp8 = function () {
+        var _temp = function () {
           if (close && _entry.state === 'opened') {
             return Promise.resolve(_entry.close(false)).then(function () {});
           } else {
             // Remove modal from stack.
-            _this2.stack.remove(_entry);
+            _this.stack.remove(_entry);
           }
         }();
-        return _temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8);
+        return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
       }
     }();
-    return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp5) : _temp5(_temp6));
+    return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
   } catch (e) {
     return Promise.reject(e);
   }
@@ -1711,42 +1743,42 @@ var open$1 = function open(query, transition, focus) {
     focus = true;
   }
   try {
-    var _temp3 = function _temp3() {
+    var _temp2 = function _temp2() {
       // Update focus if the focus param is true.
       if (focus) {
-        updateFocusState.call(_this2);
+        updateFocusState.call(_this);
       }
 
       // Dispatch custom opened event.
       modal.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'opened', {
-        detail: _this2,
+        detail: _this,
         bubbles: true
       }));
 
       // Return the modal.
       return modal;
     };
-    var _this2 = this;
+    var _this = this;
     // Get the modal from collection.
-    var modal = getModal.call(_this2, query);
+    var modal = getModal.call(_this, query);
 
     // Get the modal configuration.
-    var config = _extends({}, _this2.settings, modal.settings);
+    var config = _extends({}, _this.settings, modal.settings);
 
     // Add transition parameter to configuration.
     if (transition !== undefined) config.transition = transition;
 
     // Maybe add modal to top of stack.
-    _this2.stack.moveToTop(modal);
+    _this.stack.moveToTop(modal);
 
     // If modal is closed.
-    var _temp4 = function () {
+    var _temp = function () {
       if (modal.state === 'closed') {
         // Update modal state.
         modal.state = 'opening';
 
         // Add modal to stack.
-        _this2.stack.add(modal);
+        _this.stack.add(modal);
 
         // Run the open transition.
         return Promise.resolve(openTransition(modal.el, config)).then(function () {
@@ -1755,7 +1787,7 @@ var open$1 = function open(query, transition, focus) {
         });
       }
     }();
-    return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
   } catch (e) {
     return Promise.reject(e);
   }
@@ -1766,18 +1798,18 @@ var close$1 = function close(query, transition, focus) {
     focus = true;
   }
   try {
-    var _this2 = this;
+    var _this = this;
     // Get the modal from collection, or top modal in stack if no query is provided.
-    var modal = query ? getModal.call(_this2, query) : _this2.active;
+    var modal = query ? getModal.call(_this, query) : _this.active;
 
     // If a modal exists and its state is opened.
-    var _temp2 = function () {
+    var _temp = function () {
       if (modal && modal.state === 'opened') {
         // Update modal state.
         modal.state = 'closing';
 
         // Get the modal configuration.
-        var config = _extends({}, _this2.settings, modal.settings);
+        var config = _extends({}, _this.settings, modal.settings);
 
         // Add transition parameter to configuration.
         if (transition !== undefined) config.transition = transition;
@@ -1788,11 +1820,11 @@ var close$1 = function close(query, transition, focus) {
         // Run the close transition.
         return Promise.resolve(closeTransition(modal.el, config)).then(function () {
           // Remove modal from stack.
-          _this2.stack.remove(modal);
+          _this.stack.remove(modal);
 
           // Update focus if the focus param is true.
           if (focus) {
-            updateFocusState.call(_this2);
+            updateFocusState.call(_this);
           }
 
           // Update modal state.
@@ -1800,13 +1832,13 @@ var close$1 = function close(query, transition, focus) {
 
           // Dispatch custom closed event.
           modal.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'closed', {
-            detail: _this2,
+            detail: _this,
             bubbles: true
           }));
         });
       }
     }();
-    return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {
+    return Promise.resolve(_temp && _temp.then ? _temp.then(function () {
       // Return the modal.
       return modal;
     }) : modal);
@@ -1817,24 +1849,24 @@ var close$1 = function close(query, transition, focus) {
 
 var closeAll$1 = function closeAll(exclude, transition) {
   try {
-    var _this2 = this;
+    var _this = this;
     var result = [];
-    return Promise.resolve(Promise.all(_this2.stack.value.map(function (modal) {
+    return Promise.resolve(Promise.all(_this.stack.value.map(function (modal) {
       try {
-        var _temp3 = function _temp3() {
+        var _temp2 = function _temp2() {
           modal.trigger = null;
         };
-        var _temp4 = function () {
+        var _temp = function () {
           if (exclude && exclude === modal.id) {
             Promise.resolve();
           } else {
-            var _push2 = result.push;
-            return Promise.resolve(close$1.call(_this2, modal, transition, false)).then(function (_close$call) {
-              _push2.call(result, _close$call);
+            var _push = result.push;
+            return Promise.resolve(close$1.call(_this, modal, transition, false)).then(function (_close$call) {
+              _push.call(result, _close$call);
             });
           }
         }();
-        return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+        return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1851,10 +1883,10 @@ var replace = function replace(query, transition, focus) {
     focus = true;
   }
   try {
-    var _temp3 = function _temp3() {
+    var _temp2 = function _temp2() {
       // Update focus if the focus param is true.
       if (focus) {
-        updateFocusState.call(_this2);
+        updateFocusState.call(_this);
       }
 
       // Return the modals there were opened and closed.
@@ -1863,27 +1895,27 @@ var replace = function replace(query, transition, focus) {
         closed: resultClosed
       };
     };
-    var _this2 = this;
+    var _this = this;
     // Get the modal from collection.
-    var modal = getModal.call(_this2, query);
+    var modal = getModal.call(_this, query);
 
     // Setup results for return.
     var resultOpened, resultClosed;
-    var _temp4 = function () {
+    var _temp = function () {
       if (modal.state === 'opened') {
         // If modal is open, close all modals except for replacement.
         resultOpened = modal;
-        return Promise.resolve(closeAll$1.call(_this2, modal.id, transition)).then(function (_closeAll$call) {
+        return Promise.resolve(closeAll$1.call(_this, modal.id, transition)).then(function (_closeAll$call) {
           resultClosed = _closeAll$call;
         });
       } else {
         // If modal is closed, close all and open replacement at the same time.
-        resultOpened = open$1.call(_this2, modal, transition, false);
-        resultClosed = closeAll$1.call(_this2, false, transition);
+        resultOpened = open$1.call(_this, modal, transition, false);
+        resultClosed = closeAll$1.call(_this, false, transition);
         return Promise.resolve(Promise.all([resultOpened, resultClosed])).then(function () {});
       }
     }();
-    return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
   } catch (e) {
     return Promise.reject(e);
   }
@@ -1891,11 +1923,11 @@ var replace = function replace(query, transition, focus) {
 
 var register$1 = function register(el, dialog) {
   try {
-    var _this2 = this;
+    var _this = this;
     // Deregister entry incase it has already been registered.
-    return Promise.resolve(deregister$1.call(_this2, el, false)).then(function () {
+    return Promise.resolve(deregister$1.call(_this, el, false)).then(function () {
       // Save root this for use inside methods API.
-      var root = _this2;
+      var root = _this;
 
       // Setup methods API.
       var methods = {
@@ -1947,7 +1979,7 @@ var register$1 = function register(el, dialog) {
         el: el,
         dialog: dialog,
         returnRef: null,
-        settings: getConfig$1(el, _this2.settings.dataConfig)
+        settings: getConfig$1(el, _this.settings.dataConfig)
       }, methods);
 
       // Set aria-modal attribute to true.
@@ -1969,19 +2001,19 @@ var register$1 = function register(el, dialog) {
       }
 
       // Add entry to collection.
-      _this2.collection.push(entry);
+      _this.collection.push(entry);
 
       // Setup initial state.
       var _temp = function () {
-        if (entry.el.classList.contains(_this2.settings.stateOpened)) {
+        if (entry.el.classList.contains(_this.settings.stateOpened)) {
           // Open entry with transitions disabled.
           return Promise.resolve(entry.open(false)).then(function () {});
         } else {
           // Remove transition state classes.
-          entry.el.classList.remove(_this2.settings.stateOpening);
-          entry.el.classList.remove(_this2.settings.stateClosing);
+          entry.el.classList.remove(_this.settings.stateOpening);
+          entry.el.classList.remove(_this.settings.stateClosing);
           // Add closed state class.
-          entry.el.classList.add(_this2.settings.stateClosed);
+          entry.el.classList.add(_this.settings.stateClosed);
         }
       }();
       return _temp && _temp.then ? _temp.then(function () {
@@ -2092,20 +2124,20 @@ var Modal = /*#__PURE__*/function (_Collection) {
   var _proto = Modal.prototype;
   _proto.init = function init(options) {
     try {
-      var _this3 = this;
+      var _this2 = this;
       // Update settings with passed options.
-      if (options) _this3.settings = _extends({}, _this3.settings, options);
+      if (options) _this2.settings = _extends({}, _this2.settings, options);
 
       // Get all the modals.
-      var modals = document.querySelectorAll(_this3.settings.selectorModal);
+      var modals = document.querySelectorAll(_this2.settings.selectorModal);
 
       // Register the collections array with modal instances.
-      return Promise.resolve(_this3.registerCollection(modals)).then(function () {
+      return Promise.resolve(_this2.registerCollection(modals)).then(function () {
         // If eventListeners are enabled, init event listeners.
-        if (_this3.settings.eventListeners) {
-          _this3.initEventListeners();
+        if (_this2.settings.eventListeners) {
+          _this2.initEventListeners();
         }
-        return _this3;
+        return _this2;
       });
     } catch (e) {
       return Promise.reject(e);
@@ -2113,17 +2145,17 @@ var Modal = /*#__PURE__*/function (_Collection) {
   };
   _proto.destroy = function destroy() {
     try {
-      var _this5 = this;
+      var _this3 = this;
       // Clear stored trigger.
-      _this5.trigger = null;
+      _this3.trigger = null;
 
       // Remove all entries from the collection.
-      return Promise.resolve(_this5.deregisterCollection()).then(function () {
+      return Promise.resolve(_this3.deregisterCollection()).then(function () {
         // If eventListeners are enabled, destroy event listeners.
-        if (_this5.settings.eventListeners) {
-          _this5.destroyEventListeners();
+        if (_this3.settings.eventListeners) {
+          _this3.destroyEventListeners();
         }
-        return _this5;
+        return _this3;
       });
     } catch (e) {
       return Promise.reject(e);
@@ -2163,11 +2195,11 @@ var Modal = /*#__PURE__*/function (_Collection) {
       focus = true;
     }
     try {
-      var _this7 = this;
-      return Promise.resolve(closeAll$1.call(_this7, exclude, transition)).then(function (result) {
+      var _this4 = this;
+      return Promise.resolve(closeAll$1.call(_this4, exclude, transition)).then(function (result) {
         // Update focus if the focus param is true.
         if (focus) {
-          updateFocusState.call(_this7);
+          updateFocusState.call(_this4);
         }
         return result;
       });
@@ -2383,19 +2415,19 @@ function getPopoverElements(query) {
 
 var closeAll = function closeAll() {
   try {
-    var _this4 = this;
+    var _this2 = this;
     var result = [];
-    return Promise.resolve(Promise.all(_this4.collection.map(function (popover) {
+    return Promise.resolve(Promise.all(_this2.collection.map(function (popover) {
       try {
-        var _temp4 = function () {
+        var _temp2 = function () {
           if (popover.state === 'opened') {
-            var _push2 = result.push;
-            return Promise.resolve(close.call(_this4, popover)).then(function (_close$call) {
-              _push2.call(result, _close$call);
+            var _push = result.push;
+            return Promise.resolve(close.call(_this2, popover)).then(function (_close$call) {
+              _push.call(result, _close$call);
             });
           }
         }();
-        return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+        return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2408,11 +2440,11 @@ var closeAll = function closeAll() {
 };
 var close = function close(query) {
   try {
-    var _temp2 = function _temp2(popover) {
+    var _temp = function _temp(popover) {
       // If a modal exists and its state is opened.
       if (popover && popover.state === 'opened') {
         // Update state class.
-        popover.el.classList.remove(_this2.settings.stateActive);
+        popover.el.classList.remove(_this.settings.stateActive);
 
         // Update accessibility attribute(s).
         if (popover.trigger.hasAttribute('aria-controls')) {
@@ -2431,17 +2463,17 @@ var close = function close(query) {
         popover.state = 'closed';
 
         // Clear root trigger if popover trigger matches.
-        if (popover.trigger === _this2.trigger) {
-          _this2.trigger = null;
+        if (popover.trigger === _this.trigger) {
+          _this.trigger = null;
         }
       }
 
       // Return the popover.
       return popover;
     };
-    var _this2 = this;
+    var _this = this;
     // Get the popover from collection.
-    return Promise.resolve(query ? _temp2(getPopover.call(_this2, query)) : Promise.resolve(closeAll.call(_this2)).then(_temp2));
+    return Promise.resolve(query ? _temp(getPopover.call(_this, query)) : Promise.resolve(closeAll.call(_this)).then(_temp));
   } catch (e) {
     return Promise.reject(e);
   }
@@ -2680,7 +2712,7 @@ var round = Math.round;
 function getUAString() {
   var uaData = navigator.userAgentData;
 
-  if (uaData != null && uaData.brands) {
+  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
     return uaData.brands.map(function (item) {
       return item.brand + "/" + item.version;
     }).join(' ');
@@ -2968,7 +3000,6 @@ function effect$1(_ref2) {
   }
 
   if (!contains(state.elements.popper, arrowElement)) {
-
     return;
   }
 
@@ -2999,10 +3030,9 @@ var unsetSides = {
 // Zooming can change the DPR, but it seems to report a value that will
 // cleanly divide the values into the appropriate subpixels.
 
-function roundOffsetsByDPR(_ref) {
+function roundOffsetsByDPR(_ref, win) {
   var x = _ref.x,
       y = _ref.y;
-  var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
     x: round(x * dpr) / dpr || 0,
@@ -3085,7 +3115,7 @@ function mapToStyles(_ref2) {
   var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
     x: x,
     y: y
-  }) : {
+  }, getWindow(popper)) : {
     x: x,
     y: y
   };
@@ -3111,7 +3141,6 @@ function computeStyles(_ref5) {
       adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
       _options$roundOffsets = options.roundOffsets,
       roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
-
   var commonStyles = {
     placement: getBasePlacement(state.placement),
     variation: getVariation(state.placement),
@@ -4179,8 +4208,7 @@ function popperGenerator(generatorOptions) {
 
         state.orderedModifiers = orderedModifiers.filter(function (m) {
           return m.enabled;
-        }); // Validate the provided modifiers so that the consumer will get warned
-
+        });
         runModifierEffects();
         return instance.update();
       },
@@ -4200,7 +4228,6 @@ function popperGenerator(generatorOptions) {
         // anymore
 
         if (!areValidElements(reference, popper)) {
-
           return;
         } // Store the reference and popper rects to be read by modifiers
 
@@ -4225,7 +4252,6 @@ function popperGenerator(generatorOptions) {
         });
 
         for (var index = 0; index < state.orderedModifiers.length; index++) {
-
           if (state.reset === true) {
             state.reset = false;
             index = -1;
@@ -4263,7 +4289,6 @@ function popperGenerator(generatorOptions) {
     };
 
     if (!areValidElements(reference, popper)) {
-
       return instance;
     }
 
@@ -4278,11 +4303,11 @@ function popperGenerator(generatorOptions) {
     // one.
 
     function runModifierEffects() {
-      state.orderedModifiers.forEach(function (_ref3) {
-        var name = _ref3.name,
-            _ref3$options = _ref3.options,
-            options = _ref3$options === void 0 ? {} : _ref3$options,
-            effect = _ref3.effect;
+      state.orderedModifiers.forEach(function (_ref) {
+        var name = _ref.name,
+            _ref$options = _ref.options,
+            options = _ref$options === void 0 ? {} : _ref$options,
+            effect = _ref.effect;
 
         if (typeof effect === 'function') {
           var cleanupFn = effect({
@@ -4317,17 +4342,17 @@ var createPopper = /*#__PURE__*/popperGenerator({
 
 var deregister = function deregister(obj) {
   try {
-    var _this2 = this;
+    var _this = this;
     // Return collection if nothing was passed.
-    if (!obj) return Promise.resolve(_this2.collection);
+    if (!obj) return Promise.resolve(_this.collection);
 
     // Check if entry has been registered in the collection.
-    var index = _this2.collection.findIndex(function (entry) {
+    var index = _this.collection.findIndex(function (entry) {
       return entry.id === obj.id;
     });
     if (index >= 0) {
       // Get the collection entry.
-      var entry = _this2.collection[index];
+      var entry = _this.collection[index];
 
       // If entry is in the opened state, close it.
       if (entry.state === 'opened') {
@@ -4346,11 +4371,11 @@ var deregister = function deregister(obj) {
       });
 
       // Remove entry from collection.
-      _this2.collection.splice(index, 1);
+      _this.collection.splice(index, 1);
     }
 
     // Return the modified collection.
-    return Promise.resolve(_this2.collection);
+    return Promise.resolve(_this.collection);
   } catch (e) {
     return Promise.reject(e);
   }
@@ -4377,12 +4402,12 @@ function deregisterEventListeners(entry) {
 
 var open = function open(query) {
   try {
-    var _this2 = this;
+    var _this = this;
     // Get the popover from collection.
-    var popover = getPopover.call(_this2, query);
+    var popover = getPopover.call(_this, query);
 
     // Update state class.
-    popover.el.classList.add(_this2.settings.stateActive);
+    popover.el.classList.add(_this.settings.stateActive);
 
     // Update accessibility attribute(s).
     if (popover.trigger.hasAttribute('aria-controls')) {
@@ -4390,7 +4415,7 @@ var open = function open(query) {
     }
 
     // Update popover config.
-    popover.config = getConfig(popover.el, _this2.settings);
+    popover.config = getConfig(popover.el, _this.settings);
 
     // Enable popper event listeners and set placement/modifiers.
     popover.popper.setOptions({
@@ -4416,12 +4441,12 @@ var open = function open(query) {
 
 var register = function register(el, trigger) {
   try {
-    var _this2 = this;
+    var _this = this;
     // Deregister entry incase it has already been registered.
-    deregister.call(_this2, el);
+    deregister.call(_this, el);
 
     // Save root this for use inside methods API.
-    var root = _this2;
+    var root = _this;
 
     // Setup methods API.
     var methods = {
@@ -4443,7 +4468,7 @@ var register = function register(el, trigger) {
       el: el,
       trigger: trigger,
       popper: createPopper(trigger, el),
-      config: getConfig(el, _this2.settings)
+      config: getConfig(el, _this.settings)
     }, methods);
 
     // Set aria-expanded to false if trigger has aria-controls attribute.
@@ -4452,20 +4477,20 @@ var register = function register(el, trigger) {
     }
 
     // Setup event listeners.
-    registerEventListeners.call(_this2, entry);
+    registerEventListeners.call(_this, entry);
 
     // Add entry to collection.
-    _this2.collection.push(entry);
+    _this.collection.push(entry);
 
     // Set initial state.
-    var _temp2 = function () {
-      if (entry.el.classList.contains(_this2.settings.stateActive)) {
+    var _temp = function () {
+      if (entry.el.classList.contains(_this.settings.stateActive)) {
         return Promise.resolve(entry.open()).then(function () {
-          handleDocumentClick.call(_this2, entry);
+          handleDocumentClick.call(_this, entry);
         });
       }
     }();
-    return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {
+    return Promise.resolve(_temp && _temp.then ? _temp.then(function () {
       // Return the registered entry.
       return entry;
     }) : entry);
@@ -4546,22 +4571,22 @@ var Popover = /*#__PURE__*/function (_Collection) {
   var _proto = Popover.prototype;
   _proto.init = function init(options) {
     try {
-      var _this3 = this;
+      var _this2 = this;
       // Update settings with passed options.
-      if (options) _this3.settings = _extends({}, _this3.settings, options);
+      if (options) _this2.settings = _extends({}, _this2.settings, options);
 
       // Get all the popovers.
-      var popovers = document.querySelectorAll(_this3.settings.selectorPopover);
+      var popovers = document.querySelectorAll(_this2.settings.selectorPopover);
 
       // Register the collections array with popover instances.
-      return Promise.resolve(_this3.registerCollection(popovers)).then(function () {
+      return Promise.resolve(_this2.registerCollection(popovers)).then(function () {
         // If eventListeners are enabled, init event listeners.
-        if (_this3.settings.eventListeners) {
+        if (_this2.settings.eventListeners) {
           // Pass false to initEventListeners() since registerCollection()
           // already adds event listeners to popovers.
-          _this3.initEventListeners(false);
+          _this2.initEventListeners(false);
         }
-        return _this3;
+        return _this2;
       });
     } catch (e) {
       return Promise.reject(e);
@@ -4569,33 +4594,33 @@ var Popover = /*#__PURE__*/function (_Collection) {
   };
   _proto.destroy = function destroy() {
     try {
-      var _this5 = this;
+      var _this3 = this;
       // Clear stored trigger.
-      _this5.trigger = null;
+      _this3.trigger = null;
 
       // Remove all entries from the collection.
-      return Promise.resolve(_this5.deregisterCollection()).then(function () {
+      return Promise.resolve(_this3.deregisterCollection()).then(function () {
         // If eventListeners are enabled, destroy event listeners.
-        if (_this5.settings.eventListeners) {
+        if (_this3.settings.eventListeners) {
           // Pass false to destroyEventListeners() since deregisterCollection()
           // already removes event listeners from popovers.
-          _this5.destroyEventListeners(false);
+          _this3.destroyEventListeners(false);
         }
-        return _this5;
+        return _this3;
       });
     } catch (e) {
       return Promise.reject(e);
     }
   };
   _proto.initEventListeners = function initEventListeners(processCollection) {
-    var _this6 = this;
+    var _this4 = this;
     if (processCollection === void 0) {
       processCollection = true;
     }
     if (processCollection) {
       // Loop through collection and setup event listeners.
       this.collection.forEach(function (popover) {
-        registerEventListeners.call(_this6, popover);
+        registerEventListeners.call(_this4, popover);
       });
     }