@appartmint/mint 1.3.2 → 2.0.0

package/dist/js/index.js

@@ -1,416 +1,372 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory();
-	else if(typeof define === 'function' && define.amd)
-		define([], factory);
-	else if(typeof exports === 'object')
-		exports["mint"] = factory();
-	else
-		root["mint"] = factory();
-})(self, () => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
+/******/ var __webpack_modules__ = ({
 
 /***/ "./src/ts/imports/components/header.ts":
 /*!*********************************************!*\
   !*** ./src/ts/imports/components/header.ts ***!
   \*********************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintHeader = void 0;
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintHeader: () => (/* binding */ MintHeader),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _enums_side__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums/side */ "./src/ts/imports/enums/side.ts");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util */ "./src/ts/imports/util/index.ts");
 /**
  * Imports
  */
-const enums_1 = __webpack_require__(/*! ../enums */ "./src/ts/imports/enums/index.ts");
-const util_1 = __webpack_require__(/*! ../util */ "./src/ts/imports/util/index.ts");
+
+
 /**
  * Main header functionality
  * @public
  */
 class MintHeader {
-  /**
-   * Initializes and closes the menu
-   */
-  constructor(settings) {
     /**
      * Navbar settings
      */
-    this.settings = {
-      from: enums_1.EMintSide.Top,
-      fixed: true
+    settings = {
+        from: _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Top,
+        fixed: true
     };
     /**
      * Frequently-referenced elements
      */
-    this.el = {};
-    this.settings = Object.assign(Object.assign({}, this.settings), settings);
-    this.attachElements();
-    this.attachEvents();
-    this.addClasses();
-  }
-  /**
-   * Adds elements to {@link el | `this.el`}
-   */
-  attachElements() {
-    var _a;
-    this.el.html = document.querySelector('html');
-    this.el.body = document.querySelector('body');
-    this.el.header = document.getElementById('mint-header');
-    this.el.mobileButton = ((_a = this.el.header) === null || _a === void 0 ? void 0 : _a.querySelector(util_1.MintSelectors.controls('mint-wrapper'))) || null;
-    this.el.wrapper = document.getElementById('mint-wrapper');
-  }
-  /**
-   * Adds events to the dom
-   */
-  attachEvents() {
-    var _a, _b, _c, _d;
-    window.addEventListener('resize', util_1.MintEvent.throttleEvent(this.eHandleResize.bind(this), util_1.MintSettings.delay.default));
-    window.addEventListener('scroll', util_1.MintEvent.throttleEvent(this.eHandleScroll.bind(this), util_1.MintSettings.delay.default, {
-      trailing: false
-    }));
-    let focusables = (_a = this.el.header) === null || _a === void 0 ? void 0 : _a.querySelectorAll(util_1.MintSelectors.focusable),
-      lastFocusable = focusables === null || focusables === void 0 ? void 0 : focusables[(focusables === null || focusables === void 0 ? void 0 : focusables.length) - 1];
-    lastFocusable === null || lastFocusable === void 0 ? void 0 : lastFocusable.addEventListener('keydown', util_1.MintEvent.throttleEvent(this.eWrapTab.bind(this)));
-    focusables === null || focusables === void 0 ? void 0 : focusables.forEach(focusable => {
-      focusable.addEventListener('keydown', util_1.MintEvent.throttleEvent(this.eHandleKeypress.bind(this)));
-    });
-    let menuButtons = (_b = this.el.wrapper) === null || _b === void 0 ? void 0 : _b.querySelectorAll(util_1.MintSelectors.controls());
-    menuButtons === null || menuButtons === void 0 ? void 0 : menuButtons.forEach(menuButton => {
-      menuButton.addEventListener('click', util_1.MintEvent.throttleEvent(this.eToggleMenu.bind(this), util_1.MintSettings.delay.slow, {
-        trailing: false
-      }));
-    });
-    (_c = this.el.mobileButton) === null || _c === void 0 ? void 0 : _c.addEventListener('click', util_1.MintEvent.throttleEvent(this.eToggleMobileMenu.bind(this), util_1.MintSettings.delay.slow, {
-      trailing: false
-    }));
-    (_d = this.el.wrapper) === null || _d === void 0 ? void 0 : _d.addEventListener('transitionend', this.eTransitionEnd.bind(this));
-  }
-  /**
-   * Adds classes that inform the styles based on settings
-   */
-  addClasses() {
-    var _a, _b, _c, _d, _e;
-    (_a = this.el.header) === null || _a === void 0 ? void 0 : _a.classList.remove('mint-top', 'mint-right', 'mint-bottom', 'mint-left');
-    (_b = this.el.header) === null || _b === void 0 ? void 0 : _b.classList.add(`mint-${enums_1.EMintSide[(_c = this.settings.from) !== null && _c !== void 0 ? _c : 0].toLowerCase()}`);
-    if (this.settings.fixed) {
-      (_d = this.el.body) === null || _d === void 0 ? void 0 : _d.classList.add('mint-fixed');
-    }
-    if (this.settings.tray) {
-      (_e = this.el.header) === null || _e === void 0 ? void 0 : _e.classList.add('mint-tray');
-    }
-  }
-  /**
-   * Sets the state of the mobile menu
-   * @param open - `true` to open the menu or `false` to close it
-   */
-  setMobileMenu() {
-    let open = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var _a;
-    let ariaExpanded = open ? 'true' : 'false',
-      ariaLabel = open ? 'close menu' : 'open menu';
-    (_a = this.el.mobileButton) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', ariaExpanded);
-    setTimeout(() => {
-      var _a;
-      (_a = this.el.mobileButton) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-label', ariaLabel);
-    }, util_1.MintSettings.delay.fast);
-    if (open) {
-      if (this.settings.fixed !== true) {
-        window.scroll({
-          top: 0,
-          left: 0,
-          behavior: 'smooth'
+    el = {};
+    /**
+     * Initializes and closes the menu
+     */
+    constructor(settings) {
+        this.settings = { ...this.settings, ...settings };
+        this.attachElements();
+        this.attachEvents();
+        this.addClasses();
+    }
+    /**
+     * Adds elements to {@link el | `this.el`}
+     */
+    attachElements() {
+        this.el.html = document.querySelector('html');
+        this.el.body = document.querySelector('body');
+        this.el.header = document.getElementById('mint-header');
+        this.el.mobileButton = this.el.header?.querySelector(_util__WEBPACK_IMPORTED_MODULE_1__.MintSelectors.controls('mint-wrapper')) || null;
+        this.el.wrapper = document.getElementById('mint-wrapper');
+    }
+    /**
+     * Adds events to the dom
+     */
+    attachEvents() {
+        window.addEventListener('resize', _util__WEBPACK_IMPORTED_MODULE_1__.MintEvent.throttleEvent(this.eHandleResize.bind(this), _util__WEBPACK_IMPORTED_MODULE_1__.MintSettings.delay.default));
+        window.addEventListener('scroll', _util__WEBPACK_IMPORTED_MODULE_1__.MintEvent.throttleEvent(this.eHandleScroll.bind(this), _util__WEBPACK_IMPORTED_MODULE_1__.MintSettings.delay.default, { trailing: false }));
+        let focusables = this.el.header?.querySelectorAll(_util__WEBPACK_IMPORTED_MODULE_1__.MintSelectors.focusable), lastFocusable = focusables?.[focusables?.length - 1];
+        lastFocusable?.addEventListener('keydown', _util__WEBPACK_IMPORTED_MODULE_1__.MintEvent.throttleEvent(this.eWrapTab.bind(this)));
+        focusables?.forEach((focusable) => {
+            focusable.addEventListener('keydown', _util__WEBPACK_IMPORTED_MODULE_1__.MintEvent.throttleEvent(this.eHandleKeypress.bind(this)));
+        });
+        let menuButtons = this.el.wrapper?.querySelectorAll(_util__WEBPACK_IMPORTED_MODULE_1__.MintSelectors.controls());
+        menuButtons?.forEach((menuButton) => {
+            menuButton.addEventListener('click', _util__WEBPACK_IMPORTED_MODULE_1__.MintEvent.throttleEvent(this.eToggleMenu.bind(this), _util__WEBPACK_IMPORTED_MODULE_1__.MintSettings.delay.slow, { trailing: false }));
+        });
+        this.el.mobileButton?.addEventListener('click', _util__WEBPACK_IMPORTED_MODULE_1__.MintEvent.throttleEvent(this.eToggleMobileMenu.bind(this), _util__WEBPACK_IMPORTED_MODULE_1__.MintSettings.delay.slow, { trailing: false }));
+        this.el.wrapper?.addEventListener('transitionend', this.eTransitionEnd.bind(this));
+    }
+    /**
+     * Adds classes that inform the styles based on settings
+     */
+    addClasses() {
+        this.el.header?.classList.remove('mint-top', 'mint-right', 'mint-bottom', 'mint-left');
+        this.el.header?.classList.add(`mint-${_enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide[this.settings.from ?? 0].toLowerCase()}`);
+        if (this.settings.fixed) {
+            this.el.body?.classList.add('mint-fixed');
+        }
+        if (this.settings.tray) {
+            this.el.header?.classList.add('mint-tray');
+        }
+    }
+    /**
+     * Sets the state of the mobile menu
+     * @param open - `true` to open the menu or `false` to close it
+     */
+    setMobileMenu(open = false) {
+        let ariaExpanded = open ? 'true' : 'false', ariaLabel = open ? 'close menu' : 'open menu';
+        this.el.mobileButton?.setAttribute('aria-expanded', ariaExpanded);
+        setTimeout(() => {
+            this.el.mobileButton?.setAttribute('aria-label', ariaLabel);
+        }, _util__WEBPACK_IMPORTED_MODULE_1__.MintSettings.delay.fast);
+        if (open) {
+            if (this.settings.fixed !== true) {
+                window.scroll({
+                    top: 0,
+                    left: 0,
+                    behavior: 'smooth'
+                });
+            }
+            setTimeout(() => {
+                if (this.el.html) {
+                    let isMobile = _util__WEBPACK_IMPORTED_MODULE_1__.MintWindow.width() <= _util__WEBPACK_IMPORTED_MODULE_1__.MintSettings.break.sm, overflow = 'auto';
+                    if (this.settings.tray) {
+                        if (isMobile) {
+                            overflow = 'hidden';
+                        }
+                    }
+                    else {
+                        overflow = 'hidden';
+                    }
+                    this.el.html.style.overflow = overflow;
+                }
+            }, this.settings.from === _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Left ? _util__WEBPACK_IMPORTED_MODULE_1__.MintSettings.delay.default : _util__WEBPACK_IMPORTED_MODULE_1__.MintSettings.delay.instant);
+            if (this.el.wrapper) {
+                this.el.wrapper.style.display = 'flex';
+            }
+            requestAnimationFrame(() => {
+                this.el.wrapper?.classList.add('mint-open');
+            });
+        }
+        else {
+            if (this.el.html) {
+                this.el.html.style.overflow = 'auto';
+            }
+            requestAnimationFrame(() => {
+                this.el.wrapper?.classList.remove('mint-open');
+            });
+            this.closeAllMenus();
+        }
+    }
+    /**
+     * Toggles the state of the mobile menu
+     */
+    toggleMobileMenu() {
+        this.setMobileMenu(this.el.mobileButton?.getAttribute('aria-expanded')?.toLowerCase() === 'false');
+    }
+    /**
+     * Sets the state of the provided button's menu
+     * @param button - Button element to set
+     * @param open - `true` to open the menu or `false` to close it
+     */
+    setMenu(button, open = false) {
+        let ariaExpanded = open ? 'true' : 'false', menu = button?.nextElementSibling;
+        if (button && menu) {
+            button.setAttribute('aria-expanded', ariaExpanded);
+            if (open) {
+                _util__WEBPACK_IMPORTED_MODULE_1__.MintDisplay.show(menu);
+            }
+            else {
+                _util__WEBPACK_IMPORTED_MODULE_1__.MintDisplay.hide(menu);
+                this.closeSubMenus(button);
+            }
+        }
+    }
+    /**
+     * Toggles the state of the provided button's menu
+     * @param button - Button element to toggle
+     */
+    toggleMenu(button) {
+        this.setMenu(button, button?.getAttribute('aria-expanded')?.toLowerCase() !== 'true');
+    }
+    /**
+     * Closes all submenus of the provided button's menu
+     * @param button - Button element of the parent menu
+     */
+    closeSubMenus(button) {
+        let menu = button?.nextElementSibling, subMenus = menu?.querySelectorAll(_util__WEBPACK_IMPORTED_MODULE_1__.MintSelectors.subMenuButtons);
+        subMenus.forEach((child) => {
+            // setMenu calls this function, so ignore subsub menus
+            if (child.parentElement?.parentElement === menu) {
+                this.setMenu(child);
+            }
+        });
+    }
+    /**
+     * Closes all sibling menus of the provided button's menu
+     * @param button - Button element of the sibling menus
+     */
+    closeSiblingMenus(button) {
+        let menu = button?.parentElement, siblingMenus = menu?.parentElement?.querySelectorAll(_util__WEBPACK_IMPORTED_MODULE_1__.MintSelectors.subMenuButtons);
+        siblingMenus.forEach((child) => {
+            if (child !== button) {
+                this.setMenu(child);
+            }
+        });
+    }
+    /**
+     * Closes all submenus of the n4vbar
+     */
+    closeAllMenus() {
+        let menuButtons = this.el.wrapper?.querySelectorAll(_util__WEBPACK_IMPORTED_MODULE_1__.MintSelectors.subMenuButtons);
+        menuButtons?.forEach((menuButton) => {
+            this.setMenu(menuButton);
         });
-      }
-      setTimeout(() => {
+    }
+    /**
+     * Opens the menu closest to the document's focus
+     */
+    openClosestMenu() {
+        let activeButton = document.activeElement, activeMenu = activeButton?.nextElementSibling, showing = activeButton?.getAttribute('aria-expanded')?.toLowerCase() === 'true';
+        if (activeButton?.getAttribute('aria-controls') === 'mint-wrapper') {
+            activeMenu = this.el.wrapper;
+        }
+        if (activeButton?.getAttribute('aria-controls') && activeMenu && !showing) {
+            activeButton.click();
+            let firstFocusable = activeMenu.querySelector(_util__WEBPACK_IMPORTED_MODULE_1__.MintSelectors.focusable);
+            firstFocusable?.focus();
+        }
+    }
+    /**
+     * Closes the menu closest to the document's focus
+     */
+    closeClosestMenu() {
+        let activeElement = document.activeElement, activeMenu = activeElement?.closest(_util__WEBPACK_IMPORTED_MODULE_1__.MintSelectors.subMenu), activeButton = activeMenu?.previousElementSibling ? activeMenu.previousElementSibling : this.el.mobileButton;
+        if (activeElement?.getAttribute('aria-controls') && activeElement?.getAttribute('aria-expanded')?.toLowerCase() === 'true') {
+            activeButton = activeElement;
+        }
+        if (activeButton?.getAttribute('aria-expanded')?.toLowerCase() === 'true') {
+            activeButton?.click();
+            activeButton?.focus();
+        }
+    }
+    /**
+     * Toggles the menu closest to the document's focus
+     */
+    toggleClosestMenu() {
+        if (document.activeElement?.getAttribute('aria-expanded')?.toLowerCase() === 'true') {
+            this.closeClosestMenu();
+        }
+        else {
+            this.openClosestMenu();
+        }
+    }
+    /**
+     * Closes the mobile menu when the window resizes
+     */
+    eHandleResize() {
+        let isOpen = this.el.mobileButton?.getAttribute('aria-expanded')?.toLowerCase() === 'true', isMobile = _util__WEBPACK_IMPORTED_MODULE_1__.MintWindow.width() <= _util__WEBPACK_IMPORTED_MODULE_1__.MintSettings.break.sm, overflow = 'auto';
+        if (isOpen) {
+            if (this.settings.tray) {
+                if (isMobile) {
+                    overflow = 'hidden';
+                }
+            }
+            else {
+                overflow = 'hidden';
+            }
+        }
         if (this.el.html) {
-          let isMobile = util_1.MintWindow.width() <= util_1.MintSettings.break.sm,
-            overflow = 'auto';
-          if (this.settings.tray) {
-            if (isMobile) {
-              overflow = 'hidden';
+            this.el.html.style.overflow = overflow;
+        }
+    }
+    /**
+     * Closes all submenus when the page is scrolled
+     */
+    eHandleScroll() {
+        this.closeAllMenus();
+    }
+    /**
+     * Sends the focus to the menu button after tabbing past the last menu item
+     * @param e - Keyboard event
+     */
+    eWrapTab(e) {
+        if (e.key.toLowerCase() === 'tab' && !e.shiftKey) {
+            this.el.mobileButton?.focus();
+            if (document.activeElement === this.el.mobileButton) {
+                e.preventDefault();
             }
-          } else {
-            overflow = 'hidden';
-          }
-          this.el.html.style.overflow = overflow;
         }
-      }, this.settings.from === enums_1.EMintSide.Left ? util_1.MintSettings.delay.default : util_1.MintSettings.delay.instant);
-      if (this.el.wrapper) {
-        this.el.wrapper.style.display = 'flex';
-      }
-      requestAnimationFrame(() => {
-        var _a;
-        (_a = this.el.wrapper) === null || _a === void 0 ? void 0 : _a.classList.add('mint-open');
-      });
-    } else {
-      if (this.el.html) {
-        this.el.html.style.overflow = 'auto';
-      }
-      requestAnimationFrame(() => {
-        var _a;
-        (_a = this.el.wrapper) === null || _a === void 0 ? void 0 : _a.classList.remove('mint-open');
-      });
-      this.closeAllMenus();
-    }
-  }
-  /**
-   * Toggles the state of the mobile menu
-   */
-  toggleMobileMenu() {
-    var _a, _b;
-    this.setMobileMenu(((_b = (_a = this.el.mobileButton) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-expanded')) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'false');
-  }
-  /**
-   * Sets the state of the provided button's menu
-   * @param button - Button element to set
-   * @param open - `true` to open the menu or `false` to close it
-   */
-  setMenu(button) {
-    let open = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    let ariaExpanded = open ? 'true' : 'false',
-      menu = button === null || button === void 0 ? void 0 : button.nextElementSibling;
-    if (button && menu) {
-      button.setAttribute('aria-expanded', ariaExpanded);
-      if (open) {
-        util_1.MintDisplay.show(menu);
-      } else {
-        util_1.MintDisplay.hide(menu);
-        this.closeSubMenus(button);
-      }
-    }
-  }
-  /**
-   * Toggles the state of the provided button's menu
-   * @param button - Button element to toggle
-   */
-  toggleMenu(button) {
-    var _a;
-    this.setMenu(button, ((_a = button === null || button === void 0 ? void 0 : button.getAttribute('aria-expanded')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== 'true');
-  }
-  /**
-   * Closes all submenus of the provided button's menu
-   * @param button - Button element of the parent menu
-   */
-  closeSubMenus(button) {
-    let menu = button === null || button === void 0 ? void 0 : button.nextElementSibling,
-      subMenus = menu === null || menu === void 0 ? void 0 : menu.querySelectorAll(util_1.MintSelectors.subMenuButtons);
-    subMenus.forEach(child => {
-      var _a;
-      // setMenu calls this function, so ignore subsub menus
-      if (((_a = child.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === menu) {
-        this.setMenu(child);
-      }
-    });
-  }
-  /**
-   * Closes all sibling menus of the provided button's menu
-   * @param button - Button element of the sibling menus
-   */
-  closeSiblingMenus(button) {
-    var _a;
-    let menu = button === null || button === void 0 ? void 0 : button.parentElement,
-      siblingMenus = (_a = menu === null || menu === void 0 ? void 0 : menu.parentElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll(util_1.MintSelectors.subMenuButtons);
-    siblingMenus.forEach(child => {
-      if (child !== button) {
-        this.setMenu(child);
-      }
-    });
-  }
-  /**
-   * Closes all submenus of the n4vbar
-   */
-  closeAllMenus() {
-    var _a;
-    let menuButtons = (_a = this.el.wrapper) === null || _a === void 0 ? void 0 : _a.querySelectorAll(util_1.MintSelectors.subMenuButtons);
-    menuButtons === null || menuButtons === void 0 ? void 0 : menuButtons.forEach(menuButton => {
-      this.setMenu(menuButton);
-    });
-  }
-  /**
-   * Opens the menu closest to the document's focus
-   */
-  openClosestMenu() {
-    var _a;
-    let activeButton = document.activeElement,
-      activeMenu = activeButton === null || activeButton === void 0 ? void 0 : activeButton.nextElementSibling,
-      showing = ((_a = activeButton === null || activeButton === void 0 ? void 0 : activeButton.getAttribute('aria-expanded')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'true';
-    if ((activeButton === null || activeButton === void 0 ? void 0 : activeButton.getAttribute('aria-controls')) === 'mint-wrapper') {
-      activeMenu = this.el.wrapper;
-    }
-    if ((activeButton === null || activeButton === void 0 ? void 0 : activeButton.getAttribute('aria-controls')) && activeMenu && !showing) {
-      activeButton.click();
-      let firstFocusable = activeMenu.querySelector(util_1.MintSelectors.focusable);
-      firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();
-    }
-  }
-  /**
-   * Closes the menu closest to the document's focus
-   */
-  closeClosestMenu() {
-    var _a, _b;
-    let activeElement = document.activeElement,
-      activeMenu = activeElement === null || activeElement === void 0 ? void 0 : activeElement.closest(util_1.MintSelectors.subMenu),
-      activeButton = (activeMenu === null || activeMenu === void 0 ? void 0 : activeMenu.previousElementSibling) ? activeMenu.previousElementSibling : this.el.mobileButton;
-    if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.getAttribute('aria-controls')) && ((_a = activeElement === null || activeElement === void 0 ? void 0 : activeElement.getAttribute('aria-expanded')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'true') {
-      activeButton = activeElement;
-    }
-    if (((_b = activeButton === null || activeButton === void 0 ? void 0 : activeButton.getAttribute('aria-expanded')) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'true') {
-      activeButton === null || activeButton === void 0 ? void 0 : activeButton.click();
-      activeButton === null || activeButton === void 0 ? void 0 : activeButton.focus();
-    }
-  }
-  /**
-   * Toggles the menu closest to the document's focus
-   */
-  toggleClosestMenu() {
-    var _a, _b;
-    if (((_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-expanded')) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'true') {
-      this.closeClosestMenu();
-    } else {
-      this.openClosestMenu();
-    }
-  }
-  /**
-   * Closes the mobile menu when the window resizes
-   */
-  eHandleResize() {
-    var _a, _b;
-    let isOpen = ((_b = (_a = this.el.mobileButton) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-expanded')) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'true',
-      isMobile = util_1.MintWindow.width() <= util_1.MintSettings.break.sm,
-      overflow = 'auto';
-    if (isOpen) {
-      if (this.settings.tray) {
-        if (isMobile) {
-          overflow = 'hidden';
+    }
+    /**
+     * Handles keypresses on n4vbar buttons
+     * @param e - Keyboard event
+     */
+    eHandleButtonKeypress(e) {
+        let target = e.target, subMenu = target?.closest('li');
+        switch (e.key.toLowerCase()) {
+            case 'escape':
+                if (subMenu?.classList.contains('mint-open')) {
+                    this.setMenu(subMenu);
+                }
+                else {
+                    this.setMobileMenu();
+                    this.el.menuButton?.focus();
+                }
+                break;
+            case 'arrowleft':
+                this.closeClosestMenu();
+                break;
+            case 'arrowright':
+                this.openClosestMenu();
+                break;
+            case 'enter':
+            case 'space':
+                target?.click();
+                break;
+        }
+    }
+    /**
+     * Handles keypresses on n4vbar links
+     * @param e - Keyboard event
+     */
+    eHandleLinkKeypress(e) {
+        let target = e.target;
+        switch (e.key.toLowerCase()) {
+            case 'escape':
+            case 'arrowleft':
+                this.closeClosestMenu();
+                break;
+            case 'arrowright':
+                this.openClosestMenu();
+                break;
+            case 'enter':
+            case 'space':
+                target?.click();
+                break;
+        }
+    }
+    /**
+     * Handles keypresses on the n4vbar
+     * @param e - Keyboard event
+     */
+    eHandleKeypress(e) {
+        if (e.key.toLowerCase() !== 'tab') {
+            e.preventDefault();
+        }
+        const target = e.target;
+        switch (target?.tagName.toLowerCase()) {
+            case 'a':
+                this.eHandleLinkKeypress(e);
+                break;
+            case 'button':
+                this.eHandleButtonKeypress(e);
+                break;
         }
-      } else {
-        overflow = 'hidden';
-      }
-    }
-    if (this.el.html) {
-      this.el.html.style.overflow = overflow;
-    }
-  }
-  /**
-   * Closes all submenus when the page is scrolled
-   */
-  eHandleScroll() {
-    this.closeAllMenus();
-  }
-  /**
-   * Sends the focus to the menu button after tabbing past the last menu item
-   * @param e - Keyboard event
-   */
-  eWrapTab(e) {
-    var _a;
-    if (e.key.toLowerCase() === 'tab' && !e.shiftKey) {
-      (_a = this.el.mobileButton) === null || _a === void 0 ? void 0 : _a.focus();
-      if (document.activeElement === this.el.mobileButton) {
-        e.preventDefault();
-      }
-    }
-  }
-  /**
-   * Handles keypresses on n4vbar buttons
-   * @param e - Keyboard event
-   */
-  eHandleButtonKeypress(e) {
-    var _a;
-    let target = e.target,
-      subMenu = target === null || target === void 0 ? void 0 : target.closest('li');
-    switch (e.key.toLowerCase()) {
-      case 'escape':
-        if (subMenu === null || subMenu === void 0 ? void 0 : subMenu.classList.contains('mint-open')) {
-          this.setMenu(subMenu);
-        } else {
-          this.setMobileMenu();
-          (_a = this.el.menuButton) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    /**
+     * Toggles the mobile menu
+     */
+    eToggleMobileMenu() {
+        this.toggleMobileMenu();
+    }
+    /**
+     * Toggles the clicked submenu
+     * @param e - Mouse event
+     */
+    eToggleMenu(e) {
+        let target = e.target;
+        this.closeSiblingMenus(target);
+        this.toggleMenu(target);
+    }
+    /**
+     * Runs after the mobile menu transitions
+     */
+    eTransitionEnd() {
+        if (this.el.wrapper?.classList.contains('mint-open') === false) {
+            this.el.wrapper.style.display = 'none';
         }
-        break;
-      case 'arrowleft':
-        this.closeClosestMenu();
-        break;
-      case 'arrowright':
-        this.openClosestMenu();
-        break;
-      case 'enter':
-      case 'space':
-        target === null || target === void 0 ? void 0 : target.click();
-        break;
-    }
-  }
-  /**
-   * Handles keypresses on n4vbar links
-   * @param e - Keyboard event
-   */
-  eHandleLinkKeypress(e) {
-    let target = e.target;
-    switch (e.key.toLowerCase()) {
-      case 'escape':
-      case 'arrowleft':
-        this.closeClosestMenu();
-        break;
-      case 'arrowright':
-        this.openClosestMenu();
-        break;
-      case 'enter':
-      case 'space':
-        target === null || target === void 0 ? void 0 : target.click();
-        break;
-    }
-  }
-  /**
-   * Handles keypresses on the n4vbar
-   * @param e - Keyboard event
-   */
-  eHandleKeypress(e) {
-    if (e.key.toLowerCase() !== 'tab') {
-      e.preventDefault();
-    }
-    const target = e.target;
-    switch (target === null || target === void 0 ? void 0 : target.tagName.toLowerCase()) {
-      case 'a':
-        this.eHandleLinkKeypress(e);
-        break;
-      case 'button':
-        this.eHandleButtonKeypress(e);
-        break;
-    }
-  }
-  /**
-   * Toggles the mobile menu
-   */
-  eToggleMobileMenu() {
-    this.toggleMobileMenu();
-  }
-  /**
-   * Toggles the clicked submenu
-   * @param e - Mouse event
-   */
-  eToggleMenu(e) {
-    let target = e.target;
-    this.closeSiblingMenus(target);
-    this.toggleMenu(target);
-  }
-  /**
-   * Runs after the mobile menu transitions
-   */
-  eTransitionEnd() {
-    var _a;
-    if (((_a = this.el.wrapper) === null || _a === void 0 ? void 0 : _a.classList.contains('mint-open')) === false) {
-      this.el.wrapper.style.display = 'none';
-    }
-  }
+    }
+    ;
 }
-exports.MintHeader = MintHeader;
 ;
-exports["default"] = MintHeader;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintHeader);
+
 
 /***/ }),
 
@@ -418,36 +374,18 @@ exports["default"] = MintHeader;
 /*!********************************************!*\
   !*** ./src/ts/imports/components/index.ts ***!
   \********************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __exportStar = this && this.__exportStar || function (m, exports) {
-  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintHeader: () => (/* reexport safe */ _header__WEBPACK_IMPORTED_MODULE_0__.MintHeader)
+/* harmony export */ });
+/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./header */ "./src/ts/imports/components/header.ts");
 /**
  * Forward all exports from the components directory
  */
-__exportStar(__webpack_require__(/*! ./header */ "./src/ts/imports/components/header.ts"), exports);
+
+
 
 /***/ }),
 
@@ -455,36 +393,18 @@ __exportStar(__webpack_require__(/*! ./header */ "./src/ts/imports/components/he
 /*!***************************************!*\
   !*** ./src/ts/imports/enums/index.ts ***!
   \***************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __exportStar = this && this.__exportStar || function (m, exports) {
-  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   EMintSide: () => (/* reexport safe */ _side__WEBPACK_IMPORTED_MODULE_0__.EMintSide)
+/* harmony export */ });
+/* harmony import */ var _side__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./side */ "./src/ts/imports/enums/side.ts");
 /**
  * Forward all exports from the enums directory
  */
-__exportStar(__webpack_require__(/*! ./side */ "./src/ts/imports/enums/side.ts"), exports);
+
+
 
 /***/ }),
 
@@ -492,65 +412,64 @@ __exportStar(__webpack_require__(/*! ./side */ "./src/ts/imports/enums/side.ts")
 /*!**************************************!*\
   !*** ./src/ts/imports/enums/side.ts ***!
   \**************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.EMintSide = void 0;
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   EMintSide: () => (/* binding */ EMintSide)
+/* harmony export */ });
 /**
  * Side Enum
  */
 var EMintSide;
 (function (EMintSide) {
-  EMintSide[EMintSide["Top"] = 0] = "Top";
-  EMintSide[EMintSide["Right"] = 1] = "Right";
-  EMintSide[EMintSide["Bottom"] = 2] = "Bottom";
-  EMintSide[EMintSide["Left"] = 3] = "Left";
-})(EMintSide = exports.EMintSide || (exports.EMintSide = {}));
+    EMintSide[EMintSide["Top"] = 0] = "Top";
+    EMintSide[EMintSide["Right"] = 1] = "Right";
+    EMintSide[EMintSide["Bottom"] = 2] = "Bottom";
+    EMintSide[EMintSide["Left"] = 3] = "Left";
+})(EMintSide || (EMintSide = {}));
 ;
 
+
 /***/ }),
 
 /***/ "./src/ts/imports/index.ts":
 /*!*********************************!*\
   !*** ./src/ts/imports/index.ts ***!
   \*********************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-
-
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __exportStar = this && this.__exportStar || function (m, exports) {
-  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   EMintSide: () => (/* reexport safe */ _enums__WEBPACK_IMPORTED_MODULE_1__.EMintSide),
+/* harmony export */   MintAsync: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_3__.MintAsync),
+/* harmony export */   MintDisplay: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_3__.MintDisplay),
+/* harmony export */   MintEvent: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_3__.MintEvent),
+/* harmony export */   MintHeader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MintHeader),
+/* harmony export */   MintIcon: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_3__.MintIcon),
+/* harmony export */   MintItem: () => (/* reexport safe */ _models__WEBPACK_IMPORTED_MODULE_2__.MintItem),
+/* harmony export */   MintList: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_3__.MintList),
+/* harmony export */   MintMath: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_3__.MintMath),
+/* harmony export */   MintObject: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_3__.MintObject),
+/* harmony export */   MintScroll: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_3__.MintScroll),
+/* harmony export */   MintSelectors: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_3__.MintSelectors),
+/* harmony export */   MintSettings: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_3__.MintSettings),
+/* harmony export */   MintText: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_3__.MintText),
+/* harmony export */   MintWindow: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_3__.MintWindow),
+/* harmony export */   mintColor: () => (/* reexport safe */ _models__WEBPACK_IMPORTED_MODULE_2__.mintColor)
+/* harmony export */ });
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ "./src/ts/imports/components/index.ts");
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./enums */ "./src/ts/imports/enums/index.ts");
+/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./models */ "./src/ts/imports/models/index.ts");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util */ "./src/ts/imports/util/index.ts");
 /**
  * Forward all exports from the imports directory
  */
-__exportStar(__webpack_require__(/*! ./components */ "./src/ts/imports/components/index.ts"), exports);
-__exportStar(__webpack_require__(/*! ./enums */ "./src/ts/imports/enums/index.ts"), exports);
-__exportStar(__webpack_require__(/*! ./models */ "./src/ts/imports/models/index.ts"), exports);
-__exportStar(__webpack_require__(/*! ./util */ "./src/ts/imports/util/index.ts"), exports);
+
+
+
+
+
 
 /***/ }),
 
@@ -558,101 +477,105 @@ __exportStar(__webpack_require__(/*! ./util */ "./src/ts/imports/util/index.ts")
 /*!****************************************!*\
   !*** ./src/ts/imports/models/color.ts ***!
   \****************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.mintColor = void 0;
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   mintColor: () => (/* binding */ mintColor)
+/* harmony export */ });
 /**
  * Color
  */
 class mintColor {
-  constructor(args) {
-    this.r = typeof args.r === 'number' ? Math.max(Math.min(args.r, mintColor.hexBase ** 2 - 1), 0) : 0;
-    this.g = typeof args.g === 'number' ? Math.max(Math.min(args.g, mintColor.hexBase ** 2 - 1), 0) : 0;
-    this.b = typeof args.b === 'number' ? Math.max(Math.min(args.b, mintColor.hexBase ** 2 - 1), 0) : 0;
-    this.a = typeof args.a === 'number' ? Math.max(Math.min(args.a, 1), 0) : 1;
-    if (typeof args.color === 'string') {
-      this.stringConstructor(args.color);
-    }
-  }
-  /**
-   * Constructor from a string argument
-   */
-  stringConstructor(str) {
-    if (str.startsWith('#')) {
-      this.hexConstructor(str);
-    } else {
-      if (~str.indexOf('linear-gradient')) {
-        str = str.substring(str.indexOf('linear-gradient'), str.length);
-      }
-      this.rgbConstructor(str);
-    }
-  }
-  /**
-   * Constructor from a hex argument
-   */
-  hexConstructor(hex) {
-    switch (hex.length) {
-      case 1:
-      case 5:
-      case 6:
-        return;
-      case 2:
-        hex = '#' + hex[1] + hex[1] + hex[1] + hex[1] + hex[1] + hex[1] + mintColor.hexMax;
-        break;
-      case 3:
-        hex = '#' + hex[1] + hex[1] + hex[1] + hex[2] + hex[2] + hex[2] + mintColor.hexMax;
-        break;
-      case 4:
-        hex = '#' + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3] + mintColor.hexMax;
-        break;
-      case 7:
-        hex += mintColor.hexMax;
-        break;
-      case 8:
-        hex += hex[hex.length - 1];
-        break;
-      default:
-        hex = hex.substring(0, 9);
-    }
-    this.r = parseInt(hex.substring(1, 3), mintColor.hexBase);
-    this.g = parseInt(hex.substring(3, 5), mintColor.hexBase);
-    this.b = parseInt(hex.substring(5, 7), mintColor.hexBase);
-    this.a = parseInt(hex.substring(7, 9), mintColor.hexBase) / mintColor.hexBase ** 2;
-  }
-  /**
-   * Constructor from an rgba argument
-   */
-  rgbConstructor(rgb) {
-    let match = rgb.match(/rgba?\((\d{1,3}), ?(\d{1,3}), ?(\d{1,3})\)?(?:, ?(\d(?:\.\d*)?)\))?/);
-    if (match) {
-      this.r = parseInt(match[1]);
-      this.g = parseInt(match[2]);
-      this.b = parseInt(match[3]);
-      this.a = parseFloat(match[4]);
-    }
-  }
-  /**
-   * Returns the perceived brightness of the color
-   */
-  getBrightness() {
-    if (this.a === 0) {
-      return 262;
-    }
-    if (!isNaN(this.r) && !isNaN(this.g) && !isNaN(this.b)) {
-      return Math.round((this.r * 299 + this.g * 587 + this.b * 144) / 1000);
-    }
-    return -1;
-  }
+    static hexBase = 16;
+    static hexMax = 'FF';
+    r;
+    g;
+    b;
+    a;
+    constructor(args) {
+        this.r = typeof args.r === 'number' ? Math.max(Math.min(args.r, mintColor.hexBase ** 2 - 1), 0) : 0;
+        this.g = typeof args.g === 'number' ? Math.max(Math.min(args.g, mintColor.hexBase ** 2 - 1), 0) : 0;
+        this.b = typeof args.b === 'number' ? Math.max(Math.min(args.b, mintColor.hexBase ** 2 - 1), 0) : 0;
+        this.a = typeof args.a === 'number' ? Math.max(Math.min(args.a, 1), 0) : 1;
+        if (typeof args.color === 'string') {
+            this.stringConstructor(args.color);
+        }
+    }
+    /**
+     * Constructor from a string argument
+     */
+    stringConstructor(str) {
+        if (str.startsWith('#')) {
+            this.hexConstructor(str);
+        }
+        else {
+            if (~str.indexOf('linear-gradient')) {
+                str = str.substring(str.indexOf('linear-gradient'), str.length);
+            }
+            this.rgbConstructor(str);
+        }
+    }
+    /**
+     * Constructor from a hex argument
+     */
+    hexConstructor(hex) {
+        switch (hex.length) {
+            case 1:
+            case 5:
+            case 6:
+                return;
+            case 2:
+                hex = '#' + hex[1] + hex[1] + hex[1] + hex[1] + hex[1] + hex[1] + mintColor.hexMax;
+                break;
+            case 3:
+                hex = '#' + hex[1] + hex[1] + hex[1] + hex[2] + hex[2] + hex[2] + mintColor.hexMax;
+                break;
+            case 4:
+                hex = '#' + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3] + mintColor.hexMax;
+                break;
+            case 7:
+                hex += mintColor.hexMax;
+                break;
+            case 8:
+                hex += hex[hex.length - 1];
+                break;
+            default:
+                hex = hex.substring(0, 9);
+        }
+        this.r = parseInt(hex.substring(1, 3), mintColor.hexBase);
+        this.g = parseInt(hex.substring(3, 5), mintColor.hexBase);
+        this.b = parseInt(hex.substring(5, 7), mintColor.hexBase);
+        this.a = parseInt(hex.substring(7, 9), mintColor.hexBase) / mintColor.hexBase ** 2;
+    }
+    /**
+     * Constructor from an rgba argument
+     */
+    rgbConstructor(rgb) {
+        let match = rgb.match(/rgba?\((\d{1,3}), ?(\d{1,3}), ?(\d{1,3})\)?(?:, ?(\d(?:\.\d*)?)\))?/);
+        if (match) {
+            this.r = parseInt(match[1]);
+            this.g = parseInt(match[2]);
+            this.b = parseInt(match[3]);
+            this.a = parseFloat(match[4]);
+        }
+    }
+    /**
+     * Returns the perceived brightness of the color
+     */
+    getBrightness() {
+        if (this.a === 0) {
+            return 262;
+        }
+        if (!isNaN(this.r) && !isNaN(this.g) && !isNaN(this.b)) {
+            return Math.round((this.r * 299 + this.g * 587 + this.b * 144) / 1000);
+        }
+        return -1;
+    }
 }
-exports.mintColor = mintColor;
-mintColor.hexBase = 16;
-mintColor.hexMax = 'FF';
-exports["default"] = mintColor;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (mintColor);
+
 
 /***/ }),
 
@@ -660,13 +583,11 @@ exports["default"] = mintColor;
 /*!***************************************!*\
   !*** ./src/ts/imports/models/file.ts ***!
   \***************************************/
-/***/ ((__unused_webpack_module, exports) => {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+__webpack_require__.r(__webpack_exports__);
 
 
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
 
 /***/ }),
 
@@ -674,41 +595,29 @@ Object.defineProperty(exports, "__esModule", ({
 /*!****************************************!*\
   !*** ./src/ts/imports/models/index.ts ***!
   \****************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-
-
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __exportStar = this && this.__exportStar || function (m, exports) {
-  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintItem: () => (/* reexport safe */ _item__WEBPACK_IMPORTED_MODULE_2__.MintItem),
+/* harmony export */   mintColor: () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_0__.mintColor)
+/* harmony export */ });
+/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./color */ "./src/ts/imports/models/color.ts");
+/* harmony import */ var _file__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./file */ "./src/ts/imports/models/file.ts");
+/* harmony import */ var _item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./item */ "./src/ts/imports/models/item.ts");
+/* harmony import */ var _minify__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./minify */ "./src/ts/imports/models/minify.ts");
+/* harmony import */ var _page__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./page */ "./src/ts/imports/models/page.ts");
+/* harmony import */ var _recaptcha__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./recaptcha */ "./src/ts/imports/models/recaptcha.ts");
 /**
  * Forward all exports from the models directory
  */
-__exportStar(__webpack_require__(/*! ./color */ "./src/ts/imports/models/color.ts"), exports);
-__exportStar(__webpack_require__(/*! ./file */ "./src/ts/imports/models/file.ts"), exports);
-__exportStar(__webpack_require__(/*! ./item */ "./src/ts/imports/models/item.ts"), exports);
-__exportStar(__webpack_require__(/*! ./minify */ "./src/ts/imports/models/minify.ts"), exports);
-__exportStar(__webpack_require__(/*! ./page */ "./src/ts/imports/models/page.ts"), exports);
-__exportStar(__webpack_require__(/*! ./recaptcha */ "./src/ts/imports/models/recaptcha.ts"), exports);
+
+
+
+
+
+
+
 
 /***/ }),
 
@@ -716,56 +625,83 @@ __exportStar(__webpack_require__(/*! ./recaptcha */ "./src/ts/imports/models/rec
 /*!***************************************!*\
   !*** ./src/ts/imports/models/item.ts ***!
   \***************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintItem = void 0;
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintItem: () => (/* binding */ MintItem),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
 /**
  * A generic item
- * @note - this class must be convertable with JSON
- *       - only add strings, numbers, booleans, arrays, and objects
+ *
+ * @remarks
+ * - this class must be convertable with JSON
+ * - only add strings, numbers, booleans, arrays, and objects
  */
 class MintItem {
-  constructor() {
     /**
      * Item settings
      */
-    this.version = 0;
-    this.priority = 0;
-    this.price = 0;
-    this.level = 0;
-    this.size = 0;
-    this.num = 0;
-    this.width = 0;
-    this.height = 0;
-    this.active = false;
-    this.centered = false;
-    this.disabled = false;
-    this.private = false;
+    version = 0;
+    priority = 0;
+    price = 0;
+    level = 0;
+    size = 0;
+    num = 0;
+    width = 0;
+    height = 0;
+    active = false;
+    centered = false;
+    disabled = false;
+    private = false;
+    /**
+     * Item properties
+     */
+    id;
+    slug;
+    name;
+    title;
+    subtitle;
+    description;
+    category;
+    type;
+    unit;
+    logo;
+    icon;
+    position;
+    transform;
+    date;
+    /**
+     * Item links
+     */
+    src;
+    href;
+    target;
+    routerLink;
     /**
      * Item data
      */
-    this.attr = {};
-    this.params = {};
-    this.options = {};
-    this.lists = {};
+    attr = {};
+    params = {};
+    options = {};
+    lists = {};
     /**
      * Item lists
      */
-    this.paragraphs = [];
-    this.classes = [];
-    this.items = [];
-    this.images = [];
-    this.buttons = [];
-  }
+    paragraphs = [];
+    classes = [];
+    items = [];
+    images = [];
+    buttons = [];
+    /**
+     * Item functions
+     */
+    click;
 }
-exports.MintItem = MintItem;
 ;
-exports["default"] = MintItem;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintItem);
+
 
 /***/ }),
 
@@ -773,13 +709,11 @@ exports["default"] = MintItem;
 /*!*****************************************!*\
   !*** ./src/ts/imports/models/minify.ts ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, exports) => {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+__webpack_require__.r(__webpack_exports__);
 
 
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
 
 /***/ }),
 
@@ -787,13 +721,11 @@ Object.defineProperty(exports, "__esModule", ({
 /*!***************************************!*\
   !*** ./src/ts/imports/models/page.ts ***!
   \***************************************/
-/***/ ((__unused_webpack_module, exports) => {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+__webpack_require__.r(__webpack_exports__);
 
 
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
 
 /***/ }),
 
@@ -801,14 +733,12 @@ Object.defineProperty(exports, "__esModule", ({
 /*!********************************************!*\
   !*** ./src/ts/imports/models/recaptcha.ts ***!
   \********************************************/
-/***/ ((__unused_webpack_module, exports) => {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+__webpack_require__.r(__webpack_exports__);
+;
 
 
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-;
 
 /***/ }),
 
@@ -816,28 +746,27 @@ Object.defineProperty(exports, "__esModule", ({
 /*!**************************************!*\
   !*** ./src/ts/imports/util/async.ts ***!
   \**************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintAsync = void 0;
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintAsync: () => (/* binding */ MintAsync),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
 /**
  * Handles asynchronous operations
  */
 class MintAsync {
-  /**
-   * Wait n milliseconds
-   */
-  static wait(ms) {
-    return new Promise(resolve => setTimeout(resolve, ms));
-  }
+    /**
+     * Wait n milliseconds
+     */
+    static wait(ms) {
+        return new Promise((resolve) => setTimeout(resolve, ms));
+    }
 }
-exports.MintAsync = MintAsync;
 ;
-exports["default"] = MintAsync;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintAsync);
+
 
 /***/ }),
 
@@ -845,88 +774,87 @@ exports["default"] = MintAsync;
 /*!****************************************!*\
   !*** ./src/ts/imports/util/display.ts ***!
   \****************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintDisplay = void 0;
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintDisplay: () => (/* binding */ MintDisplay),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _enums_side__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums/side */ "./src/ts/imports/enums/side.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./settings */ "./src/ts/imports/util/settings.ts");
 /**
  * Imports
  */
-const enums_1 = __webpack_require__(/*! ../enums */ "./src/ts/imports/enums/index.ts");
-const settings_1 = __webpack_require__(/*! ./settings */ "./src/ts/imports/util/settings.ts");
+
+
 /**
  * Handles the display of elements
  */
 class MintDisplay {
-  /**
-   * Sets the element's height to its `innerHeight`, then to `auto` after a delay
-   * @param el - the element whose height will be set
-   * @param delay - the amount of time in milliseconds that the show animation will be active
-   * @param from - the side that the element is animating from
-   */
-  static show(el) {
-    let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : settings_1.MintSettings.delay.default;
-    let from = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : enums_1.EMintSide.Top;
-    if (el) {
-      el.style.display = '';
-      requestAnimationFrame(() => {
-        if (from === enums_1.EMintSide.Top || from === enums_1.EMintSide.Bottom) {
-          el.style.height = `${el.scrollHeight}px`;
-        } else {
-          el.style.width = `${el.scrollWidth}px`;
+    /**
+     * Sets the element's height to its `innerHeight`, then to `auto` after a delay
+     * @param el - the element whose height will be set
+     * @param delay - the amount of time in milliseconds that the show animation will be active
+     * @param from - the side that the element is animating from
+     */
+    static show(el, delay = _settings__WEBPACK_IMPORTED_MODULE_1__.MintSettings.delay.default, from = _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Top) {
+        if (el) {
+            el.style.display = '';
+            requestAnimationFrame(() => {
+                if (from === _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Top || from === _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Bottom) {
+                    el.style.height = `${el.scrollHeight}px`;
+                }
+                else {
+                    el.style.width = `${el.scrollWidth}px`;
+                }
+                setTimeout(() => {
+                    if (from === _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Top || from === _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Bottom) {
+                        el.style.height = 'auto';
+                    }
+                    else {
+                        el.style.width = 'auto';
+                    }
+                }, delay);
+            });
         }
-        setTimeout(() => {
-          if (from === enums_1.EMintSide.Top || from === enums_1.EMintSide.Bottom) {
-            el.style.height = 'auto';
-          } else {
-            el.style.width = 'auto';
-          }
-        }, delay);
-      });
-    }
-  }
-  /**
-   * Sets the element's height to 0
-   * @param el - the element whose height will be set
-   * @param delay - the amount of time in milliseconds that the show animation will be active
-   * @param from - the side that the element is animating from
-   */
-  static hide(el) {
-    let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : settings_1.MintSettings.delay.default;
-    let from = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : enums_1.EMintSide.Top;
-    if (el) {
-      let height = el.scrollHeight,
-        width = el.scrollWidth,
-        transition = el.style.transition;
-      el.style.transition = '';
-      requestAnimationFrame(() => {
-        if (from === enums_1.EMintSide.Top || from === enums_1.EMintSide.Bottom) {
-          el.style.height = `${height}px`;
-        } else {
-          el.style.width = `${width}px`;
+    }
+    /**
+     * Sets the element's height to 0
+     * @param el - the element whose height will be set
+     * @param delay - the amount of time in milliseconds that the show animation will be active
+     * @param from - the side that the element is animating from
+     */
+    static hide(el, delay = _settings__WEBPACK_IMPORTED_MODULE_1__.MintSettings.delay.default, from = _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Top) {
+        if (el) {
+            let height = el.scrollHeight, width = el.scrollWidth, transition = el.style.transition;
+            el.style.transition = '';
+            requestAnimationFrame(() => {
+                if (from === _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Top || from === _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Bottom) {
+                    el.style.height = `${height}px`;
+                }
+                else {
+                    el.style.width = `${width}px`;
+                }
+                el.style.transition = transition;
+                requestAnimationFrame(() => {
+                    if (from === _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Top || from === _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Bottom) {
+                        el.style.height = '0';
+                    }
+                    else {
+                        el.style.width = '0';
+                    }
+                });
+            });
+            setTimeout(() => {
+                el.style.display = 'none';
+            }, delay);
         }
-        el.style.transition = transition;
-        requestAnimationFrame(() => {
-          if (from === enums_1.EMintSide.Top || from === enums_1.EMintSide.Bottom) {
-            el.style.height = '0';
-          } else {
-            el.style.width = '0';
-          }
-        });
-      });
-      setTimeout(() => {
-        el.style.display = 'none';
-      }, delay);
     }
-  }
 }
-exports.MintDisplay = MintDisplay;
 ;
-exports["default"] = MintDisplay;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintDisplay);
+
 
 /***/ }),
 
@@ -934,114 +862,98 @@ exports["default"] = MintDisplay;
 /*!**************************************!*\
   !*** ./src/ts/imports/util/event.ts ***!
   \**************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintEvent: () => (/* binding */ MintEvent),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./settings */ "./src/ts/imports/util/settings.ts");
 
-
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintEvent = void 0;
-const settings_1 = __importDefault(__webpack_require__(/*! ./settings */ "./src/ts/imports/util/settings.ts"));
 /**
  * Event helper functions
  */
 class MintEvent {
-  /**
-   * Ensures that a function `func` is run only after not being called for `wait` milliseconds
-   * @param func - the function to debounce
-   * @param wait - the amount of time to wait before running the function
-   * @returns - the debounced function
-   */
-  static debounce(func) {
-    let wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : settings_1.default.delay.default;
-    let timer;
-    return function (e) {
-      if (timer) {
-        clearTimeout(timer);
-      }
-      timer = setTimeout(func, wait, e);
-    };
-  }
-  /**
-   * Ensures that a function `func` is run only after not being called for `wait` milliseconds
-   * @param func - the function to debounce
-   * @param wait - the amount of time to wait before running the function
-   * @returns - the debounced function as an EventListener
-   */
-  static debounceEvent(func) {
-    let wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : settings_1.default.delay.default;
-    return MintEvent.debounce(func, wait);
-  }
-  /**
-   * Ensures that a function `func` is called at most every `wait` milliseconds with optional leading and trailing calls
-   * @param func - the function to throttle
-   * @param wait - the amount of time between function calls
-   * @param options - leading and trailing options: default = \{ leading: true, trailing, true \}
-   * @returns - the throttled function
-   */
-  static throttle(func) {
-    let wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : settings_1.default.delay.default;
-    let options = arguments.length > 2 ? arguments[2] : undefined;
-    let context,
-      args,
-      result,
-      timeout,
-      previous = 0,
-      later = function () {
-        previous = (options === null || options === void 0 ? void 0 : options.leading) === false ? 0 : new Date().getTime();
-        timeout = 0;
-        result = func.apply(context, args);
-        if (!timeout) {
-          context = args = null;
-        }
-      },
-      throttled = function () {
-        let now = new Date().getTime();
-        if (!previous && (options === null || options === void 0 ? void 0 : options.leading) === false) {
-          previous = now;
-        }
-        let remaining = wait - now + previous;
-        context = this;
-        args = arguments;
-        if (remaining <= 0 || remaining > wait) {
-          if (timeout) {
-            clearTimeout(timeout);
+    /**
+     * Ensures that a function `func` is run only after not being called for `wait` milliseconds
+     * @param func - the function to debounce
+     * @param wait - the amount of time to wait before running the function
+     * @returns - the debounced function
+     */
+    static debounce(func, wait = _settings__WEBPACK_IMPORTED_MODULE_0__["default"].delay.default) {
+        let timer;
+        return function (e) {
+            if (timer) {
+                clearTimeout(timer);
+            }
+            timer = setTimeout(func, wait, e);
+        };
+    }
+    /**
+     * Ensures that a function `func` is run only after not being called for `wait` milliseconds
+     * @param func - the function to debounce
+     * @param wait - the amount of time to wait before running the function
+     * @returns - the debounced function as an EventListener
+     */
+    static debounceEvent(func, wait = _settings__WEBPACK_IMPORTED_MODULE_0__["default"].delay.default) {
+        return MintEvent.debounce(func, wait);
+    }
+    /**
+     * Ensures that a function `func` is called at most every `wait` milliseconds with optional leading and trailing calls
+     * @param func - the function to throttle
+     * @param wait - the amount of time between function calls
+     * @param options - leading and trailing options: default = \{ leading: true, trailing, true \}
+     * @returns - the throttled function
+     */
+    static throttle(func, wait = _settings__WEBPACK_IMPORTED_MODULE_0__["default"].delay.default, options) {
+        let context, args, result, timeout, previous = 0, later = function () {
+            previous = options?.leading === false ? 0 : new Date().getTime();
             timeout = 0;
-          }
-          previous = now;
-          result = func.apply(context, args);
-          if (!timeout) {
-            context = args = null;
-          }
-        } else if (!timeout && (options === null || options === void 0 ? void 0 : options.trailing) !== false) {
-          timeout = window.setTimeout(later, remaining);
-        }
-        return result;
-      };
-    return throttled;
-  }
-  /**
-   * Ensures that a function `func` is called at most every `wait` milliseconds with optional leading and trailing calls
-   * @param func - the function to throttle
-   * @param wait - the amount of time between function calls
-   * @param options - leading and trailing options: default = \{ leading: true, trailing, true \}
-   * @returns - the throttled function as an EventListener
-   */
-  static throttleEvent(func) {
-    let wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : settings_1.default.delay.default;
-    let options = arguments.length > 2 ? arguments[2] : undefined;
-    return MintEvent.throttle(func, wait, options);
-  }
+            result = func.apply(context, args);
+            if (!timeout) {
+                context = args = null;
+            }
+        }, throttled = function () {
+            let now = new Date().getTime();
+            if (!previous && options?.leading === false) {
+                previous = now;
+            }
+            let remaining = wait - now + previous;
+            context = this;
+            args = arguments;
+            if (remaining <= 0 || remaining > wait) {
+                if (timeout) {
+                    clearTimeout(timeout);
+                    timeout = 0;
+                }
+                previous = now;
+                result = func.apply(context, args);
+                if (!timeout) {
+                    context = args = null;
+                }
+            }
+            else if (!timeout && options?.trailing !== false) {
+                timeout = window.setTimeout(later, remaining);
+            }
+            return result;
+        };
+        return throttled;
+    }
+    /**
+     * Ensures that a function `func` is called at most every `wait` milliseconds with optional leading and trailing calls
+     * @param func - the function to throttle
+     * @param wait - the amount of time between function calls
+     * @param options - leading and trailing options: default = \{ leading: true, trailing, true \}
+     * @returns - the throttled function as an EventListener
+     */
+    static throttleEvent(func, wait = _settings__WEBPACK_IMPORTED_MODULE_0__["default"].delay.default, options) {
+        return MintEvent.throttle(func, wait, options);
+    }
 }
-exports.MintEvent = MintEvent;
 ;
-exports["default"] = MintEvent;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintEvent);
+
 
 /***/ }),
 
@@ -1049,80 +961,78 @@ exports["default"] = MintEvent;
 /*!*************************************!*\
   !*** ./src/ts/imports/util/icon.ts ***!
   \*************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-
-
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintIcon = void 0;
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintIcon: () => (/* binding */ MintIcon),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _object__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./object */ "./src/ts/imports/util/object.ts");
 /**
  * Imports
  */
-const object_1 = __importDefault(__webpack_require__(/*! ./object */ "./src/ts/imports/util/object.ts"));
+
 /**
  * Icon helper functions
  */
 class MintIcon {
-  /**
-   * Appends the given icon to the given selector if there is not already an icon appended
-   */
-  static append(icon, selector) {
-    let items = document.querySelectorAll(selector);
-    items.forEach(item => {
-      let iconElement = document.createElement('i');
-      iconElement.classList.add(...icon.split(' '));
-      if (!item.querySelector('i')) {
-        item.appendChild(iconElement);
-      }
-      if (iconElement.classList.contains('fa-up-right-from-square')) {
-        item.setAttribute('target', '_blank');
-      }
-    });
-  }
-  /**
-   * Updates the icons
-   * @param icons - the icons to update
-   */
-  static update(icons) {
-    let activeIcons = object_1.default.removeValues(Object.assign(Object.assign({}, this.icons), icons), [false]);
-    Object.keys(activeIcons).forEach(selector => {
-      this.append(activeIcons[selector], selector);
-    });
-  }
-  /**
-   * Removes the given icon from the given selector
-   * @param icon - the icon to remove
-   */
-  static remove(icon, selector) {
-    let items = document.querySelectorAll(selector);
-    items.forEach(item => {
-      let iconElement = item.querySelector('i');
-      if (iconElement) {
-        iconElement.remove();
-      }
-    });
-  }
+    /**
+     * Default icons
+     */
+    static icons = {
+        'a[href^="mailto:"]': 'far fa-envelope',
+        'a[href^="tel:"]': 'fas fa-phone-flip',
+        'a[href^="sms:"]': 'far fa-message',
+        'a[href^="https://maps"]': 'fas fa-map-location-dot',
+        'a[href^="http"]': 'fas fa-up-right-from-square'
+    };
+    /**
+     * Appends the given icon to the given selector if there is not already an icon appended
+     */
+    static append(icon, selector) {
+        let items = document.querySelectorAll(selector);
+        items.forEach((item) => {
+            let iconElement = document.createElement('i');
+            iconElement.classList.add(...icon.split(' '));
+            if (!item.querySelector('i')) {
+                item.appendChild(iconElement);
+            }
+            if (iconElement.classList.contains('fa-up-right-from-square')) {
+                item.setAttribute('target', '_blank');
+            }
+        });
+    }
+    /**
+     * Updates the icons
+     * @param icons - the icons to update
+     */
+    static update(icons) {
+        let activeIcons = _object__WEBPACK_IMPORTED_MODULE_0__["default"].removeValues({
+            ...this.icons,
+            ...icons
+        }, [false]);
+        Object.keys(activeIcons).forEach((selector) => {
+            this.append(activeIcons[selector], selector);
+        });
+    }
+    /**
+     * Removes the given icon from the given selector
+     * @param icon - the icon to remove
+     */
+    static remove(icon, selector) {
+        let items = document.querySelectorAll(selector);
+        items.forEach((item) => {
+            let iconElement = item.querySelector('i');
+            if (iconElement) {
+                iconElement.remove();
+            }
+        });
+    }
 }
-exports.MintIcon = MintIcon;
-/**
- * Default icons
- */
-MintIcon.icons = {
-  'a[href^="mailto:"]': 'far fa-envelope',
-  'a[href^="tel:"]': 'fas fa-phone-flip',
-  'a[href^="sms:"]': 'far fa-message',
-  'a[href^="https://maps"]': 'fas fa-map-location-dot',
-  'a[href^="http"]': 'fas fa-up-right-from-square'
-};
 ;
-exports["default"] = MintIcon;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintIcon);
+
 
 /***/ }),
 
@@ -1130,102 +1040,105 @@ exports["default"] = MintIcon;
 /*!**************************************!*\
   !*** ./src/ts/imports/util/index.ts ***!
   \**************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-
-
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __exportStar = this && this.__exportStar || function (m, exports) {
-  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintAsync: () => (/* reexport safe */ _async__WEBPACK_IMPORTED_MODULE_0__.MintAsync),
+/* harmony export */   MintDisplay: () => (/* reexport safe */ _display__WEBPACK_IMPORTED_MODULE_1__.MintDisplay),
+/* harmony export */   MintEvent: () => (/* reexport safe */ _event__WEBPACK_IMPORTED_MODULE_2__.MintEvent),
+/* harmony export */   MintIcon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_3__.MintIcon),
+/* harmony export */   MintList: () => (/* reexport safe */ _list__WEBPACK_IMPORTED_MODULE_4__.MintList),
+/* harmony export */   MintMath: () => (/* reexport safe */ _math__WEBPACK_IMPORTED_MODULE_5__.MintMath),
+/* harmony export */   MintObject: () => (/* reexport safe */ _object__WEBPACK_IMPORTED_MODULE_6__.MintObject),
+/* harmony export */   MintScroll: () => (/* reexport safe */ _scroll__WEBPACK_IMPORTED_MODULE_7__.MintScroll),
+/* harmony export */   MintSelectors: () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_8__.MintSelectors),
+/* harmony export */   MintSettings: () => (/* reexport safe */ _settings__WEBPACK_IMPORTED_MODULE_9__.MintSettings),
+/* harmony export */   MintText: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_10__.MintText),
+/* harmony export */   MintWindow: () => (/* reexport safe */ _window__WEBPACK_IMPORTED_MODULE_11__.MintWindow)
+/* harmony export */ });
+/* harmony import */ var _async__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./async */ "./src/ts/imports/util/async.ts");
+/* harmony import */ var _display__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./display */ "./src/ts/imports/util/display.ts");
+/* harmony import */ var _event__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./event */ "./src/ts/imports/util/event.ts");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./icon */ "./src/ts/imports/util/icon.ts");
+/* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./list */ "./src/ts/imports/util/list.ts");
+/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./math */ "./src/ts/imports/util/math.ts");
+/* harmony import */ var _object__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./object */ "./src/ts/imports/util/object.ts");
+/* harmony import */ var _scroll__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./scroll */ "./src/ts/imports/util/scroll.ts");
+/* harmony import */ var _selectors__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./selectors */ "./src/ts/imports/util/selectors.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./settings */ "./src/ts/imports/util/settings.ts");
+/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./text */ "./src/ts/imports/util/text.ts");
+/* harmony import */ var _window__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./window */ "./src/ts/imports/util/window.ts");
 /**
  * Forward all exports from the util directory
  */
-__exportStar(__webpack_require__(/*! ./async */ "./src/ts/imports/util/async.ts"), exports);
-__exportStar(__webpack_require__(/*! ./display */ "./src/ts/imports/util/display.ts"), exports);
-__exportStar(__webpack_require__(/*! ./event */ "./src/ts/imports/util/event.ts"), exports);
-__exportStar(__webpack_require__(/*! ./icon */ "./src/ts/imports/util/icon.ts"), exports);
-__exportStar(__webpack_require__(/*! ./list */ "./src/ts/imports/util/list.ts"), exports);
-__exportStar(__webpack_require__(/*! ./math */ "./src/ts/imports/util/math.ts"), exports);
-__exportStar(__webpack_require__(/*! ./object */ "./src/ts/imports/util/object.ts"), exports);
-__exportStar(__webpack_require__(/*! ./scroll */ "./src/ts/imports/util/scroll.ts"), exports);
-__exportStar(__webpack_require__(/*! ./selectors */ "./src/ts/imports/util/selectors.ts"), exports);
-__exportStar(__webpack_require__(/*! ./settings */ "./src/ts/imports/util/settings.ts"), exports);
-__exportStar(__webpack_require__(/*! ./text */ "./src/ts/imports/util/text.ts"), exports);
-__exportStar(__webpack_require__(/*! ./window */ "./src/ts/imports/util/window.ts"), exports);
 
-/***/ }),
 
-/***/ "./src/ts/imports/util/list.ts":
-/*!*************************************!*\
-  !*** ./src/ts/imports/util/list.ts ***!
-  \*************************************/
-/***/ ((__unused_webpack_module, exports) => {
 
 
 
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintList = void 0;
-/**
- * List functions for the util library
- */
-class MintList {
-  /**
-   * Returns a copy of the provided list with the items in random order
-   * @param list - the list to shuffle
-   * @returns - the shuffled list
-   */
-  static shuffleCopy(list) {
-    let copy = [...list];
-    for (let i = copy.length - 1; i > 0; i--) {
-      const j = Math.floor(Math.random() * (i + 1));
-      [copy[i], copy[j]] = [copy[j], copy[i]];
-    }
-    return copy;
-  }
-  /**
-   * Filters the array in place based on a test condition and returns the filtered array.
-   * This method modifies the original array by removing elements that do not pass the test implemented by the provided function.
-   *
-   * @template T The type of elements in the array.
-   * @param {T[]} list The array to filter, which will be modified in place.
-   * @param {(item: T) => boolean} test A function that tests each element of the array. Return `true` to keep the element, `false` otherwise.
-   * @returns {T[]} The original array with only the elements that passed the test.
-   */
-  static filter(list, test) {
-    let newLength = 0;
-    for (let i = 0; i < list.length; i++) {
-      if (test(list[i])) {
-        list[newLength++] = list[i];
-      }
-    }
-    list.length = newLength;
-    return list;
-  }
-}
-exports.MintList = MintList;
+
+
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/ts/imports/util/list.ts":
+/*!*************************************!*\
+  !*** ./src/ts/imports/util/list.ts ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintList: () => (/* binding */ MintList),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/**
+ * List functions for the util library
+ */
+class MintList {
+    /**
+     * Returns a copy of the provided list with the items in random order
+     * @param list - the list to shuffle
+     * @returns - the shuffled list
+     */
+    static shuffleCopy(list) {
+        let copy = [...list];
+        for (let i = copy.length - 1; i > 0; i--) {
+            const j = Math.floor(Math.random() * (i + 1));
+            [copy[i], copy[j]] = [copy[j], copy[i]];
+        }
+        return copy;
+    }
+    /**
+     * Filters the array in place based on a test condition and returns the filtered array.
+     * This method modifies the original array by removing elements that do not pass the test implemented by the provided function.
+     *
+     * @template T The type of elements in the array.
+     * @param {T[]} list The array to filter, which will be modified in place.
+     * @param {(item: T) => boolean} test A function that tests each element of the array. Return `true` to keep the element, `false` otherwise.
+     * @returns {T[]} The original array with only the elements that passed the test.
+     */
+    static filter(list, test) {
+        let newLength = 0;
+        for (let i = 0; i < list.length; i++) {
+            if (test(list[i])) {
+                list[newLength++] = list[i];
+            }
+        }
+        list.length = newLength;
+        return list;
+    }
+}
 ;
-exports["default"] = MintList;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintList);
+
 
 /***/ }),
 
@@ -1233,34 +1146,32 @@ exports["default"] = MintList;
 /*!*************************************!*\
   !*** ./src/ts/imports/util/math.ts ***!
   \*************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintMath = void 0;
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintMath: () => (/* binding */ MintMath),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
 /**
  * Math functions for the util library
  */
 class MintMath {
-  /**
-   * Get a random integer between min and max
-   * @param max Maximum value to return
-   * @param min Minimum value to return (default is 0)
-   * @returns a random integer between min and max
-   */
-  static randomInt(max) {
-    let min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    min = Math.ceil(min);
-    max = Math.floor(max);
-    return Math.floor(Math.random() * (max - min) + min);
-  }
+    /**
+     * Get a random integer between min and max
+     * @param max Maximum value to return
+     * @param min Minimum value to return (default is 0)
+     * @returns a random integer between min and max
+     */
+    static randomInt(max, min = 0) {
+        min = Math.ceil(min);
+        max = Math.floor(max);
+        return Math.floor(Math.random() * (max - min) + min);
+    }
 }
-exports.MintMath = MintMath;
 ;
-exports["default"] = MintMath;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintMath);
+
 
 /***/ }),
 
@@ -1268,231 +1179,224 @@ exports["default"] = MintMath;
 /*!***************************************!*\
   !*** ./src/ts/imports/util/object.ts ***!
   \***************************************/
-/***/ ((__unused_webpack_module, exports) => {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintObject = void 0;
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintObject: () => (/* binding */ MintObject),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
 /**
  * Object functions for the util library
  */
 class MintObject {
-  /**
-   * Returns true if the provided objects have the same entries
-   */
-  static isSimilar(obj1, obj2) {
-    let keys = Object.keys(obj1);
-    if (keys.length !== Object.keys(obj2).length) {
-      return false;
-    }
-    let isSimilar = true;
-    keys.forEach(key => {
-      if (obj1[key] !== obj2[key]) {
-        isSimilar = false;
-      }
-    });
-    return isSimilar;
-  }
-  /**
-   * Returns true if the first object has at least the same
-   * entries as the second object
-   * @param superset - the object to check
-   * @param subset - the object whose entries are required
-   * @returns - true if the first object is a superset of the second
-   * @recursive
-   */
-  static isSuperset(superset, subset) {
-    let isSuperset = true;
-    // Base case - if the objects are equal, it is a superset
-    if (superset === subset) {
-      return isSuperset;
-    }
-    // If the subset isn't an object or array, and doesn't
-    // satisfy the base case, it isn't a superset
-    try {
-      if (Object.keys(subset).length === 0) {
-        return !isSuperset;
-      }
-    }
-    // If the subset is null or undefined, and doesn't satisfy
-    // the base case, it isn't a superset
-    // TODO: Check if other exceptions could occur
-    catch (e) {
-      return !isSuperset;
-    }
-    // If the children of the subset are subsets of the
-    // respective children of the superset, it is a superset
-    Object.keys(subset).forEach(key => {
-      isSuperset = isSuperset && MintObject.isSuperset(superset[key], subset[key]);
-    });
-    return isSuperset;
-  }
-  /**
-   * Removes object entries by key
-   * @alias mintObject.removeKeys
-   * @param object - the object to remove entries from
-   * @param keys - the keys to remove
-   */
-  static remove(object, keys) {
-    return this.removeKeys(object, keys);
-  }
-  /**
-   * Removes object entries by key
-   * @param object - the object to remove entries from
-   * @param keys - the keys to remove
-   */
-  static removeKeys(object, keys) {
-    return Object.keys(object).reduce((obj, key) => {
-      if (!keys.includes(key)) {
-        obj[key] = object[key];
-      }
-      return obj;
-    }, {});
-  }
-  /**
-   * Removes object entries by value
-   */
-  static removeValues(object, values) {
-    return Object.keys(object).reduce((obj, key) => {
-      if (!values.includes(object[key])) {
-        obj[key] = object[key];
-      }
-      return obj;
-    }, {});
-  }
-  /**
-   * Sorts an object's entries alphabetically by key
-   */
-  static sort(object, compareFn) {
-    return this.sortKeys(object, compareFn);
-  }
-  /**
-   * Sorts an object's entries alphabetically by key
-   */
-  static sortKeys(object, compareFn) {
-    return Object.keys(object).sort(compareFn).reduce((obj, key) => {
-      obj[key] = object[key];
-      return obj;
-    }, {});
-  }
-  /**
-   * Sorts an object's entries alphabetically by value
-   */
-  static sortValues(object, compareFn) {
-    return Object.keys(object).sort((a, b) => compareFn(object[a], object[b])).reduce((obj, key) => {
-      obj[key] = object[key];
-      return obj;
-    }, {});
-  }
-  /**
-   * @alias mintObject.filterKeys
-   */
-  static filter(object, keys) {
-    return this.filterKeys(object, keys);
-  }
-  /**
-   * Filters an object by its keys
-   * @param object - the object to filter
-   * @param keys - the keys to keep
-   * @returns - the filtered object
-   */
-  static filterKeys(object, keys) {
-    return keys.reduce((obj, key) => {
-      obj[key] = object[key];
-      return obj;
-    }, {});
-  }
-  /**
-   * Filters an object by its values
-   * @param object - the object to filter
-   * @param values - the values to keep
-   * @returns - the filtered object
-   */
-  static filterValues(object, values) {
-    return Object.keys(object).reduce((obj, key) => {
-      if (values.includes(object[key])) {
-        obj[key] = object[key];
-      }
-      return obj;
-    }, {});
-  }
-  /**
-   * Update two sets of objects
-   * @param original - the original object
-   * @param update - the object to update the original with
-   * @returns - the original objects with updated data from the update
-   */
-  static updateArray(original, update) {
-    let key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'id';
-    // If there are no originals, push the updates
-    if (!(update === null || update === void 0 ? void 0 : update.length)) {
-      update === null || update === void 0 ? void 0 : update.forEach(object => original.push(object));
-      // If there are existing objects
-    } else {
-      // Create a dictionary of the updated objects
-      const updateObjects = update.reduce((objects, object) => {
-        var _a;
-        return Object.assign(Object.assign({}, objects), {
-          [(_a = object === null || object === void 0 ? void 0 : object[key]) !== null && _a !== void 0 ? _a : '']: object
+    /**
+     * Returns true if the provided objects have the same entries
+     */
+    static isSimilar(obj1, obj2) {
+        let keys = Object.keys(obj1);
+        if (keys.length !== Object.keys(obj2).length) {
+            return false;
+        }
+        let isSimilar = true;
+        keys.forEach((key) => {
+            if (obj1[key] !== obj2[key]) {
+                isSimilar = false;
+            }
         });
-      }, {});
-      // Remove any objects that aren't in the updated objects
-      const missingObjects = original.filter(object => {
-        var _a;
-        return !updateObjects[(_a = object === null || object === void 0 ? void 0 : object[key]) !== null && _a !== void 0 ? _a : ''];
-      });
-      missingObjects === null || missingObjects === void 0 ? void 0 : missingObjects.forEach(object => {
-        const index = original.indexOf(object);
-        if (typeof index == 'number' && index !== -1) {
-          original.splice(index, 1);
+        return isSimilar;
+    }
+    /**
+     * Returns true if the first object has at least the same
+     * entries as the second object
+     * @param superset - the object to check
+     * @param subset - the object whose entries are required
+     * @returns - true if the first object is a superset of the second
+     */
+    static isSuperset(superset, subset) {
+        let isSuperset = true;
+        // Base case - if the objects are equal, it is a superset
+        if (superset === subset) {
+            return isSuperset;
+        }
+        // If the subset isn't an object or array, and doesn't
+        // satisfy the base case, it isn't a superset
+        try {
+            if (Object.keys(subset).length === 0) {
+                return !isSuperset;
+            }
+        }
+        // If the subset is null or undefined, and doesn't satisfy
+        // the base case, it isn't a superset
+        // TODO: Check if other exceptions could occur
+        catch (e) {
+            return !isSuperset;
+        }
+        // If the children of the subset are subsets of the
+        // respective children of the superset, it is a superset
+        Object.keys(subset).forEach((key) => {
+            isSuperset = isSuperset && MintObject.isSuperset(superset[key], subset[key]);
+        });
+        return isSuperset;
+    }
+    /**
+     * Removes object entries by key
+     * @see mintObject.removeKeys
+     * @param object - the object to remove entries from
+     * @param keys - the keys to remove
+     */
+    static remove(object, keys) {
+        return this.removeKeys(object, keys);
+    }
+    /**
+     * Removes object entries by key
+     * @param object - the object to remove entries from
+     * @param keys - the keys to remove
+     */
+    static removeKeys(object, keys) {
+        return Object.keys(object).reduce((obj, key) => {
+            if (!keys.includes(key)) {
+                obj[key] = object[key];
+            }
+            return obj;
+        }, {});
+    }
+    /**
+     * Removes object entries by value
+     */
+    static removeValues(object, values) {
+        return Object.keys(object).reduce((obj, key) => {
+            if (!values.includes(object[key])) {
+                obj[key] = object[key];
+            }
+            return obj;
+        }, {});
+    }
+    /**
+     * Sorts an object's entries alphabetically by key
+     */
+    static sort(object, compareFn) {
+        return this.sortKeys(object, compareFn);
+    }
+    /**
+     * Sorts an object's entries alphabetically by key
+     */
+    static sortKeys(object, compareFn) {
+        return Object.keys(object).sort(compareFn).reduce((obj, key) => {
+            obj[key] = object[key];
+            return obj;
+        }, {});
+    }
+    /**
+     * Sorts an object's entries alphabetically by value
+     */
+    static sortValues(object, compareFn) {
+        return Object.keys(object).sort((a, b) => compareFn(object[a], object[b])).reduce((obj, key) => {
+            obj[key] = object[key];
+            return obj;
+        }, {});
+    }
+    /**
+     * @see mintObject.filterKeys
+     */
+    static filter(object, keys) {
+        return this.filterKeys(object, keys);
+    }
+    /**
+     * Filters an object by its keys
+     * @param object - the object to filter
+     * @param keys - the keys to keep
+     * @returns - the filtered object
+     */
+    static filterKeys(object, keys) {
+        return keys.reduce((obj, key) => {
+            obj[key] = object[key];
+            return obj;
+        }, {});
+    }
+    /**
+     * Filters an object by its values
+     * @param object - the object to filter
+     * @param values - the values to keep
+     * @returns - the filtered object
+     */
+    static filterValues(object, values) {
+        return Object.keys(object).reduce((obj, key) => {
+            if (values.includes(object[key])) {
+                obj[key] = object[key];
+            }
+            return obj;
+        }, {});
+    }
+    /**
+     * Update two sets of objects
+     * @param original - the original object
+     * @param update - the object to update the original with
+     * @returns - the original objects with updated data from the update
+     */
+    static updateArray(original, update, key = 'id') {
+        // If there are no originals, push the updates
+        if (!update?.length) {
+            update?.forEach((object) => original.push(object));
+            // If there are existing objects
         }
-      });
-      // Update the existing objects with updates
-      original.forEach(object => {
-        var _a, _b;
-        if (updateObjects[(_a = object === null || object === void 0 ? void 0 : object[key]) !== null && _a !== void 0 ? _a : '']) {
-          Object.assign(object, updateObjects[(_b = object === null || object === void 0 ? void 0 : object[key]) !== null && _b !== void 0 ? _b : '']);
+        else {
+            // Create a dictionary of the updated objects
+            const updateObjects = update.reduce((objects, object) => ({
+                ...objects,
+                [object?.[key] ?? '']: object
+            }), {});
+            // Remove any objects that aren't in the updated objects
+            const missingObjects = original.filter((object) => !updateObjects[object?.[key] ?? '']);
+            missingObjects?.forEach((object) => {
+                const index = original.indexOf(object);
+                if (typeof index == 'number' && index !== -1) {
+                    original.splice(index, 1);
+                }
+            });
+            // Update the existing objects with updates
+            original.forEach((object) => {
+                if (updateObjects[object?.[key] ?? '']) {
+                    Object.assign(object, updateObjects[object?.[key] ?? '']);
+                }
+            });
         }
-      });
-    }
-    // Push any new objects
-    const newObjects = update === null || update === void 0 ? void 0 : update.filter(object => !original.some(existingObject => (existingObject === null || existingObject === void 0 ? void 0 : existingObject[key]) === (object === null || object === void 0 ? void 0 : object[key])));
-    newObjects === null || newObjects === void 0 ? void 0 : newObjects.forEach(newObject => original.push(newObject));
-  }
-  /**
-   * Get an object's key by value
-   */
-  static getKeyByValue(object, value) {
-    return Object.keys(object).find(key => object[key] === value);
-  }
-  /**
-   * Create a deep copy of an object
-   * @recursive
-   */
-  static deepClone(object) {
-    // Clone every property
-    const clone = {};
-    for (const key in object) {
-      // Functions
-      if (typeof object[key] === 'function') {
-        clone[key] = object[key].bind(clone);
-        // Objects
-      } else if (object[key] && typeof object[key] === 'object') {
-        clone[key] = this.deepClone(object[key]);
-        // Primitives
-      } else {
-        clone[key] = object[key];
-      }
-    }
-    return clone;
-  }
+        // Push any new objects
+        const newObjects = update?.filter((object) => !original.some((existingObject) => existingObject?.[key] === object?.[key]));
+        newObjects?.forEach(newObject => original.push(newObject));
+    }
+    /**
+     * Get an object's key by value
+     */
+    static getKeyByValue(object, value) {
+        return Object.keys(object).find((key) => object[key] === value);
+    }
+    /**
+     * Create a deep copy of an object
+     */
+    static deepClone(object) {
+        // Clone every property
+        const clone = {};
+        for (const key in object) {
+            // Functions
+            if (typeof object[key] === 'function') {
+                clone[key] = object[key].bind(clone);
+                // Objects
+            }
+            else if (object[key] && typeof object[key] === 'object') {
+                clone[key] = this.deepClone(object[key]);
+                // Primitives
+            }
+            else {
+                clone[key] = object[key];
+            }
+        }
+        return clone;
+    }
 }
-exports.MintObject = MintObject;
 ;
-exports["default"] = MintObject;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintObject);
+
 
 /***/ }),
 
@@ -1500,70 +1404,67 @@ exports["default"] = MintObject;
 /*!***************************************!*\
   !*** ./src/ts/imports/util/scroll.ts ***!
   \***************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-
-
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintScroll = void 0;
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintScroll: () => (/* binding */ MintScroll),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _event__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./event */ "./src/ts/imports/util/event.ts");
 /**
  * Imports
  */
-const event_1 = __importDefault(__webpack_require__(/*! ./event */ "./src/ts/imports/util/event.ts"));
+
 /**
  * Scroll functions
  */
 class MintScroll {
-  /**
-   * Scroll to the top of the page
-   */
-  static toTop() {
-    window.scrollTo(0, 0);
-  }
-  /**
-   * Scroll to the bottom of the page
-   */
-  static toBottom() {
-    window.scrollTo(0, document.body.scrollHeight);
-  }
-  /**
-   * Show visible elements
-   */
-  static showElements() {
-    requestAnimationFrame(() => {
-      let elements = document.querySelectorAll('.mint-fall-in:not(.mint-show)'),
-        elementsToShow = [];
-      for (let i = 0; i < elements.length; i++) {
-        if (elements[i].getBoundingClientRect().top < 0) {
-          elements[i].classList.add('mint-show');
-        } else if (elements[i].getBoundingClientRect().top < window.innerHeight * 3 / 4) {
-          elementsToShow.push(elements[i]);
-        }
-      }
-      for (let i = 0; i < elementsToShow.length; i++) {
-        setTimeout(() => {
-          elementsToShow[i].classList.add('mint-show');
-        }, i * 100);
-      }
-    });
-  }
-  /**
-   * Show visible elements on scroll
-   */
-  static showElementsOnScroll() {
-    window.addEventListener('scroll', event_1.default.throttleEvent(this.showElements, 200));
-  }
+    /**
+     * Scroll to the top of the page
+     */
+    static toTop() {
+        window.scrollTo(0, 0);
+    }
+    ;
+    /**
+     * Scroll to the bottom of the page
+     */
+    static toBottom() {
+        window.scrollTo(0, document.body.scrollHeight);
+    }
+    ;
+    /**
+     * Show visible elements
+     */
+    static showElements() {
+        requestAnimationFrame(() => {
+            let elements = document.querySelectorAll('.mint-fall-in:not(.mint-show)'), elementsToShow = [];
+            for (let i = 0; i < elements.length; i++) {
+                if (elements[i].getBoundingClientRect().top < 0) {
+                    elements[i].classList.add('mint-show');
+                }
+                else if (elements[i].getBoundingClientRect().top < window.innerHeight * 3 / 4) {
+                    elementsToShow.push(elements[i]);
+                }
+            }
+            for (let i = 0; i < elementsToShow.length; i++) {
+                setTimeout(() => {
+                    elementsToShow[i].classList.add('mint-show');
+                }, i * 100);
+            }
+        });
+    }
+    /**
+     * Show visible elements on scroll
+     */
+    static showElementsOnScroll() {
+        window.addEventListener('scroll', _event__WEBPACK_IMPORTED_MODULE_0__["default"].throttleEvent(this.showElements, 200));
+    }
 }
-exports.MintScroll = MintScroll;
 ;
-exports["default"] = MintScroll;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintScroll);
+
 
 /***/ }),
 
@@ -1571,180 +1472,178 @@ exports["default"] = MintScroll;
 /*!******************************************!*\
   !*** ./src/ts/imports/util/selectors.ts ***!
   \******************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-var _a;
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintSelectors = void 0;
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintSelectors: () => (/* binding */ MintSelectors),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
 /**
  * CSS-selector helpers
  * @public
  */
 class MintSelectors {
-  /**
-   * Adds the library prefix to the beginning of the provided string
-   * @param base - the string to be prefixed
-   * @returns - the provided string prefixed with the library name
-   */
-  static prefix(base) {
-    base = base.toLowerCase();
-    return base.startsWith(this.pre) ? base : `${this.pre}${base}`;
-  }
-  /**
-   * Adds two dashes to the beginning of the provided string
-   * @param base - the string to be prefixed
-   * @returns - the provided string prefixed with two dashes
-   */
-  static cssPrefix(base) {
-    return `--${this.prefix(base.replace(/^-+/, ''))}`;
-  }
-  /**
-   * Turns the provided string into a CSS variable call
-   * @param base - the name of the CSS variable to call
-   * @returns - the CSS variable call for the provided string
-   */
-  static cssVar(base) {
-    return `var(${this.cssPrefix(base)})`;
-  }
-  /**
-   * Negates the provided CSS selector
-   * @param base - the CSS selector to negate
-   * @returns - the negated CSS selector
-   */
-  static neg(base) {
-    return `:not(${base})`;
-  }
-  /**
-   * Generates a class CSS selector
-   * @param base - the name of the class to generate
-   * @returns - the generated CSS selector
-   */
-  static class(base) {
-    return `.${this.prefix(base)}`;
-  }
-  /**
-   * Generates an id CSS selector
-   * @param base - the name of the id to generate
-   * @returns - the generated CSS selector
-   */
-  static id(base) {
-    return `#${this.prefix(base)}`;
-  }
-  /**
-   * Generates an aria-controls CSS selector
-   * @param id - the id of the controlled element
-   * @returns - the generated CSS selector
-   */
-  static controls(id) {
-    return id ? `[aria-controls="${this.prefix(id)}"]` : this.hasControls;
-  }
-  /**
-   * Generates an aria-expanded CSS selector
-   * @param bool - whether the element is expanded or not
-   * @returns - the generated CSS selector
-   */
-  static expanded(bool) {
-    return typeof bool === 'boolean' ? `[aria-expanded="${bool}"]` : this.hasExpanded;
-  }
-  /**
-   * Returns a NodeList of HTMLElements within the given element that are focusable
-   * @param el - the element whose focusable children will be returned
-   * @returns - the elements within the given element that are focusable
-   */
-  static getFocusables(el) {
-    let focusables;
-    if (el) {
-      focusables = Array.from(el.querySelectorAll(this.focusable));
-    } else {
-      focusables = Array.from(document.querySelectorAll(this.focusable));
-    }
-    return focusables.filter(el => this.isFocusable(el));
-  }
-  /**
-   * Returns true if an element is focusable and false if not,
-   * based on styles (i.e. a parent has display: none;)
-   * NOTE: Still need to determine what other styles may make an element un-focusable
-   * @param el - the element
-   * @returns - true if the element is focusable; false if not
-   */
-  static isFocusable(el) {
-    let current = el;
-    do {
-      if (window.getComputedStyle(current).getPropertyValue('display').toLowerCase() === 'none') {
-        return false;
-      }
-      current = current.parentElement;
-    } while (current);
-    return true;
-  }
+    /**
+     * The library name that will be added as a prefix
+     */
+    static lib = 'mint';
+    /**
+     * The prefix built from the library name
+     */
+    static pre = `${this.lib}-`;
+    /**
+     * CSS-selector for disabled elements
+     */
+    static disabled = '[disabled]';
+    /**
+     * CSS-selector for elements with an aria-controls attribute
+     */
+    static hasControls = '[aria-controls]';
+    /**
+     * CSS-selector for elements with an aria-expanded attribute
+     */
+    static hasExpanded = '[aria-expanded]';
+    /**
+     * CSS-selector for elements with an href attribute
+     */
+    static hasLink = '[href]';
+    /**
+     * CSS-selector for elements with a routerLink attribute
+     */
+    static hasRouterLink = '[routerLink]';
+    /**
+     * CSS-selector for elements with an id attribute
+     */
+    static hasId = '[id]';
+    /**
+     * CSS-selector for elements that aren't tabbable (i.e. tabindex is negative)
+     */
+    static notTabbable = '[tabindex^="-"]';
+    /**
+     * CSS-selector for elements that are tabbable (i.e. tabindex isn't negative)
+     */
+    static tabbable = `[tabindex]${this.neg(this.notTabbable)}`;
+    /**
+     * CSS-selector for elements that can receive focus
+     */
+    static focusable = `input${this.neg(this.disabled)}${this.neg(this.notTabbable)},
+                                select${this.neg(this.disabled)}${this.neg(this.notTabbable)},
+                                textarea${this.neg(this.disabled)}${this.neg(this.notTabbable)},
+                                button${this.neg(this.disabled)}${this.neg(this.notTabbable)},
+                                object${this.neg(this.disabled)}${this.neg(this.notTabbable)},
+                                a${this.hasLink}, a${this.hasRouterLink},
+                                area${this.hasLink},
+                                ${this.tabbable}`.replace(/\s/g, '');
+    /**
+     * CSS-selector for submenu buttons
+     */
+    static subMenuButtons = `button${this.hasControls}`;
+    /**
+     * CSS-selector for submenus
+     */
+    static subMenu = `${this.subMenuButtons} + ul${this.hasId}`;
+    /**
+     * Adds the library prefix to the beginning of the provided string
+     * @param base - the string to be prefixed
+     * @returns - the provided string prefixed with the library name
+     */
+    static prefix(base) {
+        base = base.toLowerCase();
+        return base.startsWith(this.pre) ? base : `${this.pre}${base}`;
+    }
+    /**
+     * Adds two dashes to the beginning of the provided string
+     * @param base - the string to be prefixed
+     * @returns - the provided string prefixed with two dashes
+     */
+    static cssPrefix(base) {
+        return `--${this.prefix(base.replace(/^-+/, ''))}`;
+    }
+    /**
+     * Turns the provided string into a CSS variable call
+     * @param base - the name of the CSS variable to call
+     * @returns - the CSS variable call for the provided string
+     */
+    static cssVar(base) {
+        return `var(${this.cssPrefix(base)})`;
+    }
+    /**
+     * Negates the provided CSS selector
+     * @param base - the CSS selector to negate
+     * @returns - the negated CSS selector
+     */
+    static neg(base) {
+        return `:not(${base})`;
+    }
+    /**
+     * Generates a class CSS selector
+     * @param base - the name of the class to generate
+     * @returns - the generated CSS selector
+     */
+    static class(base) {
+        return `.${this.prefix(base)}`;
+    }
+    /**
+     * Generates an id CSS selector
+     * @param base - the name of the id to generate
+     * @returns - the generated CSS selector
+     */
+    static id(base) {
+        return `#${this.prefix(base)}`;
+    }
+    /**
+     * Generates an aria-controls CSS selector
+     * @param id - the id of the controlled element
+     * @returns - the generated CSS selector
+     */
+    static controls(id) {
+        return id ? `[aria-controls="${this.prefix(id)}"]` : this.hasControls;
+    }
+    /**
+     * Generates an aria-expanded CSS selector
+     * @param bool - whether the element is expanded or not
+     * @returns - the generated CSS selector
+     */
+    static expanded(bool) {
+        return typeof bool === 'boolean' ? `[aria-expanded="${bool}"]` : this.hasExpanded;
+    }
+    /**
+     * Returns a NodeList of HTMLElements within the given element that are focusable
+     * @param el - the element whose focusable children will be returned
+     * @returns - the elements within the given element that are focusable
+     */
+    static getFocusables(el) {
+        let focusables;
+        if (el) {
+            focusables = Array.from(el.querySelectorAll(this.focusable));
+        }
+        else {
+            focusables = Array.from(document.querySelectorAll(this.focusable));
+        }
+        return focusables.filter((el) => this.isFocusable(el));
+    }
+    /**
+     * Returns true if an element is focusable and false if not,
+     * based on styles (i.e. a parent has display: none;)
+     * NOTE: Still need to determine what other styles may make an element un-focusable
+     * @param el - the element
+     * @returns - true if the element is focusable; false if not
+     */
+    static isFocusable(el) {
+        let current = el;
+        do {
+            if (window.getComputedStyle(current).getPropertyValue('display').toLowerCase() === 'none') {
+                return false;
+            }
+            current = current.parentElement;
+        } while (current);
+        return true;
+    }
 }
-exports.MintSelectors = MintSelectors;
-_a = MintSelectors;
-/**
- * The library name that will be added as a prefix
- */
-MintSelectors.lib = 'mint';
-/**
- * The prefix built from the library name
- */
-MintSelectors.pre = `${_a.lib}-`;
-/**
- * CSS-selector for disabled elements
- */
-MintSelectors.disabled = '[disabled]';
-/**
- * CSS-selector for elements with an aria-controls attribute
- */
-MintSelectors.hasControls = '[aria-controls]';
-/**
- * CSS-selector for elements with an aria-expanded attribute
- */
-MintSelectors.hasExpanded = '[aria-expanded]';
-/**
- * CSS-selector for elements with an href attribute
- */
-MintSelectors.hasLink = '[href]';
-/**
- * CSS-selector for elements with a routerLink attribute
- */
-MintSelectors.hasRouterLink = '[routerLink]';
-/**
- * CSS-selector for elements with an id attribute
- */
-MintSelectors.hasId = '[id]';
-/**
- * CSS-selector for elements that aren't tabbable (i.e. tabindex is negative)
- */
-MintSelectors.notTabbable = '[tabindex^="-"]';
-/**
- * CSS-selector for elements that are tabbable (i.e. tabindex isn't negative)
- */
-MintSelectors.tabbable = `[tabindex]${_a.neg(_a.notTabbable)}`;
-/**
- * CSS-selector for elements that can receive focus
- */
-MintSelectors.focusable = `input${_a.neg(_a.disabled)}${_a.neg(_a.notTabbable)},
-                                select${_a.neg(_a.disabled)}${_a.neg(_a.notTabbable)},
-                                textarea${_a.neg(_a.disabled)}${_a.neg(_a.notTabbable)},
-                                button${_a.neg(_a.disabled)}${_a.neg(_a.notTabbable)},
-                                object${_a.neg(_a.disabled)}${_a.neg(_a.notTabbable)},
-                                a${_a.hasLink}, a${_a.hasRouterLink},
-                                area${_a.hasLink},
-                                ${_a.tabbable}`.replace(/\s/g, '');
-/**
- * CSS-selector for submenu buttons
- */
-MintSelectors.subMenuButtons = `button${_a.hasControls}`;
-/**
- * CSS-selector for submenus
- */
-MintSelectors.subMenu = `${_a.subMenuButtons} + ul${_a.hasId}`;
 ;
-exports["default"] = MintSelectors;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintSelectors);
+
 
 /***/ }),
 
@@ -1752,96 +1651,93 @@ exports["default"] = MintSelectors;
 /*!*****************************************!*\
   !*** ./src/ts/imports/util/settings.ts ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-var _a;
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintSettings = void 0;
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintSettings: () => (/* binding */ MintSettings),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
 /**
  * Settings management
  * @public
  */
 class MintSettings {
-  /**
-   * Update the provided settings variables
-   * @param settings - Object of settings variables to update
-   */
-  static set(settings) {
-    let newDelay = false;
-    if (typeof settings.delayBase === 'number') {
-      this.delayBase = settings.delayBase;
-      newDelay = true;
-    }
-    if (typeof settings.delayStep === 'number') {
-      this.delayStep = settings.delayStep;
-      newDelay = true;
-    }
-    if (newDelay) {
-      this.setDelay();
-    }
-    if (settings.delay && Object.keys(settings.delay).length) {
-      if (Object.values(settings.delay).reduce((prev, next) => prev && typeof next === 'number', true)) {
-        this.delay = Object.assign(Object.assign({}, this.delay), settings.delay);
-      }
-    }
-    if (settings.break && Object.keys(settings.break).length) {
-      if (Object.values(settings.break).reduce((prev, next) => prev && typeof next === 'number', true)) {
-        this.break = Object.assign(Object.assign({}, this.break), settings.break);
-      }
-    }
-  }
-  /**
-   * Updates the delay variables based on `this.delayBase` and `this.delayStep`
-   */
-  static setDelay() {
-    this.delay = {
-      instant: this.delayBase + this.delayStep * 0,
-      fast: this.delayBase + this.delayStep * 1,
-      medFast: this.delayBase + this.delayStep * 2,
-      default: this.delayBase + this.delayStep * 3,
-      medSlow: this.delayBase + this.delayStep * 4,
-      slow: this.delayBase + this.delayStep * 5
+    /**
+     * Value added to all delay variables
+     */
+    static delayBase = 0;
+    /**
+     * Value multiplied by delay variable index
+     */
+    static delayStep = 100;
+    /**
+     * Delay variables
+     */
+    static delay = {
+        instant: this.delayBase + this.delayStep * 0,
+        fast: this.delayBase + this.delayStep * 1,
+        medFast: this.delayBase + this.delayStep * 2,
+        default: this.delayBase + this.delayStep * 3,
+        medSlow: this.delayBase + this.delayStep * 4,
+        slow: this.delayBase + this.delayStep * 5
+    };
+    /**
+     * Breakpoint variables
+     */
+    static break = {
+        z: 0,
+        xs: 480,
+        sm: 768,
+        md: 1024,
+        lg: 1200,
+        xl: 1440
     };
-  }
+    /**
+     * Update the provided settings variables
+     * @param settings - Object of settings variables to update
+     */
+    static set(settings) {
+        let newDelay = false;
+        if (typeof settings.delayBase === 'number') {
+            this.delayBase = settings.delayBase;
+            newDelay = true;
+        }
+        if (typeof settings.delayStep === 'number') {
+            this.delayStep = settings.delayStep;
+            newDelay = true;
+        }
+        if (newDelay) {
+            this.setDelay();
+        }
+        if (settings.delay && Object.keys(settings.delay).length) {
+            if (Object.values(settings.delay).reduce((prev, next) => prev && typeof next === 'number', true)) {
+                this.delay = { ...this.delay, ...settings.delay };
+            }
+        }
+        if (settings.break && Object.keys(settings.break).length) {
+            if (Object.values(settings.break).reduce((prev, next) => prev && typeof next === 'number', true)) {
+                this.break = { ...this.break, ...settings.break };
+            }
+        }
+    }
+    /**
+     * Updates the delay variables based on `this.delayBase` and `this.delayStep`
+     */
+    static setDelay() {
+        this.delay = {
+            instant: this.delayBase + this.delayStep * 0,
+            fast: this.delayBase + this.delayStep * 1,
+            medFast: this.delayBase + this.delayStep * 2,
+            default: this.delayBase + this.delayStep * 3,
+            medSlow: this.delayBase + this.delayStep * 4,
+            slow: this.delayBase + this.delayStep * 5
+        };
+    }
 }
-exports.MintSettings = MintSettings;
-_a = MintSettings;
-/**
- * Value added to all delay variables
- */
-MintSettings.delayBase = 0;
-/**
- * Value multiplied by delay variable index
- */
-MintSettings.delayStep = 100;
-/**
- * Delay variables
- */
-MintSettings.delay = {
-  instant: _a.delayBase + _a.delayStep * 0,
-  fast: _a.delayBase + _a.delayStep * 1,
-  medFast: _a.delayBase + _a.delayStep * 2,
-  default: _a.delayBase + _a.delayStep * 3,
-  medSlow: _a.delayBase + _a.delayStep * 4,
-  slow: _a.delayBase + _a.delayStep * 5
-};
-/**
- * Breakpoint variables
- */
-MintSettings.break = {
-  z: 0,
-  xs: 480,
-  sm: 768,
-  md: 1024,
-  lg: 1200,
-  xl: 1440
-};
 ;
-exports["default"] = MintSettings;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintSettings);
+
 
 /***/ }),
 
@@ -1849,113 +1745,119 @@ exports["default"] = MintSettings;
 /*!*************************************!*\
   !*** ./src/ts/imports/util/text.ts ***!
   \*************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintText = void 0;
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintText: () => (/* binding */ MintText),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
 /**
  * Functions for analyzing and manipulating text.
  */
 class MintText {
-  /**
-   * Generate a slug from a string
-   * @param text - The string to slugify
-   * @returns The slugified string
-   */
-  static slug(text) {
-    var _a;
-    return (_a = text === null || text === void 0 ? void 0 : text.trim().toLowerCase().replace(/'/g, '').replace(/[^\w/-]+/g, '-').replace(/-+/g, '-').replace(/^-+|-+$/g, '').replace(/^\/+|\/+$/g, '')) !== null && _a !== void 0 ? _a : '';
-  }
-  /**
-   * Generate a title from a slug
-   * @param slug - The slug to generate a title from
-   * @returns The title
-   */
-  static unslug(slug) {
-    return this.titleCase(slug.replace(/[-/]+/g, ' '));
-  }
-  /**
-   * Format a phone number
-   * @param phone - The phone number to format
-   * @returns The formatted phone number
-   */
-  static phone(phone) {
-    var _a, _b;
-    const given = (_a = phone === null || phone === void 0 ? void 0 : phone.toString().trim()) !== null && _a !== void 0 ? _a : '';
-    if (given === '(' || given === '') {
-      return given;
-    }
-    let numbers = (_b = given.replace(/\D/g, '')) !== null && _b !== void 0 ? _b : '',
-      formatted = '';
-    if (numbers.length > 10) {
-      formatted += `+${numbers.slice(0, numbers.length - 10)} `;
-      numbers = numbers.slice(numbers.length - 10);
-    }
-    for (var i = 0; i < numbers.length; i++) {
-      switch (i) {
-        case 0:
-          formatted += '(';
-          break;
-        case 3:
-          formatted += ') ';
-          break;
-        case 6:
-          formatted += '-';
-          break;
-      }
-      formatted += numbers[i];
-    }
-    switch (given[given.length - 1]) {
-      case ')':
-        if (i === 3) {
-          formatted += ') ';
+    /**
+     * Generate a slug from a string
+     * @param text - The string to slugify
+     * @returns The slugified string
+     */
+    static slug(text) {
+        return text?.trim()
+            .toLowerCase()
+            .replace(/'/g, '')
+            .replace(/[^\w/-]+/g, '-')
+            .replace(/-+/g, '-')
+            .replace(/^-+|-+$/g, '')
+            .replace(/^\/+|\/+$/g, '') ?? '';
+    }
+    /**
+     * Generate a title from a slug
+     * @param slug - The slug to generate a title from
+     * @returns The title
+     */
+    static unslug(slug) {
+        return this.titleCase(slug.replace(/[-/]+/g, ' '));
+    }
+    /**
+     * Format a phone number
+     * @param phone - The phone number to format
+     * @returns The formatted phone number
+     */
+    static phone(phone) {
+        const given = phone?.toString().trim() ?? '';
+        if (given === '(' || given === '') {
+            return given;
+        }
+        let numbers = given.replace(/\D/g, '') ?? '', formatted = '';
+        if (numbers.length > 10) {
+            formatted += `+${numbers.slice(0, numbers.length - 10)} `;
+            numbers = numbers.slice(numbers.length - 10);
+        }
+        for (var i = 0; i < numbers.length; i++) {
+            switch (i) {
+                case 0:
+                    formatted += '(';
+                    break;
+                case 3:
+                    formatted += ') ';
+                    break;
+                case 6:
+                    formatted += '-';
+                    break;
+            }
+            formatted += numbers[i];
+        }
+        switch (given[given.length - 1]) {
+            case ')':
+                if (i === 3) {
+                    formatted += ') ';
+                }
+                break;
+            case '-':
+                if (i === 6) {
+                    formatted += '-';
+                }
+                break;
+        }
+        return formatted;
+    }
+    /**
+     * Pluralize the given word
+     */
+    static plural(word) {
+        if (word.endsWith('ies') ||
+            word.endsWith('es') ||
+            (word.endsWith('s') && !word.endsWith('us') && !word.endsWith('is') && !word.endsWith('ss'))) {
+            return word;
+        }
+        if (word.endsWith('y') && !['a', 'e', 'i', 'o', 'u'].includes(word.charAt(word.length - 2))) {
+            return word.slice(0, -1) + 'ies';
         }
-        break;
-      case '-':
-        if (i === 6) {
-          formatted += '-';
+        if (word.endsWith('s') || word.endsWith('sh') || word.endsWith('ch') || word.endsWith('x') || word.endsWith('z')) {
+            return word + 'es';
         }
-        break;
-    }
-    return formatted;
-  }
-  /**
-   * Pluralize the given word
-   */
-  static plural(word) {
-    if (word.endsWith('ies') || word.endsWith('es') || word.endsWith('s') && !word.endsWith('us') && !word.endsWith('is') && !word.endsWith('ss')) {
-      return word;
-    }
-    if (word.endsWith('y') && !['a', 'e', 'i', 'o', 'u'].includes(word.charAt(word.length - 2))) {
-      return word.slice(0, -1) + 'ies';
-    }
-    if (word.endsWith('s') || word.endsWith('sh') || word.endsWith('ch') || word.endsWith('x') || word.endsWith('z')) {
-      return word + 'es';
-    }
-    return word + 's';
-  }
-  /**
-   * Capitalize the first letter of the given word
-   */
-  static titleCase(text) {
-    return text.toLowerCase().replace(/(?:^|\s)\S/g, a => a.toUpperCase());
-  }
-  /**
-   * Copies the provided text to the clipboard
-   * @param text - the text to copy
-   * @returns - true if the text was successfully copied to the clipboard; else false
-   */
-  static copyText(text) {
-    let textArea = document.createElement('textarea');
-    if (!text || !textArea) {
-      return false;
-    }
-    textArea.value = text;
-    textArea.style.cssText = `
+        return word + 's';
+    }
+    /**
+     * Capitalize the first letter of the given word
+     */
+    static titleCase(text) {
+        return text
+            .toLowerCase()
+            .replace(/(?:^|\s)\S/g, a => a.toUpperCase());
+    }
+    /**
+     * Copies the provided text to the clipboard
+     * @param text - the text to copy
+     * @returns - true if the text was successfully copied to the clipboard; else false
+     */
+    static copyText(text) {
+        let textArea = document.createElement('textarea');
+        if (!text || !textArea) {
+            return false;
+        }
+        textArea.value = text;
+        textArea.style.cssText = `
             position: fixed;
             top: 0;
             left: 0;
@@ -1963,26 +1865,26 @@ class MintText {
             opacity: 0;
             z-index: -1;
         `;
-    document.body.appendChild(textArea);
-    textArea.select();
-    textArea.setSelectionRange(0, 99999);
-    navigator.clipboard.writeText(textArea.value);
-    document.body.removeChild(textArea);
-    return true;
-  }
-  /**
-   * Tests the validity of an email address
-   * @see {@link https://stackoverflow.com/questions/201323/how-can-i-validate-an-email-address-using-a-regular-expression}
-   * @param text - the string to test
-   * @returns - true if the given string is an email address; false if not
-   */
-  static isEmail(text) {
-    return null !== text.match(/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/);
-  }
+        document.body.appendChild(textArea);
+        textArea.select();
+        textArea.setSelectionRange(0, 99999);
+        navigator.clipboard.writeText(textArea.value);
+        document.body.removeChild(textArea);
+        return true;
+    }
+    /**
+     * Tests the validity of an email address
+     * @see {@link https://stackoverflow.com/questions/201323/how-can-i-validate-an-email-address-using-a-regular-expression}
+     * @param text - the string to test
+     * @returns - true if the given string is an email address; false if not
+     */
+    static isEmail(text) {
+        return null !== text.match(/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/);
+    }
 }
-exports.MintText = MintText;
 ;
-exports["default"] = MintText;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintText);
+
 
 /***/ }),
 
@@ -1990,110 +1892,142 @@ exports["default"] = MintText;
 /*!***************************************!*\
   !*** ./src/ts/imports/util/window.ts ***!
   \***************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.MintWindow = void 0;
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MintWindow: () => (/* binding */ MintWindow),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
 /**
  * Functions related to the browser window.
  */
 class MintWindow {
-  /**
-   * Returns the width of the window, including fractional pixels
-   * @returns the width of the window
-   */
-  static width() {
-    const decimal = document.body.getBoundingClientRect().width % 1;
-    return window.innerWidth + decimal;
-  }
+    /**
+     * Returns the width of the window, including fractional pixels
+     * @returns the width of the window
+     */
+    static width() {
+        const decimal = document.body.getBoundingClientRect().width % 1;
+        return window.innerWidth + decimal;
+    }
 }
-exports.MintWindow = MintWindow;
 ;
-exports["default"] = MintWindow;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintWindow);
 
-/***/ }),
 
-/***/ "./src/ts/index.ts":
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/make namespace object */
+/******/ (() => {
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = (exports) => {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
+(() => {
 /*!*************************!*\
   !*** ./src/ts/index.ts ***!
   \*************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-
-
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   EMintSide: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.EMintSide),
+/* harmony export */   MintAsync: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintAsync),
+/* harmony export */   MintDisplay: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintDisplay),
+/* harmony export */   MintEvent: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintEvent),
+/* harmony export */   MintHeader: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintHeader),
+/* harmony export */   MintIcon: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintIcon),
+/* harmony export */   MintItem: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintItem),
+/* harmony export */   MintList: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintList),
+/* harmony export */   MintMath: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintMath),
+/* harmony export */   MintObject: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintObject),
+/* harmony export */   MintScroll: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintScroll),
+/* harmony export */   MintSelectors: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintSelectors),
+/* harmony export */   MintSettings: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintSettings),
+/* harmony export */   MintText: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintText),
+/* harmony export */   MintWindow: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintWindow),
+/* harmony export */   mintColor: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.mintColor)
+/* harmony export */ });
+/* harmony import */ var _imports__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./imports */ "./src/ts/imports/index.ts");
 /**
  * A library for building responsive web applications.
  *
  * @packageDocumentation
  */
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __exportStar = this && this.__exportStar || function (m, exports) {
-  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
 /**
  * Exports
  */
-__exportStar(__webpack_require__(/*! ./imports */ "./src/ts/imports/index.ts"), exports);
 
-/***/ })
 
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module is referenced by other modules so it can't be inlined
-/******/ 	var __webpack_exports__ = __webpack_require__("./src/ts/index.ts");
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+})();
+
+var __webpack_exports__EMintSide = __webpack_exports__.EMintSide;
+var __webpack_exports__MintAsync = __webpack_exports__.MintAsync;
+var __webpack_exports__MintDisplay = __webpack_exports__.MintDisplay;
+var __webpack_exports__MintEvent = __webpack_exports__.MintEvent;
+var __webpack_exports__MintHeader = __webpack_exports__.MintHeader;
+var __webpack_exports__MintIcon = __webpack_exports__.MintIcon;
+var __webpack_exports__MintItem = __webpack_exports__.MintItem;
+var __webpack_exports__MintList = __webpack_exports__.MintList;
+var __webpack_exports__MintMath = __webpack_exports__.MintMath;
+var __webpack_exports__MintObject = __webpack_exports__.MintObject;
+var __webpack_exports__MintScroll = __webpack_exports__.MintScroll;
+var __webpack_exports__MintSelectors = __webpack_exports__.MintSelectors;
+var __webpack_exports__MintSettings = __webpack_exports__.MintSettings;
+var __webpack_exports__MintText = __webpack_exports__.MintText;
+var __webpack_exports__MintWindow = __webpack_exports__.MintWindow;
+var __webpack_exports__mintColor = __webpack_exports__.mintColor;
+export { __webpack_exports__EMintSide as EMintSide, __webpack_exports__MintAsync as MintAsync, __webpack_exports__MintDisplay as MintDisplay, __webpack_exports__MintEvent as MintEvent, __webpack_exports__MintHeader as MintHeader, __webpack_exports__MintIcon as MintIcon, __webpack_exports__MintItem as MintItem, __webpack_exports__MintList as MintList, __webpack_exports__MintMath as MintMath, __webpack_exports__MintObject as MintObject, __webpack_exports__MintScroll as MintScroll, __webpack_exports__MintSelectors as MintSelectors, __webpack_exports__MintSettings as MintSettings, __webpack_exports__MintText as MintText, __webpack_exports__MintWindow as MintWindow, __webpack_exports__mintColor as mintColor };
+
 //# sourceMappingURL=index.js.map