vrembem 3.0.10 → 4.0.0-alpha.1

package/dev/scripts.js

@@ -4,10 +4,9 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
   }
 }
-
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
@@ -16,31 +15,25 @@ function _createClass(Constructor, protoProps, staticProps) {
   });
   return Constructor;
 }
-
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
-
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-
   _setPrototypeOf(subClass, superClass);
 }
-
 function _setPrototypeOf(o, p) {
   _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
@@ -48,31 +41,38 @@ function _setPrototypeOf(o, p) {
   };
   return _setPrototypeOf(o, p);
 }
-
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
-
   return self;
 }
-
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 var id = 0;
-
 function _classPrivateFieldLooseKey(name) {
   return "__private_" + id++ + "_" + name;
 }
-
 function _classPrivateFieldLooseBase(receiver, privateKey) {
   if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) {
     throw new TypeError("attempted to use private field on non-instance");
   }
-
   return receiver;
 }
 
 var _handler = /*#__PURE__*/_classPrivateFieldLooseKey("handler");
-
 var Breakpoint = /*#__PURE__*/function () {
   function Breakpoint(value, handler) {
     Object.defineProperty(this, _handler, {
@@ -83,52 +83,53 @@ var Breakpoint = /*#__PURE__*/function () {
     _classPrivateFieldLooseBase(this, _handler)[_handler] = handler;
     this.mql = null;
   }
-
   var _proto = Breakpoint.prototype;
-
   _proto.mount = function mount(value, handler) {
     // Update passed params.
     if (value) this.value = value;
-    if (handler) _classPrivateFieldLooseBase(this, _handler)[_handler] = handler; // Guard if no breakpoint was set.
+    if (handler) _classPrivateFieldLooseBase(this, _handler)[_handler] = handler;
 
-    if (!this.value) return this; // Setup and store the MediaQueryList instance.
+    // Guard if no breakpoint was set.
+    if (!this.value) return this;
 
-    this.mql = window.matchMedia("(min-width: " + this.value + ")"); // Conditionally use addListener() for IE11 support.
+    // Setup and store the MediaQueryList instance.
+    this.mql = window.matchMedia("(min-width: " + this.value + ")");
 
+    // Conditionally use addListener() for IE11 support.
     if (typeof this.mql.addEventListener === 'function') {
       this.mql.addEventListener('change', _classPrivateFieldLooseBase(this, _handler)[_handler]);
     } else {
       this.mql.addListener(_classPrivateFieldLooseBase(this, _handler)[_handler]);
-    } // Run the handler.
-
+    }
 
+    // Run the handler.
     _classPrivateFieldLooseBase(this, _handler)[_handler](this.mql);
-
     return this;
   };
-
   _proto.unmount = function unmount() {
     // Guard if no MediaQueryList instance exists.
-    if (!this.mql) return this; // Conditionally use removeListener() for IE11 support.
+    if (!this.mql) return this;
 
+    // Conditionally use removeListener() for IE11 support.
     if (typeof this.mql.removeEventListener === 'function') {
       this.mql.removeEventListener('change', _classPrivateFieldLooseBase(this, _handler)[_handler]);
     } else {
       this.mql.removeListener(_classPrivateFieldLooseBase(this, _handler)[_handler]);
-    } // Set value, handler and MediaQueryList to null.
-
+    }
 
+    // Set value, handler and MediaQueryList to null.
     this.value = null;
     _classPrivateFieldLooseBase(this, _handler)[_handler] = null;
     this.mql = null;
     return this;
   };
-
   _createClass(Breakpoint, [{
     key: "handler",
     get: function get() {
       return _classPrivateFieldLooseBase(this, _handler)[_handler];
-    } // Unmount existing handler before setting a new one.
+    }
+
+    // Unmount existing handler before setting a new one.
     ,
     set: function set(func) {
       if (this.mql) {
@@ -139,11 +140,9 @@ var Breakpoint = /*#__PURE__*/function () {
           this.mql.removeListener(_classPrivateFieldLooseBase(this, _handler)[_handler]);
         }
       }
-
       _classPrivateFieldLooseBase(this, _handler)[_handler] = func;
     }
   }]);
-
   return Breakpoint;
 }();
 
@@ -154,56 +153,45 @@ function _settle(pact, state, value) {
         if (state & 1) {
           state = value.s;
         }
-
         value = value.v;
       } else {
         value.o = _settle.bind(null, pact, state);
         return;
       }
     }
-
     if (value && value.then) {
       value.then(_settle.bind(null, pact, state), _settle.bind(null, pact, 2));
       return;
     }
-
     pact.s = state;
     pact.v = value;
-    var observer = pact.o;
-
+    const observer = pact.o;
     if (observer) {
       observer(pact);
     }
   }
 }
-
 var _Pact = /*#__PURE__*/function () {
   function _Pact() {}
-
   _Pact.prototype.then = function (onFulfilled, onRejected) {
     var result = new _Pact();
     var state = this.s;
-
     if (state) {
       var callback = state & 1 ? onFulfilled : onRejected;
-
       if (callback) {
         try {
           _settle(result, 1, callback(this.v));
         } catch (e) {
           _settle(result, 2, e);
         }
-
         return result;
       } else {
         return this;
       }
     }
-
     this.o = function (_this) {
       try {
         var value = _this.v;
-
         if (_this.s & 1) {
           _settle(result, 1, onFulfilled ? onFulfilled(value) : value);
         } else if (onRejected) {
@@ -215,38 +203,28 @@ var _Pact = /*#__PURE__*/function () {
         _settle(result, 2, e);
       }
     };
-
     return result;
   };
-
   return _Pact;
 }();
-
 function _isSettledPact(thenable) {
   return thenable instanceof _Pact && thenable.s & 1;
 }
-
 function _for(test, update, body) {
   var stage;
-
   for (;;) {
     var shouldContinue = test();
-
     if (_isSettledPact(shouldContinue)) {
       shouldContinue = shouldContinue.v;
     }
-
     if (!shouldContinue) {
       return result;
     }
-
     if (shouldContinue.then) {
       stage = 0;
       break;
     }
-
     var result = body();
-
     if (result && result.then) {
       if (_isSettledPact(result)) {
         result = result.s;
@@ -255,64 +233,47 @@ function _for(test, update, body) {
         break;
       }
     }
-
     if (update) {
       var updateValue = update();
-
       if (updateValue && updateValue.then && !_isSettledPact(updateValue)) {
         stage = 2;
         break;
       }
     }
   }
-
   var pact = new _Pact();
-
   var reject = _settle.bind(null, pact, 2);
-
   (stage === 0 ? shouldContinue.then(_resumeAfterTest) : stage === 1 ? result.then(_resumeAfterBody) : updateValue.then(_resumeAfterUpdate)).then(void 0, reject);
   return pact;
-
   function _resumeAfterBody(value) {
     result = value;
-
     do {
       if (update) {
         updateValue = update();
-
         if (updateValue && updateValue.then && !_isSettledPact(updateValue)) {
           updateValue.then(_resumeAfterUpdate).then(void 0, reject);
           return;
         }
       }
-
       shouldContinue = test();
-
       if (!shouldContinue || _isSettledPact(shouldContinue) && !shouldContinue.v) {
         _settle(pact, 1, result);
-
         return;
       }
-
       if (shouldContinue.then) {
         shouldContinue.then(_resumeAfterTest).then(void 0, reject);
         return;
       }
-
       result = body();
-
       if (_isSettledPact(result)) {
         result = result.v;
       }
     } while (!result || !result.then);
-
     result.then(_resumeAfterBody).then(void 0, reject);
   }
-
   function _resumeAfterTest(shouldContinue) {
     if (shouldContinue) {
       result = body();
-
       if (result && result.then) {
         result.then(_resumeAfterBody).then(void 0, reject);
       } else {
@@ -322,7 +283,6 @@ function _for(test, update, body) {
       _settle(pact, 1, result);
     }
   }
-
   function _resumeAfterUpdate() {
     if (shouldContinue = test()) {
       if (shouldContinue.then) {
@@ -335,129 +295,115 @@ function _for(test, update, body) {
     }
   }
 }
-
 var Collection = /*#__PURE__*/function () {
   function Collection() {
     this.collection = [];
   }
-
   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);
     }
   };
-
   _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);
     }
   };
-
   _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);
     }
   };
-
   _proto.get = function get(value, key) {
     if (key === void 0) {
       key = 'id';
     }
-
     return this.collection.find(function (item) {
       return item[key] === value;
     });
   };
-
   return Collection;
 }();
 
-var focusableSelectors = [
-  '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^="-"])',
+const not = {
+  inert: ':not([inert]):not([inert] *)',
+  negTabIndex: ':not([tabindex^="-"])',
+  disabled: ':not(:disabled)',
+};
+
+var e = [
+  `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");
-
 var _handleFocusTrap = /*#__PURE__*/_classPrivateFieldLooseKey("handleFocusTrap");
-
 var _handleFocusLock = /*#__PURE__*/_classPrivateFieldLooseKey("handleFocusLock");
-
 var FocusTrap = /*#__PURE__*/function () {
   function FocusTrap(el, selectorFocus) {
     if (el === void 0) {
       el = null;
     }
-
     if (selectorFocus === void 0) {
       selectorFocus = '[data-focus]';
     }
-
     Object.defineProperty(this, _focusable, {
       writable: true,
       value: void 0
@@ -475,73 +421,73 @@ var FocusTrap = /*#__PURE__*/function () {
     _classPrivateFieldLooseBase(this, _handleFocusTrap)[_handleFocusTrap] = handleFocusTrap.bind(this);
     _classPrivateFieldLooseBase(this, _handleFocusLock)[_handleFocusLock] = handleFocusLock.bind(this);
   }
-
   var _proto = FocusTrap.prototype;
-
   _proto.mount = function mount(el, selectorFocus) {
     // Update passed params.
     if (el) this.el = el;
-    if (selectorFocus) this.selectorFocus = selectorFocus; // Get the focusable elements.
+    if (selectorFocus) this.selectorFocus = selectorFocus;
 
-    this.focusable = this.getFocusable(); // Set the focus on the element.
+    // Get the focusable elements.
+    this.focusable = this.getFocusable();
 
+    // Set the focus on the element.
     this.focus();
   };
-
   _proto.unmount = function unmount() {
     // Set element to null.
-    this.el = null; // Apply empty array to focusable.
+    this.el = null;
 
-    this.focusable = []; // Remove event listeners
+    // Apply empty array to focusable.
+    this.focusable = [];
 
+    // Remove event listeners
     document.removeEventListener('keydown', _classPrivateFieldLooseBase(this, _handleFocusTrap)[_handleFocusTrap]);
     document.removeEventListener('keydown', _classPrivateFieldLooseBase(this, _handleFocusLock)[_handleFocusLock]);
   };
-
   _proto.focus = function focus(el, selectorFocus) {
     if (el === void 0) {
       el = this.el;
     }
-
     if (selectorFocus === void 0) {
       selectorFocus = this.selectorFocus;
     }
-
     // Query for the focus selector, otherwise return this element.
-    var result = el.querySelector(selectorFocus) || el; // Give the returned element focus.
-
+    var result = el.querySelector(selectorFocus) || el;
+    // Give the returned element focus.
     result.focus();
   };
-
   _proto.getFocusable = function getFocusable(el) {
     if (el === void 0) {
       el = this.el;
     }
-
     // Initialize the focusable array.
-    var focusable = []; // Store the initial focus and scroll position.
+    var focusable = [];
 
+    // Store the initial focus and scroll position.
     var initFocus = document.activeElement;
-    var initScrollTop = el.scrollTop; // Query for all the focusable elements.
+    var initScrollTop = el.scrollTop;
 
-    var els = el.querySelectorAll(focusableSelectors.join(',')); // Loop through all focusable elements.
+    // Query for all the focusable elements.
+    var els = el.querySelectorAll(e.join(','));
 
+    // Loop through all focusable elements.
     els.forEach(function (el) {
       // Set them to focus and check 
-      el.focus(); // Test that the element took focus.
-
+      el.focus();
+      // Test that the element took focus.
       if (document.activeElement === el) {
         // Add element to the focusable array.
         focusable.push(el);
       }
-    }); // Restore the initial scroll position and focus.
+    });
 
+    // Restore the initial scroll position and focus.
     el.scrollTop = initScrollTop;
-    initFocus.focus(); // Return the focusable array.
+    initFocus.focus();
 
+    // Return the focusable array.
     return focusable;
   };
-
   _createClass(FocusTrap, [{
     key: "focusable",
     get: function get() {
@@ -549,8 +495,9 @@ var FocusTrap = /*#__PURE__*/function () {
     },
     set: function set(value) {
       // Update the focusable value.
-      _classPrivateFieldLooseBase(this, _focusable)[_focusable] = value; // Apply event listeners based on new focusable array length.
+      _classPrivateFieldLooseBase(this, _focusable)[_focusable] = value;
 
+      // Apply event listeners based on new focusable array length.
       if (_classPrivateFieldLooseBase(this, _focusable)[_focusable].length) {
         document.removeEventListener('keydown', _classPrivateFieldLooseBase(this, _handleFocusLock)[_handleFocusLock]);
         document.addEventListener('keydown', _classPrivateFieldLooseBase(this, _handleFocusTrap)[_handleFocusTrap]);
@@ -570,15 +517,14 @@ var FocusTrap = /*#__PURE__*/function () {
       return this.focusable[this.focusable.length - 1];
     }
   }]);
-
   return FocusTrap;
 }();
-
 function handleFocusTrap(event) {
   // Check if the click was a tab and return if not.
   var isTab = event.key === 'Tab' || event.keyCode === 9;
-  if (!isTab) return; // If the shift key is pressed.
+  if (!isTab) return;
 
+  // If the shift key is pressed.
   if (event.shiftKey) {
     // If the active element is either the root el or first focusable.
     if (document.activeElement === this.focusableFirst || document.activeElement === this.el) {
@@ -595,7 +541,6 @@ function handleFocusTrap(event) {
     }
   }
 }
-
 function handleFocusLock(event) {
   // Ignore the tab key by preventing default.
   var isTab = event.key === 'Tab' || event.keyCode === 9;
@@ -616,7 +561,6 @@ function localStore(key, enable) {
   if (enable === void 0) {
     enable = true;
   }
-
   var local = localStorage.getItem(key);
   var store = local ? JSON.parse(local) : {};
   return {
@@ -629,7 +573,6 @@ function localStore(key, enable) {
       } else {
         delete store[prop];
       }
-
       if (enable) localStorage.setItem(key, JSON.stringify(store));
       return store;
     }
@@ -650,31 +593,37 @@ function localStore(key, enable) {
 function teleport(what, where, how) {
   // Check if ref is either a comment or element node.
   var isComment = where.nodeType === Node.COMMENT_NODE;
-  var isElement = where.nodeType === Node.ELEMENT_NODE; // Get the reference element.
+  var isElement = where.nodeType === Node.ELEMENT_NODE;
 
-  where = isComment || isElement ? where : document.querySelector(where); // If ref is a comment, set teleport type to 'after'.
+  // Get the reference element.
+  where = isComment || isElement ? where : document.querySelector(where);
 
-  if (isComment) how = 'after'; // Must be a valid reference element and method.
+  // If ref is a comment, set teleport type to 'after'.
+  if (isComment) how = 'after';
 
+  // Must be a valid reference element and method.
   if (!where) throw new Error("Not a valid teleport reference: '" + where + "'");
-  if (typeof where[how] != 'function') throw new Error("Not a valid teleport method: '" + how + "'"); // Initial return ref is null.
+  if (typeof where[how] != 'function') throw new Error("Not a valid teleport method: '" + how + "'");
 
-  var returnRef = null; // If ref is not a comment, set a return reference comment.
+  // Initial return ref is null.
+  var returnRef = null;
 
+  // If ref is not a comment, set a return reference comment.
   if (!isComment) {
     returnRef = document.createComment('teleported #' + what.id);
     what.before(returnRef);
-  } // Teleport the target node.
-
+  }
 
-  where[how](what); // Delete the comment node if element was returned to a comment reference.
+  // Teleport the target node.
+  where[how](what);
 
+  // Delete the comment node if element was returned to a comment reference.
   if (isComment) {
     where.remove();
-  } // Return the return reference if it was teleported else return null if it was
-  // returned to a comment reference.
-
+  }
 
+  // Return the return reference if it was teleported else return null if it was
+  // returned to a comment reference.
   return returnRef;
 }
 
@@ -727,7 +676,6 @@ function setOverflowHidden(state, selector) {
     });
   }
 }
-
 function setInert(state, selector) {
   if (selector) {
     var els = document.querySelectorAll(selector);
@@ -742,11 +690,11 @@ function setInert(state, selector) {
     });
   }
 }
-
 function updateGlobalState(param, config) {
   // Set inert state based on if a modal is active.
-  setInert(!!param, config.selectorInert); // Set overflow state based on if a modal is active.
+  setInert(!!param, config.selectorInert);
 
+  // Set overflow state based on if a modal is active.
   setOverflowHidden(!!param, config.selectorOverflow);
 }
 
@@ -777,25 +725,20 @@ var Checkbox = /*#__PURE__*/function () {
     this.__handlerClick = this.handlerClick.bind(this);
     if (this.settings.autoInit) this.init();
   }
-
   var _proto = Checkbox.prototype;
-
   _proto.init = function init(options) {
     if (options === void 0) {
       options = null;
     }
-
     if (options) this.settings = _extends({}, this.settings, options);
     var selector = "[" + this.settings.stateAttr + "=\"" + this.settings.stateValue + "\"]";
     var mixed = document.querySelectorAll(selector);
     this.setIndeterminate(mixed);
     document.addEventListener('click', this.__handlerClick, false);
   };
-
   _proto.destroy = function destroy() {
     document.removeEventListener('click', this.__handlerClick, false);
   };
-
   _proto.handlerClick = function handlerClick(event) {
     var selector = "[" + this.settings.stateAttr + "=\"" + this.settings.stateValue + "\"]";
     var el = event.target.closest(selector);
@@ -803,32 +746,25 @@ var Checkbox = /*#__PURE__*/function () {
     this.removeAriaState(el);
     this.setIndeterminate(el);
   };
-
   _proto.setAriaState = function setAriaState(el, value) {
     var _this = this;
-
     if (value === void 0) {
       value = this.settings.stateValue;
     }
-
     el = el.forEach ? el : [el];
     el.forEach(function (el) {
       el.setAttribute(_this.settings.stateAttr, value);
     });
   };
-
   _proto.removeAriaState = function removeAriaState(el) {
     var _this2 = this;
-
     el = el.forEach ? el : [el];
     el.forEach(function (el) {
       el.removeAttribute(_this2.settings.stateAttr);
     });
   };
-
   _proto.setIndeterminate = function setIndeterminate(el) {
     var _this3 = this;
-
     el = el.forEach ? el : [el];
     el.forEach(function (el) {
       if (el.hasAttribute(_this3.settings.stateAttr)) {
@@ -838,7 +774,6 @@ var Checkbox = /*#__PURE__*/function () {
       }
     });
   };
-
   return Checkbox;
 }();
 
@@ -875,68 +810,61 @@ var defaults$2 = {
 
 function handleClick$2(event) {
   var _this = this;
-
   // If an open, close or toggle button was clicked, handle the click event.
   var trigger = event.target.closest("\n    [data-" + this.settings.dataOpen + "],\n    [data-" + this.settings.dataToggle + "],\n    [data-" + this.settings.dataClose + "]\n  ");
-
   if (trigger) {
     // Prevent the default behavior of the trigger.
-    event.preventDefault(); // If it's a toggle trigger...
+    event.preventDefault();
 
+    // If it's a toggle trigger...
     if (trigger.matches("[data-" + this.settings.dataToggle + "]")) {
       var selectors = trigger.getAttribute("data-" + this.settings.dataToggle).trim().split(' ');
       selectors.forEach(function (selector) {
         // Get the entry from collection using the attribute value.
-        var entry = _this.get(selector); // Store the trigger on the entry.
-
-
-        entry.trigger = trigger; // Toggle the drawer
-
+        var entry = _this.get(selector);
+        // Store the trigger on the entry.
+        entry.trigger = trigger;
+        // Toggle the drawer
         entry.toggle();
       });
-    } // If it's a open trigger...
-
+    }
 
+    // If it's a open trigger...
     if (trigger.matches("[data-" + this.settings.dataOpen + "]")) {
       var _selectors = trigger.getAttribute("data-" + this.settings.dataOpen).trim().split(' ');
-
       _selectors.forEach(function (selector) {
         // Get the entry from collection using the attribute value.
-        var entry = _this.get(selector); // Store the trigger on the entry.
-
-
-        entry.trigger = trigger; // Open the drawer.
-
+        var entry = _this.get(selector);
+        // Store the trigger on the entry.
+        entry.trigger = trigger;
+        // Open the drawer.
         entry.open();
       });
-    } // If it's a close trigger...
-
+    }
 
+    // If it's a close trigger...
     if (trigger.matches("[data-" + this.settings.dataClose + "]")) {
       var _selectors2 = trigger.getAttribute("data-" + this.settings.dataClose).trim().split(' ');
-
       _selectors2.forEach(function (selector) {
         if (selector) {
           // Get the entry from collection using the attribute value.
-          var entry = _this.get(selector); // Store the trigger on the entry.
-
-
-          entry.trigger = trigger; // Close the drawer.
-
+          var entry = _this.get(selector);
+          // Store the trigger on the entry.
+          entry.trigger = trigger;
+          // Close the drawer.
           entry.close();
         } else {
           // If no value is set on close trigger, get the parent drawer.
-          var parent = event.target.closest(_this.settings.selectorDrawer); // If a parent drawer was found, close it.
-
+          var parent = event.target.closest(_this.settings.selectorDrawer);
+          // If a parent drawer was found, close it.
           if (parent) _this.close(parent);
         }
       });
     }
-
     return;
-  } // If the modal drawer screen was clicked...
-
+  }
 
+  // If the modal drawer screen was clicked...
   if (event.target.matches(this.settings.selectorDrawer)) {
     // Close the modal drawer.
     this.close(event.target.id);
@@ -953,54 +881,50 @@ var deregister$2 = function deregister(obj, close) {
   if (close === void 0) {
     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); // Check if entry has been registered in the collection.
+    if (!obj) return Promise.resolve(_this.collection);
 
-    var index = _this2.collection.findIndex(function (entry) {
+    // Check if entry has been registered in the collection.
+    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); // Unmount the MatchMedia functionality.
-
-
-          _entry.unmountBreakpoint(); // Delete properties from collection entry.
+          _this.store.set(_entry.id);
 
+          // Unmount the MatchMedia functionality.
+          _entry.unmountBreakpoint();
 
+          // Delete properties from collection entry.
           Object.getOwnPropertyNames(_entry).forEach(function (prop) {
             delete _entry[prop];
-          }); // Remove entry from collection.
+          });
 
-          _this2.collection.splice(index, 1);
+          // Remove entry from collection.
+          _this.collection.splice(index, 1);
         };
-
         // Get the collection entry.
-        var _entry = _this2.collection[index]; // If entry is in the opened state.
+        var _entry = _this.collection[index];
 
-        var _temp8 = function () {
+        // If entry is in the opened state.
+        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);
   }
@@ -1013,7 +937,6 @@ function g() {
 function getBreakpoint(drawer) {
   var prefix = g();
   var bp = drawer.getAttribute("data-" + this.settings.dataBreakpoint);
-
   if (this.settings.breakpoints && this.settings.breakpoints[bp]) {
     return this.settings.breakpoints[bp];
   } else if (getComputedStyle(document.body).getPropertyValue("--" + prefix + "breakpoint-" + bp).trim()) {
@@ -1025,8 +948,9 @@ function getBreakpoint(drawer) {
 
 function getDrawer(query) {
   // Get the entry from collection.
-  var entry = typeof query === 'string' ? this.get(query) : this.get(query.id); // Return entry if it was resolved, otherwise throw error.
+  var entry = typeof query === 'string' ? this.get(query) : this.get(query.id);
 
+  // Return entry if it was resolved, otherwise throw error.
   if (entry) {
     return entry;
   } else {
@@ -1038,37 +962,49 @@ function getDrawerID(obj) {
   // If it's a string, return the string.
   if (typeof obj === 'string') {
     return obj;
-  } // If it's an HTML element.
+  }
+
+  // If it's an HTML element.
   else if (typeof obj.hasAttribute === 'function') {
     // If it's a drawer open trigger, return data value.
     if (obj.hasAttribute("data-" + this.settings.dataOpen)) {
       return obj.getAttribute("data-" + this.settings.dataOpen);
-    } // If it's a drawer close trigger, return data value or false.
+    }
+
+    // If it's a drawer close trigger, return data value or false.
     else if (obj.hasAttribute("data-" + this.settings.dataClose)) {
       return obj.getAttribute("data-" + this.settings.dataClose) || false;
-    } // If it's a drawer toggle trigger, return data value.
+    }
+
+    // If it's a drawer toggle trigger, return data value.
     else if (obj.hasAttribute("data-" + this.settings.dataToggle)) {
       return obj.getAttribute("data-" + this.settings.dataToggle);
-    } // If it's a drawer element, return the id.
+    }
+
+    // If it's a drawer element, return the id.
     else if (obj.closest(this.settings.selectorDrawer)) {
       obj = obj.closest(this.settings.selectorDrawer);
       return obj.id || false;
-    } // Return false if no id was found.
+    }
+
+    // Return false if no id was found.
     else return false;
-  } // If it has an id property, return its value.
+  }
+
+  // If it has an id property, return its value.
   else if (obj.id) {
     return obj.id;
-  } // Return false if no id was found.
+  }
+
+  // Return false if no id was found.
   else return false;
 }
 
 function getDrawerElements(query) {
   var id = getDrawerID.call(this, query);
-
   if (id) {
     var drawer = document.querySelector("#" + id);
     var dialog = drawer ? drawer.querySelector(this.settings.selectorDialog) : null;
-
     if (!drawer && !dialog) {
       return {
         error: new Error("No drawer elements found using the ID: \"" + id + "\".")
@@ -1092,36 +1028,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); // Add closed state class.
-
-        entry.el.classList.add(_this2.settings.stateClosed);
+        entry.el.classList.remove(_this.settings.stateOpening);
+        entry.el.classList.remove(_this.settings.stateClosing);
+        // Add closed state class.
+        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);
   }
@@ -1142,7 +1075,6 @@ function updateFocusState$1(entry) {
       entry.trigger.focus();
       entry.trigger = null;
     }
-
     this.focusTrap.unmount();
   }
 }
@@ -1151,48 +1083,49 @@ var open$2 = function open(query, transition, focus) {
   if (focus === void 0) {
     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);
-      } // Dispatch custom opened event.
-
+        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 the drawer.
       return drawer;
     };
-
-    var _this2 = this;
-
+    var _this = this;
     // Get the drawer from collection.
-    var drawer = getDrawer.call(_this2, query); // Get the modal configuration.
-
-    var config = _extends({}, _this2.settings, drawer.settings); // Add transition parameter to configuration.
+    var drawer = getDrawer.call(_this, query);
 
+    // Get the modal configuration.
+    var config = _extends({}, _this.settings, drawer.settings);
 
-    if (transition !== undefined) config.transition = transition; // If drawer is closed.
+    // Add transition parameter to configuration.
+    if (transition !== undefined) config.transition = transition;
 
-    var _temp4 = function () {
+    // If drawer is closed.
+    var _temp = function () {
       if (drawer.state === 'closed') {
         // Update drawer state.
-        drawer.state = 'opening'; // Run the open transition.
+        drawer.state = 'opening';
 
+        // Run the open transition.
         return Promise.resolve(openTransition(drawer.el, config)).then(function () {
           // Update the global state if mode is modal.
-          if (drawer.mode === 'modal') updateGlobalState(true, config); // Update drawer state.
+          if (drawer.mode === 'modal') updateGlobalState(true, config);
 
+          // Update drawer state.
           drawer.state = 'opened';
         });
       }
     }();
-
-    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);
   }
@@ -1202,45 +1135,48 @@ var close$2 = function close(query, transition, focus) {
   if (focus === void 0) {
     focus = true;
   }
-
   try {
-    var _this2 = this;
-
+    var _this = this;
     // Get the drawer from collection.
-    var drawer = getDrawer.call(_this2, query); // Get the modal configuration.
+    var drawer = getDrawer.call(_this, query);
 
-    var config = _extends({}, _this2.settings, drawer.settings); // Add transition parameter to configuration.
+    // Get the modal configuration.
+    var config = _extends({}, _this.settings, drawer.settings);
 
+    // Add transition parameter to configuration.
+    if (transition !== undefined) config.transition = transition;
 
-    if (transition !== undefined) config.transition = transition; // If drawer is opened.
-
-    var _temp2 = function () {
+    // If drawer is opened.
+    var _temp = function () {
       if (drawer.state === 'opened') {
         // Update drawer state.
-        drawer.state = 'closing'; // Remove focus from active element.
+        drawer.state = 'closing';
 
-        document.activeElement.blur(); // Run the close transition.
+        // Remove focus from active element.
+        document.activeElement.blur();
 
+        // Run the close transition.
         return Promise.resolve(closeTransition(drawer.el, config)).then(function () {
           // Update the global state if mode is modal.
-          if (drawer.mode === 'modal') updateGlobalState(false, config); // Set focus to the trigger element if the focus param is true.
+          if (drawer.mode === 'modal') updateGlobalState(false, config);
 
+          // Set focus to the trigger element if the focus param is true.
           if (focus) {
-            updateFocusState$1.call(_this2, drawer);
-          } // Update drawer state.
-
+            updateFocusState$1.call(_this, drawer);
+          }
 
-          drawer.state = 'closed'; // Dispatch custom closed event.
+          // Update drawer state.
+          drawer.state = 'closed';
 
+          // 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);
@@ -1251,15 +1187,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); // Open or close the drawer based on its current state.
+    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);
@@ -1268,70 +1204,72 @@ 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.
-    entry.el.classList.add(entry.getSetting('classModal')); // Set aria-modal attribute to true.
+    entry.el.classList.add(entry.getSetting('classModal'));
 
-    entry.dialog.setAttribute('aria-modal', 'true'); // If there isn't a stored state but also has the opened state class...
+    // Set aria-modal attribute to true.
+    entry.dialog.setAttribute('aria-modal', 'true');
 
-    if (!_this4.store.get(entry.id) && entry.el.classList.contains(entry.getSetting('stateOpened'))) {
+    // If there isn't a stored state but also has the opened state class...
+    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');
-    } // Modal drawer defaults to closed state.
-
+      _this2.store.set(entry.id, 'opened');
+    }
 
-    return Promise.resolve(close$2.call(_this4, entry, false, false)).then(function () {
+    // Modal drawer defaults to closed state.
+    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
-      })); // Return the entry.
+      }));
 
+      // Return the entry.
       return entry;
     });
   } catch (e) {
     return Promise.reject(e);
   }
 };
-
 var toInline = function toInline(entry) {
   try {
-    var _this2 = this;
-
+    var _this = this;
     // Remove the modal class.
-    entry.el.classList.remove(entry.getSetting('classModal')); // Remove the aria-modal attribute.
+    entry.el.classList.remove(entry.getSetting('classModal'));
 
-    entry.dialog.removeAttribute('aria-modal'); // Update the global state.
+    // Remove the aria-modal attribute.
+    entry.dialog.removeAttribute('aria-modal');
 
-    updateGlobalState(false, _extends({}, _this2.settings, entry.settings)); // Remove any focus traps.
+    // Update the global state.
+    updateGlobalState(false, _extends({}, _this.settings, entry.settings));
 
-    _this2.focusTrap.unmount(); // Setup initial state.
+    // Remove any focus traps.
+    _this.focusTrap.unmount();
 
-
-    return Promise.resolve(initialState.call(_this2, entry)).then(function () {
+    // Setup initial state.
+    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
-      })); // Return the entry.
+      }));
 
+      // Return the entry.
       return entry;
     });
   } catch (e) {
     return Promise.reject(e);
   }
 };
-
 function switchMode(entry) {
   switch (entry.mode) {
     case 'inline':
       return toInline.call(this, entry);
-
     case 'modal':
       return toModal.call(this, entry);
-
     default:
       throw new Error("\"" + entry.mode + "\" is not a valid drawer mode.");
   }
@@ -1339,15 +1277,16 @@ 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; // Create an instance of the Breakpoint class.
+      var root = _this;
 
-      var breakpoint = new Breakpoint(); // Setup methods API.
+      // Create an instance of the Breakpoint class.
+      var breakpoint = new Breakpoint();
 
+      // Setup methods API.
       var methods = {
         open: function open(transition, focus) {
           return open$2.call(root, this, transition, focus);
@@ -1378,76 +1317,70 @@ var register$2 = function register(el, dialog) {
         getSetting: function getSetting(key) {
           return key in this.settings ? this.settings[key] : root.settings[key];
         }
-      }; // Setup the drawer object.
+      };
 
+      // Setup the drawer object.
       var entry = _extends({
         id: el.id,
         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);
         },
-
         get state() {
           return __state;
         },
-
         set state(value) {
-          __state = value; // Save 'opened' and 'closed' states to store if mode is inline.
-
+          __state = value;
+          // Save 'opened' and 'closed' states to store if mode is inline.
           if (value === 'opened' || value === 'closed') {
             if (this.mode === 'inline') root.store.set(this.id, this.state);
           }
         },
-
         get mode() {
           return __mode;
         },
-
         set mode(value) {
           __mode = value;
           switchMode.call(root, this);
         }
+      }, methods);
 
-      }, methods); // Create the state var with the initial state.
-
-
-      var __state = el.classList.contains(entry.getSetting('stateOpened')) ? 'opened' : 'closed'; // Create the mode var with the initial mode.
-
-
-      var __mode = el.classList.contains(entry.getSetting('classModal')) ? 'modal' : 'inline'; // Setup mode specific attributes.
+      // Create the state var with the initial state.
+      var __state = el.classList.contains(entry.getSetting('stateOpened')) ? 'opened' : 'closed';
 
+      // Create the mode var with the initial mode.
+      var __mode = el.classList.contains(entry.getSetting('classModal')) ? 'modal' : 'inline';
 
+      // Setup mode specific attributes.
       if (entry.mode === 'modal') {
         // Set aria-modal attribute to true.
         entry.dialog.setAttribute('aria-modal', 'true');
       } else {
         // Remove the aria-modal attribute.
         entry.dialog.removeAttribute('aria-modal');
-      } // Set tabindex="-1" so dialog is focusable via JS or click.
-
+      }
 
+      // Set tabindex="-1" so dialog is focusable via JS or click.
       if (entry.getSetting('setTabindex')) {
         entry.dialog.setAttribute('tabindex', '-1');
-      } // Add entry to collection.
-
-
-      _this2.collection.push(entry); // If the entry has a breakpoint...
+      }
 
+      // Add entry to collection.
+      _this.collection.push(entry);
 
+      // If the entry has a breakpoint...
       var _temp = function () {
         if (entry.breakpoint) {
           // Mount media query breakpoint functionality.
           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 () {
         // Return the registered entry.
         return entry;
@@ -1459,15 +1392,11 @@ var register$2 = function register(el, dialog) {
 };
 
 var _handleClick$1 = /*#__PURE__*/_classPrivateFieldLooseKey("handleClick");
-
 var _handleKeydown$2 = /*#__PURE__*/_classPrivateFieldLooseKey("handleKeydown");
-
 var Drawer = /*#__PURE__*/function (_Collection) {
   _inheritsLoose(Drawer, _Collection);
-
   function Drawer(options) {
     var _this;
-
     _this = _Collection.call(this) || this;
     Object.defineProperty(_assertThisInitialized(_this), _handleClick$1, {
       writable: true,
@@ -1479,96 +1408,81 @@ var Drawer = /*#__PURE__*/function (_Collection) {
     });
     _this.defaults = defaults$2;
     _this.settings = _extends({}, _this.defaults, options);
-    _this.focusTrap = new FocusTrap(); // Setup local store for inline drawer state management.
+    _this.focusTrap = new FocusTrap();
 
+    // Setup local store for inline drawer state management.
     _this.store = localStore(_this.settings.storeKey, _this.settings.store);
     _classPrivateFieldLooseBase(_assertThisInitialized(_this), _handleClick$1)[_handleClick$1] = handleClick$2.bind(_assertThisInitialized(_this));
     _classPrivateFieldLooseBase(_assertThisInitialized(_this), _handleKeydown$2)[_handleKeydown$2] = handleKeydown$2.bind(_assertThisInitialized(_this));
     if (_this.settings.autoInit) _this.init();
     return _this;
   }
-
   var _proto = Drawer.prototype;
-
   _proto.init = function init(options) {
     if (options === void 0) {
       options = null;
     }
-
     try {
-      var _this3 = this;
-
+      var _this2 = this;
       // Update settings with passed options.
-      if (options) _this3.settings = _extends({}, _this3.settings, options); // Get all the modals.
+      if (options) _this2.settings = _extends({}, _this2.settings, options);
 
-      var drawers = document.querySelectorAll(_this3.settings.selectorDrawer); // Register the collections array with modal instances.
+      // Get all the modals.
+      var drawers = document.querySelectorAll(_this2.settings.selectorDrawer);
 
-      return Promise.resolve(_this3.registerCollection(drawers)).then(function () {
+      // Register the collections array with modal instances.
+      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);
     }
   };
-
   _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);
     }
   };
-
   _proto.initEventListeners = function initEventListeners() {
     document.addEventListener('click', _classPrivateFieldLooseBase(this, _handleClick$1)[_handleClick$1], false);
-    document.addEventListener('touchend', _classPrivateFieldLooseBase(this, _handleClick$1)[_handleClick$1], false);
     document.addEventListener('keydown', _classPrivateFieldLooseBase(this, _handleKeydown$2)[_handleKeydown$2], false);
   };
-
   _proto.destroyEventListeners = function destroyEventListeners() {
     document.removeEventListener('click', _classPrivateFieldLooseBase(this, _handleClick$1)[_handleClick$1], false);
-    document.removeEventListener('touchend', _classPrivateFieldLooseBase(this, _handleClick$1)[_handleClick$1], false);
     document.removeEventListener('keydown', _classPrivateFieldLooseBase(this, _handleKeydown$2)[_handleKeydown$2], false);
   };
-
   _proto.register = function register(query) {
     var els = getDrawerElements.call(this, query);
     if (els.error) return Promise.reject(els.error);
     return register$2.call(this, els.drawer, els.dialog);
   };
-
   _proto.deregister = function deregister(query) {
     var entry = this.get(getDrawerID.call(this, query));
     return deregister$2.call(this, entry);
   };
-
   _proto.open = function open(id, transition, focus) {
     return open$2.call(this, id, transition, focus);
   };
-
   _proto.close = function close(id, transition, focus) {
     return close$2.call(this, id, transition, focus);
   };
-
   _proto.toggle = function toggle$1(id, transition, focus) {
     return toggle.call(this, id, transition, focus);
   };
-
   _createClass(Drawer, [{
     key: "activeModal",
     get: function get() {
@@ -1577,7 +1491,6 @@ var Drawer = /*#__PURE__*/function (_Collection) {
       });
     }
   }]);
-
   return Drawer;
 }(Collection);
 
@@ -1611,8 +1524,9 @@ var defaults$1 = {
 
 function getModal(query) {
   // Get the entry from collection.
-  var entry = typeof query === 'string' ? this.get(query) : this.get(query.id); // Return entry if it was resolved, otherwise throw error.
+  var entry = typeof query === 'string' ? this.get(query) : this.get(query.id);
 
+  // Return entry if it was resolved, otherwise throw error.
   if (entry) {
     return entry;
   } else {
@@ -1624,37 +1538,49 @@ function getModalID(obj) {
   // If it's a string, return the string.
   if (typeof obj === 'string') {
     return obj;
-  } // If it's an HTML element.
+  }
+
+  // If it's an HTML element.
   else if (typeof obj.hasAttribute === 'function') {
     // If it's a modal open trigger, return data value.
     if (obj.hasAttribute("data-" + this.settings.dataOpen)) {
       return obj.getAttribute("data-" + this.settings.dataOpen);
-    } // If it's a modal close trigger, return data value or false.
+    }
+
+    // If it's a modal close trigger, return data value or false.
     else if (obj.hasAttribute("data-" + this.settings.dataClose)) {
       return obj.getAttribute("data-" + this.settings.dataClose) || false;
-    } // If it's a modal replace trigger, return data value.
+    }
+
+    // If it's a modal replace trigger, return data value.
     else if (obj.hasAttribute("data-" + this.settings.dataReplace)) {
       return obj.getAttribute("data-" + this.settings.dataReplace);
-    } // If it's a modal element, return the id.
+    }
+
+    // If it's a modal element, return the id.
     else if (obj.closest(this.settings.selectorModal)) {
       obj = obj.closest(this.settings.selectorModal);
       return obj.id || false;
-    } // Return false if no id was found.
+    }
+
+    // Return false if no id was found.
     else return false;
-  } // If it has an id property, return its value.
+  }
+
+  // If it has an id property, return its value.
   else if (obj.id) {
     return obj.id;
-  } // Return false if no id was found.
+  }
+
+  // Return false if no id was found.
   else return false;
 }
 
 function getModalElements(query) {
   var id = getModalID.call(this, query);
-
   if (id) {
     var modal = document.querySelector("#" + id);
     var dialog = modal ? modal.querySelector(this.settings.selectorDialog) : null;
-
     if (!modal && !dialog) {
       return {
         error: new Error("No modal elements found using the ID: \"" + id + "\".")
@@ -1687,46 +1613,40 @@ function updateFocusState() {
       this.trigger.focus();
       this.trigger = null;
     }
-
     this.focusTrap.unmount();
   }
 }
 
 var handleClick$1 = function handleClick(event) {
-  try {
-    var _this2 = this;
-
+  try {
+    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; // Get the modal.
-
-      var modal = _this2.get(getModalID.call(_this2, 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());
-    } // If a close button was clicked, close the modal.
-
-
-    trigger = event.target.closest("[data-" + _this2.settings.dataClose + "]");
+      event.preventDefault();
+      // Save the trigger if it's not coming from inside a modal.
+      var fromModal = event.target.closest(_this.settings.selectorModal);
+      if (!fromModal) _this.trigger = trigger;
+      // Get the modal.
+      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-" + _this.settings.dataOpen + "]") ? modal.open() : modal.replace());
+    }
 
+    // If a close button was clicked, close the modal.
+    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); // Close all if * wildcard is passed, otherwise close a single modal.
-
-      return Promise.resolve(value === '*' ? _this2.closeAll() : _this2.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)));
+      event.preventDefault();
+      // Get the value of the data attribute.
+      var value = trigger.getAttribute("data-" + _this.settings.dataClose);
+      // Close all if * wildcard is passed, otherwise close a single modal.
+      return Promise.resolve(value === '*' ? _this.closeAll() : _this.close(value));
     }
 
+    // If the modal screen was clicked, close the modal.
+    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) {
     return Promise.reject(e);
@@ -1746,55 +1666,51 @@ var deregister$1 = function deregister(obj, close) {
   if (close === void 0) {
     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); // Check if entry has been registered in the collection.
+    if (!obj) return Promise.resolve(_this.collection);
 
-    var index = _this2.collection.findIndex(function (entry) {
+    // Check if entry has been registered in the collection.
+    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();
-          } // Delete properties from collection entry.
-
+          }
 
+          // Delete properties from collection entry.
           Object.getOwnPropertyNames(_entry).forEach(function (prop) {
             delete _entry[prop];
-          }); // Remove entry from collection.
+          });
 
-          _this2.collection.splice(index, 1);
+          // Remove entry from collection.
+          _this.collection.splice(index, 1);
         };
-
         // Get the collection entry.
-        var _entry = _this2.collection[index]; // If entry is in the opened state, close it.
+        var _entry = _this.collection[index];
 
-        var _temp8 = function () {
+        // If entry is in the opened state, close it.
+        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);
   }
@@ -1804,52 +1720,52 @@ var open$1 = function open(query, transition, focus) {
   if (focus === void 0) {
     focus = true;
   }
-
   try {
-    var _temp3 = function _temp3() {
+    var _temp2 = function _temp2() {
       // Update focus if the focus param is true.
       if (focus) {
-        updateFocusState.call(_this2);
-      } // Dispatch custom opened event.
-
+        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 the modal.
       return modal;
     };
-
-    var _this2 = this;
-
+    var _this = this;
     // Get the modal from collection.
-    var modal = getModal.call(_this2, query); // Get the modal configuration.
-
-    var config = _extends({}, _this2.settings, modal.settings); // Add transition parameter to configuration.
+    var modal = getModal.call(_this, query);
 
+    // Get the modal configuration.
+    var config = _extends({}, _this.settings, modal.settings);
 
-    if (transition !== undefined) config.transition = transition; // Maybe add modal to top of stack.
+    // Add transition parameter to configuration.
+    if (transition !== undefined) config.transition = transition;
 
-    _this2.stack.moveToTop(modal); // If modal is closed.
+    // Maybe add modal to top of stack.
+    _this.stack.moveToTop(modal);
 
-
-    var _temp4 = function () {
+    // If modal is closed.
+    var _temp = function () {
       if (modal.state === 'closed') {
         // Update modal state.
-        modal.state = 'opening'; // Add modal to stack.
-
-        _this2.stack.add(modal); // Run the open transition.
+        modal.state = 'opening';
 
+        // Add modal to stack.
+        _this.stack.add(modal);
 
+        // Run the open transition.
         return Promise.resolve(openTransition(modal.el, config)).then(function () {
           // Update modal state.
           modal.state = 'opened';
         });
       }
     }();
-
-    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);
   }
@@ -1859,46 +1775,48 @@ var close$1 = function close(query, transition, focus) {
   if (focus === void 0) {
     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; // If a modal exists and its state is opened.
+    var modal = query ? getModal.call(_this, query) : _this.active;
 
-    var _temp2 = function () {
+    // If a modal exists and its state is opened.
+    var _temp = function () {
       if (modal && modal.state === 'opened') {
         // Update modal state.
-        modal.state = 'closing'; // Get the modal configuration.
+        modal.state = 'closing';
 
-        var config = _extends({}, _this2.settings, modal.settings); // Add transition parameter to configuration.
+        // Get the modal configuration.
+        var config = _extends({}, _this.settings, modal.settings);
 
+        // Add transition parameter to configuration.
+        if (transition !== undefined) config.transition = transition;
 
-        if (transition !== undefined) config.transition = transition; // Remove focus from active element.
-
-        document.activeElement.blur(); // Run the close transition.
+        // Remove focus from active element.
+        document.activeElement.blur();
 
+        // Run the close transition.
         return Promise.resolve(closeTransition(modal.el, config)).then(function () {
           // Remove modal from stack.
-          _this2.stack.remove(modal); // Update focus if the focus param is true.
-
+          _this.stack.remove(modal);
 
+          // Update focus if the focus param is true.
           if (focus) {
-            updateFocusState.call(_this2);
-          } // Update modal state.
-
+            updateFocusState.call(_this);
+          }
 
-          modal.state = 'closed'; // Dispatch custom closed event.
+          // Update modal state.
+          modal.state = 'closed';
 
+          // 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);
@@ -1909,27 +1827,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);
       }
@@ -1945,44 +1860,40 @@ var replace = function replace(query, transition, focus) {
   if (focus === void 0) {
     focus = true;
   }
-
   try {
-    var _temp3 = function _temp3() {
+    var _temp2 = function _temp2() {
       // Update focus if the focus param is true.
       if (focus) {
-        updateFocusState.call(_this2);
-      } // Return the modals there were opened and closed.
-
+        updateFocusState.call(_this);
+      }
 
+      // Return the modals there were opened and closed.
       return {
         opened: resultOpened,
         closed: resultClosed
       };
     };
-
-    var _this2 = this;
-
+    var _this = this;
     // Get the modal from collection.
-    var modal = getModal.call(_this2, query); // Setup results for return.
+    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);
   }
@@ -1990,13 +1901,13 @@ 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; // Setup methods API.
+      var root = _this;
 
+      // Setup methods API.
       var methods = {
         open: function open(transition, focus) {
           return open$1.call(root, this, transition, focus);
@@ -2014,11 +1925,9 @@ var register$1 = function register(el, dialog) {
           if (ref === void 0) {
             ref = this.getSetting('teleport');
           }
-
           if (method === void 0) {
             method = this.getSetting('teleportMethod');
           }
-
           if (!this.returnRef) {
             this.returnRef = teleport(this.el, ref, method);
             return this.el;
@@ -2039,51 +1948,52 @@ var register$1 = function register(el, dialog) {
         getSetting: function getSetting(key) {
           return key in this.settings ? this.settings[key] : root.settings[key];
         }
-      }; // Setup the modal object.
+      };
 
+      // Setup the modal object.
       var entry = _extends({
         id: el.id,
         state: 'closed',
         el: el,
         dialog: dialog,
         returnRef: null,
-        settings: getConfig$1(el, _this2.settings.dataConfig)
-      }, methods); // Set aria-modal attribute to true.
+        settings: getConfig$1(el, _this.settings.dataConfig)
+      }, methods);
 
+      // Set aria-modal attribute to true.
+      entry.dialog.setAttribute('aria-modal', 'true');
 
-      entry.dialog.setAttribute('aria-modal', 'true'); // If a role attribute is not set, set it to "dialog" as the default.
-
+      // If a role attribute is not set, set it to "dialog" as the default.
       if (!entry.dialog.hasAttribute('role')) {
         entry.dialog.setAttribute('role', 'dialog');
-      } // Set tabindex="-1" so dialog is focusable via JS or click.
-
+      }
 
+      // Set tabindex="-1" so dialog is focusable via JS or click.
       if (entry.getSetting('setTabindex')) {
         entry.dialog.setAttribute('tabindex', '-1');
-      } // Teleport modal if a reference has been set.
-
+      }
 
+      // Teleport modal if a reference has been set.
       if (entry.getSetting('teleport')) {
         entry.teleport();
-      } // Add entry to collection.
-
-
-      _this2.collection.push(entry); // Setup initial state.
+      }
 
+      // Add entry to collection.
+      _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); // Add closed state class.
-
-          entry.el.classList.add(_this2.settings.stateClosed);
+          entry.el.classList.remove(_this.settings.stateOpening);
+          entry.el.classList.remove(_this.settings.stateClosing);
+          // Add closed state class.
+          entry.el.classList.add(_this.settings.stateClosed);
         }
       }();
-
       return _temp && _temp.then ? _temp.then(function () {
         // Return the registered entry.
         return entry;
@@ -2100,11 +2010,9 @@ function stack(settings) {
     get value() {
       return [].concat(stackArray);
     },
-
     get top() {
       return stackArray[stackArray.length - 1];
     },
-
     updateIndex: function updateIndex() {
       stackArray.forEach(function (entry, index) {
         entry.el.style.zIndex = null;
@@ -2114,31 +2022,35 @@ function stack(settings) {
     },
     updateGlobalState: function updateGlobalState$1() {
       updateGlobalState(this.top, settings);
-
       this.updateIndex();
     },
     add: function add(entry) {
       // Apply z-index styles based on stack length.
       entry.el.style.zIndex = null;
       var value = getComputedStyle(entry.el)['z-index'];
-      entry.el.style.zIndex = parseInt(value) + stackArray.length + 1; // Move back to end of stack.
+      entry.el.style.zIndex = parseInt(value) + stackArray.length + 1;
 
-      stackArray.push(entry); // Update the global state.
+      // Move back to end of stack.
+      stackArray.push(entry);
 
+      // Update the global state.
       this.updateGlobalState();
     },
     remove: function remove(entry) {
       // Get the index of the entry.
       var index = stackArray.findIndex(function (item) {
         return item.id === entry.id;
-      }); // If entry is in stack...
+      });
 
+      // If entry is in stack...
       if (index >= 0) {
         // Remove z-index styles.
-        entry.el.style.zIndex = null; // Remove entry from stack array.
+        entry.el.style.zIndex = null;
 
-        stackArray.splice(index, 1); // Update the global state.
+        // Remove entry from stack array.
+        stackArray.splice(index, 1);
 
+        // Update the global state.
         this.updateGlobalState();
       }
     },
@@ -2146,12 +2058,14 @@ function stack(settings) {
       // Get the index of the entry.
       var index = stackArray.findIndex(function (item) {
         return item.id === entry.id;
-      }); // If entry is in stack...
+      });
 
+      // If entry is in stack...
       if (index >= 0) {
         // Remove entry from stack array.
-        stackArray.splice(index, 1); // Add entry back to top of stack.
+        stackArray.splice(index, 1);
 
+        // Add entry back to top of stack.
         this.add(entry);
       }
     }
@@ -2159,15 +2073,11 @@ function stack(settings) {
 }
 
 var _handleClick = /*#__PURE__*/_classPrivateFieldLooseKey("handleClick");
-
 var _handleKeydown$1 = /*#__PURE__*/_classPrivateFieldLooseKey("handleKeydown");
-
 var Modal = /*#__PURE__*/function (_Collection) {
   _inheritsLoose(Modal, _Collection);
-
   function Modal(options) {
     var _this;
-
     _this = _Collection.call(this) || this;
     Object.defineProperty(_assertThisInitialized(_this), _handleClick, {
       writable: true,
@@ -2180,126 +2090,107 @@ var Modal = /*#__PURE__*/function (_Collection) {
     _this.defaults = defaults$1;
     _this.settings = _extends({}, _this.defaults, options);
     _this.trigger = null;
-    _this.focusTrap = new FocusTrap(); // Setup stack module.
+    _this.focusTrap = new FocusTrap();
 
+    // Setup stack module.
     _this.stack = stack(_this.settings);
     _classPrivateFieldLooseBase(_assertThisInitialized(_this), _handleClick)[_handleClick] = handleClick$1.bind(_assertThisInitialized(_this));
     _classPrivateFieldLooseBase(_assertThisInitialized(_this), _handleKeydown$1)[_handleKeydown$1] = handleKeydown$1.bind(_assertThisInitialized(_this));
     if (_this.settings.autoInit) _this.init();
     return _this;
   }
-
   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); // Get all the modals.
+      if (options) _this2.settings = _extends({}, _this2.settings, options);
 
-      var modals = document.querySelectorAll(_this3.settings.selectorModal); // Register the collections array with modal instances.
+      // Get all the modals.
+      var modals = document.querySelectorAll(_this2.settings.selectorModal);
 
-      return Promise.resolve(_this3.registerCollection(modals)).then(function () {
+      // Register the collections array with modal instances.
+      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);
     }
   };
-
   _proto.destroy = function destroy() {
     try {
-      var _this5 = this;
-
+      var _this3 = this;
       // Clear stored trigger.
-      _this5.trigger = null; // Remove all entries from the collection.
+      _this3.trigger = null;
 
-      return Promise.resolve(_this5.deregisterCollection()).then(function () {
+      // Remove all entries from the collection.
+      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);
     }
   };
-
   _proto.initEventListeners = function initEventListeners() {
     document.addEventListener('click', _classPrivateFieldLooseBase(this, _handleClick)[_handleClick], false);
-    document.addEventListener('touchend', _classPrivateFieldLooseBase(this, _handleClick)[_handleClick], false);
     document.addEventListener('keydown', _classPrivateFieldLooseBase(this, _handleKeydown$1)[_handleKeydown$1], false);
   };
-
   _proto.destroyEventListeners = function destroyEventListeners() {
     document.removeEventListener('click', _classPrivateFieldLooseBase(this, _handleClick)[_handleClick], false);
-    document.removeEventListener('touchend', _classPrivateFieldLooseBase(this, _handleClick)[_handleClick], false);
     document.removeEventListener('keydown', _classPrivateFieldLooseBase(this, _handleKeydown$1)[_handleKeydown$1], false);
   };
-
   _proto.register = function register(query) {
     var els = getModalElements.call(this, query);
     if (els.error) return Promise.reject(els.error);
     return register$1.call(this, els.modal, els.dialog);
   };
-
   _proto.deregister = function deregister(query) {
     var modal = this.get(getModalID.call(this, query));
     return deregister$1.call(this, modal);
   };
-
   _proto.open = function open(id, transition, focus) {
     return open$1.call(this, id, transition, focus);
   };
-
   _proto.close = function close(id, transition, focus) {
     return close$1.call(this, id, transition, focus);
   };
-
   _proto.replace = function replace$1(id, transition, focus) {
     return replace.call(this, id, transition, focus);
   };
-
   _proto.closeAll = function closeAll(exclude, transition, focus) {
     if (exclude === void 0) {
       exclude = false;
     }
-
     if (focus === void 0) {
       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;
       });
     } catch (e) {
       return Promise.reject(e);
     }
   };
-
   _createClass(Modal, [{
     key: "active",
     get: function get() {
       return this.stack.top;
     }
   }]);
-
   return Modal;
 }(Collection);
 
@@ -2318,8 +2209,9 @@ var defaults = {
 
 function getConfig(el, settings) {
   // Get the computed styles of the element.
-  var styles = getComputedStyle(el); // Setup the config obj with default values.
+  var styles = getComputedStyle(el);
 
+  // Setup the config obj with default values.
   var config = {
     'placement': settings.placement,
     'event': settings.eventType,
@@ -2328,36 +2220,40 @@ function getConfig(el, settings) {
     'flip-padding': 0,
     'arrow-element': settings.selectorArrow,
     'arrow-padding': 0
-  }; // Loop through config obj.
+  };
 
+  // Loop through config obj.
   for (var prop in config) {
     // Get the CSS variable property values.
     var prefix = g();
-    var value = styles.getPropertyValue("--" + prefix + "popover-" + prop).trim(); // If a value was found, replace the default in config obj.
+    var value = styles.getPropertyValue("--" + prefix + "popover-" + prop).trim();
 
+    // If a value was found, replace the default in config obj.
     if (value) {
       config[prop] = value;
     }
-  } // Return the config obj.
-
+  }
 
+  // Return the config obj.
   return config;
 }
 
 function getPadding(value) {
-  var padding; // Split the value by spaces if it's a string.
+  var padding;
 
-  var array = typeof value === 'string' ? value.trim().split(' ') : [value]; // Convert individual values to integers.
+  // Split the value by spaces if it's a string.
+  var array = typeof value === 'string' ? value.trim().split(' ') : [value];
 
+  // Convert individual values to integers.
   array.forEach(function (item, index) {
     array[index] = parseInt(item, 10);
-  }); // Build the padding object based on the number of values passed.
+  });
 
+  // Build the padding object based on the number of values passed.
   switch (array.length) {
     case 1:
       padding = array[0];
       break;
-
     case 2:
       padding = {
         top: array[0],
@@ -2366,7 +2262,6 @@ function getPadding(value) {
         left: array[1]
       };
       break;
-
     case 3:
       padding = {
         top: array[0],
@@ -2375,7 +2270,6 @@ function getPadding(value) {
         left: array[1]
       };
       break;
-
     case 4:
       padding = {
         top: array[0],
@@ -2384,13 +2278,12 @@ function getPadding(value) {
         left: array[3]
       };
       break;
-
     default:
       padding = false;
       break;
-  } // Return the padding object.
-
+  }
 
+  // Return the padding object.
   return padding;
 }
 
@@ -2421,8 +2314,9 @@ function getModifiers(options) {
 
 function getPopover(query) {
   // Get the entry from collection.
-  var entry = typeof query === 'string' ? this.get(query) : this.get(query.id); // Return entry if it was resolved, otherwise throw error.
+  var entry = typeof query === 'string' ? this.get(query) : this.get(query.id);
 
+  // Return entry if it was resolved, otherwise throw error.
   if (entry) {
     return entry;
   } else {
@@ -2434,34 +2328,44 @@ function getPopoverID(obj) {
   // If it's a string, return the string.
   if (typeof obj === 'string') {
     return obj;
-  } // If it's an HTML element.
+  }
+
+  // If it's an HTML element.
   else if (typeof obj.hasAttribute === 'function') {
     // If it's a popover element, return the id.
     if (obj.closest(this.settings.selectorPopover)) {
       obj = obj.closest(this.settings.selectorPopover);
       return obj.id;
-    } // If it's a popover trigger, return value of aria-controls.
+    }
+
+    // If it's a popover trigger, return value of aria-controls.
     else if (obj.hasAttribute('aria-controls')) {
       return obj.getAttribute('aria-controls');
-    } // If it's a popover tooltip trigger, return the value of aria-describedby.
+    }
+
+    // If it's a popover tooltip trigger, return the value of aria-describedby.
     else if (obj.hasAttribute('aria-describedby')) {
       return obj.getAttribute('aria-describedby');
-    } // Return false if no id was found.
+    }
+
+    // Return false if no id was found.
     else return false;
-  } // If it has an id property, return its value.
+  }
+
+  // If it has an id property, return its value.
   else if (obj.id) {
     return obj.id;
-  } // Return false if no id was found.
+  }
+
+  // Return false if no id was found.
   else return false;
 }
 
 function getPopoverElements(query) {
   var id = getPopoverID.call(this, query);
-
   if (id) {
     var popover = document.querySelector("#" + id);
     var trigger = document.querySelector("[aria-controls=\"" + id + "\"]") || document.querySelector("[aria-describedby=\"" + id + "\"]");
-
     if (!trigger && !popover) {
       return {
         error: new Error("No popover elements found using the ID: \"" + id + "\".")
@@ -2489,21 +2393,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);
       }
@@ -2516,58 +2418,62 @@ 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); // Update accessibility attribute(s).
+        popover.el.classList.remove(_this.settings.stateActive);
 
+        // Update accessibility attribute(s).
         if (popover.trigger.hasAttribute('aria-controls')) {
           popover.trigger.setAttribute('aria-expanded', 'false');
-        } // Disable popper event listeners.
-
+        }
 
+        // Disable popper event listeners.
         popover.popper.setOptions({
           modifiers: [{
             name: 'eventListeners',
             enabled: false
           }]
-        }); // Update popover state.
+        });
 
-        popover.state = 'closed'; // Clear root trigger if popover trigger matches.
+        // Update popover state.
+        popover.state = 'closed';
 
-        if (popover.trigger === _this2.trigger) {
-          _this2.trigger = null;
+        // Clear root trigger if popover trigger matches.
+        if (popover.trigger === _this.trigger) {
+          _this.trigger = null;
         }
-      } // Return the popover.
-
+      }
 
+      // 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);
   }
 };
 function closeCheck(popover) {
   // Only run closeCheck if provided popover is currently open.
-  if (popover.state != 'opened') return; // Needed to correctly check which element is currently being focused.
+  if (popover.state != 'opened') return;
 
+  // Needed to correctly check which element is currently being focused.
   setTimeout(function () {
     // Check if trigger or element are being hovered.
-    var isHovered = popover.el.closest(':hover') === popover.el || popover.trigger.closest(':hover') === popover.trigger; // Check if trigger or element are being focused.
+    var isHovered = popover.el.closest(':hover') === popover.el || popover.trigger.closest(':hover') === popover.trigger;
 
-    var isFocused = document.activeElement.closest("#" + popover.id + ", [aria-controls=\"" + popover.id + "\"], [aria-describedby=\"" + popover.id + "\"]"); // Close if the trigger and element are not currently hovered or focused.
+    // Check if trigger or element are being focused.
+    var isFocused = document.activeElement.closest("#" + popover.id + ", [aria-controls=\"" + popover.id + "\"], [aria-describedby=\"" + popover.id + "\"]");
 
+    // Close if the trigger and element are not currently hovered or focused.
     if (!isHovered && !isFocused) {
       popover.close();
-    } // Return the popover.
-
+    }
 
+    // Return the popover.
     return popover;
   }, 1);
 }
@@ -2583,22 +2489,18 @@ function handleClick(popover) {
 }
 function handleKeydown(event) {
   var _this = this;
-
   switch (event.key) {
     case 'Escape':
       if (this.trigger) {
         this.trigger.focus();
       }
-
       closeAll.call(this);
       return;
-
     case 'Tab':
       this.collection.forEach(function (popover) {
         closeCheck.call(_this, popover);
       });
       return;
-
     default:
       return;
   }
@@ -2607,8 +2509,9 @@ function handleDocumentClick(popover) {
   var root = this;
   document.addEventListener('click', function _f(event) {
     // Check if a popover or its trigger was clicked.
-    var wasClicked = event.target.closest("#" + popover.id + ", [aria-controls=\"" + popover.id + "\"], [aria-describedby=\"" + popover.id + "\"]"); // If popover or popover trigger was clicked...
+    var wasClicked = event.target.closest("#" + popover.id + ", [aria-controls=\"" + popover.id + "\"], [aria-describedby=\"" + popover.id + "\"]");
 
+    // If popover or popover trigger was clicked...
     if (wasClicked) {
       // If popover element exists and is not active...
       if (popover.el && !popover.el.classList.contains(root.settings.stateActive)) {
@@ -2619,7 +2522,6 @@ function handleDocumentClick(popover) {
       if (popover.el && popover.el.classList.contains(root.settings.stateActive)) {
         popover.close();
       }
-
       this.removeEventListener('click', _f);
     }
   });
@@ -2785,38 +2687,57 @@ var max = Math.max;
 var min = Math.min;
 var round = Math.round;
 
-function getBoundingClientRect(element, includeScale) {
+function getUAString() {
+  var uaData = navigator.userAgentData;
+
+  if (uaData != null && uaData.brands) {
+    return uaData.brands.map(function (item) {
+      return item.brand + "/" + item.version;
+    }).join(' ');
+  }
+
+  return navigator.userAgent;
+}
+
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+}
+
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
   if (includeScale === void 0) {
     includeScale = false;
   }
 
-  var rect = element.getBoundingClientRect();
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+
+  var clientRect = element.getBoundingClientRect();
   var scaleX = 1;
   var scaleY = 1;
 
-  if (isHTMLElement(element) && includeScale) {
-    var offsetHeight = element.offsetHeight;
-    var offsetWidth = element.offsetWidth; // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
-    // Fallback to 1 in case both values are `0`
-
-    if (offsetWidth > 0) {
-      scaleX = round(rect.width) / offsetWidth || 1;
-    }
-
-    if (offsetHeight > 0) {
-      scaleY = round(rect.height) / offsetHeight || 1;
-    }
+  if (includeScale && isHTMLElement(element)) {
+    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
   }
 
+  var _ref = isElement(element) ? getWindow(element) : window,
+      visualViewport = _ref.visualViewport;
+
+  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+  var width = clientRect.width / scaleX;
+  var height = clientRect.height / scaleY;
   return {
-    width: rect.width / scaleX,
-    height: rect.height / scaleY,
-    top: rect.top / scaleY,
-    right: rect.right / scaleX,
-    bottom: rect.bottom / scaleY,
-    left: rect.left / scaleX,
-    x: rect.left / scaleX,
-    y: rect.top / scaleY
+    width: width,
+    height: height,
+    top: y,
+    right: x + width,
+    bottom: y + height,
+    left: x,
+    x: x,
+    y: y
   };
 }
 
@@ -2911,8 +2832,8 @@ function getTrueOffsetParent(element) {
 
 
 function getContainingBlock(element) {
-  var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;
-  var isIE = navigator.userAgent.indexOf('Trident') !== -1;
+  var isFirefox = /firefox/i.test(getUAString());
+  var isIE = /Trident/i.test(getUAString());
 
   if (isIE && isHTMLElement(element)) {
     // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
@@ -3333,31 +3254,21 @@ function getWindowScrollBarX(element) {
   return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
 }
 
-function getViewportRect(element) {
+function getViewportRect(element, strategy) {
   var win = getWindow(element);
   var html = getDocumentElement(element);
   var visualViewport = win.visualViewport;
   var width = html.clientWidth;
   var height = html.clientHeight;
   var x = 0;
-  var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper
-  // can be obscured underneath it.
-  // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even
-  // if it isn't open, so if this isn't available, the popper will be detected
-  // to overflow the bottom of the screen too early.
+  var y = 0;
 
   if (visualViewport) {
     width = visualViewport.width;
-    height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently)
-    // In Chrome, it returns a value very close to 0 (+/-) but contains rounding
-    // errors due to floating point numbers, so we need to check precision.
-    // Safari returns a number <= 0, usually < -1 when pinch-zoomed
-    // Feature detection fails in mobile emulation mode in Chrome.
-    // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <
-    // 0.001
-    // Fallback here: "Not Safari" userAgent
-
-    if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
+    height = visualViewport.height;
+    var layoutViewport = isLayoutViewport();
+
+    if (layoutViewport || !layoutViewport && strategy === 'fixed') {
       x = visualViewport.offsetLeft;
       y = visualViewport.offsetTop;
     }
@@ -3451,8 +3362,8 @@ function rectToClientRect(rect) {
   });
 }
 
-function getInnerBoundingClientRect(element) {
-  var rect = getBoundingClientRect(element);
+function getInnerBoundingClientRect(element, strategy) {
+  var rect = getBoundingClientRect(element, false, strategy === 'fixed');
   rect.top = rect.top + element.clientTop;
   rect.left = rect.left + element.clientLeft;
   rect.bottom = rect.top + element.clientHeight;
@@ -3464,8 +3375,8 @@ function getInnerBoundingClientRect(element) {
   return rect;
 }
 
-function getClientRectFromMixedType(element, clippingParent) {
-  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
+function getClientRectFromMixedType(element, clippingParent, strategy) {
+  return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
 } // A "clipping parent" is an overflowable container with the characteristic of
 // clipping (or hiding) overflowing elements with a position different from
 // `initial`
@@ -3488,18 +3399,18 @@ function getClippingParents(element) {
 // clipping parents
 
 
-function getClippingRect(element, boundary, rootBoundary) {
+function getClippingRect(element, boundary, rootBoundary, strategy) {
   var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
   var clippingParents = [].concat(mainClippingParents, [rootBoundary]);
   var firstClippingParent = clippingParents[0];
   var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
-    var rect = getClientRectFromMixedType(element, clippingParent);
+    var rect = getClientRectFromMixedType(element, clippingParent, strategy);
     accRect.top = max(rect.top, accRect.top);
     accRect.right = min(rect.right, accRect.right);
     accRect.bottom = min(rect.bottom, accRect.bottom);
     accRect.left = max(rect.left, accRect.left);
     return accRect;
-  }, getClientRectFromMixedType(element, firstClippingParent));
+  }, getClientRectFromMixedType(element, firstClippingParent, strategy));
   clippingRect.width = clippingRect.right - clippingRect.left;
   clippingRect.height = clippingRect.bottom - clippingRect.top;
   clippingRect.x = clippingRect.left;
@@ -3580,6 +3491,8 @@ function detectOverflow(state, options) {
   var _options = options,
       _options$placement = _options.placement,
       placement = _options$placement === void 0 ? state.placement : _options$placement,
+      _options$strategy = _options.strategy,
+      strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,
       _options$boundary = _options.boundary,
       boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
       _options$rootBoundary = _options.rootBoundary,
@@ -3594,7 +3507,7 @@ function detectOverflow(state, options) {
   var altContext = elementContext === popper ? reference : popper;
   var popperRect = state.rects.popper;
   var element = state.elements[altBoundary ? altContext : elementContext];
-  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);
+  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
   var referenceClientRect = getBoundingClientRect(state.elements.reference);
   var popperOffsets = computeOffsets({
     reference: referenceClientRect,
@@ -4108,7 +4021,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   var isOffsetParentAnElement = isHTMLElement(offsetParent);
   var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -4414,37 +4327,40 @@ 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); // Check if entry has been registered in the collection.
+    if (!obj) return Promise.resolve(_this.collection);
 
-    var index = _this2.collection.findIndex(function (entry) {
+    // Check if entry has been registered in the collection.
+    var index = _this.collection.findIndex(function (entry) {
       return entry.id === obj.id;
     });
-
     if (index >= 0) {
       // Get the collection entry.
-      var entry = _this2.collection[index]; // If entry is in the opened state, close it.
+      var entry = _this.collection[index];
 
+      // If entry is in the opened state, close it.
       if (entry.state === 'opened') {
         entry.close();
-      } // Clean up the popper instance.
-
+      }
 
-      entry.popper.destroy(); // Remove event listeners.
+      // Clean up the popper instance.
+      entry.popper.destroy();
 
-      deregisterEventListeners(entry); // Delete properties from collection entry.
+      // Remove event listeners.
+      deregisterEventListeners(entry);
 
+      // Delete properties from collection entry.
       Object.getOwnPropertyNames(entry).forEach(function (prop) {
         delete entry[prop];
-      }); // Remove entry from collection.
-
-      _this2.collection.splice(index, 1);
-    } // Return the modified collection.
+      });
 
+      // Remove entry from collection.
+      _this.collection.splice(index, 1);
+    }
 
-    return Promise.resolve(_this2.collection);
+    // Return the modified collection.
+    return Promise.resolve(_this.collection);
   } catch (e) {
     return Promise.reject(e);
   }
@@ -4459,44 +4375,49 @@ function deregisterEventListeners(entry) {
           entry[el].removeEventListener(type, evObj.listener, false);
         });
       });
-    }); // Remove eventListeners object from collection.
-
+    });
 
+    // Remove eventListeners object from collection.
     delete entry.__eventListeners;
-  } // Return the entry object.
-
+  }
 
+  // Return the entry object.
   return entry;
 }
 
 var open = function open(query) {
   try {
-    var _this2 = this;
-
+    var _this = this;
     // Get the popover from collection.
-    var popover = getPopover.call(_this2, query); // Update state class.
+    var popover = getPopover.call(_this, query);
 
-    popover.el.classList.add(_this2.settings.stateActive); // Update accessibility attribute(s).
+    // Update state class.
+    popover.el.classList.add(_this.settings.stateActive);
 
+    // Update accessibility attribute(s).
     if (popover.trigger.hasAttribute('aria-controls')) {
       popover.trigger.setAttribute('aria-expanded', 'true');
-    } // Update popover config.
-
+    }
 
-    popover.config = getConfig(popover.el, _this2.settings); // Enable popper event listeners and set placement/modifiers.
+    // Update popover config.
+    popover.config = getConfig(popover.el, _this.settings);
 
+    // Enable popper event listeners and set placement/modifiers.
     popover.popper.setOptions({
       placement: popover.config['placement'],
       modifiers: [{
         name: 'eventListeners',
         enabled: true
       }].concat(getModifiers(popover.config))
-    }); // Update popover position.
+    });
 
-    popover.popper.update(); // Update popover state.
+    // Update popover position.
+    popover.popper.update();
 
-    popover.state = 'opened'; // Return the popover.
+    // Update popover state.
+    popover.state = 'opened';
 
+    // Return the popover.
     return Promise.resolve(popover);
   } catch (e) {
     return Promise.reject(e);
@@ -4505,14 +4426,14 @@ 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); // Save root this for use inside methods API.
-
+    deregister.call(_this, el);
 
-    var root = _this2; // Setup methods API.
+    // Save root this for use inside methods API.
+    var root = _this;
 
+    // Setup methods API.
     var methods = {
       open: function open$1() {
         return open.call(root, this);
@@ -4523,37 +4444,38 @@ var register = function register(el, trigger) {
       deregister: function deregister$1() {
         return deregister.call(root, this);
       }
-    }; // Setup the popover object.
+    };
 
+    // Setup the popover object.
     var entry = _extends({
       id: el.id,
       state: 'closed',
       el: el,
       trigger: trigger,
       popper: createPopper(trigger, el),
-      config: getConfig(el, _this2.settings)
-    }, methods); // Set aria-expanded to false if trigger has aria-controls attribute.
-
+      config: getConfig(el, _this.settings)
+    }, methods);
 
+    // Set aria-expanded to false if trigger has aria-controls attribute.
     if (entry.trigger.hasAttribute('aria-controls')) {
       entry.trigger.setAttribute('aria-expanded', 'false');
-    } // Setup event listeners.
-
-
-    registerEventListeners.call(_this2, entry); // Add entry to collection.
+    }
 
-    _this2.collection.push(entry); // Set initial state.
+    // Setup event listeners.
+    registerEventListeners.call(_this, entry);
 
+    // Add entry to collection.
+    _this.collection.push(entry);
 
-    var _temp2 = function () {
-      if (entry.el.classList.contains(_this2.settings.stateActive)) {
+    // Set initial state.
+    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);
@@ -4565,8 +4487,9 @@ function registerEventListeners(entry) {
   // If event listeners aren't already setup.
   if (!entry.__eventListeners) {
     // Add event listeners based on event type.
-    var eventType = entry.config['event']; // If the event type is hover.
+    var eventType = entry.config['event'];
 
+    // If the event type is hover.
     if (eventType === 'hover') {
       // Setup event listeners object for hover.
       entry.__eventListeners = [{
@@ -4577,8 +4500,9 @@ function registerEventListeners(entry) {
         el: ['el', 'trigger'],
         type: ['mouseleave', 'focusout'],
         listener: closeCheck.bind(this, entry)
-      }]; // Loop through listeners and apply to the appropriate elements.
+      }];
 
+      // Loop through listeners and apply to the appropriate elements.
       entry.__eventListeners.forEach(function (evObj) {
         evObj.el.forEach(function (el) {
           evObj.type.forEach(function (type) {
@@ -4586,15 +4510,18 @@ function registerEventListeners(entry) {
           });
         });
       });
-    } // Else the event type is click.
+    }
+
+    // Else the event type is click.
     else {
       // Setup event listeners object for click.
       entry.__eventListeners = [{
         el: ['trigger'],
         type: ['click'],
         listener: handleClick.bind(this, entry)
-      }]; // Loop through listeners and apply to the appropriate elements.
+      }];
 
+      // Loop through listeners and apply to the appropriate elements.
       entry.__eventListeners.forEach(function (evObj) {
         evObj.el.forEach(function (el) {
           evObj.type.forEach(function (type) {
@@ -4603,20 +4530,17 @@ function registerEventListeners(entry) {
         });
       });
     }
-  } // Return the entry object.
-
+  }
 
+  // Return the entry object.
   return entry;
 }
 
 var _handleKeydown = /*#__PURE__*/_classPrivateFieldLooseKey("handleKeydown");
-
 var Popover = /*#__PURE__*/function (_Collection) {
   _inheritsLoose(Popover, _Collection);
-
   function Popover(options) {
     var _this;
-
     _this = _Collection.call(this) || this;
     Object.defineProperty(_assertThisInitialized(_this), _handleKeydown, {
       writable: true,
@@ -4629,108 +4553,94 @@ var Popover = /*#__PURE__*/function (_Collection) {
     if (_this.settings.autoInit) _this.init();
     return _this;
   }
-
   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); // Get all the popovers.
+      if (options) _this2.settings = _extends({}, _this2.settings, options);
 
-      var popovers = document.querySelectorAll(_this3.settings.selectorPopover); // Register the collections array with popover instances.
+      // Get all the popovers.
+      var popovers = document.querySelectorAll(_this2.settings.selectorPopover);
 
-      return Promise.resolve(_this3.registerCollection(popovers)).then(function () {
+      // Register the collections array with popover instances.
+      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);
     }
   };
-
   _proto.destroy = function destroy() {
     try {
-      var _this5 = this;
-
+      var _this3 = this;
       // Clear stored trigger.
-      _this5.trigger = null; // Remove all entries from the collection.
+      _this3.trigger = null;
 
-      return Promise.resolve(_this5.deregisterCollection()).then(function () {
+      // Remove all entries from the collection.
+      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);
       });
-    } // Add keydown global event listener.
-
+    }
 
+    // Add keydown global event listener.
     document.addEventListener('keydown', _classPrivateFieldLooseBase(this, _handleKeydown)[_handleKeydown], false);
   };
-
   _proto.destroyEventListeners = function destroyEventListeners(processCollection) {
     if (processCollection === void 0) {
       processCollection = true;
     }
-
     if (processCollection) {
       // Loop through collection and remove event listeners.
       this.collection.forEach(function (popover) {
         deregisterEventListeners(popover);
       });
-    } // Remove keydown global event listener.
-
+    }
 
+    // Remove keydown global event listener.
     document.removeEventListener('keydown', _classPrivateFieldLooseBase(this, _handleKeydown)[_handleKeydown], false);
   };
-
   _proto.register = function register$1(query) {
     var els = getPopoverElements.call(this, query);
     if (els.error) return Promise.reject(els.error);
     return register.call(this, els.popover, els.trigger);
   };
-
   _proto.deregister = function deregister$1(query) {
     var popover = this.get(getPopoverID.call(this, query));
     return deregister.call(this, popover);
   };
-
   _proto.open = function open$1(id) {
     return open.call(this, id);
   };
-
   _proto.close = function close$1(id) {
     return close.call(this, id);
   };
-
   return Popover;
 }(Collection);