vrembem 3.0.19 → 3.0.21

package/dev/scripts.umd.js

@@ -3,78 +3,55 @@
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
   (global = global || self, factory(global.vrembem = {}));
 })(this, (function (exports) {
-  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");
@@ -101,8 +78,8 @@
       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]);
       }
@@ -116,8 +93,8 @@
       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]);
       }
@@ -128,7 +105,7 @@
       this.mql = null;
       return this;
     };
-    _createClass(Breakpoint, [{
+    return _createClass(Breakpoint, [{
       key: "handler",
       get: function get() {
         return _classPrivateFieldLooseBase(this, _handler)[_handler];
@@ -139,8 +116,8 @@
       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]);
           }
@@ -148,7 +125,6 @@
         _classPrivateFieldLooseBase(this, _handler)[_handler] = func;
       }
     }]);
-    return Breakpoint;
   }();
 
   function _settle(pact, state, value) {
@@ -364,7 +340,7 @@
     };
     _proto.get = function get(value, key) {
       if (key === void 0) {
-        key = 'id';
+        key = "id";
       }
       return this.collection.find(function (item) {
         return item[key] === value;
@@ -373,31 +349,6 @@
     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");
@@ -407,7 +358,7 @@
         el = null;
       }
       if (selectorFocus === void 0) {
-        selectorFocus = '[data-focus]';
+        selectorFocus = "[data-focus]";
       }
       Object.defineProperty(this, _focusable, {
         writable: true,
@@ -446,8 +397,8 @@
       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) {
@@ -473,7 +424,8 @@
       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) {
@@ -493,7 +445,7 @@
       // Return the focusable array.
       return focusable;
     };
-    _createClass(FocusTrap, [{
+    return _createClass(FocusTrap, [{
       key: "focusable",
       get: function get() {
         return _classPrivateFieldLooseBase(this, _focusable)[_focusable];
@@ -504,11 +456,11 @@
 
         // 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]);
         }
       }
     }, {
@@ -522,11 +474,17 @@
         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.
@@ -548,18 +506,18 @@
   }
   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) {
@@ -604,18 +562,18 @@
     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);
     }
 
@@ -641,7 +599,7 @@
         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;
 
@@ -651,7 +609,7 @@
 
           // 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.
@@ -670,7 +628,7 @@
         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;
 
@@ -680,7 +638,7 @@
 
           // 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.
@@ -696,24 +654,17 @@
       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;
       });
     }
   }
@@ -741,8 +692,8 @@
 
   var defaults$3 = {
     autoInit: false,
-    stateAttr: 'aria-checked',
-    stateValue: 'mixed'
+    stateAttr: "aria-checked",
+    stateValue: "mixed"
   };
 
   var Checkbox = /*#__PURE__*/function () {
@@ -761,10 +712,10 @@
       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 + "\"]";
@@ -807,30 +758,30 @@
   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
   };
@@ -845,7 +796,7 @@
 
       // 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);
@@ -858,7 +809,7 @@
 
       // 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);
@@ -871,7 +822,7 @@
 
       // 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.
@@ -898,7 +849,7 @@
     }
   }
   function handleKeydown$2(event) {
-    if (event.key === 'Escape') {
+    if (event.key === "Escape") {
       var modal = this.activeModal;
       if (modal) this.close(modal);
     }
@@ -925,27 +876,27 @@
         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);
@@ -957,12 +908,12 @@
     }
   };
 
-  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];
@@ -975,7 +926,7 @@
 
   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) {
@@ -987,12 +938,12 @@
 
   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);
@@ -1038,7 +989,7 @@
         };
       } else if (!dialog) {
         return {
-          error: new Error('Drawer is missing dialog element.')
+          error: new Error("Drawer is missing dialog element.")
         };
       } else {
         return {
@@ -1048,7 +999,7 @@
       }
     } else {
       return {
-        error: new Error('Could not resolve the drawer ID.')
+        error: new Error("Could not resolve the drawer ID.")
       };
     }
   }
@@ -1059,7 +1010,7 @@
       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 () {});
@@ -1068,7 +1019,7 @@
           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);
@@ -1089,9 +1040,9 @@
 
   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);
@@ -1118,7 +1069,7 @@
         }
 
         // Dispatch custom opened event.
-        drawer.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'opened', {
+        drawer.el.dispatchEvent(new CustomEvent(config.customEventPrefix + "opened", {
           detail: _this,
           bubbles: true
         }));
@@ -1138,17 +1089,17 @@
 
       // 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";
           });
         }
       }();
@@ -1175,9 +1126,9 @@
 
       // 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();
@@ -1185,7 +1136,7 @@
           // 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) {
@@ -1193,10 +1144,10 @@
             }
 
             // 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
             }));
@@ -1219,7 +1170,7 @@
       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));
@@ -1235,21 +1186,21 @@
       // 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
         }));
@@ -1265,10 +1216,10 @@
     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));
@@ -1279,7 +1230,7 @@
       // 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
         }));
@@ -1293,9 +1244,9 @@
   };
   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.");
@@ -1338,7 +1289,7 @@
             return this;
           },
           handleBreakpoint: function handleBreakpoint(event) {
-            this.mode = event.matches ? 'inline' : 'modal';
+            this.mode = event.matches ? "inline" : "modal";
             return this;
           },
           getSetting: function getSetting(key) {
@@ -1362,8 +1313,8 @@
           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() {
@@ -1376,23 +1327,23 @@
         }, 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.
@@ -1421,15 +1372,14 @@
   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
       });
@@ -1439,11 +1389,12 @@
 
       // 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) {
@@ -1485,12 +1436,12 @@
       }
     };
     _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);
@@ -1510,48 +1461,47 @@
     _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) {
@@ -1563,12 +1513,12 @@
 
   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);
@@ -1614,7 +1564,7 @@
         };
       } else if (!dialog) {
         return {
-          error: new Error('Modal is missing dialog element.')
+          error: new Error("Modal is missing dialog element.")
         };
       } else {
         return {
@@ -1624,7 +1574,7 @@
       }
     } else {
       return {
-        error: new Error('Could not resolve the modal ID.')
+        error: new Error("Could not resolve the modal ID.")
       };
     }
   }
@@ -1667,7 +1617,7 @@
         // 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.
@@ -1681,7 +1631,7 @@
   };
   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();
@@ -1710,28 +1660,28 @@
         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);
@@ -1755,7 +1705,7 @@
         }
 
         // Dispatch custom opened event.
-        modal.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'opened', {
+        modal.el.dispatchEvent(new CustomEvent(config.customEventPrefix + "opened", {
           detail: _this,
           bubbles: true
         }));
@@ -1778,9 +1728,9 @@
 
       // 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);
@@ -1788,7 +1738,7 @@
           // Run the open transition.
           return Promise.resolve(openTransition(modal.el, config)).then(function () {
             // Update modal state.
-            modal.state = 'opened';
+            modal.state = "opened";
           });
         }
       }();
@@ -1809,9 +1759,9 @@
 
       // 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);
@@ -1833,10 +1783,10 @@
             }
 
             // 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
             }));
@@ -1907,7 +1857,7 @@
       // 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) {
@@ -1950,16 +1900,16 @@
           },
           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;
             }
           },
@@ -1968,7 +1918,7 @@
               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;
             }
           },
@@ -1980,7 +1930,7 @@
         // Setup the modal object.
         var entry = _extends({
           id: el.id,
-          state: 'closed',
+          state: "closed",
           el: el,
           dialog: dialog,
           returnRef: null,
@@ -1988,20 +1938,20 @@
         }, 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();
         }
 
@@ -2043,7 +1993,7 @@
       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;
         });
       },
@@ -2054,7 +2004,7 @@
       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.
@@ -2102,15 +2052,14 @@
   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
       });
@@ -2121,11 +2070,12 @@
 
       // 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 {
@@ -2167,12 +2117,12 @@
       }
     };
     _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);
@@ -2212,26 +2162,25 @@
         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) {
@@ -2240,19 +2189,19 @@
 
     // 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.
@@ -2269,7 +2218,7 @@
     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) {
@@ -2316,32 +2265,32 @@
 
   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) {
@@ -2353,12 +2302,12 @@
 
   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);
@@ -2366,13 +2315,13 @@
       }
 
       // 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.
@@ -2399,11 +2348,11 @@
         };
       } 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 {
@@ -2413,7 +2362,7 @@
       }
     } else {
       return {
-        error: new Error('Could not resolve the popover ID.')
+        error: new Error("Could not resolve the popover ID.")
       };
     }
   }
@@ -2425,7 +2374,7 @@
       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);
@@ -2447,25 +2396,25 @@
     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) {
@@ -2485,12 +2434,12 @@
   };
   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 + "\"]");
@@ -2506,7 +2455,7 @@
   }
 
   function handleClick(popover) {
-    if (popover.state === 'opened') {
+    if (popover.state === "opened") {
       popover.close();
     } else {
       this.trigger = popover.trigger;
@@ -2517,13 +2466,13 @@
   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);
         });
@@ -2534,7 +2483,7 @@
   }
   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 + "\"]");
 
@@ -2542,14 +2491,14 @@
       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);
       }
     });
   }
@@ -4360,7 +4309,7 @@
         var entry = _this.collection[index];
 
         // If entry is in the opened state, close it.
-        if (entry.state === 'opened') {
+        if (entry.state === "opened") {
           entry.close();
         }
 
@@ -4415,8 +4364,8 @@
       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.
@@ -4424,9 +4373,9 @@
 
       // 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))
       });
@@ -4435,7 +4384,7 @@
       popover.popper.update();
 
       // Update popover state.
-      popover.state = 'opened';
+      popover.state = "opened";
 
       // Return the popover.
       return Promise.resolve(popover);
@@ -4469,7 +4418,7 @@
       // Setup the popover object.
       var entry = _extends({
         id: el.id,
-        state: 'closed',
+        state: "closed",
         el: el,
         trigger: trigger,
         popper: createPopper(trigger, el),
@@ -4477,8 +4426,8 @@
       }, 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.
@@ -4507,18 +4456,18 @@
     // 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)
         }];
 
@@ -4536,8 +4485,8 @@
       else {
         // Setup event listeners object for click.
         entry.__eventListeners = [{
-          el: ['trigger'],
-          type: ['click'],
+          el: ["trigger"],
+          type: ["click"],
           listener: handleClick.bind(this, entry)
         }];
 
@@ -4558,21 +4507,21 @@
 
   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 {
@@ -4630,7 +4579,7 @@
       }
 
       // 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) {
@@ -4644,7 +4593,7 @@
       }
 
       // 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);