vrembem 3.0.11 → 3.0.14

package/dev/scripts.umd.js

@@ -2,7 +2,7 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
   (global = global || self, factory(global.vrembem = {}));
-}(this, (function (exports) {
+})(this, (function (exports) {
   function _defineProperties(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor = props[i];
@@ -307,10 +307,10 @@
     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);
@@ -318,29 +318,29 @@
     };
     _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);
@@ -348,16 +348,16 @@
     };
     _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);
       }
@@ -373,19 +373,29 @@
     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");
@@ -624,16 +634,27 @@
 
   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);
@@ -642,16 +663,27 @@
   };
   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);
@@ -877,23 +909,23 @@
       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();
@@ -904,22 +936,22 @@
             });
 
             // 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);
     }
@@ -1023,33 +1055,33 @@
 
   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);
     }
@@ -1079,33 +1111,33 @@
       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';
@@ -1120,7 +1152,7 @@
           });
         }
       }();
-      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);
     }
@@ -1131,18 +1163,18 @@
       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';
@@ -1157,7 +1189,7 @@
 
             // 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.
@@ -1165,13 +1197,13 @@
 
             // 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);
@@ -1182,15 +1214,15 @@
 
   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);
@@ -1199,7 +1231,7 @@
 
   var toModal = function toModal(entry) {
     try {
-      var _this4 = this;
+      var _this2 = this;
       // Get the drawer configuration.
 
       // Add the modal class.
@@ -1209,16 +1241,16 @@
       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
         }));
 
@@ -1231,7 +1263,7 @@
   };
   var toInline = function toInline(entry) {
     try {
-      var _this2 = this;
+      var _this = this;
       // Remove the modal class.
       entry.el.classList.remove(entry.getSetting('classModal'));
 
@@ -1239,16 +1271,16 @@
       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
         }));
 
@@ -1272,11 +1304,11 @@
 
   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();
@@ -1320,7 +1352,7 @@
           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);
           },
@@ -1364,7 +1396,7 @@
         }
 
         // Add entry to collection.
-        _this2.collection.push(entry);
+        _this.collection.push(entry);
 
         // If the entry has a breakpoint...
         var _temp = function () {
@@ -1373,7 +1405,7 @@
             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 () {
@@ -1418,20 +1450,20 @@
         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);
@@ -1439,14 +1471,14 @@
     };
     _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);
@@ -1614,33 +1646,33 @@
 
   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) {
@@ -1662,21 +1694,21 @@
       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();
@@ -1688,24 +1720,24 @@
             });
 
             // 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);
     }
@@ -1716,42 +1748,42 @@
       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 () {
@@ -1760,7 +1792,7 @@
           });
         }
       }();
-      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);
     }
@@ -1771,18 +1803,18 @@
       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;
@@ -1793,11 +1825,11 @@
           // 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.
@@ -1805,13 +1837,13 @@
 
             // 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);
@@ -1822,24 +1854,24 @@
 
   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);
         }
@@ -1856,10 +1888,10 @@
       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.
@@ -1868,27 +1900,27 @@
           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);
     }
@@ -1896,11 +1928,11 @@
 
   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 = {
@@ -1952,7 +1984,7 @@
           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.
@@ -1974,19 +2006,19 @@
         }
 
         // 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 () {
@@ -2097,20 +2129,20 @@
     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);
@@ -2118,17 +2150,17 @@
     };
     _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);
@@ -2168,11 +2200,11 @@
         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;
         });
@@ -2388,19 +2420,19 @@
 
   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);
         }
@@ -2413,11 +2445,11 @@
   };
   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')) {
@@ -2436,17 +2468,17 @@
           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);
     }
@@ -2685,7 +2717,7 @@
   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(' ');
@@ -2973,7 +3005,6 @@
     }
 
     if (!contains(state.elements.popper, arrowElement)) {
-
       return;
     }
 
@@ -3004,10 +3035,9 @@
   // 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,
@@ -3090,7 +3120,7 @@
     var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
       x: x,
       y: y
-    }) : {
+    }, getWindow(popper)) : {
       x: x,
       y: y
     };
@@ -3116,7 +3146,6 @@
         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),
@@ -4184,8 +4213,7 @@
 
           state.orderedModifiers = orderedModifiers.filter(function (m) {
             return m.enabled;
-          }); // Validate the provided modifiers so that the consumer will get warned
-
+          });
           runModifierEffects();
           return instance.update();
         },
@@ -4205,7 +4233,6 @@
           // anymore
 
           if (!areValidElements(reference, popper)) {
-
             return;
           } // Store the reference and popper rects to be read by modifiers
 
@@ -4230,7 +4257,6 @@
           });
 
           for (var index = 0; index < state.orderedModifiers.length; index++) {
-
             if (state.reset === true) {
               state.reset = false;
               index = -1;
@@ -4268,7 +4294,6 @@
       };
 
       if (!areValidElements(reference, popper)) {
-
         return instance;
       }
 
@@ -4283,11 +4308,11 @@
       // 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({
@@ -4322,17 +4347,17 @@
 
   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') {
@@ -4351,11 +4376,11 @@
         });
 
         // 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);
     }
@@ -4382,12 +4407,12 @@
 
   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')) {
@@ -4395,7 +4420,7 @@
       }
 
       // 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({
@@ -4421,12 +4446,12 @@
 
   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 = {
@@ -4448,7 +4473,7 @@
         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.
@@ -4457,20 +4482,20 @@
       }
 
       // 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);
@@ -4551,22 +4576,22 @@
     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);
@@ -4574,33 +4599,33 @@
     };
     _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);
         });
       }
 
@@ -4645,5 +4670,5 @@
   exports.Popover = Popover;
   exports.core = index;
 
-})));
+}));
 //# sourceMappingURL=scripts.umd.js.map