vrembem 3.0.10 → 3.0.11

package/dev/scripts.umd.js

@@ -9,10 +9,9 @@
       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);
@@ -21,31 +20,25 @@
     });
     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;
@@ -53,31 +46,38 @@
     };
     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, {
@@ -88,52 +88,53 @@
       _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) {
@@ -144,11 +145,9 @@
             this.mql.removeListener(_classPrivateFieldLooseBase(this, _handler)[_handler]);
           }
         }
-
         _classPrivateFieldLooseBase(this, _handler)[_handler] = func;
       }
     }]);
-
     return Breakpoint;
   }();
 
@@ -159,56 +158,45 @@
           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) {
@@ -220,38 +208,28 @@
           _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;
@@ -260,64 +238,47 @@
           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 {
@@ -327,7 +288,6 @@
         _settle(pact, 1, result);
       }
     }
-
     function _resumeAfterUpdate() {
       if (shouldContinue = test()) {
         if (shouldContinue.then) {
@@ -340,55 +300,43 @@
       }
     }
   }
-
   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;
         });
       } catch (e) {
         return Promise.reject(e);
       }
     };
-
     _proto.deregister = function deregister(ref) {
       try {
         var _this4 = this;
-
         var index = _this4.collection.findIndex(function (entry) {
           return entry === ref;
         });
-
         if (index >= 0) {
           var entry = _this4.collection[index];
           Object.getOwnPropertyNames(entry).forEach(function (prop) {
             delete entry[prop];
           });
-
           _this4.collection.splice(index, 1);
         }
-
         return Promise.resolve(_this4.collection);
       } catch (e) {
         return Promise.reject(e);
       }
     };
-
     _proto.registerCollection = function registerCollection(items) {
       try {
         var _this6 = this;
-
         return Promise.resolve(Promise.all(Array.from(items, function (item) {
           _this6.register(item);
         }))).then(function () {
@@ -398,41 +346,34 @@
         return Promise.reject(e);
       }
     };
-
     _proto.deregisterCollection = function deregisterCollection() {
       try {
         var _temp3 = function _temp3() {
           return _this8.collection;
         };
-
         var _this8 = this;
-
         var _temp4 = _for(function () {
           return _this8.collection.length > 0;
         }, void 0, function () {
           return Promise.resolve(_this8.deregister(_this8.collection[0])).then(function () {});
         });
-
         return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
       } 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 = [
+  var e = [
     'a[href]:not([tabindex^="-"])',
     'area[href]:not([tabindex^="-"])',
     'input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])',
@@ -448,21 +389,16 @@
   ];
 
   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
@@ -480,73 +416,73 @@
       _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() {
@@ -554,8 +490,9 @@
       },
       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]);
@@ -575,15 +512,14 @@
         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) {
@@ -600,7 +536,6 @@
       }
     }
   }
-
   function handleFocusLock(event) {
     // Ignore the tab key by preventing default.
     var isTab = event.key === 'Tab' || event.keyCode === 9;
@@ -621,7 +556,6 @@
     if (enable === void 0) {
       enable = true;
     }
-
     var local = localStorage.getItem(key);
     var store = local ? JSON.parse(local) : {};
     return {
@@ -634,7 +568,6 @@
         } else {
           delete store[prop];
         }
-
         if (enable) localStorage.setItem(key, JSON.stringify(store));
         return store;
       }
@@ -655,31 +588,37 @@
   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;
   }
 
@@ -732,7 +671,6 @@
       });
     }
   }
-
   function setInert(state, selector) {
     if (selector) {
       var els = document.querySelectorAll(selector);
@@ -747,11 +685,11 @@
       });
     }
   }
-
   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);
   }
 
@@ -782,25 +720,20 @@
       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);
@@ -808,32 +741,25 @@
       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)) {
@@ -843,7 +769,6 @@
         }
       });
     };
-
     return Checkbox;
   }();
 
@@ -880,68 +805,61 @@
 
   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);
@@ -958,53 +876,49 @@
     if (close === void 0) {
       close = true;
     }
-
     try {
       var _temp5 = function _temp5() {
         // Return the modified collection.
         return _this2.collection;
       };
-
       var _this2 = 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(_this2.collection);
 
+      // Check if entry has been registered in the collection.
       var index = _this2.collection.findIndex(function (entry) {
         return entry.id === obj.id;
       });
-
       var _temp6 = function () {
         if (index >= 0) {
           var _temp7 = function _temp7() {
             // Remove entry from local store.
-            _this2.store.set(_entry.id); // Unmount the MatchMedia functionality.
-
-
-            _entry.unmountBreakpoint(); // Delete properties from collection entry.
+            _this2.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.
+            });
 
+            // Remove entry from collection.
             _this2.collection.splice(index, 1);
           };
-
           // Get the collection entry.
-          var _entry = _this2.collection[index]; // If entry is in the opened state.
+          var _entry = _this2.collection[index];
 
+          // If entry is in the opened state.
           var _temp8 = 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 Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp5) : _temp5(_temp6));
     } catch (e) {
       return Promise.reject(e);
@@ -1018,7 +932,6 @@
   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()) {
@@ -1030,8 +943,9 @@
 
   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 {
@@ -1043,37 +957,49 @@
     // 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 + "\".")
@@ -1098,7 +1024,6 @@
   var initialState = function initialState(entry) {
     try {
       var _this2 = this;
-
       var _temp3 = function () {
         if (_this2.store.get(entry.id)) {
           var _temp4 = function () {
@@ -1108,7 +1033,6 @@
               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)) {
           // Update drawer state.
@@ -1116,12 +1040,11 @@
         } 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.remove(_this2.settings.stateClosing);
+          // Add closed state class.
           entry.el.classList.add(_this2.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.
@@ -1147,7 +1070,6 @@
         entry.trigger.focus();
         entry.trigger = null;
       }
-
       this.focusTrap.unmount();
     }
   }
@@ -1156,47 +1078,48 @@
     if (focus === void 0) {
       focus = true;
     }
-
     try {
       var _temp3 = function _temp3() {
         // Set focus to the drawer element if the focus param is true.
         if (focus) {
           updateFocusState$1.call(_this2, drawer);
-        } // Dispatch custom opened event.
-
+        }
 
+        // Dispatch custom opened event.
         drawer.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'opened', {
           detail: _this2,
           bubbles: true
-        })); // Return the drawer.
+        }));
 
+        // Return the drawer.
         return drawer;
       };
-
       var _this2 = this;
-
       // Get the drawer from collection.
-      var drawer = getDrawer.call(_this2, query); // Get the modal configuration.
+      var drawer = getDrawer.call(_this2, query);
 
-      var config = _extends({}, _this2.settings, drawer.settings); // Add transition parameter to configuration.
+      // Get the modal configuration.
+      var config = _extends({}, _this2.settings, drawer.settings);
 
+      // Add transition parameter to configuration.
+      if (transition !== undefined) config.transition = transition;
 
-      if (transition !== undefined) config.transition = transition; // If drawer is closed.
-
+      // If drawer is closed.
       var _temp4 = 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));
     } catch (e) {
       return Promise.reject(e);
@@ -1207,36 +1130,40 @@
     if (focus === void 0) {
       focus = true;
     }
-
     try {
       var _this2 = 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(_this2, query);
 
+      // Get the modal configuration.
+      var config = _extends({}, _this2.settings, drawer.settings);
 
-      if (transition !== undefined) config.transition = transition; // If drawer is opened.
+      // Add transition parameter to configuration.
+      if (transition !== undefined) config.transition = transition;
 
+      // If drawer is opened.
       var _temp2 = 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.
-
+            }
 
-            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,
               bubbles: true
@@ -1244,7 +1171,6 @@
           });
         }
       }();
-
       return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {
         // Return the drawer.
         return drawer;
@@ -1257,10 +1183,10 @@
   var toggle = function toggle(query, transition, focus) {
     try {
       var _this2 = 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(_this2, 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));
       } else {
@@ -1274,69 +1200,71 @@
   var toModal = function toModal(entry) {
     try {
       var _this4 = 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 there isn't a stored state but also has the opened state class...
       if (!_this4.store.get(entry.id) && entry.el.classList.contains(entry.getSetting('stateOpened'))) {
         // Save the opened state in local store.
         _this4.store.set(entry.id, 'opened');
-      } // Modal drawer defaults to closed state.
-
+      }
 
+      // Modal drawer defaults to closed state.
       return Promise.resolve(close$2.call(_this4, entry, false, false)).then(function () {
         // Dispatch custom switch event.
         entry.el.dispatchEvent(new CustomEvent(entry.getSetting('customEventPrefix') + 'switchMode', {
           detail: _this4,
           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;
-
       // 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.
-
-      _this2.focusTrap.unmount(); // Setup initial state.
+      // Update the global state.
+      updateGlobalState(false, _extends({}, _this2.settings, entry.settings));
 
+      // Remove any focus traps.
+      _this2.focusTrap.unmount();
 
+      // Setup initial state.
       return Promise.resolve(initialState.call(_this2, entry)).then(function () {
         // Dispatch custom switch event.
         entry.el.dispatchEvent(new CustomEvent(entry.getSetting('customEventPrefix') + 'switchMode', {
           detail: _this2,
           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.");
     }
@@ -1345,14 +1273,15 @@
   var register$2 = function register(el, dialog) {
     try {
       var _this2 = this;
-
       // Deregister entry incase it has already been registered.
       return Promise.resolve(deregister$2.call(_this2, el, false)).then(function () {
         // Save root this for use inside methods API.
-        var root = _this2; // Create an instance of the Breakpoint class.
+        var root = _this2;
 
-        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);
@@ -1383,66 +1312,61 @@
           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),
-
           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.
+        _this2.collection.push(entry);
 
+        // If the entry has a breakpoint...
         var _temp = function () {
           if (entry.breakpoint) {
             // Mount media query breakpoint functionality.
@@ -1452,7 +1376,6 @@
             return Promise.resolve(initialState.call(_this2, entry)).then(function () {});
           }
         }();
-
         return _temp && _temp.then ? _temp.then(function () {
           // Return the registered entry.
           return entry;
@@ -1464,15 +1387,11 @@
   };
 
   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,
@@ -1484,96 +1403,81 @@
       });
       _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;
-
         // Update settings with passed options.
-        if (options) _this3.settings = _extends({}, _this3.settings, options); // Get all the modals.
+        if (options) _this3.settings = _extends({}, _this3.settings, options);
 
-        var drawers = document.querySelectorAll(_this3.settings.selectorDrawer); // Register the collections array with modal instances.
+        // Get all the modals.
+        var drawers = document.querySelectorAll(_this3.settings.selectorDrawer);
 
+        // Register the collections array with modal instances.
         return Promise.resolve(_this3.registerCollection(drawers)).then(function () {
           // If eventListeners are enabled, init event listeners.
           if (_this3.settings.eventListeners) {
             _this3.initEventListeners();
           }
-
           return _this3;
         });
       } catch (e) {
         return Promise.reject(e);
       }
     };
-
     _proto.destroy = function destroy() {
       try {
         var _this5 = this;
-
         // Remove all entries from the collection.
         return Promise.resolve(_this5.deregisterCollection()).then(function () {
           // If eventListeners are enabled, init event listeners.
           if (_this5.settings.eventListeners) {
             _this5.destroyEventListeners();
           }
-
           return _this5;
         });
       } 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() {
@@ -1582,7 +1486,6 @@
         });
       }
     }]);
-
     return Drawer;
   }(Collection);
 
@@ -1616,8 +1519,9 @@
 
   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 {
@@ -1629,37 +1533,49 @@
     // 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 + "\".")
@@ -1692,7 +1608,6 @@
         this.trigger.focus();
         this.trigger = null;
       }
-
       this.focusTrap.unmount();
     }
   }
@@ -1700,38 +1615,33 @@
   var handleClick$1 = function handleClick(event) {
     try {
       var _this2 = 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 + "]");
-
       if (trigger) {
-        event.preventDefault(); // Save the trigger if it's not coming from inside a modal.
-
+        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.
-
-
+        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.
-
+      }
 
+      // If a close button was clicked, close the modal.
       trigger = event.target.closest("[data-" + _this2.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.
-
+        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 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)));
       }
-
       return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
@@ -1751,41 +1661,39 @@
     if (close === void 0) {
       close = true;
     }
-
     try {
       var _temp5 = function _temp5() {
         // Return the modified collection.
         return _this2.collection;
       };
-
       var _this2 = 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(_this2.collection);
 
+      // Check if entry has been registered in the collection.
       var index = _this2.collection.findIndex(function (entry) {
         return entry.id === obj.id;
       });
-
       var _temp6 = function () {
         if (index >= 0) {
           var _temp7 = function _temp7() {
             // 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.
+            });
 
+            // Remove entry from collection.
             _this2.collection.splice(index, 1);
           };
-
           // Get the collection entry.
-          var _entry = _this2.collection[index]; // If entry is in the opened state, close it.
+          var _entry = _this2.collection[index];
 
+          // If entry is in the opened state, close it.
           var _temp8 = function () {
             if (close && _entry.state === 'opened') {
               return Promise.resolve(_entry.close(false)).then(function () {});
@@ -1794,11 +1702,9 @@
               _this2.stack.remove(_entry);
             }
           }();
-
           return _temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8);
         }
       }();
-
       return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp5) : _temp5(_temp6));
     } catch (e) {
       return Promise.reject(e);
@@ -1809,51 +1715,51 @@
     if (focus === void 0) {
       focus = true;
     }
-
     try {
       var _temp3 = function _temp3() {
         // Update focus if the focus param is true.
         if (focus) {
           updateFocusState.call(_this2);
-        } // Dispatch custom opened event.
-
+        }
 
+        // Dispatch custom opened event.
         modal.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'opened', {
           detail: _this2,
           bubbles: true
-        })); // Return the modal.
+        }));
 
+        // Return the modal.
         return modal;
       };
-
       var _this2 = 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(_this2, query);
 
-      if (transition !== undefined) config.transition = transition; // Maybe add modal to top of stack.
+      // Get the modal configuration.
+      var config = _extends({}, _this2.settings, modal.settings);
 
-      _this2.stack.moveToTop(modal); // If modal is closed.
+      // Add transition parameter to configuration.
+      if (transition !== undefined) config.transition = transition;
 
+      // Maybe add modal to top of stack.
+      _this2.stack.moveToTop(modal);
 
+      // If modal is closed.
       var _temp4 = 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.
+          _this2.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));
     } catch (e) {
       return Promise.reject(e);
@@ -1864,37 +1770,40 @@
     if (focus === void 0) {
       focus = true;
     }
-
     try {
       var _this2 = 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(_this2, query) : _this2.active;
 
+      // If a modal exists and its state is opened.
       var _temp2 = 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({}, _this2.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.
-
+            _this2.stack.remove(modal);
 
+            // Update focus if the focus param is true.
             if (focus) {
               updateFocusState.call(_this2);
-            } // Update modal state.
-
+            }
 
-            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,
               bubbles: true
@@ -1902,7 +1811,6 @@
           });
         }
       }();
-
       return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {
         // Return the modal.
         return modal;
@@ -1915,14 +1823,12 @@
   var closeAll$1 = function closeAll(exclude, transition) {
     try {
       var _this2 = this;
-
       var result = [];
       return Promise.resolve(Promise.all(_this2.stack.value.map(function (modal) {
         try {
           var _temp3 = function _temp3() {
             modal.trigger = null;
           };
-
           var _temp4 = function () {
             if (exclude && exclude === modal.id) {
               Promise.resolve();
@@ -1933,7 +1839,6 @@
               });
             }
           }();
-
           return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
         } catch (e) {
           return Promise.reject(e);
@@ -1950,28 +1855,25 @@
     if (focus === void 0) {
       focus = true;
     }
-
     try {
       var _temp3 = function _temp3() {
         // Update focus if the focus param is true.
         if (focus) {
           updateFocusState.call(_this2);
-        } // Return the modals there were opened and closed.
-
+        }
 
+        // Return the modals there were opened and closed.
         return {
           opened: resultOpened,
           closed: resultClosed
         };
       };
-
       var _this2 = this;
-
       // Get the modal from collection.
-      var modal = getModal.call(_this2, query); // Setup results for return.
+      var modal = getModal.call(_this2, query);
 
+      // Setup results for return.
       var resultOpened, resultClosed;
-
       var _temp4 = function () {
         if (modal.state === 'opened') {
           // If modal is open, close all modals except for replacement.
@@ -1986,7 +1888,6 @@
           return Promise.resolve(Promise.all([resultOpened, resultClosed])).then(function () {});
         }
       }();
-
       return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
@@ -1996,12 +1897,12 @@
   var register$1 = function register(el, dialog) {
     try {
       var _this2 = this;
-
       // Deregister entry incase it has already been registered.
       return Promise.resolve(deregister$1.call(_this2, el, false)).then(function () {
         // Save root this for use inside methods API.
-        var root = _this2; // Setup methods API.
+        var root = _this2;
 
+        // Setup methods API.
         var methods = {
           open: function open(transition, focus) {
             return open$1.call(root, this, transition, focus);
@@ -2019,11 +1920,9 @@
             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;
@@ -2044,8 +1943,9 @@
           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',
@@ -2053,29 +1953,30 @@
           dialog: dialog,
           returnRef: null,
           settings: getConfig$1(el, _this2.settings.dataConfig)
-        }, methods); // Set aria-modal attribute to true.
-
+        }, methods);
 
-        entry.dialog.setAttribute('aria-modal', 'true'); // If a role attribute is not set, set it to "dialog" as the default.
+        // Set aria-modal attribute to true.
+        entry.dialog.setAttribute('aria-modal', 'true');
 
+        // 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.
+        _this2.collection.push(entry);
 
+        // Setup initial state.
         var _temp = function () {
           if (entry.el.classList.contains(_this2.settings.stateOpened)) {
             // Open entry with transitions disabled.
@@ -2083,12 +1984,11 @@
           } 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.remove(_this2.settings.stateClosing);
+            // Add closed state class.
             entry.el.classList.add(_this2.settings.stateClosed);
           }
         }();
-
         return _temp && _temp.then ? _temp.then(function () {
           // Return the registered entry.
           return entry;
@@ -2105,11 +2005,9 @@
       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;
@@ -2119,31 +2017,35 @@
       },
       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();
         }
       },
@@ -2151,12 +2053,14 @@
         // 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);
         }
       }
@@ -2164,15 +2068,11 @@
   }
 
   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,
@@ -2185,126 +2085,107 @@
       _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;
-
         // Update settings with passed options.
-        if (options) _this3.settings = _extends({}, _this3.settings, options); // Get all the modals.
+        if (options) _this3.settings = _extends({}, _this3.settings, options);
 
-        var modals = document.querySelectorAll(_this3.settings.selectorModal); // Register the collections array with modal instances.
+        // Get all the modals.
+        var modals = document.querySelectorAll(_this3.settings.selectorModal);
 
+        // Register the collections array with modal instances.
         return Promise.resolve(_this3.registerCollection(modals)).then(function () {
           // If eventListeners are enabled, init event listeners.
           if (_this3.settings.eventListeners) {
             _this3.initEventListeners();
           }
-
           return _this3;
         });
       } catch (e) {
         return Promise.reject(e);
       }
     };
-
     _proto.destroy = function destroy() {
       try {
         var _this5 = this;
-
         // Clear stored trigger.
-        _this5.trigger = null; // Remove all entries from the collection.
+        _this5.trigger = null;
 
+        // Remove all entries from the collection.
         return Promise.resolve(_this5.deregisterCollection()).then(function () {
           // If eventListeners are enabled, destroy event listeners.
           if (_this5.settings.eventListeners) {
             _this5.destroyEventListeners();
           }
-
           return _this5;
         });
       } 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) {
           // Update focus if the focus param is true.
           if (focus) {
             updateFocusState.call(_this7);
           }
-
           return result;
         });
       } catch (e) {
         return Promise.reject(e);
       }
     };
-
     _createClass(Modal, [{
       key: "active",
       get: function get() {
         return this.stack.top;
       }
     }]);
-
     return Modal;
   }(Collection);
 
@@ -2323,8 +2204,9 @@
 
   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,
@@ -2333,36 +2215,40 @@
       '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],
@@ -2371,7 +2257,6 @@
           left: array[1]
         };
         break;
-
       case 3:
         padding = {
           top: array[0],
@@ -2380,7 +2265,6 @@
           left: array[1]
         };
         break;
-
       case 4:
         padding = {
           top: array[0],
@@ -2389,13 +2273,12 @@
           left: array[3]
         };
         break;
-
       default:
         padding = false;
         break;
-    } // Return the padding object.
-
+    }
 
+    // Return the padding object.
     return padding;
   }
 
@@ -2426,8 +2309,9 @@
 
   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 {
@@ -2439,34 +2323,44 @@
     // 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 + "\".")
@@ -2495,7 +2389,6 @@
   var closeAll = function closeAll() {
     try {
       var _this4 = this;
-
       var result = [];
       return Promise.resolve(Promise.all(_this4.collection.map(function (popover) {
         try {
@@ -2507,7 +2400,6 @@
               });
             }
           }();
-
           return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
@@ -2525,33 +2417,34 @@
         // 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(_this2.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';
 
+          // Clear root trigger if popover trigger matches.
           if (popover.trigger === _this2.trigger) {
             _this2.trigger = null;
           }
-        } // Return the popover.
-
+        }
 
+        // Return the popover.
         return popover;
       };
-
       var _this2 = this;
-
       // Get the popover from collection.
       return Promise.resolve(query ? _temp2(getPopover.call(_this2, query)) : Promise.resolve(closeAll.call(_this2)).then(_temp2));
     } catch (e) {
@@ -2560,19 +2453,22 @@
   };
   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);
   }
@@ -2588,22 +2484,18 @@
   }
   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;
     }
@@ -2612,8 +2504,9 @@
     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)) {
@@ -2624,7 +2517,6 @@
         if (popover.el && popover.el.classList.contains(root.settings.stateActive)) {
           popover.close();
         }
-
         this.removeEventListener('click', _f);
       }
     });
@@ -2790,38 +2682,57 @@
   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
     };
   }
 
@@ -2916,8 +2827,8 @@
 
 
   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
@@ -3338,31 +3249,21 @@
     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;
       }
@@ -3456,8 +3357,8 @@
     });
   }
 
-  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;
@@ -3469,8 +3370,8 @@
     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`
@@ -3493,18 +3394,18 @@
   // 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;
@@ -3585,6 +3486,8 @@
     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,
@@ -3599,7 +3502,7 @@
     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,
@@ -4113,7 +4016,7 @@
     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
@@ -4420,35 +4323,38 @@
   var deregister = function deregister(obj) {
     try {
       var _this2 = 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(_this2.collection);
 
+      // Check if entry has been registered in the collection.
       var index = _this2.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 = _this2.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.
+        });
 
+        // Remove entry from collection.
         _this2.collection.splice(index, 1);
-      } // Return the modified collection.
-
+      }
 
+      // Return the modified collection.
       return Promise.resolve(_this2.collection);
     } catch (e) {
       return Promise.reject(e);
@@ -4464,44 +4370,49 @@
             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;
-
       // Get the popover from collection.
-      var popover = getPopover.call(_this2, query); // Update state class.
+      var popover = getPopover.call(_this2, query);
 
-      popover.el.classList.add(_this2.settings.stateActive); // Update accessibility attribute(s).
+      // Update state class.
+      popover.el.classList.add(_this2.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, _this2.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);
@@ -4511,13 +4422,13 @@
   var register = function register(el, trigger) {
     try {
       var _this2 = this;
-
       // Deregister entry incase it has already been registered.
-      deregister.call(_this2, el); // Save root this for use inside methods API.
+      deregister.call(_this2, el);
 
+      // Save root this for use inside methods API.
+      var root = _this2;
 
-      var root = _this2; // Setup methods API.
-
+      // Setup methods API.
       var methods = {
         open: function open$1() {
           return open.call(root, this);
@@ -4528,8 +4439,9 @@
         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',
@@ -4537,19 +4449,20 @@
         trigger: trigger,
         popper: createPopper(trigger, el),
         config: getConfig(el, _this2.settings)
-      }, methods); // Set aria-expanded to false if trigger has aria-controls attribute.
-
+      }, 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(_this2, entry);
 
+      // Add entry to collection.
+      _this2.collection.push(entry);
 
+      // Set initial state.
       var _temp2 = function () {
         if (entry.el.classList.contains(_this2.settings.stateActive)) {
           return Promise.resolve(entry.open()).then(function () {
@@ -4557,7 +4470,6 @@
           });
         }
       }();
-
       return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {
         // Return the registered entry.
         return entry;
@@ -4570,8 +4482,9 @@
     // 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 = [{
@@ -4582,8 +4495,9 @@
           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) {
@@ -4591,15 +4505,18 @@
             });
           });
         });
-      } // 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) {
@@ -4608,20 +4525,17 @@
           });
         });
       }
-    } // 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,
@@ -4634,18 +4548,17 @@
       if (_this.settings.autoInit) _this.init();
       return _this;
     }
-
     var _proto = Popover.prototype;
-
     _proto.init = function init(options) {
       try {
         var _this3 = this;
-
         // Update settings with passed options.
-        if (options) _this3.settings = _extends({}, _this3.settings, options); // Get all the popovers.
+        if (options) _this3.settings = _extends({}, _this3.settings, options);
 
-        var popovers = document.querySelectorAll(_this3.settings.selectorPopover); // Register the collections array with popover instances.
+        // Get all the popovers.
+        var popovers = document.querySelectorAll(_this3.settings.selectorPopover);
 
+        // Register the collections array with popover instances.
         return Promise.resolve(_this3.registerCollection(popovers)).then(function () {
           // If eventListeners are enabled, init event listeners.
           if (_this3.settings.eventListeners) {
@@ -4653,21 +4566,19 @@
             // already adds event listeners to popovers.
             _this3.initEventListeners(false);
           }
-
           return _this3;
         });
       } catch (e) {
         return Promise.reject(e);
       }
     };
-
     _proto.destroy = function destroy() {
       try {
         var _this5 = this;
-
         // Clear stored trigger.
-        _this5.trigger = null; // Remove all entries from the collection.
+        _this5.trigger = null;
 
+        // Remove all entries from the collection.
         return Promise.resolve(_this5.deregisterCollection()).then(function () {
           // If eventListeners are enabled, destroy event listeners.
           if (_this5.settings.eventListeners) {
@@ -4675,67 +4586,56 @@
             // already removes event listeners from popovers.
             _this5.destroyEventListeners(false);
           }
-
           return _this5;
         });
       } catch (e) {
         return Promise.reject(e);
       }
     };
-
     _proto.initEventListeners = function initEventListeners(processCollection) {
       var _this6 = 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);
         });
-      } // 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);