vrembem 3.0.19 → 3.0.21

package/dev/scripts.esm.js

@@ -1,75 +1,52 @@
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
+function _classPrivateFieldLooseBase(e, t) {
+  if (!{}.hasOwnProperty.call(e, t)) throw new TypeError("attempted to use private field on non-instance");
+  return e;
 }
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : String(i);
+var id = 0;
+function _classPrivateFieldLooseKey(e) {
+  return "__private_" + id++ + "_" + e;
 }
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
   }
 }
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
 }
 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 _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
+function _inheritsLoose(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
+function _setPrototypeOf(t, e) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+    return t.__proto__ = e, t;
+  }, _setPrototypeOf(t, e);
 }
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return self;
-}
-var id = 0;
-function _classPrivateFieldLooseKey(name) {
-  return "__private_" + id++ + "_" + name;
+  return ("string" === r ? String : Number)(t);
 }
-function _classPrivateFieldLooseBase(receiver, privateKey) {
-  if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) {
-    throw new TypeError("attempted to use private field on non-instance");
-  }
-  return receiver;
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
 }
 
 var _handler = /*#__PURE__*/_classPrivateFieldLooseKey("handler");
@@ -96,8 +73,8 @@ var Breakpoint = /*#__PURE__*/function () {
     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]);
+    if (typeof this.mql.addEventListener === "function") {
+      this.mql.addEventListener("change", _classPrivateFieldLooseBase(this, _handler)[_handler]);
     } else {
       this.mql.addListener(_classPrivateFieldLooseBase(this, _handler)[_handler]);
     }
@@ -111,8 +88,8 @@ var Breakpoint = /*#__PURE__*/function () {
     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]);
+    if (typeof this.mql.removeEventListener === "function") {
+      this.mql.removeEventListener("change", _classPrivateFieldLooseBase(this, _handler)[_handler]);
     } else {
       this.mql.removeListener(_classPrivateFieldLooseBase(this, _handler)[_handler]);
     }
@@ -123,7 +100,7 @@ var Breakpoint = /*#__PURE__*/function () {
     this.mql = null;
     return this;
   };
-  _createClass(Breakpoint, [{
+  return _createClass(Breakpoint, [{
     key: "handler",
     get: function get() {
       return _classPrivateFieldLooseBase(this, _handler)[_handler];
@@ -134,8 +111,8 @@ var Breakpoint = /*#__PURE__*/function () {
     set: function set(func) {
       if (this.mql) {
         // Conditionally use removeListener() for IE11 support.
-        if (typeof this.mql.removeEventListener === 'function') {
-          this.mql.removeEventListener('change', _classPrivateFieldLooseBase(this, _handler)[_handler]);
+        if (typeof this.mql.removeEventListener === "function") {
+          this.mql.removeEventListener("change", _classPrivateFieldLooseBase(this, _handler)[_handler]);
         } else {
           this.mql.removeListener(_classPrivateFieldLooseBase(this, _handler)[_handler]);
         }
@@ -143,7 +120,6 @@ var Breakpoint = /*#__PURE__*/function () {
       _classPrivateFieldLooseBase(this, _handler)[_handler] = func;
     }
   }]);
-  return Breakpoint;
 }();
 
 function _settle(pact, state, value) {
@@ -359,7 +335,7 @@ var Collection = /*#__PURE__*/function () {
   };
   _proto.get = function get(value, key) {
     if (key === void 0) {
-      key = 'id';
+      key = "id";
     }
     return this.collection.find(function (item) {
       return item[key] === value;
@@ -368,31 +344,6 @@ var Collection = /*#__PURE__*/function () {
   return Collection;
 }();
 
-const not = {
-  inert: ':not([inert]):not([inert] *)',
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ':not(:disabled)',
-};
-
-var e = [
-  `a[href]${not.inert}${not.negTabIndex}`,
-  `area[href]${not.inert}${not.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${not.inert}${not.negTabIndex}${not.disabled}`,
-  `input[type="radio"]${not.inert}${not.negTabIndex}${not.disabled}`,
-  `select${not.inert}${not.negTabIndex}${not.disabled}`,
-  `textarea${not.inert}${not.negTabIndex}${not.disabled}`,
-  `button${not.inert}${not.negTabIndex}${not.disabled}`,
-  `details${not.inert} > summary:first-of-type${not.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${not.inert}${not.negTabIndex}`,
-  `audio[controls]${not.inert}${not.negTabIndex}`,
-  `video[controls]${not.inert}${not.negTabIndex}`,
-  `[contenteditable]${not.inert}${not.negTabIndex}`,
-  `[tabindex]${not.inert}${not.negTabIndex}`,
-];
-
 var _focusable = /*#__PURE__*/_classPrivateFieldLooseKey("focusable");
 var _handleFocusTrap = /*#__PURE__*/_classPrivateFieldLooseKey("handleFocusTrap");
 var _handleFocusLock = /*#__PURE__*/_classPrivateFieldLooseKey("handleFocusLock");
@@ -402,7 +353,7 @@ var FocusTrap = /*#__PURE__*/function () {
       el = null;
     }
     if (selectorFocus === void 0) {
-      selectorFocus = '[data-focus]';
+      selectorFocus = "[data-focus]";
     }
     Object.defineProperty(this, _focusable, {
       writable: true,
@@ -441,8 +392,8 @@ var FocusTrap = /*#__PURE__*/function () {
     this.focusable = [];
 
     // Remove event listeners
-    document.removeEventListener('keydown', _classPrivateFieldLooseBase(this, _handleFocusTrap)[_handleFocusTrap]);
-    document.removeEventListener('keydown', _classPrivateFieldLooseBase(this, _handleFocusLock)[_handleFocusLock]);
+    document.removeEventListener("keydown", _classPrivateFieldLooseBase(this, _handleFocusTrap)[_handleFocusTrap]);
+    document.removeEventListener("keydown", _classPrivateFieldLooseBase(this, _handleFocusLock)[_handleFocusLock]);
   };
   _proto.focus = function focus(el, selectorFocus) {
     if (el === void 0) {
@@ -468,7 +419,8 @@ var FocusTrap = /*#__PURE__*/function () {
     var initScrollTop = el.scrollTop;
 
     // Query for all the focusable elements.
-    var els = el.querySelectorAll(e.join(','));
+    var selector = focusableSelectors.join(",");
+    var els = el.querySelectorAll(selector);
 
     // Loop through all focusable elements.
     els.forEach(function (el) {
@@ -488,7 +440,7 @@ var FocusTrap = /*#__PURE__*/function () {
     // Return the focusable array.
     return focusable;
   };
-  _createClass(FocusTrap, [{
+  return _createClass(FocusTrap, [{
     key: "focusable",
     get: function get() {
       return _classPrivateFieldLooseBase(this, _focusable)[_focusable];
@@ -499,11 +451,11 @@ var FocusTrap = /*#__PURE__*/function () {
 
       // 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]);
+        document.removeEventListener("keydown", _classPrivateFieldLooseBase(this, _handleFocusLock)[_handleFocusLock]);
+        document.addEventListener("keydown", _classPrivateFieldLooseBase(this, _handleFocusTrap)[_handleFocusTrap]);
       } else {
-        document.removeEventListener('keydown', _classPrivateFieldLooseBase(this, _handleFocusTrap)[_handleFocusTrap]);
-        document.addEventListener('keydown', _classPrivateFieldLooseBase(this, _handleFocusLock)[_handleFocusLock]);
+        document.removeEventListener("keydown", _classPrivateFieldLooseBase(this, _handleFocusTrap)[_handleFocusTrap]);
+        document.addEventListener("keydown", _classPrivateFieldLooseBase(this, _handleFocusLock)[_handleFocusLock]);
       }
     }
   }, {
@@ -517,11 +469,17 @@ var FocusTrap = /*#__PURE__*/function () {
       return this.focusable[this.focusable.length - 1];
     }
   }]);
-  return FocusTrap;
 }();
+
+// This has been copied over from focusable-selectors package and modified.
+// https://github.com/KittyGiraudel/focusable-selectors
+var notInert = ":not([inert])"; // Previously `:not([inert]):not([inert] *)`
+var notNegTabIndex = ":not([tabindex^=\"-\"])";
+var notDisabled = ":not(:disabled)";
+var focusableSelectors = ["a[href]" + notInert + notNegTabIndex, "area[href]" + notInert + notNegTabIndex, "input:not([type=\"hidden\"]):not([type=\"radio\"])" + notInert + notNegTabIndex + notDisabled, "input[type=\"radio\"]" + notInert + notNegTabIndex + notDisabled, "select" + notInert + notNegTabIndex + notDisabled, "textarea" + notInert + notNegTabIndex + notDisabled, "button" + notInert + notNegTabIndex + notDisabled, "details" + notInert + " > summary:first-of-type" + notNegTabIndex, "iframe" + notInert + notNegTabIndex, "audio[controls]" + notInert + notNegTabIndex, "video[controls]" + notInert + notNegTabIndex, "[contenteditable]" + notInert + notNegTabIndex, "[tabindex]" + notInert + notNegTabIndex];
 function handleFocusTrap(event) {
   // Check if the click was a tab and return if not.
-  var isTab = event.key === 'Tab' || event.keyCode === 9;
+  var isTab = event.key === "Tab" || event.keyCode === 9;
   if (!isTab) return;
 
   // If the shift key is pressed.
@@ -543,18 +501,18 @@ function handleFocusTrap(event) {
 }
 function handleFocusLock(event) {
   // Ignore the tab key by preventing default.
-  var isTab = event.key === 'Tab' || event.keyCode === 9;
+  var isTab = event.key === "Tab" || event.keyCode === 9;
   if (isTab) event.preventDefault();
 }
 
 function getConfig$1(el, dataConfig) {
-  var string = el.getAttribute("data-" + dataConfig) || '';
-  var json = string.replace(/'/g, '"');
+  var string = el.getAttribute("data-" + dataConfig) || "";
+  var json = string.replace(/'/g, "\"");
   return json ? JSON.parse(json) : {};
 }
 
 function getPrefix() {
-  return getComputedStyle(document.body).getPropertyValue('--vrembem-variable-prefix').trim();
+  return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
 }
 
 function localStore(key, enable) {
@@ -599,18 +557,18 @@ function teleport(what, where, how) {
   where = isComment || isElement ? where : document.querySelector(where);
 
   // If ref is a comment, set teleport type to 'after'.
-  if (isComment) how = '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 + "'");
+  if (typeof where[how] != "function") throw new Error("Not a valid teleport method: '" + how + "'");
 
   // 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);
+    returnRef = document.createComment("teleported #" + what.id);
     what.before(returnRef);
   }
 
@@ -636,7 +594,7 @@ var openTransition = function openTransition(el, settings) {
       el.classList.add(settings.stateOpening);
 
       // Add event listener for when the transition is finished.
-      el.addEventListener('transitionend', function _f(event) {
+      el.addEventListener("transitionend", function _f(event) {
         // Prevent child transition bubbling from firing this event.
         if (event.target != el) return;
 
@@ -646,7 +604,7 @@ var openTransition = function openTransition(el, settings) {
 
         // Resolve the promise and remove the event listener.
         resolve(el);
-        this.removeEventListener('transitionend', _f);
+        this.removeEventListener("transitionend", _f);
       });
     } else {
       // Toggle final opened state classes and resolve the promise.
@@ -665,7 +623,7 @@ var closeTransition = function closeTransition(el, settings) {
       el.classList.remove(settings.stateOpened);
 
       // Add event listener for when the transition is finished.
-      el.addEventListener('transitionend', function _f(event) {
+      el.addEventListener("transitionend", function _f(event) {
         // Prevent child transition bubbling from firing this event.
         if (event.target != el) return;
 
@@ -675,7 +633,7 @@ var closeTransition = function closeTransition(el, settings) {
 
         // Resolve the promise and remove the event listener.
         resolve(el);
-        this.removeEventListener('transitionend', _f);
+        this.removeEventListener("transitionend", _f);
       });
     } else {
       // Toggle final closed state classes and resolve the promise.
@@ -691,24 +649,17 @@ function setOverflowHidden(state, selector) {
     var els = document.querySelectorAll(selector);
     els.forEach(function (el) {
       if (state) {
-        el.style.overflow = 'hidden';
+        el.style.overflow = "hidden";
       } else {
-        el.style.removeProperty('overflow');
+        el.style.removeProperty("overflow");
       }
     });
   }
 }
 function setInert(state, selector) {
   if (selector) {
-    var els = document.querySelectorAll(selector);
-    els.forEach(function (el) {
-      if (state) {
-        el.inert = true;
-        el.setAttribute('aria-hidden', true);
-      } else {
-        el.inert = null;
-        el.removeAttribute('aria-hidden');
-      }
+    document.querySelectorAll(selector).forEach(function (el) {
+      el.inert = state;
     });
   }
 }
@@ -736,8 +687,8 @@ var index = {
 
 var defaults$3 = {
   autoInit: false,
-  stateAttr: 'aria-checked',
-  stateValue: 'mixed'
+  stateAttr: "aria-checked",
+  stateValue: "mixed"
 };
 
 var Checkbox = /*#__PURE__*/function () {
@@ -756,10 +707,10 @@ var Checkbox = /*#__PURE__*/function () {
     var selector = "[" + this.settings.stateAttr + "=\"" + this.settings.stateValue + "\"]";
     var mixed = document.querySelectorAll(selector);
     this.setIndeterminate(mixed);
-    document.addEventListener('click', this.__handlerClick, false);
+    document.addEventListener("click", this.__handlerClick, false);
   };
   _proto.destroy = function destroy() {
-    document.removeEventListener('click', this.__handlerClick, false);
+    document.removeEventListener("click", this.__handlerClick, false);
   };
   _proto.handlerClick = function handlerClick(event) {
     var selector = "[" + this.settings.stateAttr + "=\"" + this.settings.stateValue + "\"]";
@@ -802,30 +753,30 @@ var Checkbox = /*#__PURE__*/function () {
 var defaults$2 = {
   autoInit: false,
   // Data attributes
-  dataOpen: 'drawer-open',
-  dataClose: 'drawer-close',
-  dataToggle: 'drawer-toggle',
-  dataBreakpoint: 'drawer-breakpoint',
-  dataConfig: 'drawer-config',
+  dataOpen: "drawer-open",
+  dataClose: "drawer-close",
+  dataToggle: "drawer-toggle",
+  dataBreakpoint: "drawer-breakpoint",
+  dataConfig: "drawer-config",
   // Selectors
-  selectorDrawer: '.drawer',
-  selectorDialog: '.drawer__dialog',
-  selectorFocus: '[data-focus]',
+  selectorDrawer: ".drawer",
+  selectorDialog: ".drawer__dialog",
+  selectorFocus: "[data-focus]",
   selectorInert: null,
-  selectorOverflow: 'body',
+  selectorOverflow: "body",
   // State classes
-  stateOpened: 'is-opened',
-  stateOpening: 'is-opening',
-  stateClosing: 'is-closing',
-  stateClosed: 'is-closed',
+  stateOpened: "is-opened",
+  stateOpening: "is-opening",
+  stateClosing: "is-closing",
+  stateClosed: "is-closed",
   // Classes
-  classModal: 'drawer_modal',
+  classModal: "drawer_modal",
   // Feature toggles
   breakpoints: null,
-  customEventPrefix: 'drawer:',
+  customEventPrefix: "drawer:",
   eventListeners: true,
   store: true,
-  storeKey: 'VB:DrawerState',
+  storeKey: "VB:DrawerState",
   setTabindex: true,
   transition: true
 };
@@ -840,7 +791,7 @@ function handleClick$2(event) {
 
     // If it's a toggle trigger...
     if (trigger.matches("[data-" + this.settings.dataToggle + "]")) {
-      var selectors = trigger.getAttribute("data-" + this.settings.dataToggle).trim().split(' ');
+      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);
@@ -853,7 +804,7 @@ function handleClick$2(event) {
 
     // If it's a open trigger...
     if (trigger.matches("[data-" + this.settings.dataOpen + "]")) {
-      var _selectors = trigger.getAttribute("data-" + this.settings.dataOpen).trim().split(' ');
+      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);
@@ -866,7 +817,7 @@ function handleClick$2(event) {
 
     // If it's a close trigger...
     if (trigger.matches("[data-" + this.settings.dataClose + "]")) {
-      var _selectors2 = trigger.getAttribute("data-" + this.settings.dataClose).trim().split(' ');
+      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.
@@ -893,7 +844,7 @@ function handleClick$2(event) {
   }
 }
 function handleKeydown$2(event) {
-  if (event.key === 'Escape') {
+  if (event.key === "Escape") {
     var modal = this.activeModal;
     if (modal) this.close(modal);
   }
@@ -920,27 +871,27 @@ var deregister$2 = function deregister(obj, close) {
       if (index >= 0) {
         var _temp2 = function _temp2() {
           // Remove entry from local store.
-          _this.store.set(_entry.id);
+          _this.store.set(entry.id);
 
           // Unmount the MatchMedia functionality.
-          _entry.unmountBreakpoint();
+          entry.unmountBreakpoint();
 
           // Delete properties from collection entry.
-          Object.getOwnPropertyNames(_entry).forEach(function (prop) {
-            delete _entry[prop];
+          Object.getOwnPropertyNames(entry).forEach(function (prop) {
+            delete entry[prop];
           });
 
           // Remove entry from collection.
           _this.collection.splice(index, 1);
         };
         // Get the collection entry.
-        var _entry = _this.collection[index];
+        var entry = _this.collection[index];
 
         // If entry is in the opened state.
         var _temp = function () {
-          if (close && _entry.state === 'opened') {
+          if (close && entry.state === "opened") {
             // Close the drawer.
-            return Promise.resolve(_entry.close(false)).then(function () {});
+            return Promise.resolve(entry.close(false)).then(function () {});
           }
         }();
         return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
@@ -952,12 +903,12 @@ var deregister$2 = function deregister(obj, close) {
   }
 };
 
-function E() {
+function P() {
   return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
 }
 
 function getBreakpoint(drawer) {
-  var prefix = E();
+  var prefix = P();
   var bp = drawer.getAttribute("data-" + this.settings.dataBreakpoint);
   if (this.settings.breakpoints && this.settings.breakpoints[bp]) {
     return this.settings.breakpoints[bp];
@@ -970,7 +921,7 @@ function getBreakpoint(drawer) {
 
 function getDrawer(query) {
   // Get the entry from collection.
-  var entry = typeof query === 'string' ? this.get(query) : this.get(query.id);
+  var entry = typeof query === "string" ? this.get(query) : this.get(query.id);
 
   // Return entry if it was resolved, otherwise throw error.
   if (entry) {
@@ -982,12 +933,12 @@ function getDrawer(query) {
 
 function getDrawerID(obj) {
   // If it's a string, return the string.
-  if (typeof obj === 'string') {
+  if (typeof obj === "string") {
     return obj;
   }
 
   // If it's an HTML element.
-  else if (typeof obj.hasAttribute === 'function') {
+  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);
@@ -1033,7 +984,7 @@ function getDrawerElements(query) {
       };
     } else if (!dialog) {
       return {
-        error: new Error('Drawer is missing dialog element.')
+        error: new Error("Drawer is missing dialog element.")
       };
     } else {
       return {
@@ -1043,7 +994,7 @@ function getDrawerElements(query) {
     }
   } else {
     return {
-      error: new Error('Could not resolve the drawer ID.')
+      error: new Error("Could not resolve the drawer ID.")
     };
   }
 }
@@ -1054,7 +1005,7 @@ var initialState = function initialState(entry) {
     var _temp2 = function () {
       if (_this.store.get(entry.id)) {
         var _temp = function () {
-          if (_this.store.get(entry.id) === 'opened') {
+          if (_this.store.get(entry.id) === "opened") {
             return Promise.resolve(entry.open(false, false)).then(function () {});
           } else {
             return Promise.resolve(entry.close(false, false)).then(function () {});
@@ -1063,7 +1014,7 @@ var initialState = function initialState(entry) {
         if (_temp && _temp.then) return _temp.then(function () {});
       } else if (entry.el.classList.contains(_this.settings.stateOpened)) {
         // Update drawer state.
-        entry.state = 'opened';
+        entry.state = "opened";
       } else {
         // Remove transition state classes.
         entry.el.classList.remove(_this.settings.stateOpening);
@@ -1084,9 +1035,9 @@ var initialState = function initialState(entry) {
 
 function updateFocusState$1(entry) {
   // Check if there's an active modal
-  if (entry.state === 'opened') {
+  if (entry.state === "opened") {
     // Mount the focus trap on the opened drawer.
-    if (entry.mode === 'modal') {
+    if (entry.mode === "modal") {
       this.focusTrap.mount(entry.dialog, this.settings.selectorFocus);
     } else {
       this.focusTrap.focus(entry.dialog, this.settings.selectorFocus);
@@ -1113,7 +1064,7 @@ var open$2 = function open(query, transition, focus) {
       }
 
       // Dispatch custom opened event.
-      drawer.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'opened', {
+      drawer.el.dispatchEvent(new CustomEvent(config.customEventPrefix + "opened", {
         detail: _this,
         bubbles: true
       }));
@@ -1133,17 +1084,17 @@ var open$2 = function open(query, transition, focus) {
 
     // If drawer is closed.
     var _temp = function () {
-      if (drawer.state === 'closed') {
+      if (drawer.state === "closed") {
         // Update drawer state.
-        drawer.state = 'opening';
+        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);
+          if (drawer.mode === "modal") updateGlobalState(true, config);
 
           // Update drawer state.
-          drawer.state = 'opened';
+          drawer.state = "opened";
         });
       }
     }();
@@ -1170,9 +1121,9 @@ var close$2 = function close(query, transition, focus) {
 
     // If drawer is opened.
     var _temp = function () {
-      if (drawer.state === 'opened') {
+      if (drawer.state === "opened") {
         // Update drawer state.
-        drawer.state = 'closing';
+        drawer.state = "closing";
 
         // Remove focus from active element.
         document.activeElement.blur();
@@ -1180,7 +1131,7 @@ var close$2 = function close(query, transition, focus) {
         // 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);
+          if (drawer.mode === "modal") updateGlobalState(false, config);
 
           // Set focus to the trigger element if the focus param is true.
           if (focus) {
@@ -1188,10 +1139,10 @@ var close$2 = function close(query, transition, focus) {
           }
 
           // Update drawer state.
-          drawer.state = 'closed';
+          drawer.state = "closed";
 
           // Dispatch custom closed event.
-          drawer.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'closed', {
+          drawer.el.dispatchEvent(new CustomEvent(config.customEventPrefix + "closed", {
             detail: _this,
             bubbles: true
           }));
@@ -1214,7 +1165,7 @@ var toggle = function toggle(query, transition, focus) {
     var drawer = getDrawer.call(_this, query);
 
     // Open or close the drawer based on its current state.
-    if (drawer.state === 'closed') {
+    if (drawer.state === "closed") {
       return Promise.resolve(open$2.call(_this, drawer, transition, focus));
     } else {
       return Promise.resolve(close$2.call(_this, drawer, transition, focus));
@@ -1230,21 +1181,21 @@ var toModal = function toModal(entry) {
     // Get the drawer configuration.
 
     // Add the modal class.
-    entry.el.classList.add(entry.getSetting('classModal'));
+    entry.el.classList.add(entry.getSetting("classModal"));
 
     // Set aria-modal attribute to true.
-    entry.dialog.setAttribute('aria-modal', 'true');
+    entry.dialog.setAttribute("aria-modal", "true");
 
     // If there isn't a stored state but also has the opened state class...
-    if (!_this2.store.get(entry.id) && entry.el.classList.contains(entry.getSetting('stateOpened'))) {
+    if (!_this2.store.get(entry.id) && entry.el.classList.contains(entry.getSetting("stateOpened"))) {
       // Save the opened state in local store.
-      _this2.store.set(entry.id, 'opened');
+      _this2.store.set(entry.id, "opened");
     }
 
     // Modal drawer defaults to closed state.
     return Promise.resolve(close$2.call(_this2, entry, false, false)).then(function () {
       // Dispatch custom switch event.
-      entry.el.dispatchEvent(new CustomEvent(entry.getSetting('customEventPrefix') + 'switchMode', {
+      entry.el.dispatchEvent(new CustomEvent(entry.getSetting("customEventPrefix") + "switchMode", {
         detail: _this2,
         bubbles: true
       }));
@@ -1260,10 +1211,10 @@ var toInline = function toInline(entry) {
   try {
     var _this = this;
     // Remove the modal class.
-    entry.el.classList.remove(entry.getSetting('classModal'));
+    entry.el.classList.remove(entry.getSetting("classModal"));
 
     // Remove the aria-modal attribute.
-    entry.dialog.removeAttribute('aria-modal');
+    entry.dialog.removeAttribute("aria-modal");
 
     // Update the global state.
     updateGlobalState(false, _extends({}, _this.settings, entry.settings));
@@ -1274,7 +1225,7 @@ var toInline = function toInline(entry) {
     // Setup initial state.
     return Promise.resolve(initialState.call(_this, entry)).then(function () {
       // Dispatch custom switch event.
-      entry.el.dispatchEvent(new CustomEvent(entry.getSetting('customEventPrefix') + 'switchMode', {
+      entry.el.dispatchEvent(new CustomEvent(entry.getSetting("customEventPrefix") + "switchMode", {
         detail: _this,
         bubbles: true
       }));
@@ -1288,9 +1239,9 @@ var toInline = function toInline(entry) {
 };
 function switchMode(entry) {
   switch (entry.mode) {
-    case 'inline':
+    case "inline":
       return toInline.call(this, entry);
-    case 'modal':
+    case "modal":
       return toModal.call(this, entry);
     default:
       throw new Error("\"" + entry.mode + "\" is not a valid drawer mode.");
@@ -1333,7 +1284,7 @@ var register$2 = function register(el, dialog) {
           return this;
         },
         handleBreakpoint: function handleBreakpoint(event) {
-          this.mode = event.matches ? 'inline' : 'modal';
+          this.mode = event.matches ? "inline" : "modal";
           return this;
         },
         getSetting: function getSetting(key) {
@@ -1357,8 +1308,8 @@ var register$2 = function register(el, dialog) {
         set state(value) {
           __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);
+          if (value === "opened" || value === "closed") {
+            if (this.mode === "inline") root.store.set(this.id, this.state);
           }
         },
         get mode() {
@@ -1371,23 +1322,23 @@ var register$2 = function register(el, dialog) {
       }, methods);
 
       // Create the state var with the initial state.
-      var __state = el.classList.contains(entry.getSetting('stateOpened')) ? 'opened' : 'closed';
+      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';
+      var __mode = el.classList.contains(entry.getSetting("classModal")) ? "modal" : "inline";
 
       // Setup mode specific attributes.
-      if (entry.mode === 'modal') {
+      if (entry.mode === "modal") {
         // Set aria-modal attribute to true.
-        entry.dialog.setAttribute('aria-modal', 'true');
+        entry.dialog.setAttribute("aria-modal", "true");
       } else {
         // Remove the aria-modal attribute.
-        entry.dialog.removeAttribute('aria-modal');
+        entry.dialog.removeAttribute("aria-modal");
       }
 
       // Set tabindex="-1" so dialog is focusable via JS or click.
-      if (entry.getSetting('setTabindex')) {
-        entry.dialog.setAttribute('tabindex', '-1');
+      if (entry.getSetting("setTabindex")) {
+        entry.dialog.setAttribute("tabindex", "-1");
       }
 
       // Add entry to collection.
@@ -1416,15 +1367,14 @@ var register$2 = function register(el, dialog) {
 var _handleClick$1 = /*#__PURE__*/_classPrivateFieldLooseKey("handleClick");
 var _handleKeydown$2 = /*#__PURE__*/_classPrivateFieldLooseKey("handleKeydown");
 var Drawer = /*#__PURE__*/function (_Collection) {
-  _inheritsLoose(Drawer, _Collection);
   function Drawer(options) {
     var _this;
     _this = _Collection.call(this) || this;
-    Object.defineProperty(_assertThisInitialized(_this), _handleClick$1, {
+    Object.defineProperty(_this, _handleClick$1, {
       writable: true,
       value: void 0
     });
-    Object.defineProperty(_assertThisInitialized(_this), _handleKeydown$2, {
+    Object.defineProperty(_this, _handleKeydown$2, {
       writable: true,
       value: void 0
     });
@@ -1434,11 +1384,12 @@ var Drawer = /*#__PURE__*/function (_Collection) {
 
     // 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));
+    _classPrivateFieldLooseBase(_this, _handleClick$1)[_handleClick$1] = handleClick$2.bind(_this);
+    _classPrivateFieldLooseBase(_this, _handleKeydown$2)[_handleKeydown$2] = handleKeydown$2.bind(_this);
     if (_this.settings.autoInit) _this.init();
     return _this;
   }
+  _inheritsLoose(Drawer, _Collection);
   var _proto = Drawer.prototype;
   _proto.init = function init(options) {
     if (options === void 0) {
@@ -1480,12 +1431,12 @@ var Drawer = /*#__PURE__*/function (_Collection) {
     }
   };
   _proto.initEventListeners = function initEventListeners() {
-    document.addEventListener('click', _classPrivateFieldLooseBase(this, _handleClick$1)[_handleClick$1], false);
-    document.addEventListener('keydown', _classPrivateFieldLooseBase(this, _handleKeydown$2)[_handleKeydown$2], false);
+    document.addEventListener("click", _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('keydown', _classPrivateFieldLooseBase(this, _handleKeydown$2)[_handleKeydown$2], false);
+    document.removeEventListener("click", _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);
@@ -1505,48 +1456,47 @@ var Drawer = /*#__PURE__*/function (_Collection) {
   _proto.toggle = function toggle$1(id, transition, focus) {
     return toggle.call(this, id, transition, focus);
   };
-  _createClass(Drawer, [{
+  return _createClass(Drawer, [{
     key: "activeModal",
     get: function get() {
       return this.collection.find(function (entry) {
-        return entry.state === 'opened' && entry.mode === 'modal';
+        return entry.state === "opened" && entry.mode === "modal";
       });
     }
   }]);
-  return Drawer;
 }(Collection);
 
 var defaults$1 = {
   autoInit: false,
   // Data attributes
-  dataOpen: 'modal-open',
-  dataClose: 'modal-close',
-  dataReplace: 'modal-replace',
-  dataConfig: 'modal-config',
+  dataOpen: "modal-open",
+  dataClose: "modal-close",
+  dataReplace: "modal-replace",
+  dataConfig: "modal-config",
   // Selectors
-  selectorModal: '.modal',
-  selectorDialog: '.modal__dialog',
-  selectorRequired: '[role="alertdialog"]',
-  selectorFocus: '[data-focus]',
+  selectorModal: ".modal",
+  selectorDialog: ".modal__dialog",
+  selectorRequired: "[role=\"alertdialog\"]",
+  selectorFocus: "[data-focus]",
   selectorInert: null,
-  selectorOverflow: 'body',
+  selectorOverflow: "body",
   // State classes
-  stateOpened: 'is-opened',
-  stateOpening: 'is-opening',
-  stateClosing: 'is-closing',
-  stateClosed: 'is-closed',
+  stateOpened: "is-opened",
+  stateOpening: "is-opening",
+  stateClosing: "is-closing",
+  stateClosed: "is-closed",
   // Feature settings
-  customEventPrefix: 'modal:',
+  customEventPrefix: "modal:",
   eventListeners: true,
   teleport: null,
-  teleportMethod: 'append',
+  teleportMethod: "append",
   setTabindex: true,
   transition: true
 };
 
 function getModal(query) {
   // Get the entry from collection.
-  var entry = typeof query === 'string' ? this.get(query) : this.get(query.id);
+  var entry = typeof query === "string" ? this.get(query) : this.get(query.id);
 
   // Return entry if it was resolved, otherwise throw error.
   if (entry) {
@@ -1558,12 +1508,12 @@ function getModal(query) {
 
 function getModalID(obj) {
   // If it's a string, return the string.
-  if (typeof obj === 'string') {
+  if (typeof obj === "string") {
     return obj;
   }
 
   // If it's an HTML element.
-  else if (typeof obj.hasAttribute === 'function') {
+  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);
@@ -1609,7 +1559,7 @@ function getModalElements(query) {
       };
     } else if (!dialog) {
       return {
-        error: new Error('Modal is missing dialog element.')
+        error: new Error("Modal is missing dialog element.")
       };
     } else {
       return {
@@ -1619,7 +1569,7 @@ function getModalElements(query) {
     }
   } else {
     return {
-      error: new Error('Could not resolve the modal ID.')
+      error: new Error("Could not resolve the modal ID.")
     };
   }
 }
@@ -1662,7 +1612,7 @@ var handleClick$1 = function handleClick(event) {
       // Get the value of the data attribute.
       var value = trigger.getAttribute("data-" + _this.settings.dataClose);
       // Close all if * wildcard is passed, otherwise close a single modal.
-      return Promise.resolve(value === '*' ? _this.closeAll() : _this.close(value));
+      return Promise.resolve(value === "*" ? _this.closeAll() : _this.close(value));
     }
 
     // If the modal screen was clicked, close the modal.
@@ -1676,7 +1626,7 @@ var handleClick$1 = function handleClick(event) {
 };
 function handleKeydown$1(event) {
   // If escape key was pressed.
-  if (event.key === 'Escape') {
+  if (event.key === "Escape") {
     // If a modal is opened and not required, close the modal.
     if (this.active && !this.active.dialog.matches(this.settings.selectorRequired)) {
       return this.close();
@@ -1705,28 +1655,28 @@ var deregister$1 = function deregister(obj, close) {
       if (index >= 0) {
         var _temp2 = function _temp2() {
           // Return teleported modal if a reference has been set.
-          if (_entry.getSetting('teleport')) {
-            _entry.teleportReturn();
+          if (entry.getSetting("teleport")) {
+            entry.teleportReturn();
           }
 
           // Delete properties from collection entry.
-          Object.getOwnPropertyNames(_entry).forEach(function (prop) {
-            delete _entry[prop];
+          Object.getOwnPropertyNames(entry).forEach(function (prop) {
+            delete entry[prop];
           });
 
           // Remove entry from collection.
           _this.collection.splice(index, 1);
         };
         // Get the collection entry.
-        var _entry = _this.collection[index];
+        var entry = _this.collection[index];
 
         // If entry is in the opened state, close it.
         var _temp = function () {
-          if (close && _entry.state === 'opened') {
-            return Promise.resolve(_entry.close(false)).then(function () {});
+          if (close && entry.state === "opened") {
+            return Promise.resolve(entry.close(false)).then(function () {});
           } else {
             // Remove modal from stack.
-            _this.stack.remove(_entry);
+            _this.stack.remove(entry);
           }
         }();
         return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
@@ -1750,7 +1700,7 @@ var open$1 = function open(query, transition, focus) {
       }
 
       // Dispatch custom opened event.
-      modal.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'opened', {
+      modal.el.dispatchEvent(new CustomEvent(config.customEventPrefix + "opened", {
         detail: _this,
         bubbles: true
       }));
@@ -1773,9 +1723,9 @@ var open$1 = function open(query, transition, focus) {
 
     // If modal is closed.
     var _temp = function () {
-      if (modal.state === 'closed') {
+      if (modal.state === "closed") {
         // Update modal state.
-        modal.state = 'opening';
+        modal.state = "opening";
 
         // Add modal to stack.
         _this.stack.add(modal);
@@ -1783,7 +1733,7 @@ var open$1 = function open(query, transition, focus) {
         // Run the open transition.
         return Promise.resolve(openTransition(modal.el, config)).then(function () {
           // Update modal state.
-          modal.state = 'opened';
+          modal.state = "opened";
         });
       }
     }();
@@ -1804,9 +1754,9 @@ var close$1 = function close(query, transition, focus) {
 
     // If a modal exists and its state is opened.
     var _temp = function () {
-      if (modal && modal.state === 'opened') {
+      if (modal && modal.state === "opened") {
         // Update modal state.
-        modal.state = 'closing';
+        modal.state = "closing";
 
         // Get the modal configuration.
         var config = _extends({}, _this.settings, modal.settings);
@@ -1828,10 +1778,10 @@ var close$1 = function close(query, transition, focus) {
           }
 
           // Update modal state.
-          modal.state = 'closed';
+          modal.state = "closed";
 
           // Dispatch custom closed event.
-          modal.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'closed', {
+          modal.el.dispatchEvent(new CustomEvent(config.customEventPrefix + "closed", {
             detail: _this,
             bubbles: true
           }));
@@ -1902,7 +1852,7 @@ var replace = function replace(query, transition, focus) {
     // Setup results for return.
     var resultOpened, resultClosed;
     var _temp = function () {
-      if (modal.state === 'opened') {
+      if (modal.state === "opened") {
         // If modal is open, close all modals except for replacement.
         resultOpened = modal;
         return Promise.resolve(closeAll$1.call(_this, modal.id, transition)).then(function (_closeAll$call) {
@@ -1945,16 +1895,16 @@ var register$1 = function register(el, dialog) {
         },
         teleport: function teleport$1(ref, method) {
           if (ref === void 0) {
-            ref = this.getSetting('teleport');
+            ref = this.getSetting("teleport");
           }
           if (method === void 0) {
-            method = this.getSetting('teleportMethod');
+            method = this.getSetting("teleportMethod");
           }
           if (!this.returnRef) {
             this.returnRef = teleport(this.el, ref, method);
             return this.el;
           } else {
-            console.error('Element has already been teleported:', this.el);
+            console.error("Element has already been teleported:", this.el);
             return false;
           }
         },
@@ -1963,7 +1913,7 @@ var register$1 = function register(el, dialog) {
             this.returnRef = teleport(this.el, this.returnRef);
             return this.el;
           } else {
-            console.error('No return reference found:', this.el);
+            console.error("No return reference found:", this.el);
             return false;
           }
         },
@@ -1975,7 +1925,7 @@ var register$1 = function register(el, dialog) {
       // Setup the modal object.
       var entry = _extends({
         id: el.id,
-        state: 'closed',
+        state: "closed",
         el: el,
         dialog: dialog,
         returnRef: null,
@@ -1983,20 +1933,20 @@ var register$1 = function register(el, dialog) {
       }, methods);
 
       // Set aria-modal attribute to true.
-      entry.dialog.setAttribute('aria-modal', 'true');
+      entry.dialog.setAttribute("aria-modal", "true");
 
       // If a role attribute is not set, set it to "dialog" as the default.
-      if (!entry.dialog.hasAttribute('role')) {
-        entry.dialog.setAttribute('role', 'dialog');
+      if (!entry.dialog.hasAttribute("role")) {
+        entry.dialog.setAttribute("role", "dialog");
       }
 
       // Set tabindex="-1" so dialog is focusable via JS or click.
-      if (entry.getSetting('setTabindex')) {
-        entry.dialog.setAttribute('tabindex', '-1');
+      if (entry.getSetting("setTabindex")) {
+        entry.dialog.setAttribute("tabindex", "-1");
       }
 
       // Teleport modal if a reference has been set.
-      if (entry.getSetting('teleport')) {
+      if (entry.getSetting("teleport")) {
         entry.teleport();
       }
 
@@ -2038,7 +1988,7 @@ function stack(settings) {
     updateIndex: function updateIndex() {
       stackArray.forEach(function (entry, index) {
         entry.el.style.zIndex = null;
-        var value = getComputedStyle(entry.el)['z-index'];
+        var value = getComputedStyle(entry.el)["z-index"];
         entry.el.style.zIndex = parseInt(value) + index + 1;
       });
     },
@@ -2049,7 +1999,7 @@ function stack(settings) {
     add: function add(entry) {
       // Apply z-index styles based on stack length.
       entry.el.style.zIndex = null;
-      var value = getComputedStyle(entry.el)['z-index'];
+      var value = getComputedStyle(entry.el)["z-index"];
       entry.el.style.zIndex = parseInt(value) + stackArray.length + 1;
 
       // Move back to end of stack.
@@ -2097,15 +2047,14 @@ function stack(settings) {
 var _handleClick = /*#__PURE__*/_classPrivateFieldLooseKey("handleClick");
 var _handleKeydown$1 = /*#__PURE__*/_classPrivateFieldLooseKey("handleKeydown");
 var Modal = /*#__PURE__*/function (_Collection) {
-  _inheritsLoose(Modal, _Collection);
   function Modal(options) {
     var _this;
     _this = _Collection.call(this) || this;
-    Object.defineProperty(_assertThisInitialized(_this), _handleClick, {
+    Object.defineProperty(_this, _handleClick, {
       writable: true,
       value: void 0
     });
-    Object.defineProperty(_assertThisInitialized(_this), _handleKeydown$1, {
+    Object.defineProperty(_this, _handleKeydown$1, {
       writable: true,
       value: void 0
     });
@@ -2116,11 +2065,12 @@ var Modal = /*#__PURE__*/function (_Collection) {
 
     // 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));
+    _classPrivateFieldLooseBase(_this, _handleClick)[_handleClick] = handleClick$1.bind(_this);
+    _classPrivateFieldLooseBase(_this, _handleKeydown$1)[_handleKeydown$1] = handleKeydown$1.bind(_this);
     if (_this.settings.autoInit) _this.init();
     return _this;
   }
+  _inheritsLoose(Modal, _Collection);
   var _proto = Modal.prototype;
   _proto.init = function init(options) {
     try {
@@ -2162,12 +2112,12 @@ var Modal = /*#__PURE__*/function (_Collection) {
     }
   };
   _proto.initEventListeners = function initEventListeners() {
-    document.addEventListener('click', _classPrivateFieldLooseBase(this, _handleClick)[_handleClick], false);
-    document.addEventListener('keydown', _classPrivateFieldLooseBase(this, _handleKeydown$1)[_handleKeydown$1], false);
+    document.addEventListener("click", _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('keydown', _classPrivateFieldLooseBase(this, _handleKeydown$1)[_handleKeydown$1], false);
+    document.removeEventListener("click", _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);
@@ -2207,26 +2157,25 @@ var Modal = /*#__PURE__*/function (_Collection) {
       return Promise.reject(e);
     }
   };
-  _createClass(Modal, [{
+  return _createClass(Modal, [{
     key: "active",
     get: function get() {
       return this.stack.top;
     }
   }]);
-  return Modal;
 }(Collection);
 
 var defaults = {
   autoInit: false,
   // Selectors
-  selectorPopover: '.popover',
-  selectorArrow: '.popover__arrow',
+  selectorPopover: ".popover",
+  selectorArrow: ".popover__arrow",
   // State classes
-  stateActive: 'is-active',
+  stateActive: "is-active",
   // Feature settings
   eventListeners: true,
-  eventType: 'click',
-  placement: 'bottom'
+  eventType: "click",
+  placement: "bottom"
 };
 
 function getConfig(el, settings) {
@@ -2235,19 +2184,19 @@ function getConfig(el, settings) {
 
   // Setup the config obj with default values.
   var config = {
-    'placement': settings.placement,
-    'event': settings.eventType,
-    'offset': 0,
-    'overflow-padding': 0,
-    'flip-padding': 0,
-    'arrow-element': settings.selectorArrow,
-    'arrow-padding': 0
+    "placement": settings.placement,
+    "event": settings.eventType,
+    "offset": 0,
+    "overflow-padding": 0,
+    "flip-padding": 0,
+    "arrow-element": settings.selectorArrow,
+    "arrow-padding": 0
   };
 
   // Loop through config obj.
   for (var prop in config) {
     // Get the CSS variable property values.
-    var prefix = E();
+    var prefix = P();
     var value = styles.getPropertyValue("--" + prefix + "popover-" + prop).trim();
 
     // If a value was found, replace the default in config obj.
@@ -2264,7 +2213,7 @@ function getPadding(value) {
   var padding;
 
   // Split the value by spaces if it's a string.
-  var array = typeof value === 'string' ? value.trim().split(' ') : [value];
+  var array = typeof value === "string" ? value.trim().split(" ") : [value];
 
   // Convert individual values to integers.
   array.forEach(function (item, index) {
@@ -2311,32 +2260,32 @@ function getPadding(value) {
 
 function getModifiers(options) {
   return [{
-    name: 'offset',
+    name: "offset",
     options: {
-      offset: [0, parseInt(options['offset'], 10)]
+      offset: [0, parseInt(options["offset"], 10)]
     }
   }, {
-    name: 'preventOverflow',
+    name: "preventOverflow",
     options: {
-      padding: getPadding(options['overflow-padding'])
+      padding: getPadding(options["overflow-padding"])
     }
   }, {
-    name: 'flip',
+    name: "flip",
     options: {
-      padding: getPadding(options['flip-padding'])
+      padding: getPadding(options["flip-padding"])
     }
   }, {
-    name: 'arrow',
+    name: "arrow",
     options: {
-      element: options['arrow-element'],
-      padding: getPadding(options['arrow-padding'])
+      element: options["arrow-element"],
+      padding: getPadding(options["arrow-padding"])
     }
   }];
 }
 
 function getPopover(query) {
   // Get the entry from collection.
-  var entry = typeof query === 'string' ? this.get(query) : this.get(query.id);
+  var entry = typeof query === "string" ? this.get(query) : this.get(query.id);
 
   // Return entry if it was resolved, otherwise throw error.
   if (entry) {
@@ -2348,12 +2297,12 @@ function getPopover(query) {
 
 function getPopoverID(obj) {
   // If it's a string, return the string.
-  if (typeof obj === 'string') {
+  if (typeof obj === "string") {
     return obj;
   }
 
   // If it's an HTML element.
-  else if (typeof obj.hasAttribute === 'function') {
+  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);
@@ -2361,13 +2310,13 @@ function getPopoverID(obj) {
     }
 
     // If it's a popover trigger, return value of aria-controls.
-    else if (obj.hasAttribute('aria-controls')) {
-      return obj.getAttribute('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.
-    else if (obj.hasAttribute('aria-describedby')) {
-      return obj.getAttribute('aria-describedby');
+    else if (obj.hasAttribute("aria-describedby")) {
+      return obj.getAttribute("aria-describedby");
     }
 
     // Return false if no id was found.
@@ -2394,11 +2343,11 @@ function getPopoverElements(query) {
       };
     } else if (!trigger) {
       return {
-        error: new Error('No popover trigger associated with the provided popover.')
+        error: new Error("No popover trigger associated with the provided popover.")
       };
     } else if (!popover) {
       return {
-        error: new Error('No popover associated with the provided popover trigger.')
+        error: new Error("No popover associated with the provided popover trigger.")
       };
     } else {
       return {
@@ -2408,7 +2357,7 @@ function getPopoverElements(query) {
     }
   } else {
     return {
-      error: new Error('Could not resolve the popover ID.')
+      error: new Error("Could not resolve the popover ID.")
     };
   }
 }
@@ -2420,7 +2369,7 @@ var closeAll = function closeAll() {
     return Promise.resolve(Promise.all(_this2.collection.map(function (popover) {
       try {
         var _temp2 = function () {
-          if (popover.state === 'opened') {
+          if (popover.state === "opened") {
             var _push = result.push;
             return Promise.resolve(close.call(_this2, popover)).then(function (_close$call) {
               _push.call(result, _close$call);
@@ -2442,25 +2391,25 @@ var close = function close(query) {
   try {
     var _temp = function _temp(popover) {
       // If a modal exists and its state is opened.
-      if (popover && popover.state === 'opened') {
+      if (popover && popover.state === "opened") {
         // Update state class.
         popover.el.classList.remove(_this.settings.stateActive);
 
         // Update accessibility attribute(s).
-        if (popover.trigger.hasAttribute('aria-controls')) {
-          popover.trigger.setAttribute('aria-expanded', 'false');
+        if (popover.trigger.hasAttribute("aria-controls")) {
+          popover.trigger.setAttribute("aria-expanded", "false");
         }
 
         // Disable popper event listeners.
         popover.popper.setOptions({
           modifiers: [{
-            name: 'eventListeners',
+            name: "eventListeners",
             enabled: false
           }]
         });
 
         // Update popover state.
-        popover.state = 'closed';
+        popover.state = "closed";
 
         // Clear root trigger if popover trigger matches.
         if (popover.trigger === _this.trigger) {
@@ -2480,12 +2429,12 @@ var close = function close(query) {
 };
 function closeCheck(popover) {
   // Only run closeCheck if provided popover is currently open.
-  if (popover.state != 'opened') return;
+  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;
+    var isHovered = popover.el.closest(":hover") === popover.el || popover.trigger.closest(":hover") === popover.trigger;
 
     // Check if trigger or element are being focused.
     var isFocused = document.activeElement.closest("#" + popover.id + ", [aria-controls=\"" + popover.id + "\"], [aria-describedby=\"" + popover.id + "\"]");
@@ -2501,7 +2450,7 @@ function closeCheck(popover) {
 }
 
 function handleClick(popover) {
-  if (popover.state === 'opened') {
+  if (popover.state === "opened") {
     popover.close();
   } else {
     this.trigger = popover.trigger;
@@ -2512,13 +2461,13 @@ function handleClick(popover) {
 function handleKeydown(event) {
   var _this = this;
   switch (event.key) {
-    case 'Escape':
+    case "Escape":
       if (this.trigger) {
         this.trigger.focus();
       }
       closeAll.call(this);
       return;
-    case 'Tab':
+    case "Tab":
       this.collection.forEach(function (popover) {
         closeCheck.call(_this, popover);
       });
@@ -2529,7 +2478,7 @@ function handleKeydown(event) {
 }
 function handleDocumentClick(popover) {
   var root = this;
-  document.addEventListener('click', function _f(event) {
+  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 + "\"]");
 
@@ -2537,14 +2486,14 @@ function handleDocumentClick(popover) {
     if (wasClicked) {
       // If popover element exists and is not active...
       if (popover.el && !popover.el.classList.contains(root.settings.stateActive)) {
-        this.removeEventListener('click', _f);
+        this.removeEventListener("click", _f);
       }
     } else {
       // If popover element exists and is active...
       if (popover.el && popover.el.classList.contains(root.settings.stateActive)) {
         popover.close();
       }
-      this.removeEventListener('click', _f);
+      this.removeEventListener("click", _f);
     }
   });
 }
@@ -4355,7 +4304,7 @@ var deregister = function deregister(obj) {
       var entry = _this.collection[index];
 
       // If entry is in the opened state, close it.
-      if (entry.state === 'opened') {
+      if (entry.state === "opened") {
         entry.close();
       }
 
@@ -4410,8 +4359,8 @@ var open = function open(query) {
     popover.el.classList.add(_this.settings.stateActive);
 
     // Update accessibility attribute(s).
-    if (popover.trigger.hasAttribute('aria-controls')) {
-      popover.trigger.setAttribute('aria-expanded', 'true');
+    if (popover.trigger.hasAttribute("aria-controls")) {
+      popover.trigger.setAttribute("aria-expanded", "true");
     }
 
     // Update popover config.
@@ -4419,9 +4368,9 @@ var open = function open(query) {
 
     // Enable popper event listeners and set placement/modifiers.
     popover.popper.setOptions({
-      placement: popover.config['placement'],
+      placement: popover.config["placement"],
       modifiers: [{
-        name: 'eventListeners',
+        name: "eventListeners",
         enabled: true
       }].concat(getModifiers(popover.config))
     });
@@ -4430,7 +4379,7 @@ var open = function open(query) {
     popover.popper.update();
 
     // Update popover state.
-    popover.state = 'opened';
+    popover.state = "opened";
 
     // Return the popover.
     return Promise.resolve(popover);
@@ -4464,7 +4413,7 @@ var register = function register(el, trigger) {
     // Setup the popover object.
     var entry = _extends({
       id: el.id,
-      state: 'closed',
+      state: "closed",
       el: el,
       trigger: trigger,
       popper: createPopper(trigger, el),
@@ -4472,8 +4421,8 @@ var register = function register(el, trigger) {
     }, methods);
 
     // Set aria-expanded to false if trigger has aria-controls attribute.
-    if (entry.trigger.hasAttribute('aria-controls')) {
-      entry.trigger.setAttribute('aria-expanded', 'false');
+    if (entry.trigger.hasAttribute("aria-controls")) {
+      entry.trigger.setAttribute("aria-expanded", "false");
     }
 
     // Setup event listeners.
@@ -4502,18 +4451,18 @@ function registerEventListeners(entry) {
   // If event listeners aren't already setup.
   if (!entry.__eventListeners) {
     // Add event listeners based on event type.
-    var eventType = entry.config['event'];
+    var eventType = entry.config["event"];
 
     // If the event type is hover.
-    if (eventType === 'hover') {
+    if (eventType === "hover") {
       // Setup event listeners object for hover.
       entry.__eventListeners = [{
-        el: ['trigger'],
-        type: ['mouseenter', 'focus'],
+        el: ["trigger"],
+        type: ["mouseenter", "focus"],
         listener: open.bind(this, entry)
       }, {
-        el: ['el', 'trigger'],
-        type: ['mouseleave', 'focusout'],
+        el: ["el", "trigger"],
+        type: ["mouseleave", "focusout"],
         listener: closeCheck.bind(this, entry)
       }];
 
@@ -4531,8 +4480,8 @@ function registerEventListeners(entry) {
     else {
       // Setup event listeners object for click.
       entry.__eventListeners = [{
-        el: ['trigger'],
-        type: ['click'],
+        el: ["trigger"],
+        type: ["click"],
         listener: handleClick.bind(this, entry)
       }];
 
@@ -4553,21 +4502,21 @@ function registerEventListeners(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, {
+    Object.defineProperty(_this, _handleKeydown, {
       writable: true,
       value: void 0
     });
     _this.defaults = defaults;
     _this.settings = _extends({}, _this.defaults, options);
     _this.trigger = null;
-    _classPrivateFieldLooseBase(_assertThisInitialized(_this), _handleKeydown)[_handleKeydown] = handleKeydown.bind(_assertThisInitialized(_this));
+    _classPrivateFieldLooseBase(_this, _handleKeydown)[_handleKeydown] = handleKeydown.bind(_this);
     if (_this.settings.autoInit) _this.init();
     return _this;
   }
+  _inheritsLoose(Popover, _Collection);
   var _proto = Popover.prototype;
   _proto.init = function init(options) {
     try {
@@ -4625,7 +4574,7 @@ var Popover = /*#__PURE__*/function (_Collection) {
     }
 
     // Add keydown global event listener.
-    document.addEventListener('keydown', _classPrivateFieldLooseBase(this, _handleKeydown)[_handleKeydown], false);
+    document.addEventListener("keydown", _classPrivateFieldLooseBase(this, _handleKeydown)[_handleKeydown], false);
   };
   _proto.destroyEventListeners = function destroyEventListeners(processCollection) {
     if (processCollection === void 0) {
@@ -4639,7 +4588,7 @@ var Popover = /*#__PURE__*/function (_Collection) {
     }
 
     // Remove keydown global event listener.
-    document.removeEventListener('keydown', _classPrivateFieldLooseBase(this, _handleKeydown)[_handleKeydown], false);
+    document.removeEventListener("keydown", _classPrivateFieldLooseBase(this, _handleKeydown)[_handleKeydown], false);
   };
   _proto.register = function register$1(query) {
     var els = getPopoverElements.call(this, query);