vrembem 3.0.19 → 3.0.21

package/dev/scripts.modern.mjs

@@ -1,26 +1,19 @@
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+function _classPrivateFieldLooseBase(e, t) {
+  if (!{}.hasOwnProperty.call(e, t)) throw new TypeError("attempted to use private field on non-instance");
+  return e;
 }
 var id = 0;
-function _classPrivateFieldLooseKey(name) {
-  return "__private_" + id++ + "_" + name;
+function _classPrivateFieldLooseKey(e) {
+  return "__private_" + id++ + "_" + e;
 }
-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 _extends() {
+  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 n;
+  }, _extends.apply(null, arguments);
 }
 
 var _handler = /*#__PURE__*/_classPrivateFieldLooseKey("handler");
@@ -42,8 +35,8 @@ class Breakpoint {
   set handler(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]);
       }
@@ -62,8 +55,8 @@ class Breakpoint {
     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]);
     }
@@ -77,8 +70,8 @@ class Breakpoint {
     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]);
     }
@@ -125,43 +118,18 @@ class Collection {
     }
     return this.collection;
   }
-  get(value, key = 'id') {
+  get(value, key = "id") {
     return this.collection.find(item => {
       return item[key] === value;
     });
   }
 }
 
-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");
 class FocusTrap {
-  constructor(el = null, selectorFocus = '[data-focus]') {
+  constructor(el = null, selectorFocus = "[data-focus]") {
     Object.defineProperty(this, _focusable, {
       writable: true,
       value: void 0
@@ -188,11 +156,11 @@ class FocusTrap {
 
     // 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]);
     }
   }
   get focusableFirst() {
@@ -220,8 +188,8 @@ class FocusTrap {
     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]);
   }
   focus(el = this.el, selectorFocus = this.selectorFocus) {
     // Query for the focus selector, otherwise return this element.
@@ -238,7 +206,8 @@ class FocusTrap {
     const initScrollTop = el.scrollTop;
 
     // Query for all the focusable elements.
-    const els = el.querySelectorAll(e.join(','));
+    const selector = focusableSelectors.join(",");
+    const els = el.querySelectorAll(selector);
 
     // Loop through all focusable elements.
     els.forEach(el => {
@@ -259,9 +228,16 @@ class FocusTrap {
     return focusable;
   }
 }
+
+// This has been copied over from focusable-selectors package and modified.
+// https://github.com/KittyGiraudel/focusable-selectors
+const notInert = ":not([inert])"; // Previously `:not([inert]):not([inert] *)`
+const notNegTabIndex = ":not([tabindex^=\"-\"])";
+const notDisabled = ":not(:disabled)";
+const 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.
-  const isTab = event.key === 'Tab' || event.keyCode === 9;
+  const isTab = event.key === "Tab" || event.keyCode === 9;
   if (!isTab) return;
 
   // If the shift key is pressed.
@@ -283,18 +259,18 @@ function handleFocusTrap(event) {
 }
 function handleFocusLock(event) {
   // Ignore the tab key by preventing default.
-  const isTab = event.key === 'Tab' || event.keyCode === 9;
+  const isTab = event.key === "Tab" || event.keyCode === 9;
   if (isTab) event.preventDefault();
 }
 
 function getConfig$1(el, dataConfig) {
-  const string = el.getAttribute(`data-${dataConfig}`) || '';
-  const json = string.replace(/'/g, '"');
+  const string = el.getAttribute(`data-${dataConfig}`) || "";
+  const 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 = true) {
@@ -336,18 +312,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.
   let 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);
   }
 
@@ -373,7 +349,7 @@ const 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;
 
@@ -383,7 +359,7 @@ const 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.
@@ -402,7 +378,7 @@ const 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;
 
@@ -412,7 +388,7 @@ const 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.
@@ -428,24 +404,17 @@ function setOverflowHidden(state, selector) {
     const els = document.querySelectorAll(selector);
     els.forEach(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) {
-    const els = document.querySelectorAll(selector);
-    els.forEach(el => {
-      if (state) {
-        el.inert = true;
-        el.setAttribute('aria-hidden', true);
-      } else {
-        el.inert = null;
-        el.removeAttribute('aria-hidden');
-      }
+    document.querySelectorAll(selector).forEach(el => {
+      el.inert = state;
     });
   }
 }
@@ -473,8 +442,8 @@ var index = {
 
 var defaults$3 = {
   autoInit: false,
-  stateAttr: 'aria-checked',
-  stateValue: 'mixed'
+  stateAttr: "aria-checked",
+  stateValue: "mixed"
 };
 
 class Checkbox {
@@ -489,10 +458,10 @@ class Checkbox {
     const selector = `[${this.settings.stateAttr}="${this.settings.stateValue}"]`;
     const mixed = document.querySelectorAll(selector);
     this.setIndeterminate(mixed);
-    document.addEventListener('click', this.__handlerClick, false);
+    document.addEventListener("click", this.__handlerClick, false);
   }
   destroy() {
-    document.removeEventListener('click', this.__handlerClick, false);
+    document.removeEventListener("click", this.__handlerClick, false);
   }
   handlerClick(event) {
     const selector = `[${this.settings.stateAttr}="${this.settings.stateValue}"]`;
@@ -528,30 +497,30 @@ class Checkbox {
 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
 };
@@ -569,7 +538,7 @@ function handleClick$2(event) {
 
     // If it's a toggle trigger...
     if (trigger.matches(`[data-${this.settings.dataToggle}]`)) {
-      const selectors = trigger.getAttribute(`data-${this.settings.dataToggle}`).trim().split(' ');
+      const selectors = trigger.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ");
       selectors.forEach(selector => {
         // Get the entry from collection using the attribute value.
         const entry = this.get(selector);
@@ -582,7 +551,7 @@ function handleClick$2(event) {
 
     // If it's a open trigger...
     if (trigger.matches(`[data-${this.settings.dataOpen}]`)) {
-      const selectors = trigger.getAttribute(`data-${this.settings.dataOpen}`).trim().split(' ');
+      const selectors = trigger.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ");
       selectors.forEach(selector => {
         // Get the entry from collection using the attribute value.
         const entry = this.get(selector);
@@ -595,7 +564,7 @@ function handleClick$2(event) {
 
     // If it's a close trigger...
     if (trigger.matches(`[data-${this.settings.dataClose}]`)) {
-      const selectors = trigger.getAttribute(`data-${this.settings.dataClose}`).trim().split(' ');
+      const selectors = trigger.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ");
       selectors.forEach(selector => {
         if (selector) {
           // Get the entry from collection using the attribute value.
@@ -622,7 +591,7 @@ function handleClick$2(event) {
   }
 }
 function handleKeydown$2(event) {
-  if (event.key === 'Escape') {
+  if (event.key === "Escape") {
     const modal = this.activeModal;
     if (modal) this.close(modal);
   }
@@ -641,7 +610,7 @@ async function deregister$2(obj, close = true) {
     const entry = this.collection[index];
 
     // If entry is in the opened state.
-    if (close && entry.state === 'opened') {
+    if (close && entry.state === "opened") {
       // Close the drawer.
       await entry.close(false);
     }
@@ -665,12 +634,12 @@ async function deregister$2(obj, close = true) {
   return this.collection;
 }
 
-function E() {
+function P() {
   return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
 }
 
 function getBreakpoint(drawer) {
-  const prefix = E();
+  const prefix = P();
   const bp = drawer.getAttribute(`data-${this.settings.dataBreakpoint}`);
   if (this.settings.breakpoints && this.settings.breakpoints[bp]) {
     return this.settings.breakpoints[bp];
@@ -683,7 +652,7 @@ function getBreakpoint(drawer) {
 
 function getDrawer(query) {
   // Get the entry from collection.
-  const entry = typeof query === 'string' ? this.get(query) : this.get(query.id);
+  const entry = typeof query === "string" ? this.get(query) : this.get(query.id);
 
   // Return entry if it was resolved, otherwise throw error.
   if (entry) {
@@ -695,12 +664,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}`);
@@ -746,7 +715,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 {
@@ -756,7 +725,7 @@ function getDrawerElements(query) {
     }
   } else {
     return {
-      error: new Error('Could not resolve the drawer ID.')
+      error: new Error("Could not resolve the drawer ID.")
     };
   }
 }
@@ -768,14 +737,14 @@ async function initialState(entry) {
   //  3. Else, initialize default state.
   if (this.store.get(entry.id)) {
     // Restore drawers to saved inline state.
-    if (this.store.get(entry.id) === 'opened') {
+    if (this.store.get(entry.id) === "opened") {
       await entry.open(false, false);
     } else {
       await entry.close(false, false);
     }
   } 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);
@@ -787,9 +756,9 @@ async 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);
@@ -815,18 +784,18 @@ async function open$2(query, transition, focus = true) {
   if (transition !== undefined) config.transition = transition;
 
   // If drawer is closed.
-  if (drawer.state === 'closed') {
+  if (drawer.state === "closed") {
     // Update drawer state.
-    drawer.state = 'opening';
+    drawer.state = "opening";
 
     // Run the open transition.
     await openTransition(drawer.el, config);
 
     // 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";
   }
 
   // Set focus to the drawer element if the focus param is true.
@@ -835,7 +804,7 @@ async function open$2(query, transition, focus = true) {
   }
 
   // Dispatch custom opened event.
-  drawer.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'opened', {
+  drawer.el.dispatchEvent(new CustomEvent(config.customEventPrefix + "opened", {
     detail: this,
     bubbles: true
   }));
@@ -855,9 +824,9 @@ async function close$2(query, transition, focus = true) {
   if (transition !== undefined) config.transition = transition;
 
   // If drawer is opened.
-  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();
@@ -866,7 +835,7 @@ async function close$2(query, transition, focus = true) {
     await closeTransition(drawer.el, config);
 
     // 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) {
@@ -874,10 +843,10 @@ async function close$2(query, transition, focus = true) {
     }
 
     // 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
     }));
@@ -892,7 +861,7 @@ async function toggle(query, transition, focus) {
   const drawer = getDrawer.call(this, query);
 
   // Open or close the drawer based on its current state.
-  if (drawer.state === 'closed') {
+  if (drawer.state === "closed") {
     return open$2.call(this, drawer, transition, focus);
   } else {
     return close$2.call(this, drawer, transition, focus);
@@ -901,9 +870,9 @@ async function toggle(query, transition, focus) {
 
 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.`);
@@ -911,10 +880,10 @@ function switchMode(entry) {
 }
 async function toInline(entry) {
   // 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));
@@ -926,7 +895,7 @@ async function toInline(entry) {
   await initialState.call(this, entry);
 
   // 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
   }));
@@ -938,22 +907,22 @@ async 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 (!this.store.get(entry.id) && entry.el.classList.contains(entry.getSetting('stateOpened'))) {
+  if (!this.store.get(entry.id) && entry.el.classList.contains(entry.getSetting("stateOpened"))) {
     // Save the opened state in local store.
-    this.store.set(entry.id, 'opened');
+    this.store.set(entry.id, "opened");
   }
 
   // Modal drawer defaults to closed state.
   await close$2.call(this, entry, false, false);
 
   // 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
   }));
@@ -997,7 +966,7 @@ async function register$2(el, dialog) {
       return this;
     },
     handleBreakpoint(event) {
-      this.mode = event.matches ? 'inline' : 'modal';
+      this.mode = event.matches ? "inline" : "modal";
       return this;
     },
     getSetting(key) {
@@ -1021,8 +990,8 @@ async function register$2(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() {
@@ -1035,23 +1004,23 @@ async function register$2(el, dialog) {
   }, methods);
 
   // Create the state var with the initial state.
-  let __state = el.classList.contains(entry.getSetting('stateOpened')) ? 'opened' : 'closed';
+  let __state = el.classList.contains(entry.getSetting("stateOpened")) ? "opened" : "closed";
 
   // Create the mode var with the initial mode.
-  let __mode = el.classList.contains(entry.getSetting('classModal')) ? 'modal' : 'inline';
+  let __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.
@@ -1095,7 +1064,7 @@ class Drawer extends Collection {
   }
   get activeModal() {
     return this.collection.find(entry => {
-      return entry.state === 'opened' && entry.mode === 'modal';
+      return entry.state === "opened" && entry.mode === "modal";
     });
   }
   async init(options = null) {
@@ -1125,12 +1094,12 @@ class Drawer extends Collection {
     return this;
   }
   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);
   }
   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);
   }
   register(query) {
     const els = getDrawerElements.call(this, query);
@@ -1155,34 +1124,34 @@ class Drawer extends 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.
-  const entry = typeof query === 'string' ? this.get(query) : this.get(query.id);
+  const entry = typeof query === "string" ? this.get(query) : this.get(query.id);
 
   // Return entry if it was resolved, otherwise throw error.
   if (entry) {
@@ -1194,12 +1163,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}`);
@@ -1245,7 +1214,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 {
@@ -1255,7 +1224,7 @@ function getModalElements(query) {
     }
   } else {
     return {
-      error: new Error('Could not resolve the modal ID.')
+      error: new Error("Could not resolve the modal ID.")
     };
   }
 }
@@ -1296,7 +1265,7 @@ async function handleClick$1(event) {
     // Get the value of the data attribute.
     const value = trigger.getAttribute(`data-${this.settings.dataClose}`);
     // Close all if * wildcard is passed, otherwise close a single modal.
-    return value === '*' ? this.closeAll() : this.close(value);
+    return value === "*" ? this.closeAll() : this.close(value);
   }
 
   // If the modal screen was clicked, close the modal.
@@ -1306,7 +1275,7 @@ async function handleClick$1(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();
@@ -1327,7 +1296,7 @@ async function deregister$1(obj, close = true) {
     const entry = this.collection[index];
 
     // If entry is in the opened state, close it.
-    if (close && entry.state === 'opened') {
+    if (close && entry.state === "opened") {
       await entry.close(false);
     } else {
       // Remove modal from stack.
@@ -1335,7 +1304,7 @@ async function deregister$1(obj, close = true) {
     }
 
     // Return teleported modal if a reference has been set.
-    if (entry.getSetting('teleport')) {
+    if (entry.getSetting("teleport")) {
       entry.teleportReturn();
     }
 
@@ -1366,9 +1335,9 @@ async function open$1(query, transition, focus = true) {
   this.stack.moveToTop(modal);
 
   // If modal is closed.
-  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);
@@ -1377,7 +1346,7 @@ async function open$1(query, transition, focus = true) {
     await openTransition(modal.el, config);
 
     // Update modal state.
-    modal.state = 'opened';
+    modal.state = "opened";
   }
 
   // Update focus if the focus param is true.
@@ -1386,7 +1355,7 @@ async function open$1(query, transition, focus = true) {
   }
 
   // Dispatch custom opened event.
-  modal.el.dispatchEvent(new CustomEvent(config.customEventPrefix + 'opened', {
+  modal.el.dispatchEvent(new CustomEvent(config.customEventPrefix + "opened", {
     detail: this,
     bubbles: true
   }));
@@ -1400,9 +1369,9 @@ async function close$1(query, transition, focus = true) {
   const modal = query ? getModal.call(this, query) : this.active;
 
   // If a modal exists and its state is opened.
-  if (modal && modal.state === 'opened') {
+  if (modal && modal.state === "opened") {
     // Update modal state.
-    modal.state = 'closing';
+    modal.state = "closing";
 
     // Get the modal configuration.
     const config = _extends({}, this.settings, modal.settings);
@@ -1425,10 +1394,10 @@ async function close$1(query, transition, focus = true) {
     }
 
     // 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
     }));
@@ -1457,7 +1426,7 @@ async function replace(query, transition, focus = true) {
 
   // Setup results for return.
   let resultOpened, resultClosed;
-  if (modal.state === 'opened') {
+  if (modal.state === "opened") {
     // If modal is open, close all modals except for replacement.
     resultOpened = modal;
     resultClosed = await closeAll$1.call(this, modal.id, transition);
@@ -1501,12 +1470,12 @@ async function register$1(el, dialog) {
     deregister() {
       return deregister$1.call(root, this);
     },
-    teleport(ref = this.getSetting('teleport'), method = this.getSetting('teleportMethod')) {
+    teleport(ref = this.getSetting("teleport"), 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;
       }
     },
@@ -1515,7 +1484,7 @@ async function register$1(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;
       }
     },
@@ -1527,7 +1496,7 @@ async function register$1(el, dialog) {
   // Setup the modal object.
   const entry = _extends({
     id: el.id,
-    state: 'closed',
+    state: "closed",
     el: el,
     dialog: dialog,
     returnRef: null,
@@ -1535,20 +1504,20 @@ async function register$1(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();
   }
 
@@ -1583,7 +1552,7 @@ function stack(settings) {
     updateIndex() {
       stackArray.forEach((entry, index) => {
         entry.el.style.zIndex = null;
-        const value = getComputedStyle(entry.el)['z-index'];
+        const value = getComputedStyle(entry.el)["z-index"];
         entry.el.style.zIndex = parseInt(value) + index + 1;
       });
     },
@@ -1594,7 +1563,7 @@ function stack(settings) {
     add(entry) {
       // Apply z-index styles based on stack length.
       entry.el.style.zIndex = null;
-      const value = getComputedStyle(entry.el)['z-index'];
+      const value = getComputedStyle(entry.el)["z-index"];
       entry.el.style.zIndex = parseInt(value) + stackArray.length + 1;
 
       // Move back to end of stack.
@@ -1696,12 +1665,12 @@ class Modal extends Collection {
     return this;
   }
   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);
   }
   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);
   }
   register(query) {
     const els = getModalElements.call(this, query);
@@ -1734,14 +1703,14 @@ class Modal extends 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) {
@@ -1750,19 +1719,19 @@ function getConfig(el, settings) {
 
   // Setup the config obj with default values.
   const 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 (const prop in config) {
     // Get the CSS variable property values.
-    const prefix = E();
+    const prefix = P();
     const value = styles.getPropertyValue(`--${prefix}popover-${prop}`).trim();
 
     // If a value was found, replace the default in config obj.
@@ -1779,7 +1748,7 @@ function getPadding(value) {
   let padding;
 
   // Split the value by spaces if it's a string.
-  const array = typeof value === 'string' ? value.trim().split(' ') : [value];
+  const array = typeof value === "string" ? value.trim().split(" ") : [value];
 
   // Convert individual values to integers.
   array.forEach(function (item, index) {
@@ -1826,32 +1795,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.
-  const entry = typeof query === 'string' ? this.get(query) : this.get(query.id);
+  const entry = typeof query === "string" ? this.get(query) : this.get(query.id);
 
   // Return entry if it was resolved, otherwise throw error.
   if (entry) {
@@ -1863,12 +1832,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);
@@ -1876,13 +1845,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.
@@ -1909,11 +1878,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 {
@@ -1923,7 +1892,7 @@ function getPopoverElements(query) {
     }
   } else {
     return {
-      error: new Error('Could not resolve the popover ID.')
+      error: new Error("Could not resolve the popover ID.")
     };
   }
 }
@@ -1933,25 +1902,25 @@ async function close(query) {
   const popover = query ? getPopover.call(this, query) : await closeAll.call(this);
 
   // 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) {
@@ -1965,7 +1934,7 @@ async function close(query) {
 async function closeAll() {
   const result = [];
   await Promise.all(this.collection.map(async popover => {
-    if (popover.state === 'opened') {
+    if (popover.state === "opened") {
       result.push(await close.call(this, popover));
     }
   }));
@@ -1973,12 +1942,12 @@ async function closeAll() {
 }
 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(() => {
     // Check if trigger or element are being hovered.
-    const isHovered = popover.el.closest(':hover') === popover.el || popover.trigger.closest(':hover') === popover.trigger;
+    const isHovered = popover.el.closest(":hover") === popover.el || popover.trigger.closest(":hover") === popover.trigger;
 
     // Check if trigger or element are being focused.
     const isFocused = document.activeElement.closest(`#${popover.id}, [aria-controls="${popover.id}"], [aria-describedby="${popover.id}"]`);
@@ -1994,7 +1963,7 @@ function closeCheck(popover) {
 }
 
 function handleClick(popover) {
-  if (popover.state === 'opened') {
+  if (popover.state === "opened") {
     popover.close();
   } else {
     this.trigger = popover.trigger;
@@ -2004,13 +1973,13 @@ function handleClick(popover) {
 }
 function handleKeydown(event) {
   switch (event.key) {
-    case 'Escape':
+    case "Escape":
       if (this.trigger) {
         this.trigger.focus();
       }
       closeAll.call(this);
       return;
-    case 'Tab':
+    case "Tab":
       this.collection.forEach(popover => {
         closeCheck.call(this, popover);
       });
@@ -2021,7 +1990,7 @@ function handleKeydown(event) {
 }
 function handleDocumentClick(popover) {
   const root = this;
-  document.addEventListener('click', function _f(event) {
+  document.addEventListener("click", function _f(event) {
     // Check if a popover or its trigger was clicked.
     const wasClicked = event.target.closest(`#${popover.id}, [aria-controls="${popover.id}"], [aria-describedby="${popover.id}"]`);
 
@@ -2029,14 +1998,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);
     }
   });
 }
@@ -3845,7 +3814,7 @@ async function deregister(obj) {
     const entry = this.collection[index];
 
     // If entry is in the opened state, close it.
-    if (entry.state === 'opened') {
+    if (entry.state === "opened") {
       entry.close();
     }
 
@@ -3895,8 +3864,8 @@ async 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.
@@ -3904,9 +3873,9 @@ async 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
     }, ...getModifiers(popover.config)]
   });
@@ -3915,7 +3884,7 @@ async function open(query) {
   popover.popper.update();
 
   // Update popover state.
-  popover.state = 'opened';
+  popover.state = "opened";
 
   // Return the popover.
   return popover;
@@ -3944,7 +3913,7 @@ async function register(el, trigger) {
   // Setup the popover object.
   const entry = _extends({
     id: el.id,
-    state: 'closed',
+    state: "closed",
     el: el,
     trigger: trigger,
     popper: createPopper(trigger, el),
@@ -3952,8 +3921,8 @@ async 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.
@@ -3975,18 +3944,18 @@ function registerEventListeners(entry) {
   // If event listeners aren't already setup.
   if (!entry.__eventListeners) {
     // Add event listeners based on event type.
-    const eventType = entry.config['event'];
+    const 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)
       }];
 
@@ -4004,8 +3973,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)
       }];
 
@@ -4080,7 +4049,7 @@ class Popover extends Collection {
     }
 
     // Add keydown global event listener.
-    document.addEventListener('keydown', _classPrivateFieldLooseBase(this, _handleKeydown)[_handleKeydown], false);
+    document.addEventListener("keydown", _classPrivateFieldLooseBase(this, _handleKeydown)[_handleKeydown], false);
   }
   destroyEventListeners(processCollection = true) {
     if (processCollection) {
@@ -4091,7 +4060,7 @@ class Popover extends Collection {
     }
 
     // Remove keydown global event listener.
-    document.removeEventListener('keydown', _classPrivateFieldLooseBase(this, _handleKeydown)[_handleKeydown], false);
+    document.removeEventListener("keydown", _classPrivateFieldLooseBase(this, _handleKeydown)[_handleKeydown], false);
   }
   register(query) {
     const els = getPopoverElements.call(this, query);